/* roulang page: index */
:root{
      --ink:#101828;
      --muted:#667085;
      --paper:#f7f8fb;
      --surface:#ffffff;
      --line:#e5e7eb;
      --navy:#111b3e;
      --violet:#6256e8;
      --violet-dark:#4b41c9;
      --orange:#ff8b45;
      --mint:#d8f6ed;
      --soft-violet:#efedff;
      --radius-lg:28px;
      --radius-md:18px;
      --radius-sm:12px;
      --shadow:0 18px 55px rgba(28,35,74,.10);
      --shadow-sm:0 8px 24px rgba(28,35,74,.07);
      --ease:all .3s cubic-bezier(.2,.8,.2,1);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:16px;line-height:1.75}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    .container{max-width:1200px;margin:0 auto;padding:0 24px}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,231,235,.86)}
    .nav-wrap{min-height:78px;display:flex;align-items:center;gap:28px}
    .brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:23px;letter-spacing:-.04em;color:var(--navy);white-space:nowrap}
    .brand-mark{width:36px;height:36px;border-radius:12px;background:var(--violet);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(98,86,232,.28)}
    .main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
    .main-nav a{padding:10px 13px;border-radius:10px;color:#596174;font-size:14px;transition:var(--ease);white-space:nowrap}
    .main-nav a:hover,.main-nav a.active{background:var(--soft-violet);color:var(--violet-dark);font-weight:700}
    .nav-action{padding:11px 17px!important;color:#fff!important;background:var(--navy)!important;border-radius:12px!important;margin-left:10px}
    .nav-action:hover{background:var(--violet)!important;transform:translateY(-2px)}
    .menu-toggle{display:none;border:0;background:var(--soft-violet);color:var(--violet-dark);width:42px;height:42px;border-radius:12px}
    .hero{position:relative;overflow:hidden;min-height:650px;color:#fff;background:linear-gradient(110deg,rgba(12,19,54,.95),rgba(30,30,89,.67)),url("/assets/images/backpic/back-1.webp") center/cover}
    .hero:after{content:"";position:absolute;right:-12%;bottom:-55%;width:58%;height:90%;background:rgba(255,139,69,.18);transform:rotate(-16deg);border-radius:45%;pointer-events:none}
    .hero-inner{position:relative;z-index:2;min-height:650px;display:flex;align-items:center;padding-top:45px;padding-bottom:50px}
    .hero-copy{max-width:690px}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#ffe0cc;font-size:13px;font-weight:800;letter-spacing:.08em;margin-bottom:18px}
    .eyebrow:before{content:"";width:26px;height:3px;background:var(--orange);border-radius:5px}
    h1{font-size:clamp(42px,6vw,76px);line-height:1.1;letter-spacing:-.065em;margin:0 0 24px;font-weight:900}
    .hero-copy p{font-size:18px;color:rgba(255,255,255,.82);max-width:650px;margin-bottom:30px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:38px}
    .btn-primary-custom,.btn-light-custom,.btn-outline-custom{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;padding:13px 21px;font-weight:800;transition:var(--ease)}
    .btn-primary-custom{background:var(--orange);color:#201631;box-shadow:0 10px 24px rgba(255,139,69,.25)}
    .btn-primary-custom:hover{background:#ffab70;color:#201631;transform:translateY(-3px)}
    .btn-light-custom{background:#fff;color:var(--navy)}
    .btn-light-custom:hover{background:#ffe4d5;transform:translateY(-3px)}
    .btn-outline-custom{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.08)}
    .btn-outline-custom:hover{background:#fff;color:var(--navy)}
    .hero-facts{display:flex;gap:30px;flex-wrap:wrap}
    .hero-fact strong{display:block;font-size:25px;line-height:1.1;color:#fff}
    .hero-fact span{font-size:13px;color:rgba(255,255,255,.65)}
    .countdown-bar{position:absolute;z-index:3;right:8%;bottom:38px;display:flex;align-items:center;gap:18px;padding:15px 19px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(17,27,62,.72);box-shadow:var(--shadow)}
    .countdown-bar small{color:#ffd8c1;display:block;font-weight:700}
    #countdown{font-size:22px;font-weight:900;letter-spacing:.08em}
    .section{padding:92px 0}
    .section-tight{padding:62px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}
    .section-head h2{font-size:clamp(29px,4vw,44px);letter-spacing:-.05em;line-height:1.2;margin:0 0 10px;font-weight:900}
    .section-head p{max-width:640px;color:var(--muted);margin:0}
    .kicker{color:var(--violet);font-weight:900;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
    .text-link{color:var(--violet-dark);font-weight:800;white-space:nowrap}
    .text-link:hover{color:var(--orange)}
    .collection-band{background:#fff}
    .collection-grid{display:grid;grid-template-columns:1.45fr .8fr .8fr;gap:20px}
    .feature-tile{min-height:330px;position:relative;overflow:hidden;border-radius:var(--radius-lg);background:#19224a;color:#fff}
    .feature-tile img{width:100%;height:100%;object-fit:cover;opacity:.65;transition:var(--ease)}
    .feature-tile:hover img{transform:scale(1.05);opacity:.78}
    .tile-overlay{position:absolute;inset:0;padding:30px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(0deg,rgba(8,14,42,.9),transparent 70%)}
    .tile-overlay h3{font-size:28px;margin:0 0 7px;font-weight:900}
    .tile-overlay p{color:rgba(255,255,255,.76);font-size:14px;margin:0}
    .mini-tile{min-height:330px;border-radius:var(--radius-lg);padding:25px;display:flex;flex-direction:column;justify-content:space-between;transition:var(--ease)}
    .mini-tile:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
    .mini-tile.orange{background:#ffeadf}.mini-tile.mint{background:var(--mint)}
    .mini-tile .icon{width:46px;height:46px;border-radius:15px;background:#fff;display:grid;place-items:center;font-size:22px}
    .mini-tile h3{font-size:23px;line-height:1.3;margin:20px 0 8px;font-weight:900}
    .mini-tile p{color:#5f5e68;font-size:14px;margin:0}
    .recommend{background:var(--navy);color:#fff;position:relative;overflow:hidden}
    .recommend:before{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-120px;top:-200px}
    .recommend .section-head p{color:rgba(255,255,255,.64)}
    .recommend .kicker{color:#ffb282}
    .recommend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
    .recommend-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:19px;overflow:hidden;transition:var(--ease)}
    .recommend-card:hover{background:rgba(255,255,255,.15);transform:translateY(-5px)}
    .recommend-card img{height:150px;width:100%;object-fit:cover}
    .recommend-body{padding:18px}
    .tag{display:inline-block;padding:4px 9px;border-radius:30px;background:#eceaff;color:var(--violet-dark);font-size:12px;font-weight:800}
    .recommend .tag{background:rgba(255,139,69,.18);color:#ffc09e}
    .recommend-card h3{font-size:18px;margin:13px 0 7px;line-height:1.35}
    .recommend-card p{font-size:13px;color:rgba(255,255,255,.65);margin:0}
    .feature-split{display:grid;grid-template-columns:.86fr 1.14fr;gap:44px;align-items:center}
    .feature-image{border-radius:var(--radius-lg);overflow:hidden;position:relative;box-shadow:var(--shadow)}
    .feature-image img{width:100%;height:420px;object-fit:cover}
    .image-note{position:absolute;left:22px;bottom:22px;padding:12px 15px;background:rgba(17,27,62,.86);color:#fff;border-radius:13px;font-size:13px}
    .feature-copy h2{font-size:40px;line-height:1.2;letter-spacing:-.05em;margin:10px 0 17px;font-weight:900}
    .feature-copy>p{color:var(--muted);margin-bottom:22px}
    .check-list{list-style:none;padding:0;margin:0;display:grid;gap:13px}
    .check-list li{display:flex;gap:12px;align-items:flex-start}
    .check-list li:before{content:"✓";flex:0 0 25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:#087b61;font-weight:900;margin-top:3px}
    .check-list span{color:#475467}
    .metrics-band{background:#f0efff;border-top:1px solid #e3e0ff;border-bottom:1px solid #e3e0ff}
    .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
    .metric{padding:20px 24px;border-left:3px solid var(--violet)}
    .metric strong{display:block;color:var(--navy);font-size:39px;line-height:1.1;letter-spacing:-.05em}
    .metric span{color:var(--muted);font-size:14px}
    .campaign{background:#fff}
    .campaign-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:28px}
    .campaign-intro{background:var(--orange);border-radius:var(--radius-lg);padding:34px;display:flex;flex-direction:column;justify-content:space-between;min-height:360px}
    .campaign-intro h2{font-size:37px;line-height:1.2;letter-spacing:-.05em;margin:14px 0;font-weight:900;color:#28182b}
    .campaign-intro p{color:#5a3030}
    .campaign-intro .btn-light-custom{align-self:flex-start}
    .campaign-items{display:grid;grid-template-columns:1fr 1fr;gap:17px}
    .campaign-item{padding:25px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);transition:var(--ease)}
    .campaign-item:hover{border-color:#c7c2ff;box-shadow:var(--shadow-sm)}
    .campaign-item b{display:block;font-size:29px;color:var(--violet);margin-bottom:5px}
    .campaign-item h3{font-size:19px;margin:0 0 7px}
    .campaign-item p{font-size:14px;color:var(--muted);margin:0}
    .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
    .timeline:before{content:"";position:absolute;top:20px;left:5%;right:5%;height:2px;background:#d8d5fb}
    .timeline-item{position:relative;padding:0 18px;text-align:center}
    .timeline-dot{position:relative;margin:0 auto 20px;width:42px;height:42px;border-radius:50%;background:var(--violet);border:8px solid var(--soft-violet);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900;z-index:1}
    .timeline-item h3{font-size:18px;margin:0 0 8px}
    .timeline-item p{font-size:13px;color:var(--muted);margin:0}
    .news-section{background:#fff}
    .news-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}
    .news-list{border-top:1px solid var(--line)}
    .news-item{display:grid;grid-template-columns:92px 1fr auto;gap:18px;align-items:center;padding:21px 0;border-bottom:1px solid var(--line)}
    .news-date{color:var(--violet);font-size:13px;font-weight:900}
    .news-item h3{font-size:18px;margin:0 0 5px}
    .news-item p{font-size:13px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    .read-more{font-size:13px;color:var(--violet-dark);font-weight:800;white-space:nowrap}
    .news-feature{padding:29px;border-radius:var(--radius-lg);background:linear-gradient(140deg,#181f49,#453e9e);color:#fff;min-height:100%;display:flex;flex-direction:column;justify-content:space-between}
    .news-feature h3{font-size:27px;line-height:1.35;margin:16px 0}
    .news-feature p{color:rgba(255,255,255,.7);font-size:14px}
    .news-feature .tag{background:rgba(255,255,255,.14);color:#fff}
    .review-section{background:#f8f7ff}
    .review-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
    .review-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:24px;box-shadow:0 5px 18px rgba(30,30,80,.03)}
    .review-card:nth-child(2){transform:translateY(22px)}
    .review-card p{font-size:15px;color:#475467;margin:16px 0 20px}
    .review-user{display:flex;align-items:center;gap:11px}
    .avatar{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--soft-violet);color:var(--violet-dark);font-weight:900}
    .review-user strong{display:block;font-size:14px}.review-user small{color:var(--muted)}
    .stars{color:#f59e0b;letter-spacing:2px}
    .faq-section{background:#fff}
    .faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px}
    .faq-intro{background:var(--mint);border-radius:var(--radius-lg);padding:32px;align-self:start}
    .faq-intro h2{font-size:34px;line-height:1.25;margin:0 0 14px;font-weight:900;letter-spacing:-.05em}
    .faq-intro p{color:#3d655d;margin:0}
    .accordion-item{border:0;border-bottom:1px solid var(--line);border-radius:0!important}
    .accordion-button{padding:21px 0;background:transparent!important;box-shadow:none!important;color:var(--ink);font-weight:800}
    .accordion-button:after{background-size:13px}
    .accordion-body{padding:0 25px 20px 0;color:var(--muted);font-size:14px}
    .subscribe{background:var(--navy);color:#fff;position:relative;overflow:hidden}
    .subscribe:after{content:"";position:absolute;width:370px;height:370px;border-radius:50%;border:70px solid rgba(255,139,69,.12);right:-100px;top:-100px}
    .subscribe-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
    .subscribe h2{font-size:38px;line-height:1.2;margin:0 0 13px;letter-spacing:-.05em}
    .subscribe p{color:rgba(255,255,255,.68);margin:0}
    .subscribe-form{display:flex;gap:10px}
    .subscribe-form input{min-width:0;flex:1;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;border-radius:12px;padding:13px 15px;outline:none}
    .subscribe-form input::placeholder{color:rgba(255,255,255,.55)}
    .subscribe-form input:focus{border-color:#ffb282;box-shadow:0 0 0 4px rgba(255,139,69,.14)}
    .brand-story{background:#fff}
    .story-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center}
    .story-copy h2{font-size:38px;line-height:1.2;letter-spacing:-.05em;margin:0 0 18px}
    .story-copy p{color:#536071}
    .story-quote{padding:29px;border-left:4px solid var(--orange);background:#fff7f2;border-radius:0 var(--radius-md) var(--radius-md) 0;color:#4b3440;font-size:19px;font-weight:700}
    .story-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
    .story-point{padding:16px;border-radius:14px;background:var(--paper);font-size:14px;color:#536071}
    .cta-section{padding:68px 0;background:linear-gradient(120deg,#6256e8,#3f367f);color:#fff}
    .cta-box{display:flex;justify-content:space-between;align-items:center;gap:25px}
    .cta-box h2{font-size:36px;line-height:1.2;margin:0 0 9px;letter-spacing:-.05em}
    .cta-box p{margin:0;color:rgba(255,255,255,.72)}
    .site-footer{background:#0b1230;color:#fff;padding:60px 0 22px}
    .footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px}
    .footer-brand p{color:rgba(255,255,255,.55);font-size:14px;max-width:300px}
    .footer-title{font-weight:800;margin-bottom:13px}
    .footer-links{display:grid;gap:8px;color:rgba(255,255,255,.58);font-size:14px}
    .footer-links a:hover{color:#ffb282}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:19px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:rgba(255,255,255,.5);font-size:12px}
    .footer-bottom a{color:rgba(255,255,255,.7)}
    .footer-bottom a:hover{color:#fff}
    :focus-visible{outline:3px solid rgba(255,139,69,.65);outline-offset:3px}
    @media(max-width:1100px){
      .main-nav{gap:0}.main-nav a{padding-left:9px;padding-right:9px;font-size:13px}
      .collection-grid{grid-template-columns:1.2fr .8fr .8fr}.countdown-bar{right:3%}
    }
    @media(max-width:900px){
      .nav-wrap{position:relative}.menu-toggle{display:block;margin-left:auto}
      .main-nav{display:none;position:absolute;top:70px;left:0;right:0;padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
      .main-nav.open{display:flex}.main-nav a{padding:12px 15px}.nav-action{margin:5px 0 0!important;text-align:center}
      .hero-inner{min-height:590px}.hero{min-height:590px}.countdown-bar{position:static;width:max-content;margin-top:25px}
      .collection-grid,.campaign-grid,.news-layout,.faq-grid,.story-layout,.subscribe-inner{grid-template-columns:1fr}
      .feature-split{grid-template-columns:1fr}.feature-image img{height:340px}
      .recommend-grid{grid-template-columns:repeat(2,1fr)}
      .footer-top{grid-template-columns:1.3fr 1fr 1fr}
    }
    @media(max-width:650px){
      .container{padding:0 18px}.section{padding:65px 0}.section-tight{padding:48px 0}
      h1{font-size:43px}.hero-copy p{font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr}
      .hero-actions a{width:100%}.hero-facts{gap:18px}.hero-fact strong{font-size:22px}
      .section-head{display:block}.section-head .text-link{display:inline-block;margin-top:15px}
      .collection-grid,.recommend-grid,.metrics,.campaign-items,.review-grid,.story-points{grid-template-columns:1fr}
      .feature-tile,.mini-tile{min-height:270px}.recommend-card img{height:180px}
      .metric{border-left:0;border-top:3px solid var(--violet);padding:17px 0}
      .timeline{grid-template-columns:1fr 1fr;gap:28px 0}.timeline:before{display:none}
      .timeline-item{padding:0 8px}.news-item{grid-template-columns:75px 1fr}.news-item .read-more{grid-column:2}
      .review-card:nth-child(2){transform:none}
      .subscribe-form{display:grid;grid-template-columns:1fr}.subscribe h2,.cta-box h2{font-size:31px}
      .cta-box{display:block}.cta-box .btn-light-custom{margin-top:22px;width:100%}
      .footer-top{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}
      .footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}
    }

/* roulang page: category3 */
:root{
      --ink:#101828;--muted:#667085;--paper:#f7f8fb;--surface:#fff;--line:#e5e7eb;
      --navy:#111b3e;--violet:#6256e8;--violet-dark:#4b41c9;--orange:#ff8b45;
      --mint:#d8f6ed;--soft-violet:#efedff;--radius-lg:28px;--radius-md:18px;
      --radius-sm:12px;--shadow:0 18px 55px rgba(28,35,74,.10);--shadow-sm:0 8px 24px rgba(28,35,74,.07);
      --ease:all .3s cubic-bezier(.2,.8,.2,1)
    }
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:16px;line-height:1.75}
    a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,231,235,.86)}
    .nav-wrap{min-height:78px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:23px;letter-spacing:-.04em;color:var(--navy);white-space:nowrap}
    .brand-mark{width:36px;height:36px;border-radius:12px;background:var(--violet);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(98,86,232,.28)}
    .main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.main-nav a{padding:10px 13px;border-radius:10px;color:#596174;font-size:14px;transition:var(--ease);white-space:nowrap}
    .main-nav a:hover,.main-nav a.active{background:var(--soft-violet);color:var(--violet-dark);font-weight:700}.main-nav .nav-action{padding:11px 17px!important;color:#fff!important;background:var(--navy)!important;border-radius:12px!important;margin-left:10px}
    .nav-action:hover{background:var(--violet)!important;transform:translateY(-2px)}.menu-toggle{display:none;border:0;background:var(--soft-violet);color:var(--violet-dark);width:42px;height:42px;border-radius:12px}
    .hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(110deg,rgba(12,19,54,.96),rgba(30,30,89,.68)),url("/assets/images/backpic/back-2.webp") center/cover}
    .hero:after{content:"";position:absolute;right:-12%;bottom:-55%;width:58%;height:90%;background:rgba(255,139,69,.18);transform:rotate(-16deg);border-radius:45%;pointer-events:none}
    .hero-inner{position:relative;z-index:2;min-height:560px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:58px;padding:70px 0}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#ffe0cc;font-size:13px;font-weight:800;letter-spacing:.08em;margin-bottom:18px}.eyebrow:before{content:"";width:26px;height:3px;background:var(--orange);border-radius:5px}
    h1{font-size:clamp(40px,5vw,68px);line-height:1.12;letter-spacing:-.06em;margin:0 0 20px;font-weight:900}.hero-copy p{font-size:18px;color:rgba(255,255,255,.82);max-width:650px;margin-bottom:28px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:34px}.btn-primary-custom,.btn-light-custom,.btn-outline-custom{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;padding:13px 21px;font-weight:800;transition:var(--ease)}
    .btn-primary-custom{background:var(--orange);color:#201631;box-shadow:0 10px 24px rgba(255,139,69,.25)}.btn-primary-custom:hover{background:#ffab70;color:#201631;transform:translateY(-3px)}
    .btn-light-custom{background:#fff;color:var(--navy)}.btn-light-custom:hover{background:#ffe4d5;transform:translateY(-3px)}.btn-outline-custom{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.08)}.btn-outline-custom:hover{background:#fff;color:var(--navy)}
    .hero-facts{display:flex;gap:30px;flex-wrap:wrap}.hero-fact strong{display:block;font-size:25px;line-height:1.1;color:#fff}.hero-fact span{font-size:13px;color:rgba(255,255,255,.65)}
    .score-panel{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:26px;padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.18);backdrop-filter:blur(12px)}
    .panel-top{display:flex;justify-content:space-between;align-items:center;color:#d8dcf2;font-size:13px;margin-bottom:22px}.live-dot{color:#ffc09e}.live-dot:before{content:"";display:inline-block;width:8px;height:8px;background:var(--orange);border-radius:50%;margin-right:7px}
    .match-row{display:flex;align-items:center;justify-content:space-between;text-align:center;padding:16px 0;border-top:1px solid rgba(255,255,255,.13)}.team{width:34%;font-weight:800}.team-mark{width:48px;height:48px;margin:0 auto 8px;border-radius:16px;background:#fff;color:var(--violet);display:grid;place-items:center;font-size:20px}.score{font-size:30px;font-weight:900;color:#fff}
    .panel-note{font-size:13px;color:#c8cce0;border-top:1px solid rgba(255,255,255,.13);padding-top:17px;margin:14px 0 0}
    .section{padding:84px 0}.section-tight{padding:58px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.section-head h2{font-size:clamp(29px,4vw,44px);letter-spacing:-.05em;line-height:1.2;margin:0 0 10px;font-weight:900}.section-head p{max-width:640px;color:var(--muted);margin:0}.kicker{color:var(--violet-dark);font-weight:900;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.text-link{color:var(--violet-dark);font-weight:800;white-space:nowrap}.text-link:hover{color:var(--orange)}
    .intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}.intro-copy{font-size:18px;color:#475467}.intro-copy p{margin:0 0 18px}.quote-box{background:var(--soft-violet);border-radius:var(--radius-lg);padding:30px;border-left:5px solid var(--violet);font-size:21px;font-weight:800;color:var(--navy)}
    .topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:25px;transition:var(--ease);box-shadow:var(--shadow-sm)}.topic-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#c8c3ff}.topic-icon{width:46px;height:46px;border-radius:15px;background:var(--mint);color:#087b61;display:grid;place-items:center;font-size:22px;font-weight:900}.topic-card h3{font-size:20px;margin:18px 0 8px}.topic-card p{font-size:14px;color:var(--muted);margin:0}
    .dark-band{background:var(--navy);color:#fff}.dark-band .section-head p{color:#b9c0d8}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg);overflow:hidden}.stat{padding:28px;background:rgba(255,255,255,.04)}.stat strong{font-size:39px;display:block;color:#fff}.stat span{font-size:14px;color:#b9c0d8}
    .split-section{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center}.feature-image{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.feature-image img{width:100%;height:420px;object-fit:cover}.split-copy h2{font-size:40px;line-height:1.2;letter-spacing:-.05em;margin:10px 0 17px;font-weight:900}.split-copy p{color:var(--muted)}.check-list{list-style:none;padding:0;margin:23px 0 0;display:grid;gap:13px}.check-list li{display:flex;gap:12px;align-items:flex-start}.check-list li:before{content:"✓";flex:0 0 25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:#087b61;font-weight:900;margin-top:3px}
    .event-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.event-main{position:relative;min-height:350px;border-radius:var(--radius-lg);overflow:hidden;color:#fff}.event-main img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.7}.event-main:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(10,15,46,.94))}.event-content{position:absolute;z-index:2;left:28px;right:28px;bottom:27px}.event-content h3{font-size:28px;margin:10px 0 5px}.event-content p{margin:0;color:#d6d9e6}.side-events{display:grid;gap:14px}.event-mini{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;justify-content:space-between;gap:15px;transition:var(--ease)}.event-mini:hover{transform:translateX(5px);box-shadow:var(--shadow-sm)}.event-mini h3{font-size:17px;margin:7px 0 4px}.event-mini p{font-size:13px;color:var(--muted);margin:0}.date-badge{text-align:center;color:var(--violet-dark);font-weight:900;white-space:nowrap}.date-badge strong{display:block;font-size:26px;line-height:1}
    .data-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.data-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:23px}.data-card h3{margin:0 0 18px;font-size:20px}.data-line{display:flex;align-items:center;gap:13px;margin:15px 0}.data-line span:first-child{width:88px;font-size:14px}.bar{height:9px;background:#ececf4;border-radius:20px;flex:1;overflow:hidden}.bar i{display:block;height:100%;background:var(--violet);border-radius:20px}.data-line b{font-size:14px;color:var(--violet-dark)}
    .voice-box{background:#fff;border-radius:var(--radius-lg);padding:35px;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:1fr 1fr;gap:30px}.voice{padding:14px 0 14px 24px;border-left:3px solid var(--orange)}.voice p{font-size:18px;font-weight:700;margin:0 0 10px}.voice small{color:var(--muted)}
    .faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px}.faq-grid h2{font-size:38px;line-height:1.2;margin:8px 0 14px}.faq-grid>div>p{color:var(--muted)}.accordion-item{border:1px solid var(--line)!important;border-radius:14px!important;margin-bottom:12px;overflow:hidden}.accordion-button{font-weight:800;color:var(--ink);background:#fff!important;box-shadow:none!important;padding:19px}.accordion-button:not(.collapsed){color:var(--violet-dark)}.accordion-body{color:var(--muted);font-size:15px;padding:0 19px 19px}
    .cta{background:linear-gradient(110deg,var(--violet-dark),var(--violet));color:#fff;border-radius:var(--radius-lg);padding:42px 48px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{font-size:34px;line-height:1.25;margin:0 0 8px}.cta p{color:#dddafa;margin:0}.subscribe-form{display:flex;gap:9px;flex-wrap:wrap}.subscribe-form input{border:0;border-radius:12px;padding:13px 16px;min-width:220px;outline:0}.subscribe-form input:focus{box-shadow:0 0 0 4px rgba(255,255,255,.25)}
    .site-footer{background:#0b1230;color:#b8bfd6;padding:58px 0 24px}.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.13)}.footer-brand p{max-width:300px;font-size:14px;margin-top:17px}.footer-title{color:#fff;font-weight:800;margin-bottom:15px}.footer-links{display:grid;gap:8px;font-size:14px}.footer-links a:hover,.footer-bottom a:hover{color:#ffb186}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;font-size:12px}.site-footer .brand{color:#fff}
    :focus-visible{outline:3px solid rgba(255,139,69,.65);outline-offset:3px}
    @media(max-width:1024px){.main-nav a{padding:9px 8px;font-size:13px}.hero-inner{gap:30px}.topic-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.nav-wrap{min-height:70px;justify-content:space-between}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;margin:0;padding:14px 24px 20px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm);flex-direction:column;align-items:stretch}.main-nav.show{display:flex}.main-nav a{width:100%;text-align:center}.main-nav .nav-action{margin:7px 0 0}.hero-inner,.intro-grid,.split-section,.event-layout,.faq-grid{grid-template-columns:1fr}.hero-inner{min-height:auto;padding:74px 0 64px}.score-panel{max-width:520px}.section{padding:65px 0}.stat-grid{grid-template-columns:repeat(2,1fr)}.feature-image img{height:330px}.voice-box{grid-template-columns:1fr}.cta{display:block;padding:32px 25px}.subscribe-form{margin-top:23px}.footer-top{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}
    @media(max-width:520px){.container{padding:0 18px}h1{font-size:41px}.hero-copy p{font-size:16px}.hero-facts{gap:18px}.topic-grid,.data-grid{grid-template-columns:1fr}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:12px}.event-main{min-height:310px}.stat strong{font-size:31px}.footer-top{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1}.cta h2{font-size:28px}.subscribe-form input{width:100%;min-width:0}}

/* roulang page: category2 */
:root{
      --ink:#101828;--muted:#667085;--paper:#f7f8fb;--surface:#fff;--line:#e5e7eb;
      --navy:#111b3e;--violet:#6256e8;--violet-dark:#4b41c9;--orange:#ff8b45;
      --mint:#d8f6ed;--soft-violet:#efedff;--radius-lg:28px;--radius-md:18px;
      --radius-sm:12px;--shadow:0 18px 55px rgba(28,35,74,.1);--shadow-sm:0 8px 24px rgba(28,35,74,.07);
      --ease:all .3s cubic-bezier(.2,.8,.2,1)
    }
    *,*:before,*:after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:16px;line-height:1.75}
    a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}
    .container{max-width:1200px;margin:auto;padding:0 24px}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,231,235,.86)}
    .nav-wrap{min-height:78px;display:flex;align-items:center;gap:28px}
    .brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:23px;letter-spacing:-.04em;color:var(--navy);white-space:nowrap}
    .brand-mark{width:36px;height:36px;border-radius:12px;background:var(--violet);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(98,86,232,.28)}
    .main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
    .main-nav a{padding:10px 13px;border-radius:10px;color:#596174;font-size:14px;transition:var(--ease);white-space:nowrap}
    .main-nav a:hover,.main-nav a.active{background:var(--soft-violet);color:var(--violet-dark);font-weight:700}
    .nav-action{padding:11px 17px!important;color:#fff!important;background:var(--navy)!important;border-radius:12px!important;margin-left:10px}
    .nav-action:hover{background:var(--violet)!important;transform:translateY(-2px)}
    .menu-toggle{display:none;border:0;background:var(--soft-violet);color:var(--violet-dark);width:42px;height:42px;border-radius:12px}
    .hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(110deg,rgba(12,19,54,.96),rgba(30,30,89,.7)),url("/assets/images/backpic/back-2.webp") center/cover}
    .hero:after{content:"";position:absolute;right:-10%;bottom:-50%;width:55%;height:90%;background:rgba(255,139,69,.2);transform:rotate(-15deg);border-radius:45%}
    .hero-inner{position:relative;z-index:2;min-height:565px;display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;padding:65px 24px}
    .eyebrow{display:inline-flex;gap:8px;align-items:center;color:#ffe0cc;font-size:13px;font-weight:800;letter-spacing:.08em}
    .eyebrow:before{content:"";width:26px;height:3px;background:var(--orange);border-radius:4px}
    h1{font-size:clamp(40px,5vw,68px);line-height:1.1;letter-spacing:-.06em;margin:18px 0;color:#fff;font-weight:900}
    .hero-copy p{font-size:18px;color:rgba(255,255,255,.8);max-width:620px;margin:0 0 26px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:13px}
    .btn-primary-custom,.btn-light-custom,.btn-outline-custom{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;padding:13px 21px;font-weight:800;transition:var(--ease)}
    .btn-primary-custom{background:var(--orange);color:#201631;box-shadow:0 10px 24px rgba(255,139,69,.25)}
    .btn-primary-custom:hover{background:#ffab70;color:#201631;transform:translateY(-3px)}
    .btn-light-custom{background:#fff;color:var(--navy)}
    .btn-light-custom:hover{background:#ffe4d5;transform:translateY(-3px)}
    .btn-outline-custom{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.08)}
    .btn-outline-custom:hover{background:#fff;color:var(--navy)}
    .deal-card{background:#fff;color:var(--ink);padding:25px;border-radius:24px;box-shadow:0 24px 65px rgba(4,8,35,.25);transform:rotate(2deg)}
    .deal-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:18px}
    .deal-top strong{font-size:20px}.deal-top span{font-size:12px;color:var(--orange);font-weight:800}
    .deal-card img{height:145px;width:100%;object-fit:cover;border-radius:16px;margin-bottom:18px}
    .deal-card h3{font-size:22px;margin:0 0 5px}.deal-card p{color:var(--muted);font-size:14px;margin:0 0 18px}
    .countdown{display:flex;gap:8px;margin:15px 0}.time-box{background:var(--soft-violet);border-radius:10px;padding:7px 10px;text-align:center;color:var(--violet-dark);font-weight:900;min-width:55px}.time-box small{display:block;font-size:10px;font-weight:600}
    .section{padding:84px 0}.section-tight{padding:58px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
    .section-head h2{font-size:clamp(29px,4vw,44px);line-height:1.2;letter-spacing:-.05em;margin:0 0 8px;font-weight:900}
    .section-head p{max-width:650px;color:var(--muted);margin:0}.text-link{color:var(--violet-dark);font-weight:800}
    .text-link:hover{color:var(--orange)}
    .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow-sm)}
    .stat strong{display:block;color:var(--violet-dark);font-size:34px;line-height:1.2}.stat span{color:var(--muted);font-size:14px}
    .split{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:center}
    .feature-image{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);position:relative}
    .feature-image img{width:100%;height:405px;object-fit:cover;transition:var(--ease)}
    .feature-image:hover img{transform:scale(1.04)}
    .feature-copy h2{font-size:40px;line-height:1.2;letter-spacing:-.05em;margin:10px 0 17px;font-weight:900}.feature-copy>p{color:var(--muted)}
    .check-list{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px}.check-list li{display:flex;gap:12px;align-items:flex-start}.check-list li:before{content:"✓";flex:0 0 25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:#087b61;font-weight:900;margin-top:4px}.check-list span{color:#475467}
    .dark-band{background:var(--navy);color:#fff}.dark-band .section-head p{color:rgba(255,255,255,.62)}
    .focus-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.focus-card{border-radius:22px;overflow:hidden;min-height:285px;position:relative;background:#242d59}.focus-card img{width:100%;height:100%;object-fit:cover;opacity:.55;transition:var(--ease)}.focus-card:hover img{transform:scale(1.05);opacity:.7}.focus-content{position:absolute;inset:auto 25px 22px}.focus-content h3{font-size:24px;margin:9px 0 3px}.focus-content p{font-size:14px;color:rgba(255,255,255,.7);margin:0}
    .small-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.small-grid .focus-card{min-height:132px}.small-grid .focus-content h3{font-size:18px}
    .tag{display:inline-block;padding:4px 10px;border-radius:30px;background:#eceaff;color:var(--violet-dark);font-size:12px;font-weight:800}.dark-band .tag{background:rgba(255,139,69,.18);color:#ffc09e}
    .process{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.process-item{background:#fff;padding:26px;border-radius:18px;border:1px solid var(--line);position:relative}.process-num{font-size:44px;color:#d8d4ff;font-weight:900;line-height:1}.process h3{font-size:20px;margin:12px 0 6px}.process p{font-size:14px;color:var(--muted);margin:0}
    .insight{display:grid;grid-template-columns:1fr 1fr;gap:18px}.insight article{background:#fff;border-radius:18px;border:1px solid var(--line);padding:24px;transition:var(--ease)}.insight article:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm)}.insight time{font-size:13px;color:var(--orange);font-weight:800}.insight h3{font-size:20px;line-height:1.4;margin:10px 0}.insight p{font-size:14px;color:var(--muted);margin:0 0 13px}
    .faq-wrap{max-width:900px;margin:auto}.accordion-item{border:1px solid var(--line)!important;border-radius:14px!important;margin-bottom:12px;overflow:hidden}.accordion-button{font-weight:800;color:var(--ink);background:#fff!important;box-shadow:none!important;padding:20px}.accordion-button:not(.collapsed){color:var(--violet-dark)}.accordion-body{color:var(--muted);padding:0 20px 20px}
    .cta{background:linear-gradient(120deg,var(--violet-dark),var(--violet));color:#fff;border-radius:var(--radius-lg);padding:48px 55px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:34px;margin:0 0 8px}.cta p{color:rgba(255,255,255,.75);margin:0}
    .subscribe{display:flex;gap:10px;margin-top:20px}.subscribe input{border:0;border-radius:12px;padding:13px 16px;min-width:260px;outline:none}.subscribe input:focus{box-shadow:0 0 0 4px rgba(255,139,69,.25)}
    .site-footer{background:#0d1430;color:#fff;padding:58px 0 22px}.footer-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:30px;padding-bottom:40px}.footer-brand p{color:rgba(255,255,255,.62);max-width:310px;margin-top:16px;font-size:14px}.footer-title{font-weight:800;margin-bottom:14px}.footer-links{display:grid;gap:8px}.footer-links a{color:rgba(255,255,255,.62);font-size:14px;transition:var(--ease)}.footer-links a:hover{color:var(--orange);padding-left:4px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.45);font-size:12px}.footer-bottom a:hover{color:#fff}
    :focus-visible{outline:3px solid rgba(255,139,69,.7);outline-offset:3px}
    @media(max-width:1024px){.main-nav a{padding:9px 8px}.hero-inner{gap:28px}.stats{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.nav-wrap{justify-content:space-between}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:14px 24px 20px;border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm);flex-direction:column;align-items:stretch}.main-nav.show{display:flex}.main-nav a{padding:12px 14px}.nav-action{margin:5px 0 0!important;text-align:center}.hero-inner,.split,.focus-grid{grid-template-columns:1fr}.hero-inner{padding-top:55px;padding-bottom:55px}.deal-card{max-width:480px;transform:none}.section{padding:64px 0}.process,.insight{grid-template-columns:1fr}.cta{display:block;padding:36px 28px}.cta h2{font-size:28px}.footer-top{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}
    @media(max-width:520px){.container{padding:0 18px}h1{font-size:42px}.hero-copy p{font-size:16px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:18px 14px}.stat strong{font-size:28px}.small-grid{grid-template-columns:1fr}.feature-copy h2{font-size:32px}.subscribe{display:block}.subscribe input{min-width:0;width:100%;margin-bottom:10px}.subscribe button{width:100%}.footer-top{grid-template-columns:1fr}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:12px}}

/* roulang page: category4 */
:root{--ink:#101828;--muted:#667085;--paper:#f7f8fb;--surface:#fff;--line:#e5e7eb;--navy:#111b3e;--violet:#6256e8;--violet-dark:#4b41c9;--orange:#ff8b45;--mint:#d8f6ed;--soft-violet:#efedff;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--shadow:0 18px 55px rgba(28,35,74,.10);--shadow-sm:0 8px 24px rgba(28,35,74,.07);--ease:all .3s cubic-bezier(.2,.8,.2,1)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,231,235,.86)}.nav-wrap{min-height:78px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:23px;letter-spacing:-.04em;color:var(--navy);white-space:nowrap}.brand-mark{width:36px;height:36px;border-radius:12px;background:var(--violet);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(98,86,232,.28)}.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.main-nav a{padding:10px 13px;border-radius:10px;color:#596174;font-size:14px;transition:var(--ease);white-space:nowrap}.main-nav a:hover,.main-nav a.active{background:var(--soft-violet);color:var(--violet-dark);font-weight:700}.nav-action{padding:11px 17px!important;color:#fff!important;background:var(--navy)!important;border-radius:12px!important;margin-left:10px}.nav-action:hover{background:var(--violet)!important;transform:translateY(-2px)}.menu-toggle{display:none;border:0;background:var(--soft-violet);color:var(--violet-dark);width:42px;height:42px;border-radius:12px}
    .hero{position:relative;overflow:hidden;min-height:530px;color:#fff;background:linear-gradient(110deg,rgba(12,19,54,.95),rgba(30,30,89,.64)),url("/assets/images/backpic/back-2.webp") center/cover}.hero:after{content:"";position:absolute;right:-13%;bottom:-50%;width:58%;height:90%;background:rgba(255,139,69,.18);transform:rotate(-16deg);border-radius:45%}.hero-inner{position:relative;z-index:2;min-height:530px;display:flex;align-items:center}.hero-copy{max-width:740px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#ffe0cc;font-size:13px;font-weight:800;letter-spacing:.08em;margin-bottom:16px}.eyebrow:before{content:"";width:26px;height:3px;background:var(--orange);border-radius:5px}.hero h1{font-size:clamp(38px,6vw,70px);line-height:1.1;letter-spacing:-.06em;margin:0 0 20px;font-weight:900}.hero p{font-size:18px;color:rgba(255,255,255,.82);max-width:680px;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.btn-primary-custom,.btn-light-custom,.btn-outline-custom{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;padding:13px 21px;font-weight:800;transition:var(--ease)}.btn-primary-custom{background:var(--orange);color:#201631;box-shadow:0 10px 24px rgba(255,139,69,.25)}.btn-primary-custom:hover{background:#ffab70;color:#201631;transform:translateY(-3px)}.btn-light-custom{background:#fff;color:var(--navy)}.btn-light-custom:hover{background:#ffe4d5;transform:translateY(-3px)}.btn-outline-custom{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.08)}.btn-outline-custom:hover{background:#fff;color:var(--navy)}
    .play-panel{position:absolute;right:7%;bottom:58px;z-index:3;width:245px;padding:20px;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:rgba(17,27,62,.63);backdrop-filter:blur(10px)}.play-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:var(--navy);font-size:20px;margin-bottom:15px;box-shadow:0 8px 22px rgba(255,139,69,.35)}.play-panel strong{display:block;font-size:17px}.play-panel span{font-size:13px;color:rgba(255,255,255,.68)}
    .section{padding:82px 0}.section-tight{padding:56px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-head h2{font-size:clamp(29px,4vw,44px);letter-spacing:-.05em;line-height:1.2;margin:0 0 9px;font-weight:900}.section-head p{max-width:650px;color:var(--muted);margin:0}.tag{display:inline-block;padding:4px 10px;border-radius:30px;background:#eceaff;color:var(--violet-dark);font-size:12px;font-weight:800}.text-link{color:var(--violet-dark);font-weight:800;white-space:nowrap}.text-link:hover{color:var(--orange)}
    .intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.intro-copy h2{font-size:39px;line-height:1.22;letter-spacing:-.05em;margin:12px 0 17px;font-weight:900}.intro-copy p{color:var(--muted);margin-bottom:16px}.image-frame{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);position:relative}.image-frame img{width:100%;height:365px;object-fit:cover}.image-caption{position:absolute;bottom:18px;left:18px;right:18px;padding:13px 16px;border-radius:14px;background:rgba(17,27,62,.82);color:#fff;font-size:14px}
    .stats-band{background:var(--navy);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.15)}.stat{padding:28px 24px;background:var(--navy)}.stat strong{display:block;color:var(--orange);font-size:36px;line-height:1.1}.stat span{display:block;color:rgba(255,255,255,.7);font-size:14px;margin-top:8px}
    .dynamic-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.story-card,.side-card,.process-card,.faq-item,.subscribe-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.story-card{overflow:hidden}.story-card img{width:100%;height:250px;object-fit:cover}.story-body{padding:24px}.story-body h3{font-size:25px;line-height:1.35;margin:10px 0}.story-body p,.side-card p,.process-card p{color:var(--muted)}.side-stack{display:grid;gap:18px}.side-card{padding:23px}.side-card h3{font-size:19px;margin:9px 0 5px}.meta{font-size:13px;color:var(--muted)}
    .process-section{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.process-card{padding:26px;box-shadow:none}.step-number{width:38px;height:38px;display:grid;place-items:center;background:var(--soft-violet);color:var(--violet-dark);border-radius:12px;font-weight:900}.process-card h3{font-size:20px;margin:17px 0 7px}
    .timeline{border-left:2px solid #d9d6ff;margin:5px 0 0 12px;padding-left:29px;display:grid;gap:22px}.timeline-item{position:relative}.timeline-item:before{content:"";position:absolute;left:-38px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--orange);border:3px solid var(--paper)}.timeline-item h3{font-size:18px;margin:0 0 3px}.timeline-item p{color:var(--muted);margin:0}
    .compare{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;align-items:stretch}.dark-panel{border-radius:var(--radius-lg);padding:34px;background:linear-gradient(135deg,#171e49,#302e76);color:#fff}.dark-panel h2{font-size:35px;line-height:1.25;margin:13px 0}.dark-panel p{color:rgba(255,255,255,.7)}.benefit-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.benefit{padding:21px;background:#fff;border:1px solid var(--line);border-radius:16px}.benefit b{display:block;margin-bottom:6px}.benefit span{color:var(--muted);font-size:14px}
    .faq-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-item{padding:21px 24px}.faq-item h3{font-size:17px;margin:0 0 7px}.faq-item p{color:var(--muted);margin:0;font-size:14px}
    .cta{padding:68px 0;background:var(--soft-violet)}.cta-box{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font-size:39px;line-height:1.2;margin:0 0 10px;font-weight:900}.cta p{color:var(--muted);margin:0}
    .site-footer{background:#0d1431;color:#fff;padding:58px 0 22px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.13)}.footer-brand p{color:rgba(255,255,255,.6);max-width:280px;margin-top:16px}.footer-title{font-weight:800;margin-bottom:14px}.footer-links{display:grid;gap:8px}.footer-links a{color:rgba(255,255,255,.6);font-size:14px;transition:var(--ease)}.footer-links a:hover{color:var(--orange);padding-left:3px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;color:rgba(255,255,255,.48);font-size:12px}.footer-bottom a:hover{color:#fff}
    :focus-visible{outline:3px solid rgba(255,139,69,.65);outline-offset:3px}
    @media(max-width:1024px){.main-nav{gap:0}.main-nav a{padding:9px 8px;font-size:13px}.play-panel{right:3%}.intro-grid,.compare{gap:28px}}
    @media(max-width:768px){.nav-wrap{min-height:70px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:70px;left:16px;right:16px;padding:12px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{width:100%;padding:11px 14px}.nav-action{margin:5px 0 0!important;text-align:center}.hero,.hero-inner{min-height:600px}.hero-copy{padding-bottom:70px}.play-panel{right:24px;bottom:25px;width:205px;padding:14px}.play-icon{width:40px;height:40px;margin-bottom:8px}.section{padding:64px 0}.intro-grid,.dynamic-grid,.compare{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.process-grid,.faq-list{grid-template-columns:1fr}.benefit-list{grid-template-columns:1fr}.cta-box{display:block}.cta-box .btn-primary-custom{margin-top:22px}.footer-top{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}}
    @media(max-width:520px){.container{padding:0 18px}.brand{font-size:20px}.brand-mark{width:32px;height:32px}.hero h1{font-size:41px}.hero p{font-size:16px}.hero-actions a{width:100%}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:12px}.intro-copy h2,.cta h2{font-size:30px}.stats-grid{grid-template-columns:1fr}.stat{padding:20px}.image-frame img{height:280px}.footer-top{grid-template-columns:1fr}.footer-bottom{font-size:11px}}

/* roulang page: category5 */
:root{
      --ink:#101828;--muted:#667085;--paper:#f7f8fb;--surface:#fff;--line:#e5e7eb;
      --navy:#111b3e;--violet:#6256e8;--violet-dark:#4b41c9;--orange:#ff8b45;
      --mint:#d8f6ed;--soft-violet:#efedff;--radius-lg:28px;--radius-md:18px;
      --radius-sm:12px;--shadow:0 18px 55px rgba(28,35,74,.10);--shadow-sm:0 8px 24px rgba(28,35,74,.07);
      --ease:all .3s cubic-bezier(.2,.8,.2,1)
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:16px;line-height:1.75}
    a{color:inherit;text-decoration:none} img{display:block;max-width:100%} button,input{font:inherit}
    .container{max-width:1200px;margin:auto;padding:0 24px}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,231,235,.86)}
    .nav-wrap{min-height:78px;display:flex;align-items:center;gap:28px}
    .brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:23px;letter-spacing:-.04em;color:var(--navy);white-space:nowrap}
    .brand-mark{width:36px;height:36px;border-radius:12px;background:var(--violet);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(98,86,232,.28)}
    .main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
    .main-nav a{padding:10px 13px;border-radius:10px;color:#596174;font-size:14px;transition:var(--ease);white-space:nowrap}
    .main-nav a:hover,.main-nav a.active{background:var(--soft-violet);color:var(--violet-dark);font-weight:700}
    .nav-action{padding:11px 17px!important;color:#fff!important;background:var(--navy)!important;border-radius:12px!important;margin-left:10px}
    .nav-action:hover{background:var(--violet)!important;transform:translateY(-2px)}
    .menu-toggle{display:none;border:0;background:var(--soft-violet);color:var(--violet-dark);width:42px;height:42px;border-radius:12px}
    .hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(110deg,rgba(12,19,54,.96),rgba(30,30,89,.72)),url("/assets/images/backpic/back-2.webp") center/cover}
    .hero:after{content:"";position:absolute;right:-12%;bottom:-55%;width:58%;height:90%;background:rgba(255,139,69,.18);transform:rotate(-16deg);border-radius:45%}
    .hero-inner{position:relative;z-index:1;min-height:500px;display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center;padding:72px 24px}
    .eyebrow{display:inline-flex;gap:8px;align-items:center;color:#ffd9c2;font-size:13px;font-weight:800;letter-spacing:.08em}
    .eyebrow:before{content:"";width:26px;height:3px;background:var(--orange);border-radius:5px}
    h1{font-size:clamp(38px,5vw,66px);line-height:1.13;letter-spacing:-.06em;margin:18px 0 20px;font-weight:900}
    .hero p{font-size:18px;color:rgba(255,255,255,.8);max-width:640px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:29px}
    .btn-primary-custom,.btn-light-custom,.btn-outline-custom{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;padding:13px 21px;font-weight:800;transition:var(--ease)}
    .btn-primary-custom{background:var(--orange);color:#201631;box-shadow:0 10px 24px rgba(255,139,69,.25)}
    .btn-primary-custom:hover{background:#ffab70;transform:translateY(-3px)}
    .btn-light-custom{background:#fff;color:var(--navy)} .btn-light-custom:hover{background:#ffe4d5;transform:translateY(-3px)}
    .btn-outline-custom{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.08)}
    .btn-outline-custom:hover{background:#fff;color:var(--navy)}
    .hero-panel{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:15px;box-shadow:0 22px 50px rgba(0,0,0,.18)}
    .hero-panel img{height:220px;width:100%;object-fit:cover;border-radius:17px;opacity:.86}
    .panel-caption{display:flex;justify-content:space-between;align-items:center;padding:17px 5px 3px}
    .panel-caption strong{font-size:18px}.panel-caption span{font-size:12px;color:#ffd1b9}
    .section{padding:88px 0}.section-tight{padding:62px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}
    .section-head h2{font-size:clamp(29px,4vw,44px);line-height:1.2;letter-spacing:-.05em;margin:0 0 10px;font-weight:900}
    .section-head p{max-width:650px;color:var(--muted);margin:0}
    .tag{display:inline-block;padding:4px 10px;border-radius:30px;background:var(--soft-violet);color:var(--violet-dark);font-size:12px;font-weight:800}
    .metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .metric{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:25px;box-shadow:var(--shadow-sm);transition:var(--ease)}
    .metric:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
    .metric strong{display:block;color:var(--violet-dark);font-size:35px;line-height:1.1;margin-bottom:8px}.metric span{color:var(--muted);font-size:14px}
    .data-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center}
    .data-feature img{width:100%;height:390px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow)}
    .data-feature h2{font-size:40px;line-height:1.2;letter-spacing:-.05em;margin:15px 0;font-weight:900}
    .data-feature p{color:var(--muted)} .check-list{list-style:none;padding:0;margin:23px 0;display:grid;gap:12px}
    .check-list li{display:flex;gap:12px;align-items:flex-start;color:#475467}.check-list li:before{content:"✓";flex:0 0 25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:#087b61;font-weight:900;margin-top:3px}
    .dark-section{background:var(--navy);color:#fff}.dark-section .section-head p{color:rgba(255,255,255,.64)}
    .insight-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}
    .insight-card{min-height:290px;border-radius:var(--radius-lg);overflow:hidden;position:relative;background:#252e5e}
    .insight-card img{width:100%;height:100%;object-fit:cover;opacity:.55;transition:var(--ease)}
    .insight-card:hover img{transform:scale(1.05);opacity:.7}
    .insight-copy{position:absolute;left:26px;right:26px;bottom:24px}.insight-copy h3{font-size:25px;margin:10px 0 4px}.insight-copy p{color:rgba(255,255,255,.72);font-size:14px;margin:0}
    .insight-side{display:grid;gap:20px}.insight-side .insight-card{min-height:135px}
    .insight-side h3{font-size:19px}
    .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{padding:28px;border:1px solid var(--line);background:#fff;border-radius:var(--radius-md);position:relative}
    .step-no{color:var(--orange);font-size:14px;font-weight:900}.step h3{font-size:21px;margin:12px 0 6px}.step p{color:var(--muted);font-size:14px;margin:0}
    .comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px}.compare-box{padding:30px;border-radius:var(--radius-md);background:#fff;border:1px solid var(--line)}.compare-box.highlight{background:var(--soft-violet);border-color:#d8d3ff}
    .compare-box h3{margin:0 0 20px;font-size:22px}.compare-box ul{padding:0;margin:0;list-style:none;display:grid;gap:14px}.compare-box li{display:flex;justify-content:space-between;border-bottom:1px dashed #d9dbe5;padding-bottom:10px;color:#596174}.compare-box li b{color:var(--ink)}
    .faq-wrap{max-width:900px;margin:auto}.accordion-item{border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden;margin-bottom:12px;background:#fff}.accordion-button{font-weight:800;color:var(--ink);padding:19px 22px;background:#fff!important;box-shadow:none!important}.accordion-button:not(.collapsed){color:var(--violet-dark)}.accordion-body{color:var(--muted);padding:0 22px 20px}
    .cta{background:linear-gradient(115deg,var(--violet-dark),var(--violet));color:#fff;border-radius:var(--radius-lg);padding:54px 60px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:36px;line-height:1.2;margin:0 0 10px}.cta p{color:rgba(255,255,255,.75);margin:0;max-width:650px}
    .subscribe{display:flex;gap:10px;margin-top:20px}.subscribe input{border:0;border-radius:12px;padding:12px 15px;width:260px;outline:0}.subscribe input:focus{box-shadow:0 0 0 4px rgba(255,139,69,.25)}
    .site-footer{background:#0c1331;color:#fff;padding:60px 0 24px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.footer-brand p{color:rgba(255,255,255,.58);max-width:290px;margin-top:18px;font-size:14px}.footer-title{font-weight:800;margin-bottom:14px}.footer-links{display:grid;gap:9px;color:rgba(255,255,255,.58);font-size:14px}.footer-links a:hover,.footer-bottom a:hover{color:var(--orange)}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.48);font-size:12px}
    :focus-visible{outline:3px solid rgba(255,139,69,.65);outline-offset:3px}
    @media(max-width:1024px){.main-nav a{padding:9px 8px;font-size:13px}.hero-inner{gap:30px}.metric-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:14px 24px 20px;border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{width:100%;padding:12px}.nav-action{margin:5px 0 0!important;text-align:center}.hero-inner,.data-feature,.insight-grid{grid-template-columns:1fr}.hero-inner{min-height:auto;padding:64px 24px}.hero-panel{max-width:520px}.section{padding:65px 0}.steps,.comparison{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.cta{padding:38px 28px;display:block}}
    @media(max-width:520px){.container{padding:0 18px}.nav-wrap{min-height:70px}.brand{font-size:20px}.brand-mark{width:33px;height:33px}.hero h1{font-size:40px}.hero p{font-size:16px}.hero-actions>*{width:100%}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:18px 14px}.metric strong{font-size:27px}.data-feature img{height:270px}.section-head{display:block}.section-head h2{font-size:31px}.insight-card{min-height:240px}.footer-top{grid-template-columns:1fr;gap:25px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:10px}.subscribe{display:block}.subscribe input{width:100%;margin-bottom:10px}.subscribe button{width:100%}}

/* roulang page: category6 */
:root{
      --ink:#101828;--muted:#667085;--paper:#f7f8fb;--surface:#fff;--line:#e5e7eb;
      --navy:#111b3e;--violet:#6256e8;--violet-dark:#4b41c9;--orange:#ff8b45;
      --mint:#d8f6ed;--soft-violet:#efedff;--radius-lg:28px;--radius-md:18px;
      --radius-sm:12px;--shadow:0 18px 55px rgba(28,35,74,.10);--shadow-sm:0 8px 24px rgba(28,35,74,.07);
      --ease:all .3s cubic-bezier(.2,.8,.2,1)
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:16px;line-height:1.75}
    a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}
    .container{max-width:1200px;margin:0 auto;padding:0 24px}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,231,235,.86)}
    .nav-wrap{min-height:78px;display:flex;align-items:center;gap:28px}
    .brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:23px;letter-spacing:-.04em;color:var(--navy);white-space:nowrap}
    .brand-mark{width:36px;height:36px;border-radius:12px;background:var(--violet);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(98,86,232,.28)}
    .main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
    .main-nav a{padding:10px 13px;border-radius:10px;color:#596174;font-size:14px;transition:var(--ease);white-space:nowrap}
    .main-nav a:hover,.main-nav a.active{background:var(--soft-violet);color:var(--violet-dark);font-weight:700}
    .nav-action{padding:11px 17px!important;color:#fff!important;background:var(--navy)!important;border-radius:12px!important;margin-left:10px}
    .nav-action:hover{background:var(--violet)!important;transform:translateY(-2px)}
    .menu-toggle{display:none;border:0;background:var(--soft-violet);color:var(--violet-dark);width:42px;height:42px;border-radius:12px}
    .inner-hero{position:relative;min-height:410px;display:flex;align-items:center;overflow:hidden;color:#fff;background:linear-gradient(105deg,rgba(12,19,54,.96),rgba(38,31,99,.68)),url("/assets/images/backpic/back-2.webp") center/cover}
    .inner-hero:before{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:10%;top:10%;box-shadow:0 0 0 35px rgba(255,255,255,.03),0 0 0 70px rgba(255,255,255,.025)}
    .hero-content{position:relative;z-index:1;max-width:730px;padding:68px 0}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#ffd1b5;font-size:13px;font-weight:800;letter-spacing:.08em;margin-bottom:15px}
    .eyebrow:before{content:"";width:26px;height:3px;background:var(--orange);border-radius:5px}
    h1{font-size:clamp(40px,6vw,68px);line-height:1.12;letter-spacing:-.06em;margin:0 0 20px;font-weight:900}
    .hero-content p{font-size:18px;color:rgba(255,255,255,.8);max-width:650px;margin:0 0 27px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:13px}
    .btn-primary-custom,.btn-light-custom,.btn-outline-custom{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;padding:13px 21px;font-weight:800;transition:var(--ease)}
    .btn-primary-custom{background:var(--orange);color:#201631;box-shadow:0 10px 24px rgba(255,139,69,.25)}
    .btn-primary-custom:hover{background:#ffab70;transform:translateY(-3px)}
    .btn-light-custom{background:#fff;color:var(--navy)}.btn-light-custom:hover{background:#ffe4d5;transform:translateY(-3px)}
    .btn-outline-custom{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.08)}
    .btn-outline-custom:hover{background:#fff;color:var(--navy)}
    .section{padding:82px 0}.section-tight{padding:56px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}
    .section-head h2{font-size:clamp(29px,4vw,44px);letter-spacing:-.05em;line-height:1.2;margin:0 0 10px;font-weight:900}
    .section-head p{max-width:650px;color:var(--muted);margin:0}
    .tag{display:inline-block;padding:4px 10px;border-radius:30px;background:var(--soft-violet);color:var(--violet-dark);font-size:12px;font-weight:800}
    .intro-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:38px;align-items:center}
    .intro-copy{font-size:18px;color:#475467}.intro-copy p{margin-bottom:18px}
    .photo-card{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);position:relative}
    .photo-card img{width:100%;height:390px;object-fit:cover;transition:var(--ease)}.photo-card:hover img{transform:scale(1.04)}
    .photo-caption{position:absolute;left:20px;bottom:18px;padding:10px 14px;background:rgba(17,27,62,.82);border-radius:12px;color:#fff;font-weight:700}
    .topic-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:18px}
    .topic-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:27px;min-height:205px;transition:var(--ease)}
    .topic-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#d8d3ff}
    .topic-card.large{background:var(--navy);color:#fff;grid-row:span 2;display:flex;flex-direction:column;justify-content:end;min-height:428px;overflow:hidden;position:relative}
    .topic-card.large:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,27,62,.92),transparent 75%)}
    .topic-card.large img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58}
    .topic-card.large .topic-inner{position:relative;z-index:1}.topic-card h3{font-size:21px;font-weight:900;margin:15px 0 7px}.topic-card p{color:var(--muted);font-size:14px;margin:0}.large p{color:rgba(255,255,255,.72)}
    .icon-dot{width:42px;height:42px;border-radius:14px;background:var(--mint);color:#087b61;display:grid;place-items:center;font-size:20px;font-weight:900}
    .event-band{background:var(--navy);color:#fff}.event-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:35px;align-items:center}
    .event-copy h2{font-size:38px;line-height:1.2;letter-spacing:-.04em;margin:14px 0}.event-copy p{color:rgba(255,255,255,.68)}
    .count-panel{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:28px}
    .count-panel h3{margin:0 0 20px;font-size:21px}.countdown{display:flex;gap:12px}.time-box{flex:1;background:rgba(255,255,255,.1);border-radius:15px;padding:17px 10px;text-align:center}.time-box strong{display:block;font-size:32px;line-height:1;color:#fff}.time-box span{font-size:12px;color:rgba(255,255,255,.6)}
    .story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}.story-grid h2{font-size:39px;line-height:1.2;letter-spacing:-.05em;margin:12px 0}.story-grid p{color:var(--muted)}
    .quote{background:#fff;border-left:4px solid var(--orange);border-radius:0 18px 18px 0;padding:22px 24px;color:#475467;font-size:17px;box-shadow:var(--shadow-sm)}
    .principles{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:25px}.principle{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}.principle strong{display:block;margin-bottom:5px}.principle span{font-size:14px;color:var(--muted)}
    .feed-section{background:#fff}.feed-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:25px}.feed-list{display:grid;gap:13px}.feed-item{display:flex;gap:18px;padding:19px;border:1px solid var(--line);border-radius:16px;transition:var(--ease)}.feed-item:hover{box-shadow:var(--shadow-sm);transform:translateX(4px)}.feed-date{min-width:67px;color:var(--violet-dark);font-weight:900;font-size:13px}.feed-item h3{font-size:17px;margin:0 0 5px}.feed-item p{font-size:13px;color:var(--muted);margin:0}.feed-item a{display:inline-block;color:var(--violet-dark);font-size:13px;font-weight:800;margin-top:5px}
    .side-note{background:var(--soft-violet);border-radius:22px;padding:28px}.side-note h3{font-size:24px;margin:0 0 13px}.side-note p{color:#596174}.side-note ul{padding-left:20px;color:#596174}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{position:relative;padding:24px 20px;background:#fff;border:1px solid var(--line);border-radius:18px}.step-num{color:var(--orange);font-size:28px;font-weight:900;line-height:1}.step h3{font-size:18px;margin:15px 0 7px}.step p{font-size:14px;color:var(--muted);margin:0}
    .stats{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat{text-align:center;padding:18px}.stat strong{display:block;color:var(--violet-dark);font-size:36px;line-height:1.2}.stat span{font-size:14px;color:var(--muted)}
    .faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px}.faq-grid h2{font-size:39px;line-height:1.2;margin:10px 0}.faq-grid>div>p{color:var(--muted)}details{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px 20px;margin-bottom:12px}summary{cursor:pointer;font-weight:800;list-style:none;position:relative;padding-right:25px}summary::-webkit-details-marker{display:none}summary:after{content:"＋";position:absolute;right:0;color:var(--violet)}details[open] summary:after{content:"−"}details p{color:var(--muted);font-size:14px;margin:12px 0 0}
    .cta{margin:0 0 80px;background:linear-gradient(110deg,var(--violet-dark),var(--navy));border-radius:var(--radius-lg);padding:44px 50px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font-size:34px;line-height:1.25;margin:0 0 8px}.cta p{margin:0;color:rgba(255,255,255,.7)}
    .site-footer{background:#11172f;color:#fff;padding:60px 0 22px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px;padding-bottom:42px}.footer-brand p{color:rgba(255,255,255,.58);max-width:280px;font-size:14px}.footer-title{font-weight:800;margin-bottom:14px}.footer-links{display:grid;gap:8px}.footer-links a{font-size:14px;color:rgba(255,255,255,.6);transition:var(--ease)}.footer-links a:hover{color:#ffb184}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.48);font-size:12px}.footer-bottom a{color:rgba(255,255,255,.7)}
    :focus-visible{outline:3px solid rgba(255,139,69,.65);outline-offset:3px}
    @media(max-width:1024px){.main-nav a{padding:9px 8px;font-size:13px}.topic-grid{grid-template-columns:1fr 1fr}.topic-card.large{grid-row:span 1}.steps{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.nav-wrap{min-height:70px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:70px;left:15px;right:15px;background:#fff;padding:12px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:12px 14px}.nav-action{margin-left:0!important;text-align:center}.intro-grid,.event-grid,.story-grid,.feed-layout,.faq-grid{grid-template-columns:1fr;gap:28px}.hero-content{padding:55px 0}.inner-hero{min-height:430px}.section{padding:62px 0}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:15px}.topic-grid{grid-template-columns:1fr}.topic-card.large{min-height:310px}.stat-grid{grid-template-columns:repeat(2,1fr)}.cta{display:block;padding:35px 27px;margin-bottom:60px}.cta .btn-primary-custom{margin-top:23px}.footer-top{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}}
    @media(max-width:520px){.container{padding:0 17px}h1{font-size:42px}.hero-content p{font-size:16px}.hero-actions a{width:100%}.countdown{gap:6px}.time-box{padding:13px 5px}.time-box strong{font-size:25px}.principles{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.feed-item{display:block}.feed-date{margin-bottom:6px}.footer-top{grid-template-columns:1fr}.photo-card img{height:290px}.cta h2{font-size:28px}}

/* roulang page: category1 */
:root{
      --ink:#101828;--muted:#667085;--paper:#f7f8fb;--surface:#fff;--line:#e5e7eb;
      --navy:#111b3e;--violet:#6256e8;--violet-dark:#4b41c9;--orange:#ff8b45;
      --mint:#d8f6ed;--soft-violet:#efedff;--radius-lg:28px;--radius-md:18px;
      --radius-sm:12px;--shadow:0 18px 55px rgba(28,35,74,.10);--shadow-sm:0 8px 24px rgba(28,35,74,.07);
      --ease:all .3s cubic-bezier(.2,.8,.2,1)
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:16px;line-height:1.75}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    :focus-visible{outline:3px solid rgba(255,139,69,.7);outline-offset:3px}
    .container{max-width:1200px;margin:0 auto;padding:0 24px}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,231,235,.86)}
    .nav-wrap{min-height:78px;display:flex;align-items:center;gap:28px}
    .brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:23px;letter-spacing:-.04em;color:var(--navy);white-space:nowrap}
    .brand-mark{width:36px;height:36px;border-radius:12px;background:var(--violet);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(98,86,232,.28)}
    .main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
    .main-nav a{padding:10px 13px;border-radius:10px;color:#596174;font-size:14px;transition:var(--ease);white-space:nowrap}
    .main-nav a:hover,.main-nav a.active{background:var(--soft-violet);color:var(--violet-dark);font-weight:700}
    .nav-action{padding:11px 17px!important;color:#fff!important;background:var(--navy)!important;border-radius:12px!important;margin-left:10px}
    .nav-action:hover{background:var(--violet)!important;transform:translateY(-2px)}
    .menu-toggle{display:none;border:0;background:var(--soft-violet);color:var(--violet-dark);width:42px;height:42px;border-radius:12px;font-size:20px}
    .inner-hero{position:relative;overflow:hidden;background:linear-gradient(105deg,rgba(11,20,53,.96) 0%,rgba(23,30,75,.88) 56%,rgba(37,31,107,.65) 100%),url("/assets/images/backpic/back-2.webp") center/cover;color:#fff}
    .inner-hero:after{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-140px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.05),0 0 0 76px rgba(255,255,255,.035)}
    .inner-hero .container{position:relative;z-index:1}
    .hero-grid{min-height:570px;display:grid;grid-template-columns:1fr .72fr;gap:50px;align-items:center;padding:78px 0}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#ffe0cc;font-size:13px;font-weight:800;letter-spacing:.1em;margin-bottom:17px}
    .eyebrow:before{content:"";width:27px;height:3px;border-radius:5px;background:var(--orange)}
    h1{font-size:clamp(42px,5vw,66px);line-height:1.1;letter-spacing:-.065em;font-weight:900;margin:0 0 21px}
    .hero-copy>p{max-width:665px;font-size:18px;color:rgba(255,255,255,.8);margin:0 0 29px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
    .btn-primary-custom,.btn-light-custom,.btn-outline-custom{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;padding:13px 21px;font-weight:800;transition:var(--ease);cursor:pointer}
    .btn-primary-custom{background:var(--orange);color:#28152a;box-shadow:0 10px 24px rgba(255,139,69,.24)}
    .btn-primary-custom:hover{background:#ffad75;color:#28152a;transform:translateY(-3px)}
    .btn-light-custom{background:#fff;color:var(--navy)}
    .btn-light-custom:hover{background:#f0edff;color:var(--violet-dark);transform:translateY(-3px)}
    .btn-outline-custom{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.08)}
    .btn-outline-custom:hover{background:#fff;color:var(--navy)}
    .phone-stage{width:min(100%,320px);justify-self:end;position:relative;padding:12px;border-radius:40px;background:linear-gradient(145deg,#f5f3ff,#aaa3f7 45%,#fff);box-shadow:0 28px 70px rgba(0,0,0,.32);transform:rotate(4deg)}
    .phone-stage:before{content:"";width:35%;height:24px;position:absolute;left:32.5%;top:19px;background:#13182f;border-radius:0 0 14px 14px;z-index:3}
    .phone-screen{overflow:hidden;min-height:500px;padding:43px 17px 19px;border-radius:30px;background:#111b3e url("/assets/images/coverpic/cover-1.webp") center top/cover no-repeat;position:relative}
    .phone-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,18,52,.16),rgba(10,18,52,.93) 54%)}
    .phone-content{position:relative;z-index:1}
    .phone-time{font-size:11px;font-weight:800;display:flex;justify-content:space-between;margin-bottom:33px}
    .phone-label{font-size:11px;font-weight:800;padding:5px 9px;background:rgba(255,139,69,.9);border-radius:20px}
    .phone-content h2{font-size:29px;line-height:1.15;font-weight:900;margin:16px 0 12px}
    .phone-content p{font-size:13px;line-height:1.65;color:rgba(255,255,255,.78);margin:0 0 23px}
    .mini-match{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:16px;padding:14px}
    .mini-match small{color:#ffc7a5;font-weight:800}.mini-match strong{display:block;margin:7px 0;font-size:15px}.mini-match span{font-size:12px;color:#dbe0ff}
    .section{padding:92px 0}.section-tight{padding:62px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:34px}
    .section-head h2{font-size:clamp(29px,4vw,44px);letter-spacing:-.055em;line-height:1.2;margin:0 0 10px;font-weight:900}
    .section-head p{max-width:630px;color:var(--muted);margin:0}.section-head .text-link{margin-bottom:8px}
    .text-link{color:var(--violet-dark);font-weight:800;transition:var(--ease);white-space:nowrap}.text-link:hover{color:var(--orange)}
    .intro-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:42px;box-shadow:var(--shadow-sm)}
    .intro-panel p{color:#475467;font-size:17px;margin:0}.intro-panel p+p{margin-top:17px}
    .timeline-wrap{display:grid;grid-template-columns:230px 1fr;gap:38px;align-items:start}
    .date-rail{background:var(--navy);padding:22px;border-radius:var(--radius-md);position:sticky;top:100px}
    .date-rail a{display:block;padding:12px 14px;color:#cbd2ff;border-radius:10px;font-size:14px;transition:var(--ease)}
    .date-rail a:hover,.date-rail a:first-child{background:rgba(255,255,255,.13);color:#fff;font-weight:800}
    .calendar-list{display:grid;gap:17px}
    .match-row{display:grid;grid-template-columns:100px 1fr auto;gap:22px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:21px 24px;box-shadow:0 5px 18px rgba(28,35,74,.035);transition:var(--ease)}
    .match-row:hover{transform:translateX(5px);border-color:#c9c5ff;box-shadow:var(--shadow-sm)}
    .match-time{font-size:14px;font-weight:900;color:var(--violet-dark);line-height:1.4}.match-time span{display:block;font-size:12px;color:var(--muted);font-weight:600}
    .match-main{display:flex;align-items:center;gap:14px}.sport-dot{width:38px;height:38px;border-radius:13px;background:var(--soft-violet);color:var(--violet-dark);display:grid;place-items:center;font-weight:900}
    .match-main h3{font-size:18px;margin:0 0 2px;font-weight:900}.match-main p{font-size:13px;color:var(--muted);margin:0}
    .tag{display:inline-block;padding:5px 10px;border-radius:30px;background:var(--soft-violet);color:var(--violet-dark);font-size:12px;font-weight:800}
    .tag.orange{background:#fff0e7;color:#ba4c10}.tag.mint{background:var(--mint);color:#157760}
    .focus-section{background:#111b3e;color:#fff;overflow:hidden;position:relative}.focus-section:before{content:"";position:absolute;right:-8%;top:5%;width:45%;height:90%;background:url("/assets/images/backpic/back-3.webp") center/cover;opacity:.13;transform:skewX(-8deg)}
    .focus-section .container{position:relative;z-index:1}.focus-section .section-head p{color:rgba(255,255,255,.67)}
    .focus-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
    .featured-story{min-height:395px;position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#242e60}.featured-story img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:var(--ease)}.featured-story:hover img{transform:scale(1.05)}
    .featured-story .story-copy{position:absolute;inset:auto 0 0;padding:34px;background:linear-gradient(transparent,rgba(8,14,39,.97))}.story-copy h3{font-size:28px;line-height:1.25;font-weight:900;margin:13px 0 10px}.story-copy p{margin:0;color:rgba(255,255,255,.74)}
    .focus-stack{display:grid;gap:20px}.focus-card{display:grid;grid-template-columns:140px 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:18px;transition:var(--ease)}.focus-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.12)}.focus-card img{width:100%;height:100%;min-height:150px;object-fit:cover}.focus-card>div{padding:20px}.focus-card h3{font-size:18px;line-height:1.35;margin:9px 0}.focus-card p{font-size:13px;color:rgba(255,255,255,.65);margin:0}
    .benefit-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;align-items:center}.benefit-image{position:relative;min-height:510px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.benefit-image img{width:100%;height:100%;object-fit:cover}.image-badge{position:absolute;right:20px;bottom:20px;width:170px;padding:17px;border-radius:16px;background:rgba(255,255,255,.93);box-shadow:var(--shadow-sm);color:var(--navy)}.image-badge strong{font-size:29px;line-height:1;display:block;color:var(--violet-dark)}.image-badge span{font-size:12px;color:var(--muted)}
    .benefit-copy h2{font-size:clamp(31px,4vw,45px);letter-spacing:-.055em;line-height:1.2;font-weight:900;margin:0 0 17px}.benefit-copy>p{color:var(--muted);margin-bottom:24px}.check-list{list-style:none;padding:0;margin:0;display:grid;gap:13px}.check-list li{position:relative;padding:15px 16px 15px 50px;background:#fff;border:1px solid var(--line);border-radius:14px;font-weight:700}.check-list li:before{content:"✓";position:absolute;left:16px;top:14px;width:23px;height:23px;border-radius:50%;background:var(--mint);color:#13765c;text-align:center;line-height:23px;font-weight:900}
    .steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step-card{padding:25px 21px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);position:relative;transition:var(--ease)}.step-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm)}.step-no{display:block;font-size:12px;font-weight:900;color:var(--orange);letter-spacing:.09em;margin-bottom:29px}.step-card h3{font-size:19px;font-weight:900;margin:0 0 9px}.step-card p{font-size:14px;color:var(--muted);margin:0}
    .data-band{background:#efedff}.data-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:16px}.data-lead,.data-card{border-radius:var(--radius-md);padding:27px;background:#fff;border:1px solid rgba(98,86,232,.13)}.data-lead{background:var(--violet);color:#fff}.data-lead h2{font-size:29px;line-height:1.25;font-weight:900;margin:0 0 10px}.data-lead p{color:rgba(255,255,255,.78);margin:0;font-size:14px}.data-card strong{display:block;font-size:34px;line-height:1;color:var(--violet-dark);margin-bottom:10px}.data-card span{font-size:14px;color:var(--muted);font-weight:700}
    .faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:start}.faq-intro{padding:31px;border-radius:var(--radius-lg);background:var(--navy);color:#fff}.faq-intro h2{font-size:34px;line-height:1.2;font-weight:900;margin:0 0 14px}.faq-intro p{color:rgba(255,255,255,.7);margin:0}.faq-list{display:grid;gap:12px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.faq-question{width:100%;padding:20px 22px;background:#fff;border:0;color:var(--ink);text-align:left;display:flex;justify-content:space-between;gap:15px;font-weight:900}.faq-question span{color:var(--violet);font-size:22px;line-height:1}.faq-answer{display:none;padding:0 22px 21px;color:var(--muted);font-size:14px}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question span{transform:rotate(45deg)}
    .subscribe-box{position:relative;overflow:hidden;background:linear-gradient(115deg,#ff8b45,#f46e67);padding:48px;border-radius:var(--radius-lg);color:#241734}.subscribe-box:after{content:"";position:absolute;right:-70px;top:-110px;width:320px;height:320px;border:42px solid rgba(255,255,255,.15);border-radius:50%}.subscribe-box>*{position:relative;z-index:1}.subscribe-box h2{font-size:clamp(30px,4vw,44px);font-weight:900;letter-spacing:-.055em;line-height:1.2;margin:0 0 12px}.subscribe-box p{max-width:660px;margin:0 0 25px;font-weight:600}.subscribe-form{display:flex;max-width:620px;gap:10px}.subscribe-form input{flex:1;border:0;border-radius:13px;padding:14px 16px;min-width:0;color:var(--ink)}.subscribe-form button{border:0}
    .site-footer{background:#10172f;color:#d6dcf5;padding:65px 0 22px}.footer-top{display:grid;grid-template-columns:1.65fr 1fr 1fr 1fr;gap:42px;padding-bottom:43px}.footer-brand p{max-width:290px;margin:15px 0 0;color:#9ba7cd;font-size:14px}.footer-title{font-size:15px;font-weight:900;color:#fff;margin-bottom:15px}.footer-links{display:grid;gap:8px}.footer-links a{color:#aeb8dc;font-size:14px;transition:var(--ease)}.footer-links a:hover{color:#fff;transform:translateX(3px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.11);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#8e9abc;font-size:12px}.footer-bottom a:hover{color:#fff}
    @media (max-width:1100px){.main-nav a{padding:9px 8px;font-size:13px}.nav-wrap{gap:15px}.hero-grid{gap:25px}.steps-grid{grid-template-columns:repeat(2,1fr)}}
    @media (max-width:900px){.menu-toggle{display:grid;place-items:center;margin-left:auto}.main-nav{display:none;position:absolute;left:16px;right:16px;top:67px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.show{display:flex}.main-nav a{padding:11px 13px}.nav-action{margin:4px 0 0!important;text-align:center}.hero-grid,.benefit-grid,.faq-layout{grid-template-columns:1fr}.hero-grid{padding:65px 0}.phone-stage{justify-self:center;transform:none;width:290px}.timeline-wrap{grid-template-columns:1fr}.date-rail{position:static;display:flex;gap:6px;overflow:auto;padding:10px}.date-rail a{white-space:nowrap}.focus-layout{grid-template-columns:1fr}.footer-top{grid-template-columns:1.5fr 1fr 1fr}.footer-brand{grid-column:1/-1}.data-grid{grid-template-columns:repeat(3,1fr)}.data-lead{grid-column:1/-1}.benefit-image{min-height:360px}}
    @media (max-width:640px){.container{padding:0 18px}.nav-wrap{min-height:68px}.brand{font-size:21px}.section{padding:65px 0}.section-tight{padding:46px 0}.hero-grid{min-height:auto;padding:57px 0}.inner-hero:after{display:none}h1{font-size:40px}.hero-copy>p{font-size:16px}.phone-screen{min-height:440px}.section-head{display:block;margin-bottom:25px}.section-head .text-link{display:inline-block;margin-top:14px}.intro-panel{padding:25px}.intro-panel p{font-size:16px}.match-row{grid-template-columns:78px 1fr;gap:14px;padding:17px}.match-row .tag{grid-column:2}.match-main{align-items:flex-start}.match-main h3{font-size:16px}.focus-card{grid-template-columns:105px 1fr}.focus-card>div{padding:14px}.focus-card img{min-height:132px}.story-copy{padding:24px!important}.story-copy h3{font-size:23px}.steps-grid,.data-grid{grid-template-columns:1fr}.data-lead{grid-column:auto}.subscribe-box{padding:30px 23px}.subscribe-form{flex-direction:column}.subscribe-form .btn-light-custom{width:100%}.footer-top{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block;line-height:1.8}.footer-bottom span+span{display:block;margin-top:8px}}