/* roulang page: index */
:root{
      --ink:#10151f;
      --ink-soft:#263142;
      --muted:#697586;
      --line:#e5e9ef;
      --surface:#ffffff;
      --mist:#f5f7fa;
      --dark:#0b1018;
      --dark-2:#151d29;
      --green:#b8ff3d;
      --green-deep:#84c500;
      --orange:#ff6b36;
      --radius:22px;
      --radius-sm:14px;
      --shadow:0 16px 42px rgba(15,23,42,.09);
      --shadow-lg:0 25px 70px rgba(0,0,0,.28);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;color:var(--ink);background:var(--surface);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75;overflow-x:hidden}
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    ::selection{background:var(--green);color:var(--dark)}
    .container{max-width:1240px}
    .section{padding:94px 0}
    .section-soft{background:var(--mist)}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--green-deep);font-size:.82rem;font-weight:800;letter-spacing:.12em}
    .eyebrow:before{content:"";width:26px;height:2px;background:currentColor}
    .section-title{margin:10px 0 14px;font-size:clamp(1.85rem,3.4vw,3.15rem);line-height:1.25;font-weight:900;letter-spacing:-.045em}
    .section-desc{max-width:720px;margin:0;color:var(--muted);font-size:1rem}
    .btn-brand,.btn-outline-brand{border:0;border-radius:99px;padding:13px 23px;font-weight:800;transition:.25s ease;display:inline-flex;align-items:center;justify-content:center;gap:9px}
    .btn-brand{background:var(--green);color:#111a08;box-shadow:0 9px 22px rgba(184,255,61,.22)}
    .btn-brand:hover{background:#d0ff7e;transform:translateY(-3px);color:#111a08}
    .btn-brand:active{transform:translateY(-1px)}
    .btn-outline-brand{border:1px solid rgba(255,255,255,.44);color:#fff;background:rgba(255,255,255,.06)}
    .btn-outline-brand:hover{background:#fff;color:var(--dark);border-color:#fff;transform:translateY(-3px)}
    .btn-brand:focus,.btn-outline-brand:focus,.nav-link:focus,.accordion-button:focus{box-shadow:0 0 0 4px rgba(184,255,61,.28)}
    .site-header{position:absolute;z-index:20;left:0;right:0;top:0;padding:20px 0}
    .nav-shell{background:rgba(9,14,21,.72);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:8px 14px}
    .navbar-brand{font-size:1.45rem;font-weight:950;letter-spacing:-.06em;color:#fff!important;display:flex;align-items:center;gap:10px}
    .brand-mark{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--green);color:#132007;font-size:.94rem;transform:skew(-8deg)}
    .nav-link{color:rgba(255,255,255,.72)!important;font-size:.9rem;font-weight:700;padding:.62rem .66rem!important;transition:.2s}
    .nav-link:hover,.nav-link.active{color:var(--green)!important}
    .nav-quick{border-left:1px solid rgba(255,255,255,.15);padding-left:15px;margin-left:8px}
    .nav-search{width:165px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:99px;color:#fff;padding:8px 14px;font-size:.8rem;outline:none}
    .nav-search::placeholder{color:rgba(255,255,255,.54)}
    .navbar-toggler{border-color:rgba(255,255,255,.35)!important;color:#fff!important}
    .hero{min-height:790px;background:linear-gradient(90deg,rgba(5,9,14,.95) 0%,rgba(7,12,18,.79) 43%,rgba(6,10,15,.3) 100%),url('/assets/images/backpic/back-1.webp') center/cover no-repeat;color:#fff;position:relative;display:flex;align-items:flex-end;padding:165px 0 72px;overflow:hidden}
    .hero:after{content:"";position:absolute;inset:auto -10% -140px auto;width:480px;height:480px;border:1px solid rgba(184,255,61,.23);border-radius:50%;box-shadow:0 0 0 52px rgba(184,255,61,.05),0 0 0 104px rgba(184,255,61,.035)}
    .hero-content{position:relative;z-index:2;max-width:760px}
    .heat-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,107,54,.16);border:1px solid rgba(255,107,54,.58);border-radius:999px;padding:7px 12px;font-size:.8rem;color:#ffe1d5;font-weight:800}
    .hero h1{font-weight:950;font-size:clamp(2.7rem,6.1vw,5.7rem);line-height:1.03;letter-spacing:-.075em;margin:21px 0}
    .hero h1 em{font-style:normal;color:var(--green)}
    .hero-lead{max-width:670px;color:rgba(255,255,255,.77);font-size:1.06rem;line-height:1.9;margin-bottom:28px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
    .hero-meta{margin-top:44px;display:flex;gap:34px;flex-wrap:wrap}
    .hero-meta strong{display:block;font-size:1.55rem;line-height:1;color:var(--green);font-weight:900}
    .hero-meta span{font-size:.8rem;color:rgba(255,255,255,.55)}
    .poster-card{position:absolute;z-index:3;right:8%;bottom:61px;width:270px;border-radius:18px;overflow:hidden;background:#18202e;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-lg);transform:rotate(3deg)}
    .poster-card img{height:176px;width:100%;object-fit:cover}
    .poster-card-body{padding:16px 17px}
    .poster-card small{color:var(--green);font-weight:800}
    .poster-card h2{font-size:1rem;font-weight:900;margin:5px 0 0}
    .ticker{background:var(--green);color:#18210b;padding:12px 0;font-size:.87rem;font-weight:800;white-space:nowrap;overflow:hidden}
    .ticker-track{display:inline-block;animation:scroll 26s linear infinite}
    @keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-20%)}}
    .feature-panel{background:var(--dark);color:#fff;border-radius:var(--radius);overflow:hidden}
    .feature-copy{padding:56px}
    .feature-copy .section-desc{color:rgba(255,255,255,.67)}
    .feature-list{list-style:none;margin:31px 0 0;padding:0}
    .feature-list li{display:flex;align-items:flex-start;gap:13px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.11);color:rgba(255,255,255,.85)}
    .feature-list i{color:var(--green);padding-top:6px}
    .feature-image{min-height:460px;position:relative;background:url('/assets/images/coverpic/cover-1.webp') center/cover no-repeat}
    .feature-image:before{content:"NG";position:absolute;right:8%;bottom:-8%;color:rgba(184,255,61,.87);font-size:10rem;font-weight:950;letter-spacing:-.15em}
    .feature-float{position:absolute;left:30px;bottom:31px;background:rgba(255,255,255,.95);color:var(--ink);padding:18px;border-radius:14px;width:200px;box-shadow:var(--shadow)}
    .feature-float strong{font-size:1.6rem;color:var(--orange);display:block;line-height:1.2}
    .split-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
    .service-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:18px}
    .service-card{position:relative;border:1px solid var(--line);padding:29px;border-radius:var(--radius-sm);background:#fff;min-height:238px;overflow:hidden;transition:.28s ease}
    .service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:transparent}
    .service-card.dark{background:var(--dark-2);color:#fff;border-color:var(--dark-2)}
    .service-card.accent{background:var(--green);color:#132007;border-color:var(--green)}
    .service-icon{font-size:1.65rem;margin-bottom:36px}
    .service-card h3{font-size:1.2rem;font-weight:900}
    .service-card p{font-size:.9rem;color:var(--muted);margin:8px 0 0}
    .service-card.dark p{color:rgba(255,255,255,.66)}
    .service-card.accent p{color:#40510b}
    .service-no{position:absolute;right:19px;top:12px;font-weight:950;color:rgba(16,21,31,.07);font-size:4.4rem;line-height:1}
    .path-wrap{background:linear-gradient(126deg,#131d2d,#0b1018);color:#fff;border-radius:var(--radius);padding:58px;position:relative;overflow:hidden}
    .path-wrap:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(184,255,61,.15),transparent 67%);right:-150px;top:-220px}
    .path-wrap .section-desc{color:rgba(255,255,255,.65)}
    .progress-list{position:relative;z-index:1;margin-top:35px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .progress-item{padding:19px;border-radius:15px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1)}
    .progress-item span{color:var(--green);font-size:.75rem;font-weight:900;letter-spacing:.08em}
    .progress-item h3{font-size:1rem;font-weight:900;margin:7px 0}
    .progress-item p{font-size:.85rem;color:rgba(255,255,255,.63);margin:0}
    .progress-bar{height:6px;background:rgba(255,255,255,.13);border-radius:10px;margin-top:16px;overflow:hidden}
    .progress-bar i{display:block;height:100%;border-radius:10px;background:var(--green)}
    .quote-stage{background:url('/assets/images/backpic/back-2.webp') center/cover no-repeat;min-height:490px;border-radius:var(--radius);overflow:hidden;position:relative;display:flex;align-items:end}
    .quote-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,12,18,.91),rgba(6,12,18,.24))}
    .quote-box{position:relative;max-width:690px;color:#fff;padding:55px}
    .quote-mark{font-size:4rem;color:var(--green);line-height:.5}
    .quote-box blockquote{font-size:clamp(1.28rem,2.4vw,2rem);font-weight:800;line-height:1.65;margin:12px 0 22px}
    .quote-author{color:rgba(255,255,255,.66);font-size:.9rem}
    .data-shell{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .metric{padding:32px 18px;border-right:1px solid var(--line)}
    .metric:last-child{border-right:0}
    .metric strong{font-size:2.15rem;font-weight:950;line-height:1;display:block;letter-spacing:-.06em}
    .metric span{font-size:.85rem;color:var(--muted)}
    .chart-card{border:1px solid var(--line);border-radius:var(--radius);padding:33px;background:#fff;height:100%}
    .chart-bars{height:191px;display:flex;align-items:end;gap:13px;padding-top:20px;border-bottom:1px solid var(--line)}
    .chart-bars i{flex:1;display:block;border-radius:7px 7px 0 0;background:linear-gradient(180deg,var(--green),#8dc61b);position:relative}
    .chart-bars i:after{content:attr(data-day);position:absolute;left:50%;bottom:-28px;transform:translateX(-50%);font-style:normal;font-size:.68rem;color:var(--muted)}
    .analysis-list{padding:0;margin:0;list-style:none}
    .analysis-list li{display:flex;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px dashed var(--line);font-size:.9rem}
    .analysis-list b{color:var(--green-deep)}
    .live-box{background:#f2f6ea;border-radius:var(--radius);padding:16px;display:grid;grid-template-columns:1.05fr .95fr;gap:16px}
    .live-cover{border-radius:17px;min-height:310px;overflow:hidden;position:relative;background:url('/assets/images/coverpic/cover-5.webp') center/cover no-repeat}
    .live-cover:after{content:"即将开启";position:absolute;left:18px;top:18px;border-radius:99px;background:var(--orange);color:#fff;padding:6px 11px;font-size:.75rem;font-weight:900}
    .live-info{padding:25px 20px}
    .countdown{display:flex;gap:8px;margin:21px 0}
    .countdown span{background:var(--dark);color:#fff;border-radius:11px;padding:10px 11px;text-align:center;font-size:1.2rem;font-weight:900;min-width:53px;line-height:1}
    .countdown small{display:block;font-size:.58rem;margin-top:5px;color:rgba(255,255,255,.6)}
    .live-points{padding:0;margin:19px 0;list-style:none}
    .live-points li{padding:8px 0;color:var(--ink-soft);font-size:.9rem;border-bottom:1px solid rgba(16,21,31,.1)}
    .live-points i{color:var(--green-deep);margin-right:8px}
    .news-area{background:var(--dark);color:#fff}
    .news-area .section-desc{color:rgba(255,255,255,.62)}
    .news-list{margin-top:35px;border-top:1px solid rgba(255,255,255,.17)}
    .news-item{display:grid;grid-template-columns:115px 1fr auto;align-items:center;gap:24px;padding:23px 0;border-bottom:1px solid rgba(255,255,255,.14);transition:.25s}
    .news-item:hover{padding-left:13px;border-color:var(--green)}
    .news-date{font-size:.8rem;color:var(--green);font-weight:800}
    .news-item h3{font-size:1.08rem;font-weight:850;margin:0 0 5px}
    .news-item p{margin:0;color:rgba(255,255,255,.59);font-size:.85rem}
    .read-more{color:#fff;font-weight:800;font-size:.84rem;white-space:nowrap}
    .read-more:hover{color:var(--green)}
    .news-feature{height:100%;border-radius:17px;padding:30px;background:url('/assets/images/coverpic/cover-8.webp') center/cover no-repeat;position:relative;overflow:hidden;display:flex;align-items:end}
    .news-feature:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.05))}
    .news-feature div{position:relative}
    .news-feature h3{font-weight:900;font-size:1.4rem}
    .news-feature p{color:rgba(255,255,255,.75);font-size:.89rem}
    .faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
    .faq-side{position:sticky;top:25px}
    .faq-bubble{margin-top:25px;padding:22px;background:var(--green);border-radius:18px;color:#17220b;font-weight:800}
    .accordion-item{border:1px solid var(--line)!important;border-radius:13px!important;margin-bottom:11px;overflow:hidden}
    .accordion-button{font-weight:850;color:var(--ink);padding:19px;background:#fff!important}
    .accordion-button:not(.collapsed){color:var(--green-deep);box-shadow:none}
    .accordion-button:after{filter:grayscale(1)}
    .accordion-body{padding-top:0;color:var(--muted);font-size:.93rem;line-height:1.9}
    .brand-story{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--mist);border-radius:var(--radius);overflow:hidden}
    .brand-story-image{min-height:420px;background:url('/assets/images/coverpic/cover-11.webp') center/cover no-repeat}
    .brand-story-text{padding:54px}
    .brand-story-text p{color:var(--muted);font-size:.96rem}
    .category-wall{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
    .category-link{padding:15px 8px;border-radius:12px;border:1px solid var(--line);font-weight:800;font-size:.84rem;text-align:center;transition:.22s;background:#fff}
    .category-link:hover{border-color:var(--green);background:var(--green);transform:translateY(-3px)}
    .cta-box{background:linear-gradient(105deg,#b8ff3d 0%,#d8ff88 52%,#a2e82d 100%);padding:60px;border-radius:var(--radius);position:relative;overflow:hidden}
    .cta-box:after{content:"NG";position:absolute;right:3%;bottom:-39%;font-size:14rem;color:rgba(16,21,31,.09);font-weight:950;letter-spacing:-.13em}
    .cta-box h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:950;letter-spacing:-.06em;max-width:730px;position:relative}
    .cta-box p{max-width:650px;color:#354315;position:relative}
    .cta-box .btn-brand{background:var(--dark);color:#fff;position:relative}
    .cta-box .btn-brand:hover{background:#263142;color:#fff}
    .site-footer{background:#080d14;color:#fff;padding:65px 0 22px}
    .footer-brand{font-size:1.7rem;font-weight:950;letter-spacing:-.06em}
    .footer-text{color:rgba(255,255,255,.57);font-size:.88rem;max-width:430px;margin-top:13px}
    .footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:9px 0 0;padding:0;list-style:none}
    .footer-links a{color:rgba(255,255,255,.65);font-size:.88rem;transition:.2s}
    .footer-links a:hover{color:var(--green)}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:45px;padding-top:20px;color:rgba(255,255,255,.48);font-size:.79rem;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
    .footer-bottom a{color:rgba(255,255,255,.65)}
    .footer-bottom a:hover{color:var(--green)}
    @media(max-width:1199px){.poster-card{right:3%}.nav-search{width:125px}.category-wall{grid-template-columns:repeat(4,1fr)}}
    @media(max-width:991px){
      .site-header{padding:12px 0}.nav-shell{border-radius:14px}.navbar-collapse{margin-top:11px;padding:10px;background:#111925;border-radius:12px}.nav-quick{border:0;padding:10px 0;margin:0}.nav-search{width:100%}
      .hero{min-height:730px;padding-bottom:46px}.poster-card{display:none}.feature-copy{padding:38px}.feature-image{min-height:350px}.service-grid{grid-template-columns:1fr 1fr}.service-card:first-child{grid-column:span 2}.progress-list{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr;gap:28px}.faq-side{position:static}.brand-story{grid-template-columns:1fr}.brand-story-image{min-height:300px}.news-feature{min-height:300px}.live-box{grid-template-columns:1fr}
    }
    @media(max-width:767px){
      .section{padding:65px 0}.hero{min-height:690px;padding-top:142px}.hero h1{font-size:2.75rem}.hero-meta{gap:18px}.hero-meta strong{font-size:1.3rem}.split-heading{display:block}.split-heading .section-desc{margin-top:12px}.service-grid{grid-template-columns:1fr}.service-card:first-child{grid-column:auto}.path-wrap{padding:31px 23px}.quote-box{padding:35px 26px}.metric{border-right:0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}.news-item{grid-template-columns:1fr;gap:7px}.news-item:hover{padding-left:5px}.read-more{margin-top:6px}.brand-story-text{padding:34px 25px}.cta-box{padding:38px 25px}.category-wall{grid-template-columns:repeat(2,1fr)}.feature-float{left:16px;bottom:17px}.footer-links{margin-top:25px}
    }
    @media(max-width:520px){.hero-actions .btn-brand,.hero-actions .btn-outline-brand{width:100%}.feature-copy{padding:30px 24px}.feature-image{min-height:280px}.section-title{font-size:2rem}.cta-box h2{font-size:2.35rem}.live-info{padding:21px 10px}.countdown span{min-width:47px;padding:9px 7px}.footer-bottom{display:block}.footer-bottom div+div{margin-top:8px}}

/* roulang page: category2 */
:root{
 --ink:#10151f;--ink-soft:#263142;--muted:#697586;--line:#e5e9ef;--surface:#fff;--mist:#f5f7fa;
 --dark:#0b1018;--dark-2:#151d29;--green:#b8ff3d;--green-deep:#84c500;--orange:#ff6b36;
 --radius:22px;--radius-sm:14px;--shadow:0 16px 42px rgba(15,23,42,.09);--shadow-lg:0 25px 70px rgba(0,0,0,.28)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--surface);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75;overflow-x:hidden}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input{font:inherit}
.container{max-width:1240px}.section{padding:88px 0}.section-soft{background:var(--mist)}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--green-deep);font-size:.82rem;font-weight:800;letter-spacing:.12em}
.eyebrow:before{content:"";width:26px;height:2px;background:currentColor}
.section-title{margin:10px 0 14px;font-size:clamp(1.85rem,3.4vw,3.15rem);line-height:1.25;font-weight:900;letter-spacing:-.045em}
.section-desc{max-width:760px;margin:0;color:var(--muted);font-size:1rem}
.btn-brand,.btn-outline-brand{border:0;border-radius:99px;padding:13px 23px;font-weight:800;transition:.25s ease;display:inline-flex;align-items:center;justify-content:center;gap:9px}
.btn-brand{background:var(--green);color:#111a08;box-shadow:0 9px 22px rgba(184,255,61,.22)}
.btn-brand:hover{background:#d0ff7e;transform:translateY(-3px);color:#111a08}.btn-brand:active{transform:translateY(-1px)}
.btn-outline-brand{border:1px solid rgba(255,255,255,.44);color:#fff;background:rgba(255,255,255,.06)}
.btn-outline-brand:hover{background:#fff;color:var(--dark);border-color:#fff;transform:translateY(-3px)}
.btn-brand:focus,.btn-outline-brand:focus,.nav-link:focus,.accordion-button:focus,.nav-search:focus{box-shadow:0 0 0 4px rgba(184,255,61,.28);outline:0}
.site-header{position:absolute;z-index:20;left:0;right:0;top:0;padding:20px 0}
.nav-shell{background:rgba(9,14,21,.72);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:8px 14px}
.navbar-brand{font-size:1.45rem;font-weight:950;letter-spacing:-.06em;color:#fff!important;display:flex;align-items:center;gap:10px}
.brand-mark{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--green);color:#132007;font-size:.94rem;transform:skew(-8deg)}
.nav-link{color:rgba(255,255,255,.72)!important;font-size:.9rem;font-weight:700;padding:.62rem .66rem!important;transition:.2s}
.nav-link:hover,.nav-link.active{color:var(--green)!important}.nav-quick{border-left:1px solid rgba(255,255,255,.15);padding-left:15px;margin-left:8px}
.nav-search{width:165px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:99px;color:#fff;padding:8px 14px;font-size:.8rem;outline:none}
.nav-search::placeholder{color:rgba(255,255,255,.54)}.navbar-toggler{border-color:rgba(255,255,255,.35)!important;color:#fff!important}
.page-hero{min-height:680px;padding:155px 0 65px;display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden;color:#fff;background:linear-gradient(100deg,rgba(5,9,14,.96) 0%,rgba(8,13,20,.83) 47%,rgba(5,10,15,.3) 100%),url('/assets/images/backpic/back-2.webp') center/cover no-repeat}
.page-hero:after{content:"";position:absolute;z-index:-1;width:440px;height:440px;border-radius:50%;right:-110px;top:130px;border:1px solid rgba(184,255,61,.3);box-shadow:0 0 0 55px rgba(184,255,61,.055),0 0 0 110px rgba(184,255,61,.028)}
.creator-row{display:flex;align-items:center;gap:14px;margin-bottom:28px}.creator-avatar{width:58px;height:58px;border-radius:50%;border:2px solid var(--green);display:grid;place-items:center;background:#18242b;font-weight:950;font-size:1.15rem;color:var(--green);box-shadow:0 0 0 5px rgba(184,255,61,.12)}
.creator-name strong{display:block;font-size:1rem}.creator-name span{display:block;color:rgba(255,255,255,.57);font-size:.82rem}
.follow-btn{margin-left:8px;border:1px solid rgba(184,255,61,.58);background:rgba(184,255,61,.1);color:var(--green);border-radius:99px;padding:7px 13px;font-weight:800;font-size:.8rem;transition:.2s}.follow-btn:hover{background:var(--green);color:#152009}
.page-hero h1{font-size:clamp(2.75rem,5.8vw,5.3rem);line-height:1.04;letter-spacing:-.075em;font-weight:950;max-width:760px;margin:0 0 22px}.page-hero h1 em{font-style:normal;color:var(--green)}
.hero-copy{max-width:695px;color:rgba(255,255,255,.76);font-size:1.06rem;margin-bottom:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-stats{display:flex;gap:0;margin-top:48px;flex-wrap:wrap}.hero-stat{padding:0 28px;border-left:1px solid rgba(255,255,255,.18)}.hero-stat:first-child{padding-left:0;border:0}.hero-stat b{display:block;color:var(--green);font-size:1.55rem;line-height:1.15}.hero-stat span{font-size:.78rem;color:rgba(255,255,255,.57)}
.live-window{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;position:relative;margin-top:-55px;z-index:3}.window-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.window-top strong{font-size:1.05rem}.live-pill{font-size:.73rem;padding:5px 10px;border-radius:99px;background:#fff0eb;color:#d64a1b;font-weight:900}.live-pill i{font-size:.55rem;margin-right:4px}
.focus-strip{display:grid;grid-template-columns:1.05fr .95fr .95fr;gap:12px}.focus-item{border-radius:14px;background:var(--mist);padding:16px;min-height:114px;transition:.25s}.focus-item:hover{background:#eef4dc;transform:translateY(-3px)}.focus-item small{color:var(--muted);font-weight:700}.focus-item b{display:block;font-size:.98rem;line-height:1.45;margin-top:5px}.focus-item span{font-size:.78rem;color:var(--orange);font-weight:800}
.feature-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:28px;align-items:stretch}.feature-photo{min-height:510px;border-radius:var(--radius);overflow:hidden;position:relative;background:url('/assets/images/coverpic/cover-2.webp') center/cover no-repeat}.feature-photo:after{content:"重点时刻";position:absolute;left:28px;bottom:24px;color:#fff;font-size:2.15rem;font-weight:950;letter-spacing:-.07em;text-shadow:0 3px 16px rgba(0,0,0,.5)}
.feature-copy{padding:27px 0 15px}.point-list{list-style:none;padding:0;margin:28px 0}.point-list li{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.point-list i{width:34px;height:34px;background:#effbd6;border-radius:10px;color:#4c7600;display:grid;place-items:center;flex:none}.point-list b{display:block}.point-list p{margin:3px 0 0;font-size:.9rem;color:var(--muted)}
.dark-feature{background:var(--dark);color:#fff;border-radius:var(--radius);overflow:hidden}.dark-copy{padding:56px}.dark-copy p{color:rgba(255,255,255,.67)}.dark-photo{min-height:435px;background:url('/assets/images/coverpic/cover-7.webp') center/cover no-repeat;position:relative}.dark-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,16,24,.55),transparent)}
.topic-card{border:1px solid var(--line);background:#fff;border-radius:var(--radius-sm);padding:25px;height:100%;transition:.28s}.topic-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}.topic-num{font-size:.78rem;font-weight:900;color:var(--green-deep);letter-spacing:.12em}.topic-card h3{font-size:1.18rem;font-weight:900;margin:12px 0 8px}.topic-card p{font-size:.9rem;color:var(--muted);margin:0}.topic-card a{display:inline-flex;margin-top:18px;color:var(--ink);font-size:.86rem;font-weight:900;gap:7px;align-items:center}.topic-card a:hover{color:var(--green-deep)}
.schedule-wrap{border-top:1px solid var(--line);margin-top:34px}.schedule-row{display:grid;grid-template-columns:105px 1fr auto;gap:24px;align-items:center;border-bottom:1px solid var(--line);padding:21px 4px}.schedule-time{font-weight:900;color:var(--orange)}.schedule-main b{display:block;font-size:1.02rem}.schedule-main span{color:var(--muted);font-size:.86rem}.tag{border-radius:99px;background:#edf4df;color:#587d0d;padding:5px 11px;font-size:.76rem;font-weight:900}
.story-panel{border-radius:var(--radius);overflow:hidden;background:#f0f3f5}.story-image{height:100%;min-height:390px;background:url('/assets/images/coverpic/cover-5.webp') center/cover no-repeat}.story-copy{padding:52px}.story-copy blockquote{margin:25px 0;color:var(--ink-soft);font-size:1.18rem;font-weight:700;line-height:1.8;border-left:4px solid var(--green-deep);padding-left:18px}.story-copy p{color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}.step{border-top:2px solid var(--line);padding-top:19px;position:relative}.step:before{content:"";position:absolute;top:-5px;left:0;width:8px;height:8px;background:var(--green-deep);border-radius:50%}.step strong{font-size:1.05rem}.step p{color:var(--muted);font-size:.88rem;margin:8px 0 0}
.accordion{margin-top:35px}.accordion-item{border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden;margin-bottom:11px}.accordion-button{font-weight:900;font-size:1rem;padding:19px 21px}.accordion-button:not(.collapsed){color:var(--ink);background:#f3fadf;box-shadow:none}.accordion-button:after{filter:grayscale(1)}.accordion-body{color:var(--muted);padding:0 21px 20px}
.cta-band{background:linear-gradient(110deg,#142015,#202a18);color:#fff;border-radius:var(--radius);padding:58px;position:relative;overflow:hidden}.cta-band:after{content:"NG";position:absolute;right:3%;bottom:-45%;font-size:12rem;font-weight:950;color:rgba(184,255,61,.09);letter-spacing:-.12em}.cta-band h2{font-size:clamp(1.9rem,3.5vw,3.1rem);font-weight:950;letter-spacing:-.055em;max-width:680px;position:relative;z-index:1}.cta-band p{max-width:680px;color:rgba(255,255,255,.68);position:relative;z-index:1}.cta-band .btn-brand{position:relative;z-index:1}
.site-footer{background:var(--dark);padding:68px 0 24px;color:#fff}.footer-brand{font-size:1.65rem;font-weight:950;letter-spacing:-.06em}.footer-text{max-width:460px;margin:15px 0 0;color:rgba(255,255,255,.58);font-size:.92rem}.site-footer strong{display:block;margin-bottom:15px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:9px 0}.footer-links a{font-size:.9rem;color:rgba(255,255,255,.62);transition:.2s}.footer-links a:hover{color:var(--green)}.footer-bottom{margin-top:52px;padding-top:20px;border-top:1px solid rgba(255,255,255,.13);display:flex;justify-content:space-between;gap:18px;color:rgba(255,255,255,.48);font-size:.78rem;flex-wrap:wrap}.footer-bottom a:hover{color:var(--green)}
@media(max-width:1199px){.nav-search{display:none}.nav-link{padding:.6rem .42rem!important}.focus-strip{grid-template-columns:1fr 1fr}.focus-item:first-child{grid-column:span 2}}
@media(max-width:991px){.site-header{padding:12px 0}.navbar-collapse{margin-top:10px;padding:10px;border-top:1px solid rgba(255,255,255,.12)}.nav-quick{border-left:0;padding-left:0;margin:8px 0 0}.nav-search{display:block;flex:1;width:auto}.page-hero{min-height:660px;padding-top:145px}.feature-grid{grid-template-columns:1fr}.feature-photo{min-height:350px}.dark-copy{padding:42px}.steps{grid-template-columns:1fr 1fr}.story-image{min-height:300px}.story-copy{padding:38px}.schedule-row{grid-template-columns:90px 1fr auto}}
@media(max-width:767px){.section{padding:64px 0}.page-hero{padding-bottom:54px;min-height:630px}.page-hero h1{font-size:3rem}.hero-stats{margin-top:34px}.hero-stat{padding:0 15px}.live-window{margin-top:-28px;padding:15px}.focus-strip{grid-template-columns:1fr}.focus-item:first-child{grid-column:auto}.dark-copy,.story-copy,.cta-band{padding:31px}.schedule-row{grid-template-columns:74px 1fr;gap:13px}.schedule-row .tag{grid-column:2}.steps{grid-template-columns:1fr 1fr;gap:23px}.footer-bottom{margin-top:36px}}
@media(max-width:520px){.navbar-brand{font-size:1.28rem}.page-hero h1{font-size:2.55rem}.creator-row{flex-wrap:wrap}.follow-btn{margin-left:0}.hero-stat{width:50%;padding:10px 0;border:0}.hero-stat:nth-child(even){padding-left:15px}.feature-photo{min-height:270px}.dark-photo{min-height:280px}.steps{grid-template-columns:1fr}.cta-band h2{font-size:2rem}.section-title{font-size:2rem}}

/* roulang page: category1 */
:root{--ink:#10151f;--ink-soft:#263142;--muted:#697586;--line:#e5e9ef;--surface:#fff;--mist:#f5f7fa;--dark:#0b1018;--dark-2:#151d29;--green:#b8ff3d;--green-deep:#84c500;--orange:#ff6b36;--radius:22px;--radius-sm:14px;--shadow:0 16px 42px rgba(15,23,42,.09);--shadow-lg:0 25px 70px rgba(0,0,0,.28)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--surface);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input{font:inherit}.container{max-width:1240px}.section{padding:92px 0}.section-soft{background:var(--mist)}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--green-deep);font-size:.82rem;font-weight:800;letter-spacing:.12em}.eyebrow:before{content:"";width:26px;height:2px;background:currentColor}.section-title{margin:10px 0 14px;font-size:clamp(1.9rem,3.4vw,3.25rem);line-height:1.22;font-weight:900;letter-spacing:-.05em}.section-desc{max-width:760px;margin:0;color:var(--muted);font-size:1rem}.btn-brand,.btn-outline-brand{border:0;border-radius:99px;padding:13px 23px;font-weight:800;transition:.25s ease;display:inline-flex;align-items:center;justify-content:center;gap:9px}.btn-brand{background:var(--green);color:#111a08;box-shadow:0 9px 22px rgba(184,255,61,.22)}.btn-brand:hover{background:#d0ff7e;transform:translateY(-3px);color:#111a08}.btn-brand:active{transform:translateY(-1px)}.btn-outline-brand{border:1px solid rgba(255,255,255,.44);color:#fff;background:rgba(255,255,255,.06)}.btn-outline-brand:hover{background:#fff;color:var(--dark);border-color:#fff;transform:translateY(-3px)}.btn-brand:focus,.btn-outline-brand:focus,.nav-link:focus,.accordion-button:focus,.nav-search:focus{outline:none;box-shadow:0 0 0 4px rgba(184,255,61,.28)}
    .site-header{position:absolute;z-index:20;left:0;right:0;top:0;padding:20px 0}.nav-shell{background:rgba(9,14,21,.72);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:8px 14px}.navbar-brand{font-size:1.45rem;font-weight:950;letter-spacing:-.06em;color:#fff!important;display:flex;align-items:center;gap:10px}.brand-mark{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--green);color:#132007;font-size:.94rem;transform:skew(-8deg)}.nav-link{color:rgba(255,255,255,.72)!important;font-size:.9rem;font-weight:700;padding:.62rem .66rem!important;transition:.2s}.nav-link:hover,.nav-link.active{color:var(--green)!important}.nav-quick{border-left:1px solid rgba(255,255,255,.15);padding-left:15px;margin-left:8px}.nav-search{width:165px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:99px;color:#fff;padding:8px 14px;font-size:.8rem}.nav-search::placeholder{color:rgba(255,255,255,.54)}.navbar-toggler{border-color:rgba(255,255,255,.35)!important;color:#fff!important}
    .event-hero{position:relative;min-height:760px;padding:176px 0 78px;color:#fff;overflow:hidden;background:linear-gradient(96deg,rgba(5,9,14,.97) 0%,rgba(8,14,21,.86) 52%,rgba(8,14,18,.32) 100%),url('/assets/images/backpic/back-2.webp') center/cover no-repeat}.event-hero:after{content:"";position:absolute;width:620px;height:620px;right:-160px;bottom:-310px;border:1px solid rgba(184,255,61,.32);border-radius:50%;box-shadow:0 0 0 55px rgba(184,255,61,.055),0 0 0 110px rgba(184,255,61,.035)}.hero-copy{position:relative;z-index:2}.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;color:#e9ffc0;background:rgba(184,255,61,.11);border:1px solid rgba(184,255,61,.36);border-radius:99px;font-size:.8rem;font-weight:800}.event-hero h1{max-width:790px;margin:18px 0;font-weight:950;font-size:clamp(2.8rem,6vw,5.6rem);line-height:1.02;letter-spacing:-.075em}.event-hero h1 em{font-style:normal;color:var(--green)}.hero-lead{max-width:700px;color:rgba(255,255,255,.76);font-size:1.06rem}.support-box{position:relative;z-index:3;margin-left:auto;padding:26px;width:min(100%,365px);border:1px solid rgba(255,255,255,.17);background:rgba(12,18,27,.84);backdrop-filter:blur(15px);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.support-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.support-top b{font-size:.88rem}.support-top span{color:var(--green);font-weight:900}.progress-ring{width:125px;height:125px;margin:6px auto 18px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 72%,rgba(255,255,255,.12) 72% 100%)}.ring-inner{width:101px;height:101px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--dark);font-size:1.52rem;font-weight:950}.ring-inner small{display:block;color:rgba(255,255,255,.54);font-size:.69rem;font-weight:600}.support-tiers{display:grid;gap:8px;margin:17px 0}.tier{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:rgba(255,255,255,.78);font-size:.78rem}.tier strong{color:#fff}.tier.active{border-color:rgba(184,255,61,.55);background:rgba(184,255,61,.1)}.support-note{font-size:.76rem;color:rgba(255,255,255,.52);margin:13px 0 0}.metric-row{position:relative;z-index:2;margin-top:52px;display:flex;gap:36px;flex-wrap:wrap}.metric strong{display:block;color:var(--green);font-size:1.65rem;line-height:1.15;font-weight:900}.metric span{font-size:.8rem;color:rgba(255,255,255,.54)}
    .intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:58px;align-items:start}.intro-side{padding:30px;border-left:3px solid var(--green);background:#fbfcfd;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.intro-side p{margin:0;color:var(--ink-soft);font-size:1.05rem}.copy-columns{columns:2;column-gap:34px;color:var(--muted)}.copy-columns p{margin:0 0 18px;break-inside:avoid}.tag-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.tag{padding:6px 12px;border-radius:99px;background:#edf4df;color:#527a09;font-size:.78rem;font-weight:800}
    .feature-wrap{background:var(--dark);color:#fff;border-radius:var(--radius);overflow:hidden}.feature-copy{padding:56px}.feature-copy .section-desc{color:rgba(255,255,255,.68)}.feature-list{list-style:none;margin:29px 0 0;padding:0}.feature-list li{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.11);color:rgba(255,255,255,.84)}.feature-list i{color:var(--green);padding-top:7px}.feature-image{min-height:480px;background:url('/assets/images/coverpic/cover-2.webp') center/cover no-repeat;position:relative}.feature-image:after{content:"赛事 · 热度";position:absolute;right:22px;bottom:20px;padding:9px 13px;border-radius:99px;background:rgba(8,13,20,.75);color:#fff;font-size:.78rem;font-weight:800;backdrop-filter:blur(9px)}
    .event-stream{border-top:1px solid var(--line)}.event-item{display:grid;grid-template-columns:120px 1fr auto;gap:28px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);transition:.25s}.event-item:hover{padding-left:12px;background:#fbfcfd}.event-date{font-weight:950;color:var(--orange);line-height:1.15}.event-date small{display:block;margin-top:4px;color:var(--muted);font-size:.76rem;font-weight:700}.event-item h3{margin:0 0 5px;font-size:1.13rem;font-weight:900}.event-item p{margin:0;color:var(--muted);font-size:.9rem}.event-status{white-space:nowrap;padding:6px 11px;border:1px solid #dbe7c8;border-radius:99px;color:#608a11;background:#f5fbe9;font-size:.76rem;font-weight:800}
    .scene-card{height:100%;padding:29px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;transition:.25s}.scene-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}.scene-icon{width:47px;height:47px;display:grid;place-items:center;margin-bottom:23px;border-radius:14px;background:#effbd9;color:#5f9000;font-size:1.15rem}.scene-card h3{font-size:1.13rem;font-weight:900}.scene-card p{margin:8px 0 0;color:var(--muted);font-size:.9rem}
    .journey{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.journey:before{content:"";position:absolute;left:12%;right:12%;top:31px;height:1px;background:var(--line)}.journey-step{position:relative;z-index:1}.step-no{display:grid;place-items:center;width:63px;height:63px;margin-bottom:20px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--orange);font-weight:950;font-size:1.08rem}.journey-step h3{font-size:1rem;font-weight:900}.journey-step p{color:var(--muted);font-size:.88rem}
    .quote-panel{padding:48px;border-radius:var(--radius);background:linear-gradient(125deg,#eafbcb,#f8fbe9);position:relative;overflow:hidden}.quote-panel:after{content:"NG";position:absolute;right:2%;bottom:-29%;font-size:12rem;line-height:1;font-weight:950;color:rgba(100,145,12,.1);letter-spacing:-.1em}.quote-panel blockquote{position:relative;z-index:1;max-width:830px;margin:0;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.55;font-weight:900;letter-spacing:-.03em}.quote-panel cite{position:relative;z-index:1;display:block;margin-top:18px;color:#668b1b;font-size:.88rem;font-style:normal;font-weight:800}
    .plan-grid{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:18px;align-items:stretch}.plan{padding:30px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}.plan.featured{background:var(--dark);color:#fff;border-color:var(--dark);transform:translateY(-12px);box-shadow:var(--shadow-lg)}.plan-label{font-size:.78rem;font-weight:900;color:var(--green-deep);letter-spacing:.08em}.featured .plan-label{color:var(--green)}.plan h3{margin:9px 0;font-size:1.4rem;font-weight:900}.plan p{min-height:53px;color:var(--muted);font-size:.88rem}.featured p{color:rgba(255,255,255,.66)}.plan ul{list-style:none;padding:0;margin:20px 0}.plan li{padding:8px 0;font-size:.86rem;border-bottom:1px solid var(--line)}.featured li{border-color:rgba(255,255,255,.12)}.plan li i{margin-right:8px;color:var(--green-deep)}.featured li i{color:var(--green)}
    .faq-wrap{max-width:920px;margin:auto}.accordion-item{overflow:hidden;margin-bottom:12px;border:1px solid var(--line)!important;border-radius:var(--radius-sm)!important}.accordion-button{padding:20px 22px;font-weight:900;color:var(--ink);background:#fff!important}.accordion-button:not(.collapsed){color:var(--ink);box-shadow:none}.accordion-button::after{filter:grayscale(1)}.accordion-body{padding:0 22px 21px;color:var(--muted)}
    .cta{padding:0 0 94px}.cta-inner{position:relative;overflow:hidden;padding:54px;border-radius:var(--radius);color:#fff;background:linear-gradient(105deg,rgba(10,16,24,.98),rgba(18,30,35,.91)),url('/assets/images/backpic/back-3.webp') center/cover no-repeat}.cta-inner:after{content:"";position:absolute;width:290px;height:290px;right:-80px;top:-120px;border:40px solid rgba(184,255,61,.11);border-radius:50%}.cta-inner>*{position:relative;z-index:1}.cta h2{max-width:700px;margin:10px 0 13px;font-size:clamp(1.85rem,3.6vw,3rem);font-weight:950;letter-spacing:-.05em}.cta p{max-width:650px;color:rgba(255,255,255,.69)}.cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
    .site-footer{padding:64px 0 24px;color:rgba(255,255,255,.66);background:var(--dark)}.footer-brand{display:inline-block;color:#fff;font-size:1.55rem;font-weight:950;letter-spacing:-.06em}.footer-text{max-width:430px;margin:12px 0 0;font-size:.9rem}.site-footer strong{display:block;margin:4px 0 13px;color:#fff;font-size:.9rem}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin:7px 0;font-size:.87rem}.footer-links a{transition:.2s}.footer-links a:hover{color:var(--green)}.footer-bottom{display:flex;justify-content:space-between;gap:18px;margin-top:45px;padding-top:21px;border-top:1px solid rgba(255,255,255,.12);font-size:.78rem}.footer-bottom a:hover{color:var(--green)}
    @media(max-width:1199px){.nav-search{display:none}.event-hero{min-height:auto}.support-box{margin-top:38px}.copy-columns{columns:1}.plan-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:991px){.site-header{padding:12px 0}.nav-shell{padding:8px 12px}.navbar-collapse{margin-top:10px;padding:10px;border-radius:13px;background:rgba(5,9,14,.94)}.nav-quick{border-left:0;margin:8px 0 0;padding:10px 0 0;border-top:1px solid rgba(255,255,255,.12)}.nav-search{display:block;flex:1;width:auto}.intro-grid{grid-template-columns:1fr;gap:28px}.feature-copy{padding:40px}.feature-image{min-height:350px}.journey{grid-template-columns:repeat(2,1fr)}.journey:before{display:none}.plan-grid{grid-template-columns:1fr}.plan.featured{transform:none}.event-item{grid-template-columns:100px 1fr}.event-status{grid-column:2}.section{padding:72px 0}}@media(max-width:575px){.event-hero{padding:142px 0 58px}.event-hero h1{font-size:2.8rem}.support-box{padding:21px}.metric-row{gap:22px;margin-top:35px}.section{padding:58px 0}.feature-copy{padding:29px}.event-item{grid-template-columns:1fr;gap:8px}.event-status{grid-column:auto;justify-self:start}.journey{grid-template-columns:1fr}.quote-panel,.cta-inner{padding:31px 25px}.footer-bottom{display:block}.footer-bottom div+div{margin-top:8px}.navbar-brand{font-size:1.3rem}.btn-brand,.btn-outline-brand{padding:12px 18px}}

/* roulang page: category3 */
:root{
 --ink:#10151f;--ink-soft:#263142;--muted:#697586;--line:#e5e9ef;--surface:#fff;--mist:#f5f7fa;
 --dark:#0b1018;--dark-2:#151d29;--green:#b8ff3d;--green-deep:#84c500;--orange:#ff6b36;
 --radius:22px;--radius-sm:14px;--shadow:0 16px 42px rgba(15,23,42,.09);--shadow-lg:0 25px 70px rgba(0,0,0,.28)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--surface);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input{font:inherit}
.container{max-width:1240px}
.section{padding:92px 0}
.section-soft{background:var(--mist)}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--green-deep);font-size:.82rem;font-weight:800;letter-spacing:.12em}
.eyebrow:before{content:"";width:26px;height:2px;background:currentColor}
.section-title{margin:10px 0 14px;font-size:clamp(1.9rem,3.4vw,3.25rem);line-height:1.25;font-weight:900;letter-spacing:-.045em}
.section-desc{max-width:740px;margin:0;color:var(--muted);font-size:1rem}
.btn-brand,.btn-outline-brand,.btn-dark{border:0;border-radius:99px;padding:13px 23px;font-weight:800;transition:.25s ease;display:inline-flex;align-items:center;justify-content:center;gap:9px}
.btn-brand{background:var(--green);color:#111a08;box-shadow:0 9px 22px rgba(184,255,61,.22)}
.btn-brand:hover{background:#d0ff7e;transform:translateY(-3px);color:#111a08}
.btn-dark{background:var(--dark);color:#fff}.btn-dark:hover{background:#263142;color:#fff;transform:translateY(-3px)}
.btn-outline-brand{border:1px solid rgba(255,255,255,.44);color:#fff;background:rgba(255,255,255,.06)}
.btn-outline-brand:hover{background:#fff;color:var(--dark);border-color:#fff;transform:translateY(-3px)}
.btn-brand:focus,.btn-outline-brand:focus,.btn-dark:focus,.nav-link:focus,.accordion-button:focus,.nav-search:focus{box-shadow:0 0 0 4px rgba(184,255,61,.28);outline:0}
.site-header{position:absolute;z-index:20;left:0;right:0;top:0;padding:20px 0}
.nav-shell{background:rgba(9,14,21,.72);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:8px 14px}
.navbar-brand{font-size:1.45rem;font-weight:950;letter-spacing:-.06em;color:#fff!important;display:flex;align-items:center;gap:10px}
.brand-mark{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--green);color:#132007;font-size:.94rem;transform:skew(-8deg)}
.nav-link{color:rgba(255,255,255,.72)!important;font-size:.9rem;font-weight:700;padding:.62rem .66rem!important;transition:.2s}
.nav-link:hover,.nav-link.active{color:var(--green)!important}
.nav-quick{border-left:1px solid rgba(255,255,255,.15);padding-left:15px;margin-left:8px}
.nav-search{width:165px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:99px;color:#fff;padding:8px 14px;font-size:.8rem;outline:none}
.nav-search::placeholder{color:rgba(255,255,255,.54)}
.navbar-toggler{border-color:rgba(255,255,255,.35)!important;color:#fff!important}
.data-hero{min-height:660px;padding:160px 0 76px;position:relative;color:#fff;display:flex;align-items:end;overflow:hidden;background:linear-gradient(100deg,rgba(5,9,14,.97) 0%,rgba(8,14,22,.88) 48%,rgba(8,14,22,.38) 100%),url('/assets/images/backpic/back-2.webp') center/cover no-repeat}
.data-hero:after{content:"DATA";position:absolute;right:-15px;bottom:-84px;color:rgba(255,255,255,.055);font-size:clamp(7rem,19vw,18rem);font-weight:950;letter-spacing:-.1em}
.hero-copy{position:relative;z-index:2;max-width:735px}
.hero-kicker{display:inline-flex;gap:9px;align-items:center;color:#e8ffc9;font-size:.85rem;font-weight:800;letter-spacing:.11em}
.hero-kicker i{color:var(--green)}
.hero-copy h1{font-size:clamp(2.75rem,6vw,5.55rem);line-height:1.04;letter-spacing:-.075em;font-weight:950;margin:17px 0 21px}
.hero-copy h1 span{color:var(--green)}
.hero-copy p{max-width:640px;color:rgba(255,255,255,.75);font-size:1.05rem}
.data-search{margin-top:28px;padding:8px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);border-radius:18px;display:flex;gap:8px;max-width:610px;backdrop-filter:blur(12px)}
.data-search input{border:0;background:transparent;color:#fff;outline:0;padding:8px 12px;flex:1;min-width:0}.data-search input::placeholder{color:rgba(255,255,255,.55)}
.hero-stat-row{position:relative;z-index:2;margin-top:42px;display:flex;gap:31px;flex-wrap:wrap}
.hero-stat-row strong{display:block;font-size:1.55rem;line-height:1.1;color:var(--green);font-weight:900}.hero-stat-row span{font-size:.79rem;color:rgba(255,255,255,.56)}
.live-board{background:var(--dark);padding:20px;border-radius:var(--radius);box-shadow:var(--shadow-lg);height:100%}
.live-board-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.13);padding-bottom:14px;margin-bottom:12px;font-size:.86rem;font-weight:800}
.pulse{display:flex;align-items:center;gap:7px;color:var(--green)}.pulse:before{content:"";width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px rgba(184,255,61,.13);animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}
.match-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.09);font-size:.82rem}
.match-row:last-child{border:0}.match-row span:last-child{text-align:right}.score{font-size:1rem;font-weight:950;color:#fff}.match-row small{color:rgba(255,255,255,.48)}
.info-band{margin-top:-38px;position:relative;z-index:4}.info-band-inner{background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:19px 25px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.info-chip{display:flex;gap:13px;align-items:center;border-right:1px solid var(--line);padding-right:12px}.info-chip:last-child{border:0}.info-chip i{color:var(--orange);font-size:1.25rem}.info-chip strong{display:block;font-size:.9rem}.info-chip span{font-size:.78rem;color:var(--muted)}
.split-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:36px}
.metric-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:25px;align-items:stretch}
.metric-main{padding:40px;border-radius:var(--radius);background:var(--dark);color:#fff;position:relative;overflow:hidden}
.metric-main:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;right:-95px;top:-110px;background:radial-gradient(circle,rgba(184,255,61,.23),transparent 68%)}
.metric-main p{color:rgba(255,255,255,.68);max-width:520px;position:relative}.metric-main h3{font-size:2rem;font-weight:900;position:relative}
.progress-item{position:relative;margin-top:22px}.progress-top{display:flex;justify-content:space-between;font-size:.86rem;margin-bottom:7px}.progress{height:9px;background:rgba(255,255,255,.13);border-radius:99px}.progress-bar{background:var(--green);border-radius:99px}
.metric-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}.number-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:25px;background:#fff;transition:.25s}.number-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.number-card i{color:var(--orange);font-size:1.2rem}.number-card strong{display:block;font-size:2rem;font-weight:950;line-height:1.2;margin-top:25px}.number-card span{font-size:.82rem;color:var(--muted)}
.analysis-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:26px}.image-story{position:relative;min-height:500px;border-radius:var(--radius);overflow:hidden;background:#111}.image-story img{width:100%;height:100%;object-fit:cover;opacity:.82}.image-story:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,10,16,.9),transparent 62%)}.image-story-copy{position:absolute;z-index:2;left:30px;right:30px;bottom:26px;color:#fff}.image-story-copy h3{font-size:1.55rem;font-weight:900}.image-story-copy p{font-size:.9rem;color:rgba(255,255,255,.7);margin:0}
.insight-panel{border:1px solid var(--line);border-radius:var(--radius);padding:37px;background:#fff}.insight-item{display:flex;gap:17px;padding:20px 0;border-bottom:1px solid var(--line)}.insight-item:last-child{border:0;padding-bottom:0}.insight-num{width:35px;height:35px;border-radius:10px;background:var(--mist);display:grid;place-items:center;color:var(--green-deep);font-size:.85rem;font-weight:900;flex:none}.insight-item h3{font-size:1.05rem;font-weight:900;margin:0 0 5px}.insight-item p{font-size:.88rem;color:var(--muted);margin:0}
.scene-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:18px}.scene-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:28px;min-height:255px;background:#fff;transition:.28s;overflow:hidden;position:relative}.scene-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.scene-card.large{background:url('/assets/images/coverpic/cover-6.webp') center/cover no-repeat;color:#fff;border:0}.scene-card.large:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(5,10,16,.9),rgba(5,10,16,.25))}.scene-card>*{position:relative}.scene-card i{font-size:1.4rem;color:var(--orange)}.scene-card.large i{color:var(--green)}.scene-card h3{font-size:1.2rem;font-weight:900;margin:22px 0 7px}.scene-card p{font-size:.88rem;color:var(--muted);margin:0}.scene-card.large p{color:rgba(255,255,255,.75)}
.timeline-wrap{background:var(--dark-2);color:#fff;border-radius:var(--radius);padding:47px}.timeline-wrap .section-desc{color:rgba(255,255,255,.65)}.timeline{margin-top:35px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.timeline-card{padding:20px;border-left:1px solid rgba(255,255,255,.18);min-height:173px}.timeline-card:first-child{border-left:0}.timeline-time{color:var(--green);font-weight:900;font-size:.86rem}.timeline-card h3{font-size:1.04rem;font-weight:900;margin:10px 0 6px}.timeline-card p{font-size:.83rem;color:rgba(255,255,255,.61);margin:0}
.compare-box{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}.compare-head{padding:23px 29px;background:var(--mist);display:flex;align-items:center;justify-content:space-between;gap:12px}.compare-head h3{margin:0;font-size:1.14rem;font-weight:900}.compare-body{padding:14px 29px}.compare-row{display:grid;grid-template-columns:180px 1fr 70px;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.compare-row:last-child{border:0}.bar-track{height:10px;background:#edf0f3;border-radius:99px;overflow:hidden}.bar-fill{height:100%;border-radius:99px;background:var(--green-deep)}.compare-row span{font-size:.88rem;font-weight:800}.compare-row strong{text-align:right;font-size:.9rem}
.brand-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.brand-story img{height:340px;width:100%;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.brand-story h2{font-size:clamp(1.8rem,3vw,2.65rem);font-weight:900;letter-spacing:-.04em}.brand-story p{color:var(--muted)}.brand-checks{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:11px}.brand-checks li{font-size:.88rem;font-weight:700}.brand-checks i{color:var(--green-deep);margin-right:8px}
.accordion{--bs-accordion-border-color:var(--line);--bs-accordion-btn-focus-box-shadow:none}.accordion-item{border:1px solid var(--line)!important;border-radius:var(--radius-sm)!important;overflow:hidden;margin-bottom:12px}.accordion-button{font-weight:850;padding:20px 22px;font-size:1rem}.accordion-button:not(.collapsed){color:var(--ink);background:#f5ffe7;box-shadow:none}.accordion-button:after{filter:grayscale(1)}.accordion-body{color:var(--muted);font-size:.93rem;padding:0 22px 21px}
.cta-panel{background:linear-gradient(110deg,#a6ef2f 0%,#c9ff69 58%,#edfbcf 100%);border-radius:var(--radius);padding:56px;position:relative;overflow:hidden}.cta-panel:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(16,21,31,.16);border-radius:50%;right:-70px;top:-130px;box-shadow:0 0 0 36px rgba(255,255,255,.17),0 0 0 72px rgba(255,255,255,.13)}.cta-panel h2{max-width:700px;position:relative;z-index:1;font-size:clamp(2rem,4vw,3.3rem);font-weight:950;letter-spacing:-.055em}.cta-panel p{position:relative;z-index:1;max-width:650px;color:#34411f}.cta-panel .btn-dark{position:relative;z-index:1}
.site-footer{background:var(--dark);color:#fff;padding:66px 0 22px}.footer-brand{font-size:1.6rem;font-weight:950;letter-spacing:-.06em;display:inline-block;margin-bottom:11px}.footer-text{max-width:475px;color:rgba(255,255,255,.58);font-size:.9rem}.site-footer strong{font-size:.9rem;color:var(--green)}.footer-links{list-style:none;padding:0;margin:13px 0 0}.footer-links li{margin:8px 0}.footer-links a{font-size:.87rem;color:rgba(255,255,255,.62);transition:.2s}.footer-links a:hover{color:var(--green)}.footer-bottom{margin-top:42px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:15px;color:rgba(255,255,255,.48);font-size:.78rem}.footer-bottom a:hover{color:var(--green)}
@media(max-width:1199px){.nav-search{width:118px}.nav-link{font-size:.81rem;padding:.6rem .43rem!important}.data-hero{min-height:620px}.scene-grid{grid-template-columns:1fr 1fr}.scene-card.large{grid-column:span 2}.timeline{grid-template-columns:1fr 1fr}.timeline-card:nth-child(3){border-left:0}.poster-none{display:none}}
@media(max-width:991px){.site-header{padding:12px 0}.nav-shell{padding:8px 12px}.navbar-collapse{padding:14px 6px 5px}.navbar-nav{border-top:1px solid rgba(255,255,255,.12);padding-top:9px;margin-top:8px}.nav-quick{border-left:0;padding-left:0;margin:8px 0 0;justify-content:space-between}.nav-search{width:100%;max-width:240px}.data-hero{padding-top:145px}.live-board{margin-top:35px}.info-band{margin-top:0;background:var(--mist);padding:18px 0}.info-band-inner{grid-template-columns:1fr 1fr;box-shadow:none}.info-chip:nth-child(2){border-right:0}.metric-layout,.analysis-grid,.brand-story{grid-template-columns:1fr}.image-story{min-height:390px}.brand-story img{height:285px}.section{padding:70px 0}}
@media(max-width:767px){.section-title{font-size:2rem}.data-hero{min-height:auto;padding:128px 0 58px}.hero-copy h1{font-size:3rem}.data-search{flex-direction:column;padding:10px}.data-search .btn-brand{width:100%}.hero-stat-row{gap:20px}.info-band-inner{padding:15px}.info-chip{padding:7px 5px;border-right:0}.metric-main{padding:30px}.metric-side{gap:11px}.number-card{padding:19px}.split-heading{display:block}.split-heading .btn-dark{margin-top:20px}.scene-grid{grid-template-columns:1fr}.scene-card.large{grid-column:auto}.timeline-wrap{padding:30px 22px}.timeline{grid-template-columns:1fr}.timeline-card,.timeline-card:nth-child(3){border-left:0;border-top:1px solid rgba(255,255,255,.13)}.timeline-card:first-child{border-top:0}.compare-head{padding:19px}.compare-body{padding:9px 19px}.compare-row{grid-template-columns:95px 1fr 45px;gap:10px}.compare-row span,.compare-row strong{font-size:.78rem}.brand-checks{grid-template-columns:1fr}.cta-panel{padding:38px 27px}.footer-bottom{display:block}.footer-bottom div+div{margin-top:8px}}
@media(max-width:520px){.navbar-brand{font-size:1.3rem}.nav-search{max-width:190px}.hero-copy h1{font-size:2.52rem}.hero-stat-row strong{font-size:1.3rem}.info-band-inner{grid-template-columns:1fr}.info-chip{border-bottom:1px solid var(--line)}.info-chip:last-child{border-bottom:0}.metric-side{grid-template-columns:1fr}.image-story-copy{left:22px;right:22px}.section{padding:58px 0}.cta-panel h2{font-size:2rem}}

/* roulang page: category5 */
:root{--ink:#10151f;--ink-soft:#263142;--muted:#697586;--line:#e5e9ef;--surface:#fff;--mist:#f5f7fa;--dark:#0b1018;--dark-2:#151d29;--green:#b8ff3d;--green-deep:#84c500;--orange:#ff6b36;--radius:22px;--radius-sm:14px;--shadow:0 16px 42px rgba(15,23,42,.09);--shadow-lg:0 25px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--surface);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input{font:inherit}.container{max-width:1240px}.section{padding:88px 0}.section-soft{background:var(--mist)}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--green-deep);font-size:.81rem;font-weight:900;letter-spacing:.12em}.eyebrow:before{content:"";width:27px;height:2px;background:currentColor}.section-title{margin:9px 0 14px;font-size:clamp(1.9rem,3.5vw,3.2rem);line-height:1.22;font-weight:950;letter-spacing:-.055em}.section-desc{max-width:740px;margin:0;color:var(--muted)}.btn-brand,.btn-outline-brand{border:0;border-radius:99px;padding:13px 23px;font-weight:850;transition:.25s ease;display:inline-flex;align-items:center;justify-content:center;gap:9px}.btn-brand{background:var(--green);color:#111a08;box-shadow:0 9px 22px rgba(184,255,61,.2)}.btn-brand:hover{background:#d6ff88;transform:translateY(-3px);color:#111a08}.btn-outline-brand{border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.06)}.btn-outline-brand:hover{background:#fff;color:var(--dark);transform:translateY(-3px)}.btn-brand:focus,.btn-outline-brand:focus,.nav-link:focus,.accordion-button:focus{box-shadow:0 0 0 4px rgba(184,255,61,.3);outline:0}
.site-header{position:absolute;z-index:20;left:0;right:0;top:0;padding:20px 0}.nav-shell{background:rgba(9,14,21,.72);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:8px 14px}.navbar-brand{font-size:1.45rem;font-weight:950;letter-spacing:-.06em;color:#fff!important;display:flex;align-items:center;gap:10px}.brand-mark{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--green);color:#132007;font-size:.94rem;transform:skew(-8deg)}.nav-link{color:rgba(255,255,255,.72)!important;font-size:.88rem;font-weight:700;padding:.62rem .62rem!important;transition:.2s}.nav-link:hover,.nav-link.active{color:var(--green)!important}.nav-quick{border-left:1px solid rgba(255,255,255,.15);padding-left:15px;margin-left:8px}.nav-search{width:155px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:99px;color:#fff;padding:8px 14px;font-size:.8rem;outline:none}.nav-search::placeholder{color:rgba(255,255,255,.54)}.navbar-toggler{border-color:rgba(255,255,255,.35)!important;color:#fff!important}
.inner-hero{min-height:670px;padding:175px 0 76px;color:#fff;background:linear-gradient(90deg,rgba(5,9,14,.96),rgba(8,13,20,.75),rgba(5,9,14,.32)),url('/assets/images/backpic/back-2.webp') center/cover no-repeat;position:relative;overflow:hidden}.inner-hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(184,255,61,.2);border-radius:50%;right:-130px;bottom:-250px;box-shadow:0 0 0 45px rgba(184,255,61,.04),0 0 0 90px rgba(184,255,61,.025)}.hero-copy{position:relative;z-index:2;max-width:760px}.hero-copy h1{font-size:clamp(2.8rem,6vw,5.5rem);font-weight:950;letter-spacing:-.08em;line-height:1.02;margin:18px 0}.hero-copy h1 em{font-style:normal;color:var(--green)}.hero-copy p{color:rgba(255,255,255,.77);font-size:1.06rem;max-width:670px}.pulse{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,107,54,.56);background:rgba(255,107,54,.14);color:#ffe3d9;border-radius:99px;padding:7px 12px;font-size:.81rem;font-weight:800}.pulse i{color:var(--orange);animation:blink 1.3s infinite}@keyframes blink{50%{opacity:.3}}.group-board{position:relative;z-index:2;margin-top:33px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.group-count{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.76);font-size:.9rem}.avatars{display:flex}.avatars span{width:29px;height:29px;border:2px solid #111923;border-radius:50%;margin-left:-7px;background:var(--green);color:#1a250c;display:grid;place-items:center;font-size:.7rem;font-weight:900}.avatars span:first-child{margin-left:0}.hero-side{position:absolute;z-index:3;right:8%;bottom:64px;width:255px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(17,27,39,.86);backdrop-filter:blur(12px);padding:20px;box-shadow:var(--shadow-lg);transform:rotate(3deg)}.hero-side img{height:108px;width:100%;object-fit:cover;border-radius:11px;margin-bottom:13px}.hero-side small{color:var(--green);font-weight:800}.hero-side strong{display:block;font-size:1.06rem;line-height:1.4}
.metric-strip{margin-top:-38px;position:relative;z-index:5}.metric-wrap{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metric{border-right:1px solid var(--line);padding-left:10px}.metric:last-child{border:0}.metric b{display:block;font-size:1.55rem;line-height:1.1;font-weight:950}.metric span{font-size:.83rem;color:var(--muted)}.story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.photo-stack{position:relative;padding:0 28px 30px 0}.photo-stack img{width:100%;height:460px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.photo-note{position:absolute;right:0;bottom:0;width:210px;padding:20px;background:var(--dark);color:#fff;border-radius:16px}.photo-note b{display:block;color:var(--green);font-size:1.75rem;line-height:1.1}.check-list{list-style:none;padding:0;margin:26px 0 0}.check-list li{padding:13px 0;border-bottom:1px solid var(--line);display:flex;gap:12px}.check-list i{color:var(--green-deep);padding-top:5px}
.feature-band{background:var(--dark);color:#fff;border-radius:var(--radius);overflow:hidden}.feature-copy{padding:54px}.feature-copy .section-desc{color:rgba(255,255,255,.67)}.feature-list{list-style:none;padding:0;margin:25px 0 0}.feature-list li{border-bottom:1px solid rgba(255,255,255,.12);padding:13px 0;display:flex;gap:12px;color:rgba(255,255,255,.83)}.feature-list i{color:var(--green);padding-top:5px}.feature-image{min-height:470px;background:linear-gradient(0deg,rgba(10,15,22,.25),rgba(10,15,22,.05)),url('/assets/images/coverpic/cover-5.webp') center/cover no-repeat;position:relative}.feature-image:after{content:"BASKETBALL";position:absolute;bottom:-9px;right:15px;font-size:2.2rem;font-weight:950;letter-spacing:-.08em;color:var(--green)}
.scene-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:18px}.scene-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:28px;min-height:245px;transition:.25s;background:#fff}.scene-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:transparent}.scene-card.main{background:var(--green);border-color:var(--green)}.scene-card.dark{background:var(--dark-2);color:#fff;border-color:var(--dark-2)}.scene-card i{font-size:1.45rem;margin-bottom:22px}.scene-card h3{font-size:1.18rem;font-weight:900}.scene-card p{font-size:.91rem;color:var(--muted);margin:8px 0}.scene-card.dark p{color:rgba(255,255,255,.67)}.scene-card.main p{color:#35451c}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{padding:26px 21px;border-top:2px solid var(--ink);position:relative}.step-no{font-size:.78rem;color:var(--orange);font-weight:900}.step h3{font-size:1.07rem;font-weight:900;margin:14px 0 7px}.step p{color:var(--muted);font-size:.9rem}.insight-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}.quote-card{background:var(--green);border-radius:var(--radius);padding:38px;color:#172209}.quote-card i{font-size:2rem}.quote-card p{font-size:1.35rem;line-height:1.65;font-weight:900;margin:18px 0}.data-card{border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:#fff}.data-row{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:.92rem}.data-row:last-child{border:0}.tag{display:inline-flex;padding:4px 10px;border-radius:99px;background:#edf3e2;color:#587d09;font-size:.76rem;font-weight:800}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:#fff;transition:.25s}.price-card.hot{background:var(--dark);color:#fff;border-color:var(--dark);transform:translateY(-12px)}.price-card:hover{box-shadow:var(--shadow);transform:translateY(-6px)}.price-card.hot:hover{transform:translateY(-16px);box-shadow:var(--shadow-lg)}.price-card h3{font-weight:900;font-size:1.25rem}.price-card strong{font-size:2.2rem;line-height:1.25;font-weight:950}.price-card ul{padding:0;list-style:none;margin:18px 0}.price-card li{padding:8px 0;font-size:.9rem}.price-card li i{margin-right:8px;color:var(--green-deep)}.price-card.hot li i{color:var(--green)}
.faq-wrap{max-width:900px}.accordion-item{border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden;margin-bottom:12px}.accordion-button{font-weight:850;color:var(--ink);background:#fff!important;padding:20px}.accordion-button:not(.collapsed){box-shadow:none;color:var(--ink)}.accordion-body{color:var(--muted);padding:0 20px 20px}.cta{background:linear-gradient(105deg,#b8ff3d,#d8ffa0);border-radius:var(--radius);padding:55px;position:relative;overflow:hidden}.cta:after{content:"NG";font-size:13rem;line-height:1;position:absolute;right:3%;bottom:-40px;font-weight:950;letter-spacing:-.15em;color:rgba(18,32,7,.11)}.cta .row{position:relative;z-index:1}.cta h2{font-size:clamp(2rem,4vw,3.4rem);font-weight:950;line-height:1.12;letter-spacing:-.06em}.cta p{color:#40552a;max-width:590px}
.site-footer{background:var(--dark);color:#fff;padding:68px 0 25px}.footer-brand{font-size:1.55rem;font-weight:950;letter-spacing:-.06em}.footer-text{max-width:440px;color:rgba(255,255,255,.59);font-size:.91rem;margin:15px 0}.site-footer strong{font-size:.94rem}.footer-links{list-style:none;padding:0;margin:13px 0 0}.footer-links li{margin:8px 0}.footer-links a{font-size:.88rem;color:rgba(255,255,255,.6);transition:.2s}.footer-links a:hover{color:var(--green)}.footer-bottom{margin-top:43px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:.79rem;color:rgba(255,255,255,.49)}.footer-bottom a:hover{color:var(--green)}
@media(max-width:1100px){.nav-search{display:none}.nav-link{padding:.56rem .43rem!important}.hero-side{right:3%}.scene-grid{grid-template-columns:1fr 1fr}.scene-card.main{grid-column:span 2}.price-card.hot{transform:none}}@media(max-width:991px){.site-header{padding:12px 0}.nav-shell{padding:8px 11px}.navbar-collapse{margin-top:10px;padding:10px;border-radius:13px;background:rgba(8,13,20,.95)}.nav-quick{border-left:0;margin:7px 0 0;padding:8px 0}.inner-hero{min-height:700px}.hero-side{display:none}.metric-wrap{grid-template-columns:1fr 1fr}.metric:nth-child(2){border:0}.story-grid,.insight-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.feature-copy{padding:42px}.price-grid{grid-template-columns:1fr}.price-card.hot{order:-1}.price-card{padding:26px}}@media(max-width:620px){.section{padding:64px 0}.inner-hero{padding:145px 0 55px;min-height:650px}.hero-copy h1{font-size:3rem}.group-board{align-items:flex-start;flex-direction:column}.metric-strip{margin-top:-20px}.metric-wrap{padding:20px;gap:18px}.metric{padding-left:0}.metric b{font-size:1.25rem}.scene-grid{grid-template-columns:1fr}.scene-card.main{grid-column:auto}.steps{grid-template-columns:1fr}.photo-stack{padding:0 15px 20px 0}.photo-stack img{height:350px}.feature-image{min-height:320px}.feature-copy{padding:31px}.cta{padding:35px 27px}.data-row{grid-template-columns:1fr;gap:3px}.footer-bottom{display:block}.footer-bottom div+div{margin-top:8px}.nav-quick .btn-brand{width:100%}}

/* roulang page: category4 */
:root{
      --ink:#10151f;--ink-soft:#263142;--muted:#697586;--line:#e5e9ef;--surface:#fff;--mist:#f5f7fa;
      --dark:#0b1018;--dark-2:#151d29;--green:#b8ff3d;--green-deep:#84c500;--orange:#ff6b36;
      --radius:22px;--radius-sm:14px;--shadow:0 16px 42px rgba(15,23,42,.09);--shadow-lg:0 25px 70px rgba(0,0,0,.28)
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;color:var(--ink);background:var(--surface);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75;overflow-x:hidden}
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    .container{max-width:1240px}
    .section{padding:94px 0}
    .section-soft{background:var(--mist)}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--green-deep);font-size:.82rem;font-weight:800;letter-spacing:.12em}
    .eyebrow:before{content:"";width:26px;height:2px;background:currentColor}
    .section-title{margin:10px 0 14px;font-size:clamp(1.9rem,3.4vw,3.3rem);line-height:1.22;font-weight:900;letter-spacing:-.055em}
    .section-desc{max-width:760px;margin:0;color:var(--muted);font-size:1rem}
    .btn-brand,.btn-outline-brand,.btn-dark{border:0;border-radius:99px;padding:13px 23px;font-weight:800;transition:.25s ease;display:inline-flex;align-items:center;justify-content:center;gap:9px}
    .btn-brand{background:var(--green);color:#111a08;box-shadow:0 9px 22px rgba(184,255,61,.22)}
    .btn-brand:hover{background:#d0ff7e;transform:translateY(-3px);color:#111a08}
    .btn-dark{background:var(--dark);color:#fff}
    .btn-dark:hover{background:#263142;color:#fff;transform:translateY(-3px)}
    .btn-outline-brand{border:1px solid rgba(255,255,255,.44);color:#fff;background:rgba(255,255,255,.06)}
    .btn-outline-brand:hover{background:#fff;color:var(--dark);border-color:#fff;transform:translateY(-3px)}
    .btn-brand:focus,.btn-dark:focus,.btn-outline-brand:focus,.nav-link:focus,.accordion-button:focus,.form-control:focus{box-shadow:0 0 0 4px rgba(184,255,61,.28);outline:none}
    .site-header{position:absolute;z-index:20;left:0;right:0;top:0;padding:20px 0}
    .nav-shell{background:rgba(9,14,21,.72);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:8px 14px}
    .navbar-brand{font-size:1.45rem;font-weight:950;letter-spacing:-.06em;color:#fff!important;display:flex;align-items:center;gap:10px}
    .brand-mark{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--green);color:#132007;font-size:.94rem;transform:skew(-8deg)}
    .nav-link{color:rgba(255,255,255,.72)!important;font-size:.9rem;font-weight:700;padding:.62rem .66rem!important;transition:.2s}
    .nav-link:hover,.nav-link.active{color:var(--green)!important}
    .nav-quick{border-left:1px solid rgba(255,255,255,.15);padding-left:15px;margin-left:8px}
    .nav-search{width:165px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:99px;color:#fff;padding:8px 14px;font-size:.8rem;outline:none}
    .nav-search::placeholder{color:rgba(255,255,255,.54)}
    .navbar-toggler{border-color:rgba(255,255,255,.35)!important;color:#fff!important}
    .inner-hero{position:relative;min-height:690px;display:flex;align-items:flex-end;padding:150px 0 72px;color:#fff;background:linear-gradient(90deg,rgba(5,9,14,.96) 0%,rgba(7,12,18,.81) 49%,rgba(7,12,18,.30) 100%),url('/assets/images/backpic/back-2.webp') center/cover no-repeat;overflow:hidden}
    .inner-hero:after{content:"";position:absolute;width:580px;height:580px;border:1px solid rgba(184,255,61,.24);border-radius:50%;right:-150px;top:100px;box-shadow:0 0 0 52px rgba(184,255,61,.04),0 0 0 104px rgba(184,255,61,.025)}
    .hero-copy{position:relative;z-index:2;max-width:730px}
    .crumb{font-size:.83rem;color:rgba(255,255,255,.63);margin-bottom:19px}
    .crumb span{color:var(--green);margin:0 8px}
    .live-label{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(255,107,54,.65);background:rgba(255,107,54,.15);color:#ffe1d5;border-radius:999px;font-size:.8rem;font-weight:800}
    .live-dot{width:8px;height:8px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 5px rgba(255,107,54,.16);animation:pulse 1.5s infinite}
    .hero-copy h1{font-size:clamp(2.8rem,6vw,5.55rem);font-weight:950;line-height:1.02;letter-spacing:-.075em;margin:20px 0}
    .hero-copy h1 em{font-style:normal;color:var(--green)}
    .hero-copy p{color:rgba(255,255,255,.77);font-size:1.05rem;max-width:650px;margin:0 0 27px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
    .countdown-card{position:absolute;z-index:3;right:7%;bottom:65px;width:315px;background:rgba(12,18,27,.89);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(16px);border-radius:19px;padding:21px;box-shadow:var(--shadow-lg)}
    .countdown-card .match-mini{display:flex;align-items:center;justify-content:space-between;font-size:.88rem;font-weight:800;margin:12px 0 16px}
    .team-ball{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(184,255,61,.14);border:1px solid rgba(184,255,61,.4);color:var(--green)}
    .timer{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
    .timer div{background:rgba(255,255,255,.07);padding:9px 3px;border-radius:10px;text-align:center}
    .timer strong{font-size:1.15rem;color:var(--green);display:block;line-height:1.15}
    .timer small{font-size:.65rem;color:rgba(255,255,255,.54)}
    .notice-strip{background:var(--green);color:#172009;padding:14px 0;font-weight:800}
    .notice-strip .container{display:flex;align-items:center;justify-content:space-between;gap:20px}
    .notice-strip p{margin:0;font-size:.92rem}
    .notice-strip a{font-size:.88rem;border-bottom:1px solid currentColor}
    .intro-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:68px;align-items:center}
    .intro-art{min-height:480px;border-radius:var(--radius);overflow:hidden;position:relative;background:url('/assets/images/coverpic/cover-4.webp') center/cover no-repeat;box-shadow:var(--shadow)}
    .intro-art:after{content:"90′";position:absolute;right:25px;bottom:3px;font-size:7rem;font-weight:950;letter-spacing:-.13em;color:rgba(255,255,255,.88);line-height:1}
    .intro-tag{position:absolute;z-index:2;left:22px;top:22px;padding:8px 12px;background:#fff;color:var(--ink);border-radius:999px;font-size:.8rem;font-weight:850}
    .intro-copy p{color:var(--muted);margin:17px 0}
    .intro-points{list-style:none;padding:0;margin:26px 0 0}
    .intro-points li{display:flex;gap:13px;border-top:1px solid var(--line);padding:15px 0;color:var(--ink-soft);font-weight:700}
    .intro-points i{color:var(--green-deep);padding-top:6px}
    .fixture-wrap{background:var(--dark);color:#fff;border-radius:var(--radius);padding:48px;overflow:hidden;position:relative}
    .fixture-wrap:before{content:"MATCHDAY";position:absolute;right:-15px;top:-24px;font-size:5.2rem;font-weight:950;letter-spacing:-.08em;color:rgba(255,255,255,.035)}
    .fixture-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:29px;position:relative}
    .fixture-heading .section-desc{color:rgba(255,255,255,.62)}
    .fixture-list{position:relative}
    .fixture-row{display:grid;grid-template-columns:150px 1fr 120px;align-items:center;gap:20px;padding:21px 0;border-top:1px solid rgba(255,255,255,.13)}
    .fixture-row:first-child{border-top:0}
    .fixture-time{color:var(--green);font-size:.88rem;font-weight:900}
    .fixture-time small{display:block;color:rgba(255,255,255,.48);font-weight:600;margin-top:2px}
    .fixture-match{display:flex;align-items:center;gap:18px;font-weight:900}
    .fixture-match b{font-size:.77rem;color:rgba(255,255,255,.42);letter-spacing:.13em}
    .fixture-status{text-align:right;font-size:.78rem;color:rgba(255,255,255,.6)}
    .fixture-status span{display:inline-block;border:1px solid rgba(184,255,61,.42);color:var(--green);border-radius:99px;padding:4px 9px;margin-top:5px}
    .data-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}
    .data-side{border-radius:var(--radius);padding:38px;background:var(--green);color:#132007}
    .data-side .eyebrow{color:#456c00}
    .data-side .section-desc{color:#365205}
    .data-figure{font-size:5.7rem;font-weight:950;letter-spacing:-.1em;line-height:1;margin:33px 0 12px}
    .data-side .small-note{font-size:.88rem;font-weight:700}
    .metrics-board{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
    .metric-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:27px;background:#fff;transition:.25s}
    .metric-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent}
    .metric-card i{font-size:1.3rem;color:var(--orange)}
    .metric-card strong{display:block;font-size:1.7rem;line-height:1.2;margin:22px 0 6px;font-weight:950}
    .metric-card span{font-size:.88rem;color:var(--muted)}
    .topics-layout{display:grid;grid-template-columns:1.18fr .82fr;gap:24px}
    .story-feature{min-height:500px;position:relative;border-radius:var(--radius);overflow:hidden;background:url('/assets/images/coverpic/cover-7.webp') center/cover no-repeat;color:#fff;display:flex;align-items:flex-end;padding:38px}
    .story-feature:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,9,14,.94),rgba(5,9,14,.06) 70%)}
    .story-content{position:relative}
    .story-content .badge-dark{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(184,255,61,.2);border:1px solid rgba(184,255,61,.45);color:var(--green);font-size:.75rem;font-weight:850}
    .story-content h2{font-weight:950;line-height:1.2;font-size:2rem;margin:14px 0 11px}
    .story-content p{color:rgba(255,255,255,.72);margin:0;max-width:590px}
    .topic-stack{display:grid;gap:16px}
    .topic-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:23px;background:#fff;display:flex;gap:17px;align-items:flex-start;transition:.25s}
    .topic-card:hover{box-shadow:var(--shadow);transform:translateX(5px);border-color:transparent}
    .topic-num{font-size:1.45rem;font-weight:950;color:var(--green-deep);line-height:1}
    .topic-card h3{font-size:1rem;font-weight:900;margin:0 0 6px}
    .topic-card p{font-size:.86rem;color:var(--muted);margin:0}
    .path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}
    .path-step{padding:32px 25px;border-right:1px solid var(--line);position:relative;min-height:235px}
    .path-step:last-child{border-right:0}
    .path-step .step-no{font-size:.75rem;font-weight:900;color:var(--green-deep);letter-spacing:.1em}
    .path-step i{display:block;color:var(--orange);font-size:1.55rem;margin:29px 0 17px}
    .path-step h3{font-size:1.06rem;font-weight:900}
    .path-step p{font-size:.88rem;color:var(--muted);margin:8px 0 0}
    .quote-zone{background:var(--dark-2);color:#fff}
    .quote-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}
    .quote-layout .section-desc{color:rgba(255,255,255,.64)}
    .quote-card{position:relative;padding:42px;border-radius:var(--radius);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
    .quote-card:before{content:"“";position:absolute;top:8px;left:24px;color:var(--green);font-size:5rem;font-weight:950;line-height:1}
    .quote-card blockquote{font-size:1.3rem;font-weight:800;line-height:1.75;margin:23px 0 23px}
    .quote-person{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.68);font-size:.87rem}
    .avatar{width:37px;height:37px;display:grid;place-items:center;background:var(--green);color:var(--dark);border-radius:50%;font-weight:950}
    .news-header{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}
    .news-list{border-top:1px solid var(--line)}
    .news-item{display:grid;grid-template-columns:110px 1fr auto;gap:28px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);transition:.25s}
    .news-item:hover{padding-left:12px}
    .news-date{font-size:.84rem;color:var(--green-deep);font-weight:900}
    .news-date small{display:block;color:var(--muted);font-weight:600}
    .news-info h3{font-size:1.1rem;font-weight:900;margin:0 0 6px}
    .news-info p{font-size:.88rem;color:var(--muted);margin:0}
    .read-more{font-size:.86rem;font-weight:850;color:var(--ink);white-space:nowrap}
    .read-more i{margin-left:6px;transition:.2s}
    .read-more:hover{color:var(--green-deep)}
    .read-more:hover i{transform:translateX(4px)}
    .faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:65px}
    .faq-layout .section-desc{margin-bottom:25px}
    .accordion-item{border:1px solid var(--line)!important;border-radius:var(--radius-sm)!important;overflow:hidden;margin-bottom:12px;background:#fff}
    .accordion-button{font-weight:850;color:var(--ink);padding:19px 21px;background:#fff;font-size:1rem}
    .accordion-button:not(.collapsed){background:#f8fcefa;color:var(--ink);box-shadow:none}
    .accordion-button:not(.collapsed)::after{filter:none}
    .accordion-body{padding:0 21px 20px;color:var(--muted);font-size:.92rem}
    .cta-box{background:linear-gradient(120deg,#b8ff3d 0%,#d9ff94 100%);border-radius:var(--radius);padding:58px;position:relative;overflow:hidden;color:#152107}
    .cta-box:after{content:"NG";position:absolute;right:3%;bottom:-35px;font-size:12rem;line-height:1;font-weight:950;letter-spacing:-.14em;color:rgba(16,21,31,.09)}
    .cta-box .row{position:relative;z-index:1}
    .cta-box h2{font-size:clamp(2rem,3.5vw,3.45rem);font-weight:950;letter-spacing:-.06em;line-height:1.14;margin:10px 0 13px}
    .cta-box p{max-width:650px;font-weight:650;color:#3d5709;margin:0}
    .subscribe-form{display:flex;gap:9px;margin-top:24px;max-width:560px}
    .subscribe-form input{min-width:0;flex:1;border:1px solid rgba(16,21,31,.16);border-radius:99px;padding:13px 18px;background:rgba(255,255,255,.7);outline:none}
    .site-footer{background:var(--dark);color:#fff;padding:67px 0 23px}
    .footer-brand{font-size:1.75rem;font-weight:950;letter-spacing:-.07em;display:inline-block;margin-bottom:11px}
    .footer-text{max-width:455px;color:rgba(255,255,255,.58);font-size:.9rem;margin:0}
    .site-footer strong{display:block;margin:4px 0 12px;font-size:.94rem}
    .footer-links{list-style:none;padding:0;margin:0}
    .footer-links li{margin:8px 0}
    .footer-links a{font-size:.87rem;color:rgba(255,255,255,.61);transition:.2s}
    .footer-links a:hover{color:var(--green)}
    .footer-bottom{margin-top:47px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:rgba(255,255,255,.44);font-size:.78rem}
    .footer-bottom a:hover{color:var(--green)}
    @keyframes pulse{50%{transform:scale(.7);opacity:.55}}
    @media(max-width:1199px){
      .nav-search{display:none}.nav-quick{border-left:0;padding-left:0;margin-left:0}.nav-link{padding:.62rem .42rem!important}
      .countdown-card{right:4%}.intro-grid,.quote-layout,.faq-layout{gap:40px}
    }
    @media(max-width:991px){
      .site-header{padding:13px 0}.nav-shell{padding:9px 12px}.navbar-collapse{padding:14px 4px 5px}.nav-quick{margin-top:11px;justify-content:flex-start}.nav-search{display:block;max-width:210px}
      .inner-hero{min-height:760px;padding:150px 0 245px}.countdown-card{left:15px;right:auto;bottom:42px;width:min(315px,calc(100% - 30px))}
      .intro-grid,.topics-layout,.quote-layout,.faq-layout{grid-template-columns:1fr}.intro-art{min-height:380px}.data-layout{grid-template-columns:1fr}.fixture-wrap{padding:35px}.path-grid{grid-template-columns:repeat(2,1fr)}.path-step:nth-child(2){border-right:0}.path-step:nth-child(-n+2){border-bottom:1px solid var(--line)}
      .quote-layout{gap:27px}.faq-layout{gap:25px}
    }
    @media(max-width:767px){
      .section{padding:68px 0}.inner-hero{min-height:700px}.hero-copy h1{font-size:3.1rem}.section-title{font-size:2.05rem}.fixture-row{grid-template-columns:1fr;gap:7px}.fixture-status{text-align:left}.fixture-match{gap:11px}.metrics-board{gap:12px}.metric-card{padding:21px}.data-side{padding:30px}.data-figure{font-size:4.6rem}.story-feature{min-height:410px;padding:25px}.story-content h2{font-size:1.6rem}.news-item{grid-template-columns:1fr;gap:8px}.news-item:hover{padding-left:0}.read-more{margin-top:5px}.cta-box{padding:36px 25px}.subscribe-form{flex-direction:column}.subscribe-form .btn-dark{width:100%}
    }
    @media(max-width:520px){
      .container{padding-left:18px;padding-right:18px}.navbar-brand{font-size:1.3rem}.nav-search{display:none}.inner-hero{padding-top:132px}.hero-copy h1{font-size:2.65rem}.hero-copy p{font-size:.96rem}.hero-actions .btn-brand,.hero-actions .btn-outline-brand{width:100%}.countdown-card{bottom:27px}.intro-art{min-height:300px}.intro-art:after{font-size:5rem}.fixture-wrap{padding:27px 20px}.fixture-heading{display:block}.fixture-heading .btn-outline-brand{margin-top:16px}.metrics-board,.path-grid{grid-template-columns:1fr}.path-step,.path-step:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.path-step:last-child{border-bottom:0}.topic-card{padding:19px}.quote-card{padding:30px 24px}.quote-card blockquote{font-size:1.08rem}.footer-bottom{display:block}.footer-bottom div+div{margin-top:8px}
    }

/* roulang page: category6 */
:root{
 --ink:#10151f;--ink-soft:#263142;--muted:#697586;--line:#e5e9ef;--surface:#fff;--mist:#f5f7fa;
 --dark:#0b1018;--dark-2:#151d29;--green:#b8ff3d;--green-deep:#84c500;--orange:#ff6b36;
 --radius:22px;--radius-sm:14px;--shadow:0 16px 42px rgba(15,23,42,.09);--shadow-lg:0 25px 70px rgba(0,0,0,.28)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--surface);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input{font:inherit}
.container{max-width:1240px}
.section{padding:92px 0}
.section-soft{background:var(--mist)}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--green-deep);font-size:.82rem;font-weight:800;letter-spacing:.12em}
.eyebrow:before{content:"";width:26px;height:2px;background:currentColor}
.section-title{margin:10px 0 14px;font-size:clamp(1.9rem,3.4vw,3.2rem);line-height:1.23;font-weight:900;letter-spacing:-.05em}
.section-desc{max-width:730px;margin:0;color:var(--muted);font-size:1rem}
.btn-brand,.btn-outline-brand{border:0;border-radius:99px;padding:13px 23px;font-weight:800;transition:.25s ease;display:inline-flex;align-items:center;justify-content:center;gap:9px}
.btn-brand{background:var(--green);color:#111a08;box-shadow:0 9px 22px rgba(184,255,61,.22)}
.btn-brand:hover{background:#d1ff7d;transform:translateY(-3px);color:#111a08}
.btn-brand:active{transform:translateY(-1px)}
.btn-outline-brand{border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.06)}
.btn-outline-brand:hover{background:#fff;color:var(--dark);border-color:#fff;transform:translateY(-3px)}
.btn-brand:focus,.btn-outline-brand:focus,.nav-link:focus,.accordion-button:focus,.topic-search:focus{box-shadow:0 0 0 4px rgba(184,255,61,.28);outline:0}
.site-header{position:absolute;z-index:20;left:0;right:0;top:0;padding:20px 0}
.nav-shell{background:rgba(9,14,21,.72);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:8px 14px}
.navbar-brand{font-size:1.45rem;font-weight:950;letter-spacing:-.06em;color:#fff!important;display:flex;align-items:center;gap:10px}
.brand-mark{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--green);color:#132007;font-size:.94rem;transform:skew(-8deg)}
.nav-link{color:rgba(255,255,255,.72)!important;font-size:.9rem;font-weight:700;padding:.62rem .66rem!important;transition:.2s}
.nav-link:hover,.nav-link.active{color:var(--green)!important}
.nav-quick{border-left:1px solid rgba(255,255,255,.15);padding-left:15px;margin-left:8px}
.nav-search{width:165px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:99px;color:#fff;padding:8px 14px;font-size:.8rem;outline:none}
.nav-search::placeholder{color:rgba(255,255,255,.54)}
.navbar-toggler{border-color:rgba(255,255,255,.35)!important;color:#fff!important;box-shadow:none!important}
.topic-hero{min-height:650px;position:relative;display:flex;align-items:flex-end;padding:158px 0 74px;color:#fff;overflow:hidden;background:linear-gradient(90deg,rgba(5,9,14,.96),rgba(7,12,18,.73) 52%,rgba(6,10,15,.3)),url('/assets/images/backpic/back-3.webp') center/cover no-repeat}
.topic-hero:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;right:-130px;top:130px;border:1px solid rgba(184,255,61,.32);box-shadow:0 0 0 44px rgba(184,255,61,.04),0 0 0 88px rgba(184,255,61,.03)}
.hero-content{position:relative;z-index:1;max-width:770px}
.heat-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:99px;background:rgba(255,107,54,.15);border:1px solid rgba(255,107,54,.56);color:#ffe1d5;font-size:.8rem;font-weight:800}
.topic-hero h1{margin:19px 0;font-size:clamp(2.8rem,6vw,5.6rem);font-weight:950;line-height:1.02;letter-spacing:-.075em}
.topic-hero h1 em{font-style:normal;color:var(--green)}
.hero-lead{max-width:670px;color:rgba(255,255,255,.76);font-size:1.06rem;line-height:1.9}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.topic-ticker{margin-top:43px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.topic-ticker span{font-size:.76rem;color:rgba(255,255,255,.54);font-weight:700;margin-right:3px}
.topic-ticker a{padding:7px 13px;border:1px solid rgba(255,255,255,.18);border-radius:99px;color:rgba(255,255,255,.85);font-size:.82rem;font-weight:700;transition:.2s}
.topic-ticker a:hover{background:var(--green);border-color:var(--green);color:#142007}
.intro-band{margin-top:-1px;background:var(--dark);color:#fff}
.intro-band .row{min-height:146px}
.intro-item{padding:25px 28px;border-right:1px solid rgba(255,255,255,.1)}
.intro-item:last-child{border:0}
.intro-item i{color:var(--green);font-size:1.2rem}
.intro-item strong{display:block;margin-top:7px;font-size:1.05rem}
.intro-item p{margin:3px 0 0;color:rgba(255,255,255,.6);font-size:.84rem;line-height:1.65}
.topic-search-wrap{padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);display:flex;gap:16px;align-items:center}
.topic-search-wrap i{color:var(--green-deep);font-size:1.4rem}
.topic-search{flex:1;border:0;background:transparent;outline:0;color:var(--ink);font-weight:700}
.topic-search::placeholder{color:#9ba5b3}
.topic-labels{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}
.topic-labels a{padding:8px 14px;background:var(--mist);border:1px solid transparent;border-radius:99px;font-size:.82rem;font-weight:750;transition:.2s}
.topic-labels a:hover{border-color:var(--green-deep);background:#faffef;color:#527b00}
.feature-topic{border-radius:var(--radius);overflow:hidden;background:var(--dark);color:#fff;box-shadow:var(--shadow-lg)}
.feature-photo{min-height:485px;background:linear-gradient(0deg,rgba(7,11,17,.35),rgba(7,11,17,.03)),url('/assets/images/coverpic/cover-6.webp') center/cover no-repeat;position:relative}
.feature-number{position:absolute;bottom:22px;left:25px;font-size:5.4rem;line-height:1;font-weight:950;color:rgba(184,255,61,.9);letter-spacing:-.1em}
.feature-copy{padding:53px 48px}
.feature-copy h2{font-size:clamp(1.85rem,3vw,3rem);line-height:1.2;font-weight:900;letter-spacing:-.045em;margin:14px 0 16px}
.feature-copy p{color:rgba(255,255,255,.68)}
.mini-meta{display:flex;gap:20px;flex-wrap:wrap;margin:25px 0;font-size:.84rem;color:rgba(255,255,255,.58)}
.mini-meta i{color:var(--green);margin-right:6px}
.topic-side-list{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.13)}
.topic-side-list li{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.13);display:flex;align-items:center;gap:12px}
.topic-side-list b{width:25px;color:var(--green);font-size:.85rem}
.topic-side-list a{font-weight:750;font-size:.9rem;transition:.2s}
.topic-side-list a:hover{color:var(--green)}
.asymmetric-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:19px}
.insight-card{position:relative;overflow:hidden;border-radius:var(--radius-sm);min-height:300px;padding:29px;color:#fff;background:var(--dark) center/cover no-repeat;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;transition:.3s}
.insight-card:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(7,12,18,.94),rgba(7,12,18,.08))}
.insight-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.insight-card.large{min-height:420px;background-image:url('/assets/images/coverpic/cover-3.webp')}
.insight-card.one{background-image:url('/assets/images/coverpic/cover-4.webp')}
.insight-card.two{background-image:url('/assets/images/coverpic/cover-8.webp')}
.insight-card h3{font-size:1.42rem;line-height:1.35;font-weight:900;margin:12px 0 7px}
.insight-card p{margin:0;color:rgba(255,255,255,.67);font-size:.86rem;line-height:1.7}
.tag{display:inline-flex;width:max-content;align-items:center;gap:6px;border-radius:99px;padding:5px 10px;background:rgba(184,255,61,.16);border:1px solid rgba(184,255,61,.35);color:var(--green);font-size:.72rem;font-weight:800}
.side-insights{display:grid;gap:19px}
.voice-panel{background:#eff5e3;border-radius:var(--radius);padding:51px;position:relative;overflow:hidden}
.voice-panel:after{content:"“";position:absolute;right:38px;top:-36px;font-family:Georgia,serif;font-size:14rem;line-height:1;color:rgba(132,197,0,.15)}
.voice-panel p{position:relative;max-width:790px;font-size:1.38rem;line-height:1.8;font-weight:750;letter-spacing:-.02em}
.voice-name{position:relative;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.88rem}
.voice-avatar{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:var(--dark);color:var(--green);font-weight:900}
.data-strip{background:var(--orange);color:#fff}
.data-strip .section-title{max-width:580px}
.data-stat{padding:18px 0 18px 25px;border-left:1px solid rgba(255,255,255,.35)}
.data-stat strong{font-size:2.35rem;line-height:1;font-weight:950;letter-spacing:-.06em}
.data-stat span{display:block;margin-top:7px;font-size:.85rem;color:rgba(255,255,255,.8)}
.discuss-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:66px;align-items:center}
.discuss-image{position:relative}
.discuss-image img{width:100%;height:430px;object-fit:cover;border-radius:var(--radius)}
.discuss-chip{position:absolute;right:-18px;bottom:27px;max-width:225px;background:#fff;border-radius:14px;padding:17px;box-shadow:var(--shadow)}
.discuss-chip strong{display:block;font-size:1.3rem;color:var(--orange);line-height:1.2}
.discuss-chip span{font-size:.79rem;color:var(--muted)}
.check-list{list-style:none;padding:0;margin:28px 0 0}
.check-list li{position:relative;padding:13px 0 13px 34px;border-bottom:1px solid var(--line);font-weight:700}
.check-list li:before{content:"\f00c";position:absolute;left:2px;top:14px;font-family:"Font Awesome 6 Free";font-weight:900;color:var(--green-deep)}
.news-wrap{border-top:1px solid var(--line)}
.news-row{display:grid;grid-template-columns:115px 1fr auto;gap:30px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line);transition:.22s}
.news-row:hover{padding-left:12px;background:#fbfcfd}
.news-date{font-size:.82rem;color:var(--muted);font-weight:700}
.news-date b{display:block;color:var(--orange);font-size:1.18rem}
.news-content h3{font-size:1.11rem;font-weight:900;margin:0 0 5px}
.news-content p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.7}
.read-more{font-size:.83rem;font-weight:850;color:var(--ink);white-space:nowrap;transition:.2s}
.read-more i{margin-left:5px;color:var(--green-deep)}
.read-more:hover{color:var(--green-deep)}
.accordion{--bs-accordion-border-color:var(--line);--bs-accordion-btn-focus-box-shadow:none}
.accordion-item{border:1px solid var(--line)!important;border-radius:13px!important;overflow:hidden;margin-bottom:12px}
.accordion-button{font-weight:850;color:var(--ink);padding:20px 22px;border-radius:13px!important}
.accordion-button:not(.collapsed){color:var(--ink);background:#f8fcee;box-shadow:none}
.accordion-button:after{background-size:1rem}
.accordion-body{padding:0 22px 20px;color:var(--muted);font-size:.93rem}
.cta-block{padding:65px;position:relative;overflow:hidden;border-radius:var(--radius);background:var(--dark);color:#fff}
.cta-block:before{content:"";position:absolute;width:540px;height:540px;border-radius:50%;right:-150px;bottom:-380px;border:1px solid rgba(184,255,61,.35);box-shadow:0 0 0 55px rgba(184,255,61,.05),0 0 0 110px rgba(184,255,61,.035)}
.cta-block>*{position:relative;z-index:1}
.cta-block h2{max-width:660px;margin:12px 0;font-size:clamp(2rem,4vw,3.6rem);font-weight:950;line-height:1.16;letter-spacing:-.06em}
.cta-block p{max-width:620px;color:rgba(255,255,255,.66)}
.cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.site-footer{background:#080d14;color:#fff;padding:67px 0 25px}
.footer-brand{display:inline-block;font-size:1.65rem;font-weight:950;letter-spacing:-.06em;margin-bottom:11px;color:var(--green)}
.footer-text{max-width:440px;color:rgba(255,255,255,.57);font-size:.89rem}
.site-footer strong{display:block;margin-bottom:14px;font-size:.92rem}
.footer-links{padding:0;margin:0;list-style:none}
.footer-links li{margin:8px 0}
.footer-links a{color:rgba(255,255,255,.58);font-size:.86rem;transition:.2s}
.footer-links a:hover{color:var(--green)}
.footer-bottom{margin-top:45px;padding-top:21px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:rgba(255,255,255,.46);font-size:.78rem}
.footer-bottom a{color:rgba(255,255,255,.65)}.footer-bottom a:hover{color:var(--green)}
@media(max-width:1199px){.nav-link{padding:.55rem .42rem!important;font-size:.82rem}.nav-search{width:128px}.feature-copy{padding:42px 35px}}
@media(max-width:991px){
 .site-header{padding:13px 0}.nav-shell{padding:8px 12px}.navbar-collapse{padding:14px 5px 5px}.navbar-nav{padding-top:5px}
 .nav-quick{border-left:0;padding:13px 0 4px;margin:0}.nav-search{width:100%}.nav-quick .btn-brand{white-space:nowrap}
 .topic-hero{min-height:650px;padding-top:145px}.intro-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
 .feature-photo{min-height:320px}.feature-copy{padding:40px 32px}.asymmetric-grid,.discuss-layout{grid-template-columns:1fr;gap:24px}.side-insights{grid-template-columns:1fr 1fr}
 .discuss-image{max-width:700px}.news-row{grid-template-columns:90px 1fr}.read-more{grid-column:2}
}
@media(max-width:767px){
 .section{padding:67px 0}.topic-hero{min-height:630px;padding:139px 0 55px}.topic-hero h1{font-size:3.15rem}
 .topic-search-wrap{padding:21px}.feature-copy{padding:32px 25px}.feature-number{font-size:4.4rem}.voice-panel{padding:35px 26px}.voice-panel p{font-size:1.13rem}
 .data-stat{padding:20px 0;border-left:0;border-bottom:1px solid rgba(255,255,255,.35)}.discuss-image img{height:335px}.discuss-chip{right:12px}
 .cta-block{padding:42px 27px}.news-row{grid-template-columns:1fr;gap:9px}.read-more{grid-column:auto;width:max-content}.news-row:hover{padding-left:0}
}
@media(max-width:520px){
 .container{padding-left:18px;padding-right:18px}.navbar-brand{font-size:1.3rem}.nav-search{width:100px}.nav-quick{gap:7px!important}.nav-quick .btn-brand{padding:9px 12px!important;font-size:.75rem}
 .topic-hero h1{font-size:2.72rem}.hero-actions,.cta-actions{flex-direction:column;align-items:stretch}.hero-actions a,.cta-actions a{width:100%}
 .topic-ticker{gap:7px}.topic-ticker a{padding:6px 10px}.feature-photo{min-height:260px}.feature-copy{padding:29px 21px}.side-insights{grid-template-columns:1fr}
 .insight-card.large{min-height:350px}.insight-card{min-height:270px}.topic-search-wrap i{display:none}.topic-labels{gap:7px}.topic-labels a{padding:6px 10px}
 .footer-bottom{font-size:.72rem}.cta-block h2{font-size:2.1rem}
}

/* roulang page: category7 */
:root{--ink:#10151f;--ink-soft:#263142;--muted:#697586;--line:#e5e9ef;--surface:#fff;--mist:#f5f7fa;--dark:#0b1018;--dark-2:#151d29;--green:#b8ff3d;--green-deep:#84c500;--orange:#ff6b36;--radius:22px;--radius-sm:14px;--shadow:0 16px 42px rgba(15,23,42,.09);--shadow-lg:0 25px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--surface);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input{font:inherit}.container{max-width:1240px}.section{padding:94px 0}.section-soft{background:var(--mist)}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--green-deep);font-size:.8rem;font-weight:800;letter-spacing:.12em}.eyebrow:before{content:"";width:26px;height:2px;background:currentColor}.section-title{margin:10px 0 14px;font-size:clamp(1.9rem,3.4vw,3.2rem);line-height:1.2;font-weight:900;letter-spacing:-.055em}.section-desc{max-width:720px;margin:0;color:var(--muted);font-size:1rem}.btn-brand,.btn-outline-brand{border:0;border-radius:99px;padding:13px 23px;font-weight:800;transition:.25s ease;display:inline-flex;align-items:center;justify-content:center;gap:9px}.btn-brand{background:var(--green);color:#111a08;box-shadow:0 9px 22px rgba(184,255,61,.22)}.btn-brand:hover{background:#d0ff7e;color:#111a08;transform:translateY(-3px)}.btn-brand:active{transform:translateY(-1px)}.btn-outline-brand{border:1px solid rgba(255,255,255,.42);color:#fff;background:rgba(255,255,255,.06)}.btn-outline-brand:hover{background:#fff;color:var(--dark);border-color:#fff;transform:translateY(-3px)}.btn-brand:focus,.btn-outline-brand:focus,.nav-link:focus,.accordion-button:focus,.nav-search:focus{outline:0;box-shadow:0 0 0 4px rgba(184,255,61,.28)}
.site-header{position:absolute;z-index:20;left:0;right:0;top:0;padding:20px 0}.nav-shell{background:rgba(9,14,21,.72);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:8px 14px}.navbar-brand{font-size:1.45rem;font-weight:950;letter-spacing:-.06em;color:#fff!important;display:flex;align-items:center;gap:10px}.brand-mark{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--green);color:#132007;font-size:.94rem;transform:skew(-8deg)}.nav-link{color:rgba(255,255,255,.72)!important;font-size:.88rem;font-weight:700;padding:.62rem .62rem!important;transition:.2s}.nav-link:hover,.nav-link.active{color:var(--green)!important}.nav-quick{border-left:1px solid rgba(255,255,255,.15);padding-left:15px;margin-left:8px}.nav-search{width:155px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:99px;color:#fff;padding:8px 14px;font-size:.8rem;outline:none}.nav-search::placeholder{color:rgba(255,255,255,.54)}.navbar-toggler{border-color:rgba(255,255,255,.35)!important;color:#fff!important}
.inner-hero{min-height:620px;padding:170px 0 72px;background:linear-gradient(105deg,rgba(5,9,14,.98),rgba(10,17,25,.88) 52%,rgba(10,18,24,.36)),url('/assets/images/backpic/back-2.webp') center/cover no-repeat;color:#fff;position:relative;overflow:hidden}.inner-hero:after{content:"";position:absolute;width:450px;height:450px;right:-120px;bottom:-180px;border:1px solid rgba(184,255,61,.3);border-radius:50%;box-shadow:0 0 0 45px rgba(184,255,61,.05),0 0 0 90px rgba(184,255,61,.03)}.hero-copy{position:relative;z-index:1}.crumb{display:flex;align-items:center;gap:10px;font-size:.82rem;color:rgba(255,255,255,.6);margin-bottom:24px}.crumb i{font-size:.65rem;color:var(--green)}.hero-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(184,255,61,.4);border-radius:999px;color:var(--green);font-size:.8rem;font-weight:800}.inner-hero h1{font-size:clamp(2.8rem,6vw,5.5rem);font-weight:950;line-height:1.03;letter-spacing:-.075em;max-width:750px;margin:18px 0}.inner-hero h1 em{color:var(--green);font-style:normal}.hero-lead{max-width:685px;color:rgba(255,255,255,.73);font-size:1.05rem}.hero-side-card{position:absolute;z-index:2;right:8%;bottom:68px;width:275px;padding:23px;background:rgba(255,255,255,.96);color:var(--ink);border-radius:18px;box-shadow:var(--shadow-lg);transform:rotate(3deg)}.hero-side-card i{font-size:1.7rem;color:var(--orange)}.hero-side-card strong{display:block;font-size:1.22rem;margin-top:10px}.hero-side-card p{font-size:.84rem;color:var(--muted);margin:5px 0 0}
.stats-strip{margin-top:-38px;position:relative;z-index:3}.stats-box{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 32px}.stat{border-right:1px solid var(--line);padding:0 28px}.stat:last-child{border:0}.stat strong{display:block;font-size:1.8rem;font-weight:950;line-height:1.1;color:var(--dark)}.stat span{font-size:.83rem;color:var(--muted)}
.benefit-card{height:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:28px;background:#fff;transition:.28s ease}.benefit-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:transparent}.benefit-icon{width:49px;height:49px;border-radius:14px;background:#efffd3;display:grid;place-items:center;color:#4c7900;font-size:1.25rem;margin-bottom:21px}.benefit-card:nth-child(2n) .benefit-icon{background:#fff0ea;color:var(--orange)}.benefit-card h3{font-size:1.18rem;font-weight:900;margin:0 0 8px}.benefit-card p{margin:0;color:var(--muted);font-size:.92rem}
.feature-panel{background:var(--dark);border-radius:var(--radius);overflow:hidden;color:#fff}.feature-copy{padding:56px}.feature-copy .section-desc{color:rgba(255,255,255,.67)}.feature-list{padding:0;margin:29px 0 0;list-style:none}.feature-list li{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.83)}.feature-list i{color:var(--green);padding-top:7px}.feature-image{min-height:480px;background:url('/assets/images/coverpic/cover-7.webp') center/cover no-repeat;position:relative}.feature-image:after{content:"会员专享";position:absolute;bottom:25px;left:25px;padding:8px 13px;border-radius:99px;background:rgba(11,16,24,.82);border:1px solid rgba(255,255,255,.18);color:var(--green);font-size:.8rem;font-weight:800}
.flow-wrap{position:relative}.flow-wrap:before{content:"";height:1px;background:var(--line);left:8%;right:8%;top:51px;position:absolute}.flow-card{position:relative;background:#fff;padding:0 18px;text-align:left}.flow-num{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--dark);color:var(--green);font-weight:950;font-size:1.08rem;margin-bottom:18px;border:5px solid var(--mist)}.flow-card h3{font-size:1.12rem;font-weight:900}.flow-card p{color:var(--muted);font-size:.9rem;margin:7px 0 0}
.scene-card{border-radius:var(--radius);overflow:hidden;position:relative;min-height:370px;color:#fff;background:var(--dark);transition:.3s}.scene-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg)}.scene-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.55;transition:.5s}.scene-card:hover img{transform:scale(1.06);opacity:.68}.scene-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,10,15,.94),rgba(5,10,15,.06) 75%)}.scene-content{position:absolute;z-index:1;bottom:0;padding:28px}.scene-content span{display:inline-block;padding:4px 10px;background:var(--green);color:#101a0a;border-radius:99px;font-size:.74rem;font-weight:900}.scene-content h3{font-size:1.42rem;font-weight:900;margin:12px 0 7px}.scene-content p{color:rgba(255,255,255,.72);font-size:.9rem;margin:0}
.membership-band{background:linear-gradient(120deg,#b8ff3d,#d7ff8b);padding:72px 0;position:relative;overflow:hidden}.membership-band:after{content:"NG";position:absolute;right:4%;top:-60px;font-size:18rem;line-height:1;color:rgba(16,21,31,.08);font-weight:950;letter-spacing:-.16em}.membership-band .container{position:relative;z-index:1}.membership-band h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:950;line-height:1.15;letter-spacing:-.06em}.check-list{list-style:none;padding:0;margin:22px 0}.check-list li{padding:7px 0;font-weight:700}.check-list i{margin-right:10px;color:#3e6600}.member-ticket{background:var(--dark);border-radius:20px;color:#fff;padding:28px;box-shadow:var(--shadow-lg);transform:rotate(-2deg)}.member-ticket small{color:var(--green);font-weight:800}.member-ticket strong{font-size:1.5rem;display:block;margin:9px 0}.ticket-line{border-top:1px dashed rgba(255,255,255,.28);margin:20px 0;padding-top:15px;color:rgba(255,255,255,.65);font-size:.85rem}
.news-row{display:grid;grid-template-columns:118px 1fr auto;gap:25px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);transition:.2s}.news-row:hover{padding-left:12px;background:#fafbfd}.news-date{font-size:.85rem;color:var(--muted)}.news-date strong{display:block;font-size:1.2rem;color:var(--ink)}.news-content h3{font-size:1.1rem;font-weight:900;margin:0 0 5px}.news-content p{margin:0;color:var(--muted);font-size:.9rem}.read-link{font-size:.86rem;font-weight:800;color:var(--green-deep);white-space:nowrap}.read-link i{transition:.2s}.read-link:hover i{transform:translateX(4px)}
.faq-area{background:var(--dark);color:#fff}.faq-area .section-desc{color:rgba(255,255,255,.65)}.accordion-item{border:1px solid rgba(255,255,255,.13)!important;background:transparent!important;color:#fff!important;border-radius:14px!important;overflow:hidden;margin-bottom:12px}.accordion-button{background:transparent!important;color:#fff!important;font-weight:850;box-shadow:none!important;padding:19px 21px}.accordion-button:not(.collapsed){color:var(--green)!important}.accordion-button:after{filter:invert(1)}.accordion-body{color:rgba(255,255,255,.7);padding:0 21px 20px}
.cta-box{background:url('/assets/images/backpic/back-3.webp') center/cover no-repeat;position:relative;overflow:hidden;border-radius:var(--radius);padding:72px 60px;color:#fff}.cta-box:before{content:"";position:absolute;inset:0;background:rgba(7,12,18,.88)}.cta-box>*{position:relative;z-index:1}.cta-box h2{font-weight:950;font-size:clamp(2rem,4vw,3.65rem);letter-spacing:-.06em;max-width:700px}.cta-box p{color:rgba(255,255,255,.72);max-width:690px}.site-footer{background:#080d14;color:#fff;padding:67px 0 25px}.footer-brand{display:inline-block;font-size:1.7rem;font-weight:950;letter-spacing:-.06em;margin-bottom:13px}.footer-text{max-width:455px;color:rgba(255,255,255,.56);font-size:.9rem}.site-footer strong{font-size:.9rem;color:var(--green)}.footer-links{list-style:none;padding:11px 0 0;margin:0}.footer-links li{padding:5px 0}.footer-links a{font-size:.88rem;color:rgba(255,255,255,.62);transition:.2s}.footer-links a:hover{color:var(--green);padding-left:4px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:43px;padding-top:21px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:rgba(255,255,255,.45);font-size:.78rem}.footer-bottom a:hover{color:var(--green)}
@media(max-width:1199px){.nav-search{display:none}.nav-quick{border:0;padding-left:0}.nav-link{padding:.6rem .42rem!important}.hero-side-card{right:3%}}@media(max-width:991px){.site-header{padding:13px 0}.nav-shell{padding:9px 13px}.navbar-collapse{margin-top:12px;border-top:1px solid rgba(255,255,255,.12);padding-top:8px}.navbar-nav{padding:4px 0}.nav-link{padding:.55rem .3rem!important}.nav-quick{margin:7px 0 2px}.inner-hero{min-height:650px;padding-top:155px}.hero-side-card{display:none}.stats-box{padding:22px 15px}.stat{padding:0 18px}.feature-copy{padding:42px}.feature-image{min-height:350px}.section{padding:72px 0}}@media(max-width:767px){.inner-hero{min-height:600px;padding:145px 0 55px}.inner-hero h1{font-size:3rem}.hero-lead{font-size:.96rem}.stats-strip{margin-top:-26px}.stats-box .row{row-gap:20px}.stat{border-right:0;border-bottom:1px solid var(--line);padding-bottom:16px}.stat:nth-last-child(-n+2){border-bottom:0;padding-bottom:0}.feature-copy{padding:33px 25px}.flow-wrap:before{display:none}.flow-card{padding:0 0 20px}.news-row{grid-template-columns:80px 1fr;gap:14px}.read-link{grid-column:2}.cta-box{padding:48px 28px}.section-title{letter-spacing:-.04em}.membership-band{padding:58px 0}}@media(max-width:520px){.container{padding-left:20px;padding-right:20px}.navbar-brand{font-size:1.3rem}.inner-hero h1{font-size:2.6rem}.hero-actions .btn-brand,.hero-actions .btn-outline-brand{width:100%}.stats-box{border-radius:17px}.stat strong{font-size:1.45rem}.feature-image{min-height:280px}.scene-card{min-height:325px}.news-row{grid-template-columns:1fr}.read-link{grid-column:auto}.news-date{display:flex;gap:8px;align-items:center}.news-date strong{font-size:1rem}.footer-bottom{font-size:.72rem}}