/* roulang page: index */
:root{
      --navy:#102b4c;
      --blue:#1769aa;
      --cyan:#25a7c7;
      --sky:#eaf6fb;
      --ink:#15263b;
      --muted:#66788b;
      --line:#dbe7ef;
      --paper:#ffffff;
      --soft:#f5f9fc;
      --gold:#e7a834;
      --green:#2e9d78;
      --radius:18px;
      --radius-sm:11px;
      --shadow:0 14px 40px rgba(16,43,76,.09);
      --shadow-hover:0 20px 50px rgba(16,43,76,.15);
      --container:1180px;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.8;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}
    :focus-visible{outline:3px solid rgba(37,167,199,.45);outline-offset:3px}
    .container{width:min(var(--container),calc(100% - 48px));margin:auto}
    .topline{height:34px;background:var(--navy);color:#b9d2e5;font-size:12px}
    .topline .container{height:100%;display:flex;align-items:center;justify-content:space-between}
    header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
    .nav{height:76px;display:flex;align-items:center;gap:28px}
    .logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:21px;color:var(--navy);white-space:nowrap}
    .logo-mark{width:37px;height:37px;border-radius:12px;background:var(--blue);color:white;display:grid;place-items:center;font-size:20px;box-shadow:0 7px 16px rgba(23,105,170,.24)}
    .nav-links{display:flex;align-items:center;gap:4px;flex:1}
    .nav-links>a,.mega-trigger{padding:10px 12px;border-radius:9px;color:#50657a;font-size:14px;transition:.2s;white-space:nowrap}
    .nav-links>a:hover,.nav-links>a.active,.mega-trigger:hover{color:var(--blue);background:var(--sky)}
    .mega{position:relative}
    .mega-panel{position:absolute;top:48px;left:-120px;width:440px;padding:18px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:8px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}
    .mega:hover .mega-panel,.mega:focus-within .mega-panel{opacity:1;pointer-events:auto;transform:none}
    .mega-panel a{padding:10px;border-radius:10px;font-size:13px;color:var(--muted)}
    .mega-panel a:hover{background:var(--soft);color:var(--blue)}
    .nav-cta{padding:11px 17px;border-radius:10px;background:var(--navy);color:#fff;font-weight:700;font-size:13px;transition:.2s;white-space:nowrap}
    .nav-cta:hover{background:var(--blue);transform:translateY(-2px)}
    .mobile-toggle{display:none;background:var(--soft);color:var(--navy);border-radius:9px;padding:7px 10px}
    .hero{min-height:410px;padding:46px 0 40px;background:linear-gradient(90deg,rgba(242,249,252,.98) 0%,rgba(242,249,252,.91) 42%,rgba(242,249,252,.48) 100%),url("/assets/images/backpic/back-1.webp") center/cover}
    .hero-inner{display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border:1px solid #bedce9;border-radius:20px;color:var(--blue);background:rgba(255,255,255,.7);font-size:12px;font-weight:700}
    .eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--green)}
    h1{font-size:clamp(32px,4.4vw,56px);line-height:1.18;letter-spacing:-1.5px;color:var(--navy);margin:18px 0 18px;max-width:680px}
    .hero-copy{font-size:17px;color:#536a7c;max-width:650px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;font-weight:700;font-size:14px;transition:.2s}
    .btn-primary{background:var(--blue);color:#fff;box-shadow:0 9px 20px rgba(23,105,170,.18)}
    .btn-primary:hover{background:var(--navy);transform:translateY(-2px);box-shadow:0 13px 25px rgba(23,105,170,.25)}
    .btn-light{background:#fff;color:var(--blue);border:1px solid #cbe0ea}
    .btn-light:hover{border-color:var(--blue);background:var(--sky)}
    .hero-note{display:flex;gap:20px;margin-top:25px;color:var(--muted);font-size:12px}
    .hero-note strong{display:block;color:var(--navy);font-size:21px;line-height:1.2}
    .score-strip{background:rgba(255,255,255,.9);border:1px solid rgba(219,231,239,.9);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
    .strip-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}
    .strip-head strong{font-size:16px;color:var(--navy)}
    .live-label{color:#c06945;font-size:12px;font-weight:800}
    .match-row{display:grid;grid-template-columns:72px 1fr 55px 70px;align-items:center;gap:9px;padding:12px 0;border-top:1px solid var(--line);font-size:13px}
    .match-row small{color:var(--muted)}
    .match-teams{font-weight:700}
    .match-teams span{display:block}
    .score{font-size:20px;color:var(--navy);font-weight:800;text-align:center}
    .form-tag{font-size:11px;color:var(--green);background:#e8f7f1;border-radius:7px;padding:3px 6px;text-align:center}
    section{padding:76px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}
    .section-kicker{font-size:12px;color:var(--blue);font-weight:800;letter-spacing:.1em;text-transform:uppercase}
    h2{font-size:30px;line-height:1.3;color:var(--navy);margin-top:6px;letter-spacing:-.5px}
    .section-intro{max-width:590px;color:var(--muted);font-size:15px}
    .section-link{font-size:13px;color:var(--blue);font-weight:700;white-space:nowrap}
    .section-link:hover{text-decoration:underline}
    .stats{padding:25px 0;background:var(--navy);color:#fff}
    .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .stat{padding:5px 22px;border-left:1px solid rgba(255,255,255,.18)}
    .stat:first-child{border-left:0}
    .stat strong{font-size:29px;display:block;color:#fff}
    .stat span{color:#b9ccdc;font-size:13px}
    .intro-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:54px;align-items:center}
    .image-card{position:relative;border-radius:22px;overflow:hidden;min-height:360px;box-shadow:var(--shadow)}
    .image-card img{width:100%;height:100%;object-fit:cover}
    .image-caption{position:absolute;left:20px;right:20px;bottom:18px;color:white;padding:16px 18px;border-radius:13px;background:linear-gradient(transparent,rgba(7,27,47,.88));padding-top:45px}
    .intro-text p{color:var(--muted);margin-top:14px}
    .check-list{list-style:none;margin-top:22px;display:grid;gap:12px}
    .check-list li{display:flex;gap:10px;align-items:flex-start;color:#455c70}
    .check-list b{color:var(--green);font-size:17px;line-height:1.7}
    .topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
    .topic-card{min-height:190px;position:relative;border-radius:var(--radius);overflow:hidden;color:white;box-shadow:var(--shadow);transition:.25s}
    .topic-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}
    .topic-card img{width:100%;height:100%;object-fit:cover}
    .topic-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,29,52,.9),rgba(8,29,52,.05))}
    .topic-content{position:absolute;z-index:1;bottom:17px;left:19px;right:19px}
    .topic-content h3{font-size:19px;margin-bottom:5px}
    .topic-content p{font-size:12px;color:#d6e4ec;line-height:1.6}
    .matrix{background:var(--soft)}
    .matrix-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}
    .matrix-main,.matrix-side{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px}
    .matrix-main h3,.matrix-side h3{font-size:20px;color:var(--navy);margin-bottom:12px}
    .matrix-main p,.matrix-side p{color:var(--muted);font-size:14px}
    .feature-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}
    .feature{padding:14px;background:var(--soft);border-radius:12px}
    .feature strong{display:block;color:var(--navy);font-size:14px}
    .feature span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
    .rank-list{list-style:none;margin-top:10px}
    .rank-list li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}
    .rank-list li:last-child{border-bottom:0}
    .rank-no{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#edf5f8;color:var(--blue);font-weight:800}
    .rank-list small{color:var(--muted)}
    .rank-value{font-weight:800;color:var(--navy)}
    .process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .process-step{padding:25px 22px 25px 0;margin-right:22px;position:relative}
    .process-step:not(:last-child):after{content:"→";position:absolute;right:-5px;top:43px;color:#9eb9c8;font-size:21px}
    .process-num{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--sky);color:var(--blue);font-weight:800;margin-bottom:12px}
    .process-step h3{font-size:16px;color:var(--navy);margin-bottom:5px}
    .process-step p{font-size:13px;color:var(--muted)}
    .compare{background:#f8fbfd}
    .compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
    .plan{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px;position:relative}
    .plan.recommend{border:2px solid var(--blue);box-shadow:var(--shadow);transform:translateY(-8px)}
    .plan-badge{position:absolute;right:16px;top:15px;background:#e8f6fb;color:var(--blue);border-radius:20px;padding:4px 9px;font-size:11px;font-weight:800}
    .plan h3{font-size:19px;color:var(--navy)}
    .plan p{font-size:13px;color:var(--muted);margin:7px 0 17px}
    .plan ul{list-style:none;border-top:1px solid var(--line);padding-top:14px;display:grid;gap:9px}
    .plan li{font-size:13px;color:#50677a}
    .plan li:before{content:"✓";color:var(--green);font-weight:800;margin-right:8px}
    .plan .btn{width:100%;margin-top:20px}
    .deep{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:start}
    .deep-copy p{color:var(--muted);margin-top:14px}
    .quote-box{background:var(--navy);color:#fff;border-radius:20px;padding:31px;position:relative}
    .quote-box:before{content:"“";font-size:72px;color:#6fb4d0;position:absolute;right:27px;top:0;line-height:1}
    .quote-box p{font-size:19px;line-height:1.7;max-width:490px}
    .quote-box small{display:block;color:#b8cbda;margin-top:20px}
    .review-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}
    .review-main{border:1px solid var(--line);border-radius:var(--radius);padding:27px;background:#fff}
    .rating{display:flex;align-items:center;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--line)}
    .rating strong{font-size:39px;color:var(--navy)}
    .stars{color:var(--gold);letter-spacing:3px}
    .review-list{display:grid;gap:15px;margin-top:18px}
    .review{padding-bottom:15px;border-bottom:1px solid var(--line)}
    .review:last-child{border:0;padding-bottom:0}
    .review p{font-size:14px;color:#4f6678}
    .review em{font-size:12px;color:#94a3af;font-style:normal}
    .trust-panel{background:var(--sky);border-radius:var(--radius);padding:28px}
    .trust-panel h3{font-size:21px;color:var(--navy);margin-bottom:10px}
    .trust-panel p{font-size:14px;color:var(--muted)}
    .trust-points{display:grid;gap:14px;margin-top:20px}
    .trust-point{display:flex;gap:12px}
    .trust-icon{width:31px;height:31px;flex:none;border-radius:9px;background:#fff;color:var(--blue);display:grid;place-items:center;font-weight:800}
    .trust-point strong{font-size:14px;color:var(--navy);display:block}
    .trust-point span{font-size:12px;color:var(--muted)}
    .news{background:var(--soft)}
    .news-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:25px}
    .news-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:10px 24px}
    .news-item{display:grid;grid-template-columns:92px 1fr 76px;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
    .news-item:last-child{border-bottom:0}
    .news-date{font-size:12px;color:#8a9aa6}
    .news-item h3{font-size:15px;color:var(--navy);margin-bottom:4px}
    .news-item p{font-size:12px;color:var(--muted);line-height:1.7}
    .read-more{font-size:12px;color:var(--blue);font-weight:700}
    .hot-box{background:var(--navy);border-radius:var(--radius);padding:25px;color:#fff}
    .hot-box h3{font-size:20px;margin-bottom:14px}
    .hot-box p{font-size:13px;color:#b9ccda}
    .hot-box ul{list-style:none;margin-top:17px;display:grid;gap:11px}
    .hot-box li{font-size:13px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.15)}
    .hot-box li:last-child{border:0}
    .hot-box b{color:#82d0dc;margin-right:7px}
    .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}
    details{border-bottom:1px solid var(--line);padding:0 0 15px}
    summary{cursor:pointer;list-style:none;font-weight:800;color:var(--navy);padding:14px 28px 7px 0;position:relative}
    summary::-webkit-details-marker{display:none}
    summary:after{content:"+";position:absolute;right:0;color:var(--blue);font-size:21px}
    details[open] summary:after{content:"−"}
    details p{font-size:13px;color:var(--muted);padding-right:20px}
    .form-section{padding-top:30px}
    .cta-band{background:linear-gradient(105deg,var(--navy),#1c638d);border-radius:23px;padding:38px 45px;color:#fff;display:grid;grid-template-columns:1fr .9fr;gap:35px;align-items:center}
    .cta-band h2{color:#fff;font-size:29px}
    .cta-band p{color:#c9dce6;margin-top:10px}
    .contact-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .contact-form input,.contact-form textarea{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;border-radius:9px;padding:11px 12px}
    .contact-form input::placeholder,.contact-form textarea::placeholder{color:#b5cbd7}
    .contact-form textarea{grid-column:1/-1;min-height:70px;resize:vertical}
    .contact-form .btn{grid-column:1/-1;background:#fff;color:var(--navy)}
    .contact-form .btn:hover{background:#dff3f7}
    footer{background:#091d32;color:#bacbd7;padding:45px 0 24px}
    .footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:35px;padding-bottom:35px}
    footer .logo{color:#fff;margin-bottom:13px}
    footer .logo-mark{background:#2a91b1}
    footer p{font-size:13px;color:#8fa8b8;max-width:310px}
    footer h3{font-size:14px;color:#fff;margin-bottom:12px}
    footer ul{list-style:none;display:grid;gap:7px}
    footer li,footer a{font-size:13px;color:#91aaba}
    footer a:hover{color:#fff}
    .copyright{border-top:1px solid rgba(255,255,255,.13);padding-top:18px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:12px;color:#7e98a9}
    .copyright a{text-decoration:underline}
    .notice{font-size:12px;color:#829aaa;margin-top:12px}
    @media(max-width:1024px){
      .nav{gap:14px}.nav-links{gap:0}.nav-links>a,.mega-trigger{padding:9px 7px;font-size:13px}
      .hero-inner{gap:25px}.topic-grid{grid-template-columns:repeat(2,1fr)}
      .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
    }
    @media(max-width:768px){
      .container{width:min(var(--container),calc(100% - 32px))}
      .topline{display:none}.nav{height:66px}.mobile-toggle{display:block;margin-left:auto}
      .nav-links{display:none;position:absolute;top:66px;left:0;right:0;padding:12px 16px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
      .nav-links.open{display:flex}.nav-links>a,.mega-trigger{display:block}
      .mega-panel{position:static;width:auto;margin:5px 0;box-shadow:none;display:none}.mega:hover .mega-panel,.mega:focus-within .mega-panel{display:grid}
      .nav-cta{display:none}.hero{padding:38px 0}.hero-inner,.intro-grid,.matrix-grid,.deep,.review-grid,.news-layout,.cta-band{grid-template-columns:1fr}
      h1{font-size:38px}.hero-copy{font-size:15px}.score-strip{margin-top:8px}
      section{padding:55px 0}.section-head{display:block}.section-link{display:inline-block;margin-top:12px}
      .stats-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-left:0}.stat{padding:10px 15px}
      .process{grid-template-columns:1fr 1fr}.process-step:nth-child(2):after{display:none}
      .compare-grid{grid-template-columns:1fr}.plan.recommend{transform:none}
      .cta-band{padding:29px 24px}.footer-grid{grid-template-columns:1fr 1fr}
    }
    @media(max-width:520px){
      .logo{font-size:18px}.logo-mark{width:33px;height:33px}
      .hero-actions,.hero-actions .btn{width:100%}.hero-note{gap:13px;flex-wrap:wrap}
      .score-strip{padding:14px}.match-row{grid-template-columns:57px 1fr 42px 55px;font-size:12px}
      .topic-grid,.feature-list,.faq-grid,.footer-grid{grid-template-columns:1fr}
      .image-card{min-height:280px}.matrix-main,.matrix-side{padding:20px}
      .process{grid-template-columns:1fr}.process-step{margin-right:0;border-bottom:1px solid var(--line);padding-right:0}.process-step:after{display:none!important}
      .news-item{grid-template-columns:1fr;gap:3px}.read-more{margin-top:5px}
      .contact-form{grid-template-columns:1fr}.contact-form textarea,.contact-form .btn{grid-column:auto}
      .copyright{display:block}.copyright span{display:block;margin-bottom:8px}
    }

/* roulang page: category2 */
:root{
 --navy:#102b4c;--blue:#1769aa;--cyan:#25a7c7;--sky:#eaf6fb;--ink:#15263b;--muted:#66788b;
 --line:#dbe7ef;--paper:#fff;--soft:#f5f9fc;--gold:#e7a834;--green:#2e9d78;
 --red:#d95c5c;--radius:18px;--radius-sm:11px;--shadow:0 14px 40px rgba(16,43,76,.09);
 --shadow-hover:0 20px 50px rgba(16,43,76,.15);--container:1180px
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.8;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(--container),calc(100% - 48px));margin:auto}
header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav{height:76px;display:flex;align-items:center;gap:25px}
.logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:21px;color:var(--navy);white-space:nowrap}
.logo-mark{width:37px;height:37px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:20px;box-shadow:0 7px 16px rgba(23,105,170,.24)}
.nav-links{display:flex;align-items:center;gap:3px;flex:1}
.nav-links>a,.mega-trigger{display:block;padding:10px 11px;border-radius:9px;color:#50657a;font-size:14px;transition:.2s;white-space:nowrap}
.nav-links>a:hover,.nav-links>a.active,.mega-trigger:hover,.mega-trigger.active{color:var(--blue);background:var(--sky)}
.mega{position:relative}.mega-panel{position:absolute;top:48px;left:-125px;width:440px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:8px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}
.mega:hover .mega-panel,.mega:focus-within .mega-panel{opacity:1;pointer-events:auto;transform:none}
.mega-panel a{padding:10px;border-radius:10px;font-size:13px;color:var(--muted);line-height:1.55}.mega-panel a:hover{background:var(--soft);color:var(--blue)}
.nav-cta{padding:10px 15px;border-radius:10px;background:var(--navy);color:#fff;font-weight:700;font-size:13px;transition:.2s;white-space:nowrap}.nav-cta:hover{background:var(--blue);transform:translateY(-2px)}
.mobile-toggle{display:none;background:var(--soft);color:var(--navy);border-radius:9px;padding:8px 11px;font-weight:800}
.hero{padding:58px 0;background:linear-gradient(90deg,rgba(242,249,252,.98),rgba(242,249,252,.86) 48%,rgba(242,249,252,.40)),url("/assets/images/backpic/back-2.webp") center/cover}
.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border:1px solid #bedce9;border-radius:20px;color:var(--blue);background:rgba(255,255,255,.78);font-size:12px;font-weight:800}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--green)}
h1,h2,h3{line-height:1.34;color:var(--navy)}h1{font-size:44px;letter-spacing:-.035em;margin:14px 0 16px}h2{font-size:30px;letter-spacing:-.025em}h3{font-size:19px}
.hero-copy{font-size:17px;color:#536a7c;max-width:600px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 18px;border-radius:10px;font-weight:800;font-size:14px;transition:.2s}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 9px 20px rgba(23,105,170,.18)}.btn-primary:hover{background:var(--navy);transform:translateY(-2px);box-shadow:0 13px 25px rgba(23,105,170,.25)}.btn-light{background:#fff;color:var(--blue);border:1px solid #cbe0ea}.btn-light:hover{border-color:var(--blue);background:var(--sky)}
.schedule-demo{background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:21px;box-shadow:var(--shadow)}.demo-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:6px}.demo-head strong{font-size:16px;color:var(--navy)}.live-dot{font-size:11px;background:#e8f7f1;color:var(--green);font-weight:800;padding:3px 7px;border-radius:7px}
.match-row{display:grid;grid-template-columns:58px 1fr 40px;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.match-row:last-child{border:0}.match-row time{color:var(--blue);font-weight:800}.match-row span{font-weight:700}.match-row small{color:var(--muted);text-align:right}
section{padding:75px 0}.soft-section{background:var(--soft)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:29px}.section-kicker{font-size:12px;color:var(--blue);font-weight:800;letter-spacing:.1em}.section-intro{max-width:600px;color:var(--muted)}.section-link{font-size:13px;color:var(--blue);font-weight:800;white-space:nowrap}.section-link:hover{text-decoration:underline}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-30px;position:relative}.metric{background:#fff;border:1px solid var(--line);padding:21px;border-radius:var(--radius-sm);box-shadow:0 8px 24px rgba(16,43,76,.05)}.metric b{display:block;font-size:28px;color:var(--blue);line-height:1.2}.metric span{display:block;color:var(--muted);font-size:13px;margin-top:5px}
.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.filter-label{font-size:13px;font-weight:800;color:var(--muted);margin-right:3px}.filter{border:1px solid var(--line);background:#fff;padding:8px 13px;border-radius:20px;color:#536a7c;font-size:13px;transition:.2s}.filter:hover,.filter.active{border-color:var(--blue);background:var(--sky);color:var(--blue)}
.calendar-layout{display:grid;grid-template-columns:1.43fr .57fr;gap:20px}.calendar-board,.side-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 26px rgba(16,43,76,.04)}.board-top{padding:21px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.board-top p{font-size:13px;color:var(--muted)}.day-group{padding:0 24px}.day-title{display:flex;align-items:center;gap:10px;padding:18px 0 10px;font-size:15px;font-weight:800;color:var(--navy)}.day-title em{font-style:normal;font-size:11px;color:var(--blue);background:var(--sky);padding:2px 7px;border-radius:6px}.fixture{display:grid;grid-template-columns:67px 1fr 104px;gap:14px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.fixture time{font-weight:800;color:var(--blue)}.fixture p{font-weight:700;font-size:14px}.fixture small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.tag{display:inline-block;padding:3px 8px;border-radius:7px;font-size:11px;font-weight:800;text-align:center}.tag-focus{color:#9b6a12;background:#fff5df}.tag-watch{color:var(--green);background:#e8f7f1}.tag-info{color:var(--blue);background:var(--sky)}
.side-panel{padding:23px}.side-panel h3{margin-bottom:9px}.side-panel>p{color:var(--muted);font-size:13px;margin-bottom:13px}.remind-list{list-style:none}.remind-list li{display:flex;gap:10px;padding:13px 0;border-top:1px solid var(--line);font-size:13px}.remind-list b{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:var(--sky);color:var(--blue);font-size:12px}.remind-list span{color:var(--muted)}
.split-content{display:grid;grid-template-columns:.83fr 1.17fr;gap:56px;align-items:center}.image-frame{height:410px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);position:relative}.image-frame img{width:100%;height:100%;object-fit:cover}.image-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,36,64,.45),transparent 52%)}.copy-stack p{color:var(--muted);margin-top:14px}.check-list{list-style:none;display:grid;gap:12px;margin-top:22px}.check-list li{display:flex;gap:11px;color:#455c70}.check-list b{color:var(--green)}
.matrix{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.matrix-main,.matrix-side{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:27px}.matrix-main p,.matrix-side p{color:var(--muted);margin-top:8px}.focus-list{list-style:none;margin-top:18px}.focus-list li{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding:13px 0}.focus-list li:last-child{padding-bottom:0}.focus-date{font-size:12px;color:var(--blue);font-weight:800}.focus-list strong{font-size:14px}.focus-list small{display:block;color:var(--muted);font-size:12px}.status{font-size:11px;color:var(--green);background:#e8f7f1;padding:3px 7px;border-radius:7px}
.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.compare-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px;transition:.22s}.compare-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#c5dce9}.compare-card .number{font-size:12px;color:var(--blue);font-weight:800}.compare-card h3{margin:7px 0}.compare-card p{font-size:13px;color:var(--muted)}.mini-list{list-style:none;margin-top:15px;border-top:1px solid var(--line)}.mini-list li{padding:8px 0;border-bottom:1px solid var(--line);font-size:12px;color:#52677a}
.notice-band{background:var(--navy);color:#dbeaf3}.notice-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:27px 0}.notice-icon{width:44px;height:44px;border-radius:13px;background:rgba(255,255,255,.12);display:grid;place-items:center;color:#8bd9ec;font-size:21px}.notice-band h3{color:#fff;font-size:18px}.notice-band p{font-size:13px;margin-top:2px}.notice-band .btn{background:#fff;color:var(--navy)}.notice-band .btn:hover{background:#dceff5}
.news-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.featured-news{min-height:345px;border-radius:var(--radius);overflow:hidden;position:relative;color:#fff;box-shadow:var(--shadow)}.featured-news img{height:100%;width:100%;object-fit:cover}.featured-news:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,30,52,.92),rgba(10,30,52,.06))}.featured-copy{position:absolute;z-index:1;left:26px;right:26px;bottom:22px}.featured-copy time,.news-item time{font-size:12px;color:#a9dcec}.featured-copy h3{color:#fff;margin:7px 0;font-size:22px}.featured-copy p{font-size:13px;color:#deebf3}.news-list{display:grid;gap:10px}.news-item{border:1px solid var(--line);border-radius:13px;padding:16px 18px;background:#fff;transition:.2s}.news-item:hover{border-color:#bcd9e8;box-shadow:0 7px 18px rgba(16,43,76,.06)}.news-item time{color:var(--blue)}.news-item h3{font-size:15px;margin:3px 0}.news-item p{color:var(--muted);font-size:12px}.read-more{font-size:12px;color:var(--blue);font-weight:800;display:inline-block;margin-top:5px}
.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px}.faq-layout>div>p{color:var(--muted);margin-top:12px}.faq-list{display:grid;gap:11px}.faq{border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px 18px}.faq summary{cursor:pointer;list-style:none;font-weight:800;color:var(--navy);padding-right:26px;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:0;top:-3px;font-size:21px;color:var(--blue);font-weight:400}.faq[open] summary:after{content:"−"}.faq p{color:var(--muted);font-size:13px;padding-top:10px}
.cta{padding:0 0 76px}.cta-box{padding:43px 50px;border-radius:22px;background:linear-gradient(115deg,#1769aa,#102b4c);color:#fff;display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center;box-shadow:var(--shadow)}.cta-box h2{color:#fff}.cta-box p{color:#dbeaf3;max-width:690px;margin-top:8px}.cta-form{display:flex;gap:9px;align-items:center}.cta-form input{height:45px;width:200px;border:0;border-radius:10px;padding:0 13px;outline:none;color:var(--ink)}.cta-form input:focus{box-shadow:0 0 0 3px rgba(139,217,236,.6)}.cta-form button{height:45px;background:#fff;color:var(--blue);border-radius:10px;padding:0 15px;font-weight:800}.cta-form button:hover{background:#dceff5}
footer{background:#0c213a;color:#bdccda;padding:57px 0 20px}.footer-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:35px}.footer-grid .logo{color:#fff;margin-bottom:14px}.footer-grid p{font-size:13px;max-width:340px}.footer-grid .notice{font-size:12px;color:#8fa7ba;margin-top:11px}.footer-grid h3{font-size:14px;color:#fff;margin:4px 0 12px}.footer-grid ul{list-style:none}.footer-grid li{margin:8px 0;font-size:13px}.footer-grid a:hover{color:#85d6ed}.copyright{border-top:1px solid rgba(255,255,255,.13);margin-top:37px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#91a7b9}
@media(max-width:1100px){.nav{gap:12px}.nav-links>a,.mega-trigger{padding:9px 7px;font-size:13px}.nav-cta{display:none}.calendar-layout,.matrix{grid-template-columns:1fr}.cta-box{padding:37px}.cta-form{align-self:end}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}
@media(max-width:850px){.mobile-toggle{display:block;margin-left:auto}.nav{height:66px;flex-wrap:wrap}.nav-links{display:none;order:3;flex-basis:100%;padding:9px;background:#fff;border-top:1px solid var(--line);overflow-x:auto}.nav-links.open{display:flex}.mega-panel{display:none}.hero-inner,.split-content,.faq-layout,.news-layout{grid-template-columns:1fr}.hero{padding:45px 0}.hero-inner{gap:28px}h1{font-size:37px}.metric-grid{grid-template-columns:repeat(2,1fr);margin-top:-20px}.compare-grid{grid-template-columns:1fr 1fr}.image-frame{height:310px}.footer-grid{grid-template-columns:1fr 1fr}.notice-inner{grid-template-columns:auto 1fr}.notice-inner .btn{grid-column:2}.cta-box{grid-template-columns:1fr}.cta-form{justify-content:flex-start}.section-head{align-items:start;flex-direction:column;gap:9px}}
@media(max-width:520px){body{font-size:14px}.container{width:min(var(--container),calc(100% - 30px))}h1{font-size:30px}h2{font-size:25px}section{padding:54px 0}.logo{font-size:19px}.logo-mark{width:34px;height:34px}.hero-copy{font-size:15px}.schedule-demo{padding:16px}.metric-grid,.compare-grid{grid-template-columns:1fr}.calendar-board,.side-panel{border-radius:14px}.board-top,.day-group{padding-left:16px;padding-right:16px}.fixture{grid-template-columns:52px 1fr}.fixture .tag{display:none}.split-content{gap:28px}.matrix-main,.matrix-side{padding:20px}.notice-inner{grid-template-columns:1fr;gap:12px}.notice-inner .btn{grid-column:auto;width:max-content}.news-layout{gap:14px}.featured-news{min-height:300px}.featured-copy{left:18px;right:18px}.featured-copy h3{font-size:18px}.faq-layout{gap:25px}.cta{padding-bottom:55px}.cta-box{padding:28px 22px}.cta-form{display:grid;grid-template-columns:1fr}.cta-form input,.cta-form button{width:100%}.footer-grid{grid-template-columns:1fr;gap:24px}.copyright{flex-direction:column}.hero-actions .btn{width:100%}}

/* roulang page: category1 */
:root{--navy:#102b4c;--blue:#1769aa;--cyan:#25a7c7;--sky:#eaf6fb;--ink:#15263b;--muted:#66788b;--line:#dbe7ef;--paper:#fff;--soft:#f5f9fc;--gold:#e7a834;--green:#2e9d78;--radius:18px;--radius-sm:11px;--shadow:0 14px 40px rgba(16,43,76,.09);--shadow-hover:0 20px 50px rgba(16,43,76,.15);--container:1180px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.8;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(--container),calc(100% - 48px));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{height:76px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:21px;color:var(--navy);white-space:nowrap}.logo-mark{width:37px;height:37px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:20px;box-shadow:0 7px 16px rgba(23,105,170,.24)}.nav-links{display:flex;align-items:center;gap:4px;flex:1}.nav-links>a,.mega-trigger{padding:10px 12px;border-radius:9px;color:#50657a;font-size:14px;transition:.2s;white-space:nowrap}.nav-links>a:hover,.nav-links>a.active,.mega-trigger:hover,.mega-trigger.active{color:var(--blue);background:var(--sky)}.mega{position:relative}.mega-panel{position:absolute;top:48px;left:-120px;width:440px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:8px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}.mega:hover .mega-panel,.mega:focus-within .mega-panel{opacity:1;pointer-events:auto;transform:none}.mega-panel a{padding:10px;border-radius:10px;font-size:13px;color:var(--muted)}.mega-panel a:hover{background:var(--soft);color:var(--blue)}.nav-cta{padding:11px 17px;border-radius:10px;background:var(--navy);color:#fff;font-weight:700;font-size:13px;transition:.2s;white-space:nowrap}.nav-cta:hover{background:var(--blue);transform:translateY(-2px)}.mobile-toggle{display:none;background:var(--soft);color:var(--navy);border-radius:9px;padding:7px 10px}
.hero{min-height:430px;padding:54px 0 48px;background:linear-gradient(90deg,rgba(242,249,252,.98),rgba(242,249,252,.9) 43%,rgba(242,249,252,.43)),url("/assets/images/backpic/back-2.webp") center/cover}.hero-inner{display:grid;grid-template-columns:1.03fr .97fr;gap:50px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border:1px solid #bedce9;border-radius:20px;color:var(--blue);background:rgba(255,255,255,.7);font-size:12px;font-weight:700}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--green)}h1{font-size:clamp(34px,5vw,58px);line-height:1.2;letter-spacing:-.04em;color:var(--navy);margin:17px 0}.hero-copy{font-size:17px;color:#536a7c;max-width:640px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;font-weight:700;font-size:14px;transition:.2s}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 9px 20px rgba(23,105,170,.18)}.btn-primary:hover{background:var(--navy);transform:translateY(-2px)}.btn-light{background:#fff;color:var(--blue);border:1px solid #cbe0ea}.btn-light:hover{border-color:var(--blue);background:var(--sky)}
.live-panel{background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:22px;padding:23px;box-shadow:var(--shadow)}.panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-top h3{color:var(--navy);font-size:18px}.live-dot{font-size:12px;color:var(--green);font-weight:700}.live-dot:before{content:"";display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:6px}.match-row{display:grid;grid-template-columns:68px 1fr 50px 62px;align-items:center;gap:9px;padding:13px 0;border-top:1px solid var(--line);font-size:13px}.match-row small{color:var(--muted)}.score{font-size:18px;font-weight:800;color:var(--navy)}.form-tag{font-size:11px;color:var(--green);background:#e8f7f1;border-radius:7px;padding:3px 6px;text-align:center}.panel-foot{margin-top:15px;padding-top:12px;border-top:1px dashed var(--line);font-size:12px;color:var(--muted)}
section{padding:72px 0}.soft-section{background:var(--soft)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:27px}.section-kicker{font-size:12px;color:var(--blue);font-weight:800;letter-spacing:.1em}.section-head h2{font-size:30px;line-height:1.3;color:var(--navy);margin-top:5px}.section-intro{max-width:590px;color:var(--muted);font-size:15px}.section-link{font-size:13px;color:var(--blue);font-weight:700;white-space:nowrap}.section-link:hover{text-decoration:underline}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.stat{padding:23px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat strong{display:block;font-size:30px;color:var(--blue);line-height:1.2}.stat span{color:var(--muted);font-size:13px}.stat em{display:block;color:var(--green);font-size:12px;font-style:normal;margin-top:8px}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}.image-card{border-radius:22px;overflow:hidden;box-shadow:var(--shadow);height:365px}.image-card img{width:100%;height:100%;object-fit:cover}.text-large{font-size:17px;color:#4e6679}.check-list{list-style:none;margin-top:21px;display:grid;gap:12px}.check-list li{display:flex;gap:10px;color:#455c70}.check-list b{color:var(--green);font-size:17px}
.matrix-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:20px}.matrix-main,.matrix-side{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}.matrix-main h3,.matrix-side h3{font-size:20px;color:var(--navy);margin-bottom:10px}.matrix-main p,.matrix-side p{color:var(--muted);font-size:14px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.feature{padding:14px;background:var(--soft);border-radius:12px}.feature strong{display:block;color:var(--navy);font-size:14px}.feature span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.rank-list{list-style:none;margin-top:8px}.rank-list li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.rank-list li:last-child{border-bottom:0}.rank-list b{color:var(--gold)}
.time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.time-slot{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;transition:.2s}.time-slot:hover,.time-slot.selected{border-color:var(--cyan);box-shadow:0 8px 22px rgba(37,167,199,.12);transform:translateY(-2px)}.time-slot strong{display:block;color:var(--navy)}.time-slot span{font-size:12px;color:var(--muted)}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.step{padding:25px 28px;border-right:1px solid var(--line)}.step:last-child{border-right:0}.step-num{color:var(--cyan);font-size:13px;font-weight:800}.step h3{margin:7px 0;color:var(--navy);font-size:18px}.step p{color:var(--muted);font-size:13px}
.news-layout{display:grid;grid-template-columns:1fr .72fr;gap:22px}.news-card{display:grid;grid-template-columns:180px 1fr;gap:19px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:13px}.news-card img{width:180px;height:116px;object-fit:cover;border-radius:11px}.news-card time{font-size:12px;color:var(--blue)}.news-card h3{font-size:17px;color:var(--navy);margin:4px 0}.news-card p{font-size:13px;color:var(--muted)}.side-note{padding:27px;border-radius:var(--radius);background:var(--navy);color:#fff}.side-note h3{font-size:22px;margin-bottom:12px}.side-note p{color:#c6d8e6;font-size:14px}.side-note .btn{margin-top:20px;background:#fff;color:var(--blue)}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-item{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.faq-q{padding:17px 20px;font-weight:700;color:var(--navy);display:flex;justify-content:space-between;cursor:pointer}.faq-q:after{content:"＋";color:var(--blue)}.faq-item.open .faq-q:after{content:"－"}.faq-a{display:none;padding:0 20px 17px;color:var(--muted);font-size:14px}.faq-item.open .faq-a{display:block}
.cta{padding:44px 50px;border-radius:23px;background:linear-gradient(110deg,var(--navy),#1d638d);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font-size:28px;line-height:1.3}.cta p{color:#c8dbe6;margin-top:7px}.cta .btn{background:#fff;color:var(--blue)}
footer{background:#f3f7fa;border-top:1px solid var(--line);padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr .9fr;gap:35px}.footer-grid p{color:var(--muted);font-size:13px;margin-top:13px;max-width:340px}.footer-grid .notice{color:#788a99;font-size:12px}.footer-grid h3{color:var(--navy);font-size:14px;margin-bottom:10px}.footer-grid ul{list-style:none;display:grid;gap:6px}.footer-grid li{font-size:13px;color:var(--muted)}.footer-grid a:hover{color:var(--blue)}.copyright{border-top:1px solid var(--line);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;color:#8292a0;font-size:12px}
:focus-visible{outline:3px solid rgba(37,167,199,.38);outline-offset:3px}
@media(max-width:1024px){.nav{gap:14px}.nav-links{overflow-x:auto}.nav-links>a,.mega-trigger{font-size:13px;padding:8px}.hero-inner,.split{gap:30px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.container{width:min(var(--container),calc(100% - 32px))}.nav{height:68px}.mobile-toggle{display:block;margin-left:auto}.nav-cta{display:none}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;padding:12px 16px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links>a,.mega-trigger{display:block}.mega-panel{position:static;width:auto;margin-top:5px;opacity:1;display:none;transform:none;pointer-events:auto;box-shadow:none;background:var(--soft)}.mega.open .mega-panel{display:grid}.hero{padding:42px 0}.hero-inner,.split,.matrix-grid,.news-layout{grid-template-columns:1fr}.hero h1{font-size:42px}.section-head{display:block}.section-link{display:inline-block;margin-top:12px}.process{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.time-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.copyright{display:block}.copyright span{display:block;margin-bottom:8px}}
@media(max-width:520px){section{padding:54px 0}.hero h1{font-size:35px}.hero-copy{font-size:15px}.stats-grid,.feature-list,.footer-grid{grid-template-columns:1fr}.match-row{grid-template-columns:55px 1fr 43px 55px;font-size:12px}.news-card{grid-template-columns:1fr}.news-card img{width:100%;height:155px}.cta{padding:30px 23px;display:block}.cta h2{font-size:23px}.cta .btn{margin-top:18px;width:100%}}

/* roulang page: category3 */
:root{--navy:#102b4c;--blue:#1769aa;--cyan:#25a7c7;--sky:#eaf6fb;--ink:#15263b;--muted:#66788b;--line:#dbe7ef;--paper:#fff;--soft:#f5f9fc;--gold:#e7a834;--green:#2e9d78;--radius:18px;--radius-sm:11px;--shadow:0 14px 40px rgba(16,43,76,.09);--shadow-hover:0 20px 50px rgba(16,43,76,.15);--container:1180px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.8;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(--container),calc(100% - 48px));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{height:76px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:21px;color:var(--navy);white-space:nowrap}.logo-mark{width:37px;height:37px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:20px;box-shadow:0 7px 16px rgba(23,105,170,.24)}.nav-links{display:flex;align-items:center;gap:4px;flex:1}.nav-links>a,.mega-trigger{padding:10px 12px;border-radius:9px;color:#50657a;font-size:14px;transition:.2s;white-space:nowrap}.nav-links>a:hover,.nav-links>a.active,.mega-trigger:hover{color:var(--blue);background:var(--sky)}.mega{position:relative}.mega-panel{position:absolute;top:48px;left:-120px;width:440px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:8px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}.mega:hover .mega-panel,.mega:focus-within .mega-panel{opacity:1;pointer-events:auto;transform:none}.mega-panel a{padding:10px;border-radius:10px;font-size:13px;color:var(--muted)}.mega-panel a:hover{background:var(--soft);color:var(--blue)}.nav-cta{padding:11px 17px;border-radius:10px;background:var(--navy);color:#fff;font-weight:700;font-size:13px;transition:.2s;white-space:nowrap}.nav-cta:hover{background:var(--blue);transform:translateY(-2px)}.mobile-toggle{display:none;background:var(--soft);color:var(--navy);border-radius:9px;padding:7px 10px}
.hero{padding:54px 0 50px;background:linear-gradient(90deg,rgba(242,249,252,.98),rgba(242,249,252,.84)),url("/assets/images/backpic/back-2.webp") center/cover}.hero-inner{display:grid;grid-template-columns:.8fr 1.4fr .8fr;gap:25px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border:1px solid #bedce9;border-radius:20px;color:var(--blue);background:rgba(255,255,255,.72);font-size:12px;font-weight:700}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--green)}h1{font-size:clamp(32px,4vw,56px);line-height:1.18;letter-spacing:-.04em;color:var(--navy);margin:16px 0}.hero-copy{font-size:17px;color:#536a7c}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;font-weight:700;font-size:14px;transition:.2s}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 9px 20px rgba(23,105,170,.18)}.btn-primary:hover{background:var(--navy);transform:translateY(-2px)}.btn-light{background:#fff;color:var(--blue);border:1px solid #cbe0ea}.btn-light:hover{border-color:var(--blue);background:var(--sky)}.side-note{padding:20px;background:rgba(255,255,255,.78);border:1px solid rgba(219,231,239,.9);border-radius:16px;color:var(--muted);font-size:13px}.side-note strong{display:block;color:var(--navy);font-size:18px;margin-bottom:7px}.stage{position:relative;background:#fff;padding:14px;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.stage img{width:100%;height:255px;object-fit:cover;border-radius:14px}.stage-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 6px 2px;color:var(--muted);font-size:12px}.stage-bar b{color:var(--navy);font-size:15px}
section{padding:72px 0}.soft-bg{background:var(--soft)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.section-kicker{font-size:12px;color:var(--blue);font-weight:800;letter-spacing:.1em}.section-head h2{font-size:31px;line-height:1.3;color:var(--navy);margin-top:5px}.section-intro{max-width:590px;color:var(--muted);font-size:15px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat b{display:block;font-size:31px;color:var(--blue);line-height:1.2}.stat span{color:var(--muted);font-size:13px}.intro-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:54px;align-items:center}.image-card{position:relative;border-radius:22px;overflow:hidden;min-height:360px;box-shadow:var(--shadow)}.image-card img{width:100%;height:100%;object-fit:cover}.check-list{list-style:none;margin-top:22px;display:grid;gap:12px}.check-list li{display:flex;gap:10px;align-items:flex-start;color:#455c70}.check-list b{color:var(--green);font-size:17px}.matrix-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.matrix-main,.matrix-side{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:27px}.matrix-main h3,.matrix-side h3{font-size:20px;color:var(--navy);margin-bottom:10px}.matrix-main p,.matrix-side p{color:var(--muted);font-size:14px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.feature{padding:14px;background:var(--soft);border-radius:12px}.feature strong{display:block;color:var(--navy);font-size:14px}.feature span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.rank-list{list-style:none;margin-top:8px}.rank-list li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.rank-list li:last-child{border-bottom:0}.rank-list em{font-style:normal;color:var(--green);font-weight:700}.compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-card{padding:25px;border-radius:var(--radius);background:#fff;border:1px solid var(--line)}.compare-card.blue{background:var(--navy);color:#fff}.compare-card h3{font-size:20px;margin-bottom:15px}.bar{height:8px;background:#e8f0f4;border-radius:8px;margin:9px 0 17px;overflow:hidden}.bar i{display:block;height:100%;background:var(--cyan);border-radius:8px}.compare-card.blue .bar{background:rgba(255,255,255,.18)}.compare-card.blue .bar i{background:#8be1e7}.compare-label{display:flex;justify-content:space-between;font-size:13px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:2px solid #cbe0ea}.step{position:relative;padding:27px 24px 5px;border-right:1px solid var(--line)}.step:last-child{border:0}.step:before{content:"";position:absolute;top:-9px;left:24px;width:15px;height:15px;background:var(--blue);border:4px solid #d8f0f5;border-radius:50%}.step b{color:var(--blue);font-size:12px}.step h3{font-size:18px;color:var(--navy);margin:8px 0}.step p{font-size:13px;color:var(--muted)}.scenario-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:stretch}.scenario-copy{padding:28px;background:var(--sky);border-radius:var(--radius)}.scenario-copy p{color:var(--muted);margin-top:12px}.scenario-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.scenario{padding:19px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px rgba(16,43,76,.05)}.scenario strong{display:block;color:var(--navy)}.scenario span{font-size:13px;color:var(--muted)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px}.faq-intro p{color:var(--muted);margin-top:12px}.faq-item{border-bottom:1px solid var(--line);padding:16px 0}.faq-q{display:flex;justify-content:space-between;gap:15px;cursor:pointer;font-weight:700;color:var(--navy)}.faq-q span{color:var(--blue);font-size:20px;transition:.2s}.faq-a{display:none;color:var(--muted);font-size:14px;padding-top:9px}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span{transform:rotate(45deg)}.cta{padding:44px 0;background:var(--navy);color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:29px;line-height:1.3}.cta p{color:#bdd0df;margin-top:8px}.cta .btn-light{border:0}footer{background:#0c223b;color:#c3d2de;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr .9fr;gap:35px}.footer-grid .logo{color:#fff;margin-bottom:15px}.footer-grid p{font-size:13px;max-width:330px;color:#9db2c3;margin:8px 0}.footer-grid .notice{color:#e1bd70}.footer-grid h3{font-size:14px;color:#fff;margin-bottom:12px}.footer-grid ul{list-style:none;display:grid;gap:7px;font-size:13px}.footer-grid li a:hover,.copyright a:hover{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.13);margin-top:35px;padding-top:17px;display:flex;justify-content:space-between;gap:20px;color:#8ea5b8;font-size:12px}.copyright a{color:#b7ccda}
:focus-visible{outline:3px solid rgba(37,167,199,.45);outline-offset:3px}
@media(max-width:1024px){.nav{gap:14px}.nav-links{gap:0}.nav-links>a,.mega-trigger{padding:9px 7px;font-size:13px}.hero-inner{grid-template-columns:1fr 1.35fr}.hero-inner>.side-note:last-child{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.container{width:min(var(--container),calc(100% - 32px))}.mobile-toggle{display:block;margin-left:auto}.nav-cta{display:none}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;padding:12px 16px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);align-items:stretch;flex-direction:column}.nav-links.open{display:flex}.mega-panel{position:static;width:auto;display:none;opacity:1;transform:none;box-shadow:none;border:0;padding:5px 10px}.mega:hover .mega-panel,.mega:focus-within .mega-panel{display:grid}.hero-inner,.intro-grid,.matrix-grid,.scenario-grid,.faq-grid{grid-template-columns:1fr}.hero-inner>.side-note{display:block}.stage{order:-1}.hero{padding-top:38px}.section-head{display:block}.section-link{display:inline-block;margin-top:10px}.timeline{grid-template-columns:1fr;border-top:0;border-left:2px solid #cbe0ea}.step{border-right:0;border-bottom:1px solid var(--line);padding:10px 20px 25px 28px}.step:before{top:14px;left:-9px}.compare{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.copyright{display:block}.copyright span{display:block;margin-bottom:8px}}
@media(max-width:520px){h1{font-size:35px}.stats-grid,.feature-list,.scenario-list{grid-template-columns:1fr}.section-head h2{font-size:26px}section{padding:54px 0}.hero-actions .btn{width:100%}.stage img{height:200px}.footer-grid{grid-template-columns:1fr}.copyright{font-size:11px}}

/* roulang page: category5 */
:root{
--navy:#102b4c;--blue:#1769aa;--cyan:#25a7c7;--sky:#eaf6fb;--ink:#15263b;--muted:#66788b;--line:#dbe7ef;--paper:#fff;--soft:#f5f9fc;--gold:#e7a834;--green:#2e9d78;--radius:18px;--radius-sm:11px;--shadow:0 14px 40px rgba(16,43,76,.09);--shadow-hover:0 20px 50px rgba(16,43,76,.15);--container:1180px}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.8;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(--container),calc(100% - 48px));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav{height:76px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:21px;color:var(--navy);white-space:nowrap}.logo-mark{width:37px;height:37px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:20px;box-shadow:0 7px 16px rgba(23,105,170,.24)}
.nav-links{display:flex;align-items:center;gap:4px;flex:1}.nav-links>a,.mega-trigger{padding:10px 12px;border-radius:9px;color:#50657a;font-size:14px;transition:.2s;white-space:nowrap}.nav-links>a:hover,.nav-links>a.active,.mega-trigger:hover{color:var(--blue);background:var(--sky)}
.mega{position:relative}.mega-panel{position:absolute;top:48px;left:-120px;width:440px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:8px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}.mega:hover .mega-panel,.mega:focus-within .mega-panel{opacity:1;pointer-events:auto;transform:none}.mega-panel a{padding:10px;border-radius:10px;font-size:13px;color:var(--muted)}.mega-panel a:hover{background:var(--soft);color:var(--blue)}
.nav-cta{padding:11px 17px;border-radius:10px;background:var(--navy);color:#fff;font-weight:700;font-size:13px;transition:.2s;white-space:nowrap}.nav-cta:hover{background:var(--blue);transform:translateY(-2px)}.mobile-toggle{display:none;background:var(--soft);color:var(--navy);border-radius:9px;padding:7px 10px}
section{padding:72px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border:1px solid #bedce9;border-radius:20px;color:var(--blue);background:rgba(255,255,255,.8);font-size:12px;font-weight:700}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--green)}
h1,h2,h3{line-height:1.35;color:var(--navy)}h1{font-size:46px;letter-spacing:-.04em}h2{font-size:31px;letter-spacing:-.03em}h3{font-size:19px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}.section-kicker{display:block;color:var(--blue);font-weight:800;font-size:12px;letter-spacing:.12em;margin-bottom:8px}.section-intro{max-width:585px;color:var(--muted)}.section-link{font-size:13px;color:var(--blue);font-weight:700;white-space:nowrap}.section-link:hover{text-decoration:underline}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 19px;border-radius:10px;font-weight:700;font-size:14px;transition:.2s}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 9px 20px rgba(23,105,170,.18)}.btn-primary:hover{background:var(--navy);transform:translateY(-2px);box-shadow:0 13px 25px rgba(23,105,170,.25)}.btn-light{background:#fff;color:var(--blue);border:1px solid #cbe0ea}.btn-light:hover{border-color:var(--blue);background:var(--sky)}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(37,167,199,.35);outline-offset:3px}
.inner-hero{position:relative;isolation:isolate;overflow:hidden;padding:68px 0 56px;background:linear-gradient(90deg,rgba(242,249,252,.98),rgba(242,249,252,.84) 54%,rgba(242,249,252,.36)),url("/assets/images/backpic/back-2.webp") center/cover}.inner-hero:after{content:"";position:absolute;z-index:-1;width:360px;height:360px;border:55px solid rgba(37,167,199,.11);border-radius:50%;right:5%;top:-150px}.hero-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center}.hero-copy{font-size:17px;color:#536a7c;max-width:640px;margin-top:15px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.hero-points{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;color:var(--muted);font-size:13px}.hero-points b{color:var(--navy)}
.hero-board{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.9);padding:22px;border-radius:20px;box-shadow:var(--shadow)}.board-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.board-top b{font-size:16px}.live-dot{font-size:11px;font-weight:800;color:var(--green);background:#e8f7f1;padding:4px 8px;border-radius:20px}.board-row{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:13px}.board-row small{color:var(--muted)}.form-pill{background:var(--sky);color:var(--blue);padding:3px 7px;border-radius:6px;font-size:11px;font-weight:700}
.dashboard{margin-top:-1px;background:var(--navy);padding:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric{padding:27px 28px;border-right:1px solid rgba(255,255,255,.13);color:#dbeaf5}.metric:last-child{border:0}.metric b{display:block;color:#fff;font-size:29px;line-height:1.2;margin-bottom:5px}.metric span{font-size:13px}
.focus-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch}.league-feature{position:relative;min-height:455px;overflow:hidden;border-radius:var(--radius);color:#fff;box-shadow:var(--shadow)}.league-feature img{position:absolute;width:100%;height:100%;object-fit:cover}.league-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,28,50,.93),rgba(8,28,50,.08) 80%)}.feature-content{position:absolute;z-index:1;left:29px;right:29px;bottom:27px}.feature-content p{margin:10px 0 17px;color:#dce9f4}.tag{display:inline-flex;padding:4px 9px;border-radius:20px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);font-size:11px;font-weight:700}
.focus-stack{display:grid;gap:16px}.focus-card{display:grid;grid-template-columns:120px 1fr;overflow:hidden;min-height:142px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;box-shadow:0 8px 22px rgba(16,43,76,.05);transition:.2s}.focus-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.focus-card img{height:100%;width:100%;object-fit:cover}.focus-card>div{padding:17px}.focus-card p{font-size:13px;color:var(--muted);margin-top:6px}.mini-label{font-size:11px;color:var(--blue);font-weight:800}
.soft-bg{background:var(--soft)}.matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.matrix-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px;transition:.25s}.matrix-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#c6dce9}.matrix-card .number{display:grid;place-items:center;width:38px;height:38px;background:var(--sky);color:var(--blue);font-weight:800;border-radius:11px;margin-bottom:17px}.matrix-card p{font-size:13px;color:var(--muted);margin-top:8px}.matrix-card ul{list-style:none;margin-top:15px;display:grid;gap:8px;font-size:13px;color:#4e6477}.matrix-card li:before{content:"✓";color:var(--green);font-weight:800;margin-right:8px}
.data-band{display:grid;grid-template-columns:.88fr 1.12fr;gap:46px;align-items:center}.data-note{color:var(--muted);margin:13px 0 22px}.insight-list{list-style:none;display:grid;gap:10px}.insight-list li{padding:13px 15px;background:#fff;border-left:3px solid var(--cyan);box-shadow:0 6px 15px rgba(16,43,76,.04);color:#4a6073}.data-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.panel-head span{font-size:12px;color:var(--muted)}.bar-row{display:grid;grid-template-columns:76px 1fr 38px;align-items:center;gap:12px;margin-top:17px;font-size:13px}.bar{height:9px;border-radius:9px;background:#e7f0f5;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan))}.bar-row b{font-size:12px;color:var(--blue)}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-card{padding:29px;border-radius:var(--radius);border:1px solid var(--line);background:#fff}.compare-card.emphasis{background:var(--navy);border-color:var(--navy);color:#d7e7f4}.compare-card h3{margin-bottom:12px}.compare-card.emphasis h3{color:#fff}.compare-card p{color:var(--muted);font-size:14px}.compare-card.emphasis p{color:#c5d8e8}.compare-list{list-style:none;margin-top:18px;display:grid;gap:10px}.compare-list li{padding-top:10px;border-top:1px solid var(--line);font-size:13px}.emphasis .compare-list li{border-color:rgba(255,255,255,.15)}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.step{padding:27px 23px;position:relative;border-right:1px solid var(--line)}.step:last-child{border:0}.step-index{font-size:12px;font-weight:800;color:var(--blue);letter-spacing:.1em}.step p{font-size:13px;color:var(--muted);margin-top:8px}
.news-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.news-main{border-radius:var(--radius);overflow:hidden;background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.15fr}.news-main img{width:100%;height:100%;min-height:260px;object-fit:cover}.news-main>div{padding:26px}.news-main p,.news-list p{font-size:13px;color:var(--muted);margin:10px 0}.news-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:10px 22px}.news-item{padding:15px 0;border-bottom:1px solid var(--line)}.news-item:last-child{border:0}.news-item time{font-size:11px;color:var(--blue);font-weight:800}.read-more{font-size:13px;color:var(--blue);font-weight:700}.read-more:hover{text-decoration:underline}
.faq-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px}.faq-copy p{color:var(--muted);margin-top:13px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;padding:19px 0;text-align:left;background:transparent;color:var(--navy);font-weight:800;display:flex;justify-content:space-between;gap:20px}.faq-q span:last-child{font-size:20px;color:var(--blue);transition:.2s}.faq-a{max-height:0;overflow:hidden;color:var(--muted);font-size:14px;transition:max-height .3s ease}.faq-item.open .faq-a{max-height:180px;padding-bottom:18px}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
.cta{padding:0}.cta-box{padding:43px 48px;border-radius:22px;color:#fff;background:linear-gradient(110deg,var(--navy),#1769aa);display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;box-shadow:var(--shadow)}.cta-box h2{color:#fff;font-size:30px}.cta-box p{color:#d9e8f3;margin-top:8px}.subscribe{display:flex;gap:9px}.subscribe input{width:210px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.11);color:#fff;border-radius:10px;padding:11px 13px;outline:none}.subscribe input::placeholder{color:#d7e6f1}.subscribe .btn{background:#fff;color:var(--blue)}
footer{margin-top:76px;background:#0c223c;color:#c8d8e5;padding:56px 0 0}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:34px}.footer-grid .logo{color:#fff}.footer-grid p{font-size:13px;max-width:340px;margin-top:14px}.notice{color:#87a7c0}.footer-grid h3{font-size:14px;color:#fff;margin:5px 0 13px}.footer-grid ul{list-style:none}.footer-grid li{font-size:13px;margin:8px 0}.footer-grid li a:hover{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:38px;padding:18px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#9eb6c8}.copyright a:hover{color:#fff}
@media(max-width:1024px){.nav{gap:14px}.nav-links>a,.mega-trigger{padding:9px 8px;font-size:13px}.hero-layout,.data-band,.faq-wrap{gap:28px}.metric{padding:23px 18px}.matrix-card{padding:20px}}
@media(max-width:768px){.container{width:min(100% - 32px,var(--container))}.nav{height:66px;justify-content:space-between}.mobile-toggle{display:block}.nav-cta{display:none}.nav-links{position:absolute;top:66px;left:0;right:0;padding:12px 16px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}.nav-links.show{display:flex}.nav-links>a,.mega-trigger{display:block}.mega-panel{display:none}.mega{width:100%}.hero-layout,.focus-layout,.data-band,.faq-wrap,.news-grid{grid-template-columns:1fr}.inner-hero{padding:48px 0}.hero-board{max-width:560px}h1{font-size:36px}h2{font-size:27px}.metric-grid,.matrix{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}.compare-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--line)}.news-main{grid-template-columns:1fr}.news-main img{height:220px}.cta-box{grid-template-columns:1fr;padding:35px}.footer-grid{grid-template-columns:1fr 1fr}.section-head{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:520px){body{font-size:14px}section{padding:55px 0}h1{font-size:30px}.hero-copy{font-size:15px}.hero-points{gap:10px}.metric-grid,.matrix,.process,.footer-grid{grid-template-columns:1fr}.metric,.metric:nth-child(n){border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}.metric:last-child{border-bottom:0}.focus-card{grid-template-columns:100px 1fr}.compare-card,.data-panel{padding:21px}.step,.step:nth-child(n){border-right:0;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.subscribe{flex-direction:column}.subscribe input{width:100%}.cta-box{padding:28px 23px}.cta-box h2{font-size:25px}.copyright{flex-direction:column}.section-link{white-space:normal}}

/* roulang page: category6 */
:root{
 --navy:#102b4c;--blue:#1769aa;--cyan:#25a7c7;--sky:#eaf6fb;--ink:#15263b;
 --muted:#66788b;--line:#dbe7ef;--paper:#ffffff;--soft:#f5f9fc;--gold:#e7a834;
 --green:#2e9d78;--red:#c85858;--radius:18px;--radius-sm:11px;
 --shadow:0 14px 40px rgba(16,43,76,.09);--shadow-hover:0 20px 50px rgba(16,43,76,.15);
 --container:1180px
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.8;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}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(37,167,199,.35);outline-offset:3px}
.container{width:min(var(--container),calc(100% - 48px));margin:auto}
header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav{height:76px;display:flex;align-items:center;gap:28px}
.logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:21px;color:var(--navy);white-space:nowrap}
.logo-mark{width:37px;height:37px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:20px;box-shadow:0 7px 16px rgba(23,105,170,.24)}
.nav-links{display:flex;align-items:center;gap:4px;flex:1}
.nav-links>a,.mega-trigger{display:block;padding:10px 12px;border-radius:9px;color:#50657a;font-size:14px;transition:.2s;white-space:nowrap}
.nav-links>a:hover,.nav-links>a.active,.mega-trigger:hover,.mega-trigger.active{color:var(--blue);background:var(--sky)}
.mega{position:relative}
.mega-panel{position:absolute;top:48px;left:-120px;width:440px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:8px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}
.mega:hover .mega-panel,.mega:focus-within .mega-panel{opacity:1;pointer-events:auto;transform:none}
.mega-panel a{padding:10px;border-radius:10px;font-size:13px;color:var(--muted);line-height:1.55}
.mega-panel a:hover,.mega-panel a.active{background:var(--soft);color:var(--blue)}
.mega-panel strong{color:var(--navy)}
.nav-cta{padding:11px 17px;border-radius:10px;background:var(--navy);color:#fff;font-weight:700;font-size:13px;transition:.2s;white-space:nowrap}
.nav-cta:hover{background:var(--blue);transform:translateY(-2px)}
.mobile-toggle{display:none;background:var(--soft);color:var(--navy);border-radius:9px;padding:8px 11px}
section{padding:72px 0}
.section-kicker{font-size:12px;color:var(--blue);font-weight:800;letter-spacing:.1em}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}
.section-head h2{margin-top:5px;font-size:30px;line-height:1.35;color:var(--navy)}
.section-intro{max-width:600px;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 19px;border-radius:10px;font-weight:700;font-size:14px;transition:.2s}
.btn-primary{color:#fff;background:var(--blue);box-shadow:0 9px 20px rgba(23,105,170,.18)}
.btn-primary:hover{background:var(--navy);transform:translateY(-2px);box-shadow:0 13px 25px rgba(23,105,170,.25)}
.btn-light{color:var(--blue);background:#fff;border:1px solid #cbe0ea}
.btn-light:hover{background:var(--sky);border-color:var(--blue)}
.btn-outline{color:var(--blue);border:1px solid #b7d4e3;background:transparent}
.btn-outline:hover{background:var(--sky);border-color:var(--blue)}
.badge{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:30px;background:#e8f7f1;color:var(--green);font-weight:800;font-size:12px}
.badge i{display:block;width:7px;height:7px;background:var(--green);border-radius:50%}
.page-banner{padding:41px 0 37px;background:linear-gradient(90deg,rgba(234,246,251,.98),rgba(234,246,251,.85)),url("/assets/images/backpic/back-3.webp") center/cover;border-bottom:1px solid #d9e9f1}
.breadcrumb{display:flex;align-items:center;gap:9px;color:#668095;font-size:13px;margin-bottom:12px}
.breadcrumb span{color:#9aabb8}
.page-banner h1{font-size:38px;line-height:1.28;letter-spacing:-.03em;color:var(--navy);max-width:780px}
.page-banner p{margin-top:10px;max-width:760px;color:#536d82;font-size:16px}
.guide-overview{padding:28px 0;background:#fff}
.overview-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}
.overview-copy{padding:23px 27px;border-left:4px solid var(--cyan);background:var(--soft);border-radius:0 var(--radius) var(--radius) 0;color:#3f586d}
.overview-copy strong{color:var(--navy)}
.signal-card{padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.signal-card b{display:block;color:var(--navy);font-size:20px;line-height:1.2}
.signal-card span{display:block;color:var(--muted);font-size:13px;margin-top:5px}
.dashboard{background:var(--soft)}
.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.panel-heading{padding:22px 24px 12px}
.panel-heading h3{font-size:20px;color:var(--navy)}
.panel-heading p{color:var(--muted);font-size:14px;margin-top:4px}
.habit-list{padding:0 24px 22px;list-style:none}
.habit-list li{display:grid;grid-template-columns:32px 1fr auto;gap:13px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}
.habit-list li:last-child{border:0}
.list-num{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--sky);font-weight:800;color:var(--blue);font-size:13px}
.habit-list strong{display:block;font-size:14px;color:var(--navy)}
.habit-list small{color:var(--muted);font-size:12px}
.status{padding:3px 8px;background:#e8f7f1;border-radius:7px;color:var(--green);font-size:11px;font-weight:700}
.boundary{padding:26px;background:var(--navy);color:#fff;position:relative;overflow:hidden}
.boundary:after{content:"";position:absolute;width:240px;height:240px;border:40px solid rgba(37,167,199,.16);border-radius:50%;right:-85px;bottom:-120px}
.boundary h3{font-size:22px;position:relative;z-index:1}
.boundary p{margin:11px 0 18px;color:#cbd9e4;position:relative;z-index:1}
.boundary-list{position:relative;z-index:1;list-style:none;display:grid;gap:10px}
.boundary-list li{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:#edf5fa}
.boundary-list b{color:#6fd2e8}
.matrix-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:46px;align-items:start}
.sticky-note{position:sticky;top:100px;padding:30px;border-radius:var(--radius);background:linear-gradient(145deg,#1769aa,#102b4c);color:#fff;box-shadow:var(--shadow)}
.sticky-note h2{font-size:28px;line-height:1.35}
.sticky-note p{color:#d8e7f2;margin:14px 0 20px}
.sticky-note .btn{background:#fff;color:var(--blue)}
.sticky-note .btn:hover{background:var(--sky)}
.matrix-items{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.method-card{padding:23px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:.25s}
.method-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#c4dfeb}
.method-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--sky);color:var(--blue);font-weight:900;font-size:19px}
.method-card h3{font-size:17px;margin:15px 0 7px;color:var(--navy)}
.method-card p{font-size:13px;color:var(--muted)}
.scene-section{background:#fff}
.scene-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:stretch}
.scene-image{overflow:hidden;border-radius:22px;min-height:410px;position:relative;box-shadow:var(--shadow)}
.scene-image img{width:100%;height:100%;object-fit:cover}
.scene-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,43,76,.75),transparent 55%)}
.scene-caption{position:absolute;bottom:25px;left:25px;right:25px;z-index:1;color:#fff}
.scene-caption b{font-size:22px;display:block}
.scene-caption span{font-size:13px;color:#dceaf1}
.scene-list{display:grid;gap:13px}
.scene-item{padding:17px 19px;border:1px solid var(--line);border-radius:14px;transition:.2s}
.scene-item:hover{background:var(--soft);border-color:#bcdce9}
.scene-item h3{font-size:16px;color:var(--navy);display:flex;align-items:center;gap:9px}
.scene-item h3 em{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--sky);color:var(--blue);font-size:12px;display:grid;place-items:center}
.scene-item p{color:var(--muted);font-size:13px;margin-top:5px}
.compare-section{background:var(--soft)}
.compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.compare-card{border-radius:var(--radius);padding:28px;background:#fff;border:1px solid var(--line)}
.compare-card.alert{border-top:4px solid #d7894e}
.compare-card.good{border-top:4px solid var(--green)}
.compare-card h3{font-size:20px;color:var(--navy);margin-bottom:15px}
.compare-card ul{list-style:none;display:grid;gap:12px}
.compare-card li{color:#536a7c;font-size:14px;padding-left:22px;position:relative}
.compare-card li:before{position:absolute;left:0;top:2px;font-weight:900}
.alert li:before{content:"!";color:#d7894e}
.good li:before{content:"✓";color:var(--green)}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.process-step{position:relative;padding:22px 18px;background:#fff;border:1px solid var(--line);border-radius:15px}
.process-step:not(:last-child):after{content:"";position:absolute;right:-16px;top:46px;width:16px;height:1px;background:#bcd5e2}
.process-step span{font-size:12px;font-weight:900;color:var(--cyan)}
.process-step h3{font-size:16px;color:var(--navy);margin:8px 0 5px}
.process-step p{font-size:13px;color:var(--muted)}
.data-strip{padding:50px 0;background:var(--navy);color:#fff}
.data-strip-grid{display:grid;grid-template-columns:1.1fr repeat(3,.63fr);gap:18px;align-items:center}
.data-strip h2{font-size:27px;line-height:1.4}
.data-strip p{color:#c6d6e2;font-size:14px;margin-top:6px}
.metric{padding:7px 0 7px 20px;border-left:1px solid rgba(255,255,255,.22)}
.metric strong{font-size:29px;line-height:1.1;color:#fff;display:block}
.metric span{font-size:12px;color:#b7cadd}
.article-area{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.article-copy h2{font-size:29px;color:var(--navy);line-height:1.4;margin:5px 0 15px}
.article-copy p{color:#526a7d;margin-bottom:14px}
.article-copy blockquote{margin-top:20px;padding:17px 20px;border-left:3px solid var(--cyan);background:var(--sky);color:#385a73;border-radius:0 12px 12px 0}
.article-image{min-height:350px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
.article-image img{width:100%;height:100%;object-fit:cover}
.faq-section{background:var(--soft)}
.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:42px}
.faq-copy h2{font-size:30px;color:var(--navy);line-height:1.35;margin:6px 0 12px}
.faq-copy p{color:var(--muted)}
.faq-list{display:grid;gap:11px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}
.faq-item summary{padding:16px 49px 16px 18px;cursor:pointer;font-weight:800;color:var(--navy);position:relative;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"+";position:absolute;right:18px;top:13px;font-size:22px;color:var(--blue);font-weight:400}
.faq-item[open] summary:after{content:"−"}
.faq-item p{padding:0 18px 17px;color:var(--muted);font-size:14px}
.contact-section{padding:72px 0}
.contact-box{display:grid;grid-template-columns:1fr .85fr;gap:38px;align-items:center;padding:40px 46px;border-radius:24px;background:linear-gradient(115deg,#eaf6fb,#f7fbfd);border:1px solid #d9eaf2}
.contact-box h2{font-size:31px;line-height:1.35;color:var(--navy)}
.contact-box p{margin:11px 0 21px;color:#597185}
.form-row{display:flex;gap:10px}
.form-row input{flex:1;min-width:0;border:1px solid #c8dce7;background:#fff;color:var(--ink);border-radius:10px;padding:12px 14px;outline:none}
.form-row input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(23,105,170,.1)}
.form-note{font-size:12px;color:var(--muted);margin-top:10px}
.contact-side{padding:21px 23px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.contact-side b{display:block;font-size:17px;color:var(--navy)}
.contact-side ul{list-style:none;margin-top:10px;display:grid;gap:8px;color:var(--muted);font-size:13px}
.contact-side li:before{content:"✓";color:var(--green);font-weight:900;margin-right:8px}
footer{padding:57px 0 0;background:#102b4c;color:#cedbe5}
.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:42px}
footer .logo{color:#fff;margin-bottom:15px}
footer .logo-mark{background:var(--cyan)}
footer p{font-size:13px;color:#b9cad7;max-width:370px}
footer .notice{margin-top:13px;color:#8ea7ba;font-size:12px}
footer h3{font-size:14px;color:#fff;margin:4px 0 13px}
footer ul{list-style:none;display:grid;gap:8px}
footer li{font-size:13px;color:#b9cad7}
footer li a:hover{color:#fff;text-decoration:underline}
.copyright{margin-top:40px;padding:18px 0;border-top:1px solid rgba(255,255,255,.13);display:flex;justify-content:space-between;gap:18px;color:#8ea7ba;font-size:12px}
.copyright a:hover{color:#fff}
@media(max-width:1100px){
 .nav{gap:14px}.nav-links>a,.mega-trigger{padding:9px 8px;font-size:13px}.nav-cta{padding:10px 12px}
 .dashboard-grid,.matrix-wrap{gap:22px}.footer-grid{gap:24px}
}
@media(max-width:900px){
 .mobile-toggle{display:block;margin-left:auto}.nav{height:68px;flex-wrap:wrap}.nav-links{display:none;order:3;flex-basis:100%;padding:10px;background:#fff;border-top:1px solid var(--line);overflow:auto}.nav-links.open{display:flex}.nav-cta{display:none}
 header:has(.nav-links.open){padding-bottom:8px}.mega-panel{display:none}
 .page-banner h1{font-size:32px}.overview-grid,.dashboard-grid,.matrix-wrap,.scene-grid,.article-area,.faq-layout,.contact-box{grid-template-columns:1fr}
 .sticky-note{position:relative;top:auto}.matrix-items{grid-template-columns:repeat(2,1fr)}
 .data-strip-grid{grid-template-columns:1fr repeat(3,1fr)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}
 .footer-grid>div:last-child{grid-column:1/-1}
}
@media(max-width:640px){
 body{font-size:14px}.container{width:min(100% - 32px,var(--container))}section{padding:55px 0}
 .logo{font-size:19px}.logo-mark{width:34px;height:34px}.page-banner{padding:30px 0}.page-banner h1{font-size:28px}.page-banner p{font-size:14px}
 .section-head{display:block;margin-bottom:23px}.section-head h2{font-size:25px}.section-intro{margin-top:9px}
 .overview-grid,.compare-grid,.matrix-items,.article-area{grid-template-columns:1fr}.habit-list li{grid-template-columns:29px 1fr}.habit-list .status{display:none}
 .scene-image{min-height:290px}.process-grid{grid-template-columns:1fr 1fr}.process-step:not(:last-child):after{display:none}
 .data-strip-grid{grid-template-columns:1fr 1fr}.data-strip-grid>div:first-child{grid-column:1/-1}.metric{padding-left:13px}
 .contact-box{padding:28px 22px}.contact-box h2{font-size:26px}.form-row{flex-direction:column}.form-row .btn{width:100%}
 .footer-grid{grid-template-columns:1fr 1fr;gap:27px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.copyright{display:block}.copyright span{display:block;margin-bottom:7px}
}
@media(max-width:390px){.process-grid,.footer-grid{grid-template-columns:1fr}.footer-grid>div{grid-column:auto!important}.page-banner h1{font-size:25px}}

/* roulang page: category4 */
:root{
 --navy:#102b4c;--blue:#1769aa;--cyan:#25a7c7;--sky:#eaf6fb;
 --ink:#15263b;--muted:#66788b;--line:#dbe7ef;--paper:#fff;--soft:#f5f9fc;
 --gold:#e7a834;--green:#2e9d78;--red:#d86b62;--radius:18px;--radius-sm:11px;
 --shadow:0 14px 40px rgba(16,43,76,.09);--shadow-hover:0 20px 50px rgba(16,43,76,.15);
 --container:1180px
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.8;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(--container),calc(100% - 48px));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav{height:76px;display:flex;align-items:center;gap:28px}
.logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:21px;color:var(--navy);white-space:nowrap}
.logo-mark{width:37px;height:37px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:20px;box-shadow:0 7px 16px rgba(23,105,170,.24)}
.nav-links{display:flex;align-items:center;gap:4px;flex:1}
.nav-links>a,.mega-trigger{padding:10px 12px;border-radius:9px;color:#50657a;font-size:14px;transition:.2s;white-space:nowrap}
.nav-links>a:hover,.nav-links>a.active,.mega-trigger:hover,.mega-trigger.active{color:var(--blue);background:var(--sky)}
.mega{position:relative}
.mega-panel{position:absolute;top:48px;left:-120px;width:440px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:8px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}
.mega:hover .mega-panel,.mega:focus-within .mega-panel{opacity:1;pointer-events:auto;transform:none}
.mega-panel a{padding:10px;border-radius:10px;font-size:13px;color:var(--muted)}
.mega-panel a:hover{background:var(--soft);color:var(--blue)}
.nav-cta{padding:11px 17px;border-radius:10px;background:var(--navy);color:#fff;font-weight:700;font-size:13px;transition:.2s;white-space:nowrap}
.nav-cta:hover{background:var(--blue);transform:translateY(-2px)}
.mobile-toggle{display:none;background:var(--soft);color:var(--navy);border-radius:9px;padding:7px 10px}
.hero{padding:58px 0 64px;background:linear-gradient(100deg,rgba(242,249,252,.98),rgba(242,249,252,.86)),url("/assets/images/backpic/back-2.webp") center/cover}
.hero-inner{display:grid;grid-template-columns:5fr 7fr;gap:52px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border:1px solid #bedce9;border-radius:20px;color:var(--blue);background:rgba(255,255,255,.72);font-size:12px;font-weight:700}
.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--green)}
h1{font-size:clamp(34px,4vw,58px);line-height:1.16;letter-spacing:-.04em;color:var(--navy);margin:18px 0}
h2{font-size:clamp(25px,3vw,36px);line-height:1.3;color:var(--navy);letter-spacing:-.025em}
h3{line-height:1.4}
.hero-copy{font-size:17px;color:#536a7c;max-width:560px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;font-weight:700;font-size:14px;transition:.2s}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 9px 20px rgba(23,105,170,.18)}
.btn-primary:hover{background:var(--navy);transform:translateY(-2px)}
.btn-light{background:#fff;color:var(--blue);border:1px solid #cbe0ea}
.btn-light:hover{border-color:var(--blue);background:var(--sky)}
.hero-note{display:flex;gap:25px;margin-top:28px;color:var(--muted);font-size:12px}
.hero-note strong{display:block;color:var(--navy);font-size:21px;line-height:1.2}
.hero-visual{position:relative;transform:rotate(2deg);padding:12px}
.hero-visual:before{content:"";position:absolute;inset:30px -8px -18px 28px;background:#d8edf5;border-radius:24px;transform:rotate(-5deg)}
.visual-card{position:relative;overflow:hidden;border-radius:22px;background:#fff;box-shadow:var(--shadow-hover)}
.visual-card img{height:390px;width:100%;object-fit:cover}
.visual-panel{position:absolute;left:22px;right:22px;bottom:20px;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 10px 25px rgba(16,43,76,.12)}
.visual-panel strong{color:var(--navy);font-size:17px}.visual-panel p{font-size:12px;color:var(--muted)}
section{padding:72px 0}.soft-section{background:var(--soft)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}
.section-kicker{font-size:12px;color:var(--blue);font-weight:800;letter-spacing:.1em}
.section-intro{max-width:600px;color:var(--muted);font-size:15px}
.section-link{font-size:13px;color:var(--blue);font-weight:700;white-space:nowrap}
.section-link:hover{text-decoration:underline}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat-card,.service-card,.compare-card,.reading-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px;box-shadow:var(--shadow);transition:.25s}
.stat-card:hover,.service-card:hover,.compare-card:hover,.reading-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.stat-card small{color:var(--muted);font-size:12px}.stat-card strong{display:block;font-size:30px;color:var(--navy);margin:6px 0}.stat-card span{font-size:12px;color:var(--green)}
.matrix-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
.matrix-main,.matrix-side{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.matrix-main h3,.matrix-side h3{font-size:21px;color:var(--navy);margin-bottom:10px}
.matrix-main p,.matrix-side p{color:var(--muted);font-size:14px}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}
.feature{padding:15px;background:var(--soft);border-radius:12px}.feature strong{display:block;color:var(--navy);font-size:14px}.feature span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid #cbe2ed;margin-top:35px}
.step{position:relative;padding:24px 20px 8px;border-right:1px solid var(--line)}.step:last-child{border:0}
.step:before{content:"";position:absolute;top:-10px;left:20px;width:17px;height:17px;border:4px solid #fff;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 2px var(--cyan)}
.step b{display:block;color:var(--blue);font-size:12px;margin-bottom:9px}.step h3{font-size:17px;margin-bottom:8px}.step p{font-size:13px;color:var(--muted)}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}
.split img{width:100%;height:350px;object-fit:cover;border-radius:22px;box-shadow:var(--shadow)}
.check-list{list-style:none;margin-top:22px;display:grid;gap:12px}.check-list li{display:flex;gap:10px;color:#455c70}.check-list b{color:var(--green);font-size:17px}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-card h3{display:flex;justify-content:space-between;color:var(--navy);font-size:18px}.compare-card h3 span{font-size:12px;color:var(--green);font-weight:500}
.bar{height:8px;background:#e8f0f4;border-radius:10px;margin:17px 0}.bar i{display:block;height:100%;border-radius:10px;background:var(--blue)}.compare-line{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);padding:7px 0;border-bottom:1px solid #edf2f5}
.reading-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.reading-card{box-shadow:none}.reading-card em{font-style:normal;color:var(--gold);font-size:24px}.reading-card h3{margin:9px 0;font-size:18px}.reading-card p{color:var(--muted);font-size:13px}
.image-story{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.story-copy{padding:30px;background:var(--navy);color:#fff;border-radius:var(--radius)}.story-copy h2{color:#fff;margin:10px 0 15px}.story-copy p{color:#c4d4e0}.story-image{border-radius:var(--radius);overflow:hidden;min-height:300px}.story-image img{width:100%;height:100%;object-fit:cover}
.faq-list{display:grid;gap:12px;max-width:900px}.faq-item{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;text-align:left;background:#fff;color:var(--navy);padding:18px 20px;font-weight:700}.faq-question span{color:var(--blue);font-size:21px;line-height:1}.faq-answer{display:none;padding:0 20px 18px;color:var(--muted);font-size:14px}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question{background:var(--sky)}
.cta{padding:55px 0;background:var(--navy);color:#fff}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{color:#fff}.cta p{color:#c9d9e5;margin-top:8px}.cta .btn-light{border:0;margin-top:18px}
footer{background:#0b2139;color:#c1d1dc;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr .8fr;gap:35px}.footer-grid .logo{color:#fff;margin-bottom:15px}.footer-grid p{font-size:13px;max-width:350px;color:#9fb5c4}.footer-grid .notice{margin-top:12px;color:#7f9aaa}.footer-grid h3{color:#fff;font-size:14px;margin-bottom:13px}.footer-grid ul{list-style:none;display:grid;gap:8px}.footer-grid li{font-size:13px}.footer-grid a:hover{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.13);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;color:#89a2b3}
:focus-visible{outline:3px solid rgba(37,167,199,.45);outline-offset:3px}
@media(max-width:1024px){.nav{gap:14px}.nav-links{overflow-x:auto}.nav-links>a,.mega-trigger{font-size:13px;padding:8px}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.container{width:min(var(--container),calc(100% - 32px))}.nav{height:68px}.nav-cta{display:none}.mobile-toggle{display:block}.nav-links{display:none;position:absolute;top:68px;left:16px;right:16px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.show{display:flex}.mega-panel{position:static;width:auto;display:none;box-shadow:none;border:0;padding:5px}.mega:hover .mega-panel{display:none}.mega.open .mega-panel{display:grid}.hero{padding:42px 0}.hero-inner,.split,.matrix-grid,.image-story{grid-template-columns:1fr}.hero-visual{order:-1;transform:none}.visual-card img{height:270px}section{padding:54px 0}.section-head{display:block}.section-link{display:inline-block;margin-top:12px}.timeline{grid-template-columns:1fr 1fr;gap:15px;border-top:0}.step{border:0;border-top:2px solid #cbe2ed;padding-top:20px}.reading-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta-inner{display:block}}
@media(max-width:520px){h1{font-size:36px}.hero-copy{font-size:15px}.hero-note{gap:14px}.stats-grid,.compare-grid,.feature-list,.footer-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.hero-actions .btn{width:100%}.story-image{min-height:220px}.copyright{display:block}.copyright span{display:block;margin-bottom:8px}}