/* roulang page: index */
:root{
      --ink:#101b35;
      --muted:#68738c;
      --soft:#f4f7fb;
      --paper:#ffffff;
      --line:#e6ebf3;
      --navy:#101d3d;
      --blue:#2b67f6;
      --blue-dark:#1648c7;
      --cyan:#28c6c9;
      --orange:#ff9d49;
      --green:#2bb673;
      --shadow:0 22px 70px rgba(20,44,92,.11);
      --shadow-sm:0 10px 30px rgba(20,44,92,.08);
      --radius:22px;
      --radius-sm:14px;
      --max:1220px;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.75;font-size:15px}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;height:auto}
    button,input{font:inherit}
    button{cursor:pointer;border:0}
    :focus-visible{outline:3px solid rgba(43,103,246,.3);outline-offset:3px}
    .container{width:min(var(--max),calc(100% - 48px));margin:0 auto}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:800;letter-spacing:.08em;font-size:12px;text-transform:uppercase}
    .eyebrow:before{content:"";width:22px;height:2px;background:var(--blue);display:inline-block}
    .section{padding:102px 0;position:relative}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}
    .section-head h2{font-size:clamp(28px,3vw,44px);line-height:1.2;letter-spacing:-.045em;margin-top:13px}
    .section-head p{max-width:560px;color:var(--muted);font-size:16px}
    .header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,235,243,.8)}
    .nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
    .brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:22px;letter-spacing:-.06em;white-space:nowrap}
    .brand-mark{width:38px;height:38px;border-radius:13px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900;font-size:18px;box-shadow:0 8px 18px rgba(16,29,61,.18)}
    .nav-links{display:flex;align-items:center;gap:4px}
    .nav-links a{padding:10px 13px;border-radius:10px;color:#55617a;font-size:14px;font-weight:700;transition:.25s}
    .nav-links a:hover,.nav-links a.active{background:#edf3ff;color:var(--blue)}
    .nav-tools{display:flex;align-items:center;gap:12px}
    .location{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px;white-space:nowrap}
    .location i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #e3f7ee}
    .nav-button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:12px 19px;font-weight:800;transition:.25s;border:1px solid transparent}
    .nav-button{background:var(--navy);color:#fff;font-size:13px}
    .nav-button:hover{background:var(--blue);transform:translateY(-2px)}
    .menu-toggle{display:none;background:transparent;font-size:25px;color:var(--navy)}
    .hero{min-height:700px;background:var(--navy) url("/assets/images/backpic/back-1.webp") center/cover no-repeat;color:#fff;position:relative;overflow:hidden}
    .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,19,45,.96) 0%,rgba(12,29,67,.88) 46%,rgba(12,29,67,.36) 100%)}
    .hero .container{position:relative;z-index:1}
    .hero-inner{min-height:700px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding:72px 0}
    .hero .eyebrow{color:#7de5e3}.hero .eyebrow:before{background:#7de5e3}
    .hero h1{font-size:clamp(42px,6vw,76px);line-height:1.08;letter-spacing:-.075em;max-width:730px;margin:19px 0 24px}
    .hero-copy{color:#cbd7ee;font-size:18px;line-height:1.9;max-width:680px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
    .btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 26px rgba(43,103,246,.3)}
    .btn-primary:hover{background:#5284ff;transform:translateY(-3px)}
    .btn-light{background:#fff;color:var(--navy)}
    .btn-light:hover{background:#dffafa;color:var(--navy);transform:translateY(-3px)}
    .btn-ghost{border-color:rgba(255,255,255,.25);color:#fff}
    .btn-ghost:hover{background:rgba(255,255,255,.1)}
    .hero-points{display:flex;gap:25px;margin-top:42px;flex-wrap:wrap}
    .hero-point{border-left:1px solid rgba(255,255,255,.22);padding-left:16px}
    .hero-point strong{display:block;font-size:25px;line-height:1.2}.hero-point span{color:#a9b9d7;font-size:12px}
    .funding-panel{background:rgba(255,255,255,.97);color:var(--ink);border-radius:27px;padding:28px;box-shadow:0 25px 80px rgba(0,0,0,.25);max-width:500px;justify-self:end}
    .panel-top{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:21px;margin-bottom:24px}
    .panel-top h3{font-size:22px;line-height:1.35}.panel-top p{color:var(--muted);font-size:12px;margin-top:5px}
    .live-badge{color:#d96137;background:#fff0e8;padding:6px 10px;border-radius:99px;font-weight:800;font-size:11px}
    .funding-body{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center}
    .progress-ring{width:142px;height:142px;border-radius:50%;background:conic-gradient(var(--blue) 0 72%,#e8edf6 72% 100%);display:grid;place-items:center;position:relative}
    .progress-ring:after{content:"";position:absolute;width:111px;height:111px;border-radius:50%;background:#fff}
    .progress-text{position:relative;z-index:1;text-align:center}.progress-text strong{display:block;font-size:30px;line-height:1}.progress-text span{font-size:11px;color:var(--muted)}
    .funding-info strong{font-size:28px;display:block;line-height:1.2}.funding-info p{color:var(--muted);font-size:13px;margin:6px 0 14px}
    .mini-line{height:7px;border-radius:7px;background:#e9eef7;overflow:hidden}.mini-line span{display:block;width:72%;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:inherit}
    .tier-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:23px}
    .tier{padding:12px 10px;border:1px solid var(--line);border-radius:13px}.tier.active{border-color:var(--blue);background:#f2f6ff}.tier b{display:block;font-size:15px}.tier small{color:var(--muted);font-size:11px}
    .funding-panel .btn{width:100%;margin-top:20px}
    .metric-strip{margin-top:-42px;position:relative;z-index:2}
    .metrics{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0}
    .metric{text-align:center;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric strong{display:block;font-size:29px;letter-spacing:-.05em}.metric span{color:var(--muted);font-size:13px}
    .focus-section{background:var(--soft)}
    .focus-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
    .focus-main{min-height:420px;border-radius:var(--radius);overflow:hidden;position:relative;background:url("/assets/images/coverpic/cover-1.webp") center/cover}
    .focus-main:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,20,47,.91),transparent 68%)}
    .focus-content{position:absolute;bottom:30px;left:32px;right:32px;z-index:1;color:#fff}.focus-content h3{font-size:31px;line-height:1.25;margin:10px 0}.focus-content p{color:#d3dcee;max-width:590px}
    .focus-side{display:grid;grid-template-rows:1fr 1fr;gap:24px}
    .focus-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:27px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.focus-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
    .focus-card h3{font-size:21px;line-height:1.35;margin:12px 0}.focus-card p{color:var(--muted);font-size:14px}.focus-card a,.text-link{color:var(--blue);font-weight:800;font-size:13px;margin-top:17px}
    .tag{display:inline-flex;width:max-content;padding:5px 10px;border-radius:99px;background:#edf3ff;color:var(--blue);font-size:11px;font-weight:800}.tag.orange{background:#fff2e7;color:#d97827}.tag.green{background:#e9faf2;color:#198b59}
    .stage{background:#fff}
    .stage-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center}
    .stage-copy h2{font-size:42px;line-height:1.2;letter-spacing:-.05em;margin:15px 0}.stage-copy p{color:var(--muted);font-size:16px}.stage-list{list-style:none;margin-top:26px;display:grid;gap:13px}.stage-list li{display:flex;gap:12px;align-items:start}.stage-list b{width:24px;height:24px;border-radius:8px;background:#e9f1ff;color:var(--blue);display:grid;place-items:center;font-size:12px;flex:none}
    .dashboard{background:#f0f4fa;border:1px solid var(--line);border-radius:27px;padding:18px;box-shadow:var(--shadow);transform:rotate(1deg)}
    .dash-head{background:var(--navy);color:#fff;border-radius:16px;padding:21px;display:flex;justify-content:space-between;align-items:center}.dash-head h3{font-size:19px}.dash-head span{color:#8ee2df;font-size:12px}
    .dash-body{background:#fff;border-radius:16px;margin-top:14px;padding:20px}.match-row{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;text-align:center;padding:17px 0;border-bottom:1px solid var(--line)}.match-row:last-child{border:0}.team{text-align:left;font-weight:800}.team.right{text-align:right}.team small{display:block;color:var(--muted);font-weight:400;font-size:11px}.score{font-size:22px;font-weight:900}.score small{display:block;color:var(--green);font-size:10px;letter-spacing:.06em}
    .category-section{background:#f8fbff}
    .category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}
    .category-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px 17px;min-height:151px;transition:.25s;position:relative;overflow:hidden}.category-card:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:#edf4ff;right:-27px;bottom:-27px;transition:.25s}.category-card:hover{border-color:#b6caff;transform:translateY(-5px);box-shadow:var(--shadow-sm)}.category-card:hover:after{background:#dce9ff;transform:scale(1.3)}.category-card b{font-size:16px;display:block;position:relative;z-index:1}.category-card p{font-size:12px;color:var(--muted);line-height:1.6;margin-top:8px;position:relative;z-index:1}.category-card em{font-style:normal;color:var(--blue);font-size:20px;display:block;margin-bottom:10px}
    .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{border-top:3px solid var(--blue);padding:25px 24px 26px;background:#fff;border-radius:0 0 18px 18px;box-shadow:var(--shadow-sm)}.step-no{font-size:46px;line-height:1;color:#dce7ff;font-weight:900}.step h3{font-size:21px;margin:13px 0 8px}.step p{color:var(--muted);font-size:14px}
    .compare-section{background:var(--navy);color:#fff}.compare-section .section-head p{color:#aebbd4}.compare{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.plan{border:1px solid rgba(255,255,255,.15);border-radius:21px;padding:28px;background:rgba(255,255,255,.055);position:relative}.plan.recommend{background:#fff;color:var(--ink);border-color:#8ddfdf;transform:translateY(-10px);box-shadow:0 20px 50px rgba(0,0,0,.2)}.recommend-label{position:absolute;right:18px;top:18px;background:var(--cyan);color:var(--navy);font-size:11px;font-weight:900;padding:5px 9px;border-radius:99px}.plan h3{font-size:22px}.plan .price{font-size:37px;font-weight:900;margin:16px 0 3px}.plan .price small{font-size:13px;font-weight:400;color:var(--muted)}.plan p{color:#aebbd4;font-size:13px;min-height:48px}.plan.recommend p{color:var(--muted)}.plan ul{list-style:none;border-top:1px solid rgba(255,255,255,.15);margin-top:20px;padding-top:18px;display:grid;gap:10px;font-size:13px}.plan.recommend ul{border-color:var(--line)}.plan li:before{content:"✓";color:var(--cyan);font-weight:900;margin-right:8px}.plan .btn{width:100%;margin-top:24px}.plan.recommend .btn{background:var(--blue);color:#fff}
    .ranking-grid{display:grid;grid-template-columns:1fr .75fr;gap:25px}.rank-list,.signal-box{border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden}.rank-head,.rank-item{display:grid;grid-template-columns:52px 1.5fr .8fr .65fr;align-items:center;gap:15px;padding:17px 23px}.rank-head{background:#f5f8fc;color:var(--muted);font-size:12px;font-weight:800}.rank-item{border-top:1px solid var(--line)}.rank-item:hover{background:#fbfdff}.rank-num{font-size:20px;font-weight:900;color:#b8c3d4}.rank-item:nth-child(2) .rank-num{color:var(--orange)}.rank-team{font-weight:800}.rank-team small{display:block;color:var(--muted);font-size:11px;font-weight:400}.trend{color:var(--green);font-weight:800;font-size:12px}.signal-box{padding:27px;background:linear-gradient(145deg,#effbfb,#f5f8ff)}.signal-box h3{font-size:22px;line-height:1.4}.signal-box p{color:var(--muted);margin-top:10px}.signal-stat{display:flex;justify-content:space-between;border-bottom:1px solid #dce8ee;padding:16px 0;font-size:13px}.signal-stat strong{color:var(--blue)}
    .scene{background:#f5f8fc}.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:24px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}.scene-image{min-height:390px;background:url("/assets/images/coverpic/cover-4.webp") center/cover}.scene-copy{padding:45px}.scene-copy h2{font-size:35px;line-height:1.25;margin:15px 0}.scene-copy p{color:var(--muted)}.scene-points{display:grid;gap:14px;margin-top:25px}.scene-points div{display:flex;gap:12px}.scene-points b{color:var(--blue)}
    .reviews{background:#fff}.review-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:25px}.review-feature{border-radius:24px;background:#ecf5ff;padding:37px;position:relative;overflow:hidden}.review-feature:after{content:"“";position:absolute;right:25px;bottom:-35px;font:180px Georgia;color:#d7e8ff}.review-feature p{font-size:25px;line-height:1.55;letter-spacing:-.03em;max-width:650px;position:relative;z-index:1}.review-author{display:flex;align-items:center;gap:12px;margin-top:28px;position:relative;z-index:1}.avatar{width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900}.review-author small{display:block;color:var(--muted)}.review-stack{display:grid;gap:14px}.review{border:1px solid var(--line);border-radius:17px;padding:22px}.stars{color:#f5a623;letter-spacing:2px}.review p{font-size:14px;margin:8px 0;color:#46536e}.review small{color:var(--muted)}
    .security{background:var(--navy);color:#fff}.security-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.security h2{font-size:40px;line-height:1.25;margin:15px 0}.security p{color:#b9c8e1}.security-items{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.security-item{padding:24px;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(255,255,255,.05)}.security-item b{display:block;font-size:17px;margin-bottom:7px}.security-item span{color:#aebbd4;font-size:13px}
    .news-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:25px}.news-list{border-top:1px solid var(--line)}.news-item{display:grid;grid-template-columns:92px 1fr 90px;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.news-date{font-size:12px;color:var(--muted)}.news-item h3{font-size:17px;line-height:1.4}.news-item p{font-size:13px;color:var(--muted);margin-top:5px}.news-item a{color:var(--blue);font-size:12px;font-weight:800;text-align:right}.news-feature{border-radius:22px;background:url("/assets/images/coverpic/cover-7.webp") center/cover;min-height:370px;padding:28px;display:flex;flex-direction:column;justify-content:end;color:#fff;position:relative;overflow:hidden}.news-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,24,54,.92),transparent 75%)}.news-feature>*{position:relative;z-index:1}.news-feature h3{font-size:27px;line-height:1.3;margin:12px 0}.news-feature p{color:#d6e0f3;font-size:13px}
    .download{background:#f0f7ff}.download-grid{display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center}.download h2{font-size:40px;line-height:1.25;margin:15px 0}.download p{color:var(--muted);font-size:16px}.download-actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.download-card{border-radius:23px;background:var(--navy);padding:30px;color:#fff;display:grid;grid-template-columns:1fr 140px;gap:22px;align-items:center}.download-card h3{font-size:23px}.download-card p{color:#abbad6;font-size:13px;margin-top:9px}.qr{width:125px;height:125px;background:repeating-linear-gradient(45deg,#fff 0 5px,#192b53 5px 9px);border:8px solid #fff;border-radius:10px}
    .faq{background:#fff}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.faq-intro h2{font-size:40px;line-height:1.25;margin:15px 0}.faq-intro p{color:var(--muted)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;list-style:none;font-size:17px;font-weight:800;display:flex;justify-content:space-between;gap:15px}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--blue);font-size:24px;line-height:1}details[open] summary:after{content:"−"}details p{color:var(--muted);font-size:14px;margin-top:13px;padding-right:40px}
    .cta{padding:70px 0;background:linear-gradient(100deg,#2b67f6,#153fbe);color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:37px;line-height:1.25}.cta p{color:#d4e0ff;margin-top:9px}.cta .btn-light{white-space:nowrap}
    .footer{background:#0b1530;color:#fff;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:40px;padding-bottom:45px;border-bottom:1px solid rgba(255,255,255,.12)}.footer .brand{color:#fff}.footer-intro{color:#96a7c7;font-size:13px;max-width:300px;margin-top:18px}.footer h4{font-size:14px;margin-bottom:17px}.footer a,.footer li{color:#96a7c7;font-size:13px;transition:.2s}.footer a:hover{color:#fff}.footer ul{list-style:none;display:grid;gap:8px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:22px;color:#7e90b1;font-size:12px}.footer-bottom nav{display:flex;gap:17px;flex-wrap:wrap}
    @media(max-width:1024px){.nav-links{gap:0}.nav-links a{padding:9px 8px}.hero-inner{gap:35px}.category-grid{grid-template-columns:repeat(3,1fr)}.security-grid,.download-grid{gap:35px}.section{padding:82px 0}}
    @media(max-width:768px){.container{width:min(var(--max),calc(100% - 34px))}.nav{height:68px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;padding:12px 17px 18px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:12px 14px}.nav-tools{margin-left:auto}.location{display:none}.nav-button{display:none}.hero,.hero-inner{min-height:auto}.hero-inner{grid-template-columns:1fr;padding:85px 0 72px}.funding-panel{justify-self:stretch;max-width:none}.metrics{grid-template-columns:repeat(2,1fr);gap:18px;padding:18px}.metric{border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line);padding-bottom:16px}.metric:nth-child(odd){border-right:1px solid var(--line)}.section-head,.cta-inner{align-items:start;flex-direction:column}.focus-grid,.stage-grid,.ranking-grid,.review-grid,.scene-grid,.security-grid,.news-grid,.download-grid,.faq-grid{grid-template-columns:1fr}.stage-copy{order:1}.dashboard{order:0}.compare{grid-template-columns:1fr}.plan.recommend{transform:none}.security-items{grid-template-columns:1fr 1fr}.news-feature{min-height:280px}.footer-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:47px}}
    @media(max-width:520px){.hero h1{font-size:40px}.hero-copy{font-size:16px}.hero-actions,.download-actions{flex-direction:column}.hero-actions .btn,.download-actions .btn{width:100%}.funding-body{grid-template-columns:1fr;text-align:center}.progress-ring{margin:auto}.tier-row{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:145px}.steps{grid-template-columns:1fr}.security-items{grid-template-columns:1fr}.news-item{grid-template-columns:70px 1fr}.news-item a{grid-column:2;text-align:left}.download-card{grid-template-columns:1fr}.qr{margin-top:5px}.scene-copy,.review-feature{padding:27px}.scene-copy h2,.download h2,.faq-intro h2,.security h2{font-size:31px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom nav{margin-top:13px}}

/* roulang page: category3 */
:root{
      --ink:#101b35;
      --muted:#68738c;
      --soft:#f4f7fb;
      --paper:#ffffff;
      --line:#e6ebf3;
      --navy:#101d3d;
      --blue:#2b67f6;
      --blue-dark:#1648c7;
      --cyan:#28c6c9;
      --orange:#ff9d49;
      --green:#2bb673;
      --shadow:0 22px 70px rgba(20,44,92,.11);
      --shadow-sm:0 10px 30px rgba(20,44,92,.08);
      --radius:22px;
      --radius-sm:14px;
      --max:1220px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.75;font-size:15px}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;height:auto}
    button,input,textarea{font:inherit}
    button{cursor:pointer;border:0}
    .container{width:min(var(--max),calc(100% - 48px));margin:0 auto}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:800;letter-spacing:.08em;font-size:12px}
    .eyebrow:before{content:"";width:22px;height:2px;background:var(--blue);display:inline-block}
    .section{padding:96px 0;position:relative}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}
    .section-head h2{font-size:clamp(28px,3vw,44px);line-height:1.2;letter-spacing:-.045em;margin:13px 0 0}
    .section-head p{max-width:560px;color:var(--muted);font-size:16px;margin:0}
    .header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,235,243,.8)}
    .nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:22px;letter-spacing:-.06em;white-space:nowrap}
    .brand-mark{width:38px;height:38px;border-radius:13px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900;font-size:18px;box-shadow:0 8px 18px rgba(16,29,61,.18)}
    .nav-links{display:flex;align-items:center;gap:3px}
    .nav-links a{padding:10px 12px;border-radius:10px;color:#55617a;font-size:14px;font-weight:700;transition:.25s;white-space:nowrap}
    .nav-links a:hover,.nav-links a.active{background:#edf3ff;color:var(--blue)}
    .nav-tools{display:flex;align-items:center;gap:12px}
    .location-link{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}
    .location-dot{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #fff1e4}
    .nav-button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:12px 19px;font-weight:800;transition:.25s;border:1px solid transparent}
    .nav-button{background:var(--navy);color:#fff;font-size:13px}
    .nav-button:hover{background:var(--blue);transform:translateY(-2px)}
    .menu-toggle{display:none;background:transparent;font-size:25px;color:var(--navy)}
    .hero{background:var(--navy) url("/assets/images/backpic/back-2.webp") center/cover no-repeat;color:#fff;position:relative;overflow:hidden}
    .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,19,46,.98),rgba(12,29,67,.87) 53%,rgba(12,29,67,.32))}
    .hero .container{position:relative;z-index:1}
    .hero-inner{min-height:560px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:65px;padding:70px 0}
    .hero .eyebrow{color:#7de5e3}.hero .eyebrow:before{background:#7de5e3}
    .hero h1{font-size:clamp(43px,6vw,76px);line-height:1.06;letter-spacing:-.075em;max-width:700px;margin:18px 0 23px}
    .hero-copy{color:#cbd7ee;font-size:18px;line-height:1.9;max-width:650px;margin:0}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
    .btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 26px rgba(43,103,246,.3)}
    .btn-primary:hover{background:#5284ff;transform:translateY(-3px)}
    .btn-light{background:#fff;color:var(--navy)}
    .btn-light:hover{background:#dffafa;transform:translateY(-3px)}
    .btn-ghost{border-color:rgba(255,255,255,.28);color:#fff}
    .btn-ghost:hover{background:rgba(255,255,255,.1)}
    .hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:35px;color:#b3c1dc;font-size:12px}
    .hero-trust span{display:flex;align-items:center;gap:7px}
    .hero-trust i{width:17px;height:17px;border-radius:50%;background:var(--cyan);color:var(--navy);font-style:normal;font-size:11px;display:grid;place-items:center;font-weight:900}
    .hero-panel{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:25px;box-shadow:0 24px 60px rgba(0,0,0,.18);backdrop-filter:blur(9px)}
    .panel-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:18px}
    .panel-top strong{font-size:17px}.panel-top small{color:#9fb1d1}
    .pulse{display:flex;align-items:center;gap:7px;color:#84eee2;font-size:12px;font-weight:800}
    .pulse b{width:8px;height:8px;border-radius:50%;background:#55e0ce;box-shadow:0 0 0 5px rgba(85,224,206,.12)}
    .team-line{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;text-align:center;padding:23px 0;border-bottom:1px solid rgba(255,255,255,.13)}
    .team-line:last-child{border:0}
    .team-name{font-weight:800}.team-name small{display:block;color:#a8b7d1;font-size:11px;font-weight:500}
    .score{font-size:24px;font-weight:900;color:#fff}
    .score em{display:block;font-style:normal;font-size:10px;color:#91a4c5;font-weight:600}
    .panel-note{color:#aebbd3;font-size:12px;margin:17px 0 0}
    .metric-strip{background:#fff;border-bottom:1px solid var(--line)}
    .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
    .metric{padding:28px 22px;border-right:1px solid var(--line)}
    .metric:last-child{border:0}.metric strong{display:block;font-size:31px;line-height:1.2;letter-spacing:-.05em}.metric span{color:var(--muted);font-size:13px}
    .metric .accent{color:var(--blue)}
    .soft-section{background:var(--soft)}
    .matrix{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}
    .matrix-main{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px}
    .matrix-main h3{font-size:23px;margin:0 0 21px}
    .signal-row{display:grid;grid-template-columns:150px 1fr 60px;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
    .signal-row:last-child{border-bottom:0}
    .signal-label{font-weight:800}.signal-label small{display:block;color:var(--muted);font-size:11px;font-weight:500}
    .bar{height:9px;border-radius:99px;background:#edf1f7;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan))}
    .signal-value{text-align:right;font-weight:900;color:var(--blue)}
    .side-note{border-radius:var(--radius);padding:30px;background:var(--navy) url("/assets/images/coverpic/cover-6.webp") center/cover;position:relative;overflow:hidden;color:#fff;min-height:315px}
    .side-note:before{content:"";position:absolute;inset:0;background:rgba(12,27,62,.85)}
    .side-note>*{position:relative}.side-note h3{font-size:26px;line-height:1.3;margin:13px 0}.side-note p{color:#c7d4eb;font-size:14px}.side-note .tag{background:rgba(255,255,255,.13);color:#a6f3ec}
    .tag{display:inline-flex;width:max-content;padding:5px 10px;border-radius:99px;background:#edf3ff;color:var(--blue);font-size:11px;font-weight:800}
    .tag.orange{background:#fff2e7;color:#d97827}.tag.green{background:#e9faf2;color:#198b59}
    .profile-section{background:#fff}
    .profile-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:58px;align-items:center}
    .profile-image{height:430px;border-radius:var(--radius);overflow:hidden;position:relative}
    .profile-image img{width:100%;height:100%;object-fit:cover}
    .image-caption{position:absolute;bottom:0;left:0;right:0;padding:22px;color:#fff;background:linear-gradient(transparent,rgba(7,19,46,.9));font-weight:800}
    .profile-copy h2{font-size:41px;line-height:1.22;letter-spacing:-.05em;margin:14px 0 19px}
    .profile-copy p{color:var(--muted);font-size:16px}
    .check-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:13px}
    .check-list li{display:flex;gap:12px;align-items:flex-start}.check-list b{width:23px;height:23px;border-radius:8px;background:#e9f1ff;color:var(--blue);display:grid;place-items:center;font-size:12px;flex:none;margin-top:3px}
    .timeline-section{background:#f8fbff}
    .timeline-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}
    .timeline-intro h2{font-size:40px;line-height:1.25;letter-spacing:-.05em;margin:15px 0}
    .timeline-intro p{color:var(--muted)}
    .timeline{border-left:1px solid #cdd8eb;padding-left:31px;display:grid;gap:24px}
    .timeline-item{position:relative;background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px 24px;transition:.25s}
    .timeline-item:before{content:"";position:absolute;left:-38px;top:27px;width:13px;height:13px;border-radius:50%;background:var(--blue);border:4px solid #e5edff}
    .timeline-item:hover{transform:translateX(5px);box-shadow:var(--shadow-sm)}
    .timeline-item header{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:7px}.timeline-item time{font-size:12px;color:var(--blue);font-weight:800}.timeline-item h3{font-size:18px;margin:0}.timeline-item p{color:var(--muted);font-size:14px;margin:5px 0 0}
    .compare{display:grid;grid-template-columns:1fr 1fr;gap:24px}
    .compare-card{border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:#fff}
    .compare-card.dark{background:var(--navy);color:#fff;border-color:var(--navy)}
    .compare-card h3{font-size:24px;margin:12px 0}.compare-card p{color:var(--muted)}.compare-card.dark p{color:#bdcbe1}
    .compare-list{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:14px}.compare-list li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:12px}.dark .compare-list li{border-color:rgba(255,255,255,.14)}.compare-list span{color:var(--muted)}.dark .compare-list span{color:#aebdd5}.compare-list strong{color:var(--blue)}.dark .compare-list strong{color:#7de5e3}
    .deep-section{background:var(--navy);color:#fff}
    .deep-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}
    .deep-layout h2{font-size:42px;line-height:1.2;letter-spacing:-.05em;margin:14px 0 19px}.deep-layout>div>p{color:#bdcbe1;font-size:16px}
    .principle-list{display:grid;gap:14px}.principle{display:grid;grid-template-columns:54px 1fr;gap:16px;padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:17px;background:rgba(255,255,255,.05)}.principle b{font-size:24px;color:#7de5e3}.principle h3{margin:0 0 4px;font-size:17px}.principle p{margin:0;color:#aebdd5;font-size:13px}
    .faq-section{background:#fff}
    .faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.faq-intro h2{font-size:40px;line-height:1.25;letter-spacing:-.05em;margin:14px 0}.faq-intro p{color:var(--muted)}
    .faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--line);border-radius:15px;padding:0 21px;background:#fff}.faq-item[open]{border-color:#b7cbfb;box-shadow:0 8px 24px rgba(43,103,246,.08)}.faq-item summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:800;display:flex;justify-content:space-between;gap:20px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"＋";color:var(--blue);font-size:20px}.faq-item[open] summary:after{content:"－"}.faq-answer{color:var(--muted);font-size:14px;padding:0 0 19px}
    .cta{padding:75px 0;background:#eaf2ff}
    .cta-box{background:var(--navy);border-radius:var(--radius);padding:46px 52px;display:flex;justify-content:space-between;align-items:center;gap:35px;color:#fff;overflow:hidden;position:relative}.cta-box:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;border:1px solid rgba(125,229,227,.2);right:7%;top:-190px;box-shadow:0 0 0 30px rgba(125,229,227,.05),0 0 0 60px rgba(125,229,227,.03)}.cta-box>*{position:relative;z-index:1}.cta-box h2{font-size:35px;line-height:1.25;margin:12px 0}.cta-box p{color:#bdcbe1;margin:0;max-width:650px}.cta-actions{display:flex;gap:10px;flex:none}
    .footer{background:#0b1631;color:#fff;padding:68px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.footer .brand{color:#fff}.footer-intro{color:#9eacc7;max-width:310px;font-size:13px;margin-top:20px}.footer h4{font-size:14px;margin:5px 0 18px}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.footer li a{color:#9eacc7;font-size:13px;transition:.2s}.footer li a:hover,.footer-bottom a:hover{color:#7de5e3}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:50px;padding-top:20px;color:#8190ad;font-size:12px;display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-bottom nav{display:flex;gap:18px;white-space:nowrap}.footer-bottom a{color:#aebbd1}
    :focus-visible{outline:3px solid rgba(43,103,246,.35);outline-offset:3px}
    @media(max-width:1100px){.nav-links a{padding:9px 7px;font-size:13px}.location-link{display:none}.hero-inner{gap:35px}.matrix,.deep-layout,.faq-grid{gap:35px}}
    @media(max-width:860px){.nav{height:70px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:13px 24px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow-sm)}.nav-links.open{display:flex}.nav-links a{padding:12px 14px}.nav-button{display:none}.hero-inner,.profile-grid,.timeline-grid,.deep-layout,.faq-grid{grid-template-columns:1fr}.hero-inner{padding:70px 0;min-height:0}.hero-panel{max-width:620px}.section{padding:76px 0}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.matrix{grid-template-columns:1fr}.profile-image{height:360px}.deep-layout{gap:35px}.cta-box{align-items:flex-start;flex-direction:column;padding:38px 32px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}}
    @media(max-width:560px){.container{width:min(var(--max),calc(100% - 32px))}.brand{font-size:20px}.hero h1{font-size:45px}.hero-copy{font-size:16px}.hero-actions .btn{width:100%}.hero-trust{gap:12px;display:grid}.metrics{grid-template-columns:1fr 1fr}.metric{padding:22px 13px}.metric strong{font-size:25px}.section-head{display:block}.section-head p{margin-top:16px}.signal-row{grid-template-columns:105px 1fr 45px;gap:10px}.profile-copy h2,.timeline-intro h2,.deep-layout h2,.faq-intro h2{font-size:33px}.compare{grid-template-columns:1fr}.compare-card{padding:24px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block;line-height:2}.footer-bottom nav{margin-top:10px;flex-wrap:wrap}.cta-box h2{font-size:29px}.cta-actions{width:100%;flex-direction:column}.cta-actions .btn{width:100%}}

/* roulang page: category2 */
:root{--ink:#101b35;--muted:#68738c;--soft:#f4f7fb;--paper:#fff;--line:#e6ebf3;--navy:#101d3d;--blue:#2b67f6;--blue-dark:#1648c7;--cyan:#28c6c9;--orange:#ff9d49;--green:#2bb673;--shadow:0 22px 70px rgba(20,44,92,.11);--shadow-sm:0 10px 30px rgba(20,44,92,.08);--radius:22px;--radius-sm:14px;--max:1220px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.75;font-size:15px}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input,select{font:inherit}button{cursor:pointer;border:0}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,235,243,.85)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:22px;letter-spacing:-.06em;white-space:nowrap}
.brand-mark{width:38px;height:38px;border-radius:13px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:18px;box-shadow:0 8px 18px rgba(16,29,61,.18)}
.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{padding:10px 13px;border-radius:10px;color:#55617a;font-size:14px;font-weight:700;transition:.25s}
.nav-links a:hover,.nav-links a.active{background:#edf3ff;color:var(--blue)}
.nav-tools{display:flex;gap:12px;align-items:center}.nav-button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:12px 19px;font-weight:800;transition:.25s;border:1px solid transparent}
.nav-button{background:var(--navy);color:#fff;font-size:13px}.nav-button:hover{background:var(--blue);transform:translateY(-2px)}
.menu-toggle{display:none;background:none;color:var(--navy);font-size:25px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:800;letter-spacing:.08em;font-size:12px}.eyebrow:before{content:"";width:22px;height:2px;background:var(--blue)}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 26px rgba(43,103,246,.3)}.btn-primary:hover{background:#5284ff;transform:translateY(-3px)}
.btn-light{background:#fff;color:var(--navy)}.btn-light:hover{background:#dffafa;transform:translateY(-3px)}
.btn-ghost{border-color:rgba(255,255,255,.28);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.1)}
.hero-inner{padding:84px 0 76px;display:grid;grid-template-columns:1fr .9fr;gap:72px;align-items:center}
.hero-banner{background:var(--navy) url("/assets/images/backpic/back-2.webp") center/cover;color:#fff;position:relative;overflow:hidden}.hero-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(9,19,45,.96),rgba(12,29,67,.75))}
.hero-banner .container{position:relative;z-index:1}.hero-banner .eyebrow{color:#7de5e3}.hero-banner .eyebrow:before{background:#7de5e3}
.hero-banner h1{font-size:clamp(42px,6vw,70px);line-height:1.08;letter-spacing:-.075em;margin:18px 0 23px}.hero-copy{color:#cbd7ee;font-size:17px;max-width:650px;line-height:1.9}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}
.data-board{background:rgba(255,255,255,.97);color:var(--ink);border-radius:24px;padding:25px;box-shadow:0 25px 60px rgba(3,13,38,.28);transform:rotate(1deg)}
.board-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px}.board-top strong{font-size:18px}.live{background:#e9faf2;color:#198b59;border-radius:99px;padding:5px 10px;font-size:11px;font-weight:800}
.signal{padding:22px 0;border-bottom:1px solid var(--line)}.signal:last-child{border:0;padding-bottom:0}.signal-head{display:flex;justify-content:space-between;align-items:center;font-weight:800}.signal-head b{color:var(--blue);font-size:22px}.meter{height:8px;border-radius:99px;background:#edf1f7;margin-top:11px;overflow:hidden}.meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.board-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:18px}
.section{padding:92px 0;position:relative}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-head h2{font-size:clamp(28px,3vw,44px);line-height:1.2;letter-spacing:-.045em;margin-top:13px}.section-head p{max-width:570px;color:var(--muted);font-size:16px}
.intro-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:28px;align-items:stretch}.intro-copy{background:var(--soft);border-radius:var(--radius);padding:40px 44px}.intro-copy h2{font-size:34px;line-height:1.25;margin:13px 0 20px;letter-spacing:-.05em}.intro-copy p{color:var(--muted);font-size:16px}.photo-card{min-height:330px;border-radius:var(--radius);background:url("/assets/images/coverpic/cover-4.webp") center/cover;position:relative;overflow:hidden}.photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,24,55,.85),transparent 65%)}.photo-caption{position:absolute;z-index:1;bottom:25px;left:27px;color:#fff;font-size:21px;font-weight:900}
.matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.matrix-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:25px;background:#fff;transition:.25s}.matrix-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-4px);border-color:#cbdcff}.icon{width:42px;height:42px;border-radius:13px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-weight:900;font-size:18px}.matrix-card h3{margin:18px 0 8px;font-size:18px}.matrix-card p{color:var(--muted);font-size:13px}
.result-section{background:var(--soft)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:22px}.compare-card{background:#fff;border-radius:var(--radius);padding:30px;border:1px solid var(--line)}.compare-card.dark{background:var(--navy);color:#fff;border-color:var(--navy)}.compare-card h3{font-size:22px;margin-bottom:16px}.compare-list{list-style:none;display:grid;gap:13px}.compare-list li{display:flex;gap:11px;align-items:flex-start;color:var(--muted)}.dark .compare-list li{color:#cbd7ee}.compare-list b{width:22px;height:22px;border-radius:7px;background:#e9faf2;color:var(--green);display:grid;place-items:center;flex:none;font-size:12px}.dark .compare-list b{background:rgba(40,198,201,.16);color:#7de5e3}
.focus-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}.focus-layout img{border-radius:var(--radius);width:100%;height:350px;object-fit:cover;box-shadow:var(--shadow)}.focus-layout h2{font-size:38px;line-height:1.25;margin:15px 0}.focus-layout p{color:var(--muted);font-size:16px}.check-list{list-style:none;margin:22px 0;display:grid;gap:12px}.check-list li{display:flex;gap:12px;align-items:center;font-weight:700}.check-list span{width:25px;height:25px;border-radius:8px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-size:12px}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding-top:25px;gap:28px}.step{position:relative}.step:before{content:"";position:absolute;top:-31px;left:0;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 6px #e8efff}.step b{color:var(--blue);font-size:12px}.step h3{font-size:18px;margin:9px 0}.step p{color:var(--muted);font-size:13px}
.quote-strip{background:#edf3ff;padding:26px 30px;border-left:4px solid var(--blue);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:19px;font-weight:800;max-width:920px}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px}.faq-grid h2{font-size:38px;line-height:1.25}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden}.faq-q{width:100%;background:#fff;padding:20px 22px;text-align:left;font-weight:800;color:var(--ink);display:flex;justify-content:space-between;align-items:center}.faq-q span{color:var(--blue);font-size:20px}.faq-a{display:none;padding:0 22px 20px;color:var(--muted);font-size:14px}.faq-item.open .faq-a{display:block}
.cta{background:var(--navy);color:#fff;border-radius:var(--radius);padding:48px;display:grid;grid-template-columns:1fr .8fr;gap:35px;align-items:center}.cta h2{font-size:36px;line-height:1.25;margin:13px 0}.cta p{color:#cbd7ee}.form-box{display:flex;gap:9px}.form-box input{min-width:0;flex:1;border:0;border-radius:11px;padding:13px 15px;outline:none}.form-box input:focus{box-shadow:0 0 0 3px rgba(40,198,201,.4)}.form-box button{white-space:nowrap}.form-note{font-size:12px;color:#8e9fbe;margin-top:10px}
.footer{background:#0c1731;color:#d4def1;padding:62px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer .brand{color:#fff}.footer-intro{color:#91a1bf;max-width:330px;margin-top:18px;font-size:13px}.footer h4{color:#fff;margin-bottom:14px;font-size:14px}.footer ul{list-style:none;display:grid;gap:8px}.footer li a,.footer-bottom a{color:#91a1bf;font-size:13px;transition:.2s}.footer li a:hover,.footer-bottom a:hover{color:#7de5e3}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#91a1bf;font-size:12px}.footer-bottom nav{display:flex;gap:18px;white-space:nowrap}
@media(max-width:1024px){.nav-links a{padding:9px 7px}.hero-inner{gap:35px}.matrix{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}
@media(max-width:768px){.container{width:min(var(--max),calc(100% - 32px))}.nav{height:68px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:16px;right:16px;top:76px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:9px;box-shadow:var(--shadow-sm);flex-direction:column;align-items:stretch}.nav-links.show{display:flex}.nav-links a{padding:12px 14px}.nav-button{display:none}.hero-inner,.intro-grid,.focus-layout,.faq-grid,.cta{grid-template-columns:1fr}.hero-inner{padding:65px 0}.data-board{max-width:560px;transform:none}.section{padding:68px 0}.section-head{display:block;margin-bottom:28px}.section-head p{margin-top:14px}.compare{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(2,1fr);row-gap:44px}.cta{padding:32px 25px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom nav{margin-top:12px}}
@media(max-width:520px){.hero-banner h1{font-size:43px}.hero-copy{font-size:15px}.matrix{grid-template-columns:1fr}.intro-copy{padding:28px 24px}.intro-copy h2,.focus-layout h2,.faq-grid h2{font-size:30px}.timeline{grid-template-columns:1fr}.form-box{display:grid}.form-box button{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{font-size:11px}.footer-bottom nav{flex-wrap:wrap}}

/* roulang page: category1 */
:root{
      --ink:#101b35;
      --muted:#68738c;
      --soft:#f4f7fb;
      --paper:#ffffff;
      --line:#e6ebf3;
      --navy:#101d3d;
      --blue:#2b67f6;
      --blue-dark:#1648c7;
      --cyan:#28c6c9;
      --orange:#ff9d49;
      --green:#2bb673;
      --red:#e56868;
      --shadow:0 22px 70px rgba(20,44,92,.11);
      --shadow-sm:0 10px 30px rgba(20,44,92,.08);
      --radius:22px;
      --radius-sm:14px;
      --max:1220px;
    }

    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{
      font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;
      color:var(--ink);
      background:var(--paper);
      line-height:1.75;
      font-size:15px;
      -webkit-font-smoothing:antialiased;
    }
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;height:auto}
    button,input{font:inherit}
    button{cursor:pointer;border:0}
    ul{list-style:none}
    .container{width:min(var(--max),calc(100% - 48px));margin:0 auto}
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:var(--blue);
      font-weight:800;
      letter-spacing:.08em;
      font-size:12px;
    }
    .eyebrow:before{
      content:"";
      width:22px;
      height:2px;
      background:var(--blue);
      display:inline-block;
    }
    .section{padding:92px 0;position:relative}
    .section-head{
      display:flex;
      justify-content:space-between;
      align-items:end;
      gap:30px;
      margin-bottom:40px;
    }
    .section-head h2{
      font-size:clamp(29px,3.4vw,46px);
      line-height:1.18;
      letter-spacing:-.055em;
      margin-top:12px;
    }
    .section-head p{
      max-width:570px;
      color:var(--muted);
      font-size:16px;
    }
    .header{
      position:sticky;
      top:0;
      z-index:20;
      background:rgba(255,255,255,.94);
      backdrop-filter:blur(16px);
      border-bottom:1px solid rgba(230,235,243,.86);
    }
    .nav{
      min-height:78px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:26px;
    }
    .brand{
      display:flex;
      align-items:center;
      gap:11px;
      font-weight:900;
      font-size:22px;
      letter-spacing:-.06em;
      white-space:nowrap;
    }
    .brand-mark{
      width:38px;
      height:38px;
      border-radius:13px;
      background:var(--navy);
      color:#fff;
      display:grid;
      place-items:center;
      font-weight:900;
      font-size:18px;
      box-shadow:0 8px 18px rgba(16,29,61,.18);
    }
    .nav-links{
      display:flex;
      align-items:center;
      gap:4px;
      flex:1;
      justify-content:center;
    }
    .nav-links a{
      padding:10px 12px;
      border-radius:10px;
      color:#55617a;
      font-size:14px;
      font-weight:700;
      transition:.25s ease;
      white-space:nowrap;
    }
    .nav-links a:hover,
    .nav-links a.active{
      background:#edf3ff;
      color:var(--blue);
    }
    .nav-tools{
      display:flex;
      align-items:center;
      gap:12px;
    }
    .location-link{
      display:flex;
      align-items:center;
      gap:7px;
      color:#61708b;
      font-size:12px;
      font-weight:700;
      white-space:nowrap;
    }
    .location-dot{
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--cyan);
      box-shadow:0 0 0 5px #e4fbfa;
    }
    .nav-button,.btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      border-radius:12px;
      padding:12px 19px;
      font-weight:800;
      transition:.25s ease;
      border:1px solid transparent;
    }
    .nav-button{
      background:var(--navy);
      color:#fff;
      font-size:13px;
    }
    .nav-button:hover{background:var(--blue);transform:translateY(-2px)}
    .menu-toggle{
      display:none;
      background:transparent;
      font-size:25px;
      color:var(--navy);
    }
    .subhero{
      min-height:410px;
      color:#fff;
      background:var(--navy) url("/assets/images/backpic/back-2.webp") center/cover no-repeat;
      position:relative;
      overflow:hidden;
    }
    .subhero:before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg,rgba(9,19,45,.97),rgba(12,29,67,.78) 54%,rgba(12,29,67,.34));
    }
    .subhero .container{
      position:relative;
      z-index:1;
      min-height:410px;
      display:flex;
      align-items:center;
    }
    .subhero-content{max-width:790px;padding:58px 0}
    .subhero .eyebrow{color:#7de5e3}
    .subhero .eyebrow:before{background:#7de5e3}
    .subhero h1{
      font-size:clamp(42px,6vw,72px);
      line-height:1.08;
      letter-spacing:-.075em;
      margin:17px 0 20px;
    }
    .subhero p{
      color:#cbd7ee;
      font-size:18px;
      line-height:1.9;
      max-width:720px;
    }
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
    .btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 26px rgba(43,103,246,.3)}
    .btn-primary:hover{background:#5284ff;transform:translateY(-3px)}
    .btn-light{background:#fff;color:var(--navy)}
    .btn-light:hover{background:#dffafa;transform:translateY(-3px)}
    .btn-ghost{border-color:rgba(255,255,255,.27);color:#fff}
    .btn-ghost:hover{background:rgba(255,255,255,.1)}
    .tag{
      display:inline-flex;
      width:max-content;
      padding:5px 10px;
      border-radius:99px;
      background:#edf3ff;
      color:var(--blue);
      font-size:11px;
      font-weight:800;
    }
    .tag.orange{background:#fff2e7;color:#d97827}
    .tag.green{background:#e9faf2;color:#198b59}
    .tag.dark{background:rgba(255,255,255,.13);color:#dce8ff}
    .metrics{
      background:#fff;
      border-bottom:1px solid var(--line);
      box-shadow:0 12px 35px rgba(20,44,92,.05);
    }
    .metrics-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
    }
    .metric{
      padding:28px 30px;
      border-right:1px solid var(--line);
    }
    .metric:first-child{padding-left:0}
    .metric:last-child{border-right:0}
    .metric strong{
      display:block;
      font-size:32px;
      line-height:1;
      letter-spacing:-.06em;
      color:var(--navy);
      margin-bottom:9px;
    }
    .metric span{color:var(--muted);font-size:13px}
    .intro-grid{
      display:grid;
      grid-template-columns:.88fr 1.12fr;
      gap:72px;
      align-items:center;
    }
    .intro-copy h2{
      font-size:clamp(30px,4vw,52px);
      line-height:1.17;
      letter-spacing:-.06em;
      margin:14px 0 22px;
    }
    .intro-copy p{color:var(--muted);font-size:16px;margin-bottom:18px}
    .quiet-link{color:var(--blue);font-weight:800;font-size:14px}
    .insight-board{
      background:var(--soft);
      border-radius:var(--radius);
      padding:25px;
      border:1px solid #e9eef6;
      box-shadow:var(--shadow-sm);
    }
    .board-top{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding-bottom:19px;
      border-bottom:1px solid var(--line);
    }
    .board-top strong{font-size:18px}
    .board-date{color:var(--muted);font-size:12px}
    .trend-list{display:grid;gap:14px;margin-top:19px}
    .trend-item{
      display:grid;
      grid-template-columns:112px 1fr 64px;
      align-items:center;
      gap:13px;
      font-size:13px;
    }
    .trend-label{font-weight:800}
    .trend-bar{height:8px;border-radius:99px;background:#dde5f2;overflow:hidden}
    .trend-bar i{display:block;height:100%;border-radius:inherit;background:var(--blue)}
    .trend-item:nth-child(2) .trend-bar i{background:var(--cyan)}
    .trend-item:nth-child(3) .trend-bar i{background:var(--orange)}
    .trend-item:nth-child(4) .trend-bar i{background:var(--green)}
    .trend-value{text-align:right;color:var(--muted);font-size:12px}
    .matrix-section{background:var(--soft)}
    .matrix-grid{
      display:grid;
      grid-template-columns:repeat(12,1fr);
      gap:16px;
    }
    .matrix-card{
      background:#fff;
      border:1px solid var(--line);
      border-radius:18px;
      padding:24px;
      min-height:214px;
      transition:.25s ease;
    }
    .matrix-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm);border-color:#cbd9f2}
    .matrix-card.large{grid-column:span 5}
    .matrix-card.medium{grid-column:span 4}
    .matrix-card.small{grid-column:span 3}
    .matrix-icon{
      width:42px;
      height:42px;
      display:grid;
      place-items:center;
      border-radius:13px;
      background:#edf3ff;
      color:var(--blue);
      font-weight:900;
      margin-bottom:18px;
    }
    .matrix-card:nth-child(2) .matrix-icon{background:#e6fbfa;color:#13999b}
    .matrix-card:nth-child(3) .matrix-icon{background:#fff2e7;color:#d97827}
    .matrix-card:nth-child(4) .matrix-icon{background:#e9faf2;color:#198b59}
    .matrix-card h3{font-size:19px;margin-bottom:8px}
    .matrix-card p{font-size:13px;color:var(--muted);line-height:1.75}
    .workflow-grid{
      display:grid;
      grid-template-columns:.8fr 1.2fr;
      gap:74px;
      align-items:start;
    }
    .workflow-copy h2{
      font-size:clamp(30px,4vw,48px);
      line-height:1.18;
      letter-spacing:-.06em;
      margin:14px 0 20px;
    }
    .workflow-copy p{color:var(--muted);font-size:16px}
    .workflow-list{display:grid;gap:0}
    .workflow-item{
      display:grid;
      grid-template-columns:58px 1fr;
      gap:18px;
      padding:0 0 29px;
      position:relative;
    }
    .workflow-item:not(:last-child):after{
      content:"";
      position:absolute;
      top:48px;
      left:22px;
      width:1px;
      height:calc(100% - 27px);
      background:#dbe4f3;
    }
    .workflow-number{
      width:46px;
      height:46px;
      border-radius:15px;
      background:var(--navy);
      color:#fff;
      display:grid;
      place-items:center;
      font-weight:900;
      position:relative;
      z-index:1;
    }
    .workflow-item h3{font-size:19px;margin:3px 0 6px}
    .workflow-item p{color:var(--muted);font-size:14px}
    .compare-section{padding-top:72px}
    .compare-wrap{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:18px;
    }
    .compare-panel{
      border-radius:var(--radius);
      padding:31px;
      min-height:310px;
      border:1px solid var(--line);
    }
    .compare-panel.old{background:#f8fafc}
    .compare-panel.new{background:var(--navy);color:#fff;border-color:var(--navy)}
    .compare-panel h3{font-size:23px;margin:12px 0 9px}
    .compare-panel p{font-size:14px;color:var(--muted);max-width:470px}
    .compare-panel.new p{color:#cbd7ee}
    .compare-list{display:grid;gap:13px;margin-top:24px}
    .compare-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px}
    .compare-list li:before{
      content:"✓";
      width:20px;height:20px;border-radius:7px;
      display:grid;place-items:center;
      background:#e7f0ff;color:var(--blue);
      font-size:11px;font-weight:900;flex:none;
    }
    .compare-panel.new .compare-list li:before{background:rgba(125,229,227,.16);color:#7de5e3}
    .scenes{
      display:grid;
      grid-template-columns:1.15fr .85fr;
      gap:22px;
      align-items:stretch;
    }
    .scene-image{
      min-height:390px;
      border-radius:var(--radius);
      overflow:hidden;
      position:relative;
      background:url("/assets/images/coverpic/cover-4.webp") center/cover;
    }
    .scene-image:after{
      content:"";
      position:absolute;inset:0;
      background:linear-gradient(0deg,rgba(8,20,47,.9),transparent 66%);
    }
    .scene-caption{
      position:absolute;
      z-index:1;
      left:30px;right:30px;bottom:27px;color:#fff;
    }
    .scene-caption h3{font-size:29px;line-height:1.25;margin-top:11px}
    .scene-list{
      border:1px solid var(--line);
      border-radius:var(--radius);
      padding:10px 25px;
      background:#fff;
    }
    .scene-row{
      padding:21px 0;
      border-bottom:1px solid var(--line);
    }
    .scene-row:last-child{border-bottom:0}
    .scene-row h3{font-size:17px;margin-bottom:6px}
    .scene-row p{font-size:13px;color:var(--muted)}
    .editorial{
      background:#f8fbff;
    }
    .editorial-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
    }
    .editorial-card{
      padding:26px;
      background:#fff;
      border:1px solid var(--line);
      border-radius:18px;
      min-height:210px;
    }
    .editorial-card b{
      display:block;
      font-size:38px;
      line-height:1;
      color:#dce6f7;
      margin-bottom:21px;
      letter-spacing:-.07em;
    }
    .editorial-card h3{font-size:18px;margin-bottom:7px}
    .editorial-card p{color:var(--muted);font-size:13px}
    .update-section{padding-top:78px}
    .update-grid{
      display:grid;
      grid-template-columns:1.25fr .75fr;
      gap:24px;
      align-items:stretch;
    }
    .update-feature{
      min-height:340px;
      padding:31px;
      color:#fff;
      border-radius:var(--radius);
      background:var(--navy) url("/assets/images/coverpic/cover-5.webp") center/cover;
      background-blend-mode:multiply;
      display:flex;
      flex-direction:column;
      justify-content:flex-end;
    }
    .update-feature h3{font-size:29px;line-height:1.3;margin:13px 0 9px;max-width:570px}
    .update-feature p{color:#ced9ef;max-width:560px;font-size:14px}
    .update-list{
      border:1px solid var(--line);
      border-radius:var(--radius);
      padding:8px 25px;
    }
    .update-item{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:16px;
      padding:18px 0;
      border-bottom:1px solid var(--line);
    }
    .update-item:last-child{border:0}
    .update-item h4{font-size:15px;line-height:1.5}
    .update-item span{color:var(--muted);font-size:12px;white-space:nowrap}
    .faq-section{background:var(--soft)}
    .faq-grid{
      display:grid;
      grid-template-columns:.72fr 1.28fr;
      gap:65px;
      align-items:start;
    }
    .faq-intro h2{
      font-size:clamp(30px,4vw,48px);
      line-height:1.17;
      letter-spacing:-.06em;
      margin:13px 0 17px;
    }
    .faq-intro p{color:var(--muted);font-size:15px}
    .faq-list{display:grid;gap:11px}
    details{
      background:#fff;
      border:1px solid var(--line);
      border-radius:15px;
      padding:0 22px;
      transition:.2s;
    }
    details[open]{box-shadow:var(--shadow-sm);border-color:#cbd9f2}
    summary{
      cursor:pointer;
      list-style:none;
      font-weight:800;
      padding:19px 28px 19px 0;
      position:relative;
    }
    summary::-webkit-details-marker{display:none}
    summary:after{
      content:"+";
      position:absolute;
      right:0;
      top:15px;
      font-size:24px;
      color:var(--blue);
      font-weight:400;
    }
    details[open] summary:after{content:"−"}
    details p{color:var(--muted);font-size:14px;padding:0 0 20px;max-width:720px}
    .cta{
      background:var(--navy);
      color:#fff;
      padding:76px 0;
    }
    .cta-box{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:40px;
    }
    .cta h2{
      font-size:clamp(30px,4vw,49px);
      line-height:1.18;
      letter-spacing:-.06em;
      max-width:650px;
    }
    .cta p{color:#cbd7ee;max-width:600px;margin-top:13px;font-size:15px}
    .subscribe{
      display:flex;
      gap:9px;
      width:min(100%,430px);
    }
    .subscribe input{
      min-width:0;
      flex:1;
      border:1px solid rgba(255,255,255,.2);
      background:rgba(255,255,255,.08);
      color:#fff;
      border-radius:12px;
      padding:13px 15px;
      outline:0;
    }
    .subscribe input::placeholder{color:#aebbd4}
    .subscribe input:focus{border-color:#7de5e3;box-shadow:0 0 0 4px rgba(125,229,227,.13)}
    .subscribe .btn{white-space:nowrap}
    .footer{
      background:#0b1530;
      color:#fff;
      padding:60px 0 24px;
    }
    .footer-grid{
      display:grid;
      grid-template-columns:1.45fr 1fr 1fr 1fr;
      gap:38px;
      padding-bottom:45px;
    }
    .footer .brand{color:#fff;margin-bottom:18px}
    .footer-intro{color:#9eabc5;max-width:335px;font-size:13px}
    .footer h4{font-size:14px;margin-bottom:17px;color:#fff}
    .footer ul{display:grid;gap:9px}
    .footer li a{font-size:13px;color:#9eabc5;transition:.2s}
    .footer li a:hover{color:#7de5e3}
    .footer-bottom{
      border-top:1px solid rgba(255,255,255,.12);
      padding-top:21px;
      display:flex;
      justify-content:space-between;
      gap:20px;
      color:#8997b3;
      font-size:12px;
    }
    .footer-bottom nav{display:flex;gap:18px;white-space:nowrap}
    .footer-bottom a:hover{color:#fff}
    :focus-visible{outline:3px solid rgba(43,103,246,.35);outline-offset:3px}
    @media(max-width:1080px){
      .nav-links a{padding:9px 8px;font-size:13px}
      .nav-tools .location-link{display:none}
      .intro-grid,.workflow-grid,.faq-grid{gap:40px}
      .matrix-card.large{grid-column:span 6}
      .matrix-card.medium{grid-column:span 6}
      .matrix-card.small{grid-column:span 4}
    }
    @media(max-width:820px){
      .container{width:min(var(--max),calc(100% - 34px))}
      .nav{min-height:70px}
      .menu-toggle{display:block}
      .nav-links{
        display:none;
        position:absolute;
        left:17px;right:17px;top:76px;
        padding:10px;
        background:#fff;
        border:1px solid var(--line);
        border-radius:16px;
        box-shadow:var(--shadow-sm);
        flex-direction:column;
        align-items:stretch;
      }
      .nav-links.open{display:flex}
      .nav-links a{width:100%}
      .nav-button{display:none}
      .section{padding:70px 0}
      .metrics-grid{grid-template-columns:repeat(2,1fr)}
      .metric:nth-child(2){border-right:0}
      .metric:nth-child(-n+2){border-bottom:1px solid var(--line)}
      .metric:first-child{padding-left:0}
      .metric:nth-child(3){padding-left:0}
      .intro-grid,.workflow-grid,.scenes,.update-grid,.faq-grid{grid-template-columns:1fr}
      .intro-copy{max-width:720px}
      .matrix-card.large,.matrix-card.medium,.matrix-card.small{grid-column:span 6}
      .cta-box{display:block}
      .subscribe{margin-top:27px}
      .footer-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:520px){
      .container{width:calc(100% - 28px)}
      .brand{font-size:20px}
      .brand-mark{width:34px;height:34px;border-radius:11px}
      .subhero,.subhero .container{min-height:430px}
      .subhero h1{font-size:43px}
      .subhero p{font-size:16px}
      .metrics-grid{grid-template-columns:1fr 1fr}
      .metric{padding:22px 14px}
      .metric:first-child,.metric:nth-child(3){padding-left:0}
      .metric strong{font-size:27px}
      .section-head{display:block}
      .section-head p{margin-top:16px}
      .matrix-grid,.editorial-grid,.compare-wrap{grid-template-columns:1fr}
      .matrix-card.large,.matrix-card.medium,.matrix-card.small{grid-column:span 1}
      .matrix-card{min-height:auto}
      .scene-image{min-height:300px}
      .update-feature{min-height:310px}
      .subscribe{display:block}
      .subscribe input,.subscribe .btn{width:100%}
      .subscribe .btn{margin-top:9px}
      .footer-grid{grid-template-columns:1fr 1fr;gap:28px 18px}
      .footer-grid>div:first-child{grid-column:1/-1}
      .footer-bottom{display:block}
      .footer-bottom nav{margin-top:12px;gap:13px;flex-wrap:wrap}
    }

/* roulang page: category5 */
:root{
 --ink:#101b35;
 --muted:#68738c;
 --soft:#f4f7fb;
 --paper:#ffffff;
 --line:#e6ebf3;
 --navy:#101d3d;
 --blue:#2b67f6;
 --blue-dark:#1648c7;
 --cyan:#28c6c9;
 --orange:#ff9d49;
 --green:#2bb673;
 --shadow:0 22px 70px rgba(20,44,92,.11);
 --shadow-sm:0 10px 30px rgba(20,44,92,.08);
 --radius:22px;
 --radius-sm:14px;
 --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.75;font-size:15px}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input{font:inherit}
button{cursor:pointer;border:0}
.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}
.section{padding:94px 0;position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:800;letter-spacing:.08em;font-size:12px}
.eyebrow:before{content:"";width:22px;height:2px;background:var(--blue);display:inline-block}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}
.section-head h2{font-size:clamp(28px,3vw,44px);line-height:1.2;letter-spacing:-.045em;margin:13px 0 0}
.section-head p{max-width:560px;color:var(--muted);font-size:16px;margin:0}
.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,235,243,.8)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:22px;letter-spacing:-.06em;white-space:nowrap}
.brand-mark{width:38px;height:38px;border-radius:13px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900;font-size:18px;box-shadow:0 8px 18px rgba(16,29,61,.18)}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-links a{padding:10px 13px;border-radius:10px;color:#55617a;font-size:14px;font-weight:700;transition:.25s}
.nav-links a:hover,.nav-links a.active{background:#edf3ff;color:var(--blue)}
.nav-tools{display:flex;align-items:center;gap:12px}
.nav-button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:12px 19px;font-weight:800;transition:.25s;border:1px solid transparent}
.nav-button{background:var(--navy);color:#fff;font-size:13px}
.nav-button:hover{background:var(--blue);transform:translateY(-2px)}
.menu-toggle{display:none;background:transparent;font-size:25px;color:var(--navy)}
.page-hero{background:var(--navy) url("/assets/images/backpic/back-2.webp") center/cover no-repeat;color:#fff;position:relative;overflow:hidden}
.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,19,45,.97),rgba(12,29,67,.82) 56%,rgba(12,29,67,.4))}
.page-hero .container{position:relative;z-index:1}
.page-hero-inner{min-height:430px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding:62px 0}
.page-hero .eyebrow{color:#7de5e3}
.page-hero .eyebrow:before{background:#7de5e3}
.page-hero h1{font-size:clamp(40px,5.5vw,68px);line-height:1.08;letter-spacing:-.07em;margin:18px 0 20px}
.page-hero p{max-width:660px;color:#cbd7ee;font-size:17px;margin:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 26px rgba(43,103,246,.3)}
.btn-primary:hover{background:#5284ff;transform:translateY(-3px)}
.btn-light{background:#fff;color:var(--navy)}
.btn-light:hover{background:#dffafa;transform:translateY(-3px)}
.btn-ghost{border-color:rgba(255,255,255,.25);color:#fff;background:transparent}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
.btn-outline{border-color:var(--line);color:var(--blue);background:#fff}
.btn-outline:hover{border-color:var(--blue);background:#edf3ff;transform:translateY(-2px)}
.btn:focus,.nav-button:focus,.nav-links a:focus,button:focus,input:focus,a:focus{outline:3px solid rgba(43,103,246,.22);outline-offset:3px}
.countdown-panel{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:28px;box-shadow:0 20px 50px rgba(0,0,0,.15);backdrop-filter:blur(10px)}
.panel-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}
.panel-top small{color:#aebddd}
.live-badge{color:#d96137;background:#fff0e8;padding:6px 10px;border-radius:99px;font-weight:800;font-size:11px}
.fixture{display:grid;grid-template-columns:1fr 74px 1fr;align-items:center;text-align:center;gap:10px}
.team{font-weight:800;font-size:17px}
.team em{font-style:normal;display:block;color:#b6c6e1;font-size:11px;font-weight:500;margin-top:4px}
.vs{font-size:12px;color:#93a7c9}
.time-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:25px 0 18px}
.time-box{background:rgba(255,255,255,.1);border-radius:13px;text-align:center;padding:12px 5px}
.time-box strong{font-size:25px;line-height:1.1;display:block}
.time-box span{font-size:11px;color:#aebddd}
.subscribe-row{display:flex;gap:9px}
.subscribe-row input{min-width:0;flex:1;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:rgba(255,255,255,.1);color:#fff;padding:11px 13px}
.subscribe-row input::placeholder{color:#aebddd}
.subscribe-row button{background:var(--cyan);color:var(--navy);border-radius:11px;padding:0 15px;font-weight:800}
.metrics{background:var(--soft);padding:28px 0}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.metric{background:#fff;padding:24px 28px;position:relative}
.metric strong{display:block;font-size:31px;letter-spacing:-.05em;line-height:1.2}
.metric span{color:var(--muted);font-size:13px}
.metric i{position:absolute;right:25px;top:27px;width:9px;height:9px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 6px #e8fbfb}
.matrix-section{background:#fff}
.matrix-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:62px;align-items:start}
.matrix-intro{position:sticky;top:110px}
.matrix-intro h2{font-size:40px;line-height:1.2;letter-spacing:-.06em;margin:15px 0}
.matrix-intro p{color:var(--muted);font-size:16px}
.matrix-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.matrix-item{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff;transition:.25s}
.matrix-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-4px);border-color:#cbdcff}
.matrix-number{color:var(--blue);font-weight:900;font-size:13px}
.matrix-item h3{font-size:20px;margin:10px 0 8px}
.matrix-item p{color:var(--muted);font-size:14px;margin:0}
.feature-section{background:#f8fbff}
.feature-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:25px;align-items:stretch}
.feature-image{min-height:470px;border-radius:var(--radius);overflow:hidden;position:relative;background:url("/assets/images/coverpic/cover-8.webp") center/cover}
.feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,20,47,.88),transparent 62%)}
.feature-caption{position:absolute;z-index:1;bottom:28px;left:30px;right:30px;color:#fff}
.feature-caption h3{font-size:29px;line-height:1.25;margin:10px 0}
.feature-caption p{color:#d3dcf0;margin:0}
.feature-side{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px}
.feature-side h3{font-size:25px;line-height:1.3;margin:14px 0}
.feature-side>p{color:var(--muted)}
.check-list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:18px}
.check-list li{display:flex;gap:13px;align-items:flex-start}
.check-list b{width:25px;height:25px;display:grid;place-items:center;background:#e9f1ff;color:var(--blue);border-radius:8px;font-size:12px;flex:none}
.check-list span{font-weight:700}
.check-list small{display:block;color:var(--muted);font-weight:400;margin-top:2px}
.scenario-layout{display:grid;grid-template-columns:repeat(12,1fr);gap:17px}
.scenario-card{border:1px solid var(--line);border-radius:19px;overflow:hidden;background:#fff;transition:.25s}
.scenario-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
.scenario-card.large{grid-column:span 7}
.scenario-card.small{grid-column:span 5}
.scenario-card img{width:100%;height:185px;object-fit:cover}
.scenario-card.large img{height:240px}
.scenario-content{padding:22px}
.tag{display:inline-flex;width:max-content;padding:5px 10px;border-radius:99px;background:#edf3ff;color:var(--blue);font-size:11px;font-weight:800}
.tag.orange{background:#fff2e7;color:#d97827}
.tag.green{background:#e9faf2;color:#198b59}
.scenario-content h3{font-size:21px;line-height:1.35;margin:12px 0 7px}
.scenario-content p{color:var(--muted);font-size:14px;margin:0}
.process-section{background:var(--navy);color:#fff}
.process-section .section-head p{color:#aebddd}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.process-item{padding:27px 25px;border-top:1px solid rgba(255,255,255,.22);border-right:1px solid rgba(255,255,255,.16)}
.process-item:last-child{border-right:0}
.process-item strong{display:block;color:#7de5e3;font-size:13px;letter-spacing:.08em}
.process-item h3{font-size:21px;margin:18px 0 9px}
.process-item p{color:#b8c7e1;font-size:14px;margin:0}
.result-section{background:#fff}
.result-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.result-card{border:1px solid var(--line);border-radius:var(--radius);padding:30px}
.result-card.dark{background:#f5f8ff}
.result-card h3{font-size:24px;margin:0 0 24px}
.compare-row{display:grid;grid-template-columns:1fr 82px 82px;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}
.compare-row:last-child{border-bottom:0}
.compare-row span{color:var(--muted)}
.compare-row b{text-align:center;color:var(--navy)}
.compare-row b.highlight{color:var(--blue)}
.note{padding:16px 18px;background:#fff;border-left:3px solid var(--cyan);border-radius:0 12px 12px 0;color:var(--muted);font-size:13px;margin-top:22px}
.reading-section{background:var(--soft)}
.reading-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
.reading-main{background:#fff;border-radius:var(--radius);padding:32px;border:1px solid var(--line)}
.reading-main h3{font-size:28px;line-height:1.3;margin:13px 0}
.reading-main p{color:var(--muted);font-size:15px}
.reading-main .text-link{display:inline-block;margin-top:10px;color:var(--blue);font-weight:800}
.reading-side{display:grid;gap:15px}
.reading-item{background:#fff;border:1px solid var(--line);border-radius:17px;padding:21px;display:flex;justify-content:space-between;gap:18px;align-items:center;transition:.25s}
.reading-item:hover{transform:translateX(4px);box-shadow:var(--shadow-sm)}
.reading-item h4{font-size:17px;line-height:1.4;margin:8px 0 0}
.reading-item time{font-size:12px;color:var(--muted);white-space:nowrap}
.faq-section{background:#fff}
.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px}
.faq-intro h2{font-size:40px;line-height:1.2;letter-spacing:-.05em;margin:15px 0}
.faq-intro p{color:var(--muted)}
.faq-list{display:grid;gap:11px}
.faq-item{border:1px solid var(--line);border-radius:15px;padding:0 20px;background:#fff}
.faq-item summary{cursor:pointer;list-style:none;font-weight:800;padding:18px 28px 18px 0;position:relative}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"+";position:absolute;right:0;color:var(--blue);font-size:21px}
.faq-item[open] summary:after{content:"−"}
.faq-item p{color:var(--muted);font-size:14px;margin:0 0 18px}
.cta-section{padding:75px 0;background:#edf3ff}
.cta-box{background:var(--navy);border-radius:var(--radius);padding:48px 55px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;overflow:hidden}
.cta-box:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:7%;top:-150px;background:rgba(40,198,201,.16)}
.cta-box h2{font-size:34px;line-height:1.25;letter-spacing:-.05em;margin:0 0 11px;position:relative;z-index:1}
.cta-box p{color:#b8c7e1;margin:0;max-width:650px;position:relative;z-index:1}
.cta-box .btn{position:relative;z-index:1;white-space:nowrap}
.footer{background:#0b1631;color:#fff;padding:65px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:45px}
.footer .brand{color:#fff}
.footer-intro{color:#93a4c3;max-width:310px;font-size:14px;margin-top:20px}
.footer h4{font-size:14px;margin:4px 0 17px;color:#fff}
.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.footer li,.footer li a{color:#93a4c3;font-size:13px}
.footer li a:hover,.footer-bottom a:hover{color:#7de5e3}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:48px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#7184a5;font-size:12px}
.footer-bottom nav{display:flex;gap:18px;white-space:nowrap}
.footer-bottom a{color:#93a4c3}
@media(max-width:1024px){
 .nav-links{gap:0}
 .nav-links a{padding:9px 8px;font-size:13px}
 .nav-button{display:none}
 .page-hero-inner{gap:35px}
 .matrix-layout,.faq-grid{gap:35px}
 .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
 .footer-grid>div:last-child{grid-column:2}
}
@media(max-width:768px){
 .container{width:min(var(--max),calc(100% - 34px))}
 .section{padding:68px 0}
 .nav{height:68px}
 .menu-toggle{display:block}
 .nav-links{display:none;position:absolute;top:68px;left:17px;right:17px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);flex-direction:column;align-items:stretch}
 .nav-links.open{display:flex}
 .nav-links a{padding:12px 14px}
 .page-hero-inner{min-height:0;grid-template-columns:1fr;padding:68px 0 55px}
 .page-hero h1{font-size:47px}
 .countdown-panel{max-width:530px}
 .metric-grid{grid-template-columns:repeat(2,1fr)}
 .matrix-layout,.feature-layout,.result-layout,.reading-grid,.faq-grid{grid-template-columns:1fr}
 .matrix-intro{position:static}
 .process-grid{grid-template-columns:repeat(2,1fr)}
 .process-item:nth-child(2){border-right:0}
 .process-item:nth-child(3),.process-item:nth-child(4){border-top:1px solid rgba(255,255,255,.22)}
 .scenario-card.large,.scenario-card.small{grid-column:span 12}
 .feature-image{min-height:350px}
 .cta-box{padding:35px 28px;display:block}
 .cta-box .btn{margin-top:24px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
 .footer-grid>div:last-child{grid-column:auto}
 .footer-bottom{display:block}
 .footer-bottom nav{margin-top:13px}
}
@media(max-width:520px){
 .section-head{display:block;margin-bottom:28px}
 .section-head p{margin-top:15px}
 .brand{font-size:20px}
 .brand-mark{width:34px;height:34px}
 .page-hero h1{font-size:39px}
 .page-hero p{font-size:15px}
 .hero-actions .btn{width:100%}
 .fixture{grid-template-columns:1fr 45px 1fr}
 .team{font-size:14px}
 .time-box strong{font-size:21px}
 .subscribe-row{display:block}
 .subscribe-row input,.subscribe-row button{width:100%;height:44px}
 .subscribe-row button{margin-top:8px}
 .metric{padding:19px 16px}
 .metric strong{font-size:25px}
 .matrix-list{grid-template-columns:1fr}
 .matrix-intro h2,.faq-intro h2{font-size:33px}
 .process-grid{grid-template-columns:1fr}
 .process-item{border-right:0;border-top:1px solid rgba(255,255,255,.22)!important}
 .process-item:first-child{border-top:0!important}
 .compare-row{grid-template-columns:1fr 68px 68px}
 .reading-main{padding:24px}
 .reading-item{display:block}
 .reading-item time{display:block;margin-bottom:6px}
 .footer-grid{grid-template-columns:1fr}
 .footer-grid>div:last-child{grid-column:auto}
 .footer-bottom nav{flex-wrap:wrap}
}

/* roulang page: category4 */
:root{
      --ink:#101b35;--muted:#68738c;--soft:#f4f7fb;--paper:#fff;--line:#e6ebf3;
      --navy:#101d3d;--blue:#2b67f6;--blue-dark:#1648c7;--cyan:#28c6c9;
      --orange:#ff9d49;--green:#2bb673;--shadow:0 22px 70px rgba(20,44,92,.11);
      --shadow-sm:0 10px 30px rgba(20,44,92,.08);--radius:22px;--radius-sm:14px;--max:1220px
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.75;font-size:15px}
    a{color:inherit;text-decoration:none} img{display:block;max-width:100%;height:auto} button,input{font:inherit} button{cursor:pointer;border:0}
    .container{width:min(var(--max),calc(100% - 48px));margin:auto}
    .header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,235,243,.85)}
    .nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:22px;letter-spacing:-.06em;white-space:nowrap}
    .brand-mark{width:38px;height:38px;border-radius:13px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900;font-size:18px;box-shadow:0 8px 18px rgba(16,29,61,.18)}
    .nav-links{display:flex;align-items:center;gap:3px}
    .nav-links a{padding:10px 12px;border-radius:10px;color:#55617a;font-size:14px;font-weight:700;transition:.25s}
    .nav-links a:hover,.nav-links a.active{background:#edf3ff;color:var(--blue)}
    .nav-tools{display:flex;align-items:center;gap:12px}
    .nav-button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:12px 19px;font-weight:800;transition:.25s;border:1px solid transparent}
    .nav-button{background:var(--navy);color:#fff;font-size:13px}.nav-button:hover{background:var(--blue);transform:translateY(-2px)}
    .menu-toggle{display:none;background:transparent;font-size:25px;color:var(--navy)}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:800;letter-spacing:.08em;font-size:12px}
    .eyebrow:before{content:"";width:22px;height:2px;background:var(--blue);display:inline-block}
    .section{padding:92px 0;position:relative}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}
    .section-head h2{font-size:clamp(28px,3vw,44px);line-height:1.2;letter-spacing:-.045em;margin-top:13px}
    .section-head p{max-width:570px;color:var(--muted);font-size:16px}
    .hero{min-height:560px;background:var(--navy) url("/assets/images/backpic/back-2.webp") center/cover no-repeat;color:#fff;position:relative;overflow:hidden}
    .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,19,45,.97),rgba(12,29,67,.82) 55%,rgba(12,29,67,.35))}
    .hero .container{position:relative;z-index:1}.hero-inner{min-height:560px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding:64px 0}
    .hero .eyebrow{color:#7de5e3}.hero .eyebrow:before{background:#7de5e3}
    .hero h1{font-size:clamp(42px,6vw,72px);line-height:1.08;letter-spacing:-.075em;max-width:690px;margin:18px 0 22px}
    .hero-copy{color:#cbd7ee;font-size:18px;line-height:1.9;max-width:650px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
    .btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 26px rgba(43,103,246,.3)}.btn-primary:hover{background:#5284ff;transform:translateY(-3px)}
    .btn-light{background:#fff;color:var(--navy)}.btn-light:hover{background:#dffafa;transform:translateY(-3px)}
    .btn-ghost{border-color:rgba(255,255,255,.28);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.1)}
    .hero-points{display:flex;gap:25px;margin-top:34px;flex-wrap:wrap}.hero-point{border-left:1px solid rgba(255,255,255,.22);padding-left:15px}.hero-point strong{display:block;font-size:24px;line-height:1.2}.hero-point span{color:#a9b9d7;font-size:12px}
    .data-panel{background:rgba(255,255,255,.96);color:var(--ink);border:1px solid rgba(255,255,255,.4);border-radius:24px;padding:24px;box-shadow:var(--shadow)}
    .panel-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.panel-top strong{font-size:18px}.live{font-size:11px;color:#178653;background:#e8faf1;border-radius:99px;padding:5px 10px;font-weight:800}
    .score-line{display:grid;grid-template-columns:1fr 72px 1fr;align-items:center;text-align:center;padding:24px 0 17px;border-bottom:1px solid var(--line)}.score-line b{font-size:27px}.score-line span{font-size:12px;color:var(--muted)}
    .meter{margin-top:20px;display:grid;gap:14px}.meter-row{display:grid;grid-template-columns:76px 1fr 40px;gap:10px;align-items:center;font-size:12px}.meter-bg{height:7px;background:#edf1f7;border-radius:99px;overflow:hidden}.meter-fill{height:100%;background:var(--blue);border-radius:99px}.meter-fill.cyan{background:var(--cyan)}
    .trust{margin-top:18px;color:#aab8d1;font-size:12px;display:flex;gap:18px;flex-wrap:wrap}
    .soft{background:var(--soft)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
    .metric{background:#fff;padding:28px 25px}.metric strong{font-size:34px;letter-spacing:-.06em;color:var(--navy)}.metric span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.metric em{font-style:normal;color:var(--green);font-size:12px;font-weight:800}
    .intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:68px;align-items:start}.intro-grid h2{font-size:42px;line-height:1.2;letter-spacing:-.055em}.intro-text{color:var(--muted);font-size:16px}.intro-text p+p{margin-top:17px}
    .feature-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.visual-card{border-radius:var(--radius);overflow:hidden;min-height:390px;position:relative;background:url("/assets/images/coverpic/cover-7.webp") center/cover}.visual-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,20,47,.88),transparent 65%)}.visual-caption{position:absolute;z-index:1;left:28px;right:28px;bottom:25px;color:#fff}.visual-caption h3{font-size:27px;line-height:1.3;margin:10px 0}.visual-caption p{color:#d5e0f3}
    .side-stack{display:grid;gap:24px}.info-card{padding:27px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:.25s}.info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}.info-card h3{font-size:20px;margin:13px 0 8px}.info-card p{color:var(--muted);font-size:14px}
    .tag{display:inline-flex;width:max-content;padding:5px 10px;border-radius:99px;background:#edf3ff;color:var(--blue);font-size:11px;font-weight:800}.tag.orange{background:#fff2e7;color:#d97827}.tag.green{background:#e9faf2;color:#198b59}
    .matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.matrix article{padding:25px;background:#fff;border:1px solid var(--line);border-radius:18px}.matrix h3{margin:12px 0 7px;font-size:19px}.matrix p{color:var(--muted);font-size:14px}.matrix b{color:var(--blue);font-size:24px}
    .compare{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compare-box{border-radius:var(--radius);padding:31px;background:#fff;border:1px solid var(--line)}.compare-box.highlight{background:var(--navy);color:#fff}.compare-box h3{font-size:22px;margin-bottom:20px}.compare-box ul{list-style:none;display:grid;gap:14px}.compare-box li{display:flex;gap:10px;align-items:flex-start}.compare-box li:before{content:"✓";color:var(--cyan);font-weight:900}.compare-box p{color:var(--muted);font-size:14px;margin-top:17px}.compare-box.highlight p{color:#b8c7e0}
    .workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{position:relative;padding:24px 20px;border-top:3px solid var(--blue);background:#fff;border-radius:0 0 17px 17px;box-shadow:var(--shadow-sm)}.step-num{font-size:12px;color:var(--blue);font-weight:900;letter-spacing:.1em}.step h3{font-size:18px;margin:13px 0 7px}.step p{font-size:13px;color:var(--muted)}
    .quote{background:var(--navy);color:#fff;border-radius:var(--radius);padding:46px 52px;display:grid;grid-template-columns:1fr .85fr;gap:50px;align-items:center}.quote h2{font-size:36px;line-height:1.25;letter-spacing:-.05em}.quote p{color:#c1cee4;margin-top:15px}.quote-list{display:grid;gap:14px;list-style:none}.quote-list li{padding:16px 18px;border:1px solid rgba(255,255,255,.13);border-radius:13px;color:#d7e3f7}.quote-list b{color:var(--cyan);margin-right:8px}
    .faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px}.faq-grid h2{font-size:40px;line-height:1.2;letter-spacing:-.05em}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden}.faq-q{width:100%;padding:19px 21px;background:#fff;color:var(--ink);display:flex;justify-content:space-between;text-align:left;font-weight:800}.faq-q span{color:var(--blue);font-size:20px;line-height:1}.faq-a{display:none;padding:0 21px 19px;color:var(--muted);font-size:14px}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q{color:var(--blue)}
    .cta{background:#eaf2ff}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 40px;background:#fff;border:1px solid #dce7fb;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.cta-box h2{font-size:28px;line-height:1.3}.cta-box p{color:var(--muted);margin-top:6px}
    .footer{background:#0c1733;color:#fff;padding:66px 0 25px}.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:38px}.footer .brand{color:#fff}.footer-intro{color:#aab8d1;max-width:330px;margin-top:18px;font-size:13px}.footer h4{font-size:14px;margin-bottom:15px}.footer ul{list-style:none;display:grid;gap:9px}.footer li a,.footer-bottom a{color:#aab8d1;font-size:13px;transition:.2s}.footer li a:hover,.footer-bottom a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#8292b0;font-size:12px}.footer-bottom nav{display:flex;gap:18px;white-space:nowrap}
    :focus-visible{outline:3px solid rgba(43,103,246,.35);outline-offset:3px}
    @media(max-width:1050px){.nav-links a{padding:9px 7px;font-size:13px}.nav-button{display:none}.hero-inner{gap:30px}.workflow{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:800px){.container{width:min(var(--max),calc(100% - 34px))}.nav{height:70px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:12px 17px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow-sm)}.nav-links.show{display:flex}.nav-links a{padding:12px 14px}.hero-inner,.intro-grid,.feature-grid,.faq-grid,.quote{grid-template-columns:1fr}.hero{min-height:auto}.hero-inner{min-height:auto;padding:72px 0}.data-panel{max-width:600px}.section{padding:70px 0}.metrics{grid-template-columns:repeat(2,1fr)}.intro-grid{gap:28px}.quote{padding:34px 27px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-bottom{display:block}.footer-bottom nav{margin-top:12px}}
    @media(max-width:520px){.brand{font-size:20px}.brand-mark{width:34px;height:34px}.hero h1{font-size:42px}.hero-copy{font-size:16px}.hero-actions .btn{width:100%}.hero-points{gap:15px}.metrics,.matrix,.compare,.workflow{grid-template-columns:1fr}.metric{padding:21px}.metric strong{font-size:29px}.section-head{display:block}.section-head p{margin-top:15px}.visual-card{min-height:320px}.cta-box{display:block;padding:27px 23px}.cta-box .btn{width:100%;margin-top:20px}.footer-grid{grid-template-columns:1fr;gap:27px}.footer-bottom{line-height:2}}

/* roulang page: category6 */
:root{
      --ink:#101b35;
      --muted:#68738c;
      --soft:#f4f7fb;
      --paper:#ffffff;
      --line:#e6ebf3;
      --navy:#101d3d;
      --blue:#2b67f6;
      --blue-dark:#1648c7;
      --cyan:#28c6c9;
      --orange:#ff9d49;
      --green:#2bb673;
      --red:#e95e62;
      --shadow:0 22px 70px rgba(20,44,92,.11);
      --shadow-sm:0 10px 30px rgba(20,44,92,.08);
      --radius:22px;
      --radius-sm:14px;
      --max:1220px;
    }
    *{box-sizing:border-box;margin:0}
    html{scroll-behavior:smooth}
    body{font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.75;font-size:15px}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;height:auto}
    button,input{font:inherit}
    button{cursor:pointer;border:0}
    :focus-visible{outline:3px solid rgba(43,103,246,.32);outline-offset:3px}
    .container{width:min(var(--max),calc(100% - 48px));margin:0 auto}
    .section{padding:94px 0;position:relative}
    .section-soft{background:var(--soft)}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:800;letter-spacing:.08em;font-size:12px}
    .eyebrow:before{content:"";width:22px;height:2px;background:var(--blue);display:inline-block}
    .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:34px;margin-bottom:38px}
    .section-head h2{font-size:clamp(28px,3.5vw,45px);line-height:1.18;letter-spacing:-.055em;margin-top:12px;max-width:670px}
    .section-head p{max-width:485px;color:var(--muted);font-size:16px}
    .header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,235,243,.85)}
    .nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}
    .brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:22px;letter-spacing:-.06em;white-space:nowrap}
    .brand-mark{width:38px;height:38px;border-radius:13px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900;font-size:18px;box-shadow:0 8px 18px rgba(16,29,61,.18)}
    .nav-links{display:flex;align-items:center;gap:4px}
    .nav-links a{padding:10px 13px;border-radius:10px;color:#55617a;font-size:14px;font-weight:700;transition:.25s}
    .nav-links a:hover,.nav-links a.active{background:#edf3ff;color:var(--blue)}
    .nav-tools{display:flex;align-items:center;gap:12px;white-space:nowrap}
    .location{font-weight:800;color:#55617a;font-size:13px;padding:8px 2px}
    .location:before{content:"●";color:var(--red);font-size:11px;margin-right:6px}
    .nav-button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:12px 19px;font-weight:800;transition:.25s;border:1px solid transparent}
    .nav-button{background:var(--navy);color:#fff;font-size:13px}
    .nav-button:hover{background:var(--blue);transform:translateY(-2px)}
    .menu-toggle{display:none;background:transparent;font-size:25px;color:var(--navy);padding:5px}
    .hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}
    .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(9,19,45,.96),rgba(16,39,84,.89) 56%,rgba(14,27,61,.61))}
    .hero:after{content:"";position:absolute;width:450px;height:450px;right:-130px;bottom:-220px;border-radius:50%;border:1px solid rgba(125,229,227,.2);box-shadow:0 0 0 55px rgba(125,229,227,.04),0 0 0 110px rgba(125,229,227,.03)}
    .hero .container{position:relative;z-index:1}
    .breadcrumb{padding:23px 0 0;color:#b8c6e3;font-size:13px}
    .breadcrumb a{color:#dce7ff}
    .hero-inner{padding:54px 0 67px;display:grid;grid-template-columns:1.08fr .92fr;gap:30px;align-items:stretch}
    .hero-copy{padding:30px 0}
    .hero .eyebrow{color:#7de5e3}
    .hero .eyebrow:before{background:#7de5e3}
    .hero h1{font-size:clamp(42px,5.8vw,72px);line-height:1.08;letter-spacing:-.075em;margin:18px 0 24px;max-width:680px}
    .hero-copy>p{max-width:665px;color:#cbd7ee;font-size:17px;line-height:1.9}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}
    .btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 26px rgba(43,103,246,.3)}
    .btn-primary:hover{background:#5284ff;transform:translateY(-3px)}
    .btn-light{background:#fff;color:var(--navy)}
    .btn-light:hover{background:#dffafa;transform:translateY(-3px)}
    .btn-outline{border-color:#cdd8ef;color:var(--navy);background:#fff}
    .btn-outline:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
    .hero-note{display:flex;flex-wrap:wrap;gap:22px;margin-top:36px;color:#aebddb;font-size:13px}
    .hero-note b{display:block;color:#fff;font-size:17px;line-height:1.25}
    .review-board{align-self:center;background:rgba(255,255,255,.97);border-radius:var(--radius);padding:22px;box-shadow:0 24px 64px rgba(0,0,0,.19);color:var(--ink)}
    .board-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:17px;border-bottom:1px solid var(--line)}
    .board-top small{display:block;color:var(--muted);font-weight:700}
    .live-badge{color:#cb5539;background:#fff0e8;padding:5px 10px;border-radius:99px;font-weight:800;font-size:11px}
    .score-row{display:grid;grid-template-columns:1fr 62px 1fr;align-items:center;text-align:center;padding:25px 0 20px}
    .team-name{font-weight:900;font-size:16px;line-height:1.3}
    .team-icon{width:40px;height:40px;border-radius:14px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;margin:0 auto 8px;font-weight:900}
    .score{font-size:31px;font-weight:900;letter-spacing:-.08em;line-height:1}
    .score small{display:block;font-size:11px;letter-spacing:0;color:var(--muted);margin-top:7px}
    .metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
    .metric{background:var(--soft);border-radius:12px;padding:11px;text-align:center}
    .metric strong{display:block;font-size:19px;line-height:1.25}
    .metric span{display:block;color:var(--muted);font-size:11px;margin-top:2px}
    .board-line{height:8px;border-radius:99px;background:#e8edf7;margin-top:18px;overflow:hidden}
    .board-line i{display:block;width:64%;height:100%;background:var(--cyan);border-radius:inherit}
    .dashboard{margin-top:-1px;position:relative;z-index:2}
    .dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr .85fr;gap:1px;border-radius:0 0 var(--radius) var(--radius);overflow:hidden;background:rgba(255,255,255,.18)}
    .dash-item{background:#15284e;padding:20px 24px;color:#fff}
    .dash-item span{display:block;color:#a9bbda;font-size:12px}
    .dash-item b{display:block;font-size:24px;line-height:1.2;margin-top:4px}
    .dash-item:first-child{background:#1c3464}
    .dash-item:first-child b{font-size:16px;margin-top:7px}
    .intro-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:72px;align-items:start}
    .intro-stick{position:sticky;top:108px}
    .intro-stick h2{font-size:clamp(31px,3.5vw,48px);line-height:1.16;letter-spacing:-.06em;margin:13px 0 20px}
    .intro-stick p{color:var(--muted);font-size:16px}
    .quote-chip{margin-top:28px;border-left:3px solid var(--cyan);padding:10px 0 10px 17px;font-weight:800;color:#274263}
    .review-copy p{font-size:17px;color:#33405a;margin-bottom:19px}
    .review-copy p:first-child{font-size:21px;line-height:1.8;color:var(--ink);font-weight:700}
    .check-list{list-style:none;margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:13px}
    .check-list li{padding:14px 15px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);font-weight:800}
    .check-list li:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;background:#e9faf2;color:var(--green);border-radius:7px;margin-right:9px;font-size:12px}
    .signal-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:stretch}
    .signal-main{border-radius:var(--radius);padding:38px;background:url("/assets/images/coverpic/cover-12.webp") center/cover;min-height:460px;position:relative;overflow:hidden;color:#fff}
    .signal-main:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,20,47,.94),rgba(10,29,62,.38))}
    .signal-main>*{position:relative;z-index:1}
    .signal-main h2{font-size:clamp(30px,3.4vw,46px);line-height:1.15;letter-spacing:-.055em;max-width:500px;margin-top:12px}
    .signal-main p{max-width:505px;color:#d9e4f9;margin-top:18px;font-size:16px}
    .signal-bars{display:grid;gap:14px;margin-top:32px;max-width:530px}
    .signal-bar{display:grid;grid-template-columns:88px 1fr 44px;gap:13px;align-items:center;font-size:13px;font-weight:800}
    .track{height:8px;background:rgba(255,255,255,.22);border-radius:99px;overflow:hidden}
    .track i{display:block;height:100%;border-radius:inherit;background:#7de5e3}
    .signal-side{display:grid;gap:24px}
    .signal-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:29px;box-shadow:var(--shadow-sm);transition:.25s}
    .signal-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
    .card-number{color:var(--blue);font-size:13px;font-weight:900;letter-spacing:.08em}
    .signal-card h3{font-size:23px;line-height:1.3;margin:10px 0}
    .signal-card p{color:var(--muted)}
    .comparison{background:var(--navy);color:#fff;overflow:hidden}
    .comparison .section-head p{color:#bac8e2}
    .comparison .eyebrow{color:#7de5e3}
    .comparison .eyebrow:before{background:#7de5e3}
    .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .compare-card{border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:32px;background:rgba(255,255,255,.045)}
    .compare-card.highlight{background:#fff;color:var(--ink);border-color:#fff}
    .compare-card h3{font-size:25px;line-height:1.3;margin-bottom:7px}
    .compare-card>p{color:#b9c7df;margin-bottom:23px}
    .compare-card.highlight>p{color:var(--muted)}
    .compare-list{list-style:none;display:grid;gap:14px}
    .compare-list li{padding-top:14px;border-top:1px solid rgba(255,255,255,.14);color:#dce5f4}
    .highlight .compare-list li{border-color:var(--line);color:#33405a}
    .compare-list b{display:block;color:#fff;font-size:15px}
    .highlight .compare-list b{color:var(--ink)}
    .case-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:50px;align-items:center}
    .case-image{position:relative}
    .case-image img{width:100%;height:430px;object-fit:cover;border-radius:var(--radius)}
    .case-stat{position:absolute;right:-12px;bottom:-23px;background:#fff;border-radius:17px;padding:20px 23px;box-shadow:var(--shadow);min-width:198px}
    .case-stat b{display:block;color:var(--blue);font-size:34px;line-height:1}
    .case-stat span{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:700}
    .case-copy h2{font-size:clamp(31px,3.5vw,47px);line-height:1.16;letter-spacing:-.055em;margin:13px 0 20px}
    .case-copy>p{color:var(--muted);font-size:16px}
    .timeline{margin-top:26px;display:grid;gap:0}
    .timeline-item{display:grid;grid-template-columns:75px 1fr;gap:19px;padding:15px 0;border-bottom:1px solid var(--line)}
    .timeline-item:last-child{border:0}
    .timeline-item time{color:var(--blue);font-weight:900}
    .timeline-item b{display:block;font-size:16px;line-height:1.35}
    .timeline-item p{color:var(--muted);font-size:14px;margin-top:3px}
    .method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
    .method{border:1px solid var(--line);border-radius:18px;padding:24px 20px;background:#fff;transition:.25s}
    .method:hover{border-color:#b9ccfb;box-shadow:var(--shadow-sm);transform:translateY(-4px)}
    .method-index{display:grid;place-items:center;width:33px;height:33px;border-radius:11px;background:#edf3ff;color:var(--blue);font-weight:900;font-size:13px}
    .method h3{font-size:19px;margin:17px 0 8px}
    .method p{font-size:14px;color:var(--muted)}
    .topic-panel{display:grid;grid-template-columns:1.12fr .88fr;border-radius:var(--radius);overflow:hidden;background:#eaf3ff}
    .topic-panel img{width:100%;height:100%;min-height:365px;object-fit:cover}
    .topic-content{padding:48px}
    .topic-content h2{font-size:clamp(29px,3.2vw,42px);line-height:1.18;letter-spacing:-.05em;margin:13px 0 17px}
    .topic-content>p{color:#4f607e;font-size:16px}
    .topic-tags{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 29px}
    .tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:99px;background:#fff;color:var(--blue);font-size:12px;font-weight:800;border:1px solid #d7e4fd}
    .faq-wrap{display:grid;grid-template-columns:.76fr 1.24fr;gap:72px;align-items:start}
    .faq-side h2{font-size:clamp(31px,3.4vw,45px);line-height:1.17;letter-spacing:-.055em;margin:13px 0 18px}
    .faq-side p{color:var(--muted);font-size:16px}
    .faq-list{border-top:1px solid var(--line)}
    .faq-item{border-bottom:1px solid var(--line);padding:20px 0}
    .faq-question{width:100%;background:transparent;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--ink);font-weight:900;font-size:17px;padding:0}
    .faq-question span:last-child{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#edf3ff;color:var(--blue);font-size:20px;line-height:1;transition:.25s}
    .faq-answer{display:none;color:var(--muted);padding:11px 44px 1px 0;font-size:15px}
    .faq-item.open .faq-answer{display:block}
    .faq-item.open .faq-question span:last-child{transform:rotate(45deg);background:var(--blue);color:#fff}
    .cta-section{padding:0 0 94px}
    .cta-box{background:var(--blue) url("/assets/images/backpic/back-3.webp") center/cover;border-radius:var(--radius);padding:53px;position:relative;overflow:hidden;color:#fff}
    .cta-box:before{content:"";position:absolute;inset:0;background:rgba(27,83,205,.88)}
    .cta-box>*{position:relative;z-index:1}
    .cta-grid{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:end}
    .cta-box h2{font-size:clamp(31px,4vw,50px);line-height:1.13;letter-spacing:-.06em;max-width:700px}
    .cta-box p{max-width:670px;color:#dce8ff;font-size:16px;margin-top:17px}
    .subscribe{display:flex;gap:9px;margin-top:27px;max-width:555px}
    .subscribe input{min-width:0;flex:1;border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.12);color:#fff;border-radius:12px;padding:13px 15px;outline:0}
    .subscribe input::placeholder{color:#d5e2fc}
    .subscribe input:focus{border-color:#fff;background:rgba(255,255,255,.18)}
    .form-tip{color:#dce8ff;font-size:12px;margin-top:10px}
    .footer{background:#0d1831;color:#fff;padding:69px 0 22px}
    .footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:42px;padding-bottom:50px}
    .footer .brand-mark{background:var(--blue)}
    .footer-intro{color:#9eacc5;max-width:320px;font-size:14px;margin-top:18px}
    .footer h4{font-size:14px;margin:7px 0 16px}
    .footer ul{list-style:none;padding:0;display:grid;gap:9px}
    .footer li a{color:#aebbd2;font-size:14px;transition:.2s}
    .footer li a:hover{color:#fff}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:21px;display:flex;justify-content:space-between;gap:22px;color:#92a0bb;font-size:12px}
    .footer-bottom nav{display:flex;gap:15px;white-space:nowrap}
    .footer-bottom nav a:hover{color:#fff}
    @media (max-width:1120px){
      .nav-links a{padding:9px 8px;font-size:13px}
      .location{display:none}
      .method-grid{grid-template-columns:repeat(2,1fr)}
      .footer-grid{gap:28px}
    }
    @media (max-width:900px){
      .nav{height:70px}
      .menu-toggle{display:block}
      .nav-links{display:none;position:absolute;left:0;right:0;top:70px;background:#fff;padding:14px 24px 20px;border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm);align-items:stretch;flex-direction:column}
      .nav-links.open{display:flex}
      .nav-links a{padding:11px 13px}
      .nav-tools .nav-button{display:none}
      .hero-inner,.intro-grid,.signal-layout,.case-grid,.faq-wrap{grid-template-columns:1fr}
      .hero-inner{padding-top:30px}
      .review-board{max-width:620px;width:100%}
      .intro-stick{position:static}
      .section-head{display:block}
      .section-head p{margin-top:16px}
      .compare-grid,.topic-panel{grid-template-columns:1fr}
      .topic-panel img{height:290px;min-height:0}
      .dashboard-grid{grid-template-columns:repeat(2,1fr);border-radius:0}
      .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
      .footer-grid>div:last-child{grid-column:span 3}
    }
    @media (max-width:620px){
      body{font-size:14px}
      .container{width:min(var(--max),calc(100% - 32px))}
      .section{padding:67px 0}
      .hero h1{font-size:42px}
      .hero-copy{padding:18px 0 8px}
      .hero-copy>p{font-size:16px}
      .nav-tools{gap:4px}
      .brand{font-size:20px}
      .brand-mark{width:35px;height:35px}
      .dashboard-grid{grid-template-columns:1fr 1fr}
      .dash-item{padding:17px}
      .metric-grid{gap:6px}
      .metric{padding:9px 5px}
      .metric strong{font-size:16px}
      .check-list{grid-template-columns:1fr}
      .signal-main{padding:28px;min-height:420px}
      .signal-bar{grid-template-columns:72px 1fr 35px;gap:8px}
      .compare-card{padding:25px}
      .case-image img{height:325px}
      .case-stat{right:10px;bottom:-17px}
      .method-grid{grid-template-columns:1fr}
      .topic-content{padding:31px 26px}
      .faq-wrap{gap:35px}
      .cta-section{padding-bottom:67px}
      .cta-box{padding:35px 25px}
      .cta-grid{grid-template-columns:1fr}
      .subscribe{flex-direction:column}
      .subscribe .btn{width:100%}
      .footer{padding-top:52px}
      .footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}
      .footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:span 2}
      .footer-bottom{display:block;line-height:1.8}
      .footer-bottom nav{margin-top:12px;white-space:normal;flex-wrap:wrap}
    }