/* roulang page: index */
:root{
      --navy:#0d2442;
      --blue:#1769d1;
      --cyan:#1ea9d5;
      --sky:#eaf4ff;
      --ink:#15263d;
      --muted:#66758a;
      --line:#dce7f3;
      --paper:#fff;
      --soft:#f5f9fd;
      --orange:#f28c45;
      --radius:22px;
      --shadow:0 18px 55px rgba(20,67,116,.11);
      --shadow-sm:0 8px 25px rgba(20,67,116,.08);
    }
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:"Noto Sans SC",system-ui,sans-serif;color:var(--ink);background:#f8fbff;line-height:1.75}
    img{max-width:100%;display:block}
    a{text-decoration:none;color:inherit}
    button,input,textarea{font:inherit}
    .container{max-width:1180px}
    .topline{height:5px;background:linear-gradient(90deg,var(--blue),var(--cyan),#87d9df)}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,231,243,.85)}
    .navbar{min-height:78px}
    .brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.35rem;color:var(--navy);letter-spacing:.02em}
    .brand-mark{width:39px;height:39px;border-radius:13px;background:var(--navy);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 7px 18px rgba(13,36,66,.2)}
    .nav-link{font-size:.92rem;color:#49617d!important;font-weight:600;padding:12px 13px!important;border-radius:11px;transition:.25s}
    .nav-link:hover,.nav-link.active{color:var(--blue)!important;background:var(--sky)}
    .event-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#eef8f5;color:#16846a;font-size:.75rem;font-weight:700;margin-left:3px}
    .event-chip i{width:7px;height:7px;border-radius:50%;background:#22b88a}
    .event-chip.live{background:#fff2ed;color:#df673b}.event-chip.live i{background:#f07849}
    .header-action{background:var(--navy);color:#fff!important;border-radius:12px;padding:11px 17px!important;margin-left:8px}
    .header-action:hover{background:var(--blue);transform:translateY(-2px)}
    .hero{padding:58px 0 72px;background:linear-gradient(105deg,rgba(10,32,62,.94),rgba(19,83,145,.83)),url('/assets/images/backpic/back-1.webp') center/cover;position:relative;overflow:hidden;color:#fff}
    .hero::after{content:"";position:absolute;inset:auto -10% -130px auto;width:540px;height:300px;border-radius:50%;background:rgba(98,205,224,.18);filter:blur(4px)}
    .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#aee7f0;font-size:.83rem;font-weight:700;letter-spacing:.08em;margin-bottom:17px}
    .eyebrow span{width:22px;height:2px;background:var(--cyan)}
    h1,h2,h3,h4{line-height:1.28;margin:0 0 15px;font-weight:800;letter-spacing:-.025em}
    h1{font-size:clamp(2.45rem,5vw,4.7rem);max-width:750px}
    h2{font-size:clamp(1.8rem,3vw,2.65rem)}
    h3{font-size:1.3rem}
    .hero-copy{font-size:1.08rem;color:#dcecf9;max-width:660px;margin:23px 0 28px}
    .btn-main,.btn-lightline,.btn-orange{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:13px 21px;font-weight:700;transition:.25s;cursor:pointer}
    .btn-main{background:#fff;color:var(--navy);box-shadow:0 10px 25px rgba(0,0,0,.12)}
    .btn-main:hover{background:#dff8fb;color:var(--blue);transform:translateY(-2px)}
    .btn-lightline{border:1px solid rgba(255,255,255,.42);color:#fff;background:transparent;margin-left:8px}
    .btn-lightline:hover{background:rgba(255,255,255,.12);border-color:#fff}
    .btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:#db7133;color:#fff;transform:translateY(-2px)}
    .hero-points{display:flex;gap:28px;margin-top:32px;flex-wrap:wrap}
    .hero-point strong{display:block;font-size:1.65rem;color:#fff}.hero-point small{color:#b9d1e8}
    .brief-card{background:#fff;color:var(--ink);border-radius:26px;padding:25px;box-shadow:0 25px 70px rgba(0,0,0,.2);position:relative}
    .brief-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
    .label{font-size:.76rem;font-weight:800;color:var(--blue);background:var(--sky);padding:6px 10px;border-radius:8px}
    .brief-card img{height:190px;width:100%;object-fit:cover;border-radius:17px;margin-bottom:20px}
    .brief-card h3{font-size:1.42rem}.brief-card p{color:var(--muted);font-size:.9rem;margin-bottom:17px}
    .brief-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line);padding-top:17px}
    .brief-list div{font-size:.8rem;color:var(--muted)}.brief-list b{display:block;color:var(--ink);font-size:.95rem}
    section{padding:88px 0}.section-head{max-width:720px;margin-bottom:36px}.section-head p{color:var(--muted);margin:0;font-size:1rem}
    .section-kicker{color:var(--blue);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:11px}
    .soft-section{background:var(--soft)}
    .metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .metric{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px 23px;box-shadow:var(--shadow-sm)}
    .metric strong{font-size:2.25rem;color:var(--blue);display:block;line-height:1.1;margin-bottom:8px}.metric span{color:var(--muted);font-size:.88rem}
    .feature-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:start}
    .feature-intro{background:var(--navy);color:#fff;border-radius:24px;padding:34px;min-height:370px;position:relative;overflow:hidden}
    .feature-intro::after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.17);border-radius:50%;right:-45px;bottom:-35px}
    .feature-intro p{color:#c5d9ed}.feature-intro .number{font-size:4rem;color:#6de0e6;font-weight:800;line-height:1;margin-top:52px}
    .feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}
    .feature-card,.topic-card,.security-card,.quote,.news-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px;transition:.25s;box-shadow:var(--shadow-sm)}
    .feature-card:hover,.topic-card:hover,.news-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
    .icon-box{width:43px;height:43px;border-radius:13px;background:var(--sky);color:var(--blue);display:grid;place-items:center;font-weight:800;margin-bottom:17px}
    .feature-card p,.topic-card p,.security-card p,.quote p,.news-card p{color:var(--muted);font-size:.9rem;margin:0}
    .topics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
    .topic-card{padding:0;overflow:hidden}.topic-card img{width:100%;height:145px;object-fit:cover}.topic-body{padding:20px}.topic-meta{display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-size:.78rem;color:var(--blue);font-weight:700}
    .split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.split img{height:390px;width:100%;object-fit:cover;border-radius:25px;box-shadow:var(--shadow)}
    .check-list{padding:0;margin:25px 0 0;list-style:none}.check-list li{position:relative;padding:9px 0 9px 31px;color:#4e6075}.check-list li::before{content:"✓";position:absolute;left:0;top:9px;width:21px;height:21px;border-radius:50%;background:#e4f7f2;color:#159777;text-align:center;font-size:.78rem;font-weight:800}
    .process{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}.process::before{content:"";position:absolute;left:9%;right:9%;top:31px;height:1px;background:#c8ddec}.step{position:relative;text-align:center}.step-no{width:62px;height:62px;background:#fff;border:8px solid var(--sky);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-weight:800;margin:0 auto 18px;position:relative;z-index:1}.step p{color:var(--muted);font-size:.88rem}
    .compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-box{border-radius:22px;padding:28px}.compare-box.old{background:#f1f4f7;color:#637386}.compare-box.new{background:var(--navy);color:#fff}.compare-box ul{list-style:none;padding:0;margin:22px 0 0}.compare-box li{padding:10px 0;border-bottom:1px solid rgba(100,120,140,.16);font-size:.9rem}.compare-box.new li{border-color:rgba(255,255,255,.13);color:#d9e8f5}.compare-box li::before{content:"·";font-weight:900;margin-right:10px;color:var(--cyan)}
    .collection{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.collection-main{min-height:300px;border-radius:23px;padding:31px;color:#fff;background:linear-gradient(100deg,rgba(14,44,82,.95),rgba(18,111,157,.76)),url('/assets/images/backpic/back-2.webp') center/cover}.collection-side{display:grid;grid-template-columns:1fr 1fr;gap:17px}.mini-collection{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px}.mini-collection strong{font-size:1.8rem;color:var(--blue);display:block}.mini-collection p{font-size:.84rem;color:var(--muted);margin:7px 0 15px}
    .security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.security-card{display:flex;gap:15px}.security-card .icon-box{flex:0 0 43px}
    .story{background:linear-gradient(110deg,#eaf6ff,#f7fcff);border:1px solid #d5e9f7;border-radius:27px;padding:44px 52px;display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center}.story p{color:#526b84}.story-stat{display:grid;grid-template-columns:1fr 1fr;gap:13px}.story-stat div{background:#fff;border-radius:16px;padding:19px;border:1px solid var(--line)}.story-stat strong{display:block;color:var(--blue);font-size:1.5rem}
    .quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.quote{position:relative}.quote::before{content:"“";font-size:3.6rem;line-height:1;color:#a6d9e8;font-weight:800}.quote p{margin:-8px 0 20px}.person{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.88rem}.avatar{width:35px;height:35px;background:var(--navy);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:.75rem}
    .news-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:25px}.news-list{background:#fff;border:1px solid var(--line);border-radius:21px;padding:8px 24px}.news-row{display:grid;grid-template-columns:92px 1fr 90px;gap:20px;align-items:center;padding:21px 0;border-bottom:1px solid var(--line)}.news-row:last-child{border-bottom:0}.news-date{color:var(--blue);font-size:.82rem;font-weight:700}.news-row h3{font-size:1rem;margin:0 0 5px}.news-row p{font-size:.82rem;color:var(--muted);margin:0}.read-more{font-size:.8rem;color:var(--blue);font-weight:700;text-align:right}.news-feature{border-radius:21px;overflow:hidden;background:var(--navy);color:#fff}.news-feature img{height:190px;width:100%;object-fit:cover}.news-feature div{padding:25px}.news-feature p{color:#c5d8ea;font-size:.9rem}
    .faq-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px}.faq-wrap > div:first-child p{color:var(--muted)}.accordion-item{border:1px solid var(--line)!important;border-radius:13px!important;margin-bottom:12px;overflow:hidden;background:#fff}.accordion-button{font-weight:700;color:var(--ink);background:#fff!important;box-shadow:none!important;padding:19px}.accordion-button:not(.collapsed){color:var(--blue)}.accordion-body{color:var(--muted);font-size:.9rem;padding:0 19px 20px}
    .lead-box{background:var(--navy);color:#fff;border-radius:26px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.lead-box p{color:#c4d8eb}.form-control{border:1px solid #d5e2ee;border-radius:11px;padding:12px 14px}.form-control:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(30,169,213,.14)}.form-note{font-size:.78rem;color:#a8c0d5;margin-top:12px}
    .final-cta{padding:66px 0;background:#eaf5ff}.final-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.final-cta p{color:var(--muted);margin:0}
    footer{background:#091b31;color:#b9cbe0;padding:53px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:35px;padding-bottom:35px;border-bottom:1px solid rgba(255,255,255,.12)}footer .brand{color:#fff;margin-bottom:17px}footer p{font-size:.86rem;color:#91a8bf}footer h4{font-size:1rem;color:#fff;margin-bottom:15px}footer a{display:block;color:#9bb1c6;font-size:.85rem;margin:9px 0;transition:.2s}footer a:hover{color:#65d2e0}.copyright{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:19px;font-size:.77rem;color:#8198af}
    @media(max-width:1024px){.hero-grid,.feature-layout,.news-layout,.faq-wrap{grid-template-columns:1fr}.hero-grid{gap:35px}.metric-grid{grid-template-columns:repeat(2,1fr)}.story{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){section{padding:62px 0}.navbar{min-height:68px}.header-action,.event-chip{display:none}.hero{padding:48px 0 55px}.hero-points{gap:19px}.topics,.quotes,.security-grid{grid-template-columns:1fr 1fr}.split,.compare,.collection,.lead-box{grid-template-columns:1fr}.split img{height:270px}.process{grid-template-columns:1fr 1fr}.process::before{display:none}.story{padding:30px 25px}.news-row{grid-template-columns:75px 1fr}.read-more{display:none}}
    @media(max-width:520px){h1{font-size:2.35rem}.hero-copy{font-size:.98rem}.btn-lightline{margin:10px 0 0}.metric-grid,.topics,.quotes,.security-grid,.feature-grid,.collection-side,.process{grid-template-columns:1fr}.brief-card{padding:18px}.brief-card img{height:150px}.feature-intro{min-height:auto}.news-list{padding:6px 17px}.news-row{gap:11px}.news-row h3{font-size:.92rem}.lead-box{padding:27px 21px}.final-cta-inner{display:block}.final-cta .btn-main{margin-top:20px}.footer-grid{grid-template-columns:1fr}}
    :focus-visible{outline:3px solid rgba(30,169,213,.5);outline-offset:3px}

/* roulang page: category2 */
:root{
      --navy:#0d2442;
      --blue:#1769d1;
      --cyan:#1ea9d5;
      --sky:#eaf4ff;
      --ink:#15263d;
      --muted:#66758a;
      --line:#dce7f3;
      --paper:#fff;
      --soft:#f5f9fd;
      --orange:#f28c45;
      --green:#18a37e;
      --radius:22px;
      --shadow:0 18px 55px rgba(20,67,116,.11);
      --shadow-sm:0 8px 25px rgba(20,67,116,.08);
    }
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:"Noto Sans SC",system-ui,sans-serif;color:var(--ink);background:#f8fbff;line-height:1.75}
    img{max-width:100%;display:block}
    a{text-decoration:none;color:inherit}
    button,input,textarea{font:inherit}
    .container{max-width:1180px}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,231,243,.85)}
    .navbar{min-height:78px}
    .brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.35rem;color:var(--navy);letter-spacing:.02em}
    .brand-mark{width:39px;height:39px;border-radius:13px;background:var(--navy);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 7px 18px rgba(13,36,66,.2)}
    .nav-link{font-size:.92rem;color:#49617d!important;font-weight:600;padding:12px 13px!important;border-radius:11px;transition:.25s}
    .nav-link:hover,.nav-link.active{color:var(--blue)!important;background:var(--sky)}
    .event-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#eef8f5;color:#16846a;font-size:.75rem;font-weight:700;margin-left:3px}
    .event-chip i{width:7px;height:7px;border-radius:50%;background:#22b88a}
    .event-chip.live{background:#fff2ed;color:#df673b}
    .event-chip.live i{background:#f07849}
    .header-action{background:var(--navy);color:#fff!important;border-radius:12px;padding:11px 17px!important;margin-left:8px}
    .header-action:hover{background:var(--blue);transform:translateY(-2px)}
    .hero{padding:72px 0 78px;background:linear-gradient(105deg,rgba(10,32,62,.95),rgba(19,83,145,.84)),url('/assets/images/backpic/back-2.webp') center/cover;color:#fff;position:relative;overflow:hidden}
    .hero::after{content:"";position:absolute;right:-120px;bottom:-180px;width:560px;height:560px;border:1px solid rgba(148,232,241,.24);border-radius:50%;box-shadow:0 0 0 35px rgba(148,232,241,.05),0 0 0 75px rgba(148,232,241,.035)}
    .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr .92fr;gap:62px;align-items:center}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#aee7f0;font-size:.83rem;font-weight:700;letter-spacing:.08em;margin-bottom:17px}
    .eyebrow span{width:22px;height:2px;background:var(--cyan)}
    h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.16;letter-spacing:-.045em;margin:0;font-weight:800}
    h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.3;letter-spacing:-.03em;font-weight:800;margin:0 0 14px}
    h3{font-weight:800;line-height:1.4}
    .hero-copy{font-size:1.08rem;color:#dcecf9;max-width:650px;margin:23px 0 28px}
    .btn-main,.btn-lightline,.btn-orange,.btn-blue{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:13px 21px;font-weight:700;transition:.25s;cursor:pointer}
    .btn-main{background:#fff;color:var(--navy);box-shadow:0 10px 25px rgba(0,0,0,.12)}
    .btn-main:hover{background:#dff8fb;color:var(--blue);transform:translateY(-2px)}
    .btn-lightline{border:1px solid rgba(255,255,255,.42);color:#fff;background:transparent;margin-left:8px}
    .btn-lightline:hover{background:rgba(255,255,255,.12);border-color:#fff}
    .btn-orange{background:var(--orange);color:#fff}
    .btn-orange:hover{background:#db7133;color:#fff;transform:translateY(-2px)}
    .btn-blue{background:var(--blue);color:#fff}
    .btn-blue:hover{background:var(--navy);color:#fff;transform:translateY(-2px)}
    .hero-points{display:flex;gap:30px;margin-top:32px;flex-wrap:wrap}
    .hero-point strong{display:block;font-size:1.65rem;color:#fff}
    .hero-point small{color:#b9d1e8}
    .coupon-wall{background:#fff;color:var(--ink);border-radius:26px;padding:25px;box-shadow:0 25px 70px rgba(0,0,0,.2);position:relative}
    .coupon-wall::before{content:"";position:absolute;left:25px;right:25px;top:20px;border-top:1px dashed #b9cee2}
    .coupon-label{display:inline-block;position:relative;margin-top:-4px;margin-bottom:20px;padding:7px 14px;background:#fff2e8;color:#d86b31;border-radius:999px;font-size:.78rem;font-weight:800}
    .coupon-wall img{height:170px;width:100%;object-fit:cover;border-radius:17px;margin-bottom:19px}
    .coupon-wall h3{font-size:1.45rem;margin-bottom:8px}
    .coupon-wall p{color:var(--muted);font-size:.9rem;margin-bottom:18px}
    .coupon-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;gap:14px}
    .coupon-code{font-size:1.35rem;font-weight:800;color:var(--blue);letter-spacing:.08em}
    .coupon-row small{display:block;color:var(--muted);font-size:.74rem}
    section{padding:88px 0}
    .section-head{max-width:720px;margin-bottom:36px}
    .section-head p{color:var(--muted);margin:0;font-size:1rem}
    .section-kicker{color:var(--blue);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:11px}
    .soft-section{background:var(--soft)}
    .metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .metric-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
    .metric-card::after{content:"";position:absolute;right:-20px;top:-25px;width:90px;height:90px;border:12px solid #edf6ff;border-radius:50%}
    .metric-card strong{display:block;color:var(--blue);font-size:2rem;line-height:1.2}
    .metric-card span{color:var(--muted);font-size:.87rem}
    .dashboard{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:stretch}
    .score-panel,.status-panel{background:#fff;border:1px solid var(--line);border-radius:23px;box-shadow:var(--shadow-sm)}
    .score-panel{padding:28px}
    .panel-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}
    .live-badge{display:inline-flex;align-items:center;gap:6px;color:#d95f3c;background:#fff1eb;border-radius:99px;padding:6px 10px;font-size:.75rem;font-weight:800}
    .live-badge i{width:7px;height:7px;border-radius:50%;background:#f1784f}
    .score-line{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;text-align:center;padding:18px 0}
    .team-name{font-size:1.12rem;font-weight:800}
    .team-tag{display:inline-block;color:var(--muted);font-size:.74rem;margin-top:4px}
    .score-number{font-size:2.8rem;line-height:1;font-weight:800;color:var(--navy)}
    .score-time{font-size:.78rem;color:var(--orange);font-weight:700;margin-top:7px}
    .progress-track{height:8px;border-radius:99px;background:#eaf1f8;overflow:hidden}
    .progress-track span{display:block;width:62%;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
    .status-panel{padding:28px}
    .status-panel h3{margin-bottom:20px}
    .status-list{list-style:none;padding:0;margin:0}
    .status-list li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.88rem}
    .status-list li:last-child{border-bottom:0}
    .status-time{color:var(--blue);font-weight:800;min-width:45px}
    .matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .matrix-card{padding:25px;background:#fff;border:1px solid var(--line);border-radius:19px;transition:.25s}
    .matrix-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
    .matrix-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:var(--sky);color:var(--blue);font-size:1.25rem;font-weight:800;margin-bottom:17px}
    .matrix-card p{color:var(--muted);font-size:.9rem;margin:0}
    .comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}
    .compare-box{border-radius:23px;padding:31px}
    .compare-box.before{background:#eef3f8;border:1px solid #dfe8f1}
    .compare-box.after{background:var(--navy);color:#fff;box-shadow:var(--shadow)}
    .compare-box h3{margin-bottom:18px}
    .compare-box p{font-size:.94rem;margin-bottom:20px}
    .compare-list{list-style:none;padding:0;margin:0}
    .compare-list li{padding:10px 0 10px 27px;position:relative;border-top:1px solid rgba(130,157,183,.2);font-size:.88rem}
    .compare-list li::before{position:absolute;left:0;font-weight:800}
    .before .compare-list li::before{content:"—";color:#9aabba}
    .after .compare-list li::before{content:"✓";color:#70e4db}
    .image-story{display:grid;grid-template-columns:.88fr 1.12fr;gap:48px;align-items:center}
    .image-story img{width:100%;height:400px;object-fit:cover;border-radius:25px;box-shadow:var(--shadow)}
    .check-list{padding:0;margin:25px 0 0;list-style:none}
    .check-list li{position:relative;padding:9px 0 9px 31px;color:#4e6075}
    .check-list li::before{content:"✓";position:absolute;left:0;top:9px;width:21px;height:21px;border-radius:50%;background:#e4f7f2;color:#159777;text-align:center;font-size:.78rem;font-weight:800}
    .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid #cfe1f2}
    .timeline-item{position:relative;padding:28px 20px 0 0}
    .timeline-item::before{content:"";position:absolute;top:-8px;left:0;width:14px;height:14px;border-radius:50%;background:var(--blue);border:3px solid #dbeeff}
    .timeline-item strong{display:block;color:var(--blue);font-size:.84rem;margin-bottom:8px}
    .timeline-item h3{font-size:1.05rem;margin-bottom:7px}
    .timeline-item p{color:var(--muted);font-size:.86rem;margin:0}
    .trust-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:38px;align-items:stretch}
    .trust-note{background:var(--navy);color:#fff;border-radius:24px;padding:32px}
    .trust-note p{color:#c7d8e8}
    .trust-note strong{display:block;font-size:3.6rem;color:#6de0e6;line-height:1;margin:35px 0 10px}
    .quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .quote{padding:24px}
    .quote p{font-size:.93rem;margin-bottom:18px}
    .quote cite{font-style:normal;color:var(--navy);font-weight:800;font-size:.85rem}
    .faq-wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px}
    .faq-intro p{color:var(--muted)}
    .accordion-item{border:1px solid var(--line)!important;border-radius:14px!important;margin-bottom:12px;overflow:hidden;background:#fff}
    .accordion-button{font-weight:700;color:var(--ink);padding:18px 20px;background:#fff!important;box-shadow:none!important}
    .accordion-button:not(.collapsed){color:var(--blue)}
    .accordion-body{color:var(--muted);font-size:.9rem;padding:0 20px 20px}
    .cta-section{padding:72px 0}
    .cta-box{background:linear-gradient(110deg,var(--navy),#145d9e);border-radius:27px;padding:45px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}
    .cta-box::after{content:"";position:absolute;width:300px;height:300px;right:-80px;top:-150px;border:1px solid rgba(255,255,255,.18);border-radius:50%}
    .cta-box p{color:#cfe0f0;margin:8px 0 0;max-width:680px}
    .brief-form{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
    .brief-form input{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;border-radius:11px;padding:12px 15px;min-width:230px;outline:0}
    .brief-form input::placeholder{color:#c3d7ea}
    .brief-form input:focus{border-color:#75dce3;box-shadow:0 0 0 4px rgba(117,220,227,.15)}
    footer{background:#0a1c33;color:#b7c8db;padding:58px 0 24px}
    footer .brand{color:#fff;margin-bottom:17px}
    footer p{font-size:.88rem;max-width:300px;color:#9fb3c9}
    .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.12)}
    footer h4{color:#fff;font-size:.95rem;margin:7px 0 15px}
    footer .footer-grid a:not(.brand){display:block;color:#9fb3c9;font-size:.86rem;margin:9px 0;transition:.2s}
    footer .footer-grid a:not(.brand):hover{color:#75dce3}
    .copyright{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:20px;font-size:.76rem;color:#8298b0}
    .copyright a{color:#9fb3c9}
    .copyright a:hover{color:#fff}
    :focus-visible{outline:3px solid rgba(30,169,213,.45);outline-offset:3px}
    @media(max-width:1024px){
      .hero-grid,.dashboard,.image-story,.trust-layout,.faq-wrap{grid-template-columns:1fr}
      .hero-grid{gap:38px}
      .metric-grid{grid-template-columns:repeat(2,1fr)}
      .timeline{grid-template-columns:repeat(2,1fr);gap:20px}
      .timeline-item:nth-child(3),.timeline-item:nth-child(4){border-top:2px solid #cfe1f2;padding-top:27px}
      .footer-grid{grid-template-columns:1.3fr 1fr 1fr}
    }
    @media(max-width:768px){
      section{padding:65px 0}
      .navbar{min-height:68px}
      .navbar-collapse{padding:13px 0 8px}
      .header-action{margin:8px 0 0!important;text-align:center}
      .event-chip{margin:5px 0}
      .matrix,.comparison{grid-template-columns:1fr}
      .score-line{gap:8px}
      .image-story img{height:300px}
      .cta-box{display:block;padding:32px 25px}
      .cta-box .btn-main{margin-top:25px}
      .footer-grid{grid-template-columns:1fr 1fr}
    }
    @media(max-width:520px){
      h1{font-size:2.35rem}
      .hero{padding:52px 0 58px}
      .hero-points{gap:18px}
      .metric-grid{grid-template-columns:1fr 1fr;gap:10px}
      .metric-card{padding:18px}
      .metric-card strong{font-size:1.55rem}
      .score-panel,.status-panel{padding:20px}
      .score-number{font-size:2.1rem}
      .team-name{font-size:.9rem}
      .timeline{display:block;border-top:0}
      .timeline-item,.timeline-item:nth-child(3),.timeline-item:nth-child(4){border-top:1px solid var(--line);padding:18px 0 18px 24px}
      .timeline-item::before{top:22px;left:0}
      .quote-grid{grid-template-columns:1fr}
      .footer-grid{grid-template-columns:1fr}
      .copyright{display:block}
      .copyright span{display:block;margin-bottom:8px}
      .brief-form input{width:100%;min-width:0}
      .btn-lightline{margin-left:0;margin-top:10px}
    }

/* roulang page: category3 */
:root{
      --navy:#0d2442;--blue:#1769d1;--cyan:#1ea9d5;--sky:#eaf4ff;
      --ink:#15263d;--muted:#66758a;--line:#dce7f3;--paper:#fff;
      --soft:#f5f9fd;--orange:#f28c45;--green:#16846a;--radius:22px;
      --shadow:0 18px 55px rgba(20,67,116,.11);--shadow-sm:0 8px 25px rgba(20,67,116,.08)
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:#f8fbff;color:var(--ink);font-family:"Noto Sans SC",system-ui,sans-serif;line-height:1.75}
    a{text-decoration:none;color:inherit} img{display:block;max-width:100%}
    button,input,textarea,select{font:inherit}
    .container{max-width:1180px}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,231,243,.9)}
    .navbar{min-height:78px}
    .brand{display:flex;align-items:center;gap:11px;font-size:1.35rem;font-weight:800;color:var(--navy);letter-spacing:.02em}
    .brand-mark{width:39px;height:39px;border-radius:13px;background:var(--navy);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 7px 18px rgba(13,36,66,.2)}
    .nav-link{font-size:.92rem;color:#49617d!important;font-weight:600;padding:12px 13px!important;border-radius:11px;transition:.25s}
    .nav-link:hover,.nav-link.active{color:var(--blue)!important;background:var(--sky)}
    .event-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#eef8f5;color:var(--green);font-size:.75rem;font-weight:700;margin-left:3px}
    .event-chip i{width:7px;height:7px;border-radius:50%;background:#22b88a}
    .event-chip.live{background:#fff2ed;color:#df673b}.event-chip.live i{background:#f07849}
    .header-action{background:var(--navy);color:#fff!important;border-radius:12px;padding:11px 17px!important;margin-left:8px}
    .header-action:hover{background:var(--blue);transform:translateY(-2px)}
    .hero{padding:65px 0 76px;color:#fff;background:linear-gradient(105deg,rgba(10,32,62,.95),rgba(19,83,145,.84)),url('/assets/images/backpic/back-2.webp') center/cover;position:relative;overflow:hidden}
    .hero:after{content:"";position:absolute;right:-90px;bottom:-150px;width:500px;height:330px;border:1px solid rgba(130,228,239,.35);border-radius:50%}
    .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.04fr .96fr;gap:58px;align-items:center}
    .eyebrow{display:inline-flex;gap:8px;align-items:center;color:#aee7f0;font-size:.82rem;font-weight:800;letter-spacing:.1em}
    .eyebrow span{width:23px;height:2px;background:var(--cyan)}
    h1{font-size:clamp(2.3rem,5vw,4.2rem);line-height:1.18;letter-spacing:-.04em;margin:18px 0}
    h2{font-size:clamp(1.75rem,3vw,2.55rem);line-height:1.3;letter-spacing:-.03em;margin:0 0 12px}
    h3{font-size:1.25rem;line-height:1.45}
    .hero-copy{max-width:650px;color:#dcecf9;font-size:1.07rem;margin:22px 0 28px}
    .btn-main,.btn-lightline,.btn-orange{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:13px 21px;font-weight:700;transition:.25s;cursor:pointer}
    .btn-main{background:#fff;color:var(--navy);box-shadow:0 10px 25px rgba(0,0,0,.12)}
    .btn-main:hover{background:#dff8fb;color:var(--blue);transform:translateY(-2px)}
    .btn-lightline{border:1px solid rgba(255,255,255,.45);color:#fff;background:transparent;margin-left:8px}
    .btn-lightline:hover{background:rgba(255,255,255,.12);border-color:#fff}
    .btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:#db7133;color:#fff;transform:translateY(-2px)}
    .btn-main:focus,.btn-lightline:focus,.btn-orange:focus,input:focus,textarea:focus{outline:3px solid rgba(30,169,213,.28);outline-offset:3px}
    .hero-points{display:flex;gap:28px;flex-wrap:wrap;margin-top:30px}.hero-point strong{display:block;font-size:1.6rem}.hero-point small{color:#b9d1e8}
    .report-card{background:#fff;color:var(--ink);border-radius:25px;padding:25px;box-shadow:0 25px 70px rgba(0,0,0,.2);transform:rotate(1deg)}
    .report-card img{height:180px;width:100%;object-fit:cover;border-radius:17px;margin-bottom:19px}
    .report-card h3{margin:0 0 8px;font-size:1.45rem}.report-card p{color:var(--muted);font-size:.9rem;margin:0 0 18px}
    .report-index{border-top:1px solid var(--line);padding-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:9px;color:var(--muted);font-size:.8rem}
    .report-index b{display:block;color:var(--ink);font-size:.94rem}
    section{padding:82px 0}.soft-section{background:var(--soft)}
    .section-head{max-width:730px;margin-bottom:34px}.section-head p{color:var(--muted);margin:0;font-size:1rem}
    .section-kicker{color:var(--blue);font-size:.76rem;font-weight:800;letter-spacing:.12em;margin-bottom:10px}
    .metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .metric{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow-sm)}
    .metric strong{display:block;font-size:2rem;color:var(--blue);line-height:1.2}.metric span{font-size:.88rem;color:var(--muted)}
    .matrix{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:stretch}
    .matrix-intro{background:var(--navy);color:#fff;border-radius:24px;padding:34px;position:relative;overflow:hidden}
    .matrix-intro:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-65px;bottom:-55px}
    .matrix-intro p{color:#c5d9ed}.matrix-intro .big-number{font-size:4rem;line-height:1;color:#6de0e6;font-weight:800;margin-top:58px}
    .matrix-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
    .service-card,.scenario-card,.compare-card,.faq-item,.news-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px;box-shadow:var(--shadow-sm);transition:.25s}
    .service-card:hover,.scenario-card:hover,.news-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
    .service-icon{width:42px;height:42px;border-radius:13px;background:var(--sky);color:var(--blue);display:grid;place-items:center;font-weight:800;margin-bottom:15px}
    .service-card p,.scenario-card p,.compare-card p,.news-card p{font-size:.9rem;color:var(--muted);margin:0}
    .split{display:grid;grid-template-columns:.92fr 1.08fr;gap:52px;align-items:center}
    .split img{height:375px;width:100%;object-fit:cover;border-radius:25px;box-shadow:var(--shadow)}
    .check-list{list-style:none;padding:0;margin:24px 0 0}.check-list li{position:relative;padding:8px 0 8px 31px;color:#4e6075}
    .check-list li:before{content:"✓";position:absolute;left:0;top:9px;width:21px;height:21px;border-radius:50%;background:#e4f7f2;color:#159777;text-align:center;font-size:.78rem;font-weight:800}
    .scenarios{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.scenario-large{grid-row:span 2;background:linear-gradient(120deg,rgba(13,36,66,.91),rgba(23,105,209,.7)),url('/assets/images/coverpic/cover-8.webp') center/cover;color:#fff;border-radius:22px;padding:30px;min-height:310px}
    .scenario-large p{color:#dcecf9;max-width:480px}.scenario-card strong{font-size:1.15rem;display:block;margin-bottom:5px}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{position:relative;padding:25px 20px;background:#fff;border:1px solid var(--line);border-radius:18px}
    .step-num{color:var(--blue);font-weight:800;font-size:.82rem;letter-spacing:.08em}.step h3{margin:12px 0 7px}.step p{color:var(--muted);font-size:.88rem;margin:0}
    .compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-card{padding:28px}.compare-card.good{border:2px solid #b9e9e2}.compare-card h3{margin-top:0}.compare-card ul{list-style:none;padding:0;margin:15px 0 0}.compare-card li{padding:8px 0;border-bottom:1px dashed var(--line);font-size:.9rem;color:var(--muted)}.compare-card.good li:before{content:"✓";color:var(--green);font-weight:800;margin-right:8px}
    .news-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:35px;align-items:start}.news-list{display:grid;gap:13px}.news-card{display:grid;grid-template-columns:92px 1fr;gap:18px;padding:17px}.news-date{border-radius:14px;background:var(--sky);color:var(--blue);display:grid;place-items:center;text-align:center;font-weight:800;height:82px}.news-date small{display:block;font-size:.72rem}.news-card h3{font-size:1.05rem;margin:0 0 4px}.news-card p{font-size:.82rem}.read-more{display:inline-block;color:var(--blue);font-size:.8rem;font-weight:800;margin-top:7px}
    .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-item summary{font-weight:700;cursor:pointer;list-style:none;padding-right:25px;position:relative}.faq-item summary:after{content:"+";position:absolute;right:0;color:var(--blue);font-size:1.3rem}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--muted);font-size:.9rem;margin:14px 0 0}
    .cta{padding:58px 0;background:var(--navy);color:#fff}.cta-box{display:flex;justify-content:space-between;gap:30px;align-items:center}.cta p{color:#c5d9ed;max-width:650px;margin:8px 0 0}
    .lead-form{background:#fff;border-radius:22px;padding:25px;color:var(--ink);box-shadow:var(--shadow)}.lead-form h3{margin-top:0}.form-control,.form-select{border:1px solid var(--line);border-radius:11px;padding:12px 14px}.form-control:focus,.form-select:focus{border-color:var(--cyan);box-shadow:0 0 0 .2rem rgba(30,169,213,.12)}
    .form-note{font-size:.78rem;color:var(--muted);margin:12px 0 0}.success-note{display:none;color:var(--green);font-size:.88rem;margin-top:12px}
    footer{background:#091b32;color:#b8cbe0;padding:57px 0 22px}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr .8fr;gap:34px}.footer-grid .brand{color:#fff;margin-bottom:15px}.footer-grid p{max-width:300px;font-size:.88rem;line-height:1.8}.footer-grid h4{font-size:.95rem;color:#fff;margin:5px 0 15px}.footer-grid>div>a:not(.brand){display:block;color:#b8cbe0;font-size:.86rem;margin:9px 0;transition:.2s}.footer-grid>div>a:hover{color:#6de0e6}.copyright{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.13);padding-top:21px;margin-top:40px;font-size:.76rem}.copyright a{color:#b8cbe0}.copyright a:hover{color:#fff}
    @media(max-width:1024px){.nav-link{padding:10px 8px!important}.header-action{margin-left:3px}.hero-grid,.matrix,.news-layout{gap:30px}.metric-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.hero{padding:48px 0 58px}.hero-grid,.split,.matrix,.scenarios,.news-layout{grid-template-columns:1fr}.report-card{transform:none}.steps{grid-template-columns:repeat(2,1fr)}.compare,.faq-grid{grid-template-columns:1fr}.scenario-large{grid-row:auto}.footer-grid{grid-template-columns:1fr 1fr}.cta-box{display:block}.cta-box .btn-orange{margin-top:22px}.navbar-nav{padding:15px 0}.header-action{display:inline-flex;margin:8px 0 0}}
    @media(max-width:520px){section{padding:60px 0}.metric-grid,.matrix-grid,.steps,.footer-grid{grid-template-columns:1fr}.hero-points{gap:18px}.hero-copy{font-size:.98rem}.btn-lightline{margin:9px 0 0}.report-index{grid-template-columns:1fr 1fr}.news-card{grid-template-columns:72px 1fr}.news-date{height:70px}.copyright{display:block}.copyright span{display:block;margin-bottom:8px}}

/* roulang page: category1 */
:root{
      --navy:#0d2442;--blue:#1769d1;--cyan:#1ea9d5;--sky:#eaf4ff;
      --ink:#15263d;--muted:#66758a;--line:#dce7f3;--paper:#fff;
      --soft:#f5f9fd;--orange:#f28c45;--green:#1ba17b;--radius:22px;
      --shadow:0 18px 55px rgba(20,67,116,.11);--shadow-sm:0 8px 25px rgba(20,67,116,.08)
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:#f8fbff;color:var(--ink);font-family:"Noto Sans SC",system-ui,sans-serif;line-height:1.75}
    a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
    button,input,textarea{font:inherit} .container{max-width:1180px}
    h1,h2,h3,h4,p{margin-top:0} h1{font-weight:800;letter-spacing:-.04em}
    h2{font-size:clamp(1.8rem,3vw,2.55rem);font-weight:800;letter-spacing:-.035em}
    h3{font-weight:800} .text-muted{color:var(--muted)!important}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,231,243,.85)}
    .navbar{min-height:78px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.35rem;color:var(--navy);letter-spacing:.02em}
    .brand-mark{width:39px;height:39px;border-radius:13px;background:var(--navy);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 7px 18px rgba(13,36,66,.2)}
    .nav-link{font-size:.92rem;color:#49617d!important;font-weight:600;padding:12px 13px!important;border-radius:11px;transition:.25s}
    .nav-link:hover,.nav-link.active{color:var(--blue)!important;background:var(--sky)}
    .event-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#eef8f5;color:#16846a;font-size:.75rem;font-weight:700;margin-left:3px}
    .event-chip i{width:7px;height:7px;border-radius:50%;background:#22b88a}.event-chip.live{background:#fff2ed;color:#df673b}.event-chip.live i{background:#f07849}
    .header-action{background:var(--navy);color:#fff!important;border-radius:12px;padding:11px 17px!important;margin-left:8px}
    .header-action:hover{background:var(--blue);transform:translateY(-2px)}
    .hero{padding:72px 0 82px;color:#fff;background:linear-gradient(105deg,rgba(10,32,62,.95),rgba(19,83,145,.84)),url('/assets/images/backpic/back-2.webp') center/cover;position:relative;overflow:hidden}
    .hero:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(151,231,244,.2);border-radius:50%;right:-180px;top:-190px}
    .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}
    .eyebrow,.section-kicker{font-size:.78rem;font-weight:800;letter-spacing:.13em;color:#aee7f0}
    .eyebrow{display:flex;gap:9px;align-items:center;margin-bottom:18px}.eyebrow span{width:24px;height:2px;background:var(--cyan)}
    .hero h1{font-size:clamp(2.5rem,5vw,4.65rem);line-height:1.18;margin-bottom:21px}
    .hero-copy{max-width:650px;color:#d9ebfa;font-size:1.08rem;margin-bottom:29px}
    .btn-main,.btn-lightline,.btn-orange{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:13px 21px;font-weight:700;transition:.25s;cursor:pointer}
    .btn-main{background:#fff;color:var(--navy);box-shadow:0 10px 25px rgba(0,0,0,.12)}.btn-main:hover{background:#dff8fb;color:var(--blue);transform:translateY(-2px)}
    .btn-lightline{border:1px solid rgba(255,255,255,.42);color:#fff;background:transparent;margin-left:8px}.btn-lightline:hover{background:rgba(255,255,255,.12);border-color:#fff}
    .btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:#db7133;color:#fff;transform:translateY(-2px)}
    .data-panel{background:#fff;color:var(--ink);padding:26px;border-radius:26px;box-shadow:0 25px 70px rgba(0,0,0,.2)}
    .panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-label{font-size:.8rem;color:var(--muted);font-weight:700}
    .status{padding:6px 10px;border-radius:99px;color:var(--green);background:#eaf8f3;font-size:.76rem;font-weight:800}
    .ring-wrap{display:flex;align-items:center;gap:22px;padding:10px 0 24px;border-bottom:1px solid var(--line)}
    .ring{width:126px;height:126px;border-radius:50%;background:conic-gradient(var(--cyan) 0 78%,#e7eff7 78% 100%);display:grid;place-items:center;flex:none}
    .ring:before{content:"";width:91px;height:91px;border-radius:50%;background:#fff;position:absolute}.ring strong{position:relative;font-size:1.8rem;color:var(--blue)}
    .ring-info h3{font-size:1.13rem;margin-bottom:6px}.ring-info p{font-size:.84rem;color:var(--muted);margin:0}
    .panel-rows{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:20px}.panel-rows div{padding:13px;background:var(--soft);border-radius:13px;font-size:.78rem;color:var(--muted)}.panel-rows b{display:block;font-size:1.05rem;color:var(--ink)}
    section{padding:82px 0}.section-kicker{color:var(--blue);margin-bottom:10px}.section-head{max-width:720px;margin-bottom:34px}.section-head p{color:var(--muted);margin:0;font-size:1rem}
    .metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px;box-shadow:var(--shadow-sm);transition:.25s}.metric:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
    .metric strong{font-size:2rem;color:var(--blue);display:block;line-height:1.2}.metric span{color:var(--muted);font-size:.86rem}
    .soft-section{background:var(--soft)}.matrix{display:grid;grid-template-columns:.78fr 1.22fr;gap:48px;align-items:stretch}.matrix-intro{padding:36px;background:var(--navy);border-radius:25px;color:#fff;position:relative;overflow:hidden}.matrix-intro:after{content:"";position:absolute;width:200px;height:200px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-60px;bottom:-60px}.matrix-intro p{color:#c5d9ed}.matrix-intro .number{font-size:4rem;line-height:1;color:#6de0e6;font-weight:800;margin-top:46px}
    .matrix-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-card,.compare-card,.step,.quote,.faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px;box-shadow:var(--shadow-sm);transition:.25s}.feature-card:hover,.compare-card:hover,.step:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-card p,.compare-card p,.step p,.quote p{color:var(--muted);font-size:.9rem;margin:0}.icon-box{width:42px;height:42px;border-radius:13px;background:var(--sky);color:var(--blue);display:grid;place-items:center;font-weight:800;margin-bottom:16px}
    .split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.split img{height:390px;width:100%;object-fit:cover;border-radius:25px;box-shadow:var(--shadow)}.check-list{list-style:none;padding:0;margin:24px 0 0}.check-list li{position:relative;padding:9px 0 9px 31px;color:#4e6075}.check-list li:before{content:"✓";position:absolute;left:0;top:10px;width:21px;height:21px;border-radius:50%;background:#e4f7f2;color:#159777;text-align:center;font-size:.78rem;font-weight:800}
    .compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-card{padding:29px}.compare-card.highlight{background:var(--navy);color:#fff}.compare-card.highlight p{color:#cbddec}.compare-card ul{padding-left:20px;color:var(--muted)}.compare-card.highlight ul{color:#d7e6f3}.compare-card li{margin:9px 0}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step-num{font-size:2.3rem;color:var(--cyan);font-weight:800;line-height:1;margin-bottom:18px}
    .quote-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.quote{padding:32px;background:#eef7ff}.quote strong{display:block;margin-top:18px;color:var(--navy)}.quote-side{display:grid;gap:16px}.quote-side .quote{padding:22px}
    .faq-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.faq-item summary{cursor:pointer;font-weight:800;list-style:none;padding-right:20px;position:relative}.faq-item summary:after{content:"＋";position:absolute;right:0;color:var(--blue)}.faq-item[open] summary:after{content:"－"}.faq-item p{color:var(--muted);font-size:.9rem;margin:15px 0 0}
    .cta{padding:68px 0;background:linear-gradient(110deg,var(--navy),#146da0);color:#fff}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta p{color:#d3e6f4;max-width:650px;margin:0}.brief-form{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.brief-form input{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);border-radius:11px;padding:12px 15px;color:#fff;outline:0}.brief-form input::placeholder{color:#c0d5e8}.brief-form input:focus{border-color:#74dbe2;box-shadow:0 0 0 3px rgba(116,219,226,.18)}
    footer{background:#091a31;color:#c4d3e3;padding:58px 0 22px}footer .brand{color:#fff;margin-bottom:17px}footer p{max-width:280px;font-size:.88rem;color:#9db1c6} .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.footer-grid h4{color:#fff;font-size:1rem;margin-bottom:15px}.footer-grid>div>a:not(.brand){display:block;color:#9db1c6;font-size:.88rem;margin:8px 0;transition:.2s}.footer-grid>div>a:not(.brand):hover,footer a:hover{color:#72dce5}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:19px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:.76rem;color:#8197ad}.copyright a{color:#a9c4dc}
    :focus-visible{outline:3px solid rgba(30,169,213,.45);outline-offset:3px}
    @media(max-width:1024px){.nav-link{padding-left:8px!important;padding-right:8px!important}.hero-grid{gap:35px}.metric-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.navbar{min-height:68px}.hero{padding:55px 0}.hero-grid,.matrix,.split,.quote-grid{grid-template-columns:1fr}.hero h1{font-size:2.7rem}.data-panel{max-width:570px}.split{gap:30px}.split img{height:280px}.footer-grid{grid-template-columns:1fr 1fr}.cta-box{display:block}.cta .btn-main{margin-top:25px}.header-action{margin:7px 0 0}.event-chip{display:inline-flex;margin:5px 3px}}
    @media(max-width:520px){section{padding:60px 0}.metric-grid,.matrix-grid,.compare,.faq-list,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:2.25rem}.hero-copy{font-size:.98rem}.btn-lightline{margin-left:0;margin-top:10px}.ring-wrap{gap:13px}.ring{width:105px;height:105px}.ring:before{width:76px;height:76px}.panel-rows{gap:8px}.panel-rows div{padding:10px 8px}.steps{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-bottom:8px}}

/* roulang page: category4 */
:root{
      --navy:#0d2442;--blue:#1769d1;--cyan:#1ea9d5;--sky:#eaf4ff;
      --ink:#15263d;--muted:#66758a;--line:#dce7f3;--paper:#fff;
      --soft:#f5f9fd;--orange:#f28c45;--green:#16846a;--radius:22px;
      --shadow:0 18px 55px rgba(20,67,116,.11);--shadow-sm:0 8px 25px rgba(20,67,116,.08);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:#f8fbff;color:var(--ink);font-family:"Noto Sans SC",system-ui,sans-serif;line-height:1.75}
    img{display:block;max-width:100%}
    a{text-decoration:none;color:inherit}
    button,input,textarea{font:inherit}
    .container{max-width:1180px}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,231,243,.9)}
    .navbar{min-height:78px}
    .brand{display:flex;align-items:center;gap:11px;color:var(--navy);font-size:1.35rem;font-weight:800;letter-spacing:.02em}
    .brand-mark{width:39px;height:39px;border-radius:13px;background:var(--navy);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 7px 18px rgba(13,36,66,.2)}
    .nav-link{padding:12px 13px!important;border-radius:11px;color:#49617d!important;font-size:.92rem;font-weight:600;transition:.25s}
    .nav-link:hover,.nav-link.active{color:var(--blue)!important;background:var(--sky)}
    .event-chip{display:inline-flex;align-items:center;gap:6px;margin-left:3px;padding:7px 10px;border-radius:999px;background:#eef8f5;color:#16846a;font-size:.75rem;font-weight:700}
    .event-chip i{width:7px;height:7px;border-radius:50%;background:#22b88a}
    .event-chip.live{background:#fff2ed;color:#df673b}.event-chip.live i{background:#f07849}
    .header-action{margin-left:8px;background:var(--navy);color:#fff!important;border-radius:12px;padding:11px 17px!important}
    .header-action:hover{background:var(--blue);transform:translateY(-2px)}
    .hero{position:relative;overflow:hidden;padding:80px 0 92px;color:#fff;background:linear-gradient(105deg,rgba(8,29,57,.95),rgba(18,91,155,.79)),url('/assets/images/backpic/back-2.webp') center/cover}
    .hero::before{content:"";position:absolute;right:-100px;top:-150px;width:470px;height:470px;border:1px solid rgba(255,255,255,.16);border-radius:50%}
    .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr .86fr;gap:65px;align-items:center}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;color:#abe6ef;font-size:.82rem;font-weight:800;letter-spacing:.12em}
    .eyebrow span{width:23px;height:2px;background:var(--cyan)}
    h1{font-size:clamp(2.35rem,4vw,4.5rem);line-height:1.16;letter-spacing:-.04em;margin:18px 0}
    h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.28;letter-spacing:-.03em;margin:0 0 14px}
    h3{line-height:1.35}
    .hero-copy{max-width:650px;margin:0 0 29px;color:#dbeafa;font-size:1.07rem}
    .btn-main,.btn-lightline,.btn-orange{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:13px 21px;font-weight:700;transition:.25s;cursor:pointer}
    .btn-main{background:#fff;color:var(--navy);box-shadow:0 10px 25px rgba(0,0,0,.13)}
    .btn-main:hover{background:#dff8fb;color:var(--blue);transform:translateY(-2px)}
    .btn-lightline{margin-left:8px;border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff}
    .btn-lightline:hover{background:rgba(255,255,255,.13);border-color:#fff}
    .btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:#d97034;color:#fff;transform:translateY(-2px)}
    .video-panel{position:relative;border:8px solid rgba(255,255,255,.16);border-radius:27px;overflow:hidden;box-shadow:0 28px 65px rgba(0,0,0,.25)}
    .video-panel img{width:100%;height:330px;object-fit:cover}
    .video-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(7,24,48,.8))}
    .play-button{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.9);color:var(--blue);font-size:1.5rem;box-shadow:0 10px 30px rgba(0,0,0,.2)}
    .video-caption{position:absolute;left:25px;bottom:20px;font-weight:700;color:#fff}.video-caption small{display:block;color:#bcd4e9;font-weight:400}
    section{padding:82px 0}.soft-section{background:var(--soft)}
    .section-head{max-width:720px;margin-bottom:35px}.section-head p{color:var(--muted);margin:0}
    .section-kicker{color:var(--blue);font-size:.76rem;font-weight:800;letter-spacing:.13em;margin-bottom:10px}
    .metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .metric{padding:25px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}
    .metric strong{display:block;color:var(--blue);font-size:2.25rem;line-height:1.2}.metric span{color:var(--muted);font-size:.88rem}
    .matrix{display:grid;grid-template-columns:1.05fr 1.95fr;gap:28px;align-items:stretch}
    .matrix-intro{padding:35px;border-radius:24px;background:var(--navy);color:#fff}
    .matrix-intro p{color:#c3d7ec}.matrix-intro .mark{font-size:4rem;line-height:1;color:#68dce5;font-weight:800;margin-top:50px}
    .matrix-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
    .info-card,.compare-card,.step,.quote,.faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}
    .info-card{padding:24px;transition:.25s}.info-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
    .icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--sky);color:var(--blue);font-weight:800;margin-bottom:16px}
    .info-card p,.compare-card p,.step p,.quote p{margin:0;color:var(--muted);font-size:.91rem}
    .story{display:grid;grid-template-columns:.95fr 1.05fr;gap:52px;align-items:center}
    .story img{width:100%;height:405px;object-fit:cover;border-radius:25px;box-shadow:var(--shadow)}
    .check-list{list-style:none;padding:0;margin:25px 0 0}.check-list li{position:relative;padding:8px 0 8px 31px;color:#4e6075}
    .check-list li:before{content:"✓";position:absolute;left:0;top:9px;width:21px;height:21px;border-radius:50%;background:#e4f7f2;color:#159777;text-align:center;font-size:.78rem;font-weight:800}
    .compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-card{padding:27px}.compare-card.highlight{border:2px solid #b7d8fa;box-shadow:var(--shadow)}
    .compare-card h3{margin-top:0}.compare-card ul{padding-left:20px;color:var(--muted);margin-bottom:0}.compare-card li{padding:4px 0}
    .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{position:relative;padding:26px 22px}.step em{display:block;color:var(--cyan);font-style:normal;font-weight:800;font-size:.8rem;margin-bottom:12px}.step strong{display:block;margin-bottom:8px}
    .scenario-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.quote{padding:30px;background:linear-gradient(135deg,#fff,#f0f8ff)}.quote strong{display:block;margin-top:18px;color:var(--navy)}.scenario-list{display:grid;gap:15px}.scenario-list div{padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:16px}.scenario-list b{color:var(--blue);margin-right:8px}
    .faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px}.accordion-item{border:1px solid var(--line)!important;border-radius:14px!important;margin-bottom:11px;overflow:hidden}.accordion-button{font-weight:700;color:var(--ink);background:#fff;box-shadow:none!important}.accordion-button:not(.collapsed){color:var(--blue);background:var(--sky)}.accordion-body{color:var(--muted);font-size:.92rem}
    .cta{padding:70px 0;background:var(--navy);color:#fff}.cta-box{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta p{color:#c5d9ed;margin:0;max-width:650px}
    .signup{display:flex;max-width:470px;margin-top:24px}.signup input{flex:1;min-width:0;padding:13px 16px;border:0;border-radius:12px 0 0 12px;outline:0}.signup button{border:0;border-radius:0 12px 12px 0;padding:0 20px;background:var(--orange);color:#fff;font-weight:700}.signup button:hover{background:#db7133}
    footer{padding:54px 0 22px;background:#fff;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr .9fr;gap:35px}.footer-grid p{color:var(--muted);font-size:.9rem;max-width:280px;margin-top:17px}.footer-grid h4{font-size:1rem;margin:7px 0 15px}.footer-grid>div>a:not(.brand){display:block;color:var(--muted);font-size:.88rem;padding:4px 0;transition:.2s}.footer-grid>div>a:not(.brand):hover{color:var(--blue);padding-left:4px}.copyright{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:40px;padding-top:19px;border-top:1px solid var(--line);color:#8a98aa;font-size:.78rem}.copyright a{color:#71859d}.copyright a:hover{color:var(--blue)}
    :focus-visible{outline:3px solid rgba(30,169,213,.45);outline-offset:3px}
    @media(max-width:1024px){.nav-link{padding:10px 8px!important}.hero-grid{gap:35px}.metric-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.navbar{min-height:68px}.hero{padding:60px 0}.hero-grid,.story,.matrix,.scenario-layout,.faq-grid{grid-template-columns:1fr}.hero h1{font-size:2.55rem}.video-panel img{height:270px}.matrix-intro .mark{margin-top:25px}.timeline{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.cta-box{display:block}}
    @media(max-width:520px){section{padding:62px 0}.metric-grid,.matrix-grid,.compare,.timeline{grid-template-columns:1fr}.hero h1{font-size:2.25rem}.btn-lightline{margin:10px 0 0}.hero-points{gap:16px}.signup{display:block}.signup input,.signup button{width:100%;height:48px;border-radius:10px}.signup button{margin-top:8px}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-bottom:8px}}

/* roulang page: category6 */
:root{
      --navy:#0d2442;--blue:#1769d1;--cyan:#1ea9d5;--sky:#eaf4ff;
      --ink:#15263d;--muted:#66758a;--line:#dce7f3;--paper:#fff;
      --soft:#f5f9fd;--orange:#f28c45;--radius:22px;
      --shadow:0 18px 55px rgba(20,67,116,.11);--shadow-sm:0 8px 25px rgba(20,67,116,.08)
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:#f8fbff;color:var(--ink);font-family:"Noto Sans SC",system-ui,sans-serif;line-height:1.75}
    a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
    button,input,textarea{font:inherit}.container{max-width:1180px}
    h1,h2,h3,h4,p{margin-top:0} h1{font-size:clamp(2.2rem,5vw,4.25rem);line-height:1.18;font-weight:800;letter-spacing:-.04em}
    h2{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.3;font-weight:800}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,231,243,.85)}
    .navbar{min-height:78px}.brand{display:flex;align-items:center;gap:11px;font-size:1.35rem;font-weight:800;color:var(--navy)}
    .brand-mark{width:39px;height:39px;border-radius:13px;background:var(--navy);display:grid;place-items:center;color:#fff;box-shadow:0 7px 18px rgba(13,36,66,.2)}
    .nav-link{font-size:.92rem;color:#49617d!important;font-weight:600;padding:12px 13px!important;border-radius:11px;transition:.25s}
    .nav-link:hover,.nav-link.active{color:var(--blue)!important;background:var(--sky)}
    .event-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#eef8f5;color:#16846a;font-size:.75rem;font-weight:700;margin-left:3px}
    .event-chip i{width:7px;height:7px;border-radius:50%;background:#22b88a}.event-chip.live{background:#fff2ed;color:#df673b}.event-chip.live i{background:#f07849}
    .header-action{background:var(--navy);color:#fff!important;border-radius:12px;padding:11px 17px!important;margin-left:8px}
    .header-action:hover{background:var(--blue);transform:translateY(-2px)}
    .hero{padding:70px 0 78px;background:linear-gradient(105deg,rgba(10,32,62,.95),rgba(19,83,145,.83)),url('/assets/images/backpic/back-3.webp') center/cover;color:#fff;position:relative;overflow:hidden}
    .hero:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(151,231,242,.2);border-radius:50%;right:-130px;top:-180px}
    .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}
    .eyebrow{display:inline-flex;gap:8px;align-items:center;color:#aee7f0;font-size:.82rem;font-weight:800;letter-spacing:.1em;margin-bottom:18px}
    .eyebrow span{width:22px;height:2px;background:var(--cyan)}
    .hero-copy{max-width:650px;color:#dcecf9;font-size:1.08rem;margin:22px 0 29px}
    .btn-main,.btn-lightline,.btn-orange{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:13px 21px;font-weight:700;transition:.25s;cursor:pointer}
    .btn-main{background:#fff;color:var(--navy);box-shadow:0 10px 25px rgba(0,0,0,.12)}.btn-main:hover{background:#dff8fb;color:var(--blue);transform:translateY(-2px)}
    .btn-lightline{border:1px solid rgba(255,255,255,.45);color:#fff;background:transparent;margin-left:8px}.btn-lightline:hover{background:rgba(255,255,255,.13)}
    .btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:#db7133;color:#fff;transform:translateY(-2px)}
    .profile-card{background:#fff;color:var(--ink);border-radius:26px;padding:25px;box-shadow:0 25px 70px rgba(0,0,0,.2)}
    .profile-top{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:19px}
    .avatar{width:62px;height:62px;border-radius:20px;object-fit:cover}.profile-top small{color:var(--blue);font-weight:700}.profile-top h3{margin:3px 0;font-size:1.25rem}
    .profile-card img.cover{width:100%;height:155px;object-fit:cover;border-radius:17px;margin:20px 0}
    .profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}.profile-stats strong{display:block;color:var(--blue);font-size:1.45rem}.profile-stats span{font-size:.76rem;color:var(--muted)}
    section{padding:82px 0}.section-head{max-width:720px;margin-bottom:34px}.section-head p{color:var(--muted);margin-bottom:0}.section-kicker{font-size:.76rem;color:var(--blue);font-weight:800;letter-spacing:.12em;margin-bottom:10px}
    .metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow-sm)}.metric strong{font-size:2rem;color:var(--blue);display:block}.metric span{color:var(--muted);font-size:.86rem}
    .soft-section{background:var(--soft)}.matrix{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;align-items:stretch}.matrix-intro{background:var(--navy);color:#fff;border-radius:24px;padding:34px}.matrix-intro p{color:#c5d9ed}.matrix-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.matrix-card,.review-card,.quote,.faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px;box-shadow:var(--shadow-sm);transition:.25s}.matrix-card:hover,.review-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.matrix-card h3,.review-card h3{font-size:1.08rem}.matrix-card p,.review-card p{font-size:.9rem;color:var(--muted);margin:0}
    .split{display:grid;grid-template-columns:.95fr 1.05fr;gap:50px;align-items:center}.split img{height:365px;width:100%;object-fit:cover;border-radius:25px;box-shadow:var(--shadow)}.check-list{list-style:none;padding:0;margin:23px 0 0}.check-list li{position:relative;padding:8px 0 8px 31px;color:#4e6075}.check-list li:before{content:"✓";position:absolute;left:0;top:9px;width:21px;height:21px;border-radius:50%;background:#e4f7f2;color:#159777;text-align:center;font-size:.78rem;font-weight:800}
    .review-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.review-main{background:#fff;border-radius:24px;border:1px solid var(--line);padding:30px;box-shadow:var(--shadow-sm)}.review-main img{height:215px;width:100%;object-fit:cover;border-radius:17px;margin-bottom:23px}.review-main p{color:var(--muted)}.side-stack{display:grid;gap:16px}.review-card .tag,.tag{display:inline-block;padding:5px 10px;border-radius:999px;background:var(--sky);color:var(--blue);font-size:.74rem;font-weight:800;margin-bottom:12px}
    .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{position:relative;padding:23px;background:#fff;border:1px solid var(--line);border-radius:18px}.step b{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:var(--navy);color:#fff;margin-bottom:18px}.step p{font-size:.88rem;color:var(--muted);margin:0}
    .comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-box{border-radius:22px;padding:28px;background:#fff;border:1px solid var(--line)}.compare-box.highlight{background:#eaf4ff;border-color:#b9daf7}.compare-box ul{padding-left:19px;color:var(--muted)}.compare-box li{padding:5px 0}
    .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.faq-item h3{font-size:1rem;margin-bottom:9px}.faq-item p{color:var(--muted);font-size:.9rem;margin:0}
    .cta{padding:50px;border-radius:27px;background:linear-gradient(110deg,var(--navy),#1769a8);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta p{color:#c9def0;margin:8px 0 0}.cta-form{display:flex;gap:9px;min-width:390px}.cta-form input{border:0;border-radius:11px;padding:13px 15px;width:220px;outline:0}.cta-form input:focus{box-shadow:0 0 0 4px rgba(110,222,230,.3)}
    footer{background:#fff;border-top:1px solid var(--line);padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:35px}.footer-grid p{color:var(--muted);max-width:310px;margin-top:16px;font-size:.9rem}.footer-grid h4{font-size:.95rem;margin-bottom:15px}.footer-grid>div>a:not(.brand){display:block;color:var(--muted);font-size:.88rem;padding:4px 0;transition:.2s}.footer-grid>div>a:not(.brand):hover{color:var(--blue);padding-left:4px}.copyright{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:35px;padding-top:18px;color:#7b8999;font-size:.78rem}.copyright a{color:var(--blue)}
    :focus-visible{outline:3px solid rgba(30,169,213,.45);outline-offset:3px}
    @media(max-width:992px){.hero-grid,.matrix,.review-layout,.split{grid-template-columns:1fr}.hero-grid{gap:35px}.metric-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr}.cta{display:block}.cta-form{margin-top:22px}}
    @media(max-width:768px){section{padding:62px 0}.timeline{grid-template-columns:repeat(2,1fr)}.nav-link{padding:10px!important}.header-action{margin:8px 0}.footer-grid{grid-template-columns:1fr 1fr}.hero{padding:54px 0 62px}}
    @media(max-width:520px){h1{font-size:2.35rem}.metric-grid,.matrix-grid,.timeline,.comparison,.faq-grid,.footer-grid{grid-template-columns:1fr}.profile-stats{gap:3px}.cta{padding:29px 23px}.cta-form{display:block;min-width:0}.cta-form input,.cta-form button{width:100%;margin-bottom:9px}.btn-lightline{margin:10px 0 0}.copyright{display:block}.copyright span{display:block;margin-bottom:7px}}

/* roulang page: category5 */
:root{--navy:#0d2442;--blue:#1769d1;--cyan:#1ea9d5;--sky:#eaf4ff;--ink:#15263d;--muted:#66758a;--line:#dce7f3;--paper:#fff;--soft:#f5f9fd;--orange:#f28c45;--radius:22px;--shadow:0 18px 55px rgba(20,67,116,.11);--shadow-sm:0 8px 25px rgba(20,67,116,.08)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans SC",system-ui,sans-serif;color:var(--ink);background:#f8fbff;line-height:1.75}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.container{max-width:1180px}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,231,243,.85)}.navbar{min-height:78px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.35rem;color:var(--navy);letter-spacing:.02em}.brand-mark{width:39px;height:39px;border-radius:13px;background:var(--navy);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 7px 18px rgba(13,36,66,.2)}.nav-link{font-size:.92rem;color:#49617d!important;font-weight:600;padding:12px 13px!important;border-radius:11px;transition:.25s}.nav-link:hover,.nav-link.active{color:var(--blue)!important;background:var(--sky)}.event-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#eef8f5;color:#16846a;font-size:.75rem;font-weight:700;margin-left:3px}.event-chip i{width:7px;height:7px;border-radius:50%;background:#22b88a}.event-chip.live{background:#fff2ed;color:#df673b}.event-chip.live i{background:#f07849}.header-action{background:var(--navy);color:#fff!important;border-radius:12px;padding:11px 17px!important;margin-left:8px}.header-action:hover{background:var(--blue);transform:translateY(-2px)}
    h1,h2,h3,h4{font-weight:800;letter-spacing:-.025em;line-height:1.3}h1{font-size:clamp(2.2rem,4.4vw,4.25rem)}h2{font-size:clamp(1.8rem,3vw,2.65rem)}h3{font-size:1.25rem}.hero{padding:66px 0 78px;background:linear-gradient(105deg,rgba(10,32,62,.95),rgba(19,83,145,.82)),url('/assets/images/backpic/back-2.webp') center/cover;color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:450px;height:450px;border:1px solid rgba(148,226,239,.2);border-radius:50%;right:-130px;top:-160px}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#aee7f0;font-size:.82rem;font-weight:800;letter-spacing:.1em;margin-bottom:18px}.eyebrow span{width:22px;height:2px;background:var(--cyan)}.hero p{color:#dcecf9;font-size:1.05rem;max-width:650px;margin:22px 0 28px}.btn-main,.btn-lightline,.btn-orange{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:13px 21px;font-weight:700;transition:.25s;cursor:pointer}.btn-main{background:#fff;color:var(--navy);box-shadow:0 10px 25px rgba(0,0,0,.12)}.btn-main:hover{background:#dff8fb;color:var(--blue);transform:translateY(-2px)}.btn-lightline{border:1px solid rgba(255,255,255,.42);color:#fff;background:transparent;margin-left:8px}.btn-lightline:hover{background:rgba(255,255,255,.12);border-color:#fff}.btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:#db7133;color:#fff;transform:translateY(-2px)}.hero-panel{background:#fff;color:var(--ink);border-radius:26px;padding:25px;box-shadow:0 25px 70px rgba(0,0,0,.2)}.hero-panel img{height:190px;width:100%;object-fit:cover;border-radius:17px;margin-bottom:20px}.panel-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid var(--line);font-size:.88rem}.panel-row strong{color:var(--blue)}section{padding:82px 0}.section-head{max-width:730px;margin-bottom:35px}.section-head p{color:var(--muted);margin:0}.kicker{color:var(--blue);font-size:.76rem;font-weight:800;letter-spacing:.12em;margin-bottom:10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric,.card,.matrix-card,.compare-card,.quote{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow-sm);transition:.25s}.metric:hover,.card:hover,.matrix-card:hover,.compare-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.metric strong{display:block;font-size:2rem;color:var(--blue);line-height:1.2}.metric span{font-size:.88rem;color:var(--muted)}.metric small{display:block;color:#16846a;margin-top:10px}.soft{background:var(--soft)}.matrix{display:grid;grid-template-columns:1.05fr .95fr;gap:25px}.matrix-card.dark{background:var(--navy);color:#fff;padding:34px}.matrix-card.dark p{color:#c5d9ed}.matrix-card.dark .big{font-size:4.6rem;color:#6de0e6;font-weight:800;line-height:1}.tag{display:inline-block;background:var(--sky);color:var(--blue);border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:700;margin:4px 3px 0 0}.dark .tag{background:rgba(255,255,255,.12);color:#b8ecf2}.analysis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card img{width:100%;height:145px;object-fit:cover;border-radius:14px;margin:-2px 0 20px}.card p,.matrix-card p,.compare-card p,.quote p{color:var(--muted);font-size:.9rem}.card ul,.compare-card ul{padding:0;margin:18px 0 0;list-style:none}.card li,.compare-card li{padding:8px 0;border-top:1px solid var(--line);font-size:.88rem;color:#4e6075}.card li:before{content:"✓";color:#159777;font-weight:800;margin-right:8px}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.split img{width:100%;height:385px;object-fit:cover;border-radius:25px;box-shadow:var(--shadow)}.check-list{padding:0;margin:22px 0;list-style:none}.check-list li{position:relative;padding:9px 0 9px 31px;color:#4e6075}.check-list li:before{content:"✓";position:absolute;left:0;top:9px;width:21px;height:21px;border-radius:50%;background:#e4f7f2;color:#159777;text-align:center;font-size:.78rem;font-weight:800}.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-card.highlight{border:2px solid #b8dfed;background:#fafdff}.compare-card header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:12px}.compare-card header span{color:var(--blue);font-size:.8rem;font-weight:700}.quote{background:linear-gradient(120deg,#edf8ff,#fff);max-width:880px;margin:auto;padding:32px 38px}.quote p{font-size:1.1rem;color:var(--ink);margin:0}.faq-wrap{max-width:900px}.accordion-item{border:1px solid var(--line)!important;border-radius:14px!important;margin-bottom:12px;overflow:hidden;background:#fff}.accordion-button{font-weight:700;color:var(--ink);background:#fff;padding:20px}.accordion-button:not(.collapsed){color:var(--blue);background:var(--sky);box-shadow:none}.accordion-button:focus{box-shadow:0 0 0 3px rgba(23,105,209,.14)}.accordion-body{color:var(--muted);padding:0 20px 20px}.cta{background:var(--navy);color:#fff;border-radius:26px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta p{color:#c5d9ed;max-width:650px;margin:10px 0 0}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}footer{background:#0a1b32;color:#c6d6e7;padding:56px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.footer-grid .brand{color:#fff;margin-bottom:16px}.footer-grid p{color:#9fb3c8;max-width:300px;font-size:.9rem}.footer-grid h4{font-size:1rem;color:#fff;margin:5px 0 15px}.footer-grid>div>a:not(.brand){display:block;color:#9fb3c8;font-size:.88rem;padding:4px 0;transition:.2s}.footer-grid>div>a:hover{color:#6de0e6}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#8299b1;font-size:.78rem}.copyright a{color:#b8d8ed}.copyright a:hover{color:#fff}
    @media(max-width:1024px){.hero-grid,.matrix,.split{grid-template-columns:1fr 1fr;gap:28px}.nav-link{padding-left:8px!important;padding-right:8px!important}.header-action{margin-left:0}.metrics{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.navbar{min-height:70px}.hero{padding:48px 0 58px}.hero-grid,.matrix,.split,.compare{grid-template-columns:1fr}.hero-panel{max-width:600px}.analysis-grid{grid-template-columns:1fr 1fr}section{padding:62px 0}.cta{display:block;padding:34px}.cta-actions{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr}.navbar-collapse{padding:15px 0}.event-chip{display:inline-flex;margin:5px 3px}}
    @media(max-width:520px){h1{font-size:2.35rem}.analysis-grid,.metrics,.footer-grid{grid-template-columns:1fr}.btn-lightline{margin-left:0;margin-top:10px}.hero .btn-main,.hero .btn-lightline{width:100%}.hero-panel{padding:18px}.section-head{margin-bottom:25px}.quote{padding:25px}.copyright{display:block}.copyright span{display:block;margin-bottom:8px}}