/* roulang page: index */
:root{
      --olive:#30382D;--olive-2:#20271F;--sand:#D7C8AA;--moss:#84906B;
      --clay:#A7654D;--plum:#76505C;--paper:#F4F1E9;--ink:#252A24;
      --muted:#73776D;--line:#D8D1C2;--white:#FCFAF4;--radius:14px;
      --shadow:0 12px 30px rgba(48,56,45,.09);--shadow-deep:0 18px 38px rgba(32,39,31,.19)
    }
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC","Helvetica Neue",Arial,sans-serif;line-height:1.8;font-size:16px}
    a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}
    .container{width:min(1120px,calc(100% - 64px));margin:auto}.wide{width:min(1240px,calc(100% - 64px));margin:auto}
    .topbar{height:72px;background:var(--olive);color:var(--white);border-bottom:1px solid rgba(215,200,170,.2);box-shadow:0 3px 14px rgba(32,39,31,.13);position:sticky;top:0;z-index:20}
    .navrow{height:72px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.brand-mark{width:30px;height:30px;border:1px solid var(--sand);border-radius:8px;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--sand);width:6px;height:6px;border-radius:50%}.brand-mark:before{left:6px;top:6px}.brand-mark:after{right:6px;bottom:6px}.brand-mark span{position:absolute;width:12px;height:1px;background:var(--moss);transform:rotate(45deg);left:8px;top:14px}
    .navlinks{display:flex;gap:5px;align-items:center;margin-left:auto}.navlinks a{font-size:14px;color:#d8d9cf;padding:8px 13px;border-radius:8px;transition:.2s}.navlinks a:hover,.navlinks a.active{background:var(--moss);color:var(--white)}
    .status{display:flex;align-items:center;gap:7px;color:#d9dccf;font-size:13px;white-space:nowrap}.status i{width:8px;height:8px;background:var(--moss);border-radius:50%;display:block;box-shadow:0 0 0 4px rgba(132,144,107,.15)}
    .bell{position:relative;padding:8px;color:var(--sand)}.bell b{position:absolute;right:3px;top:3px;background:var(--clay);font-size:10px;line-height:16px;width:16px;height:16px;text-align:center;border-radius:50%}
    .nav-cta,.btn-primary{background:var(--sand);color:var(--olive);padding:11px 17px;border-radius:10px;font-weight:700;transition:.2s;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.nav-cta:hover,.btn-primary:hover{background:var(--moss);color:var(--white);box-shadow:var(--shadow-deep);transform:translateY(-2px)}
    .menu-btn{display:none;color:var(--sand);background:none;border:0;font-size:25px}
    .hero{background:var(--olive);color:var(--white);padding:76px 0 62px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;opacity:.11;background-image:linear-gradient(rgba(215,200,170,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(215,200,170,.35) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:68px;align-items:center}.eyebrow,.badge{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sand);font-weight:700}.hero h1{font-size:clamp(38px,5vw,58px);line-height:1.16;letter-spacing:-.055em;margin:16px 0 20px;font-weight:800}.hero p{color:#d9dccf;max-width:620px;font-size:17px;line-height:1.9;margin:0 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn-secondary{border:1px solid rgba(215,200,170,.65);color:var(--white);padding:10px 17px;border-radius:10px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;transition:.2s}.btn-secondary:hover{border-color:var(--sand);background:rgba(215,200,170,.13);color:var(--sand)}.micro{font-size:13px;color:#aeb5a6;margin-top:14px}
    .panel{background:#3d4638;border:1px solid rgba(215,200,170,.25);border-radius:18px;box-shadow:var(--shadow-deep);padding:20px;min-height:310px;position:relative}.panel-head{display:flex;justify-content:space-between;color:#d9dccf;font-size:13px;border-bottom:1px solid rgba(215,200,170,.2);padding-bottom:14px}.node{background:var(--paper);color:var(--ink);border-radius:12px;padding:16px;position:absolute;box-shadow:0 10px 20px rgba(0,0,0,.13)}.node.one{left:24px;top:78px;width:62%}.node.two{right:20px;bottom:26px;width:52%;background:var(--sand)}.node.three{right:34px;top:78px;padding:10px 13px;background:var(--clay);color:var(--white);font-size:12px}.linepath{height:5px;background:#d9dccf;border-radius:5px;margin:13px 0 7px;overflow:hidden}.linepath span{display:block;height:100%;width:68%;background:var(--moss)}.index{font-family:monospace;color:var(--clay);font-size:12px;font-weight:bold}.quick{display:flex;gap:10px;flex-wrap:wrap;margin-top:40px}.quick a{font-size:13px;color:var(--sand);border-bottom:1px solid rgba(215,200,170,.55);padding-bottom:2px}
    section{padding:88px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.section-head h2{font-size:34px;line-height:1.25;letter-spacing:-.04em;margin:8px 0 0;font-weight:800}.section-head p{max-width:540px;color:var(--muted);margin:0}.divider{height:1px;background:var(--line);margin:0 0 30px}.feature-layout{display:grid;grid-template-columns:220px 1fr;gap:48px}.rail{border-left:2px solid var(--moss);padding-left:18px}.rail strong{font-family:monospace;color:var(--clay);font-size:14px}.rail h3{font-size:24px;line-height:1.35;margin:12px 0}.rail p{color:var(--muted);font-size:14px}.card-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:16px}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow);transition:.22s;position:relative}.card:hover{transform:translateY(-3px);border-color:var(--moss);box-shadow:0 17px 32px rgba(48,56,45,.14)}.card.dark{background:var(--olive);color:var(--white);border-color:var(--olive)}.card.dark p{color:#ced4c6}.card h3{margin:13px 0 7px;font-size:21px;line-height:1.4}.card p{color:var(--muted);font-size:14px;line-height:1.75;margin:0}.icon{width:38px;height:38px;border:1px solid var(--moss);border-radius:9px;display:grid;place-items:center;color:var(--moss)}.card.dark .icon{border-color:var(--sand);color:var(--sand)}.card-arrow{position:absolute;right:22px;bottom:20px;color:var(--clay);font-size:20px}.tag{display:inline-flex;font-size:12px;color:var(--plum);background:#eee6d8;padding:3px 9px;border-radius:20px;margin-top:18px}.dark .tag{background:rgba(215,200,170,.15);color:var(--sand)}
    .sand-section{background:#ebe3d2}.path-tabs{display:flex;gap:10px;overflow:auto;padding-bottom:6px;margin-bottom:24px}.path-tabs button{border:1px solid var(--line);background:var(--paper);padding:10px 16px;border-radius:30px;white-space:nowrap;color:var(--olive);transition:.2s}.path-tabs button:hover,.path-tabs button.active{background:var(--clay);border-color:var(--clay);color:var(--white)}.scenario{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:stretch}.scenario-copy{padding:30px 0}.scenario h3{font-size:28px;margin:0 0 12px}.scenario-copy p{color:var(--muted);max-width:480px}.steps{display:grid;gap:12px;margin-top:23px}.step{display:flex;gap:14px;align-items:flex-start}.step b{width:28px;height:28px;border-radius:50%;background:var(--olive);color:var(--sand);font:700 12px/28px monospace;text-align:center;flex:none}.step span{font-size:14px}.route-board{background:var(--olive);border-radius:16px;padding:28px;color:var(--white);display:flex;flex-direction:column;justify-content:center;gap:17px}.route-row{display:flex;align-items:center;gap:12px}.route-dot{width:12px;height:12px;border:2px solid var(--sand);border-radius:50%;flex:none}.route-line{height:1px;background:var(--moss);flex:1}.notice{background:var(--sand);padding:15px 18px;border-left:4px solid var(--clay);font-size:14px;margin-top:22px}
    .archive{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.case-stack{display:grid;gap:18px}.case{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:25px;transition:.2s}.case:hover{border-color:var(--moss);transform:translateY(-2px)}.case h3{margin:10px 0 8px;font-size:21px}.case p{color:var(--muted);font-size:14px;margin:0}.case-main{background:var(--olive);color:var(--white);min-height:280px}.case-main p{color:#d2d8ca}.case-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--clay);font-family:monospace}.case-main .case-meta{color:var(--sand)}
    .plans{display:grid;grid-template-columns:.85fr 1fr .85fr;gap:16px;align-items:start}.plan{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.plan.recommend{background:var(--olive);color:var(--white);transform:translateY(-12px);box-shadow:var(--shadow-deep)}.plan p{color:var(--muted);font-size:14px}.recommend p{color:#d3d8cc}.price{font-size:31px;font-weight:800;margin:16px 0}.price small{font-size:13px;font-weight:400;color:var(--muted)}.recommend .price small{color:#c9cfbf}.plan ul{list-style:none;padding:0;margin:20px 0}.plan li{padding:8px 0;border-bottom:1px dashed var(--line);font-size:14px}.plan li:before{content:"✓";color:var(--moss);margin-right:9px;font-weight:bold}
    .info-layout{display:grid;grid-template-columns:1fr .8fr;gap:42px}.news-list{border-top:1px solid var(--line)}.news-item{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-weight:700}.news-item span{font:12px monospace;color:var(--clay);white-space:nowrap}.side-note{background:var(--sand);padding:27px;border-radius:var(--radius)}.side-note h3{margin-top:0}.side-note p{font-size:14px;color:#5e6258}
    .lead{background:var(--plum);color:var(--white);padding:62px 0}.lead-grid{display:grid;grid-template-columns:1fr .85fr;gap:50px;align-items:center}.lead h2{font-size:34px;line-height:1.3;margin:8px 0 14px}.lead p{color:#eadfe1;max-width:570px}.form{background:var(--white);padding:22px;border-radius:14px;color:var(--ink);display:grid;gap:11px}.form label{font-size:13px;font-weight:700}.form input{height:48px;border:1px solid var(--line);background:var(--paper);border-radius:9px;padding:0 13px;outline:none}.form input:focus{border-color:var(--moss);box-shadow:0 0 0 3px rgba(132,144,107,.25)}.form small{font-size:12px;color:var(--muted)}
    .faq{max-width:820px;margin:auto}.faq-item{border-top:1px solid var(--line)}.faq-item button{width:100%;display:flex;justify-content:space-between;text-align:left;padding:20px 0;background:none;border:0;color:var(--ink);font-weight:700}.faq-item button span:last-child{font-size:22px;color:var(--clay)}.faq-answer{display:none;color:var(--muted);font-size:14px;padding:0 35px 20px 0}.faq-item.open .faq-answer{display:block}
    footer{background:var(--olive-2);color:#d6dacd;padding:54px 0 20px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px}.footer-brand{font-size:20px;font-weight:800;color:var(--white)}footer p,footer a{font-size:14px;color:#aeb5a6}footer a:hover{color:var(--sand)}.footer-col h3{font-size:14px;color:var(--sand);margin:0 0 13px}.footer-col{display:grid;align-content:start;gap:5px}.copyright{border-top:1px solid rgba(215,200,170,.18);margin-top:40px;padding-top:17px;font-size:12px;color:#919a8d;display:flex;justify-content:space-between;gap:15px}
    @media(max-width:1024px){.hero-grid{gap:35px}.navlinks{gap:0}.status{display:none}.feature-layout{gap:28px}}
    @media(max-width:768px){.container,.wide{width:min(100% - 32px,600px)}.topbar,.navrow{height:64px}.navrow{gap:14px}.navlinks,.nav-cta{display:none}.menu-btn{display:block;margin-left:auto}.hero{padding:55px 0 45px}.hero-grid,.scenario,.info-layout,.lead-grid{grid-template-columns:1fr}.panel{min-height:280px}.section-head{display:block}.section-head p{margin-top:12px}.feature-layout{grid-template-columns:1fr;gap:25px}.rail{max-width:420px}.card-grid,.archive,.plans{grid-template-columns:1fr}.plan.recommend{transform:none}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}section{padding:62px 0}}
    @media(max-width:520px){.brand{font-size:14px}.brand-mark{width:27px;height:27px}.hero h1{font-size:37px}.hero p{font-size:15px}.actions a{width:100%}.node.one{width:70%;left:15px}.node.two{width:62%;right:12px}.node.three{right:15px}.card,.case,.plan{padding:20px}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-top:8px}}
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category1 */
:root{--olive:#30382D;--olive-2:#20271F;--sand:#D7C8AA;--moss:#84906B;--clay:#A7654D;--plum:#76505C;--paper:#F4F1E9;--ink:#252A24;--muted:#73776D;--line:#D8D1C2;--white:#FCFAF4;--radius:14px;--shadow:0 12px 30px rgba(48,56,45,.09);--shadow-deep:0 18px 38px rgba(32,39,31,.19)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC","Helvetica Neue",Arial,sans-serif;line-height:1.8;font-size:16px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.container{width:min(1120px,calc(100% - 64px));margin:auto}
.topbar{height:72px;background:var(--olive);color:var(--white);border-bottom:1px solid rgba(215,200,170,.2);box-shadow:0 3px 14px rgba(32,39,31,.13);position:sticky;top:0;z-index:20}.navrow{height:72px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.brand-mark{width:30px;height:30px;border:1px solid var(--sand);border-radius:8px;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--sand);width:6px;height:6px;border-radius:50%}.brand-mark:before{left:6px;top:6px}.brand-mark:after{right:6px;bottom:6px}.brand-mark span{position:absolute;width:12px;height:1px;background:var(--moss);transform:rotate(45deg);left:8px;top:14px}.navlinks{display:flex;gap:5px;align-items:center;margin-left:auto}.navlinks a{font-size:14px;color:#d8d9cf;padding:8px 13px;border-radius:8px;transition:.2s}.navlinks a:hover,.navlinks a.active{background:var(--moss);color:var(--white)}.nav-cta,.btn-primary{background:var(--sand);color:var(--olive);padding:11px 17px;border-radius:10px;font-weight:700;transition:.2s;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.nav-cta:hover,.btn-primary:hover{background:var(--moss);color:var(--white);box-shadow:var(--shadow-deep);transform:translateY(-2px)}.menu-btn{display:none;color:var(--sand);background:none;border:0;font-size:25px}
.page-head{position:relative;overflow:hidden;padding:58px 0 52px;border-bottom:1px solid var(--line);background:var(--paper)}.page-head:after{content:"";position:absolute;inset:0;opacity:.28;pointer-events:none;background-image:linear-gradient(135deg,transparent 48%,rgba(132,144,107,.25) 49%,transparent 50%),radial-gradient(circle at 78% 35%,rgba(132,144,107,.35) 0 3px,transparent 4px);background-size:90px 90px,130px 130px}.head-inner{position:relative;z-index:1;display:flex;justify-content:space-between;gap:50px;align-items:end}.crumb{font-size:13px;color:var(--muted);margin-bottom:20px}.crumb a{color:var(--clay);border-bottom:1px solid rgba(167,101,77,.4)}.index-label{display:inline-flex;padding:5px 10px;border:1px solid var(--moss);border-radius:8px;color:var(--moss);font:700 12px monospace;letter-spacing:.08em}.page-head h1{font-size:clamp(34px,5vw,52px);line-height:1.18;letter-spacing:-.05em;margin:15px 0 13px;font-weight:800}.page-head p{max-width:650px;color:var(--muted);margin:0;font-size:16px}.head-status{min-width:205px;padding:18px;background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.head-status strong{display:block;font-size:24px;color:var(--olive);line-height:1.2}.head-status span{font-size:13px;color:var(--muted)}
main{padding:66px 0 84px}.content-layout{display:grid;grid-template-columns:235px 1fr;gap:46px}.filter{position:sticky;top:98px;align-self:start}.filter h2{font-size:19px;margin:0 0 18px}.filter-box{border-top:1px solid var(--line);padding-top:16px;margin-top:15px}.filter-box h3{font-size:13px;color:var(--muted);margin:0 0 10px}.filter button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--ink);padding:8px 10px;border-radius:8px;font-size:14px;transition:.2s}.filter button:hover,.filter button.active{background:#e3eadb;color:var(--olive);font-weight:700}.filter-note{margin-top:22px;padding:15px;background:#ebe3d2;border-left:3px solid var(--moss);font-size:13px;color:#5f6558}
.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.toolbar h2{font-size:27px;margin:0;line-height:1.3}.sort{border:1px solid var(--line);background:var(--white);border-radius:9px;padding:8px 12px;color:var(--muted);font-size:13px}
.card-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);position:relative;transition:.22s}.card:hover{transform:translateY(-3px);border-color:var(--moss);box-shadow:0 17px 32px rgba(48,56,45,.14)}.card.feature{grid-row:span 2;background:var(--olive);color:var(--white);min-height:320px}.card h3{font-size:21px;line-height:1.4;margin:12px 0 8px}.card p{color:var(--muted);font-size:14px;line-height:1.8;margin:0}.card.feature p{color:#d2d8ca}.number{font:700 13px monospace;color:var(--clay);letter-spacing:.08em}.feature .number{color:var(--sand)}.tag{display:inline-flex;font-size:12px;color:var(--plum);background:#eee6d8;padding:3px 9px;border-radius:20px;margin-top:16px;margin-right:5px}.feature .tag{color:var(--sand);background:rgba(215,200,170,.14)}.card-arrow{position:absolute;right:21px;bottom:18px;color:var(--clay);font-size:21px;transition:.2s}.card:hover .card-arrow{right:17px}.read-meta{display:flex;justify-content:space-between;margin-top:20px;color:var(--muted);font:12px monospace}.feature .read-meta{color:var(--sand)}
.tip-panel{margin-top:58px;padding:28px 32px;background:#ebe3d2;border:1px solid #d9cdb5;border-radius:14px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.tip-panel h2{font-size:23px;margin:0 0 5px}.tip-panel p{margin:0;color:#62685c;font-size:14px}.outline-btn{border:1px solid var(--olive);color:var(--olive);padding:10px 16px;border-radius:10px;min-height:44px;font-weight:700;transition:.2s}.outline-btn:hover{background:var(--olive);color:var(--white)}
.faq-section{padding:78px 0;background:#ebe3d2}.section-title{margin-bottom:28px}.section-title .eyebrow{color:var(--clay);font-size:12px;font-weight:700;letter-spacing:.12em}.section-title h2{font-size:32px;line-height:1.3;margin:8px 0}.section-title p{color:var(--muted);margin:0;max-width:630px}.faq{max-width:850px}.faq-item{border-top:1px solid var(--line)}.faq-item button{width:100%;display:flex;justify-content:space-between;text-align:left;padding:19px 0;background:none;border:0;color:var(--ink);font-weight:700}.faq-item button span:last-child{font-size:22px;color:var(--clay)}.faq-answer{display:none;color:var(--muted);font-size:14px;padding:0 35px 20px 0}.faq-item.open .faq-answer{display:block}
.cta{padding:70px 0;background:var(--plum);color:var(--white)}.cta-grid{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta h2{font-size:32px;line-height:1.3;margin:0 0 10px}.cta p{color:#eadfe1;margin:0;max-width:640px}.cta .btn-primary{background:var(--sand)}
footer{background:var(--olive);color:var(--white);padding:54px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px}.footer-brand{font-size:20px;font-weight:800;margin-bottom:10px}.footer-grid p{color:#cbd0c4;font-size:14px;max-width:330px;margin:0}.footer-col{display:flex;flex-direction:column;gap:8px}.footer-col h3{font-size:14px;color:var(--sand);margin:0 0 6px}.footer-col a{font-size:14px;color:#cbd0c4;transition:.2s}.footer-col a:hover{color:var(--sand);padding-left:3px}.copyright{border-top:1px solid rgba(215,200,170,.2);margin-top:38px;padding-top:17px;display:flex;justify-content:space-between;gap:18px;color:#aeb6a8;font-size:12px}
:focus-visible{outline:2px solid var(--moss);outline-offset:3px}@media(max-width:900px){.nav-cta{display:none}.content-layout{grid-template-columns:190px 1fr;gap:28px}.head-inner{align-items:center}.card-grid{grid-template-columns:1fr}.card.feature{grid-row:auto}.feature .read-meta{margin-top:28px}}@media(max-width:768px){.container{width:min(100% - 32px,600px)}.topbar,.navrow{height:64px}.navlinks{display:none;position:absolute;top:64px;left:0;right:0;background:var(--olive-2);padding:14px 16px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow-deep)}.navlinks.open{display:flex}.navlinks a{padding:12px}.menu-btn{display:block;margin-left:auto}.head-inner{display:block}.head-status{margin-top:27px;max-width:260px}.page-head{padding:40px 0}.content-layout{display:block}.filter{position:static;margin-bottom:34px;padding:18px;background:var(--white);border:1px solid var(--line);border-radius:12px}.filter-box{display:inline-block;vertical-align:top;width:48%;border-top:0;padding-top:0}.filter h2{margin-bottom:10px}.tip-panel{grid-template-columns:1fr}.cta-grid{display:block}.cta .btn-primary{margin-top:24px}.footer-grid{grid-template-columns:1fr 1fr}.copyright{display:block}.copyright span{display:block;margin-bottom:5px}}@media(max-width:520px){.brand{font-size:14px}.brand-mark{width:27px;height:27px}.toolbar{align-items:flex-start;flex-direction:column}.filter-box{width:100%;display:block;margin-top:12px}.card{padding:20px}.tip-panel{padding:22px}.footer-grid{grid-template-columns:1fr}.page-head h1{font-size:35px}.cta h2{font-size:28px}}

/* roulang page: category2 */
:root{
      --olive:#30382D;--olive-2:#20271F;--sand:#D7C8AA;--moss:#84906B;
      --clay:#A7654D;--plum:#76505C;--paper:#F4F1E9;--ink:#252A24;
      --muted:#73776D;--line:#D8D1C2;--white:#FCFAF4;--radius:14px;
      --shadow:0 12px 30px rgba(48,56,45,.09);--shadow-deep:0 18px 38px rgba(32,39,31,.19)
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC","Helvetica Neue",Arial,sans-serif;line-height:1.8;font-size:16px}
    a{color:inherit;text-decoration:none}
    button,input{font:inherit}
    button{cursor:pointer}
    button:disabled{cursor:not-allowed;opacity:.55}
    :focus-visible{outline:3px solid rgba(132,144,107,.65);outline-offset:3px}
    .container{width:min(1120px,calc(100% - 64px));margin:auto}
    .topbar{height:72px;background:var(--olive);color:var(--white);border-bottom:1px solid rgba(215,200,170,.2);box-shadow:0 3px 14px rgba(32,39,31,.13);position:sticky;top:0;z-index:20}
    .navrow{height:72px;display:flex;align-items:center;gap:28px}
    .brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}
    .brand-mark{width:30px;height:30px;border:1px solid var(--sand);border-radius:8px;position:relative}
    .brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--sand);width:6px;height:6px;border-radius:50%}
    .brand-mark:before{left:6px;top:6px}.brand-mark:after{right:6px;bottom:6px}
    .brand-mark span{position:absolute;width:12px;height:1px;background:var(--moss);transform:rotate(45deg);left:8px;top:14px}
    .navlinks{display:flex;gap:5px;align-items:center;margin-left:auto}
    .navlinks a{font-size:14px;color:#d8d9cf;padding:8px 13px;border-radius:8px;transition:.2s}
    .navlinks a:hover,.navlinks a.active{background:var(--moss);color:var(--white)}
    .nav-cta,.btn-primary{background:var(--sand);color:var(--olive);padding:11px 17px;border-radius:10px;font-weight:700;transition:.2s;display:inline-flex;align-items:center;justify-content:center;min-height:44px}
    .nav-cta:hover,.btn-primary:hover{background:var(--moss);color:var(--white);box-shadow:var(--shadow-deep);transform:translateY(-2px)}
    .menu-btn{display:none;color:var(--sand);background:none;border:0;font-size:25px}
    .page-head{padding:54px 0 48px;background:var(--paper);position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
    .page-head:after{content:"";position:absolute;right:-5%;top:0;width:48%;height:100%;opacity:.3;background:repeating-radial-gradient(ellipse at center,transparent 0 25px,rgba(132,144,107,.25) 26px 27px,transparent 28px 52px);pointer-events:none}
    .head-inner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:40px}
    .crumb{font-size:13px;color:var(--muted);margin-bottom:16px}.crumb a{color:var(--clay)}
    .eyebrow{font-size:12px;letter-spacing:.14em;color:var(--clay);font-weight:800}
    .page-head h1{font-size:clamp(34px,5vw,52px);line-height:1.18;letter-spacing:-.055em;margin:12px 0 14px;font-weight:800}
    .head-copy{max-width:650px;color:var(--muted);margin:0;font-size:17px}
    .head-status{border:1px solid var(--line);background:rgba(252,250,244,.72);padding:16px 19px;border-radius:12px;min-width:190px;box-shadow:var(--shadow)}
    .head-status strong{display:block;font-size:25px;color:var(--olive);line-height:1.2}.head-status span{font-size:13px;color:var(--muted)}
    section{padding:76px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}
    .section-head h2{font-size:32px;line-height:1.25;letter-spacing:-.04em;margin:8px 0 0;font-weight:800}
    .section-head p{max-width:560px;color:var(--muted);margin:0}
    .path-bar{display:flex;align-items:center;gap:0;padding:20px 0 48px;overflow-x:auto}
    .path-step{display:flex;align-items:center;min-width:190px;color:var(--muted);font-size:14px}
    .path-step:not(:last-child):after{content:"";height:1px;width:54px;background:var(--line);margin:0 15px}
    .path-dot{width:34px;height:34px;border:1px solid var(--clay);border-radius:50%;display:grid;place-items:center;color:var(--clay);font:700 12px monospace;margin-right:10px;background:var(--paper)}
    .path-step.active{color:var(--olive);font-weight:700}.path-step.active .path-dot{background:var(--clay);color:var(--white)}
    .topic{display:grid;grid-template-columns:180px 1fr;gap:58px;padding:58px 0;border-top:1px solid var(--line);position:relative}
    .topic:nth-of-type(even){background:#ebe3d2}.topic:nth-of-type(even) .topic-inner{padding-left:20px}
    .topic-no{font:700 14px monospace;color:var(--clay);letter-spacing:.1em}.topic-no b{display:block;font-size:46px;color:var(--olive);line-height:1.1;margin-top:10px}
    .topic-inner{max-width:850px}.topic-inner h2{font-size:30px;line-height:1.3;margin:8px 0 12px;letter-spacing:-.04em}.topic-inner>p{color:var(--muted);max-width:700px}
    .topic-label{display:inline-flex;color:var(--plum);background:#eee6d8;padding:4px 10px;border-radius:20px;font-size:12px}
    .info-list{margin:26px 0 0;border-top:1px solid var(--line)}
    .info-row{display:grid;grid-template-columns:70px 1fr auto;gap:18px;align-items:center;padding:17px 14px;border-bottom:1px solid var(--line);transition:.2s}
    .info-row:hover{background:rgba(132,144,107,.13);padding-left:20px}.info-row small{font:12px monospace;color:var(--clay)}.info-row h3{font-size:16px;margin:0 0 3px}.info-row p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.row-tag{font-size:12px;color:var(--olive);white-space:nowrap}.arrow{color:var(--clay);font-size:20px}
    .quick-panel{background:var(--olive);color:var(--white);padding:38px;border-radius:var(--radius);box-shadow:var(--shadow-deep);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
    .quick-panel h2{margin:0 0 8px;font-size:27px}.quick-panel p{color:#d2d8ca;margin:0;max-width:650px}.panel-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.panel-tags span{font-size:12px;color:var(--sand);border:1px solid rgba(215,200,170,.4);border-radius:20px;padding:4px 10px}
    .panel-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-secondary{border:1px solid rgba(215,200,170,.65);color:var(--white);padding:10px 17px;border-radius:10px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;transition:.2s}.btn-secondary:hover{border-color:var(--sand);background:rgba(215,200,170,.13);color:var(--sand)}
    .related{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.related-card{min-height:180px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);transition:.2s}.related-card.alt{background:#ebe3d2;margin-top:35px}.related-card:hover{transform:translateY(-3px);border-color:var(--moss)}.related-card h3{font-size:22px;margin:13px 0 7px}.related-card p{color:var(--muted);font-size:14px;margin:0 0 16px}.text-link{color:var(--clay);font-weight:700;font-size:14px}.text-link:hover{text-decoration:underline}
    .faq{max-width:850px;margin:auto}.faq-item{border-top:1px solid var(--line)}.faq-item button{width:100%;display:flex;justify-content:space-between;text-align:left;padding:20px 0;background:none;border:0;color:var(--ink);font-weight:700}.faq-item button span:last-child{font-size:22px;color:var(--clay)}.faq-answer{display:none;color:var(--muted);font-size:14px;padding:0 35px 20px 0}.faq-item.open .faq-answer{display:block}
    footer{background:var(--olive);color:var(--white);padding:58px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:55px}.footer-brand{font-size:20px;font-weight:800;margin-bottom:12px}.footer-grid p{color:#cbd1c3;font-size:14px;max-width:330px}.footer-col{display:flex;flex-direction:column;gap:8px}.footer-col h3{color:var(--sand);font-size:14px;margin:0 0 8px}.footer-col a{color:#d4d8ce;font-size:14px;transition:.2s}.footer-col a:hover{color:var(--sand);padding-left:4px}.copyright{border-top:1px solid rgba(215,200,170,.2);margin-top:42px;padding-top:17px;display:flex;justify-content:space-between;gap:20px;color:#afb7a8;font-size:12px}
    @media(max-width:1024px){.container{width:min(100% - 48px,900px)}.navrow{gap:16px}.navlinks a{padding:8px 8px}.topic{gap:30px}}
    @media(max-width:768px){.container{width:calc(100% - 32px)}.topbar,.navrow{height:64px}.navrow{justify-content:space-between}.navlinks,.nav-cta{display:none}.menu-btn{display:block}.navlinks.mobile-open{display:flex;position:absolute;top:64px;left:0;right:0;background:var(--olive-2);padding:14px 16px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow-deep)}.navlinks.mobile-open a{padding:12px 14px}.page-head{padding:40px 0}.head-inner{display:block}.head-status{margin-top:26px;display:inline-block}.path-bar{padding-bottom:30px}.topic{display:block;padding:45px 0}.topic:nth-of-type(even) .topic-inner{padding-left:0}.topic-no{margin-bottom:20px}.quick-panel{grid-template-columns:1fr;padding:28px}.related{grid-template-columns:1fr}.related-card.alt{margin-top:0}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{display:block}.copyright span{display:block;margin-top:5px}}
    @media(max-width:520px){section{padding:54px 0}.page-head h1{font-size:35px}.section-head{display:block}.section-head p{margin-top:12px}.info-row{grid-template-columns:46px 1fr auto;gap:10px;padding:15px 5px}.info-row p{font-size:12px}.row-tag{display:none}.quick-panel{padding:23px}.panel-actions a{flex:1}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}