/* roulang page: index */
:root{
      --ink:#1c2430;--muted:#697280;--paper:#f7f8fa;--white:#fff;--line:#e4e7ec;
      --night:#171c27;--night-2:#242d3e;--jade:#137c6b;--jade-dark:#075a4e;
      --gold:#e5aa45;--gold-pale:#fff5df;--rose:#c65a62;--shadow:0 14px 40px rgba(22,31,48,.10);
      --radius:18px;--small:12px;--container:1180px
    }
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.8}
    a{color:inherit;text-decoration:none;transition:.25s ease}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer}
    .site-container{max-width:var(--container);margin:0 auto;padding:0 24px}.section{padding:78px 0;position:relative}.section-title{font-size:34px;line-height:1.3;letter-spacing:-.7px;margin:0 0 13px;font-weight:800}.section-intro{margin:0;color:var(--muted);max-width:700px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border-radius:999px;color:var(--jade-dark);background:#e6f4f1;font-size:13px;font-weight:800;letter-spacing:.5px;margin-bottom:14px}.eyebrow i{color:var(--gold)}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,231,236,.9)}.toolbar{height:72px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:21px;font-weight:900;letter-spacing:1px}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--jade);color:#fff;display:grid;place-items:center;font-size:16px;box-shadow:0 6px 15px rgba(19,124,107,.25)}
    .main-nav{display:flex;align-items:center;gap:3px;flex:1;overflow:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav a{padding:8px 11px;border-radius:9px;white-space:nowrap;font-size:14px;color:#4f5967;font-weight:700}.main-nav a:hover,.main-nav a.active{color:var(--jade-dark);background:#eaf6f3}.tool-actions{display:flex;align-items:center;gap:12px}.status{font-size:12px;color:#5d6875;white-space:nowrap}.status b{display:inline-block;width:8px;height:8px;border-radius:50%;background:#40ae74;margin-right:5px}.bell{border:0;background:transparent;color:#52606d;padding:8px;font-size:17px}.bell:hover{color:var(--jade)}.nav-cta,.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--jade);background:var(--jade);color:#fff;border-radius:10px;padding:10px 16px;font-weight:800;font-size:14px;box-shadow:0 8px 16px rgba(19,124,107,.17)}.nav-cta:hover,.primary-btn:hover{transform:translateY(-2px);background:var(--jade-dark);color:#fff}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.12);color:#fff;border-radius:10px;padding:10px 16px;font-weight:800;font-size:14px}.secondary-btn:hover{background:#fff;color:var(--night)}
    .hero{min-height:585px;background:linear-gradient(90deg,rgba(12,18,29,.90),rgba(12,18,29,.56)),url('/assets/images/backpic/back-1.webp') center/cover;display:flex;align-items:flex-end;padding:56px 0 0;color:#fff;overflow:hidden}.hero-inner{width:100%}.series-bar{background:rgba(255,255,255,.96);border-radius:16px 16px 0 0;display:flex;align-items:center;gap:0;overflow:hidden;box-shadow:0 -8px 35px rgba(0,0,0,.14);margin-top:44px}.series-label{padding:18px 22px;color:var(--jade-dark);font-weight:900;background:#edf8f5;white-space:nowrap}.series-bar a{padding:18px 18px;color:#56606e;font-size:14px;font-weight:700;border-right:1px solid var(--line);white-space:nowrap}.series-bar a:hover{background:var(--gold-pale);color:#9a6414}
    .hero-copy{max-width:810px}.hero .eyebrow{background:rgba(229,170,69,.18);color:#ffe0a0}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.1;letter-spacing:-2px;margin:0 0 20px;font-weight:900}.hero p{max-width:760px;color:#edf0f2;font-size:18px;margin:0 0 26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-points{display:flex;gap:28px;flex-wrap:wrap;margin-top:28px}.hero-points span{font-size:13px;color:#e3e7ec}.hero-points i{color:var(--gold);margin-right:7px}
    .split-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}.text-link{font-size:14px;font-weight:800;color:var(--jade-dark)}.text-link:hover{color:var(--gold)}
    .ripple{background:#fff}.ripple-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.feature-large{border-radius:var(--radius);background:var(--night);color:#fff;padding:34px;min-height:300px;position:relative;overflow:hidden}.feature-large:after{content:"♠";position:absolute;right:28px;bottom:-66px;font-size:220px;color:rgba(255,255,255,.05)}.feature-large h3{font-size:26px;line-height:1.35;margin:10px 0}.feature-large p{color:#ced5df;max-width:530px}.check-list{list-style:none;margin:22px 0 0;padding:0}.check-list li{margin:10px 0;color:#e5eaf0}.check-list i{color:var(--gold);margin-right:9px}.ripple-side{display:grid;gap:16px}.mini-feature{background:var(--gold-pale);border:1px solid #f5dfa9;border-radius:var(--radius);padding:21px}.mini-feature:nth-child(2){background:#edf8f5;border-color:#cce9e2}.mini-feature h3{font-size:18px;margin:0 0 7px}.mini-feature p{font-size:14px;color:#56606e;margin:0}
    .progress-section{background:#eef3f4}.progress-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center}.progress-visual{background:var(--white);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.progress-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.progress-top strong{font-size:18px}.progress-top span{color:var(--jade);font-size:14px;font-weight:900}.meter{height:12px;border-radius:99px;background:#e8edef;overflow:hidden;margin:12px 0 23px}.meter b{display:block;height:100%;width:76%;border-radius:99px;background:linear-gradient(90deg,var(--jade),#54bda5)}.steps{display:grid;gap:12px}.step{display:flex;gap:13px;align-items:center;font-size:14px}.step-num{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;background:#e8f5f2;color:var(--jade-dark);font-weight:900}.step.current .step-num{background:var(--gold);color:#fff}.step small{display:block;color:var(--muted)}.progress-copy p{color:var(--muted)}
    .ranking{background:var(--night);color:#fff}.ranking .section-intro{color:#bbc5d2}.ranking-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:31px}.rank-board{border:1px solid rgba(255,255,255,.13);border-radius:var(--radius);padding:10px 24px;background:rgba(255,255,255,.04)}.rank-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12);gap:12px}.rank-row:last-child{border:0}.rank-no{font-weight:900;color:#f3c66b;font-size:18px}.rank-user{display:flex;align-items:center;gap:10px;font-weight:800}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#39526c;color:#fff;font-size:13px}.rank-score{font-size:13px;color:#bfc9d5}.rank-note{padding:27px;border-radius:var(--radius);background:linear-gradient(145deg,#294d54,#1d2c3a)}.rank-note h3{font-size:23px;margin:0 0 12px}.rank-note p{color:#d0d9dd}.rank-note .primary-btn{background:var(--gold);border-color:var(--gold);color:#47300c;margin-top:8px}.rank-note .primary-btn:hover{background:#f4c363}
    .topic-strip{background:#fff;padding:36px 0}.topic-wrap{display:flex;align-items:center;gap:20px}.topic-wrap h2{font-size:20px;white-space:nowrap;margin:0}.tags{display:flex;gap:9px;flex-wrap:wrap}.tag{padding:7px 12px;border-radius:999px;background:#f3f5f6;color:#596473;font-size:13px;font-weight:700}.tag:hover{background:#e5f4f0;color:var(--jade-dark)}
    .news{background:#f7f8fa}.news-layout{display:grid;grid-template-columns:1.42fr .78fr;gap:30px;margin-top:32px}.news-list{background:#fff;border-radius:var(--radius);padding:5px 24px;box-shadow:0 6px 23px rgba(28,36,48,.05)}.news-item{padding:20px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:94px 1fr auto;gap:17px;align-items:center}.news-item:last-child{border:0}.news-date{font-size:12px;line-height:1.45;color:var(--muted)}.news-date b{display:block;font-size:18px;color:var(--jade-dark)}.news-content h3{font-size:17px;margin:0 0 5px}.news-content p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.read-btn{border:1px solid var(--line);background:#fff;color:var(--jade-dark);padding:7px 10px;border-radius:8px;font-size:12px;font-weight:800;white-space:nowrap}.read-btn:hover{background:var(--jade);border-color:var(--jade);color:#fff}.news-aside{border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:0 6px 23px rgba(28,36,48,.05)}.news-aside img{height:180px;width:100%;object-fit:cover}.news-aside div{padding:21px}.news-aside h3{font-size:20px;margin:0 0 8px}.news-aside p{font-size:14px;color:var(--muted);margin:0 0 13px}
    .story-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.story-grid img{border-radius:var(--radius);height:370px;width:100%;object-fit:cover;box-shadow:var(--shadow)}.story-copy p{color:var(--muted);margin:0 0 16px}.quote{border-left:4px solid var(--gold);padding:12px 0 12px 18px;font-size:17px;color:#384352;font-weight:700;margin:22px 0}
    .three-points{background:#fff}.point-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:31px}.point{padding:25px;border:1px solid var(--line);border-radius:var(--radius);transition:.25s}.point:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c6e5dd}.point-icon{width:43px;height:43px;border-radius:12px;background:#e9f6f3;color:var(--jade);display:grid;place-items:center;font-size:19px}.point:nth-child(2) .point-icon{background:#fff4de;color:#bd7a15}.point:nth-child(3) .point-icon{background:#f9e9ea;color:var(--rose)}.point h3{margin:16px 0 8px;font-size:19px}.point p{font-size:14px;color:var(--muted);margin:0}
    .calendar{background:#edf3f2}.calendar-grid{display:grid;grid-template-columns:250px 1fr;gap:25px;margin-top:29px}.calendar-side{background:var(--jade);border-radius:var(--radius);padding:26px;color:#fff}.calendar-side h3{font-size:25px;margin:0 0 10px}.calendar-side p{font-size:14px;color:#d9f1eb}.calendar-list{background:#fff;border-radius:var(--radius);padding:5px 25px}.calendar-row{display:grid;grid-template-columns:105px 1fr auto;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.calendar-row:last-child{border:0}.calendar-row time{font-size:13px;font-weight:900;color:var(--jade-dark)}.calendar-row p{margin:0;font-size:14px;color:#4e5966}.state{font-size:12px;font-weight:800;padding:3px 9px;border-radius:99px;background:#edf8f5;color:var(--jade-dark)}
    .voice{background:#fff}.bubble-wall{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:17px;margin-top:30px}.bubble{padding:21px;border-radius:var(--radius);background:#f5f7f8;border:1px solid var(--line)}.bubble:nth-child(2){background:#edf8f5;margin-top:28px}.bubble:nth-child(3){background:#fff5e5;margin-top:10px}.bubble p{margin:0 0 14px;font-size:14px;color:#4a5564}.bubble-user{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800}.bubble-user .avatar{background:var(--jade)}
    .safety{background:var(--night-2);color:#fff}.safety-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.13);margin-top:30px;border-radius:var(--radius);overflow:hidden}.safety-item{padding:23px;background:var(--night-2)}.safety-item i{color:var(--gold);font-size:20px}.safety-item h3{font-size:16px;margin:12px 0 6px}.safety-item p{font-size:13px;color:#c3cbd5;margin:0}
    .faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:54px}.faq-list{display:grid;gap:12px}.faq{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px}.faq h3{font-size:16px;margin:0 0 8px}.faq p{font-size:14px;color:var(--muted);margin:0}.faq:hover{border-color:#b6ddd4}
    .cta-section{padding:0 0 82px;background:#f7f8fa}.cta-box{border-radius:var(--radius);padding:43px 48px;background:linear-gradient(115deg,#0b6255,#168474);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 18px 42px rgba(7,90,78,.25)}.cta-box h2{font-size:31px;margin:0 0 8px}.cta-box p{margin:0;color:#d7f2eb;max-width:650px}.cta-box .primary-btn{background:var(--gold);color:#3f2a08;border-color:var(--gold);white-space:nowrap}.cta-box .primary-btn:hover{background:#f4c663}
    .site-footer{background:#121722;color:#c2c9d2;padding:53px 0 86px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:35px;padding-bottom:35px;border-bottom:1px solid rgba(255,255,255,.11)}.site-footer .brand{color:#fff;margin-bottom:12px}.footer-about{font-size:13px;max-width:420px;color:#aeb8c5}.footer-col h3{font-size:14px;color:#fff;margin:0 0 12px}.footer-col a{display:block;font-size:13px;margin:7px 0;color:#b8c1cc}.footer-col a:hover{color:#f5c66c}.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:22px;font-size:12px;color:#8994a2}.footer-bottom a{color:#bcc7d2}.footer-bottom a:hover{color:#fff}
    .fixed-cta{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:min(700px,calc(100% - 28px));z-index:70;border-radius:14px;background:rgba(19,28,39,.94);backdrop-filter:blur(12px);padding:10px 12px 10px 19px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 14px 40px rgba(0,0,0,.3)}.fixed-cta span{font-size:13px}.fixed-cta b{color:#f7cd75}.fixed-cta .primary-btn{padding:8px 13px;font-size:13px}
    @media(max-width:1024px){.main-nav a{padding:8px}.status{display:none}.progress-layout,.story-grid,.faq-grid{gap:30px}.section{padding:62px 0}.news-layout{grid-template-columns:1fr}.news-aside{display:grid;grid-template-columns:250px 1fr}.news-aside img{height:100%}}
    @media(max-width:768px){.site-container{padding:0 17px}.toolbar{height:64px;gap:12px}.brand{font-size:18px}.main-nav{order:3;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:7px 15px}.tool-actions .bell{display:none}.nav-cta{padding:8px 10px;font-size:12px}.hero{min-height:610px;padding-top:70px}.hero h1{font-size:42px}.hero p{font-size:16px}.series-bar{margin:35px -17px 0;border-radius:0;overflow:auto}.series-label,.series-bar a{padding:15px 14px}.ripple-grid,.progress-layout,.ranking-grid,.story-grid,.faq-grid{grid-template-columns:1fr}.point-grid,.bubble-wall{grid-template-columns:1fr}.bubble:nth-child(2),.bubble:nth-child(3){margin-top:0}.calendar-grid{grid-template-columns:1fr}.safety-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.cta-box{padding:32px 25px;display:block}.cta-box .primary-btn{margin-top:20px}.section-title{font-size:29px}.news-item{grid-template-columns:68px 1fr}.read-btn{grid-column:2;justify-self:start}.news-aside{display:block}.news-aside img{height:185px}}
    @media(max-width:520px){.tool-actions{margin-left:auto}.main-nav a{font-size:13px}.hero{min-height:625px}.hero h1{font-size:36px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions a{text-align:center}.hero-points{gap:12px}.feature-large{padding:25px}.news-list{padding:4px 17px}.news-item{gap:10px}.news-content h3{font-size:15px}.news-content p{font-size:12px}.calendar-list{padding:4px 16px}.calendar-row{grid-template-columns:78px 1fr}.calendar-row .state{display:none}.safety-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.fixed-cta span{font-size:12px;line-height:1.4}.fixed-cta .primary-btn{padding:8px 10px}.section{padding:52px 0}}

/* roulang page: category3 */
:root{--ink:#1c2430;--muted:#697280;--paper:#f7f8fa;--white:#fff;--line:#e4e7ec;--night:#171c27;--night2:#242d3e;--jade:#137c6b;--jade-dark:#075a4e;--gold:#e5aa45;--gold-pale:#fff5df;--rose:#c65a62;--shadow:0 14px 40px rgba(22,31,48,.1);--radius:18px;--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none;transition:.25s ease}img{display:block;max-width:100%}button,input{font:inherit}button{cursor:pointer}.site-container{max-width:var(--container);margin:auto;padding:0 24px}.section{padding:78px 0}.section-title{font-size:34px;line-height:1.3;letter-spacing:-.7px;margin:0 0 13px;font-weight:800}.section-intro{margin:0;max-width:720px;color:var(--muted)}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border-radius:999px;color:var(--jade-dark);background:#e6f4f1;font-size:13px;font-weight:800;letter-spacing:.5px;margin-bottom:14px}.eyebrow i{color:var(--gold)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,231,236,.9)}.toolbar{min-height:70px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:21px;font-weight:900;letter-spacing:1px}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--jade);color:#fff;display:grid;place-items:center;font-size:16px;box-shadow:0 6px 15px rgba(19,124,107,.25)}.main-nav{display:flex;align-items:center;gap:3px;flex:1;overflow:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav a{padding:8px 11px;border-radius:9px;white-space:nowrap;font-size:14px;color:#4f5967;font-weight:700}.main-nav a:hover,.main-nav a.active{color:var(--jade-dark);background:#eaf6f3}.tool-actions{display:flex;align-items:center;gap:14px}.status{font-size:12px;color:var(--muted);white-space:nowrap}.status b{display:inline-block;width:7px;height:7px;background:#39b77f;border-radius:50%;margin-right:5px}.bell{border:0;background:transparent;color:var(--muted);padding:6px}.nav-cta,.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--jade);background:var(--jade);color:#fff;border-radius:10px;padding:10px 16px;font-weight:800;font-size:14px;box-shadow:0 8px 16px rgba(19,124,107,.17)}.nav-cta:hover,.primary-btn:hover{transform:translateY(-2px);background:var(--jade-dark);color:#fff}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.12);color:#fff;border-radius:10px;padding:10px 16px;font-weight:800}.secondary-btn:hover{background:#fff;color:var(--night)}
.page-hero{padding:72px 0 76px;background:linear-gradient(100deg,rgba(12,18,29,.92),rgba(12,18,29,.6)),url('/assets/images/backpic/back-2.webp') center/cover;color:#fff}.page-hero .eyebrow{background:rgba(229,170,69,.18);color:#ffe0a0}.page-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.15;margin:0 0 18px;letter-spacing:-1.8px}.page-hero p{max-width:720px;color:#edf0f2;font-size:18px;margin:0}.hero-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.deal-card{background:#fff;color:var(--ink);border-radius:20px;padding:25px;box-shadow:0 20px 50px rgba(0,0,0,.2);position:relative;overflow:hidden}.deal-card:before{content:"限时组局";position:absolute;right:-37px;top:18px;background:var(--rose);color:#fff;padding:5px 42px;font-size:12px;transform:rotate(35deg);font-weight:800}.deal-card img{width:100%;height:175px;object-fit:cover;border-radius:13px;margin-bottom:17px}.deal-card h3{font-size:22px;margin:0 0 6px}.deal-card p{font-size:14px;color:var(--muted);margin:0 0 15px}.timer{display:flex;gap:8px;margin:15px 0 19px}.time-box{background:#f1f4f4;border-radius:9px;text-align:center;padding:6px 12px;min-width:54px}.time-box strong{display:block;font-size:21px;color:var(--jade-dark);line-height:1.2}.time-box small{color:var(--muted);font-size:11px}.full-btn{width:100%}
.split-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.text-link{font-size:14px;font-weight:800;color:var(--jade-dark)}.text-link:hover{color:var(--gold)}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:27px;box-shadow:0 6px 23px rgba(28,36,48,.04);transition:.25s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c9e4de}.icon-box{width:45px;height:45px;border-radius:13px;background:#e6f4f1;color:var(--jade);display:grid;place-items:center;font-size:19px;margin-bottom:17px}.feature-card h3{margin:0 0 8px;font-size:20px}.feature-card p{color:var(--muted);font-size:14px;margin:0}.dark-section{background:var(--night);color:#fff}.dark-section .section-intro{color:#bdc7d5}.process{display:grid;grid-template-columns:1fr 1.15fr;gap:42px;align-items:start}.step-list{display:grid;gap:13px}.step{display:grid;grid-template-columns:44px 1fr;gap:14px;background:var(--night2);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:16px}.step-num{width:32px;height:32px;border-radius:50%;background:var(--gold);color:#49330f;display:grid;place-items:center;font-weight:900}.step h3{font-size:17px;margin:0 0 3px}.step p{color:#c7d0db;font-size:14px;margin:0}.scene-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch}.scene-grid img{height:100%;min-height:330px;width:100%;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.scene-copy{background:var(--gold-pale);border-radius:var(--radius);padding:33px}.scene-copy h3{font-size:25px;margin:0 0 13px}.scene-copy p{color:#5d5748}.check-list{list-style:none;margin:19px 0;padding:0}.check-list li{margin:10px 0;color:#48515e}.check-list i{color:var(--jade);margin-right:8px}.quote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.quote{background:#fff;border-radius:var(--radius);padding:26px;border:1px solid var(--line);position:relative}.quote:before{content:"“";color:var(--gold);font-size:52px;line-height:1;position:absolute;top:12px;right:22px}.quote p{margin:0 0 15px;color:#4e5966}.quote strong{font-size:14px;color:var(--jade-dark)}.rule-strip{background:#eef3f4}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.info-item{padding:22px;background:#fff;border-radius:14px;border:1px solid var(--line)}.info-item strong{display:block;color:var(--jade-dark);font-size:25px}.info-item span{color:var(--muted);font-size:13px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px}.faq-item summary{font-weight:800;cursor:pointer;color:var(--ink)}.faq-item p{font-size:14px;color:var(--muted);margin:12px 0 0}.cta{background:linear-gradient(115deg,var(--jade-dark),var(--jade));color:#fff;border-radius:24px;padding:44px 48px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:31px;line-height:1.3;margin:0 0 8px}.cta p{color:#d8efea;margin:0}.cta .primary-btn{background:var(--gold);border-color:var(--gold);color:#44300e}.cta .primary-btn:hover{background:#f2c266}.site-footer{background:var(--night);color:#fff;padding:54px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer-about{max-width:390px;color:#aeb8c6;font-size:14px;margin-top:17px}.footer-col{display:flex;flex-direction:column;gap:8px}.footer-col h3{font-size:15px;color:#fff;margin:0 0 8px}.footer-col a{font-size:14px;color:#aeb8c6}.footer-col a:hover,.footer-bottom a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#8f9aaa;font-size:12px}.footer-bottom a{color:#b8c2cf}
.notice{padding:14px 18px;border-left:4px solid var(--gold);background:#fff9eb;color:#665735;border-radius:9px;font-size:14px;margin-top:20px}.site-container:focus-within{outline:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid rgba(229,170,69,.65);outline-offset:3px}
@media(max-width:1024px){.toolbar{gap:13px}.status{display:none}.hero-layout,.process{grid-template-columns:1fr 1fr}.info-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.toolbar{min-height:62px;overflow:hidden}.brand{font-size:18px}.main-nav{order:3;position:absolute;top:62px;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:7px 18px}.toolbar{flex-wrap:wrap;padding-top:0;padding-bottom:0}.tool-actions{margin-left:auto}.nav-cta{padding:8px 10px;font-size:12px}.hero-layout,.process,.scene-grid{grid-template-columns:1fr;gap:27px}.page-hero{padding:56px 0}.three-grid,.quote-grid,.faq-grid{grid-template-columns:1fr}.section{padding:57px 0}.section-title{font-size:29px}.split-heading{display:block}.split-heading .text-link{display:inline-block;margin-top:13px}.cta{display:block;padding:32px 27px}.cta .primary-btn{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr}.news-aside{display:none}}
@media(max-width:520px){.site-container{padding:0 17px}.main-nav a{font-size:13px;padding:7px 8px}.bell{display:none}.page-hero h1{font-size:39px}.page-hero p{font-size:16px}.deal-card{padding:18px}.deal-card img{height:145px}.info-grid{grid-template-columns:1fr 1fr}.info-item{padding:16px}.info-item strong{font-size:21px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin:8px 0}.hero-actions{display:flex}}

/* roulang page: category2 */
:root{
 --ink:#1c2430;--muted:#697280;--paper:#f7f8fa;--white:#fff;--line:#e4e7ec;
 --night:#171c27;--night-2:#242d3e;--jade:#137c6b;--jade-dark:#075a4e;
 --gold:#e5aa45;--gold-pale:#fff5df;--rose:#c65a62;--shadow:0 14px 40px rgba(22,31,48,.10);
 --radius:18px;--small:12px;--container:1180px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.8}
a{color:inherit;text-decoration:none;transition:.25s ease}
img{max-width:100%;display:block}
button,input{font:inherit}
button{cursor:pointer}
.site-container{max-width:var(--container);margin:0 auto;padding:0 24px}
.section{padding:78px 0;position:relative}
.section-title{font-size:34px;line-height:1.3;letter-spacing:-.7px;margin:0 0 13px;font-weight:800}
.section-intro{margin:0;color:var(--muted);max-width:760px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border-radius:999px;color:var(--jade-dark);background:#e6f4f1;font-size:13px;font-weight:800;letter-spacing:.5px;margin-bottom:14px}
.eyebrow i{color:var(--gold)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,231,236,.9)}
.toolbar{height:72px;display:flex;align-items:center;gap:20px}
.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:21px;font-weight:900;letter-spacing:1px}
.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--jade);color:#fff;display:grid;place-items:center;font-size:16px;box-shadow:0 6px 15px rgba(19,124,107,.25)}
.main-nav{display:flex;align-items:center;gap:3px;flex:1;overflow:auto;scrollbar-width:none}
.main-nav::-webkit-scrollbar{display:none}
.main-nav a{padding:8px 11px;border-radius:9px;white-space:nowrap;font-size:14px;color:#4f5967;font-weight:700}
.main-nav a:hover,.main-nav a.active{color:var(--jade-dark);background:#eaf6f3}
.tool-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}
.status{font-size:12px;font-weight:800;color:#536070;display:inline-flex;align-items:center;gap:6px}
.status b{height:8px;width:8px;background:#41af7b;border-radius:50%;box-shadow:0 0 0 4px #e2f5ec}
.bell{height:37px;width:37px;border:1px solid var(--line);background:#fff;color:var(--jade-dark);border-radius:10px;transition:.25s}
.bell:hover{border-color:var(--jade);background:#eaf6f3;transform:translateY(-1px)}
.nav-cta,.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--jade);background:var(--jade);color:#fff;border-radius:10px;padding:10px 16px;font-weight:800;font-size:14px;box-shadow:0 8px 16px rgba(19,124,107,.17)}
.nav-cta:hover,.primary-btn:hover{transform:translateY(-2px);background:var(--jade-dark);color:#fff}
.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#fff;color:var(--jade-dark);border-radius:10px;padding:10px 16px;font-weight:800;font-size:14px}
.secondary-btn:hover{border-color:var(--jade);background:#eaf6f3;color:var(--jade-dark)}
.nav-cta:focus,.primary-btn:focus,.secondary-btn:focus,.main-nav a:focus,.footer-col a:focus{outline:3px solid rgba(229,170,69,.45);outline-offset:3px}
.inner-hero{padding:83px 0 70px;background:linear-gradient(90deg,rgba(12,18,29,.91),rgba(12,18,29,.53)),url('/assets/images/backpic/back-2.webp') center/cover;color:#fff;position:relative;overflow:hidden}
.inner-hero:after{content:"♦";position:absolute;right:7%;bottom:-110px;font-size:310px;line-height:1;color:rgba(255,255,255,.06);font-family:Georgia,serif}
.breadcrumb{display:flex;gap:9px;align-items:center;color:#d7dde5;font-size:13px;margin-bottom:28px}
.breadcrumb i{font-size:10px;color:var(--gold)}
.inner-hero .eyebrow{background:rgba(229,170,69,.17);color:#ffe3aa}
.inner-hero h1{max-width:800px;font-size:clamp(42px,6vw,68px);line-height:1.12;letter-spacing:-2px;margin:0 0 18px;font-weight:900;position:relative;z-index:1}
.hero-lead{max-width:720px;color:#e4e9ef;font-size:18px;margin:0;position:relative;z-index:1}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;position:relative;z-index:1}
.hero-actions .secondary-btn{border-color:rgba(255,255,255,.48);background:rgba(255,255,255,.1);color:#fff}
.hero-actions .secondary-btn:hover{background:#fff;color:var(--night)}
.quick-strip{background:var(--night);color:#fff}
.quick-strip .site-container{display:grid;grid-template-columns:repeat(3,1fr)}
.quick-item{padding:20px 20px;display:flex;align-items:center;gap:13px;border-right:1px solid rgba(255,255,255,.12)}
.quick-item:last-child{border:0}
.quick-item i{color:var(--gold);font-size:21px}
.quick-item strong{font-size:14px;display:block}
.quick-item span{font-size:12px;color:#b8c2d0;display:block}
.rank-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.72fr);gap:32px;align-items:start;margin-top:35px}
.rank-board{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 26px rgba(28,36,48,.05);overflow:hidden}
.rank-head{padding:18px 24px;background:#fcfdfd;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center}
.rank-head h3{margin:0;font-size:18px;font-weight:900}
.rank-head span{font-size:12px;background:#e6f4f1;color:var(--jade-dark);padding:4px 9px;border-radius:99px;font-weight:800}
.rank-row{display:grid;grid-template-columns:58px 1fr auto;gap:17px;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line);transition:.22s}
.rank-row:last-child{border-bottom:0}
.rank-row:hover{background:#f7fbfa}
.rank-num{font-size:22px;font-weight:900;color:#bf882f}
.rank-name strong{display:block;font-size:17px}
.rank-name span{display:block;color:var(--muted);font-size:13px}
.card-symbols{display:flex;gap:5px;align-items:center}
.playing-card{height:34px;min-width:27px;padding:3px 5px;background:#fff;border:1px solid #d9dee5;border-radius:5px;box-shadow:0 2px 4px rgba(22,31,48,.08);font-weight:900;font-size:12px;line-height:1;color:var(--rose);display:inline-flex;align-items:center;justify-content:center}
.playing-card.black{color:var(--night)}
.rule-note{background:var(--gold-pale);border:1px solid #f2d99c;border-radius:var(--radius);padding:28px}
.rule-note i{font-size:25px;color:#b87a16}
.rule-note h3{font-size:22px;line-height:1.35;margin:13px 0 10px}
.rule-note p{margin:0;color:#5e5a4f;font-size:14px}
.rule-note ul{padding:0;margin:18px 0 0;list-style:none}
.rule-note li{font-size:14px;margin:11px 0;padding-left:21px;position:relative}
.rule-note li:before{content:"✓";position:absolute;left:0;color:var(--jade);font-weight:900}
.dark-section{background:var(--night);color:#fff}
.dark-section .section-intro{color:#b9c3d0}
.compare-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.flow-step{padding:23px 19px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(255,255,255,.04);position:relative}
.flow-step .step-no{width:29px;height:29px;display:grid;place-items:center;background:var(--gold);color:#51340b;border-radius:50%;font-weight:900;font-size:13px;margin-bottom:15px}
.flow-step h3{font-size:17px;margin:0 0 7px}
.flow-step p{font-size:13px;color:#c0c9d4;margin:0}
.feature-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}
.feature-image{position:relative}
.feature-image img{border-radius:var(--radius);height:410px;width:100%;object-fit:cover;box-shadow:var(--shadow)}
.image-chip{position:absolute;left:22px;bottom:22px;background:#fff;padding:13px 16px;border-radius:12px;box-shadow:0 8px 25px rgba(22,31,48,.18);font-size:13px;font-weight:800;color:var(--jade-dark)}
.image-chip i{color:var(--gold);margin-right:7px}
.detail-list{list-style:none;padding:0;margin:25px 0 0}
.detail-list li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}
.detail-list li:last-child{border:0}
.list-icon{width:30px;height:30px;background:#e6f4f1;color:var(--jade-dark);display:grid;place-items:center;border-radius:9px;font-size:13px}
.detail-list strong{display:block;font-size:16px}
.detail-list span{color:var(--muted);font-size:14px}
.scene-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;margin-top:34px}
.scene-main{border-radius:var(--radius);overflow:hidden;min-height:390px;position:relative;background:var(--night)}
.scene-main img{height:390px;width:100%;object-fit:cover;opacity:.62}
.scene-overlay{position:absolute;inset:0;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,rgba(13,19,29,.92),rgba(13,19,29,.05) 70%);color:#fff}
.scene-overlay h3{font-size:28px;margin:0 0 8px}
.scene-overlay p{color:#dde4ed;margin:0;max-width:580px}
.scene-side{display:grid;gap:18px}
.scene-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px;transition:.25s}
.scene-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#cde9e2}
.scene-card i{color:var(--gold);font-size:22px}
.scene-card h3{font-size:18px;margin:10px 0 7px}
.scene-card p{font-size:14px;color:var(--muted);margin:0}
.callout-panel{background:#edf6f4;border:1px solid #d5eae5;border-radius:var(--radius);padding:35px;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}
.callout-panel h2{font-size:27px;line-height:1.35;margin:0 0 8px}
.callout-panel p{margin:0;color:#53616b;max-width:720px}
.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.stat-card{padding:21px;background:#fff;border:1px solid var(--line);border-radius:14px}
.stat-card strong{font-size:27px;color:var(--jade-dark);display:block;line-height:1.15}
.stat-card span{font-size:13px;color:var(--muted)}
.faq-wrap{max-width:920px;margin:34px auto 0}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:12px;overflow:hidden}
.faq-question{width:100%;border:0;background:#fff;color:var(--ink);padding:20px 22px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:18px;font-weight:900;font-size:16px}
.faq-question:hover{background:#fbfdfd;color:var(--jade-dark)}
.faq-question i{color:var(--jade);transition:.25s}
.faq-item.open .faq-question i{transform:rotate(45deg)}
.faq-answer{display:none;padding:0 22px 20px;color:var(--muted);font-size:14px}
.faq-item.open .faq-answer{display:block}
.join-section{padding:78px 0;background:linear-gradient(115deg,#0b5d51,#137c6b 60%,#1a8e7d);color:#fff;overflow:hidden}
.join-box{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;position:relative}
.join-box:after{content:"♣";position:absolute;right:4%;bottom:-125px;font-size:250px;color:rgba(255,255,255,.08);font-family:Georgia,serif}
.join-section .eyebrow{background:rgba(255,255,255,.16);color:#fff}
.join-section h2{font-size:36px;line-height:1.25;margin:0 0 12px;position:relative;z-index:1}
.join-section p{color:#def1ed;max-width:710px;margin:0;position:relative;z-index:1}
.join-section .primary-btn{background:var(--gold);border-color:var(--gold);color:#49300a;position:relative;z-index:1}
.join-section .primary-btn:hover{background:#f3c76f}
.site-footer{background:var(--night);color:#fff;padding:58px 0 26px}
.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:50px;padding-bottom:42px}
.footer-about{max-width:400px;color:#aeb9c7;font-size:14px;margin:17px 0 0}
.footer-col h3{font-size:14px;letter-spacing:.5px;color:#e8bc67;margin:5px 0 15px}
.footer-col a{display:block;color:#b8c2cf;font-size:14px;padding:4px 0}
.footer-col a:hover{color:#fff;transform:translateX(3px)}
.footer-bottom{padding-top:23px;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;gap:11px 25px;justify-content:space-between;color:#9da9b8;font-size:12px}
.footer-bottom a:hover{color:#f0c46e}
.fixed-join{position:fixed;z-index:40;bottom:18px;left:50%;transform:translateX(-50%);width:min(650px,calc(100% - 30px));background:rgba(23,28,39,.94);backdrop-filter:blur(14px);color:#fff;border:1px solid rgba(255,255,255,.14);padding:10px 12px 10px 18px;border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:15px;box-shadow:0 12px 34px rgba(10,14,22,.28)}
.fixed-join span{font-size:13px;color:#e1e7ed}
.fixed-join strong{color:#f5ca78}
.fixed-join .primary-btn{padding:8px 13px;white-space:nowrap}
@media(max-width:1024px){
 .toolbar{gap:13px}.tool-actions .status{display:none}.main-nav a{padding:8px 8px;font-size:13px}
 .compare-flow{grid-template-columns:repeat(2,1fr)}.feature-split{gap:30px}
}
@media(max-width:768px){
 .site-container{padding:0 18px}.toolbar{height:64px;gap:12px}.brand{font-size:19px}.brand-mark{width:31px;height:31px}
 .main-nav{order:3;position:absolute;top:64px;left:0;width:100%;padding:8px 18px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 8px 15px rgba(22,31,48,.06)}
 .tool-actions{margin-left:auto}.bell{display:none}.nav-cta{padding:8px 10px;font-size:12px}
 .inner-hero{padding:105px 0 60px}.section{padding:58px 0}.section-title{font-size:29px}.quick-strip .site-container{grid-template-columns:1fr}.quick-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding:14px 4px}.quick-item:last-child{border-bottom:0}
 .rank-layout,.feature-split,.scene-grid{grid-template-columns:1fr}.feature-image{order:2}.feature-image img{height:300px}.rank-row{grid-template-columns:46px 1fr;gap:12px}.card-symbols{grid-column:2}.callout-panel,.join-box{grid-template-columns:1fr}.callout-panel{padding:27px}.join-section h2{font-size:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}
}
@media(max-width:520px){
 body{font-size:15px}.site-container{padding:0 15px}.nav-cta i{display:none}.nav-cta{padding:8px 9px}.inner-hero h1{font-size:39px;letter-spacing:-1.5px}.hero-lead{font-size:16px}.section-title{font-size:27px}
 .rank-head{padding:16px}.rank-row{padding:15px}.rank-name strong{font-size:15px}.playing-card{height:30px;min-width:24px;font-size:11px}
 .compare-flow{grid-template-columns:1fr}.scene-main,.scene-main img{min-height:330px;height:330px}.scene-overlay{padding:23px}.scene-overlay h3{font-size:24px}.mini-stats{grid-template-columns:1fr}.faq-question{padding:17px;font-size:15px}.faq-answer{padding:0 17px 17px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin:7px 0}.fixed-join span{font-size:12px}.fixed-join{bottom:10px;padding-left:13px}
}

/* roulang page: category1 */
:root{
--ink:#1c2430;--muted:#697280;--paper:#f7f8fa;--white:#fff;--line:#e4e7ec;
--night:#171c27;--night-2:#242d3e;--jade:#137c6b;--jade-dark:#075a4e;
--gold:#e5aa45;--gold-pale:#fff5df;--rose:#c65a62;--shadow:0 14px 40px rgba(22,31,48,.10);
--radius:18px;--container:1180px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.8}
a{color:inherit;text-decoration:none;transition:.25s ease}
img{max-width:100%;display:block}
button,input{font:inherit}
button{cursor:pointer}
.site-container{max-width:var(--container);margin:0 auto;padding:0 24px}
.section{padding:76px 0;position:relative}
.section-soft{background:#eef3f4}
.section-night{background:var(--night);color:#fff}
.section-title{font-size:34px;line-height:1.3;letter-spacing:-.7px;margin:0 0 13px;font-weight:900}
.section-intro{margin:0;color:var(--muted);max-width:760px}
.section-night .section-intro{color:#bac4d0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border-radius:999px;color:var(--jade-dark);background:#e6f4f1;font-size:13px;font-weight:800;letter-spacing:.4px;margin-bottom:14px}
.eyebrow i{color:var(--gold)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,231,236,.9)}
.toolbar{height:72px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:21px;font-weight:900;letter-spacing:1px}
.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--jade);color:#fff;display:grid;place-items:center;font-size:16px;box-shadow:0 6px 15px rgba(19,124,107,.25)}
.main-nav{display:flex;align-items:center;gap:3px;flex:1;overflow:auto;scrollbar-width:none}
.main-nav::-webkit-scrollbar{display:none}
.main-nav a{padding:8px 11px;border-radius:9px;white-space:nowrap;font-size:14px;color:#4f5967;font-weight:700}
.main-nav a:hover,.main-nav a.active{color:var(--jade-dark);background:#eaf6f3}
.tool-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}
.status{font-size:12px;color:#56606e;font-weight:700}
.status b{display:inline-block;width:8px;height:8px;border-radius:50%;background:#38a88e;margin-right:6px;box-shadow:0 0 0 4px #e5f5f0}
.bell{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#586270}
.bell:hover{color:var(--jade);border-color:#abd9cf;background:#eff9f6}
.nav-cta,.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--jade);background:var(--jade);color:#fff;border-radius:10px;padding:10px 16px;font-weight:800;font-size:14px;box-shadow:0 8px 16px rgba(19,124,107,.17)}
.nav-cta:hover,.primary-btn:hover{transform:translateY(-2px);background:var(--jade-dark);color:#fff}
.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #c9d1d9;background:#fff;color:var(--ink);border-radius:10px;padding:10px 16px;font-weight:800;font-size:14px}
.secondary-btn:hover{background:#f1f8f6;border-color:var(--jade);color:var(--jade-dark)}
.hero-rule{background:linear-gradient(90deg,rgba(14,20,32,.97),rgba(14,20,32,.78)),url('/assets/images/backpic/back-2.webp') center/cover;color:#fff;padding:66px 0 58px;overflow:hidden}
.hero-rule-grid{display:grid;grid-template-columns:1fr 420px;gap:44px;align-items:end}
.hero-rule h1{font-size:clamp(40px,5.4vw,65px);line-height:1.12;letter-spacing:-2px;margin:0 0 19px;font-weight:900}
.hero-rule p{font-size:18px;color:#d8dfe8;max-width:690px;margin:0 0 26px}
.hero-rule .eyebrow{background:rgba(229,170,69,.18);color:#ffe0a0}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-note{display:flex;flex-wrap:wrap;gap:19px;margin-top:28px;color:#cbd4df;font-size:13px}
.hero-note i{color:var(--gold);margin-right:7px}
.score-panel{background:rgba(35,45,62,.92);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);padding:23px;box-shadow:0 20px 50px rgba(0,0,0,.27)}
.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:14px;margin-bottom:6px;font-weight:800}
.panel-head span{font-size:12px;color:#99e0d0;background:rgba(19,124,107,.27);padding:3px 8px;border-radius:999px}
.panel-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.09);font-size:14px}
.panel-row:last-child{border:0}
.panel-row i{color:var(--gold)}
.panel-row strong{font-size:13px;color:#f4cf86}
.rule-strip{background:#fff;border-bottom:1px solid var(--line)}
.rule-strip-inner{display:flex;gap:0;overflow:auto}
.rule-strip a{padding:18px 22px;border-right:1px solid var(--line);font-size:14px;font-weight:800;color:#596473;white-space:nowrap}
.rule-strip a:hover{color:#996516;background:var(--gold-pale)}
.split-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}
.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rule-card{background:var(--white);padding:27px;border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 7px 22px rgba(28,36,48,.04);transition:.25s ease}
.rule-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#b8ded6}
.rule-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:#eaf6f3;color:var(--jade);font-size:20px;margin-bottom:18px}
.rule-card:nth-child(2) .rule-icon{background:var(--gold-pale);color:#a26b14}
.rule-card:nth-child(3) .rule-icon{background:#fcedee;color:var(--rose)}
.rule-card h3{margin:0 0 8px;font-size:20px}
.rule-card p{margin:0;color:var(--muted);font-size:14px}
.content-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}
.content-grid.reverse{grid-template-columns:1.08fr .92fr}
.photo-frame{position:relative}
.photo-frame img{height:390px;width:100%;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}
.photo-label{position:absolute;bottom:18px;left:18px;background:rgba(23,28,39,.89);color:#fff;padding:11px 14px;border-radius:11px;font-size:13px;font-weight:800}
.step-list{margin-top:23px}
.step-item{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.step-item:last-child{border:0;padding-bottom:0;margin-bottom:0}
.step-num{width:38px;height:38px;border-radius:12px;background:var(--jade);color:#fff;display:grid;place-items:center;font-weight:900}
.step-item h3{margin:0 0 4px;font-size:17px}
.step-item p{margin:0;color:var(--muted);font-size:14px}
.rank-wrap{margin-top:32px;background:#fff;border-radius:var(--radius);padding:10px 26px;box-shadow:0 7px 24px rgba(28,36,48,.05)}
.rank-line{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}
.rank-line:last-child{border:0}
.rank-no{font-size:13px;color:var(--jade-dark);font-weight:900}
.rank-line h3{font-size:16px;margin:0}
.rank-line p{font-size:13px;color:var(--muted);margin:0}
.rank-tag{background:var(--gold-pale);color:#9c6817;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:800}
.notice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}
.notice{border-radius:var(--radius);padding:28px;border:1px solid rgba(255,255,255,.1);background:var(--night-2)}
.notice i{color:var(--gold);font-size:24px}
.notice h3{font-size:20px;margin:14px 0 8px}
.notice p{color:#c3ccd7;font-size:14px;margin:0}
.agreement{background:var(--gold-pale);border:1px solid #f1db9e;border-radius:var(--radius);padding:31px}
.agreement h3{font-size:23px;margin:0 0 12px}
.agreement p{margin:0;color:#5b5345}
.agreement ul{list-style:none;padding:0;margin:20px 0 0}
.agreement li{padding:9px 0;border-top:1px solid #f1dda9;font-size:14px}
.agreement li i{color:#ad7418;margin-right:9px}
.faq-layout{display:grid;grid-template-columns:300px 1fr;gap:55px}
.faq-list{display:grid;gap:12px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.faq-item button{width:100%;border:0;background:#fff;color:var(--ink);padding:17px 19px;text-align:left;font-size:15px;font-weight:800;display:flex;justify-content:space-between;gap:14px;align-items:center}
.faq-item button:hover{background:#f7fbfa;color:var(--jade-dark)}
.faq-item button i{color:var(--jade);transition:.25s}
.faq-item.open button i{transform:rotate(45deg)}
.faq-answer{display:none;padding:0 19px 18px;color:var(--muted);font-size:14px}
.faq-item.open .faq-answer{display:block}
.cta-box{padding:48px;position:relative;overflow:hidden;background:linear-gradient(115deg,#0d5f53,#147d6b);border-radius:var(--radius);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}
.cta-box:after{content:"♣";font-size:220px;line-height:1;position:absolute;right:-18px;bottom:-84px;color:rgba(255,255,255,.08)}
.cta-box h2{font-size:32px;line-height:1.3;margin:0 0 9px;position:relative;z-index:1}
.cta-box p{margin:0;color:#d9f0eb;position:relative;z-index:1}
.cta-box .primary-btn{position:relative;z-index:1;background:var(--gold);border-color:var(--gold);color:#45300f;white-space:nowrap}
.cta-box .primary-btn:hover{background:#f5c66e}
.site-footer{background:#111722;color:#e5e9ef;padding:58px 0 22px;margin-top:76px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:42px;padding-bottom:40px}
.site-footer .brand{color:#fff}
.footer-about{color:#aeb8c5;max-width:420px;font-size:14px;margin:16px 0 0}
.footer-col h3{font-size:15px;margin:3px 0 14px;color:#fff}
.footer-col a{display:block;color:#aeb8c5;font-size:14px;margin:8px 0}
.footer-col a:hover{color:#82d7c6}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:19px;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;color:#96a1b0;font-size:12px}
.footer-bottom a:hover{color:#fff}
.fixed-bar{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:40;background:rgba(23,28,39,.94);backdrop-filter:blur(14px);padding:9px 10px 9px 18px;border:1px solid rgba(255,255,255,.15);border-radius:14px;color:#e9eef3;box-shadow:0 14px 35px rgba(0,0,0,.22);display:flex;align-items:center;gap:18px;font-size:13px}
.fixed-bar .primary-btn{padding:8px 13px;font-size:13px}
:focus-visible{outline:3px solid rgba(229,170,69,.65);outline-offset:3px}
@media(max-width:1024px){
.toolbar{gap:14px}.status{display:none}.nav-cta{padding:9px 11px}.hero-rule-grid{grid-template-columns:1fr 360px;gap:28px}.content-grid,.content-grid.reverse{gap:34px}.faq-layout{gap:32px}
}
@media(max-width:768px){
.site-container{padding:0 18px}.toolbar{height:64px;gap:12px}.main-nav{order:3;position:absolute;left:0;right:0;top:64px;padding:8px 18px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.main-nav a{font-size:13px;padding:7px 9px}.tool-actions .bell{display:none}.nav-cta{font-size:12px}.hero-rule{padding:112px 0 45px}.hero-rule-grid,.content-grid,.content-grid.reverse,.faq-layout{grid-template-columns:1fr}.score-panel{max-width:520px}.rule-grid{grid-template-columns:1fr}.notice-grid{grid-template-columns:1fr}.photo-frame img{height:300px}.section{padding:58px 0}.section-title{font-size:29px}.faq-layout>div:first-child{max-width:590px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.cta-box{padding:34px;display:block}.cta-box .primary-btn{margin-top:20px}.fixed-bar{max-width:calc(100% - 28px)}
}
@media(max-width:520px){
.brand{font-size:19px}.brand-mark{width:31px;height:31px}.nav-cta{display:none}.hero-rule h1{font-size:38px}.hero-rule p{font-size:16px}.hero-actions .primary-btn,.hero-actions .secondary-btn{width:100%}.section-title{font-size:26px}.split-heading{display:block}.split-heading .section-intro{margin-bottom:18px}.rule-strip a{padding:15px 16px}.rank-wrap{padding:8px 17px}.rank-line{grid-template-columns:36px 1fr}.rank-tag{display:none}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin:7px 0}.fixed-bar{bottom:10px;gap:10px;padding:8px 9px 8px 13px}.fixed-bar span{font-size:12px}
}

/* roulang page: category5 */
:root{
--ink:#1c2430;--muted:#697280;--paper:#f7f8fa;--white:#fff;--line:#e4e7ec;
--night:#171c27;--night-2:#242d3e;--jade:#137c6b;--jade-dark:#075a4e;
--gold:#e5aa45;--gold-pale:#fff5df;--rose:#c65a62;--shadow:0 14px 40px rgba(22,31,48,.10);
--radius:18px;--small:12px;--container:1180px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.8}
a{color:inherit;text-decoration:none;transition:.25s ease}
img{max-width:100%;display:block}
button,input{font:inherit}
button{cursor:pointer}
.site-container{max-width:var(--container);margin:0 auto;padding:0 24px}
.section{padding:82px 0;position:relative}
.section-title{font-size:34px;line-height:1.3;letter-spacing:-.7px;margin:0 0 13px;font-weight:800}
.section-intro{margin:0;color:var(--muted);max-width:720px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border-radius:999px;color:var(--jade-dark);background:#e6f4f1;font-size:13px;font-weight:800;letter-spacing:.5px;margin-bottom:14px}
.eyebrow i{color:var(--gold)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,231,236,.9)}
.toolbar{height:72px;display:flex;align-items:center;gap:25px}
.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:21px;font-weight:900;letter-spacing:1px}
.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--jade);color:#fff;display:grid;place-items:center;font-size:16px;box-shadow:0 6px 15px rgba(19,124,107,.25)}
.main-nav{display:flex;align-items:center;gap:3px;flex:1;overflow:auto;scrollbar-width:none}
.main-nav::-webkit-scrollbar{display:none}
.main-nav a{padding:8px 11px;border-radius:9px;white-space:nowrap;font-size:14px;color:#4f5967;font-weight:700}
.main-nav a:hover,.main-nav a.active{color:var(--jade-dark);background:#eaf6f3}
.tool-actions{display:flex;align-items:center;gap:11px;white-space:nowrap}
.status{display:flex;align-items:center;gap:6px;color:#65707d;font-size:12px;font-weight:700}
.status b{display:block;width:8px;height:8px;border-radius:50%;background:#45aa78;box-shadow:0 0 0 4px rgba(69,170,120,.12)}
.bell{border:1px solid var(--line);background:#fff;color:#56606e;width:36px;height:36px;border-radius:10px}
.bell:hover{color:var(--jade-dark);background:#eaf6f3}
.nav-cta,.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--jade);background:var(--jade);color:#fff;border-radius:10px;padding:10px 16px;font-weight:800;font-size:14px;box-shadow:0 8px 16px rgba(19,124,107,.17)}
.nav-cta:hover,.primary-btn:hover{transform:translateY(-2px);background:var(--jade-dark);color:#fff}
.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #cdd8d6;background:#fff;color:var(--jade-dark);border-radius:10px;padding:10px 16px;font-weight:800;font-size:14px}
.secondary-btn:hover{border-color:var(--jade);background:#eaf6f3}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(229,170,69,.55);outline-offset:3px}
.hero-party{padding:72px 0 68px;background:linear-gradient(110deg,#f6faf8 0%,#eef6f3 54%,#18212c 54%,#18212c 100%);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:5fr 7fr;gap:52px;align-items:center}
.hero-copy{padding:18px 0}
.hero-copy h1{font-size:clamp(42px,5.2vw,68px);line-height:1.12;letter-spacing:-2px;margin:0 0 21px;font-weight:900}
.hero-copy p{font-size:18px;line-height:1.9;color:#56616e;margin:0 0 26px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.kpis{display:flex;gap:26px;margin-top:35px;padding-top:24px;border-top:1px solid #d8e4e0}
.kpi strong{display:block;color:var(--jade-dark);font-size:24px;line-height:1.2}
.kpi span{font-size:12px;color:var(--muted);font-weight:700}
.hero-visual{min-height:455px;position:relative;display:flex;align-items:center}
.hero-image{width:100%;height:407px;object-fit:cover;border-radius:26px;box-shadow:0 24px 60px rgba(2,10,17,.35);transform:rotate(-2deg)}
.floating-note{position:absolute;left:-24px;bottom:18px;max-width:235px;padding:17px 18px;background:#fff;border-radius:14px;box-shadow:var(--shadow);border-left:4px solid var(--gold)}
.floating-note strong{display:block;font-size:14px;margin-bottom:3px}
.floating-note span{display:block;font-size:12px;line-height:1.65;color:var(--muted)}
.split-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:35px}
.text-link{font-size:14px;font-weight:800;color:var(--jade-dark)}
.text-link:hover{color:#a36d15}
.promise-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
.promise-main{border-radius:var(--radius);background:var(--night);color:#fff;padding:37px;position:relative;overflow:hidden}
.promise-main:after{content:"♣";position:absolute;right:24px;bottom:-77px;color:rgba(255,255,255,.05);font-size:230px}
.promise-main h3{margin:10px 0 12px;font-size:27px;line-height:1.35}
.promise-main p{color:#cbd3dd;max-width:570px;margin-bottom:21px}
.clean-list{list-style:none;margin:0;padding:0}
.clean-list li{padding:9px 0;color:#e8edf2}
.clean-list i{color:var(--gold);width:25px}
.promise-side{display:grid;gap:18px}
.small-card{padding:25px;border-radius:var(--radius);background:var(--gold-pale);border:1px solid #f0d99d}
.small-card:nth-child(2){background:#e9f6f2;border-color:#c9e7df}
.small-card i{display:inline-grid;place-items:center;width:38px;height:38px;background:#fff;border-radius:11px;color:var(--jade);margin-bottom:10px}
.small-card h3{font-size:18px;margin:0 0 6px}
.small-card p{font-size:14px;color:#5c6570;margin:0}
.scene-section{background:#fff}
.scene-layout{display:grid;grid-template-columns:.87fr 1.13fr;gap:46px;align-items:center}
.scene-image{position:relative}
.scene-image img{height:410px;width:100%;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}
.image-badge{position:absolute;right:-18px;top:25px;background:var(--jade);color:#fff;border-radius:14px;padding:14px 17px;font-size:13px;font-weight:800;box-shadow:0 12px 25px rgba(19,124,107,.25)}
.scene-items{margin-top:26px}
.scene-item{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}
.scene-item:last-child{border:0}
.scene-num{font-size:16px;font-weight:900;color:var(--gold)}
.scene-item h3{font-size:17px;margin:0 0 3px}
.scene-item p{font-size:14px;color:var(--muted);margin:0}
.flow-wrap{background:#eef4f2}
.flow-head{max-width:760px}
.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.flow-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 19px;min-height:220px;position:relative;transition:.25s ease}
.flow-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#b9dbd3}
.flow-card .step{display:block;color:var(--gold);font-weight:900;font-size:13px;margin-bottom:26px}
.flow-card i{font-size:21px;color:var(--jade);margin-bottom:12px}
.flow-card h3{font-size:17px;margin:0 0 8px}
.flow-card p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}
.agreement-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.agreement-copy{padding:17px 8px 10px 0}
.agreement-copy .section-intro{max-width:510px}
.agreement-list{margin-top:25px}
.agreement-list div{display:flex;gap:12px;align-items:flex-start;margin:16px 0}
.agreement-list i{color:var(--jade);margin-top:6px}
.agreement-list strong{display:block;font-size:15px}
.agreement-list span{display:block;font-size:13px;color:var(--muted);line-height:1.7}
.quote-panel{border-radius:var(--radius);padding:39px;background:#18212c;color:#fff;display:flex;flex-direction:column;justify-content:center}
.quote-panel .quote-mark{color:var(--gold);font-size:35px;line-height:1}
.quote-panel blockquote{margin:14px 0 22px;font-size:22px;line-height:1.65;font-weight:800}
.quote-panel p{margin:0;color:#bfc9d4;font-size:14px}
.host-section{background:#fff}
.host-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:26px;margin-top:31px}
.host-panel{padding:32px;border:1px solid var(--line);border-radius:var(--radius)}
.host-panel h3{font-size:23px;margin:0 0 13px}
.host-panel>p{color:var(--muted);margin:0 0 20px}
.host-tips{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tip{padding:14px;border-radius:12px;background:var(--paper);font-size:13px;font-weight:700;color:#45515f}
.tip i{color:var(--gold);margin-right:7px}
.host-photo{height:100%;min-height:300px;object-fit:cover;border-radius:var(--radius)}
.rules-band{padding:54px 0;background:linear-gradient(135deg,#126f61,#075a4e);color:#fff}
.rules-band .section-title{font-size:31px}
.rules-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:25px}
.rule-pill{padding:18px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);border-radius:14px}
.rule-pill i{color:#ffda8b;font-size:18px;margin-bottom:8px}
.rule-pill strong{display:block;font-size:16px;margin-bottom:4px}
.rule-pill p{font-size:13px;color:#d5eeea;line-height:1.7;margin:0}
.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:47px}
.faq-side{padding-top:8px}
.faq-side p{color:var(--muted)}
.faq-note{margin-top:22px;padding:16px;border-radius:13px;background:var(--gold-pale);font-size:13px;color:#725322}
.accordion{background:transparent;margin:0}
.accordion-item{border:1px solid var(--line);border-radius:13px;background:#fff;margin-bottom:11px;overflow:hidden}
.accordion-title{border:0;padding:18px 52px 18px 19px;font-weight:800;color:var(--ink);font-size:16px}
.accordion-title:before{color:var(--jade);font-size:22px;right:19px;margin-top:-15px}
.accordion-title:hover,.accordion-title:focus{background:#f1f8f6;color:var(--jade-dark)}
.accordion-content{border:0;padding:0 19px 19px;color:var(--muted);font-size:14px;line-height:1.9}
.join-cta{padding:75px 0;background:#f5efe3}
.join-box{padding:48px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:35px;border-radius:23px;background:url('/assets/images/backpic/back-2.webp') center/cover;position:relative;overflow:hidden;color:#fff}
.join-box:before{content:"";position:absolute;inset:0;background:rgba(18,29,40,.82)}
.join-box>*{position:relative}
.join-box h2{font-size:35px;line-height:1.3;margin:0 0 12px}
.join-box p{color:#d8e0e7;margin:0;max-width:650px}
.join-action{text-align:right}
.join-action .secondary-btn{margin-left:9px}
.site-footer{background:var(--night);color:#fff;padding:62px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.6fr .7fr .7fr;gap:54px;padding-bottom:43px}
.site-footer .brand{margin-bottom:16px}
.footer-about{font-size:14px;line-height:1.9;color:#b9c3cf;max-width:410px;margin:0}
.footer-col h3{font-size:14px;letter-spacing:.5px;margin:3px 0 14px;color:#fff}
.footer-col a{display:block;color:#bac4d0;font-size:14px;margin:8px 0}
.footer-col a:hover{color:#ffcf72;padding-left:4px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:21px;display:flex;flex-wrap:wrap;gap:11px 24px;color:#9ba8b7;font-size:12px}
.footer-bottom a:hover{color:#ffcf72}
.fixed-bar{position:fixed;z-index:45;bottom:17px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 34px));border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:10px 12px 10px 18px;background:rgba(23,28,39,.94);backdrop-filter:blur(13px);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 14px 35px rgba(0,0,0,.23)}
.fixed-bar span{font-size:13px;font-weight:700}
.fixed-bar .primary-btn{padding:8px 14px;font-size:13px;box-shadow:none}
@media(max-width:1024px){
.toolbar{gap:16px}.tool-actions .status{display:none}.main-nav a{padding:8px 8px;font-size:13px}
.hero-grid{gap:28px}.flow-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{gap:25px}
}
@media(max-width:768px){
.site-container{padding:0 18px}.toolbar{height:auto;min-height:66px;flex-wrap:wrap;padding-top:12px;padding-bottom:10px;gap:10px}
.main-nav{order:3;width:100%;flex-basis:100%;padding-bottom:2px}.tool-actions{margin-left:auto}.bell{display:none}.nav-cta{padding:8px 11px;font-size:12px}
.section{padding:59px 0}.section-title{font-size:28px}.hero-party{padding:45px 0 51px;background:#eef6f3}.hero-grid,.scene-layout,.agreement-grid,.faq-grid,.join-box{grid-template-columns:1fr}
.hero-copy{padding:0}.hero-visual{min-height:330px;order:-1}.hero-image{height:315px;transform:none}.floating-note{left:12px;bottom:-8px}
.promise-grid,.host-grid{grid-template-columns:1fr}.scene-image img{height:300px}.image-badge{right:10px}.rules-grid{grid-template-columns:1fr}.join-box{padding:34px 25px}.join-action{text-align:left}.join-action .secondary-btn{margin-left:0;margin-top:10px}
.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.faq-side{padding-top:0}
}
@media(max-width:520px){
body{font-size:15px}.brand{font-size:19px}.tool-actions .nav-cta{display:none}.section-title{font-size:25px}.hero-copy h1{font-size:39px}.hero-copy p{font-size:16px}.kpis{gap:15px}.kpi strong{font-size:20px}
.split-heading{display:block}.split-heading .text-link{display:inline-block;margin-top:13px}.promise-main{padding:27px 23px}.flow-grid,.host-tips{grid-template-columns:1fr}.host-panel{padding:24px 20px}.join-box h2{font-size:28px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.fixed-bar{bottom:10px;padding:9px 10px 9px 14px}.fixed-bar span{font-size:11px}.fixed-bar .primary-btn{font-size:12px;padding:8px 9px}.footer-bottom{padding-bottom:52px}
}

/* roulang page: category4 */
:root{
      --ink:#1c2430;--muted:#697280;--paper:#f7f8fa;--white:#fff;--line:#e4e7ec;
      --night:#171c27;--night-2:#242d3e;--jade:#137c6b;--jade-dark:#075a4e;
      --gold:#e5aa45;--gold-pale:#fff5df;--rose:#c65a62;
      --shadow:0 14px 40px rgba(22,31,48,.10);--soft-shadow:0 7px 24px rgba(22,31,48,.07);
      --radius:18px;--container:1180px
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.8}
    a{color:inherit;text-decoration:none;transition:.25s ease}
    img{display:block;max-width:100%}
    button,input{font:inherit}
    button{cursor:pointer}
    :focus-visible{outline:3px solid rgba(229,170,69,.65);outline-offset:3px}
    .site-container{max-width:var(--container);margin:0 auto;padding:0 24px}
    .section{padding:78px 0;position:relative}
    .section-title{font-size:34px;line-height:1.3;letter-spacing:-.7px;margin:0 0 13px;font-weight:800}
    .section-intro{margin:0;color:var(--muted);max-width:720px}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border-radius:999px;color:var(--jade-dark);background:#e6f4f1;font-size:13px;font-weight:800;letter-spacing:.5px;margin-bottom:14px}
    .eyebrow i{color:var(--gold)}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,231,236,.9)}
    .toolbar{min-height:70px;display:flex;align-items:center;gap:22px}
    .brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:21px;font-weight:900;letter-spacing:1px}
    .brand-mark{width:34px;height:34px;border-radius:11px;background:var(--jade);color:#fff;display:grid;place-items:center;font-size:16px;box-shadow:0 6px 15px rgba(19,124,107,.25)}
    .main-nav{display:flex;align-items:center;gap:3px;flex:1;overflow:auto;scrollbar-width:none}
    .main-nav::-webkit-scrollbar{display:none}
    .main-nav a{padding:8px 11px;border-radius:9px;white-space:nowrap;font-size:14px;color:#4f5967;font-weight:700}
    .main-nav a:hover,.main-nav a.active{color:var(--jade-dark);background:#eaf6f3}
    .tool-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}
    .status{font-size:12px;color:var(--muted);font-weight:700}
    .status b{display:inline-block;width:7px;height:7px;background:#39a87d;border-radius:50%;margin-right:5px}
    .bell{border:0;background:transparent;color:var(--muted);padding:8px}
    .bell:hover{color:var(--jade)}
    .nav-cta,.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--jade);background:var(--jade);color:#fff;border-radius:10px;padding:10px 16px;font-weight:800;font-size:14px;box-shadow:0 8px 16px rgba(19,124,107,.17)}
    .nav-cta:hover,.primary-btn:hover{transform:translateY(-2px);background:var(--jade-dark);color:#fff}
    .secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.12);color:#fff;border-radius:10px;padding:10px 16px;font-weight:800;font-size:14px}
    .secondary-btn:hover{background:#fff;color:var(--night)}
    .inner-hero{background:linear-gradient(100deg,rgba(23,28,39,.96),rgba(23,28,39,.68)),url('/assets/images/backpic/back-2.webp') center/cover;color:#fff;padding:86px 0 82px}
    .inner-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:50px;align-items:center}
    .inner-hero h1{font-size:clamp(40px,5.5vw,64px);line-height:1.12;letter-spacing:-2px;margin:0 0 18px;font-weight:900}
    .inner-hero p{color:#e5e9ee;max-width:680px;font-size:18px;margin:0 0 26px}
    .hero-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:24px;color:#d5dbe2;font-size:13px}
    .hero-meta i{color:var(--gold);margin-right:6px}
    .hero-panel{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:26px;box-shadow:0 20px 50px rgba(0,0,0,.18)}
    .hero-panel img{height:190px;width:100%;object-fit:cover;border-radius:13px;margin-bottom:20px}
    .panel-label{color:#f4ca79;font-size:12px;font-weight:800;letter-spacing:1px}
    .hero-panel h3{margin:7px 0 8px;font-size:22px}
    .hero-panel p{font-size:14px;margin:0;color:#d4dce5}
    .section-head{margin-bottom:35px}
    .split{display:grid;grid-template-columns:.86fr 1.14fr;gap:50px;align-items:center}
    .split img{width:100%;height:390px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}
    .copy p{color:var(--muted);margin:0 0 15px}
    .note{padding:18px 20px;background:var(--gold-pale);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;color:#67502a;font-size:14px}
    .principles{background:#eef3f4}
    .principle-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
    .principle-main{background:var(--night);color:#fff;border-radius:var(--radius);padding:32px}
    .principle-main h3{font-size:26px;margin:0 0 12px}
    .principle-main p{color:#cbd3de;margin:0 0 20px}
    .check-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .check-list li{color:#edf1f5;font-size:14px}
    .check-list i{color:var(--gold);margin-right:8px}
    .side-stack{display:grid;gap:15px}
    .small-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--soft-shadow)}
    .small-card h3{font-size:18px;margin:0 0 6px}
    .small-card p{margin:0;color:var(--muted);font-size:14px}
    .small-card i{color:var(--jade);margin-right:8px}
    .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
    .timeline-item{position:relative;background:#fff;border:1px solid var(--line);padding:24px 20px;border-radius:var(--radius);box-shadow:var(--soft-shadow)}
    .timeline-item .num{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--jade);color:#fff;font-weight:900;margin-bottom:16px}
    .timeline-item h3{font-size:18px;margin:0 0 7px}
    .timeline-item p{font-size:14px;color:var(--muted);margin:0}
    .dark-section{background:var(--night);color:#fff}
    .dark-section .section-intro{color:#c3ccd7}
    .scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}
    .scene-card{min-height:210px;border-radius:var(--radius);overflow:hidden;position:relative;background-size:cover;background-position:center;display:flex;align-items:flex-end}
    .scene-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,14,21,.9),rgba(10,14,21,.1))}
    .scene-card-content{position:relative;z-index:1;padding:24px}
    .scene-card h3{font-size:22px;margin:0 0 5px}
    .scene-card p{font-size:14px;color:#dae0e7;margin:0}
    .list-section{background:#fff}
    .list-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:45px;align-items:start}
    .list-layout h2{margin-top:0}
    .rules-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
    .rules-list li{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid var(--line);color:#4e5966}
    .rules-list strong{color:var(--jade-dark);min-width:28px}
    .quote-box{background:#f3f7f6;padding:27px;border-radius:var(--radius);border:1px solid #dcece8}
    .quote-box i{font-size:25px;color:var(--gold)}
    .quote-box p{font-size:18px;line-height:1.7;margin:13px 0 15px;color:#33423e}
    .quote-box small{color:var(--muted)}
    .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:28px}
    .faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 20px}
    .faq-item summary{padding:18px 0;font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary:after{content:"+";color:var(--jade);font-size:22px;line-height:1}
    .faq-item[open] summary:after{content:"−"}
    .faq-item p{color:var(--muted);font-size:14px;margin:0 0 18px}
    .cta-section{padding:64px 0;background:linear-gradient(110deg,var(--jade-dark),var(--jade));color:#fff}
    .cta-wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}
    .cta-wrap h2{font-size:34px;margin:0 0 8px}
    .cta-wrap p{margin:0;color:#d9f0eb}
    .cta-section .primary-btn{background:var(--gold);border-color:var(--gold);color:#3f2d0d}
    .cta-section .primary-btn:hover{background:#f4c363}
    .site-footer{background:var(--night);color:#d7dde5;padding:52px 0 20px}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;padding-bottom:38px}
    .footer-about{color:#9da8b6;max-width:390px;font-size:14px;margin:18px 0 0}
    .footer-col{display:flex;flex-direction:column;gap:8px}
    .footer-col h3{color:#fff;font-size:15px;margin:0 0 10px}
    .footer-col a{color:#aab4c1;font-size:14px}
    .footer-col a:hover,.footer-bottom a:hover{color:var(--gold)}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;color:#8f9aa8;font-size:12px}
    .footer-bottom a{color:#b9c2cd}
    @media(max-width:1024px){
      .toolbar{gap:12px}.tool-actions .status,.bell{display:none}.main-nav a{padding:8px 8px}
      .inner-hero-grid,.principle-grid,.list-layout{grid-template-columns:1fr 1fr;gap:28px}
      .timeline{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:768px){
      .site-container{padding:0 18px}.section{padding:58px 0}
      .toolbar{min-height:64px;align-items:center}.brand{font-size:18px}.brand-mark{width:31px;height:31px}
      .main-nav{order:3;position:absolute;top:64px;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:8px 18px}
      .toolbar{flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
      .nav-cta{padding:8px 11px;font-size:12px}
      .inner-hero{padding:62px 0}.inner-hero-grid,.split,.principle-grid,.list-layout{grid-template-columns:1fr}
      .inner-hero h1{font-size:45px}.hero-panel{max-width:520px}
      .split img{height:300px}.scene-grid,.faq-grid{grid-template-columns:1fr}
      .cta-wrap{display:block}.cta-wrap .primary-btn{margin-top:23px}
      .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
      .footer-grid>div:first-child{grid-column:1/-1}
    }
    @media(max-width:520px){
      .site-container{padding:0 16px}.main-nav{overflow-x:auto}
      .tool-actions{margin-left:auto}.tool-actions .nav-cta{display:inline-flex}
      .inner-hero h1{font-size:39px;letter-spacing:-1px}.inner-hero p{font-size:16px}
      .hero-meta{gap:12px}.section-title{font-size:29px}
      .check-list{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}
      .scene-card{min-height:190px}.footer-grid{grid-template-columns:1fr}
      .footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}
    }

/* roulang page: category6 */
:root{
 --ink:#1c2430;--muted:#697280;--paper:#f7f8fa;--white:#fff;--line:#e4e7ec;
 --night:#171c27;--night-2:#242d3e;--jade:#137c6b;--jade-dark:#075a4e;
 --gold:#e5aa45;--gold-pale:#fff5df;--rose:#c65a62;--shadow:0 14px 40px rgba(22,31,48,.10);
 --radius:18px;--small:12px;--container:1180px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.8}
a{color:inherit;text-decoration:none;transition:.25s ease}
img{max-width:100%;display:block}
button,input{font:inherit}
button{cursor:pointer}
.site-container{max-width:var(--container);margin:0 auto;padding:0 24px}
.section{padding:78px 0;position:relative}
.section-title{font-size:34px;line-height:1.3;letter-spacing:-.7px;margin:0 0 13px;font-weight:800}
.section-intro{margin:0;color:var(--muted);max-width:760px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border-radius:999px;color:var(--jade-dark);background:#e6f4f1;font-size:13px;font-weight:800;letter-spacing:.5px;margin-bottom:14px}
.eyebrow i{color:var(--gold)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,231,236,.9)}
.toolbar{height:72px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:21px;font-weight:900;letter-spacing:1px}
.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--jade);color:#fff;display:grid;place-items:center;font-size:16px;box-shadow:0 6px 15px rgba(19,124,107,.25)}
.main-nav{display:flex;align-items:center;gap:3px;flex:1;overflow:auto;scrollbar-width:none}
.main-nav::-webkit-scrollbar{display:none}
.main-nav a{padding:8px 11px;border-radius:9px;white-space:nowrap;font-size:14px;color:#4f5967;font-weight:700}
.main-nav a:hover,.main-nav a.active{color:var(--jade-dark);background:#eaf6f3}
.tool-actions{display:flex;align-items:center;gap:11px;white-space:nowrap}
.status{font-size:12px;font-weight:700;color:#5f6875;display:flex;align-items:center;gap:6px}
.status b{width:8px;height:8px;border-radius:50%;display:block;background:#4caf7b;box-shadow:0 0 0 4px rgba(76,175,123,.13)}
.bell{width:37px;height:37px;border:1px solid var(--line);background:#fff;color:var(--jade-dark);border-radius:10px;transition:.25s}
.bell:hover{border-color:var(--jade);background:#eaf6f3;transform:translateY(-1px)}
.nav-cta,.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--jade);background:var(--jade);color:#fff;border-radius:10px;padding:10px 16px;font-weight:800;font-size:14px;box-shadow:0 8px 16px rgba(19,124,107,.17)}
.nav-cta:hover,.primary-btn:hover{transform:translateY(-2px);background:var(--jade-dark);color:#fff}
.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#fff;color:var(--jade-dark);border-radius:10px;padding:10px 16px;font-weight:800;font-size:14px}
.secondary-btn:hover{border-color:var(--jade);background:#eaf6f3;color:var(--jade-dark)}
.hero-safe{position:relative;overflow:hidden;min-height:560px;padding:66px 0;background:linear-gradient(100deg,rgba(15,28,34,.95),rgba(12,46,43,.78)),url('/assets/images/backpic/back-3.webp') center/cover;color:#fff}
.hero-safe:after{content:"";position:absolute;width:540px;height:540px;border:1px solid rgba(229,170,69,.26);border-radius:50%;right:-160px;top:-190px;box-shadow:0 0 0 42px rgba(229,170,69,.06),0 0 0 85px rgba(229,170,69,.04)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero-safe .eyebrow{background:rgba(229,170,69,.18);color:#ffe3ab}
.hero-safe h1{font-size:clamp(38px,5.2vw,65px);line-height:1.13;letter-spacing:-2px;margin:0 0 18px;font-weight:900}
.hero-safe p{font-size:18px;line-height:1.85;color:#dce7e5;max-width:670px;margin:0 0 26px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-safe .secondary-btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}
.hero-safe .secondary-btn:hover{background:#fff;color:var(--night)}
.flash-card{background:rgba(255,255,255,.97);border-radius:22px;padding:8px;color:var(--ink);box-shadow:0 24px 50px rgba(0,0,0,.22);transform:rotate(1.8deg)}
.flash-top{display:flex;align-items:center;justify-content:space-between;padding:10px 13px 13px;border-bottom:1px solid var(--line)}
.flash-top strong{font-size:13px;color:var(--rose)}
.countdown{display:flex;gap:5px;align-items:center;font-weight:900;color:var(--night)}
.countdown span{min-width:28px;text-align:center;padding:3px 5px;background:var(--night);color:#fff;border-radius:6px;font-size:13px}
.flash-body{padding:22px 18px 18px}
.flash-icon{width:52px;height:52px;border-radius:16px;background:#e6f4f1;color:var(--jade);display:grid;place-items:center;font-size:24px;margin-bottom:14px}
.flash-body h2{font-size:24px;line-height:1.35;margin:0 0 8px}
.flash-body p{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 16px}
.flash-list{list-style:none;padding:0;margin:0 0 18px}
.flash-list li{padding:7px 0;border-bottom:1px dashed var(--line);font-size:13px;font-weight:700}
.flash-list i{color:var(--jade);margin-right:8px}
.trust-strip{background:#fff;border-bottom:1px solid var(--line)}
.trust-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trust-item{padding:20px 22px;border-right:1px solid var(--line);font-size:14px;font-weight:800;color:#3f4a57}
.trust-item:last-child{border:0}
.trust-item i{color:var(--gold);margin-right:9px}
.split-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.value-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;position:relative;overflow:hidden;transition:.25s}
.value-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#cce9e2}
.value-num{font-size:13px;color:var(--gold);font-weight:900;letter-spacing:1px}
.value-card .icon-box{width:46px;height:46px;border-radius:14px;background:#eaf6f3;color:var(--jade);display:grid;place-items:center;font-size:19px;margin:15px 0}
.value-card h3{font-size:20px;margin:0 0 9px}
.value-card p{font-size:14px;color:var(--muted);margin:0}
.dark-panel{background:var(--night);color:#fff;overflow:hidden}
.dark-panel .section-intro{color:#b9c4ce}
.scene-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:52px;align-items:start}
.scene-image{position:sticky;top:96px}
.scene-image img{height:480px;width:100%;object-fit:cover;border-radius:var(--radius);opacity:.9}
.image-caption{margin:12px 0 0;color:#b8c4cf;font-size:13px}
.scene-list{display:grid;gap:15px}
.scene-row{display:grid;grid-template-columns:45px 1fr;gap:17px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.scene-row:last-child{border:0}
.scene-no{width:38px;height:38px;border-radius:12px;background:rgba(229,170,69,.15);color:#ffd882;display:grid;place-items:center;font-weight:900}
.scene-row h3{font-size:18px;margin:0 0 4px}
.scene-row p{margin:0;color:#c4ced7;font-size:14px}
.rule-board{background:#eef3f4}
.board-grid{display:grid;grid-template-columns:1fr .9fr;gap:24px;align-items:stretch}
.agreement{background:#fff;border-radius:var(--radius);padding:30px;border:1px solid var(--line)}
.agreement h3{font-size:24px;margin:0 0 15px}
.agreement p{color:var(--muted);margin:0 0 17px}
.agreement-list{list-style:none;padding:0;margin:0}
.agreement-list li{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:14px}
.agreement-list i{color:var(--jade);padding-top:4px}
.notice-card{background:var(--gold-pale);border:1px solid #f1dcaa;border-radius:var(--radius);padding:30px}
.notice-card h3{font-size:23px;margin:0 0 9px;color:#63440e}
.notice-card p{font-size:14px;color:#775b28;margin:0 0 20px}
.notice-card .tag{background:rgba(255,255,255,.65);color:#76561f;margin:0 7px 9px 0;display:inline-block}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:33px}
.step{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px;min-height:190px}
.step strong{display:block;color:var(--gold);font-size:13px;letter-spacing:1px}
.step h3{font-size:17px;margin:10px 0 7px}
.step p{font-size:13px;color:var(--muted);margin:0}
.check-section{background:#fff}
.check-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.check-copy p{color:var(--muted)}
.checklist{list-style:none;margin:25px 0 0;padding:0}
.checklist li{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px}
.checklist i{color:var(--jade);padding-top:6px}
.check-image{position:relative}
.check-image img{height:380px;width:100%;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}
.float-note{position:absolute;bottom:20px;left:-18px;background:var(--night);color:#fff;border-radius:13px;padding:14px 18px;box-shadow:var(--shadow);font-size:13px;max-width:250px}
.float-note i{color:var(--gold);margin-right:7px}
.quote-section{padding:78px 0;background:linear-gradient(135deg,#e4f1ee,#fff5df)}
.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.quote-card{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius);padding:28px}
.quote-card i{font-size:22px;color:var(--gold)}
.quote-card blockquote{font-size:17px;line-height:1.85;margin:13px 0;color:#34404b;font-weight:700}
.quote-card cite{font-style:normal;color:var(--muted);font-size:13px}
.faq-wrap{max-width:900px;margin:32px auto 0}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:12px;overflow:hidden}
.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;background:#fff;padding:18px 20px;color:var(--ink);font-size:16px;font-weight:800}
.faq-question i{color:var(--jade);transition:.25s}
.faq-answer{display:none;padding:0 20px 18px;color:var(--muted);font-size:14px}
.faq-item.open{border-color:#b9dfd7;box-shadow:0 7px 20px rgba(19,124,107,.08)}
.faq-item.open .faq-answer{display:block}
.faq-item.open .faq-question i{transform:rotate(45deg)}
.cta-section{padding:0 0 92px}
.cta-box{background:linear-gradient(120deg,var(--jade-dark),var(--jade));border-radius:22px;padding:45px 50px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;overflow:hidden}
.cta-box:after{content:"♣";position:absolute;right:35px;bottom:-95px;color:rgba(255,255,255,.09);font-size:220px;font-weight:900}
.cta-box h2{position:relative;z-index:1;font-size:31px;line-height:1.35;margin:0 0 8px}
.cta-box p{position:relative;z-index:1;margin:0;color:#d8f0eb;max-width:650px}
.cta-box .primary-btn{position:relative;z-index:1;background:#fff;color:var(--jade-dark);border-color:#fff;white-space:nowrap}
.cta-box .primary-btn:hover{background:var(--gold-pale);border-color:var(--gold-pale)}
.site-footer{background:var(--night);color:#fff;padding:58px 0 0}
.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:45px;padding-bottom:42px}
.site-footer .brand{color:#fff}
.footer-about{color:#b9c4ce;font-size:14px;max-width:390px;margin:17px 0 0}
.footer-col h3{font-size:15px;margin:0 0 14px;color:#f4d18a}
.footer-col a{display:block;color:#b9c4ce;font-size:14px;margin:8px 0}
.footer-col a:hover{color:#fff;padding-left:3px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:20px 0;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#aebac6;font-size:12px}
.footer-bottom a:hover{color:#f4d18a}
.fixed-bar{position:fixed;z-index:45;bottom:17px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 34px));background:rgba(23,28,39,.95);backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px 12px 10px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 15px 35px rgba(0,0,0,.24)}
.fixed-bar span{font-size:13px;font-weight:700}
.fixed-bar span i{color:var(--gold);margin-right:7px}
.fixed-bar .primary-btn{padding:8px 12px;font-size:13px}
:focus-visible{outline:3px solid rgba(229,170,69,.78);outline-offset:3px}
@media(max-width:1100px){
 .toolbar{gap:14px}.main-nav a{padding:8px 8px;font-size:13px}.status{display:none}
 .hero-grid{gap:30px}.value-grid{gap:15px}
}
@media(max-width:860px){
 .tool-actions .bell{display:none}.nav-cta{padding:9px 11px}.toolbar{gap:12px}
 .hero-grid,.board-grid,.check-layout,.scene-layout{grid-template-columns:1fr}
 .hero-safe{padding:55px 0}.flash-card{max-width:470px;transform:none}
 .scene-image{position:static;order:2}.scene-image img{height:300px}
 .trust-inner{grid-template-columns:1fr 1fr}.trust-item:nth-child(2){border-right:0}.trust-item{border-bottom:1px solid var(--line)}
 .steps-grid{grid-template-columns:1fr 1fr}.check-image{max-width:560px}
 .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
}
@media(max-width:620px){
 body{font-size:15px}.site-container{padding:0 17px}.toolbar{height:64px;gap:13px}
 .brand{font-size:18px}.brand-mark{width:31px;height:31px}.main-nav{position:absolute;top:64px;left:0;width:100%;padding:7px 15px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);box-shadow:0 8px 18px rgba(20,30,40,.06)}
 .main-nav a{font-size:12px;padding:7px 9px}.nav-cta{font-size:12px;padding:8px 9px}.nav-cta i{display:none}
 .hero-safe{padding:82px 0 42px;min-height:auto}.hero-safe h1{font-size:38px;letter-spacing:-1.3px}.hero-safe p{font-size:16px}
 .section{padding:56px 0}.section-title{font-size:27px}.split-heading{display:block;margin-bottom:26px}.split-heading .text-link{display:inline-block;margin-top:12px}
 .value-grid,.quote-grid{grid-template-columns:1fr}.value-card{padding:23px}
 .trust-item{padding:14px 12px;font-size:12px}.steps-grid{grid-template-columns:1fr}
 .agreement,.notice-card{padding:23px}.check-layout{gap:30px}.check-image img{height:290px}.float-note{left:10px;bottom:12px}
 .cta-box{padding:31px 25px;display:block}.cta-box h2{font-size:26px}.cta-box .primary-btn{margin-top:20px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin:6px 0}
 .fixed-bar{bottom:10px}.fixed-bar span{font-size:12px}.fixed-bar span i{display:none}
}