/* roulang page: index */
:root{
      --ink:#10151d;
      --muted:#68717e;
      --paper:#f5f6f2;
      --white:#fff;
      --line:#dfe3e0;
      --green:#b7f34b;
      --green-deep:#74a51e;
      --navy:#18232b;
      --orange:#ff7448;
      --radius:22px;
      --shadow:0 18px 55px rgba(16,21,29,.10);
      --shadow-sm:0 8px 24px rgba(16,21,29,.07);
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);line-height:1.75;overflow-x:hidden}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;object-fit:cover}
    button,input{font:inherit}
    button{cursor:pointer;border:0}
    :focus-visible{outline:3px solid var(--orange);outline-offset:4px}
    .container{width:min(1180px,calc(100% - 48px));margin:auto}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--green-deep)}
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--green-deep)}
    .section{padding:104px 0}
    .section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}
    .section-head h2{font-size:clamp(30px,4vw,54px);letter-spacing:-.055em;line-height:1.12;margin-top:13px}
    .section-head p{max-width:470px;color:var(--muted);font-size:15px}
    .topbar{height:38px;background:var(--navy);color:#d6dcd6;font-size:12px}
    .topbar .container{height:100%;display:flex;align-items:center;justify-content:space-between}
    .masthead{background:var(--white);border-bottom:1px solid var(--line)}
    .masthead-row{min-height:92px;display:flex;align-items:center;gap:34px}
    .brand{font-size:32px;font-weight:950;letter-spacing:-.09em;white-space:nowrap}
    .brand i{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--orange);margin:0 3px 4px 8px}
    .edition{border-left:1px solid var(--line);padding-left:25px;color:var(--muted);font-size:13px;line-height:1.4}
    .nav{margin-left:auto;display:flex;align-items:center;gap:21px;flex-wrap:wrap;justify-content:flex-end}
    .nav a{font-size:13px;font-weight:700;color:#4e5963;padding:7px 0;border-bottom:2px solid transparent;transition:.25s}
    .nav a:hover,.nav a.active{color:var(--ink);border-color:var(--orange)}
    .nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 22px;font-weight:800;font-size:13px;transition:.25s}
    .nav-cta{background:var(--ink);color:var(--white)!important;border:0!important}
    .nav-cta:hover{background:var(--orange);transform:translateY(-2px)}
    .menu{display:none;background:transparent;font-size:25px}
    .hero{min-height:650px;background:linear-gradient(90deg,rgba(13,23,28,.92) 0%,rgba(13,23,28,.72) 47%,rgba(13,23,28,.2) 100%),url('/assets/images/backpic/back-1.webp') center/cover;position:relative;color:#fff;display:flex;align-items:flex-end}
    .hero:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,rgba(8,14,18,.65))}
    .hero-inner{position:relative;z-index:1;width:100%;padding:90px 0 64px}
    .hero-copy{max-width:720px}
    .hero .eyebrow{color:var(--green)}
    .hero .eyebrow:before{background:var(--green)}
    .hero h1{font-size:clamp(46px,7.4vw,92px);line-height:.98;letter-spacing:-.085em;margin:20px 0 27px;font-weight:950}
    .hero p{max-width:650px;color:#dce3df;font-size:17px;line-height:1.9}
    .hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:35px}
    .btn-primary{background:var(--green);color:var(--ink)}
    .btn-primary:hover{background:#d0ff79;transform:translateY(-3px);box-shadow:0 12px 28px rgba(183,243,75,.24)}
    .btn-ghost{border:1px solid rgba(255,255,255,.34);color:#fff;background:rgba(255,255,255,.08)}
    .btn-ghost:hover{background:#fff;color:var(--ink)}
    .hero-strip{margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);max-width:720px;border-top:1px solid rgba(255,255,255,.25);padding-top:22px}
    .hero-stat strong{font-size:25px;display:block;color:var(--green)}
    .hero-stat span{font-size:12px;color:#c6cfca}
    .ticker{background:var(--green);color:var(--ink);overflow:hidden;white-space:nowrap;font-size:13px;font-weight:800}
    .ticker-inner{display:flex;gap:40px;padding:13px 0}
    .ticker b{font-size:17px}
    .light{background:var(--white)}
    .dark{background:var(--navy);color:#fff}
    .dark .section-head p,.dark .muted{color:#b9c3bf}
    .feature-grid{display:grid;grid-template-columns:1.15fr .85fr 1fr;gap:18px}
    .feature-card{min-height:260px;padding:30px;background:#edf1eb;border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden;transition:.3s}
    .feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
    .feature-card:nth-child(2){background:var(--navy);color:#fff}
    .feature-card:nth-child(3){background:#e7f6ba}
    .feature-card h3{font-size:22px;margin:18px 0 9px;letter-spacing:-.04em}
    .feature-card p{color:var(--muted);font-size:14px}
    .feature-card:nth-child(2) p{color:#b9c3bf}
    .feature-no{font-size:12px;font-weight:900;color:var(--orange)}
    .feature-icon{position:absolute;right:25px;bottom:18px;font-size:72px;line-height:1;color:rgba(16,21,29,.08);font-weight:900}
    .feature-card:nth-child(2) .feature-icon{color:rgba(183,243,75,.14)}
    .split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
    .split-image{height:430px;border-radius:var(--radius);overflow:hidden;position:relative}
    .split-image img{width:100%;height:100%}
    .image-note{position:absolute;bottom:20px;left:20px;background:var(--green);padding:10px 16px;border-radius:12px;font-size:12px;font-weight:900}
    .copy h2{font-size:clamp(30px,4vw,54px);line-height:1.1;letter-spacing:-.06em;margin:12px 0 22px}
    .copy>p{color:var(--muted);font-size:16px;max-width:620px}
    .check-list{list-style:none;margin-top:28px;display:grid;gap:15px}
    .check-list li{display:flex;gap:13px;border-top:1px solid var(--line);padding-top:14px;font-size:14px}
    .check-list li:before{content:"↗";color:var(--orange);font-weight:900}
    .rank-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .rank-list{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:10px 24px}
    .rank-item{display:grid;grid-template-columns:45px 1fr auto;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
    .rank-item:last-child{border:0}
    .rank-item b{font-size:20px;color:var(--orange)}
    .rank-item strong{font-size:15px}
    .rank-item small{display:block;color:var(--muted);font-size:12px}
    .rank-item .arrow{font-size:20px;color:var(--green-deep)}
    .material-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .material{display:grid;grid-template-columns:150px 1fr;min-height:170px;background:var(--white);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);transition:.3s}
    .material:hover{box-shadow:var(--shadow-sm);transform:translateY(-4px)}
    .material img{height:100%;width:100%}
    .material-content{padding:22px}
    .material-content h3{font-size:18px;margin:7px 0}
    .material-content p{font-size:13px;color:var(--muted)}
    .tag{display:inline-block;padding:4px 9px;border-radius:99px;background:#e9f6c9;color:#5d7e1d;font-size:11px;font-weight:800}
    .scenario{background:var(--paper)}
    .scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
    .scenario-card{padding:24px;border:1px solid var(--line);border-radius:18px;min-height:190px;background:#fff}
    .scenario-card:nth-child(even){margin-top:28px;background:#eaf5d1}
    .scenario-card span{font-size:28px;color:var(--orange);font-weight:950}
    .scenario-card h3{font-size:17px;margin:16px 0 7px}
    .scenario-card p{font-size:13px;color:var(--muted)}
    .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #53616a}
    .step{padding:30px 28px 10px 0;border-right:1px solid #53616a;margin-right:28px}
    .step:last-child{border:0}
    .step-num{color:var(--green);font-size:13px;font-weight:900}
    .step h3{font-size:23px;margin:18px 0 8px}
    .step p{font-size:14px;color:#bac5c0}
    .quote-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
    .quote{background:var(--green);border-radius:var(--radius);padding:38px}
    .quote blockquote{font-size:clamp(22px,3vw,36px);font-weight:800;line-height:1.35;letter-spacing:-.04em}
    .quote cite{display:block;margin-top:25px;font-style:normal;font-size:13px}
    .proof{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
    .proof div{background:#fff;padding:28px}
    .proof strong{font-size:31px;display:block}
    .proof span{font-size:13px;color:var(--muted)}
    .topics{display:flex;gap:12px;flex-wrap:wrap}
    .topic{padding:18px 22px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:800;transition:.25s}
    .topic:hover{background:var(--ink);color:#fff;transform:translateY(-3px)}
    .news-layout{display:grid;grid-template-columns:1fr 330px;gap:35px}
    .news-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:8px 30px}
    .news-item{display:grid;grid-template-columns:95px 1fr 90px;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
    .news-item:last-child{border:0}
    .news-date{color:var(--muted);font-size:12px}
    .news-item h3{font-size:16px}
    .news-item p{font-size:12px;color:var(--muted);margin-top:4px}
    .read{font-size:12px;font-weight:900;color:var(--orange)}
    .news-side{background:var(--navy);color:#fff;border-radius:var(--radius);padding:28px}
    .news-side img{height:150px;width:100%;border-radius:15px;margin:20px 0}
    .news-side p{font-size:14px;color:#c2ccc7}
    .brand-story{max-width:820px}
    .brand-story p{color:var(--muted);font-size:16px;line-height:2;margin-top:17px}
    .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
    .faq{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px}
    .faq summary{font-weight:850;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}
    .faq summary:after{content:"+";color:var(--orange);font-size:22px;line-height:1}
    .faq p{color:var(--muted);font-size:14px;padding-top:16px}
    .join{background:var(--orange);color:#fff}
    .join-wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
    .join h2{font-size:clamp(33px,5vw,62px);line-height:1.02;letter-spacing:-.07em}
    .join p{color:#ffe4db;margin-top:20px}
    .join-form{background:#fff;color:var(--ink);padding:27px;border-radius:20px}
    .join-form label{font-size:12px;font-weight:800;display:block;margin-bottom:6px}
    .join-form input{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:15px;background:#fafbf8}
    .join-form .btn{width:100%;background:var(--ink);color:#fff}
    .join-form .btn:hover{background:var(--green);color:var(--ink)}
    .final-cta{padding:70px 0;text-align:center;background:#e6f6b9}
    .final-cta h2{font-size:clamp(28px,4vw,48px);letter-spacing:-.06em}
    .final-cta p{color:var(--muted);margin:12px auto 25px;max-width:600px}
    footer{background:var(--navy);color:#fff;padding:55px 0 95px}
    .footer-top{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid #46545b;padding-bottom:34px}
    .footer-brand{font-size:28px;font-weight:950;letter-spacing:-.07em}
    .footer-top p{max-width:390px;color:#aebbb6;font-size:13px}
    .footer-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:25px}
    .footer-links a{color:#c5cfca;font-size:13px}.footer-links a:hover{color:var(--green)}
    .legal{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#8f9c98;font-size:12px;padding-top:23px}
    .floating{position:fixed;z-index:10;bottom:18px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;border:1px solid #39444b;border-radius:999px;padding:10px 11px 10px 20px;display:flex;align-items:center;gap:18px;box-shadow:0 12px 35px rgba(0,0,0,.22);font-size:13px}
    .floating .btn{background:var(--green);color:var(--ink);padding:10px 18px}
    @media(max-width:1024px){.nav{gap:13px}.nav a{font-size:12px}.section{padding:80px 0}.scenario-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.container{width:min(100% - 32px,620px)}.masthead-row{min-height:72px}.edition{display:none}.menu{display:block;margin-left:auto}.nav{display:none;position:absolute;top:110px;left:16px;right:16px;background:#fff;padding:20px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);z-index:20;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav-cta{text-align:center}.hero{min-height:650px}.hero-strip{margin-top:46px}.feature-grid,.split,.rank-layout,.quote-grid,.join-wrap,.news-layout{grid-template-columns:1fr}.material-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid #53616a;padding-bottom:25px;margin:0}.step:last-child{border:0}.news-side{min-height:0}.footer-top{display:block}.footer-top p{margin-top:15px}}
    @media(max-width:520px){.topbar .container{font-size:10px}.brand{font-size:27px}.hero h1{font-size:48px}.hero p{font-size:15px}.hero-strip{grid-template-columns:1fr 1fr;gap:18px}.hero-stat:last-child{grid-column:1/-1}.section{padding:62px 0}.section-head{display:block;margin-bottom:28px}.section-head p{margin-top:15px}.scenario-grid{grid-template-columns:1fr}.scenario-card:nth-child(even){margin-top:0}.material{grid-template-columns:110px 1fr}.material-content{padding:17px}.news-list{padding:5px 17px}.news-item{grid-template-columns:1fr 70px;gap:5px}.news-date{grid-column:1/-1}.news-item p{display:none}.floating{width:calc(100% - 25px);justify-content:space-between;font-size:12px}.faq-grid{grid-template-columns:1fr}}

/* roulang page: category1 */
:root{
      --ink:#10151d;--muted:#68717e;--paper:#f5f6f2;--white:#fff;--line:#dfe3e0;
      --green:#b7f34b;--green-deep:#74a51e;--navy:#18232b;--orange:#ff7448;
      --radius:22px;--shadow:0 18px 55px rgba(16,21,29,.10);--shadow-sm:0 8px 24px rgba(16,21,29,.07)
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);line-height:1.75;overflow-x:hidden}
    a{color:inherit;text-decoration:none} img{display:block;max-width:100%;object-fit:cover} button,input{font:inherit} button{cursor:pointer;border:0}
    .container{width:min(1180px,calc(100% - 48px));margin:auto}
    .topbar{height:38px;background:var(--navy);color:#d6dcd6;font-size:12px}
    .topbar .container{height:100%;display:flex;align-items:center;justify-content:space-between}
    .masthead{background:rgba(245,246,242,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}
    .masthead-row{min-height:92px;display:flex;align-items:center;gap:34px}
    .brand{font-size:32px;font-weight:950;letter-spacing:-.09em;white-space:nowrap}
    .brand i{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--orange);margin:0 3px 4px 8px}
    .edition{font-size:11px;line-height:1.3;color:var(--muted);padding-left:24px;border-left:1px solid var(--line);letter-spacing:.08em}
    .edition b{font-size:9px;color:var(--ink)}
    .nav{margin-left:auto;display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}
    .nav a{font-size:13px;font-weight:700;color:#4e5963;padding:7px 0;border-bottom:2px solid transparent;transition:.25s}
    .nav a:hover,.nav a.active{color:var(--ink);border-color:var(--orange)}
    .nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 22px;font-weight:800;font-size:13px;transition:.25s}
    .nav-cta{background:var(--ink);color:var(--white)!important;border:0!important}.nav-cta:hover{background:var(--orange);transform:translateY(-2px)}
    .menu{display:none;background:transparent;font-size:25px;color:var(--ink)}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--green-deep)}
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--green-deep)}
    .section{padding:94px 0}.section.dark{background:var(--navy);color:#fff}
    .section-head{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:38px}
    .section-head h2{font-size:clamp(30px,4vw,52px);letter-spacing:-.055em;line-height:1.12;margin-top:13px}
    .section-head p{max-width:475px;color:var(--muted);font-size:15px}.dark .section-head p{color:#b9c3bf}
    .btn-primary{background:var(--green);color:var(--ink)}.btn-primary:hover{background:#d0ff79;transform:translateY(-3px);box-shadow:0 12px 28px rgba(183,243,75,.24)}
    .btn-outline{border:1px solid var(--ink);color:var(--ink)}.btn-outline:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}
    .btn-light{background:#fff;color:var(--ink)}.btn-light:hover{background:var(--green);transform:translateY(-3px)}
    .hero-guide{min-height:580px;background:linear-gradient(90deg,rgba(12,20,24,.94),rgba(12,20,24,.70),rgba(12,20,24,.22)),url('/assets/images/backpic/back-2.webp') center/cover;color:#fff;display:flex;align-items:center}
    .hero-guide .eyebrow{color:var(--green)}.hero-guide .eyebrow:before{background:var(--green)}
    .hero-grid{display:grid;grid-template-columns:1.05fr .75fr;gap:70px;align-items:end;padding:90px 0}
    .hero-guide h1{font-size:clamp(46px,7vw,84px);line-height:1;letter-spacing:-.085em;margin:18px 0 25px;font-weight:950}
    .hero-guide p{max-width:650px;color:#dce3df;font-size:17px}
    .invite-panel{background:rgba(255,255,255,.97);color:var(--ink);padding:28px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.45)}
    .invite-panel h2{font-size:24px;letter-spacing:-.04em;margin:12px 0 8px}.invite-panel p{font-size:13px;color:var(--muted)}
    .progress-label{display:flex;justify-content:space-between;font-size:12px;font-weight:800;margin:23px 0 8px}.progress{height:8px;background:#e8ebe5;border-radius:99px;overflow:hidden}.progress span{display:block;width:72%;height:100%;background:var(--orange);border-radius:inherit}
    .reward-list{list-style:none;margin:22px 0;display:grid;gap:10px}.reward-list li{font-size:13px;border-top:1px solid var(--line);padding-top:10px}.reward-list li:before{content:"✓";color:var(--green-deep);font-weight:900;margin-right:10px}
    .stat-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .stat{padding:25px 20px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{display:block;font-size:30px;letter-spacing:-.06em}.stat span{font-size:12px;color:var(--muted)}
    .value-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px}.value-feature{padding:34px;background:#e7f6ba;border-radius:var(--radius)}.value-feature h3{font-size:28px;line-height:1.2;letter-spacing:-.05em;margin:16px 0}.value-feature p{color:#435135;font-size:14px}
    .value-list{display:grid;gap:12px}.value-item{background:#fff;border:1px solid var(--line);padding:22px 25px;border-radius:16px;display:grid;grid-template-columns:42px 1fr;gap:16px;transition:.25s}.value-item:hover{transform:translateX(5px);box-shadow:var(--shadow-sm)}.value-item b{font-size:22px;color:var(--orange)}.value-item h3{font-size:16px}.value-item p{font-size:13px;color:var(--muted);margin-top:3px}
    .image-story{display:grid;grid-template-columns:1fr .85fr;min-height:470px;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.image-story img{width:100%;height:100%}.story-copy{padding:48px}.story-copy h2{font-size:37px;line-height:1.2;letter-spacing:-.06em;margin:15px 0 20px}.story-copy p{font-size:15px;color:var(--muted);margin-bottom:18px}
    .scenario-grid{display:grid;grid-template-columns:1.25fr .75fr 1fr;gap:18px}.scenario{min-height:290px;padding:30px;border:1px solid var(--line);background:#fff;border-radius:var(--radius);position:relative;overflow:hidden;transition:.3s}.scenario:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.scenario:nth-child(2){background:var(--orange);border-color:var(--orange)}.scenario:nth-child(3){background:#e9f6c9}.scenario-num{font-size:13px;font-weight:900;color:var(--green-deep)}.scenario:nth-child(2) .scenario-num{color:#7a2610}.scenario h3{font-size:24px;letter-spacing:-.05em;margin:55px 0 10px}.scenario p{font-size:14px;color:var(--muted)}.scenario:nth-child(2) p{color:#68200f}
    .flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:20px}.flow-item{padding:22px 26px;border-left:1px solid #3d4b4d}.flow-item:first-child{border-left:0}.flow-item b{display:block;color:var(--green);font-size:13px;margin-bottom:22px}.flow-item h3{font-size:18px;margin-bottom:8px}.flow-item p{font-size:13px;color:#b9c3bf}
    .proof-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.proof-intro{background:var(--ink);color:#fff;padding:36px;border-radius:var(--radius)}.proof-intro h3{font-size:29px;line-height:1.2;letter-spacing:-.05em;margin:15px 0}.proof-intro p{font-size:14px;color:#c7cfca}.proof-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:8px 28px}.proof-item{display:grid;grid-template-columns:80px 1fr auto;gap:16px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.proof-item:last-child{border:0}.proof-item time{font-size:12px;font-weight:800;color:var(--orange)}.proof-item h3{font-size:15px}.proof-item p{font-size:12px;color:var(--muted)}.proof-item span{font-size:22px;color:var(--green-deep)}
    .topic-band{background:#e7f6ba}.topic-layout{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.topic-layout img{height:380px;width:100%;border-radius:var(--radius)}.topic-copy h2{font-size:42px;line-height:1.15;letter-spacing:-.06em;margin:16px 0 19px}.topic-copy p{color:#475440;font-size:15px}.check-list{list-style:none;margin-top:22px;display:grid;gap:11px}.check-list li{font-size:14px;padding-top:10px;border-top:1px solid rgba(51,72,39,.18)}.check-list li:before{content:"↗";color:var(--orange);font-weight:900;margin-right:12px}
    .faq-wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px}.faq-wrap h2{font-size:43px;line-height:1.15;letter-spacing:-.06em;margin-top:14px}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-size:16px;font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:"+";font-size:25px;font-weight:400;color:var(--orange);line-height:1}.faq details[open] summary:after{content:"−"}.faq p{font-size:14px;color:var(--muted);padding:12px 35px 2px 0}
    .cta{padding:75px 0;background:var(--navy);color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{font-size:clamp(33px,5vw,57px);line-height:1.08;letter-spacing:-.07em;max-width:700px}.cta p{color:#b9c3bf;margin-top:15px;max-width:650px}
    footer{background:#10151d;color:#dce3df;padding:59px 0 26px}.footer-top{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;padding-bottom:42px;border-bottom:1px solid #354148}.footer-brand{font-size:31px;font-weight:950;letter-spacing:-.08em;color:#fff}.footer-top p{font-size:13px;color:#aeb9b4;max-width:350px;margin-top:10px}.footer-links{display:flex;gap:13px 22px;flex-wrap:wrap;align-content:flex-start}.footer-links a{font-size:13px;color:#dce3df;transition:.2s}.footer-links a:hover{color:var(--green)}.legal{padding-top:21px;display:flex;gap:12px 25px;flex-wrap:wrap;font-size:11px;color:#9ea9a4}.legal a:hover{color:var(--green)}
    .fixed-bar{position:fixed;z-index:25;bottom:18px;left:50%;transform:translateX(-50%);width:min(710px,calc(100% - 28px));padding:10px 11px 10px 20px;border-radius:999px;background:rgba(16,21,29,.94);box-shadow:0 15px 35px rgba(0,0,0,.24);display:flex;align-items:center;justify-content:space-between;gap:14px;color:#fff;backdrop-filter:blur(12px)}.fixed-bar span{font-size:12px;color:#d3dbd6}.fixed-bar .btn{padding:10px 17px;white-space:nowrap}
    a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
    @media(max-width:1024px){.edition{display:none}.nav{gap:12px}.nav a{font-size:12px}.hero-grid{gap:35px}.scenario-grid{grid-template-columns:1fr 1fr}.scenario:last-child{grid-column:span 2}.flow{grid-template-columns:1fr 1fr}.flow-item:nth-child(3){border-left:0}.flow-item{border-bottom:1px solid #3d4b4d}}
    @media(max-width:768px){.container{width:min(100% - 34px,1180px)}.topbar .container span:last-child{display:none}.masthead-row{min-height:72px;gap:10px}.brand{font-size:28px}.menu{display:block;margin-left:auto}.nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--paper);padding:15px 20px 23px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.nav.open{display:flex;flex-direction:column;align-items:flex-start}.nav-cta{margin-top:5px}.hero-grid,.image-story,.topic-layout,.proof-grid,.faq-wrap{grid-template-columns:1fr}.hero-grid{padding:68px 0}.hero-guide{min-height:auto}.invite-panel{max-width:500px}.section{padding:70px 0}.section-head{display:block}.section-head p{margin-top:16px}.value-layout{grid-template-columns:1fr}.story-copy{padding:32px}.image-story img{height:290px}.flow-item:nth-child(even){border-left:1px solid #3d4b4d}.proof-item{grid-template-columns:65px 1fr}.proof-item span{display:none}.topic-layout img{height:280px}.cta-inner{display:block}.cta .btn{margin-top:25px}.footer-top{grid-template-columns:1fr;gap:30px}}
    @media(max-width:520px){.hero-guide h1{font-size:47px}.hero-guide p{font-size:15px}.stat-row{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}.scenario-grid,.flow{grid-template-columns:1fr}.scenario:last-child{grid-column:auto}.flow-item,.flow-item:nth-child(even),.flow-item:nth-child(3){border-left:0;border-bottom:1px solid #3d4b4d}.flow-item:last-child{border-bottom:0}.section-head h2,.topic-copy h2,.faq-wrap h2{font-size:34px}.fixed-bar span{display:none}.fixed-bar{justify-content:center;padding:9px}.fixed-bar .btn{width:100%}}

/* roulang page: category2 */
:root{
      --ink:#10151d;
      --muted:#68717e;
      --paper:#f5f6f2;
      --white:#fff;
      --line:#dfe3e0;
      --green:#b7f34b;
      --green-deep:#74a51e;
      --navy:#18232b;
      --orange:#ff7448;
      --radius:22px;
      --shadow:0 18px 55px rgba(16,21,29,.10);
      --shadow-sm:0 8px 24px rgba(16,21,29,.07);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);line-height:1.75;overflow-x:hidden}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;object-fit:cover}
    button,input{font:inherit}
    button{cursor:pointer;border:0}
    :focus-visible{outline:3px solid var(--orange);outline-offset:4px}
    .container{width:min(1180px,calc(100% - 48px));margin:auto}
    .topbar{height:38px;background:var(--navy);color:#d6dcd6;font-size:12px}
    .topbar .container{height:100%;display:flex;align-items:center;justify-content:space-between}
    .masthead{background:var(--paper);border-bottom:1px solid var(--line)}
    .masthead-row{min-height:92px;display:flex;align-items:center;gap:34px}
    .brand{font-size:32px;font-weight:950;letter-spacing:-.09em;white-space:nowrap}
    .brand i{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--orange);margin:0 3px 4px 8px}
    .edition{font-size:11px;line-height:1.35;color:var(--muted);border-left:1px solid var(--line);padding-left:20px;letter-spacing:.08em}
    .edition b{font-size:9px;color:var(--ink);letter-spacing:.12em}
    .nav{margin-left:auto;display:flex;align-items:center;gap:21px;flex-wrap:wrap;justify-content:flex-end}
    .nav a{font-size:13px;font-weight:700;color:#4e5963;padding:7px 0;border-bottom:2px solid transparent;transition:.25s}
    .nav a:hover,.nav a.active{color:var(--ink);border-color:var(--orange)}
    .nav .nav-cta{border:0!important;background:var(--ink);color:#fff!important;border-radius:999px;padding:13px 22px}
    .nav .nav-cta:hover{background:var(--orange);transform:translateY(-2px)}
    .menu{display:none;background:transparent;font-size:25px}
    .hero{min-height:620px;background:linear-gradient(90deg,rgba(13,23,28,.94),rgba(13,23,28,.73) 48%,rgba(13,23,28,.2)),url('/assets/images/backpic/back-2.webp') center/cover;position:relative;color:#fff;display:flex;align-items:center}
    .hero:after{content:"";position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(transparent,rgba(8,14,18,.65))}
    .hero-inner{position:relative;z-index:1;width:100%;padding:78px 0}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--green-deep)}
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--green-deep)}
    .hero .eyebrow{color:var(--green)}
    .hero .eyebrow:before{background:var(--green)}
    .hero-grid{display:grid;grid-template-columns:1fr 390px;gap:70px;align-items:center}
    h1{font-size:clamp(48px,7vw,88px);line-height:1;letter-spacing:-.085em;margin:20px 0 25px;font-weight:950}
    .hero p{max-width:650px;color:#dce3df;font-size:17px;line-height:1.9}
    .hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 22px;font-weight:800;font-size:13px;transition:.25s}
    .btn-primary{background:var(--green);color:var(--ink)}
    .btn-primary:hover{background:#d0ff79;transform:translateY(-3px);box-shadow:0 12px 28px rgba(183,243,75,.24)}
    .btn-ghost{border:1px solid rgba(255,255,255,.34);color:#fff;background:rgba(255,255,255,.08)}
    .btn-ghost:hover{background:#fff;color:var(--ink)}
    .coupon{background:#fff;color:var(--ink);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}
    .coupon:before,.coupon:after{content:"";position:absolute;width:22px;height:22px;background:#17242a;border-radius:50%;top:50%;transform:translateY(-50%)}
    .coupon:before{left:-12px}.coupon:after{right:-12px}
    .coupon-label{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #ccd4cc;padding-bottom:18px}
    .coupon-label strong{font-size:14px}.coupon-label span{font-size:11px;color:var(--orange);font-weight:800}
    .coupon h2{font-size:36px;line-height:1.1;letter-spacing:-.06em;margin:22px 0 8px}
    .coupon p{color:var(--muted);font-size:13px;margin:0 0 20px}
    .coupon .btn{width:100%;background:var(--ink);color:#fff}
    .coupon .btn:hover{background:var(--orange)}
    .section{padding:92px 0}
    .section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}
    .section-head h2{font-size:clamp(30px,4vw,54px);letter-spacing:-.055em;line-height:1.12;margin:13px 0 0}
    .section-head p{max-width:470px;color:var(--muted);font-size:15px}
    .intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
    .lead{font-size:25px;line-height:1.55;letter-spacing:-.035em}
    .body-copy{color:var(--muted);font-size:15px}
    .rule-list{display:grid;gap:0;border-top:1px solid var(--line)}
    .rule-item{display:grid;grid-template-columns:70px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:21px 0}
    .rule-item b{color:var(--orange);font-size:14px}.rule-item strong{font-size:16px}.rule-item p{color:var(--muted);font-size:13px;margin:4px 0 0}
    .three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .benefit{padding:29px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);min-height:235px;transition:.3s}
    .benefit:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
    .benefit:nth-child(2){background:var(--navy);color:#fff}.benefit:nth-child(3){background:#e7f6ba}
    .benefit-no{font-size:12px;color:var(--orange);font-weight:900}.benefit h3{font-size:23px;letter-spacing:-.04em;margin:28px 0 10px}.benefit p{font-size:14px;color:var(--muted)}.benefit:nth-child(2) p{color:#b9c3bf}
    .visual-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
    .visual-grid img{height:100%;min-height:360px;width:100%;border-radius:var(--radius)}
    .side-note{background:var(--navy);color:#fff;border-radius:var(--radius);padding:32px;display:flex;flex-direction:column;justify-content:space-between}
    .side-note h3{font-size:32px;line-height:1.2;letter-spacing:-.06em}.side-note p{color:#bbc6c0;font-size:14px}.side-note strong{font-size:42px;color:var(--green);display:block}
    .dark{background:var(--navy);color:#fff}.dark .section-head p{color:#b9c3bf}.dark .eyebrow{color:var(--green)}.dark .eyebrow:before{background:var(--green)}
    .scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
    .scenario-card{padding:23px;border:1px solid rgba(255,255,255,.15);min-height:205px;background:rgba(255,255,255,.055);transition:.25s}
    .scenario-card:hover{background:rgba(183,243,75,.12);transform:translateY(-4px)}
    .scenario-card span{font-size:28px;color:var(--green);font-weight:950}.scenario-card h3{font-size:17px;margin:18px 0 7px}.scenario-card p{font-size:13px;color:#b9c3bf}
    .flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
    .flow-step{padding:28px 25px 15px 0;border-right:1px solid var(--line);margin-right:25px}.flow-step:last-child{border:0;margin:0}.flow-step b{font-size:35px;color:var(--orange)}.flow-step h3{font-size:18px;margin:12px 0 7px}.flow-step p{font-size:13px;color:var(--muted)}
    .quote{background:#e7f6ba;padding:42px;border-radius:var(--radius);font-size:27px;line-height:1.5;letter-spacing:-.04em}.quote small{display:block;color:var(--green-deep);font-size:12px;font-weight:800;margin-top:24px;letter-spacing:.08em}
    .faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq-grid h2{font-size:43px;line-height:1.1;letter-spacing:-.06em;margin-top:14px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:19px 0}summary{cursor:pointer;font-weight:800;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:"+";color:var(--orange);font-size:22px}details[open] summary:after{content:"−"}details p{color:var(--muted);font-size:14px;margin:13px 35px 0 0}
    .cta{background:var(--green);padding:66px 0}.cta-grid{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:clamp(32px,5vw,60px);line-height:1.05;letter-spacing:-.07em;margin:12px 0}.cta p{max-width:570px;color:#45521f}.cta .btn{background:var(--ink);color:#fff}.cta .btn:hover{background:var(--orange);transform:translateY(-3px)}
    footer{background:var(--navy);color:#fff;padding:50px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.15)}.footer-brand{font-size:29px;font-weight:950;letter-spacing:-.07em}.footer-top p{color:#b9c3bf;font-size:13px;max-width:300px}.footer-links{display:grid;grid-template-columns:repeat(4,auto);gap:12px 28px;align-content:start}.footer-links a{color:#d4dbd5;font-size:13px}.footer-links a:hover{color:var(--green)}.legal{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:22px;color:#9ca9a2;font-size:11px}.legal a:hover{color:var(--green)}
    .notice{position:fixed;right:22px;bottom:22px;background:var(--ink);color:#fff;padding:13px 18px;border-radius:12px;box-shadow:var(--shadow);font-size:13px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.3s;z-index:8}.notice.show{opacity:1;transform:translateY(0)}
    @media(max-width:1024px){.nav{gap:14px}.hero-grid{grid-template-columns:1fr 330px;gap:35px}.scenario-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.container{width:min(100% - 32px,620px)}.topbar{display:none}.masthead-row{min-height:76px}.edition{display:none}.menu{display:block;margin-left:auto}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--white);padding:18px 20px;z-index:5;box-shadow:var(--shadow-sm);flex-direction:column;align-items:stretch;gap:5px}.nav.open{display:flex}.nav a{padding:10px 0}.hero{min-height:760px}.hero-grid,.intro-grid,.visual-grid,.faq-grid{grid-template-columns:1fr;gap:32px}.hero-inner{padding:65px 0}.hero h1{font-size:58px}.coupon{max-width:420px}.section{padding:70px 0}.section-head{display:block;margin-bottom:30px}.section-head p{margin-top:18px}.three-grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.flow-step{border-right:0;border-bottom:1px solid var(--line);margin:0;padding:22px 18px 22px 0}.cta-grid{display:block}.cta .btn{margin-top:22px}.footer-top{display:block}.footer-links{margin-top:30px;grid-template-columns:repeat(2,1fr)}}
    @media(max-width:520px){.brand{font-size:27px}.hero h1{font-size:49px}.hero p{font-size:15px}.hero-strip{grid-template-columns:1fr;gap:10px}.coupon{padding:23px}.scenario-grid,.flow{grid-template-columns:1fr}.quote{padding:27px;font-size:22px}.footer-links{gap:10px 16px}.legal{display:block}.legal span{display:block;margin-bottom:7px}}

/* roulang page: category3 */
:root{
      --ink:#10151d;--muted:#68717e;--paper:#f5f6f2;--white:#fff;--line:#dfe3e0;
      --green:#b7f34b;--green-deep:#74a51e;--navy:#18232b;--orange:#ff7448;
      --radius:22px;--shadow:0 18px 55px rgba(16,21,29,.10);--shadow-sm:0 8px 24px rgba(16,21,29,.07)
    }
    *{box-sizing:border-box;margin:0}
    html{scroll-behavior:smooth}
    body{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);line-height:1.75;overflow-x:hidden}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;object-fit:cover}
    button,input{font:inherit}
    button{cursor:pointer;border:0}
    .container{width:min(1180px,calc(100% - 48px));margin:auto}
    .topbar{height:38px;background:var(--navy);color:#d6dcd6;font-size:12px}
    .topbar .container{height:100%;display:flex;align-items:center;justify-content:space-between}
    .masthead{background:rgba(245,246,242,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}
    .masthead-row{min-height:92px;display:flex;align-items:center;gap:34px}
    .brand{font-size:32px;font-weight:950;letter-spacing:-.09em;white-space:nowrap}
    .brand i{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--orange);margin:0 3px 4px 8px}
    .edition{font-size:11px;line-height:1.35;padding-left:24px;border-left:1px solid var(--line);color:var(--muted);letter-spacing:.08em}
    .edition b{font-size:9px;color:var(--ink);letter-spacing:.12em}
    .nav{margin-left:auto;display:flex;align-items:center;gap:21px;flex-wrap:wrap;justify-content:flex-end}
    .nav a{font-size:13px;font-weight:700;color:#4e5963;padding:7px 0;border-bottom:2px solid transparent;transition:.25s}
    .nav a:hover,.nav a.active{color:var(--ink);border-color:var(--orange)}
    .nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 22px;font-weight:800;font-size:13px;transition:.25s}
    .nav-cta{background:var(--ink);color:var(--white)!important;border:0!important}
    .nav-cta:hover{background:var(--orange);transform:translateY(-2px)}
    .menu{display:none;background:transparent;font-size:25px}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--green-deep)}
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--green-deep)}
    .section{padding:92px 0}
    .section-head{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:38px}
    .section-head h2{font-size:clamp(30px,4vw,52px);letter-spacing:-.06em;line-height:1.13;margin-top:13px}
    .section-head p{max-width:480px;color:var(--muted);font-size:15px}
    .btn-primary{background:var(--green);color:var(--ink)}
    .btn-primary:hover{background:#d0ff79;transform:translateY(-3px);box-shadow:0 12px 28px rgba(183,243,75,.25)}
    .btn-dark{background:var(--ink);color:var(--white)}
    .btn-dark:hover{background:var(--orange);transform:translateY(-3px)}
    .btn-outline{border:1px solid var(--line);background:var(--white);color:var(--ink)}
    .btn-outline:hover{border-color:var(--ink);transform:translateY(-2px)}
    .page-banner{min-height:286px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(15,23,27,.93),rgba(15,23,27,.53)),url('/assets/images/backpic/back-2.webp') center/cover;color:#fff}
    .page-banner .container{padding:59px 0 45px;position:relative;z-index:1}
    .crumb{font-size:12px;color:#c8d0cc;margin-bottom:27px}
    .crumb a{color:var(--green)}
    .page-banner h1{font-size:clamp(42px,6vw,72px);line-height:1;letter-spacing:-.08em;font-weight:950}
    .page-banner p{max-width:660px;margin-top:18px;font-size:16px;color:#d8e0dc}
    .quickbar{background:var(--white);border-bottom:1px solid var(--line)}
    .quickbar-inner{display:flex;align-items:center;gap:18px;min-height:76px;justify-content:space-between}
    .quickbar p{font-size:14px;color:var(--muted);max-width:680px}
    .quick-links{display:flex;gap:10px;white-space:nowrap}
    .quick-links a{font-size:12px;font-weight:800;padding:7px 12px;border:1px solid var(--line);border-radius:99px;transition:.2s}
    .quick-links a:hover{background:var(--green);border-color:var(--green)}
    .intro-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:66px;align-items:center}
    .intro-copy h2{font-size:clamp(31px,4vw,49px);line-height:1.16;letter-spacing:-.06em;margin:15px 0 24px}
    .intro-copy p{font-size:15px;color:var(--muted);margin-bottom:17px}
    .image-frame{position:relative}
    .image-frame img{width:100%;height:480px;border-radius:var(--radius);box-shadow:var(--shadow)}
    .image-note{position:absolute;left:-30px;bottom:30px;width:220px;padding:21px;background:var(--green);border-radius:16px;font-size:13px;font-weight:800;box-shadow:var(--shadow-sm)}
    .image-note strong{display:block;font-size:31px;line-height:1;margin-bottom:8px}
    .signal-grid{display:grid;grid-template-columns:1.18fr .82fr 1fr;gap:18px}
    .signal-card{min-height:266px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);position:relative;overflow:hidden;transition:.3s}
    .signal-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
    .signal-card.dark{background:var(--navy);color:#fff;border-color:var(--navy)}
    .signal-card.lime{background:#e9f6c9}
    .signal-card .num{font-size:12px;color:var(--orange);font-weight:900}
    .signal-card h3{font-size:23px;line-height:1.25;letter-spacing:-.04em;margin:18px 0 11px}
    .signal-card p{font-size:14px;color:var(--muted)}
    .signal-card.dark p{color:#c5cfca}
    .signal-symbol{position:absolute;right:21px;bottom:7px;font-size:76px;font-weight:900;line-height:1;color:rgba(16,21,29,.07)}
    .dark .signal-symbol{color:rgba(183,243,75,.14)}
    .focus-section{background:var(--navy);color:#fff}
    .focus-section .section-head p{color:#bac4bf}
    .focus-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px}
    .focus-side{padding:29px;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);background:rgba(255,255,255,.045)}
    .focus-side h3{font-size:25px;letter-spacing:-.04em;margin:15px 0}
    .focus-side p{font-size:14px;color:#c6d0ca}
    .focus-list{margin-top:24px;list-style:none}
    .focus-list li{padding:13px 0;border-top:1px solid rgba(255,255,255,.14);font-size:14px;display:flex;gap:13px}
    .focus-list li:before{content:"/";color:var(--green);font-weight:900}
    .match-board{background:#f3f5ee;color:var(--ink);border-radius:var(--radius);padding:28px}
    .board-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px}
    .board-head strong{font-size:17px}
    .live-dot{font-size:11px;color:#5f7e1f;font-weight:900;background:#e3f4b7;padding:5px 10px;border-radius:20px}
    .game-row{display:grid;grid-template-columns:82px 1fr auto;gap:18px;align-items:center;padding:21px 0;border-bottom:1px solid var(--line)}
    .game-row:last-child{border-bottom:0}
    .game-time{font-size:13px;font-weight:850;color:var(--orange)}
    .teams strong{font-size:15px;display:block}
    .teams small{font-size:12px;color:var(--muted)}
    .game-tag{font-size:11px;font-weight:800;border:1px solid var(--line);padding:5px 9px;border-radius:99px}
    .scene-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
    .scene-large{grid-column:span 7;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:370px}
    .scene-large img{height:100%;width:100%}
    .scene-copy{padding:35px}
    .scene-copy h3{font-size:29px;line-height:1.2;letter-spacing:-.05em;margin:14px 0}
    .scene-copy p{font-size:14px;color:var(--muted)}
    .scene-small{grid-column:span 5;padding:34px;border-radius:var(--radius);background:#e9f6c9;min-height:176px}
    .scene-small:nth-child(3){background:#fff;border:1px solid var(--line)}
    .scene-small h3{font-size:21px;letter-spacing:-.04em;margin:14px 0 7px}
    .scene-small p{font-size:14px;color:var(--muted)}
    .step-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
    .step-intro{position:sticky;top:135px}
    .step-intro h2{font-size:clamp(33px,4vw,50px);line-height:1.12;letter-spacing:-.06em;margin:14px 0 20px}
    .step-intro p{font-size:15px;color:var(--muted)}
    .steps{border-top:1px solid var(--line)}
    .step{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:28px 0;border-bottom:1px solid var(--line)}
    .step-no{font-size:30px;font-weight:950;color:var(--orange);line-height:1}
    .step h3{font-size:21px;letter-spacing:-.04em;margin-bottom:7px}
    .step p{font-size:14px;color:var(--muted)}
    .proof-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}
    .quote-panel{padding:43px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}
    .quote-mark{font-size:60px;line-height:.7;color:var(--orange)}
    .quote-panel blockquote{font-size:23px;line-height:1.55;letter-spacing:-.035em;margin:17px 0 24px;font-weight:750}
    .quote-panel cite{font-size:13px;font-style:normal;color:var(--muted)}
    .metric-panel{padding:34px;border-radius:var(--radius);background:var(--green)}
    .metric-panel h3{font-size:27px;line-height:1.2;letter-spacing:-.04em;margin-bottom:22px}
    .metric{border-top:1px solid rgba(16,21,29,.18);padding:17px 0;display:flex;justify-content:space-between;align-items:end}
    .metric strong{font-size:34px;letter-spacing:-.06em;line-height:1}
    .metric span{font-size:13px;font-weight:800;text-align:right}
    .article-section{background:#edf0e9}
    .article-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:44px}
    .article-copy h2{font-size:clamp(31px,4vw,48px);line-height:1.18;letter-spacing:-.06em;margin:14px 0 23px}
    .article-copy p{font-size:15px;color:#4e5861;margin-bottom:18px}
    .point-list{list-style:none;background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px 25px}
    .point-list li{font-size:14px;padding:17px 0;border-bottom:1px solid var(--line);display:flex;gap:13px}
    .point-list li:last-child{border:0}
    .point-list li:before{content:"→";font-weight:900;color:var(--orange)}
    .faq-list{max-width:930px}
    .faq{border-top:1px solid var(--line);padding:23px 0}
    .faq:last-child{border-bottom:1px solid var(--line)}
    .faq summary{list-style:none;display:flex;justify-content:space-between;gap:24px;cursor:pointer;font-size:18px;font-weight:800;letter-spacing:-.025em}
    .faq summary::-webkit-details-marker{display:none}
    .faq summary:after{content:"+";font-size:24px;line-height:1;color:var(--orange)}
    .faq[open] summary:after{content:"-"}
    .faq p{max-width:790px;color:var(--muted);font-size:14px;padding-top:15px}
    .cta-section{padding:0 0 110px}
    .cta-box{position:relative;overflow:hidden;border-radius:var(--radius);padding:54px 60px;background:linear-gradient(105deg,rgba(16,21,29,.97),rgba(24,35,43,.85)),url('/assets/images/backpic/back-3.webp') center/cover;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}
    .cta-box h2{font-size:clamp(31px,4vw,48px);line-height:1.13;letter-spacing:-.06em;max-width:580px}
    .cta-box p{margin-top:15px;color:#c6cfca;max-width:600px;font-size:14px}
    footer{background:var(--navy);color:#fff;padding:64px 0 26px}
    .footer-top{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-bottom:52px;border-bottom:1px solid rgba(255,255,255,.17)}
    .footer-brand{font-size:34px;font-weight:950;letter-spacing:-.08em}
    footer p{font-size:14px;color:#bdc8c1;max-width:340px;margin-top:12px}
    .footer-links{display:flex;gap:12px 24px;align-content:start;flex-wrap:wrap;padding-top:8px}
    .footer-links a{font-size:13px;color:#d3dbd7;transition:.2s}
    .footer-links a:hover{color:var(--green)}
    .legal{padding-top:23px;display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px;color:#aebbb4}
    .legal a:hover{color:var(--green)}
    .fixed-join{position:fixed;right:22px;bottom:20px;z-index:20;background:var(--green);box-shadow:0 12px 30px rgba(16,21,29,.2)}
    .fixed-join:hover{background:#d0ff79}
    a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
    @media(max-width:1100px){
      .edition{display:none}.nav{gap:13px}.nav a{font-size:12px}.masthead-row{gap:18px}
      .signal-grid{grid-template-columns:1fr 1fr}.signal-card:last-child{grid-column:span 2}
    }
    @media(max-width:840px){
      .masthead-row{min-height:74px}.menu{display:block;margin-left:auto}.nav{display:none;position:absolute;left:0;right:0;top:74px;background:var(--paper);padding:20px 24px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);align-items:flex-start;flex-direction:column}
      .nav.open{display:flex}.nav a{font-size:14px}.topbar .container span:last-child{display:none}
      .section{padding:70px 0}.section-head,.intro-grid,.focus-layout,.step-wrap,.proof-grid,.article-grid,.footer-top{grid-template-columns:1fr;display:grid}
      .section-head{align-items:start}.image-frame{max-width:620px}.image-note{left:15px}.step-intro{position:static}
      .scene-large{grid-column:span 12}.scene-small{grid-column:span 6}.quickbar-inner{align-items:flex-start;flex-direction:column;padding:16px 0}.quick-links{overflow:auto;width:100%;padding-bottom:3px}
      .cta-box{display:block;padding:42px}.cta-box .btn{margin-top:26px}.footer-top{gap:34px}
    }
    @media(max-width:520px){
      .container{width:min(100% - 32px,1180px)}.topbar{font-size:11px}.brand{font-size:28px}.page-banner{min-height:310px}.page-banner .container{padding:52px 0}
      .section-head{margin-bottom:28px}.signal-grid{grid-template-columns:1fr}.signal-card:last-child{grid-column:auto}.scene-grid{display:block}.scene-large{display:block;min-height:auto}.scene-large img{height:230px}.scene-small{margin-top:16px;min-height:auto}
      .game-row{grid-template-columns:58px 1fr}.game-tag{display:none}.image-frame img{height:360px}.image-note{width:185px;padding:16px;bottom:16px}.image-note strong{font-size:26px}
      .quote-panel,.metric-panel{padding:29px}.cta-box{padding:32px 24px}.fixed-join{right:14px;bottom:14px;padding:12px 17px}.legal{display:grid;gap:9px}.faq summary{font-size:16px}
    }

/* roulang page: category6 */
:root{--ink:#10151d;--muted:#68717e;--paper:#f5f6f2;--white:#fff;--line:#dfe3e0;--green:#b7f34b;--green-deep:#74a51e;--navy:#18232b;--orange:#ff7448;--radius:22px;--shadow:0 18px 55px rgba(16,21,29,.10);--shadow-sm:0 8px 24px rgba(16,21,29,.07)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:cover}button,input{font:inherit}button{cursor:pointer;border:0}.container{width:min(1180px,calc(100% - 48px));margin:auto}
    .topbar{height:38px;background:var(--navy);color:#d6dcd6;font-size:12px}.topbar .container{height:100%;display:flex;align-items:center;justify-content:space-between}
    .masthead{background:var(--paper);border-bottom:1px solid var(--line)}.masthead-row{min-height:92px;display:flex;align-items:center;gap:34px}.brand{font-size:32px;font-weight:950;letter-spacing:-.09em;white-space:nowrap}.brand i{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--orange);margin:0 3px 4px 8px}.edition{font-size:11px;line-height:1.4;color:var(--muted);border-left:1px solid var(--line);padding-left:18px;letter-spacing:.08em}.edition b{font-size:10px;color:var(--ink)}
    .nav{margin-left:auto;display:flex;align-items:center;gap:21px;flex-wrap:wrap;justify-content:flex-end}.nav a{font-size:13px;font-weight:700;color:#4e5963;padding:7px 0;border-bottom:2px solid transparent;transition:.25s}.nav a:hover,.nav a.active{color:var(--ink);border-color:var(--orange)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 22px;font-weight:800;font-size:13px;transition:.25s}.nav-cta{background:var(--ink);color:#fff!important;border:0!important}.nav-cta:hover{background:var(--orange);transform:translateY(-2px)}.menu{display:none;background:transparent;font-size:25px}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--green-deep)}.eyebrow:before{content:"";width:24px;height:2px;background:var(--green-deep)}
    .hero{min-height:430px;background:linear-gradient(90deg,rgba(13,23,28,.93),rgba(13,23,28,.68),rgba(13,23,28,.28)),url('/assets/images/backpic/back-2.webp') center/cover;position:relative;color:#fff;display:flex;align-items:end}.hero-inner{width:100%;padding:75px 0 58px;position:relative;z-index:1}.hero-copy{max-width:770px}.hero .eyebrow{color:var(--green)}.hero .eyebrow:before{background:var(--green)}.hero h1{font-size:clamp(42px,6.8vw,78px);line-height:1;letter-spacing:-.085em;margin:20px 0 22px;font-weight:950}.hero p{max-width:680px;color:#dce3df;font-size:16px;line-height:1.9}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.btn-primary{background:var(--green);color:var(--ink)}.btn-primary:hover{background:#d0ff79;transform:translateY(-3px);box-shadow:0 12px 28px rgba(183,243,75,.24)}.btn-ghost{border:1px solid rgba(255,255,255,.34);color:#fff;background:rgba(255,255,255,.08)}.btn-ghost:hover{background:#fff;color:var(--ink)}
    .section{padding:86px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}.section-head h2{font-size:clamp(30px,4vw,52px);letter-spacing:-.055em;line-height:1.12;margin:13px 0 0}.section-head p{max-width:470px;color:var(--muted);font-size:15px}
    .intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:stretch}.lead-copy{font-size:18px;line-height:2;color:#3f4952}.lead-copy strong{color:var(--ink)}.fact-panel{background:var(--navy);color:#fff;border-radius:var(--radius);padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:1px}.fact{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.16)}.fact strong{display:block;color:var(--green);font-size:30px;line-height:1.2}.fact span{font-size:12px;color:#bbc5c0}
    .topic-grid{display:grid;grid-template-columns:1.15fr .85fr .9fr;gap:18px}.topic-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.3s}.topic-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.topic-card img{height:190px;width:100%}.topic-card:first-child img{height:250px}.topic-card-body{padding:24px}.topic-card h3{font-size:22px;letter-spacing:-.04em;margin:12px 0 8px}.topic-card p{font-size:14px;color:var(--muted)}.tag{display:inline-block;padding:4px 10px;border-radius:99px;background:#e9f6c9;color:#5d7e1d;font-size:11px;font-weight:800}
    .dark-section{background:var(--navy);color:#fff}.dark-section .section-head p{color:#b9c3bf}.dark-section .eyebrow{color:var(--green)}.dark-section .eyebrow:before{background:var(--green)}.focus-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:center}.focus-layout img{height:390px;width:100%;border-radius:var(--radius)}.focus-copy h2{font-size:clamp(31px,4vw,54px);line-height:1.1;letter-spacing:-.06em;margin:15px 0}.focus-copy p{color:#c6cfca}.check-list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px}.check-list li{display:flex;gap:12px;border-top:1px solid rgba(255,255,255,.18);padding-top:13px;font-size:14px}.check-list li:before{content:"↗";color:var(--green);font-weight:900}
    .timeline{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.time-item{padding:24px 24px 8px 0;border-right:1px solid var(--line);margin-right:24px}.time-item:last-child{border:0;margin:0}.time-item b{color:var(--orange);font-size:13px}.time-item h3{font-size:18px;margin:13px 0 7px}.time-item p{font-size:13px;color:var(--muted)}
    .quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote{background:#eaf5d1;border-radius:var(--radius);padding:34px;min-height:205px}.quote:nth-child(2){background:#fff;border:1px solid var(--line)}.quote-mark{font-size:42px;color:var(--orange);line-height:1}.quote p{font-size:17px;line-height:1.9;margin:12px 0}.quote small{color:var(--muted)}
    .news-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:8px 30px}.news-item{display:grid;grid-template-columns:100px 1fr 88px;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.news-item:last-child{border:0}.news-date{font-size:12px;color:var(--orange);font-weight:800}.news-item h3{font-size:16px;margin:0}.news-item p{font-size:12px;color:var(--muted);margin:4px 0 0}.read{font-size:12px;font-weight:800;color:var(--green-deep);text-align:right}
    .faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.faq-grid h2{font-size:43px;line-height:1.1;letter-spacing:-.06em;margin:14px 0}.faq-grid>div>p{color:var(--muted)}details{background:#fff;border:1px solid var(--line);border-radius:15px;margin-bottom:11px;padding:18px 22px}summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between}summary:after{content:"+";color:var(--orange);font-size:20px}details[open] summary:after{content:"−"}details p{color:var(--muted);font-size:14px;margin:12px 25px 3px 0}
    .cta{background:var(--green);border-radius:var(--radius);padding:42px 48px;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font-size:clamp(28px,4vw,48px);letter-spacing:-.06em;line-height:1.1;margin:0}.cta p{margin:10px 0 0;color:#485a2a}.cta .btn{background:var(--ink);color:#fff}.cta .btn:hover{background:var(--orange);transform:translateY(-2px)}
    footer{background:var(--navy);color:#fff;padding:55px 0 30px}.footer-top{display:flex;justify-content:space-between;gap:35px}.footer-brand{font-size:28px;font-weight:950;letter-spacing:-.07em}.footer-top p{color:#b9c3bf;font-size:13px;max-width:330px}.footer-links{display:grid;grid-template-columns:repeat(4,auto);gap:10px 26px;align-content:start}.footer-links a{color:#d8dfdb;font-size:13px}.footer-links a:hover{color:var(--green)}.legal{border-top:1px solid rgba(255,255,255,.16);margin-top:35px;padding-top:20px;display:flex;flex-wrap:wrap;gap:10px 24px;color:#9daaa5;font-size:12px}.legal a:hover{color:var(--green)}
    .fixed-bar{position:fixed;bottom:18px;right:22px;z-index:8;background:var(--ink);color:#fff;border-radius:999px;padding:10px 10px 10px 20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow)}.fixed-bar span{font-size:12px}.fixed-bar a{background:var(--green);color:var(--ink);border-radius:99px;padding:8px 15px;font-size:12px;font-weight:900}
    :focus-visible{outline:3px solid var(--orange);outline-offset:3px}
    @media(max-width:1024px){.nav{gap:14px}.topic-grid{grid-template-columns:1fr 1fr}.topic-card:first-child{grid-column:span 2}.timeline{grid-template-columns:1fr 1fr;gap:18px}.time-item:nth-child(2){border:0}.footer-links{grid-template-columns:repeat(3,auto)}}
    @media(max-width:768px){.container{width:min(100% - 32px,620px)}.edition{display:none}.masthead-row{min-height:74px}.menu{display:block;margin-left:auto}.nav{display:none;position:absolute;left:16px;right:16px;top:112px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow);z-index:10;flex-direction:column;align-items:stretch;gap:4px}.nav.open{display:flex}.nav a{padding:9px 4px}.hero{min-height:520px}.section{padding:64px 0}.section-head,.intro-grid,.focus-layout,.faq-grid,.footer-top{display:block}.section-head p{margin-top:18px}.intro-grid>*+*{margin-top:25px}.focus-layout img{height:270px;margin-bottom:28px}.quote-grid{grid-template-columns:1fr}.footer-links{margin-top:30px;grid-template-columns:repeat(2,1fr)}.cta{display:block;padding:32px 25px}.cta .btn{margin-top:22px}.fixed-bar{left:16px;right:16px;justify-content:space-between}}
    @media(max-width:520px){.brand{font-size:28px}.hero h1{font-size:48px}.hero p{font-size:15px}.topic-grid{display:block}.topic-card{margin-bottom:16px}.topic-card:first-child img,.topic-card img{height:210px}.fact-panel{padding:18px}.timeline{display:block}.time-item{border-right:0;border-bottom:1px solid var(--line);margin:0;padding:20px 0}.news-list{padding:5px 18px}.news-item{grid-template-columns:1fr auto;gap:4px 12px}.news-date{grid-column:1/-1}.news-item p{grid-column:1}.read{grid-column:2;grid-row:2}.fixed-bar span{font-size:11px}}

/* roulang page: category5 */
:root{
      --ink:#10151d;
      --muted:#68717e;
      --paper:#f5f6f2;
      --white:#fff;
      --line:#dfe3e0;
      --green:#b7f34b;
      --green-deep:#74a51e;
      --navy:#18232b;
      --orange:#ff7448;
      --radius:22px;
      --shadow:0 18px 55px rgba(16,21,29,.10);
      --shadow-sm:0 8px 24px rgba(16,21,29,.07);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);line-height:1.75;overflow-x:hidden}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;object-fit:cover}
    button,input,textarea{font:inherit}
    button{cursor:pointer;border:0}
    ::selection{background:var(--green);color:var(--ink)}
    .container{width:min(1180px,calc(100% - 48px));margin:auto}
    .topbar{height:38px;background:var(--navy);color:#d6dcd6;font-size:12px}
    .topbar .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
    .masthead{background:rgba(245,246,242,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
    .masthead-row{min-height:92px;display:flex;align-items:center;gap:34px}
    .brand{font-size:32px;font-weight:950;letter-spacing:-.09em;white-space:nowrap}
    .brand i{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--orange);margin:0 3px 4px 8px}
    .edition{font-size:11px;line-height:1.45;color:var(--muted);border-left:1px solid var(--line);padding-left:18px;white-space:nowrap}
    .edition b{font-size:10px;color:var(--ink);letter-spacing:.12em}
    .nav{margin-left:auto;display:flex;align-items:center;gap:21px;flex-wrap:wrap;justify-content:flex-end}
    .nav a{font-size:13px;font-weight:700;color:#4e5963;padding:7px 0;border-bottom:2px solid transparent;transition:.25s}
    .nav a:hover,.nav a.active{color:var(--ink);border-color:var(--orange)}
    .nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 22px;font-weight:800;font-size:13px;transition:.25s}
    .nav-cta{background:var(--ink);color:var(--white)!important;border:0!important}
    .nav-cta:hover{background:var(--orange);transform:translateY(-2px)}
    .menu{display:none;background:transparent;font-size:25px;color:var(--ink)}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--green-deep)}
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--green-deep)}
    .section{padding:92px 0}
    .section-tight{padding:66px 0}
    .section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}
    .section-head h2{font-size:clamp(30px,4vw,54px);letter-spacing:-.055em;line-height:1.12;margin-top:13px;font-weight:950}
    .section-head p{max-width:500px;color:var(--muted);font-size:15px}
    .btn-primary{background:var(--green);color:var(--ink)}
    .btn-primary:hover{background:#d0ff79;transform:translateY(-3px);box-shadow:0 12px 28px rgba(183,243,75,.24)}
    .btn-dark{background:var(--ink);color:#fff}
    .btn-dark:hover{background:var(--orange);transform:translateY(-3px)}
    .btn-light{background:#fff;color:var(--ink);border:1px solid var(--line)}
    .btn-light:hover{border-color:var(--orange);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
    .badge{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:#e9f6c9;color:#5d7e1d;font-size:12px;font-weight:900}
    .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:.28s;overflow:hidden}
    .card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
    .muted{color:var(--muted)}
    .topic-hero{position:relative;min-height:690px;color:#fff;background:linear-gradient(90deg,rgba(16,21,29,.88),rgba(16,21,29,.58) 48%,rgba(16,21,29,.22)),url('/assets/images/backpic/back-2.webp') center/cover;display:flex;align-items:end}
    .topic-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:130px;background:linear-gradient(transparent,rgba(16,21,29,.58))}
    .topic-hero-inner{position:relative;z-index:2;width:100%;padding:88px 0 54px}
    .creator-row{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:22px;align-items:center;margin-bottom:34px;max-width:900px}
    .avatar{width:96px;height:96px;border-radius:50%;border:3px solid rgba(255,255,255,.78);box-shadow:0 18px 40px rgba(0,0,0,.24);overflow:hidden;background:#fff}
    .avatar img{width:100%;height:100%}
    .creator-name{font-size:18px;font-weight:900}
    .creator-meta{color:#d8e2dc;font-size:13px;margin-top:5px}
    .follow{background:var(--green);color:var(--ink);border-radius:999px;padding:12px 20px;font-size:13px;font-weight:900;transition:.25s}
    .follow:hover{background:#fff;transform:translateY(-2px)}
    .topic-hero h1{font-size:clamp(44px,7vw,86px);line-height:1;letter-spacing:-.085em;font-weight:950;max-width:860px;margin:0 0 22px}
    .topic-hero p{max-width:720px;color:#e6ece8;font-size:17px;line-height:1.9}
    .hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}
    .hero-badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:42px}
    .data-badge{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:18px;padding:14px 18px;min-width:142px}
    .data-badge strong{display:block;color:var(--green);font-size:24px;line-height:1.1}
    .data-badge span{font-size:12px;color:#cdd7d2}
    .intro-band{margin-top:-46px;position:relative;z-index:4}
    .intro-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
    .intro-copy{padding:38px}
    .intro-copy h2{font-size:clamp(26px,3vw,42px);font-weight:950;letter-spacing:-.05em;line-height:1.18}
    .intro-copy p{color:var(--muted);margin-top:18px}
    .intro-image{min-height:330px;position:relative}
    .intro-image img{width:100%;height:100%}
    .floating-note{position:absolute;left:22px;bottom:22px;right:22px;background:rgba(16,21,29,.82);color:#fff;border-radius:18px;padding:18px}
    .floating-note b{color:var(--green)}
    .triple{display:grid;grid-template-columns:1.05fr .95fr 1fr;gap:18px}
    .value-card{padding:30px;min-height:260px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden;transition:.28s}
    .value-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
    .value-card:nth-child(2){background:var(--navy);color:#fff}
    .value-card:nth-child(3){background:#e7f6ba}
    .value-no{font-size:12px;color:var(--orange);font-weight:950}
    .value-card h3{font-size:23px;font-weight:950;letter-spacing:-.04em;margin:18px 0 10px}
    .value-card p{font-size:14px;color:var(--muted)}
    .value-card:nth-child(2) p{color:#b9c3bf}
    .value-card em{position:absolute;right:24px;bottom:12px;font-style:normal;font-size:70px;font-weight:950;color:rgba(16,21,29,.07)}
    .value-card:nth-child(2) em{color:rgba(183,243,75,.14)}
    .demo-wrap{display:grid;grid-template-columns:.86fr 1.14fr;gap:22px;align-items:stretch}
    .demo-aside{background:var(--navy);color:#fff;border-radius:var(--radius);padding:34px;min-height:470px;display:flex;flex-direction:column;justify-content:space-between}
    .demo-aside h2{font-size:clamp(30px,4vw,52px);font-weight:950;letter-spacing:-.055em;line-height:1.1}
    .demo-aside p{color:#c8d2cc;margin-top:18px}
    .demo-list{display:grid;gap:12px}
    .demo-list div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(255,255,255,.16);padding:13px 0;font-size:14px}
    .demo-main{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .screen-card{border-radius:var(--radius);border:1px solid var(--line);background:#fff;overflow:hidden;box-shadow:var(--shadow-sm)}
    .screen-card img{height:220px;width:100%}
    .screen-card div{padding:24px}
    .screen-card h3{font-size:20px;font-weight:950;margin-bottom:8px}
    .screen-card p{font-size:14px;color:var(--muted)}
    .scenario-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
    .scenario-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;min-height:218px;transition:.25s}
    .scenario-card:nth-child(2),.scenario-card:nth-child(5){background:#eaf5d1}
    .scenario-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
    .scenario-card span{font-size:30px;color:var(--orange);font-weight:950}
    .scenario-card h3{font-size:18px;font-weight:950;margin:17px 0 8px}
    .scenario-card p{color:var(--muted);font-size:14px}
    .process{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}
    .timeline-step{padding:30px;border-right:1px solid var(--line);min-height:255px}
    .timeline-step:last-child{border-right:0}
    .timeline-step b{display:inline-flex;width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;align-items:center;justify-content:center;margin-bottom:24px}
    .timeline-step h3{font-size:19px;font-weight:950;margin-bottom:10px}
    .timeline-step p{font-size:14px;color:var(--muted)}
    .proof-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:20px}
    .quote-box{background:var(--navy);color:#fff;border-radius:var(--radius);padding:38px;display:flex;flex-direction:column;justify-content:space-between;min-height:420px}
    .quote-box blockquote{font-size:clamp(25px,3vw,40px);line-height:1.35;letter-spacing:-.04em;font-weight:900}
    .quote-box p{color:#c2ccc7;margin-top:24px}
    .metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .metric{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}
    .metric strong{font-size:38px;color:var(--orange);letter-spacing:-.04em;display:block}
    .metric span{font-size:13px;color:var(--muted)}
    .content-wide{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center}
    .content-wide img{width:100%;height:430px;border-radius:var(--radius);box-shadow:var(--shadow)}
    .content-wide h2{font-size:clamp(31px,4vw,54px);font-weight:950;letter-spacing:-.055em;line-height:1.12}
    .content-wide p{color:var(--muted);margin-top:18px}
    .check-list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px}
    .check-list li{display:flex;gap:13px;border-top:1px solid var(--line);padding-top:14px;font-size:14px}
    .check-list li:before{content:"↗";color:var(--orange);font-weight:900}
    .faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}
    .faq-title{position:sticky;top:132px;align-self:start}
    .faq-title h2{font-size:clamp(30px,4vw,52px);font-weight:950;letter-spacing:-.055em;line-height:1.12}
    .faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:12px;overflow:hidden}
    .faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;color:var(--ink);padding:22px 24px;text-align:left;font-weight:950}
    .faq-q span{flex:1}
    .faq-q i{font-style:normal;color:var(--orange);font-size:22px;transition:.25s}
    .faq-a{display:none;padding:0 24px 22px;color:var(--muted);font-size:14px}
    .faq-item.open .faq-a{display:block}
    .faq-item.open .faq-q i{transform:rotate(45deg)}
    .contact-panel{background:linear-gradient(135deg,var(--ink),#24313b);color:#fff;border-radius:var(--radius);padding:46px;display:grid;grid-template-columns:1fr .9fr;gap:34px;align-items:center;overflow:hidden;position:relative}
    .contact-panel:before{content:"";position:absolute;right:-80px;top:-110px;width:320px;height:320px;border:1px solid rgba(183,243,75,.24);border-radius:50%}
    .contact-panel h2{font-size:clamp(33px,5vw,62px);font-weight:950;letter-spacing:-.06em;line-height:1.06}
    .contact-panel p{color:#cbd4cf;margin-top:18px}
    .form-box{position:relative;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:22px}
    .field{display:grid;gap:7px;margin-bottom:14px}
    .field label{font-size:12px;color:#dbe4df;font-weight:800}
    .field input,.field textarea{width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);color:#fff;border-radius:13px;padding:12px 13px;outline:none;transition:.25s}
    .field textarea{min-height:86px;resize:vertical}
    .field input:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(183,243,75,.12)}
    .field input::placeholder,.field textarea::placeholder{color:#aeb9b4}
    .fixed-bar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:60;width:min(980px,calc(100% - 28px));background:rgba(16,21,29,.92);backdrop-filter:blur(16px);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:999px;box-shadow:0 20px 50px rgba(0,0,0,.22);padding:10px 12px 10px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}
    .fixed-bar strong{font-size:14px}
    .fixed-bar span{font-size:12px;color:#cbd4cf}
    .fixed-bar .btn{padding:10px 17px}
    footer{background:var(--navy);color:#d8dfda;padding:62px 0 92px}
    .footer-top{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;border-bottom:1px solid rgba(255,255,255,.13);padding-bottom:32px}
    .footer-brand{font-size:30px;font-weight:950;letter-spacing:-.08em;color:#fff;margin-bottom:12px}
    footer p{color:#aeb8b2;max-width:360px;font-size:14px}
    .footer-links{display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:flex-end}
    .footer-links a{font-size:13px;color:#d8dfda;transition:.2s}
    .footer-links a:hover{color:var(--green)}
    .legal{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:24px;color:#aeb8b2;font-size:12px}
    .legal a:hover{color:var(--green)}
    @media (max-width:1024px){
      .masthead-row{align-items:flex-start;padding:20px 0;flex-wrap:wrap}
      .menu{display:block;margin-left:auto}
      .nav{display:none;width:100%;margin-left:0;padding-top:16px;border-top:1px solid var(--line);justify-content:flex-start}
      .nav.open{display:flex}
      .creator-row{grid-template-columns:78px 1fr;gap:16px}
      .avatar{width:78px;height:78px}
      .follow{grid-column:1 / -1;width:max-content}
      .triple,.demo-wrap,.proof-grid,.content-wide,.faq-wrap,.contact-panel,.intro-panel{grid-template-columns:1fr}
      .timeline{grid-template-columns:1fr 1fr}
      .timeline-step:nth-child(2){border-right:0}
      .timeline-step{border-bottom:1px solid var(--line)}
      .timeline-step:nth-child(3),.timeline-step:nth-child(4){border-bottom:0}
      .scenario-layout{grid-template-columns:1fr 1fr}
      .fixed-bar{border-radius:22px;align-items:flex-start}
    }
    @media (max-width:768px){
      .container{width:min(100% - 32px,1180px)}
      .topbar{height:auto;padding:8px 0}
      .topbar .container{align-items:flex-start;flex-direction:column;gap:2px}
      .brand{font-size:28px}
      .edition{display:none}
      .section{padding:70px 0}
      .section-head{display:block}
      .section-head p{margin-top:16px}
      .topic-hero{min-height:710px}
      .topic-hero-inner{padding:70px 0 48px}
      .hero-badges{display:grid;grid-template-columns:1fr 1fr}
      .demo-main,.metric-grid,.scenario-layout,.material-grid{grid-template-columns:1fr}
      .screen-card img{height:190px}
      .timeline{grid-template-columns:1fr}
      .timeline-step{border-right:0!important;border-bottom:1px solid var(--line)!important}
      .timeline-step:last-child{border-bottom:0!important}
      .intro-copy,.contact-panel{padding:28px}
      .footer-top{grid-template-columns:1fr}
      .footer-links{justify-content:flex-start}
      .fixed-bar{display:none}
    }
    @media (max-width:520px){
      .nav{gap:12px}
      .nav a{font-size:12px}
      .topic-hero h1{font-size:42px}
      .creator-row{grid-template-columns:64px 1fr}
      .avatar{width:64px;height:64px}
      .hero-badges{grid-template-columns:1fr}
      .hero-actions .btn{width:100%}
      .triple{gap:14px}
      .value-card,.demo-aside,.quote-box{padding:24px}
      .contact-panel .btn{width:100%}
    }

/* roulang page: category4 */
:root{
      --ink:#10151d;
      --muted:#68717e;
      --paper:#f5f6f2;
      --white:#fff;
      --line:#dfe3e0;
      --green:#b7f34b;
      --green-deep:#74a51e;
      --navy:#18232b;
      --orange:#ff7448;
      --radius:22px;
      --shadow:0 18px 55px rgba(16,21,29,.10);
      --shadow-sm:0 8px 24px rgba(16,21,29,.07);
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);line-height:1.75;overflow-x:hidden}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;object-fit:cover}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer;border:0}
    input,textarea{outline:none}
    ::selection{background:var(--green);color:var(--ink)}
    .container{width:min(1180px,calc(100% - 48px));margin:auto}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--green-deep)}
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--green-deep)}
    .section{padding:96px 0}
    .section.compact{padding:72px 0}
    .section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}
    .section-head h2{font-size:clamp(30px,4vw,54px);letter-spacing:-.055em;line-height:1.12;margin-top:13px;font-weight:950}
    .section-head p{max-width:500px;color:var(--muted);font-size:15px}
    .masthead{background:rgba(245,246,242,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:80}
    .masthead-row{min-height:92px;display:flex;align-items:center;gap:34px}
    .brand{font-size:32px;font-weight:950;letter-spacing:-.09em;white-space:nowrap}
    .brand i{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--orange);margin:0 3px 4px 8px}
    .edition{font-size:11px;line-height:1.25;color:var(--muted);border-left:1px solid var(--line);padding-left:18px;white-space:nowrap}
    .edition b{color:var(--ink);font-size:10px;letter-spacing:.12em}
    .nav{margin-left:auto;display:flex;align-items:center;gap:21px;flex-wrap:wrap;justify-content:flex-end}
    .nav a{font-size:13px;font-weight:700;color:#4e5963;padding:7px 0;border-bottom:2px solid transparent;transition:.25s}
    .nav a:hover,.nav a.active{color:var(--ink);border-color:var(--orange)}
    .nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 22px;font-weight:800;font-size:13px;transition:.25s}
    .nav-cta{background:var(--ink);color:var(--white)!important;border:0!important;padding:11px 18px!important}
    .nav-cta:hover{background:var(--orange);transform:translateY(-2px)}
    .menu{display:none;background:transparent;font-size:25px;color:var(--ink)}
    .btn-primary{background:var(--green);color:var(--ink)}
    .btn-primary:hover{background:#d0ff79;transform:translateY(-3px);box-shadow:0 12px 28px rgba(183,243,75,.24)}
    .btn-dark{background:var(--ink);color:#fff}
    .btn-dark:hover{background:var(--orange);transform:translateY(-3px);box-shadow:0 12px 30px rgba(255,116,72,.22)}
    .btn-light{background:#fff;color:var(--ink);border:1px solid rgba(255,255,255,.45)}
    .btn-light:hover{background:var(--green);border-color:var(--green);transform:translateY(-3px)}
    .btn-line{border:1px solid var(--line);background:transparent;color:var(--ink)}
    .btn-line:hover{border-color:var(--orange);color:var(--orange);transform:translateY(-2px)}
    .hero-data{position:relative;min-height:650px;color:#fff;background:linear-gradient(90deg,rgba(12,18,23,.94),rgba(12,18,23,.70) 46%,rgba(12,18,23,.26)),url('/assets/images/backpic/back-2.webp') center/cover;display:flex;align-items:flex-end;overflow:hidden}
    .hero-data:after{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(transparent,rgba(8,14,18,.68))}
    .hero-wrap{position:relative;z-index:2;width:100%;padding:78px 0 58px;display:grid;grid-template-columns:minmax(0,1.05fr) 420px;gap:54px;align-items:end}
    .hero-copy h1{font-size:clamp(42px,6.4vw,82px);line-height:1;letter-spacing:-.078em;font-weight:950;margin:20px 0 24px;max-width:780px}
    .hero-copy p{max-width:680px;color:#dbe4df;font-size:17px;line-height:1.9}
    .hero-data .eyebrow{color:var(--green)}
    .hero-data .eyebrow:before{background:var(--green)}
    .lead-form{background:rgba(255,255,255,.96);color:var(--ink);border-radius:var(--radius);padding:26px;border:1px solid rgba(255,255,255,.58);box-shadow:0 24px 70px rgba(0,0,0,.24)}
    .lead-form h2{font-size:24px;line-height:1.22;font-weight:950;letter-spacing:-.04em;margin-bottom:10px}
    .lead-form p{color:var(--muted);font-size:13px;margin-bottom:18px}
    .field{display:grid;gap:8px;margin-bottom:13px}
    .field label{font-size:12px;font-weight:900;color:#4d5661}
    .field input,.field select{width:100%;border:1px solid var(--line);border-radius:14px;background:#f9faf7;padding:12px 14px;color:var(--ink);transition:.2s}
    .field input:focus,.field select:focus{border-color:var(--green-deep);box-shadow:0 0 0 4px rgba(183,243,75,.28);background:#fff}
    .form-note{font-size:12px;color:var(--muted);margin-top:12px}
    .ticker{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.18);background:rgba(16,21,29,.82);color:#dfe7e2}
    .ticker-row{display:flex;gap:28px;overflow:hidden;white-space:nowrap;padding:14px 0;font-size:13px}
    .ticker b{color:var(--green);margin-right:6px}
    .metric-band{background:#fff;border-bottom:1px solid var(--line)}
    .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-left:1px solid var(--line);border-right:1px solid var(--line)}
    .metric{background:#fff;padding:28px}
    .metric strong{display:block;font-size:34px;line-height:1;font-weight:950;letter-spacing:-.04em;color:var(--ink)}
    .metric span{display:block;margin-top:10px;font-size:13px;color:var(--muted)}
    .three-proof{display:grid;grid-template-columns:1.1fr .95fr .95fr;gap:18px}
    .proof-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:250px;transition:.3s;position:relative;overflow:hidden}
    .proof-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
    .proof-card:nth-child(1){background:var(--navy);color:#fff}
    .proof-card:nth-child(1) p{color:#b9c3bf}
    .proof-card:nth-child(2){background:#eaf5d1}
    .proof-no{font-size:12px;font-weight:950;color:var(--orange)}
    .proof-card h3{font-size:24px;line-height:1.2;letter-spacing:-.045em;font-weight:950;margin:18px 0 12px}
    .proof-card p{font-size:14px;color:var(--muted)}
    .proof-mark{position:absolute;right:24px;bottom:10px;font-size:76px;font-weight:950;line-height:1;color:rgba(16,21,29,.07)}
    .proof-card:nth-child(1) .proof-mark{color:rgba(183,243,75,.14)}
    .scenario-demo{display:grid;grid-template-columns:.92fr 1.08fr;gap:34px;align-items:stretch}
    .screen-card{background:var(--navy);border-radius:var(--radius);padding:24px;color:#fff;box-shadow:var(--shadow);display:grid;gap:15px}
    .screen-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:16px}
    .screen-top b{font-size:18px}
    .live-dot{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--green);font-weight:900}
    .live-dot:before{content:"";width:8px;height:8px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 6px rgba(255,116,72,.15)}
    .score-row{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:18px}
    .score-row strong{font-size:15px}
    .score-row small{display:block;color:#aebbb5;font-size:12px;margin-top:3px}
    .score{font-size:30px;font-weight:950;color:var(--green);letter-spacing:-.04em}
    .event-list{display:grid;gap:11px;margin-top:2px}
    .event-list li{list-style:none;display:grid;grid-template-columns:52px 1fr;gap:12px;border-top:1px solid rgba(255,255,255,.12);padding-top:12px;font-size:13px;color:#dfe7e2}
    .event-list b{color:var(--green)}
    .demo-copy{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:38px}
    .demo-copy h2{font-size:clamp(30px,3.6vw,48px);line-height:1.12;letter-spacing:-.055em;font-weight:950;margin:12px 0 18px}
    .demo-copy p{color:var(--muted);font-size:15px}
    .check-list{list-style:none;margin-top:28px;display:grid;gap:15px}
    .check-list li{display:flex;gap:13px;border-top:1px solid var(--line);padding-top:14px;font-size:14px}
    .check-list li:before{content:"↗";color:var(--orange);font-weight:900}
    .image-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
    .image-panel img{height:100%;width:100%;border-radius:var(--radius);box-shadow:var(--shadow-sm)}
    .text-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:38px}
    .text-panel h2{font-size:clamp(28px,3.4vw,46px);line-height:1.12;font-weight:950;letter-spacing:-.052em;margin:12px 0 18px}
    .text-panel p{color:var(--muted);font-size:15px;margin-bottom:18px}
    .tag{display:inline-block;padding:4px 9px;border-radius:99px;background:#e9f6c9;color:#5d7e1d;font-size:11px;font-weight:800}
    .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
    .step{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;min-height:210px;transition:.3s}
    .step:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm)}
    .step b{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;background:var(--ink);color:#fff;border-radius:50%;font-size:13px}
    .step h3{font-size:18px;font-weight:950;margin:18px 0 8px;letter-spacing:-.025em}
    .step p{font-size:13px;color:var(--muted)}
    .social{background:var(--navy);color:#fff}
    .social .section-head p{color:#b9c3bf}
    .quote-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
    .quote-main{background:#fff;color:var(--ink);border-radius:var(--radius);padding:38px}
    .quote-main blockquote{font-size:24px;line-height:1.55;font-weight:800;letter-spacing:-.03em}
    .quote-main p{margin-top:22px;color:var(--muted)}
    .trust-list{display:grid;gap:14px}
    .trust-item{border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:22px;background:rgba(255,255,255,.05)}
    .trust-item strong{display:block;color:var(--green);font-size:28px;line-height:1}
    .trust-item span{font-size:13px;color:#c7d1cc}
    .faq-wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;align-items:start}
    .faq-intro{position:sticky;top:120px}
    .faq-intro h2{font-size:clamp(30px,3.5vw,48px);line-height:1.12;font-weight:950;letter-spacing:-.055em;margin:12px 0 18px}
    .faq-intro p{color:var(--muted)}
    .faq-list{display:grid;gap:12px}
    details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 22px;transition:.25s}
    details:hover{box-shadow:var(--shadow-sm)}
    details[open]{border-color:#c7d9a0;background:#fbfff1}
    summary{cursor:pointer;font-weight:900;list-style:none;display:flex;justify-content:space-between;gap:20px}
    summary::-webkit-details-marker{display:none}
    summary:after{content:"+";font-size:22px;color:var(--orange);line-height:1}
    details[open] summary:after{content:"−"}
    details p{color:var(--muted);font-size:14px;margin-top:14px}
    .cta-section{background:#fff}
    .cta-box{position:relative;overflow:hidden;border-radius:calc(var(--radius) + 8px);background:linear-gradient(90deg,rgba(16,21,29,.95),rgba(24,35,43,.82)),url('/assets/images/backpic/back-3.webp') center/cover;color:#fff;padding:54px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;box-shadow:var(--shadow)}
    .cta-box h2{font-size:clamp(32px,4.2vw,58px);line-height:1.08;font-weight:950;letter-spacing:-.06em;margin-bottom:15px}
    .cta-box p{color:#d4ded8;max-width:680px}
    .mini-form{display:flex;gap:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px;min-width:370px}
    .mini-form input{flex:1;background:transparent;border:0;color:#fff;padding:0 12px;min-width:0}
    .mini-form input::placeholder{color:#bac5bf}
    .mini-form .btn{padding:11px 18px;white-space:nowrap}
    footer{background:#10151d;color:#dbe4df;padding:56px 0 34px}
    .footer-top{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:32px}
    .footer-brand{font-size:28px;font-weight:950;letter-spacing:-.06em;color:#fff;margin-bottom:10px}
    footer p{color:#aeb8b2;max-width:420px;font-size:14px}
    .footer-links{display:flex;gap:16px;flex-wrap:wrap;align-content:start;justify-content:flex-end}
    .footer-links a{font-size:13px;color:#cbd5cf;transition:.2s}
    .footer-links a:hover{color:var(--green)}
    .legal{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:#9aa7a1;font-size:12px}
    .legal a:hover{color:var(--green)}
    .fixed-bar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);width:min(980px,calc(100% - 28px));z-index:90;background:rgba(16,21,29,.94);color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 60px rgba(0,0,0,.22);border-radius:999px;padding:10px 12px 10px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;backdrop-filter:blur(14px)}
    .fixed-bar span{font-size:13px;color:#d9e3dd}
    .fixed-bar b{color:var(--green)}
    .fixed-bar .btn{padding:10px 17px;font-size:12px;white-space:nowrap}
    :focus-visible{outline:3px solid rgba(255,116,72,.45);outline-offset:3px}
    @media (max-width:1024px){
      .container{width:min(100% - 36px,960px)}
      .masthead-row{gap:18px}
      .edition{display:none}
      .nav{gap:14px}
      .hero-wrap,.scenario-demo,.image-panel,.quote-grid,.faq-wrap,.cta-box{grid-template-columns:1fr}
      .lead-form{max-width:520px}
      .metrics,.timeline{grid-template-columns:repeat(2,1fr)}
      .three-proof{grid-template-columns:1fr 1fr}
      .three-proof .proof-card:first-child{grid-column:span 2}
      .faq-intro{position:static}
      .mini-form{min-width:0;width:100%}
    }
    @media (max-width:768px){
      .section{padding:72px 0}
      .section-head{display:block;margin-bottom:28px}
      .section-head p{margin-top:14px}
      .menu{display:block;margin-left:auto}
      .nav{display:none;position:absolute;left:18px;right:18px;top:82px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow);align-items:flex-start;justify-content:flex-start}
      .nav.open{display:flex}
      .nav a{width:calc(50% - 8px);padding:10px 0}
      .nav .nav-cta{width:100%;margin-top:4px}
      .masthead-row{min-height:82px}
      .brand{font-size:29px}
      .hero-data{min-height:auto}
      .hero-wrap{padding:64px 0 44px;gap:28px}
      .hero-copy h1{font-size:44px}
      .metrics,.timeline,.three-proof{grid-template-columns:1fr}
      .three-proof .proof-card:first-child{grid-column:auto}
      .metric{padding:22px}
      .score-row{grid-template-columns:1fr;text-align:left}
      .score{text-align:left}
      .demo-copy,.text-panel,.quote-main,.cta-box{padding:28px}
      .footer-top{grid-template-columns:1fr}
      .footer-links{justify-content:flex-start}
      .fixed-bar{border-radius:22px;align-items:flex-start;flex-direction:column;padding:16px}
    }
    @media (max-width:520px){
      .container{width:calc(100% - 28px)}
      .hero-copy h1{font-size:38px;letter-spacing:-.06em}
      .lead-form{padding:20px}
      .nav a{width:100%}
      .mini-form{border-radius:20px;display:grid}
      .mini-form input{padding:10px 12px}
      .mini-form .btn{width:100%}
      .ticker-row{font-size:12px}
      .cta-box h2,.section-head h2,.faq-intro h2,.demo-copy h2,.text-panel h2{letter-spacing:-.035em}
    }

/* roulang page: category7 */
:root{
      --ink:#10151d;--muted:#68717e;--paper:#f5f6f2;--white:#fff;
      --line:#dfe3e0;--green:#b7f34b;--green-deep:#74a51e;--navy:#18232b;
      --orange:#ff7448;--radius:22px;--shadow:0 18px 55px rgba(16,21,29,.10);
      --shadow-sm:0 8px 24px rgba(16,21,29,.07)
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;overflow-x:hidden}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;object-fit:cover}
    button,input,textarea{font:inherit}
    button{cursor:pointer;border:0}
    .container{width:min(1180px,calc(100% - 48px));margin:auto}
    .topbar{height:38px;background:var(--navy);color:#d6dcd6;font-size:12px}
    .topbar .container{height:100%;display:flex;align-items:center;justify-content:space-between}
    .masthead{background:rgba(245,246,242,.94);border-bottom:1px solid var(--line);position:relative;z-index:5}
    .masthead-row{min-height:92px;display:flex;align-items:center;gap:34px}
    .brand{font-size:32px;font-weight:950;letter-spacing:-.09em;white-space:nowrap}
    .brand i{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--orange);margin:0 3px 4px 8px}
    .edition{font-size:11px;line-height:1.4;color:var(--muted);border-left:1px solid var(--line);padding-left:20px;letter-spacing:.08em}
    .edition b{font-size:10px;color:var(--ink)}
    .nav{margin-left:auto;display:flex;align-items:center;gap:21px;flex-wrap:wrap;justify-content:flex-end}
    .nav a{font-size:13px;font-weight:700;color:#4e5963;padding:7px 0;border-bottom:2px solid transparent;transition:.25s}
    .nav a:hover,.nav a.active{color:var(--ink);border-color:var(--orange)}
    .nav .nav-cta{background:var(--ink);color:#fff!important;padding:13px 22px;border:0!important;border-radius:999px}
    .nav .nav-cta:hover{background:var(--orange);transform:translateY(-2px)}
    .menu{display:none;background:transparent;font-size:25px}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--green-deep)}
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--green-deep)}
    .section{padding:92px 0}
    .section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}
    .section-head h2{font-size:clamp(30px,4vw,54px);letter-spacing:-.055em;line-height:1.12;margin:13px 0 0}
    .section-head p{max-width:470px;color:var(--muted);font-size:15px}
    .banner{min-height:560px;color:#fff;display:flex;align-items:center;background:linear-gradient(90deg,rgba(12,20,25,.95),rgba(12,20,25,.66) 52%,rgba(12,20,25,.18)),url('/assets/images/backpic/back-3.webp') center/cover}
    .banner-content{max-width:760px;padding:70px 0}
    .banner .eyebrow{color:var(--green)}
    .banner .eyebrow:before{background:var(--green)}
    .banner h1{font-size:clamp(45px,7vw,86px);line-height:1;letter-spacing:-.085em;margin:20px 0 25px}
    .banner p{font-size:17px;color:#dce3df;max-width:650px}
    .actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 23px;font-weight:800;font-size:13px;transition:.25s}
    .btn-primary{background:var(--green);color:var(--ink)}
    .btn-primary:hover{background:#d0ff79;transform:translateY(-3px);box-shadow:0 12px 28px rgba(183,243,75,.24)}
    .btn-dark{background:var(--ink);color:#fff}
    .btn-dark:hover{background:var(--orange);transform:translateY(-3px)}
    .btn-ghost{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.08)}
    .btn-ghost:hover{background:#fff;color:var(--ink)}
    .intro{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}
    .intro h2{font-size:clamp(31px,4vw,55px);line-height:1.1;letter-spacing:-.06em;margin:14px 0}
    .intro-copy{font-size:17px;color:#3e4850;line-height:2}
    .intro-copy p{margin:0 0 18px}
    .note-box{background:var(--navy);color:#fff;border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}
    .note-box strong{display:block;font-size:32px;color:var(--green);line-height:1.1;margin-bottom:12px}
    .note-box p{color:#c6cfca;font-size:14px;margin:0}
    .benefit-grid{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:18px}
    .benefit{min-height:260px;border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:#fff;transition:.3s;position:relative;overflow:hidden}
    .benefit:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
    .benefit:nth-child(2){background:#eaf5d1}.benefit:nth-child(3){background:var(--navy);color:#fff}
    .benefit small{font-weight:900;color:var(--orange);letter-spacing:.1em}
    .benefit h3{font-size:24px;letter-spacing:-.04em;margin:35px 0 10px}
    .benefit p{color:var(--muted);font-size:14px;margin:0}
    .benefit:nth-child(3) p{color:#b9c3bf}
    .benefit .mark{position:absolute;right:24px;bottom:8px;font-size:78px;line-height:1;font-weight:950;color:rgba(16,21,29,.07)}
    .benefit:nth-child(3) .mark{color:rgba(183,243,75,.13)}
    .feature-split{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
    .feature-split img{height:100%;min-height:390px;width:100%;border-radius:var(--radius)}
    .feature-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:38px}
    .feature-panel h3{font-size:30px;line-height:1.2;letter-spacing:-.05em;margin:10px 0 16px}
    .feature-panel p{color:var(--muted);font-size:15px}
    .check-list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px}
    .check-list li{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:13px;font-size:14px}
    .check-list li:before{content:"↗";color:var(--orange);font-weight:900}
    .process{background:var(--navy);color:#fff}
    .process .section-head p{color:#b9c3bf}
    .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#3c494d;border:1px solid #3c494d}
    .step{background:var(--navy);padding:28px;min-height:220px}
    .step b{font-size:42px;color:var(--green);line-height:1}
    .step h3{font-size:18px;margin:28px 0 9px}
    .step p{font-size:13px;color:#b9c3bf;margin:0}
    .scene-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:start}
    .scene-layout h2{font-size:clamp(30px,4vw,50px);line-height:1.1;letter-spacing:-.06em;margin:12px 0}
    .scene-layout>div>p{color:var(--muted);font-size:15px}
    .scene-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .scene{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;min-height:170px}
    .scene:nth-child(2),.scene:nth-child(3){background:#eaf5d1}
    .scene span{font-size:27px;font-weight:950;color:var(--orange)}
    .scene h3{font-size:17px;margin:14px 0 5px}
    .scene p{font-size:13px;color:var(--muted);margin:0}
    .evidence{display:grid;grid-template-columns:1fr .9fr;gap:20px}
    .evidence-image{position:relative;min-height:330px;border-radius:var(--radius);overflow:hidden}
    .evidence-image img{width:100%;height:100%}
    .image-caption{position:absolute;left:25px;bottom:22px;color:#fff;font-size:13px;background:rgba(16,21,29,.72);padding:8px 13px;border-radius:8px}
    .stats{background:#e7f6ba;border-radius:var(--radius);padding:35px;display:grid;grid-template-columns:1fr 1fr;gap:26px}
    .stat{border-top:1px solid rgba(16,21,29,.2);padding-top:15px}
    .stat strong{font-size:39px;letter-spacing:-.06em;display:block}
    .stat span{font-size:13px;color:#53612f}
    .standards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
    .standard{padding:27px;border-top:3px solid var(--orange);background:#fff;border-radius:0 0 18px 18px;box-shadow:var(--shadow-sm)}
    .standard h3{font-size:19px;margin:0 0 9px}
    .standard p{font-size:14px;color:var(--muted);margin:0}
    .faq-wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px}
    .faq-wrap h2{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.06em;margin:13px 0}
    .faq-item{border-top:1px solid var(--line);padding:20px 0}
    .faq-q{width:100%;display:flex;justify-content:space-between;text-align:left;background:none;font-weight:800;font-size:16px;color:var(--ink);padding:0}
    .faq-q span{color:var(--orange);font-size:22px;transition:.25s}
    .faq-a{display:none;color:var(--muted);font-size:14px;padding:12px 35px 0 0}
    .faq-item.open .faq-a{display:block}.faq-item.open .faq-q span{transform:rotate(45deg)}
    .cta{background:var(--orange);color:#fff;border-radius:var(--radius);padding:52px 60px;display:flex;align-items:center;justify-content:space-between;gap:25px}
    .cta h2{font-size:clamp(29px,4vw,48px);line-height:1.1;letter-spacing:-.06em;margin:0 0 10px}
    .cta p{margin:0;color:#ffe7df;font-size:14px}
    .cta .btn{background:#fff;color:var(--ink);white-space:nowrap}.cta .btn:hover{background:var(--green);transform:translateY(-3px)}
    footer{background:var(--navy);color:#fff;padding:56px 0 24px}
    .footer-top{display:flex;justify-content:space-between;gap:50px;padding-bottom:40px}
    .footer-brand{font-size:28px;font-weight:950;letter-spacing:-.08em}
    .footer-top p{color:#b9c3bf;font-size:13px;max-width:330px}
    .footer-links{display:grid;grid-template-columns:repeat(4,auto);gap:13px 28px;align-content:start}
    .footer-links a{font-size:13px;color:#cbd2ce;transition:.2s}.footer-links a:hover{color:var(--green)}
    .legal{border-top:1px solid #3d494d;padding-top:20px;display:flex;gap:20px;flex-wrap:wrap;color:#aab5b1;font-size:11px}
    .legal a:hover{color:var(--green)}
    .join{scroll-margin-top:30px}
    @media(max-width:1024px){.nav{gap:14px}.masthead-row{gap:20px}.benefit-grid,.standards{grid-template-columns:1fr 1fr}.benefit:last-child{grid-column:span 2}.process-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:768px){.container{width:min(100% - 32px,600px)}.topbar{height:auto;padding:8px 0}.topbar .container{gap:12px;align-items:flex-start}.edition{display:none}.masthead-row{min-height:72px}.menu{display:block;margin-left:auto}.nav{display:none;position:absolute;top:72px;left:0;right:0;margin:0;background:var(--paper);padding:18px 24px;border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm);flex-direction:column;align-items:stretch;gap:8px}.nav.open{display:flex}.nav a{padding:8px 0}.nav .nav-cta{text-align:center;margin-top:5px}.banner{min-height:600px}.banner h1{font-size:58px}.section{padding:70px 0}.section-head,.intro,.scene-layout,.evidence,.faq-wrap{display:block}.section-head p{margin-top:20px}.intro-copy{margin-top:28px}.note-box{margin-top:25px}.feature-split{grid-template-columns:1fr}.feature-split img{min-height:260px;max-height:330px}.process-grid,.benefit-grid,.standards{grid-template-columns:1fr}.benefit:last-child{grid-column:auto}.scene-list{margin-top:28px}.stats{margin-top:20px}.evidence-image{min-height:270px}.cta{display:block;padding:38px 28px}.cta .btn{margin-top:25px}.footer-top{display:block}.footer-links{margin-top:28px;grid-template-columns:repeat(2,1fr)}}
    @media(max-width:520px){.brand{font-size:28px}.banner h1{font-size:48px}.banner p{font-size:15px}.actions .btn{width:100%}.feature-panel{padding:27px}.scene-list{grid-template-columns:1fr}.stats{padding:25px;gap:18px}.stat strong{font-size:31px}.legal{display:grid;gap:7px}}