/* roulang page: index */
:root{--ink:#1b1c1a;--paper:#f3f2ee;--soft:#e7e5de;--line:#d7d5cc;--muted:#6c6d67;--lime:#a8c63a;--lime-dark:#78931d;--ochre:#b47d4a;--white:#fffdf8;--radius:12px;--shadow:0 14px 34px rgba(27,28,26,.08);--side:276px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;color:var(--ink);background:var(--paper);line-height:1.8;font-size:16px}
a{color:inherit;text-decoration:none;transition:color .25s,background .25s,transform .25s}
img{display:block;max-width:100%;object-fit:cover}
button,input,textarea,select{font:inherit}
button{cursor:pointer;border:0}
:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.shell{min-height:100vh}
.sidebar{position:fixed;z-index:20;left:0;top:0;width:var(--side);height:100vh;background:var(--ink);color:#e8e8df;padding:34px 26px 24px;display:flex;flex-direction:column}
.logo{font-size:27px;font-weight:900;letter-spacing:-2px;color:var(--white);display:flex;gap:10px;align-items:center}
.logo i{width:19px;height:19px;border:5px solid var(--lime);display:inline-block;transform:rotate(45deg)}
.brand-note{font-size:11px;letter-spacing:2px;color:#95988b;margin:12px 0 40px;text-transform:uppercase}
.nav-title{font-size:11px;color:#777b70;letter-spacing:2px;margin:0 0 12px}
.nav-list{list-style:none}
.nav-list li{margin:3px 0}
.nav-list a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-left:3px solid transparent;color:#bfc1b7;font-size:14px}
.nav-list a span{font-variant-numeric:tabular-nums;color:#71766b;font-size:11px}
.nav-list a:hover,.nav-list a.active{background:#292b27;color:var(--white);border-left-color:var(--lime)}
.side-bottom{margin-top:auto;border-top:1px solid #383a34;padding-top:18px;color:#96998e;font-size:12px}
.side-bottom strong{display:block;color:var(--lime);font-size:13px;margin-bottom:5px}
.content{margin-left:var(--side);min-width:0}
.topbar{height:62px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 5vw;color:var(--muted);font-size:13px}
.progress{width:120px;height:3px;background:#d9d8d1;position:relative}.progress b{position:absolute;left:0;top:0;height:100%;width:18%;background:var(--lime)}
.mobile-trigger{display:none;background:none;font-size:24px}
.container{width:min(1280px,calc(100% - 10vw));margin:auto}
section{padding:105px 0}
.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--lime-dark);font-weight:800;margin-bottom:17px}
h1,h2,h3{line-height:1.14;letter-spacing:-1.5px}
h1{font-size:clamp(46px,6vw,78px);font-weight:900;max-width:780px}
h2{font-size:clamp(34px,4vw,51px);font-weight:900}
h3{font-size:23px}
.lead{font-size:18px;color:#50524b;max-width:650px;margin-top:25px}
.hero{min-height:680px;position:relative;overflow:hidden;padding:100px 0 75px;background:var(--paper)}
.hero:after{content:"";position:absolute;right:0;top:0;width:47%;height:100%;background:linear-gradient(90deg,rgba(243,242,238,.95),rgba(243,242,238,.25)),url("/assets/images/backpic/back-1.webp") center/cover;z-index:0}
.hero .container{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}
.hero-copy{padding:35px 0}
.hero-copy h1 em{color:var(--lime-dark);font-style:normal}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.btn{display:inline-flex;align-items:center;gap:12px;padding:13px 20px;border:1px solid var(--ink);border-radius:8px;font-weight:700;font-size:14px}
.btn.primary{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.btn:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(27,28,26,.12)}
.btn.primary:hover{background:#b9d94d}
.hero-stage{background:rgba(27,28,26,.95);color:var(--white);padding:28px;border-radius:18px;box-shadow:var(--shadow);transform:rotate(2deg);max-width:430px;margin-left:auto}
.stage-head{display:flex;justify-content:space-between;border-bottom:1px solid #45483f;padding-bottom:18px;margin-bottom:22px;font-size:12px;color:#a9ada1}
.stage-head b{color:var(--lime);font-size:16px}
.stage-row{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #383b34;padding:16px 0}
.stage-row:last-child{border:0}.stage-row small{color:#9c9f95;display:block}.stage-row strong{font-size:30px;font-variant-numeric:tabular-nums}.bar{height:5px;background:#494c42;margin-top:7px;width:170px}.bar i{display:block;height:100%;background:var(--lime)}
.meta-strip{margin-top:72px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;display:flex;gap:32px;flex-wrap:wrap;color:var(--muted);font-size:13px}.meta-strip b{color:var(--ink);margin-right:7px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-head p{max-width:510px;color:var(--muted)}
.metrics{background:var(--ink);color:var(--white)}
.metric-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}
.metrics .eyebrow{color:var(--lime)}.metrics p{color:#b4b7ac}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#45483f}
.metric{background:var(--ink);padding:25px;min-height:150px;border-left:3px solid var(--lime)}
.metric.tall{grid-row:span 2;min-height:302px}.metric.wide{grid-column:span 2}
.metric strong{display:block;font-size:48px;line-height:1.1;color:var(--lime);font-variant-numeric:tabular-nums}.metric label{font-size:13px;color:#c4c6bd}
.reading{padding-top:42px}.reading-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:60px}.reading-nav{list-style:none;border-top:1px solid #62665a}.reading-nav li{padding:13px 0;border-bottom:1px solid #62665a;color:#b6b9af}.reading-nav li:first-child{color:var(--lime)}
.reading-copy p{margin-bottom:20px;color:#c3c5bc}.mark{color:var(--lime);font-weight:800}
.matrix{background:#e8e6df}.matrix-layout{display:grid;grid-template-columns:180px 1fr;gap:42px}.index-list{list-style:none;position:sticky;top:30px;height:max-content}.index-list li{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.index-list li b{display:inline-block;width:30px;color:var(--ochre)}
.matrix-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px}.service{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;padding:25px;min-height:205px}.service.big{grid-row:span 2;padding:0}.service.big img{height:225px;width:100%;filter:grayscale(.5)}.service.big div{padding:23px}.service p{color:var(--muted);font-size:14px;margin-top:12px}.tag{font-size:11px;color:var(--lime-dark);font-weight:800;letter-spacing:1px}.brand-story{margin-top:35px;border-top:1px solid #c8c5ba;padding-top:40px;display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}.brand-story h3{font-size:31px}.brand-story p{color:#55574f;margin-bottom:16px}.info-line{display:flex;gap:35px;border-top:1px solid #c8c5ba;padding-top:17px;margin-top:20px;font-size:13px}
.deep{background:var(--white)}.deep-layout{display:grid;grid-template-columns:.65fr 1.1fr .6fr;gap:45px}.deep h3{margin-bottom:18px}.deep p{color:#5d5f57;margin-bottom:18px}.numbered{list-style:none;border-top:1px solid var(--line)}.numbered li{padding:16px 0;border-bottom:1px solid var(--line);display:flex;gap:15px}.numbered b{color:var(--lime-dark);font-size:13px}.narrow-photo{align-self:center}.narrow-photo img{height:365px;width:100%;filter:grayscale(1);border-radius:12px}
.compare{padding-bottom:70px}.compare-box{display:grid;grid-template-columns:7fr 5fr;min-height:390px}.compare-col{padding:42px}.compare-col.dark{background:var(--ink);color:var(--white);border-radius:14px 0 0 14px}.compare-col.light{background:#deddd5;border-radius:0 14px 14px 0}.compare-col p{margin:18px 0;color:#777970}.dark p{color:#b7bbb0}.compare-list{list-style:none;margin-top:25px}.compare-list li{padding:11px 0;border-top:1px solid rgba(255,255,255,.16)}.light .compare-list li{border-color:#c5c4bb}
.timeline{padding:40px 0 0;display:flex;gap:0}.time-item{flex:1;border-top:3px solid var(--lime-dark);padding:18px 18px 0 0;position:relative}.time-item:before{content:"";width:11px;height:11px;background:var(--lime);border-radius:50%;position:absolute;top:-7px}.time-item p{font-size:13px;color:var(--muted);margin-top:8px}
.news{background:var(--paper)}.news-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.feature-news{background:var(--ink);color:var(--white);border-radius:14px;overflow:hidden}.feature-news img{height:270px;width:100%;filter:grayscale(.4)}.feature-news div{padding:28px}.feature-news p{color:#c1c4b9;margin:15px 0}.news-list{border-top:1px solid var(--line)}.news-item{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.news-item time{color:var(--ochre);font-size:12px}.news-item h3{font-size:17px}.news-item p{font-size:13px;color:var(--muted);margin-top:4px}.more{font-size:12px;font-weight:800;white-space:nowrap}
.insight{background:#deddd5}.insight-layout{display:grid;grid-template-columns:.4fr 1fr;gap:70px}.anchor{list-style:none;position:sticky;top:30px;height:max-content}.anchor li{padding:10px 0;border-bottom:1px solid #c4c3bb;font-size:13px}.insight-copy{max-width:760px}.insight-copy h3{margin:30px 0 12px}.insight-copy p{margin-bottom:18px;color:#55574f}.quote{border-left:4px solid var(--lime-dark);padding:17px 22px;background:rgba(255,255,255,.45);margin:25px 0;font-size:18px}
.topic{background:var(--white)}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.topic-card{padding:22px;border:1px solid var(--line);border-radius:10px}.topic-card b{font-size:28px;color:var(--lime-dark);display:block}.topic-card p{font-size:13px;color:var(--muted);margin-top:9px}
.faq{background:var(--ink);color:var(--white)}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq .eyebrow{color:var(--lime)}.faq-intro p{color:#b9bcb2;margin-top:20px}.faq-list{border-top:1px solid #45483f}.faq-item{border-bottom:1px solid #45483f}.faq-q{width:100%;background:none;color:var(--white);display:flex;justify-content:space-between;text-align:left;padding:19px 0;font-weight:700}.faq-q b{color:var(--lime);font-size:22px;transition:transform .3s}.faq-a{max-height:0;overflow:hidden;color:#b8bbb1;font-size:14px;transition:max-height .35s ease}.faq-item.open .faq-a{max-height:180px;padding:0 35px 20px 0}.faq-item.open .faq-q b{transform:rotate(45deg)}
.consult{background:#cbdc83}.consult-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.consult h2{max-width:480px}.benefits{list-style:none;margin-top:25px}.benefits li{padding:9px 0;border-bottom:1px solid rgba(27,28,26,.2)}.form-card{background:var(--white);padding:30px;border-radius:14px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:700}.field input,.field textarea,.field select{border:1px solid var(--line);background:#faf9f4;padding:12px;border-radius:7px;color:var(--ink)}.field textarea{min-height:110px;resize:vertical}.check{font-size:12px;color:var(--muted);display:flex;gap:8px;margin:15px 0}.form-status{font-size:13px;margin-top:12px;color:var(--lime-dark);min-height:24px}
.index-band{padding:42px 0;background:var(--soft)}.index-band h3{margin-bottom:18px}.index-links{display:flex;gap:10px;flex-wrap:wrap}.index-links a{border:1px solid #bfc0b7;padding:9px 14px;border-radius:8px;font-size:13px}.index-links a:hover{background:var(--ink);color:var(--white)}
footer{background:var(--ink);color:#c9cbc1;padding:62px 0 25px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:45px}.footer-logo{font-size:25px;font-weight:900;color:var(--white);margin-bottom:15px}.footer-grid h3{font-size:14px;color:var(--lime);margin-bottom:15px}.footer-grid p,.footer-grid a{display:block;font-size:13px;color:#aeb1a7;margin:6px 0}.footer-grid a:hover{color:var(--lime)}.copyright{border-top:1px solid #3d4039;margin-top:45px;padding-top:18px;color:#81857a;font-size:12px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:1100px){:root{--side:235px}.sidebar{padding-left:18px;padding-right:18px}.hero-grid,.metric-layout{gap:30px}.deep-layout{grid-template-columns:1fr 1.3fr}.narrow-photo{display:none}}
@media(max-width:768px){.sidebar{position:fixed;left:-100%;width:290px;transition:left .3s}.sidebar.open{left:0}.content{margin-left:0}.topbar{height:58px;padding:0 6vw}.mobile-trigger{display:block}.topbar .progress{display:none}.hero:after{width:100%;opacity:.25}.hero{padding:65px 0}.hero-grid,.metric-layout,.reading-grid,.matrix-layout,.news-grid,.insight-layout,.faq-layout,.consult-layout{grid-template-columns:1fr}.hero-stage{margin:25px 0 0;transform:none}.section-head{display:block}.section-head p{margin-top:16px}.metric-grid{grid-template-columns:1fr 1fr}.metric.tall{grid-row:span 1;min-height:150px}.metric.wide{grid-column:span 2}.matrix-layout{gap:25px}.index-list{position:static;display:flex;overflow:auto;gap:20px}.index-list li{white-space:nowrap;border-bottom:0}.matrix-grid{grid-template-columns:1fr 1fr}.service.big{grid-column:span 2}.brand-story{grid-template-columns:1fr;gap:20px}.deep-layout{grid-template-columns:1fr}.narrow-photo{display:block}.compare-box{grid-template-columns:1fr}.compare-col.dark{border-radius:14px 14px 0 0}.compare-col.light{border-radius:0 0 14px 14px}.timeline{display:block;padding-left:18px}.time-item{padding-bottom:24px;border-top:0;border-left:3px solid var(--lime-dark);padding-left:22px}.time-item:before{left:-7px;top:4px}.topic-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:520px){section{padding:72px 0}.container{width:min(100% - 36px,1280px)}h1{font-size:43px}.hero-copy h1{max-width:100%}.lead{font-size:16px}.metric-grid,.matrix-grid,.topic-grid,.form-grid{grid-template-columns:1fr}.metric.wide,.service.big,.field.full{grid-column:auto}.news-item{grid-template-columns:70px 1fr}.news-item .more{display:none}.form-card{padding:20px}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){*,html{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category3 */
:root{--ink:#1b1c1a;--paper:#f3f2ee;--soft:#e7e5de;--line:#d7d5cc;--muted:#6c6d67;--lime:#a8c63a;--lime-dark:#78931d;--ochre:#b47d4a;--white:#fffdf8;--radius:12px;--radius-lg:18px;--shadow:0 14px 34px rgba(27,28,26,.08);--side:235px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.82}a{color:inherit;text-decoration:none;transition:color .22s ease,background .22s ease,transform .22s ease,border-color .22s ease}img{display:block;width:100%;max-width:100%;object-fit:cover}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(168,198,58,.75);outline-offset:3px}.site-shell{display:grid;grid-template-columns:var(--side) minmax(0,1fr)}.sidebar{position:fixed;z-index:20;top:0;bottom:0;width:var(--side);overflow-y:auto;background:var(--ink);padding:34px 22px;color:var(--white);display:flex;flex-direction:column}.logo{font-size:27px;font-weight:900;letter-spacing:-2px;color:var(--white);display:flex;gap:10px;align-items:center}.logo i{width:19px;height:19px;border:5px solid var(--lime);display:inline-block;transform:rotate(45deg)}.brand-note{font-size:11px;letter-spacing:2px;color:#95988b;margin:12px 0 40px}.nav-title{font-size:11px;color:#777b70;letter-spacing:2px;margin:0 0 12px}.nav-list{list-style:none}.nav-list li{margin:3px 0}.nav-list a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-left:3px solid transparent;color:#bfc1b7;font-size:14px}.nav-list a span{font-variant-numeric:tabular-nums;color:#71766b;font-size:11px}.nav-list a:hover,.nav-list a.active{background:#292b27;color:var(--white);border-left-color:var(--lime)}.side-bottom{margin-top:auto;padding-top:28px;border-top:1px solid #393b36;color:#aeb1a6;font-size:12px}.side-bottom b{display:block;color:var(--lime);font-size:11px;letter-spacing:1px;margin-bottom:5px}.page{grid-column:2;min-width:0}.topbar{height:62px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 5vw;color:var(--muted);font-size:13px;background:rgba(243,242,238,.94);position:sticky;top:0;z-index:15}.progress{width:150px;height:2px;background:#d4d2c9;position:relative}.progress:after{content:"";display:block;width:44%;height:100%;background:var(--lime-dark)}.mobile-brand,.mobile-trigger{display:none}.container{width:min(1280px,calc(100% - 10vw));margin:auto}section{padding:92px 0}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--lime-dark);font-weight:800;margin-bottom:16px}.lead{font-size:18px;color:#50524b;max-width:760px;margin-top:20px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.section-head h2,.intro-copy h2,.faq-copy h2,.cta-copy h2{font-size:clamp(30px,3.3vw,46px);line-height:1.16;letter-spacing:-1.7px}.section-head p{max-width:500px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:13px 19px;border:1px solid var(--ink);border-radius:8px;font-weight:800;font-size:14px;background:transparent}.btn:after{content:"→";font-size:17px;line-height:1;transition:transform .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(27,28,26,.12)}.btn:hover:after{transform:translateX(4px)}.btn.primary{background:var(--lime);border-color:var(--lime)}.btn.primary:hover{background:#b8d84d}.btn.light{color:var(--white);border-color:#6c7065}.btn.light:hover{background:#30322e}.hero{padding:0;min-height:620px;position:relative;overflow:hidden}.hero-inner{min-height:620px;padding:94px 0 70px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px}.hero-copy h1{font-size:clamp(46px,6.2vw,76px);line-height:1.04;letter-spacing:-4px;max-width:620px}.hero-copy h1 em{font-style:normal;color:var(--lime-dark)}.hero-copy .lead{max-width:560px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.hero-note{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:43px;padding-top:16px;color:var(--muted);font-size:12px}.hero-note b{color:var(--ink)}.hero-board{position:relative;background:var(--ink);color:var(--white);min-height:402px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);padding:30px;transform:rotate(1.5deg)}.hero-board:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,28,26,.9),rgba(27,28,26,.45)),url("/assets/images/backpic/back-2.webp") center/cover;opacity:.45}.board-content{position:relative;z-index:1}.board-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2);font-size:12px;color:#c7cabf}.live-dot{display:inline-flex;align-items:center;gap:7px;color:var(--lime)}.live-dot:before{content:"";width:8px;height:8px;background:var(--lime);border-radius:50%}.board-number{font-size:clamp(58px,7vw,92px);font-weight:900;line-height:1;font-variant-numeric:tabular-nums;margin:45px 0 10px}.board-caption{font-size:15px;color:#d5d7ce}.board-bars{display:grid;grid-template-columns:1.8fr 1.2fr .7fr;gap:7px;margin-top:42px;align-items:end;height:76px}.board-bars span{display:block;background:var(--lime)}.board-bars span:nth-child(1){height:76%}.board-bars span:nth-child(2){height:48%;background:#dbdcd5}.board-bars span:nth-child(3){height:92%;background:var(--ochre)}.filter-wrap{background:var(--soft);padding:24px;border:1px solid var(--line);border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.filters{display:flex;gap:9px;flex-wrap:wrap}.filter{padding:8px 12px;border:1px solid #c8c6bc;border-radius:20px;color:var(--muted);background:var(--paper);font-size:13px}.filter.active,.filter:hover{color:var(--ink);background:var(--lime);border-color:var(--lime)}.filter-status{font-size:13px;color:var(--muted)}.filter-status b{color:var(--ink)}.summary-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:2px;background:#45483f;margin-top:24px}.summary-card{background:var(--ink);min-height:220px;padding:27px;color:var(--white);position:relative}.summary-card:nth-child(2){background:#292b27}.summary-card:nth-child(3){background:var(--lime);color:var(--ink)}.summary-card small{display:block;color:#b9bcb1;font-size:12px;letter-spacing:1px}.summary-card:nth-child(3) small{color:#4e5f18}.summary-card strong{display:block;font-size:55px;letter-spacing:-3px;line-height:1.1;margin:25px 0 9px;font-variant-numeric:tabular-nums}.summary-card p{font-size:13px;line-height:1.65;color:#c5c8bd;max-width:250px}.summary-card:nth-child(3) p{color:#3d4820}.summary-card .mini-line{height:3px;background:var(--lime);width:80%;position:absolute;bottom:26px}.summary-card:nth-child(2) .mini-line{width:53%;background:var(--ochre)}.summary-card:nth-child(3) .mini-line{background:var(--ink);width:66%}.data-layout{display:grid;grid-template-columns:.76fr 1.24fr;gap:62px}.sticky-index{position:sticky;top:88px;height:max-content;border-top:1px solid var(--ink)}.sticky-index a{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.sticky-index a span{color:var(--ochre);font-weight:800}.sticky-index a:hover{color:var(--lime-dark)}.data-copy h2{font-size:34px;line-height:1.28;letter-spacing:-1px;margin-bottom:24px}.data-copy p{color:#55574f;margin-bottom:18px}.notice{margin:30px 0;padding:22px 24px;border-left:4px solid var(--lime-dark);background:#e5e3da}.notice b{display:block;margin-bottom:8px}.observe-chart{padding:28px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);margin:35px 0}.chart-head{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:17px}.chart-head h3{font-size:21px}.chart-head small{color:var(--muted)}.chart-rows{padding-top:17px}.chart-row{display:grid;grid-template-columns:115px 1fr 55px;gap:15px;align-items:center;padding:13px 0}.chart-row span{font-size:13px}.bar-track{height:10px;background:#e2e1da;overflow:hidden;border-radius:99px}.bar-track i{display:block;height:100%;background:var(--lime-dark);border-radius:inherit}.chart-row:nth-child(2) i{width:76%!important;background:var(--ochre)}.chart-row:nth-child(3) i{width:58%!important;background:#656960}.chart-row:nth-child(4) i{width:89%!important;background:var(--ink)}.chart-row b{text-align:right;font-size:13px;font-variant-numeric:tabular-nums}.legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font-size:12px;color:var(--muted)}.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:var(--lime-dark)}.legend i.ochre{background:var(--ochre)}.legend i.gray{background:#656960}.matrix{background:#e9e7e0}.observation-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.signal-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:29px;transition:transform .25s,box-shadow .25s}.signal-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.signal-card.large{background:var(--ink);color:var(--white);min-height:315px;display:flex;flex-direction:column;justify-content:space-between}.signal-card h3{font-size:25px;line-height:1.3;margin:12px 0}.signal-card p{color:var(--muted);font-size:14px}.signal-card.large p{color:#c5c8bd;max-width:590px}.signal-num{font-size:54px;line-height:1;color:var(--lime);font-weight:900;letter-spacing:-3px}.signal-stack{display:grid;gap:20px}.signal-card.compact{min-height:147px;display:grid;grid-template-columns:75px 1fr;gap:17px;align-items:start}.compact .signal-num{font-size:36px;color:var(--lime-dark)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.principle{border-top:2px solid var(--ink);padding:18px 0}.principle b{font-size:13px;color:var(--ochre)}.principle h3{font-size:19px;margin:10px 0}.principle p{color:var(--muted);font-size:14px}.image-reading{display:grid;grid-template-columns:.82fr 1.18fr;gap:55px;align-items:center}.image-reading figure{position:relative}.image-reading img{height:430px;border-radius:var(--radius-lg);filter:grayscale(.55)}.image-reading figcaption{position:absolute;bottom:0;right:0;background:var(--lime);padding:13px 17px;font-size:12px;font-weight:800}.reading-points{list-style:none;margin-top:26px}.reading-points li{padding:15px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:35px 1fr;gap:15px;color:#53554e}.reading-points b{color:var(--lime-dark);font-size:18px}.reading-points strong{color:var(--ink);display:block;margin-bottom:4px}.method{background:var(--ink);color:var(--white)}.method .eyebrow{color:var(--lime)}.method-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px}.method-copy p{color:#c0c3b8;margin-top:22px}.method-steps{counter-reset:step}.method-step{counter-increment:step;border-top:1px solid #4a4d45;padding:21px 0;display:grid;grid-template-columns:60px 1fr;gap:18px}.method-step:before{content:"0" counter(step);color:var(--lime);font-size:17px;font-weight:900}.method-step h3{font-size:20px;margin-bottom:6px}.method-step p{font-size:14px;color:#bdc0b6}.related{padding-top:82px}.related-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:18px}.related-card{min-height:235px;border:1px solid var(--line);padding:25px;border-radius:12px;background:var(--white);display:flex;flex-direction:column;justify-content:space-between}.related-card:first-child{background:url("/assets/images/coverpic/cover-3.webp") center/cover;position:relative;color:var(--white);border:0;overflow:hidden}.related-card:first-child:before{content:"";position:absolute;inset:0;background:rgba(27,28,26,.68)}.related-card>*{position:relative}.related-card h3{font-size:24px;line-height:1.3}.related-card p{font-size:14px;color:var(--muted)}.related-card:first-child p{color:#e2e4dc}.text-link{font-weight:800;font-size:14px;color:var(--lime-dark)}.related-card:first-child .text-link{color:var(--lime)}.faq{background:var(--ink);color:var(--white)}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq .eyebrow{color:var(--lime)}.faq-copy p{color:#b9bcb2;margin-top:18px}.faq-tag{display:inline-block;margin-top:24px;padding:7px 10px;border:1px solid #5b5e56;color:var(--lime);font-size:12px}.faq-list{border-top:1px solid #4c4f47}.faq-item{border-bottom:1px solid #4c4f47}.faq-question{width:100%;background:none;color:var(--white);padding:21px 0;display:flex;text-align:left;justify-content:space-between;gap:20px;font-weight:800;font-size:17px}.faq-question span:last-child{color:var(--lime);font-size:25px;line-height:1;transition:transform .25s}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-answer>div{overflow:hidden}.faq-answer p{padding:0 42px 20px 0;color:#c1c4bb;font-size:14px}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-question span:last-child{transform:rotate(45deg)}.cta{padding:100px 0}.cta-box{display:grid;grid-template-columns:.88fr 1.12fr;gap:42px;padding:52px;background:var(--soft);border-radius:var(--radius-lg);border:1px solid var(--line)}.cta-copy p{color:var(--muted);margin:19px 0}.benefits{list-style:none}.benefits li{padding:9px 0;border-bottom:1px solid #cfcdc4;font-size:14px}.benefits li:before{content:"✓";color:var(--lime-dark);font-weight:900;margin-right:10px}.form-card{background:var(--white);padding:27px;border-radius:12px;box-shadow:var(--shadow)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:6px}.field label em{font-style:normal;color:var(--ochre)}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:#fbfaf6;padding:12px;border-radius:8px;color:var(--ink);transition:border .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:96px}.field input:focus,.field textarea:focus,.field select:focus{outline:0;border-color:var(--lime-dark);box-shadow:0 0 0 3px rgba(168,198,58,.2)}.check{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--muted);margin:12px 0 17px}.check input{accent-color:var(--lime-dark);margin-top:4px}.form-message{display:none;margin-top:13px;padding:10px 12px;border-radius:7px;background:#e5efd0;color:#405117;font-size:13px}.form-message.show{display:block}footer{background:var(--ink);color:var(--white);padding:65px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px}.footer-logo{font-size:24px;font-weight:900;letter-spacing:-1px;margin-bottom:14px}.footer-grid p{color:#afb2a8;font-size:13px;max-width:260px}.footer-grid h3{font-size:13px;color:var(--lime);margin-bottom:14px}.footer-grid a{display:block;color:#d4d6cf;font-size:13px;padding:4px 0}.footer-grid a:hover{color:var(--lime)}.copyright{border-top:1px solid #3d4039;margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#969a8f;font-size:12px}.copyright a{display:inline;color:#c8cbc1}
@media(max-width:1024px){:root{--side:210px}.container{width:min(100% - 7vw,900px)}.sidebar{padding:28px 14px}.nav-list a{font-size:13px;padding:9px}.hero-inner{grid-template-columns:1fr .9fr}.data-layout,.method-grid{gap:38px}.faq-layout{gap:38px}.cta-box{gap:28px}.summary-card strong{font-size:46px}}
@media(max-width:768px){body{font-size:15px}.site-shell{display:block}.sidebar{display:none}.page{display:block}.topbar{height:62px;padding:0 5vw}.mobile-brand{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:21px;font-weight:900;letter-spacing:-1px}.mobile-brand i{width:14px;height:14px;border:4px solid var(--lime-dark);transform:rotate(45deg)}.mobile-trigger{display:block;background:none;color:var(--ink);font-size:25px;line-height:1}.mobile-nav{display:none;position:fixed;inset:62px 0 0;background:var(--ink);z-index:30;padding:25px}.mobile-nav.open{display:block}.mobile-nav .nav-list a{font-size:17px;padding:15px}.container{width:calc(100% - 40px)}section{padding:68px 0}.hero-inner{min-height:auto;padding:67px 0 52px;grid-template-columns:1fr;gap:35px}.hero-copy h1{letter-spacing:-2.4px}.hero-board{min-height:318px;transform:none;padding:24px}.board-number{margin-top:32px}.section-head,.data-layout,.image-reading,.method-grid,.faq-layout,.cta-box{grid-template-columns:1fr;display:grid}.section-head{align-items:start}.summary-grid,.observation-grid,.related-grid{grid-template-columns:1fr}.summary-card{min-height:180px}.sticky-index{position:static;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}.sticky-index a{padding-right:12px}.principles{grid-template-columns:1fr}.image-reading img{height:300px}.faq-layout{gap:32px}.cta-box{padding:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.chart-row{grid-template-columns:92px 1fr 42px}.related{padding-top:58px}}
@media(max-width:520px){.container{width:calc(100% - 30px)}.topbar{padding:0 15px}.progress{width:76px}.hero-copy h1{font-size:42px}.lead{font-size:16px}.hero-actions .btn{width:100%}.hero-note{gap:10px;display:grid;grid-template-columns:1fr 1fr}.filter-wrap{padding:18px}.summary-card{padding:22px}.summary-card strong{font-size:43px}.sticky-index{grid-template-columns:1fr}.data-copy h2{font-size:28px}.observe-chart{padding:18px}.chart-row{grid-template-columns:76px 1fr 36px;gap:8px}.chart-row span,.chart-row b{font-size:11px}.field-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.copyright{display:grid}.faq-question{font-size:15px}.faq-answer p{padding-right:10px}.related-card{min-height:200px}.hero-board{border-radius:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category2 */
:root{--ink:#1b1c1a;--paper:#f3f2ee;--soft:#e7e5de;--line:#d7d5cc;--muted:#6c6d67;--lime:#a8c63a;--lime-dark:#78931d;--ochre:#b47d4a;--white:#fffdf8;--radius:12px;--shadow:0 14px 34px rgba(27,28,26,.08);--side:235px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;color:var(--ink);background:var(--paper);line-height:1.85;font-size:16px}
a{color:inherit;text-decoration:none;transition:color .25s,background .25s,transform .25s}
img{display:block;max-width:100%;object-fit:cover}
button,input,textarea,select{font:inherit}
button{cursor:pointer;border:0}
:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.site-side{position:fixed;inset:0 auto 0 0;width:var(--side);background:var(--ink);padding:35px 23px 28px;z-index:30;display:flex;flex-direction:column}
.logo{font-size:27px;font-weight:900;letter-spacing:-2px;color:var(--white);display:flex;gap:10px;align-items:center}
.logo i{width:19px;height:19px;border:5px solid var(--lime);display:inline-block;transform:rotate(45deg)}
.brand-note{font-size:11px;letter-spacing:2px;color:#95988b;margin:12px 0 40px;text-transform:uppercase}
.nav-title{font-size:11px;color:#777b70;letter-spacing:2px;margin:0 0 12px}
.nav-list{list-style:none}
.nav-list li{margin:3px 0}
.nav-list a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-left:3px solid transparent;color:#bfc1b7;font-size:14px}
.nav-list a span{font-variant-numeric:tabular-nums;color:#71766b;font-size:11px}
.nav-list a:hover,.nav-list a.active{background:#292b27;color:var(--white);border-left-color:var(--lime)}
.side-bottom{margin-top:auto;border-top:1px solid #3b3d37;padding-top:20px;color:#aeb1a6;font-size:12px}
.side-bottom a{display:block;color:var(--white);margin-bottom:10px}
.side-bottom a:hover{color:var(--lime)}
.main-shell{margin-left:var(--side)}
.topbar{height:62px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 5vw;color:var(--muted);font-size:13px;background:rgba(243,242,238,.95);position:sticky;top:0;z-index:20}
.progress{width:140px;height:3px;background:var(--soft);overflow:hidden}
.progress i{display:block;width:54%;height:100%;background:var(--lime)}
.mobile-trigger{display:none;background:none;font-size:24px;color:var(--ink)}
.container{width:min(1280px,calc(100% - 10vw));margin:auto}
section{padding:88px 0}
.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--lime-dark);font-weight:800;margin-bottom:16px}
h1,h2,h3{line-height:1.16;letter-spacing:-.045em}
h1{font-size:clamp(42px,5.4vw,74px);max-width:850px}
h2{font-size:clamp(30px,3.4vw,47px)}
h3{font-size:22px}
p{margin-bottom:16px}
.lead{font-size:18px;color:#50524b;max-width:700px;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:13px 20px;border:1px solid var(--ink);border-radius:8px;font-weight:700;font-size:14px;background:transparent}
.btn.primary{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.btn:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(27,28,26,.12)}
.btn.primary:hover{background:#bddc4f}
.btn:active{transform:translateY(-1px)}
.hero-topic{padding:84px 0 50px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.hero-topic:after{content:"02";position:absolute;right:4vw;bottom:-55px;font-size:220px;font-weight:900;line-height:1;color:#e4e2da;z-index:-1}
.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.badge{border:1px solid var(--line);padding:7px 11px;border-radius:99px;font-size:12px;color:var(--muted);background:var(--white)}
.badge b{color:var(--ink)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:65px;align-items:start}
.article-intro{border-top:3px solid var(--ink);padding-top:25px;display:grid;grid-template-columns:150px 1fr;gap:35px}
.article-intro strong{font-size:15px;color:var(--lime-dark);letter-spacing:1px}
.article-intro p{font-size:18px;color:#454740}
.sticky-index{position:sticky;top:90px;border-top:1px solid var(--ink)}
.sticky-index h3{font-size:14px;letter-spacing:1px;padding:15px 0;border-bottom:1px solid var(--line)}
.sticky-index a{display:block;border-bottom:1px solid var(--line);padding:11px 0;font-size:13px;color:var(--muted)}
.sticky-index a:hover{color:var(--lime-dark);padding-left:6px}
.chapter{padding:68px 0;border-bottom:1px solid var(--line)}
.chapter-head{display:grid;grid-template-columns:120px 1fr;gap:30px;margin-bottom:28px}
.chapter-no{font-size:13px;font-weight:800;color:var(--ochre);letter-spacing:1px;padding-top:8px}
.chapter-copy{max-width:760px;color:#454740;font-size:17px}
.pullquote{margin:36px 0;padding:27px 32px;border-left:5px solid var(--lime);background:var(--soft);font-size:21px;font-weight:700;line-height:1.65}
.point-list{list-style:none;display:grid;gap:12px;margin:28px 0}
.point-list li{position:relative;padding:16px 18px 16px 58px;border:1px solid var(--line);border-radius:10px;background:rgba(255,253,248,.48)}
.point-list b{position:absolute;left:18px;top:17px;color:var(--lime-dark);font-size:14px}
.chapter-image{margin:38px 0;position:relative}
.chapter-image img{width:100%;height:290px;border-radius:12px;filter:grayscale(.38)}
.caption{font-size:12px;color:var(--muted);margin-top:9px}
.annotation{padding:30px;background:var(--ink);color:var(--white);border-radius:12px;margin-top:32px}
.annotation p{color:#c7cabd;margin:12px 0 0}
.split-note{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
.note-card{padding:25px;border-top:3px solid var(--lime-dark);background:#e8e6df}
.note-card p{font-size:14px;color:#595b54;margin-top:12px}
.method-band{background:var(--ink);color:var(--white)}
.method-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}
.method-grid .lead{color:#c6c9bc}
.steps{counter-reset:step;list-style:none}
.steps li{counter-increment:step;display:grid;grid-template-columns:62px 1fr;gap:18px;padding:22px 0;border-top:1px solid #464941}
.steps li:before{content:"0" counter(step);font-size:27px;font-weight:800;color:var(--lime)}
.steps p{font-size:14px;color:#c2c5bb;margin:7px 0 0}
.related{padding-bottom:100px}
.related-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:18px;margin-top:35px}
.related-card{border:1px solid var(--line);border-radius:12px;padding:24px;background:var(--white);min-height:210px;display:flex;flex-direction:column}
.related-card.feature{background:#deddd5;padding:0;overflow:hidden}
.related-card.feature img{height:148px;width:100%;filter:grayscale(.5)}
.related-card.feature div{padding:22px}
.related-card p{font-size:14px;color:var(--muted);margin-top:10px}
.related-card .arrow{margin-top:auto;color:var(--lime-dark);font-weight:800;font-size:14px}
.related-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.faq-mini{background:#e4e2da}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}
.faq-intro p{color:var(--muted);margin-top:20px}
details{border-top:1px solid #bbb9af;padding:0}
details:last-child{border-bottom:1px solid #bbb9af}
summary{list-style:none;cursor:pointer;padding:20px 35px 20px 0;font-weight:800;position:relative}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";position:absolute;right:5px;top:16px;font-size:25px;color:var(--lime-dark);transition:transform .2s}
details[open] summary:after{transform:rotate(45deg)}
.answer{color:#5b5d55;padding:0 35px 22px 0;font-size:15px}
.cta{padding:90px 0;background:var(--ink);color:var(--white)}
.cta-box{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:center}
.cta p{color:#c7cabd;max-width:620px;margin:20px 0}
.cta-list{list-style:none;margin-top:28px}
.cta-list li{padding:8px 0;border-top:1px solid #464941;color:#d9dccf;font-size:14px}
.cta-list li:before{content:"—";color:var(--lime);margin-right:10px}
.contact-card{background:var(--white);color:var(--ink);padding:28px;border-radius:12px}
.contact-card label{display:block;font-size:13px;font-weight:700;margin:15px 0 6px}
.contact-card input,.contact-card select{width:100%;padding:12px;border:1px solid var(--line);background:#f7f6f1;border-radius:7px;color:var(--ink)}
.contact-card .btn{width:100%;margin-top:18px}
.form-status{font-size:12px;color:var(--muted);margin-top:12px}
footer{background:#151614;color:#d1d3ca;padding:62px 0 25px;border-top:3px solid var(--lime)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:38px}
.footer-logo{font-size:24px;color:var(--white);font-weight:900;margin-bottom:14px}
footer h3{font-size:14px;color:var(--lime);margin-bottom:14px;letter-spacing:1px}
footer p{font-size:13px;line-height:1.75;color:#a9ada1}
footer a{display:block;color:#d5d7cf;font-size:13px;margin:8px 0}
footer a:hover{color:var(--lime)}
.copyright{border-top:1px solid #393b36;margin-top:35px;padding-top:20px;display:flex;gap:13px;justify-content:space-between;flex-wrap:wrap;color:#93978b;font-size:12px}
.copyright a{display:inline;margin:0;color:#cdd0c5}
@media(max-width:1024px){:root{--side:208px}.site-side{padding:28px 14px}.nav-list a{font-size:13px;padding:9px}.main-shell{margin-left:var(--side)}.reading-layout{gap:38px}.container{width:min(100% - 7vw,1280px)}.footer-grid{gap:22px}.chapter-head{grid-template-columns:95px 1fr}}
@media(max-width:768px){body{font-size:15px}.site-side{display:none}.main-shell{margin-left:0}.topbar{height:58px;padding:0 5vw}.mobile-trigger{display:block}.progress{width:90px}.container{width:calc(100% - 40px)}section{padding:65px 0}.hero-topic{padding:65px 0 35px}.hero-topic:after{font-size:130px;bottom:-30px}.reading-layout,.method-grid,.faq-grid,.cta-box{grid-template-columns:1fr;gap:35px}.sticky-index{position:relative;top:auto;order:-1}.sticky-index a{display:inline-block;margin-right:15px;border:0;padding:5px 0}.article-intro{grid-template-columns:1fr;gap:12px}.chapter{padding:52px 0}.chapter-head{grid-template-columns:1fr;gap:8px}.chapter-image img{height:220px}.split-note,.related-grid{grid-template-columns:1fr}.related-card{min-height:0}.footer-grid{grid-template-columns:1fr 1fr}.cta{padding:65px 0}}
@media(max-width:520px){h1{font-size:39px}.lead{font-size:16px}.hero-meta{gap:7px}.hero-actions .btn{width:100%}.pullquote{font-size:18px;padding:22px}.point-list li{padding-left:50px}.chapter-image img{height:180px}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin:7px 0}.contact-card{padding:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category1 */
:root{--ink:#1b1c1a;--paper:#f3f2ee;--soft:#e7e5de;--line:#d7d5cc;--muted:#6c6d67;--lime:#a8c63a;--lime-dark:#78931d;--ochre:#b47d4a;--white:#fffdf8;--radius:12px;--radius-lg:18px;--shadow:0 14px 34px rgba(27,28,26,.08);--side:276px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;color:var(--ink);background:var(--paper);line-height:1.85;font-size:16px}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none;transition:color .25s,background .25s,transform .25s,border-color .25s}
img{display:block;max-width:100%;object-fit:cover}
button,input,textarea,select{font:inherit}
button{cursor:pointer;border:0}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.site-sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:var(--side);background:var(--ink);padding:37px 26px 26px;display:flex;flex-direction:column;border-right:1px solid #343631}
.logo{font-size:27px;font-weight:900;letter-spacing:-2px;color:var(--white);display:flex;gap:10px;align-items:center}
.logo i{width:19px;height:19px;border:5px solid var(--lime);display:inline-block;transform:rotate(45deg)}
.brand-note{font-size:11px;letter-spacing:2px;color:#95988b;margin:12px 0 40px;text-transform:uppercase}
.nav-title{font-size:11px;color:#777b70;letter-spacing:2px;margin:0 0 12px}
.nav-list{list-style:none}
.nav-list li{margin:3px 0}
.nav-list a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-left:3px solid transparent;color:#bfc1b7;font-size:14px}
.nav-list a span{font-variant-numeric:tabular-nums;color:#71766b;font-size:11px}
.nav-list a:hover,.nav-list a.active{background:#292b27;color:var(--white);border-left-color:var(--lime)}
.side-bottom{margin-top:auto;border-top:1px solid #373934;padding-top:21px}
.side-bottom p{font-size:12px;color:#aeb1a7;margin-bottom:14px}
.side-link{display:inline-flex;align-items:center;gap:9px;color:var(--lime);font-size:13px;font-weight:700}
.layout{margin-left:var(--side)}
.topbar{height:62px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 5vw;color:var(--muted);font-size:13px}
.progress{height:2px;width:142px;background:var(--line);position:relative}
.progress:after{content:"";position:absolute;left:0;top:0;width:28%;height:100%;background:var(--lime-dark)}
.mobile-trigger{display:none;background:none;font-size:24px;color:var(--ink);line-height:1}
.container{width:min(1280px,calc(100% - 10vw));margin:auto}
section{padding:88px 0}
.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--lime-dark);font-weight:800;margin-bottom:15px}
.lead{font-size:18px;color:#50524b;max-width:700px;margin-top:22px}
h1,h2,h3{line-height:1.18;letter-spacing:-1.5px}
h1{font-size:clamp(42px,5vw,70px);max-width:780px}
h2{font-size:clamp(31px,3.4vw,47px)}
h3{font-size:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:13px 20px;border:1px solid var(--ink);border-radius:8px;font-weight:800;font-size:14px;background:transparent}
.btn.primary{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.btn.light{border-color:#bfc2b6;color:var(--white)}
.btn:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(27,28,26,.12)}
.btn.primary:hover{background:#b9d94d}
.btn:active{transform:translateY(-1px)}
.hero-news{min-height:535px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);background:var(--paper)}
.hero-copy{padding:94px max(5vw,40px) 75px 5vw;display:flex;justify-content:center;flex-direction:column}
.hero-copy-inner{max-width:740px;margin-left:auto;width:100%}
.hero-copy h1 em{font-style:normal;color:var(--lime-dark)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.hero-image{position:relative;min-height:430px;overflow:hidden}
.hero-image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,28,26,.1),rgba(27,28,26,.55));z-index:1}
.hero-image img{width:100%;height:100%;position:absolute;inset:0;filter:grayscale(.35)}
.hero-image-label{position:absolute;z-index:2;left:42px;right:35px;bottom:35px;color:var(--white);border-top:1px solid rgba(255,255,255,.45);padding-top:15px;display:flex;justify-content:space-between;gap:15px;font-size:13px}
.hero-image-label b{color:var(--lime);font-size:16px}
.series-bar{background:var(--ink);color:var(--white);padding:16px 5vw;display:flex;align-items:center;gap:25px;overflow:auto;white-space:nowrap}
.series-bar span{color:#9c9f94;font-size:12px;letter-spacing:1px}
.series-bar a{font-size:13px;border-left:1px solid #4a4d45;padding-left:22px}
.series-bar a:hover{color:var(--lime)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:39px}
.section-head>p{max-width:525px;color:var(--muted)}
.feature-story{display:grid;grid-template-columns:1.06fr .94fr;min-height:500px;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--white)}
.feature-story figure{position:relative;min-height:350px}
.feature-story figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(27,28,26,.4))}
.feature-story img{width:100%;height:100%;filter:grayscale(.35)}
.feature-content{padding:50px;display:flex;flex-direction:column;align-items:flex-start}
.feature-content .date,.timeline-date{font-size:12px;color:var(--ochre);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.5px}
.feature-content h3{font-size:34px;margin:17px 0}
.feature-content p{color:#565850;margin-bottom:25px}
.feature-content .btn{margin-top:auto}
.notice-strip{margin-top:22px;padding:25px 30px;border-left:4px solid var(--lime-dark);background:var(--soft);display:grid;grid-template-columns:160px 1fr;gap:30px}
.notice-strip strong{font-size:16px}
.notice-strip p{color:#53554e}
.news-stream{padding-top:32px}
.timeline-item{position:relative;display:grid;grid-template-columns:145px minmax(0,1fr) 130px;gap:32px;padding:34px 0 34px 24px;border-top:1px solid var(--line)}
.timeline-item:before{content:"";position:absolute;left:0;top:42px;width:9px;height:9px;border-radius:50%;background:var(--lime-dark);box-shadow:0 0 0 5px var(--paper)}
.timeline-item:last-child{border-bottom:1px solid var(--line)}
.timeline-item h3{font-size:25px;margin-bottom:10px}
.timeline-item p{color:var(--muted);max-width:720px}
.timeline-item .btn{height:max-content;align-self:center;padding:10px 13px;font-size:13px}
.filter-section{background:var(--soft);padding:58px 0}
.filter-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}
.filter-layout p{color:#595b54}
.filter-tags{display:flex;gap:10px;flex-wrap:wrap}
.filter-tags button{padding:10px 15px;border:1px solid #c7c5bc;background:transparent;border-radius:50px;color:#575951;font-size:14px;transition:.2s}
.filter-tags button:hover,.filter-tags button.active{background:var(--ink);color:var(--white);border-color:var(--ink)}
.editorial{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}
.editorial-aside{border-top:2px solid var(--ink);padding-top:19px}
.editorial-aside p{color:var(--muted);margin-top:15px}
.editorial-main h2{margin-bottom:27px}
.editorial-main p{color:#4f514b;margin-bottom:19px;max-width:790px}
.editorial-main blockquote{margin:30px 0;padding:23px 27px;border-left:3px solid var(--lime-dark);background:var(--white);font-size:19px;font-weight:700;line-height:1.65}
.reading-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:31px}
.reading-points div{padding:20px;border-top:1px solid var(--ink)}
.reading-points b{display:block;color:var(--lime-dark);font-size:12px;margin-bottom:8px}
.reading-points p{font-size:14px!important;margin:0!important}
.topic-band{background:var(--ink);color:var(--white)}
.topic-band .eyebrow{color:var(--lime)}
.topic-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:16px;margin-top:36px}
.topic-card{border:1px solid #484b43;padding:26px;min-height:200px;display:flex;flex-direction:column}
.topic-card:first-child{background:#292b27}
.topic-card b{font-size:13px;color:var(--lime);letter-spacing:1px;margin-bottom:20px}
.topic-card h3{font-size:25px}
.topic-card p{font-size:14px;color:#b7bab0;margin-top:13px}
.topic-card a{margin-top:auto;color:var(--lime);font-size:13px;font-weight:800;padding-top:18px}
.topic-card:hover{transform:translateY(-4px);border-color:var(--lime)}
.subscribe{padding:90px 0;background:linear-gradient(90deg,var(--paper) 0,var(--paper) 55%,#dcdacf 55%)}
.subscribe-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}
.subscribe-copy p{color:#55574f;margin-top:20px;max-width:470px}
.check-list{list-style:none;margin-top:25px}
.check-list li{padding:8px 0;color:#51534c}
.check-list li:before{content:"✓";color:var(--lime-dark);font-weight:900;margin-right:11px}
.subscribe-form{background:var(--white);padding:34px;border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{margin-bottom:16px}
.field label{display:block;font-size:13px;font-weight:800;margin-bottom:7px}
.field label span{color:var(--ochre)}
.field input,.field select{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:8px;background:#fffefa;color:var(--ink);outline:0;transition:.2s}
.field input:focus,.field select:focus{border-color:var(--lime-dark);box-shadow:0 0 0 3px rgba(168,198,58,.2)}
.form-note{font-size:12px;color:var(--muted);margin:12px 0 18px}
.form-message{font-size:13px;min-height:20px;margin-top:13px;color:var(--lime-dark);font-weight:700}
.cross-nav{padding-top:75px;padding-bottom:75px}
.cross-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:31px}
.cross-card{padding:23px;border:1px solid var(--line);background:var(--white);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:15px}
.cross-card small{display:block;color:var(--ochre);font-weight:800;margin-bottom:4px}
.cross-card h3{font-size:19px}
.cross-card span{font-size:25px;color:var(--lime-dark)}
.cross-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#bdbbb1}
footer{background:var(--ink);color:var(--white);padding:65px 0 23px}
.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr 1fr;gap:38px}
.footer-logo{font-size:25px;font-weight:900;letter-spacing:-1px;margin-bottom:16px;color:var(--white)}
.footer-logo:first-letter{color:var(--lime)}
.footer-grid p{font-size:13px;color:#b9bcb2;max-width:290px}
.footer-grid h3{font-size:14px;color:var(--lime);letter-spacing:1px;margin-bottom:16px}
.footer-grid a{display:block;color:#d6d8d0;font-size:13px;margin:8px 0}
.footer-grid a:hover{color:var(--lime)}
.copyright{border-top:1px solid #41443d;margin-top:50px;padding-top:19px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:#9da096}
.copyright a{display:inline;color:#d8dad2}
@media(max-width:1100px){:root{--side:235px}.site-sidebar{padding:30px 17px}.layout{margin-left:var(--side)}.nav-list a{font-size:13px}.hero-copy{padding-left:5vw}.timeline-item{grid-template-columns:115px 1fr 110px}.editorial{gap:42px}.subscribe-grid{gap:38px}}
@media(max-width:768px){:root{--side:0}.site-sidebar{position:fixed;transform:translateX(-100%);width:min(84vw,350px);transition:transform .3s;padding:30px 24px;box-shadow:12px 0 40px rgba(0,0,0,.25)}body.menu-open .site-sidebar{transform:translateX(0)}.layout{margin-left:0}.topbar{height:58px;padding:0 6vw;position:sticky;top:0;background:rgba(243,242,238,.97);z-index:15}.mobile-trigger{display:block}.progress{width:72px}.container{width:min(100% - 9vw,1280px)}section{padding:70px 0}.hero-news{display:block}.hero-copy{padding:74px 7vw 55px}.hero-image{height:300px;min-height:0}.hero-image-label{left:25px;bottom:24px}.series-bar{padding:14px 7vw}.section-head,.filter-layout,.subscribe-grid{grid-template-columns:1fr;display:grid}.section-head{align-items:start}.feature-story{grid-template-columns:1fr}.feature-story figure{height:280px}.feature-content{padding:32px}.notice-strip{grid-template-columns:1fr;gap:10px}.timeline-item{grid-template-columns:105px 1fr;gap:18px}.timeline-item .btn{grid-column:2;justify-self:start}.editorial{grid-template-columns:1fr;gap:35px}.reading-points{grid-template-columns:1fr}.topic-grid,.cross-grid{grid-template-columns:1fr}.subscribe{background:var(--paper)}.footer-grid{grid-template-columns:1fr 1fr}.copyright{display:block}.copyright span{display:block;margin-bottom:7px}}
@media(max-width:520px){body{font-size:15px}.topbar>span{display:none}.progress{width:100px}.hero-copy{padding-top:56px}.hero-copy h1{font-size:42px}.lead{font-size:16px}.hero-actions .btn{width:100%}.feature-content h3{font-size:28px}.timeline-item{grid-template-columns:1fr;padding-left:22px}.timeline-item:before{top:39px}.timeline-item h3{font-size:22px}.timeline-item .btn{grid-column:auto}.form-row,.footer-grid{grid-template-columns:1fr}.subscribe-form{padding:24px}.hero-image-label{font-size:11px}.hero-image-label b{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category5 */
:root{--ink:#1b1c1a;--paper:#f3f2ee;--soft:#e7e5de;--line:#d7d5cc;--muted:#6c6d67;--lime:#a8c63a;--lime-dark:#78931d;--ochre:#b47d4a;--white:#fffdf8;--radius:12px;--radius-lg:18px;--shadow:0 14px 34px rgba(27,28,26,.08);--side:276px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;color:var(--ink);background:var(--paper);line-height:1.85;font-size:16px}
a{color:inherit;text-decoration:none;transition:color .25s,background .25s,transform .25s,border-color .25s}
img{display:block;max-width:100%;object-fit:cover}
button,input,textarea,select{font:inherit}
button{cursor:pointer;border:0}
:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.site-sidebar{position:fixed;left:0;top:0;width:var(--side);height:100vh;background:var(--ink);z-index:30;padding:39px 24px 23px;display:flex;flex-direction:column}
.logo{font-size:27px;font-weight:900;letter-spacing:-2px;color:var(--white);display:flex;gap:10px;align-items:center}
.logo i{width:19px;height:19px;border:5px solid var(--lime);display:inline-block;transform:rotate(45deg)}
.brand-note{font-size:11px;letter-spacing:2px;color:#95988b;margin:12px 0 36px;text-transform:uppercase}
.nav-title{font-size:11px;color:#777b70;letter-spacing:2px;margin:0 0 12px}
.nav-list{list-style:none}
.nav-list li{margin:3px 0}
.nav-list a{display:flex;align-items:center;gap:10px;padding:9px 8px 9px 10px;border-left:3px solid transparent;color:#bfc1b7;font-size:13px}
.nav-list a span{font-variant-numeric:tabular-nums;color:#71766b;font-size:11px}
.nav-list a:hover,.nav-list a.active{background:#292b27;color:var(--white);border-left-color:var(--lime)}
.side-foot{margin-top:auto;border-top:1px solid #3b3d37;padding-top:20px;color:#9da097;font-size:12px}
.side-foot a{display:inline-flex;color:var(--lime);margin-top:9px;font-weight:700}
.page{margin-left:var(--side);min-height:100vh}
.topbar{height:62px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 5vw;color:var(--muted);font-size:13px;background:rgba(243,242,238,.94);position:sticky;top:0;z-index:20}
.progress{width:160px;height:3px;background:#d7d5cc;position:relative;overflow:hidden}
.progress:after{content:"";position:absolute;inset:0 auto 0 0;width:52%;background:var(--lime-dark)}
.mobile-trigger{display:none;background:none;color:var(--ink);font-size:25px;line-height:1}
.container{width:min(1280px,calc(100% - 10vw));margin:auto}
section{padding:92px 0}
.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--lime-dark);font-weight:800;margin-bottom:16px}
h1,h2,h3{line-height:1.16;letter-spacing:-1.5px}
h1{font-size:clamp(42px,5.2vw,74px);max-width:840px}
h2{font-size:clamp(30px,3.5vw,48px)}
h3{font-size:21px}
p{margin:0 0 17px}
.lead{font-size:18px;color:#50524b;max-width:735px;margin-top:25px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:13px 19px;border:1px solid var(--ink);border-radius:8px;font-weight:800;font-size:14px;background:transparent;min-height:48px}
.btn.primary{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.btn:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(27,28,26,.12)}
.btn.primary:hover{background:#bad84c}
.btn:active{transform:translateY(0);box-shadow:none}
.hero{padding:83px 0 52px;background:linear-gradient(90deg,var(--paper) 0%,var(--paper) 58%,rgba(243,242,238,.66) 100%),url("/assets/images/backpic/back-2.webp") right center/cover;min-height:560px;display:flex;align-items:center}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:end}
.hero h1 em{font-style:normal;color:var(--lime-dark)}
.hero-copy{padding:30px 0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}
.rule-card{background:var(--ink);color:var(--white);padding:27px;border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-left:auto;max-width:390px;position:relative}
.rule-card:before{content:"规则阅读";position:absolute;top:-14px;right:19px;background:var(--lime);color:var(--ink);padding:5px 11px;border-radius:5px;font-size:11px;font-weight:900;letter-spacing:1px}
.rule-card .card-top{color:#afb3a6;font-size:12px;border-bottom:1px solid #42443f;padding-bottom:15px;margin-bottom:14px}
.rule-card strong{color:var(--lime);font-size:42px;display:block;line-height:1;font-variant-numeric:tabular-nums;margin:12px 0}
.rule-card p{color:#c4c7bc;font-size:14px;margin:0}
.meta-strip{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:24px;color:var(--muted);font-size:13px}
.meta-strip b{color:var(--ink);margin-right:6px}
.doc-layout{display:grid;grid-template-columns:270px 1fr;gap:62px;align-items:start}
.doc-index{position:sticky;top:90px;border-top:2px solid var(--ink)}
.doc-index h3{font-size:15px;margin:18px 0 8px}
.doc-index a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.doc-index a:hover{color:var(--lime-dark);padding-left:6px}
.doc-copy{max-width:800px}
.doc-copy h2{margin-bottom:25px}
.doc-copy h3{margin:34px 0 13px}
.doc-copy p{color:#4e5049}
.note{border-left:4px solid var(--lime-dark);background:#e5e4dc;padding:20px 23px;margin:30px 0;border-radius:0 var(--radius) var(--radius) 0}
.note b{display:block;margin-bottom:6px}
.rule-band{background:var(--ink);color:var(--white)}
.rule-band .eyebrow{color:var(--lime)}
.rules-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px}
.rule-band p{color:#c2c5ba}
.principle-list{list-style:none;border-top:1px solid #4b4d46}
.principle-list li{display:grid;grid-template-columns:55px 1fr;gap:17px;padding:19px 0;border-bottom:1px solid #4b4d46}
.principle-list b{font-size:21px;color:var(--lime);font-variant-numeric:tabular-nums}
.principle-list span{color:#c6c9bf;font-size:14px}
.split-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}
.image-frame{position:relative}
.image-frame img{height:390px;width:100%;border-radius:var(--radius-lg);filter:grayscale(.55)}
.image-caption{position:absolute;left:18px;bottom:18px;right:18px;background:var(--ink);color:var(--white);padding:13px 16px;border-radius:8px;font-size:13px}
.check-list{list-style:none;margin-top:24px}
.check-list li{padding:13px 0 13px 29px;border-bottom:1px solid var(--line);position:relative;color:#4e5049}
.check-list li:before{content:"×";position:absolute;left:0;color:var(--ochre);font-size:19px;font-weight:800}
.accordion{border-top:1px solid var(--line)}
.accordion-item{border-bottom:1px solid var(--line)}
.accordion-btn{width:100%;background:none;text-align:left;padding:22px 40px 22px 0;color:var(--ink);font-size:18px;font-weight:800;position:relative}
.accordion-btn:after{content:"+";position:absolute;right:4px;top:16px;font-size:28px;font-weight:400;color:var(--lime-dark);transition:transform .25s}
.accordion-btn[aria-expanded="true"]:after{transform:rotate(45deg)}
.accordion-content{display:none;padding:0 28px 22px 0;color:#575950}
.accordion-content.open{display:block;animation:open .28s ease}
@keyframes open{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
.flow{background:#e6e4dc}
.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:38px}
.flow-step{padding:26px 24px 22px;border-top:3px solid var(--lime-dark);position:relative}
.flow-step:not(:last-child){border-right:1px solid #c9c7be}
.flow-step b{display:block;font-size:38px;color:var(--lime-dark);line-height:1;margin-bottom:19px}
.flow-step p{font-size:14px;color:#5d5f58;margin:8px 0 0}
.support-panel{display:grid;grid-template-columns:1fr .92fr;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}
.support-copy{padding:46px}
.support-copy p{color:#5c5e56}
.contact-lines{list-style:none;margin-top:22px}
.contact-lines li{padding:12px 0;border-top:1px solid var(--line);font-size:14px}
.support-art{background:var(--ink);padding:42px;color:var(--white);display:flex;flex-direction:column;justify-content:end;background-image:linear-gradient(rgba(27,28,26,.86),rgba(27,28,26,.96)),url("/assets/images/coverpic/cover-5.webp");background-size:cover;background-position:center}
.support-art p{color:#c2c5ba}
.related{padding-top:28px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.related-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:23px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between}
.related-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#bbb9ae}
.related-card span{font-size:12px;color:var(--lime-dark);font-weight:800}
.related-card p{font-size:14px;color:var(--muted);margin:10px 0}
footer{background:var(--ink);color:var(--white);padding:62px 0 23px}
.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:36px}
.footer-logo{font-size:25px;font-weight:900;letter-spacing:-1px;color:var(--white);margin-bottom:13px}
.footer-grid p{font-size:13px;color:#b8bbb0;line-height:1.8}
.footer-grid h3{font-size:14px;letter-spacing:1px;margin-bottom:14px}
.footer-grid a{display:block;color:#c8cbc0;font-size:13px;margin:8px 0}
.footer-grid a:hover{color:var(--lime);padding-left:4px}
.copyright{margin-top:43px;padding-top:19px;border-top:1px solid #3a3c36;display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap;color:#95988f;font-size:12px}
.copyright a{display:inline;color:#c7cabf;margin:0}
.mobile-head{display:none}
@media(max-width:1024px){:root{--side:235px}.site-sidebar{padding-left:17px;padding-right:17px}.nav-list a{font-size:12px}.container{width:min(100% - 7vw,1000px)}.doc-layout{gap:36px}.hero-grid{gap:25px}.footer-grid{gap:23px}}
@media(max-width:768px){body{font-size:15px}.site-sidebar{display:none}.page{margin-left:0}.mobile-head{height:63px;background:var(--ink);padding:0 5vw;display:flex;align-items:center;justify-content:space-between}.mobile-head .logo{font-size:24px}.mobile-trigger{display:block;color:var(--white)}.site-sidebar.open{display:flex;position:fixed;width:min(88vw,340px);box-shadow:20px 0 50px rgba(0,0,0,.3)}.topbar{height:49px;padding:0 5vw}.progress{width:90px}.container{width:calc(100% - 10vw)}section{padding:68px 0}.hero{min-height:0;padding:51px 0;background-position:66% center}.hero-grid,.doc-layout,.rules-grid,.split-feature,.support-panel{grid-template-columns:1fr}.hero-copy{padding:0}.rule-card{margin:18px 0 0;max-width:none}.doc-index{position:relative;top:0}.doc-index a{display:inline-block;margin-right:16px}.flow-grid{grid-template-columns:1fr 1fr}.flow-step:nth-child(2){border-right:0}.flow-step:nth-child(-n+2){border-bottom:1px solid #c9c7be}.related-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.image-frame img{height:300px}}
@media(max-width:520px){h1{font-size:39px}.lead{font-size:16px}.topbar .crumb{font-size:11px}.progress{display:none}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.meta-strip{gap:10px 19px}.doc-index{margin-bottom:7px}.doc-copy h3{font-size:19px}.flow-grid{grid-template-columns:1fr}.flow-step{border-right:0!important;border-bottom:1px solid #c9c7be}.flow-step:last-child{border-bottom:0}.support-copy,.support-art{padding:30px 24px}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin:8px 0}.image-frame img{height:240px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category6 */
:root{--ink:#1b1c1a;--paper:#f3f2ee;--soft:#e7e5de;--line:#d7d5cc;--muted:#6c6d67;--lime:#a8c63a;--lime-dark:#78931d;--ochre:#b47d4a;--white:#fffdf8;--radius:12px;--shadow:0 14px 34px rgba(27,28,26,.08);--side:235px}
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;color:var(--ink);background:var(--paper);line-height:1.8;font-size:16px}
    a{color:inherit;text-decoration:none;transition:color .25s,background .25s,transform .25s,border-color .25s}
    img{display:block;max-width:100%;object-fit:cover}
    button,input,textarea,select{font:inherit}
    button{cursor:pointer;border:0}
    button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(168,198,58,.72);outline-offset:3px}
    h1,h2,h3{line-height:1.18;letter-spacing:-.04em}
    h1{font-size:clamp(42px,5.4vw,72px);font-weight:900}
    h2{font-size:clamp(30px,3.3vw,47px);font-weight:850}
    h3{font-size:22px;font-weight:800}
    p{margin-bottom:16px}
    .site-sidebar{width:var(--side);background:var(--ink);color:var(--white);position:fixed;z-index:20;inset:0 auto 0 0;padding:34px 21px;display:flex;flex-direction:column;border-right:1px solid #31332e}
    .logo{font-size:27px;font-weight:900;letter-spacing:-2px;color:var(--white);display:flex;gap:10px;align-items:center}
    .logo i{width:19px;height:19px;border:5px solid var(--lime);display:inline-block;transform:rotate(45deg)}
    .brand-note{font-size:11px;letter-spacing:2px;color:#95988b;margin:12px 0 40px;text-transform:uppercase}
    .nav-title{font-size:11px;color:#777b70;letter-spacing:2px;margin:0 0 12px}
    .nav-list{list-style:none}
    .nav-list li{margin:3px 0}
    .nav-list a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-left:3px solid transparent;color:#bfc1b7;font-size:14px}
    .nav-list a span{font-variant-numeric:tabular-nums;color:#71766b;font-size:11px}
    .nav-list a:hover,.nav-list a.active{background:#292b27;color:var(--white);border-left-color:var(--lime)}
    .sidebar-bottom{margin-top:auto;padding-top:24px;border-top:1px solid #393b36;color:#9fa298;font-size:12px}
    .sidebar-bottom a{display:block;color:var(--lime);margin-top:10px}
    .page{margin-left:var(--side);min-height:100vh}
    .topbar{height:62px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 5vw;color:var(--muted);font-size:13px;background:rgba(243,242,238,.94);position:sticky;top:0;z-index:15}
    .crumb{display:flex;gap:10px;align-items:center}
    .crumb b{color:var(--ink)}
    .reading-line{width:130px;height:2px;background:#d3d1c8;position:relative;overflow:hidden}
    .reading-line:after{content:"";width:45%;height:100%;left:0;top:0;position:absolute;background:var(--lime-dark)}
    .mobile-trigger{display:none;background:none;font-size:24px;color:var(--ink)}
    .container{width:min(1280px,calc(100% - 10vw));margin:auto}
    section{padding:94px 0}
    .eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--lime-dark);font-weight:800;margin-bottom:17px}
    .lead{font-size:18px;color:#50524b;max-width:690px;margin-top:25px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 20px;border:1px solid var(--ink);border-radius:8px;font-weight:800;font-size:14px;background:transparent;color:var(--ink)}
    .btn.primary{background:var(--lime);border-color:var(--lime);color:var(--ink)}
    .btn.dark{background:var(--ink);border-color:var(--ink);color:var(--white)}
    .btn:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(27,28,26,.12)}
    .btn.primary:hover{background:#b9d94d}
    .btn:active{transform:translateY(0)}
    .hero-support{padding:86px 0 58px;background:var(--paper);overflow:hidden}
    .support-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}
    .hero-copy{padding:22px 0}
    .hero-copy h1 em{font-style:normal;color:var(--lime-dark)}
    .hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px}
    .hero-note{display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:50px;padding-top:16px;font-size:13px;color:var(--muted)}
    .hero-note b{color:var(--ink)}
    .support-drawing{min-height:445px;background:var(--ink);border-radius:18px;position:relative;overflow:hidden;padding:32px;color:var(--white);box-shadow:var(--shadow)}
    .support-drawing:before{content:"";position:absolute;width:370px;height:370px;border:1px solid rgba(168,198,58,.48);border-radius:50%;right:-105px;top:-104px}
    .support-drawing:after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:29px;top:-43px}
    .draw-label{position:relative;z-index:1;color:var(--lime);font-size:12px;letter-spacing:2px}
    .draw-number{position:absolute;right:31px;bottom:18px;font-size:122px;line-height:1;font-weight:900;letter-spacing:-10px;color:#31342e}
    .draw-card{position:absolute;left:32px;bottom:36px;z-index:2;width:min(82%,360px);border:1px solid #50534b;padding:25px;background:#252723}
    .draw-card small{display:block;color:#a7aaa1;margin-bottom:13px}
    .draw-card strong{font-size:29px;line-height:1.25;display:block}
    .draw-card span{display:block;margin-top:17px;color:#d4d7cc;font-size:13px}
    .signal{position:absolute;z-index:2;right:46px;top:123px;width:116px;height:116px;border-left:3px solid var(--lime);border-bottom:3px solid var(--lime)}
    .signal:before,.signal:after{content:"";position:absolute;border:2px solid var(--lime);border-radius:50%;opacity:.75}
    .signal:before{width:67px;height:67px;right:0;bottom:0}
    .signal:after{width:31px;height:31px;right:17px;bottom:17px;background:var(--lime)}
    .intro-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;background:#eeece6}
    .intro-strip .container{display:grid;grid-template-columns:140px 1fr auto;gap:22px;align-items:center}
    .intro-strip b{font-size:13px;color:var(--lime-dark);letter-spacing:1px}
    .intro-strip p{margin:0;color:var(--muted);font-size:14px}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:43px}
    .section-head p{max-width:570px;color:var(--muted);margin:0}
    .support-map{display:grid;grid-template-columns:.75fr 1.25fr;gap:45px;align-items:start}
    .map-side{position:sticky;top:90px}
    .map-side p{color:var(--muted)}
    .map-index{list-style:none;border-top:1px solid var(--line);margin-top:25px}
    .map-index li{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;display:flex;justify-content:space-between}
    .map-index span{color:var(--ochre);font-weight:800}
    .question-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}
    .question-card{background:var(--white);border:1px solid var(--line);padding:27px;border-radius:12px;min-height:190px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}
    .question-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
    .question-card.large{grid-row:span 2;background:var(--ink);color:var(--white);min-height:396px}
    .question-card.large p{color:#c3c6bc}
    .question-card .num{display:block;color:var(--lime-dark);font-weight:900;font-size:14px;margin-bottom:29px}
    .question-card.large .num{color:var(--lime)}
    .question-card p{font-size:14px;color:var(--muted);margin:11px 0 0}
    .question-card .arrow{position:absolute;right:24px;bottom:18px;color:var(--lime-dark);font-size:23px}
    .boundary{background:#deddd5}
    .boundary-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line)}
    .boundary-card{background:var(--paper);padding:40px}
    .boundary-card.dark{background:var(--ink);color:var(--white)}
    .boundary-card p{color:var(--muted);margin-top:17px}
    .boundary-card.dark p{color:#bfc2b8}
    .tick-list{list-style:none;margin-top:24px}
    .tick-list li{padding:11px 0 11px 26px;border-top:1px solid var(--line);position:relative;font-size:14px}
    .dark .tick-list li{border-color:#41443d}
    .tick-list li:before{content:"+";position:absolute;left:0;color:var(--lime-dark);font-weight:900}
    .dark .tick-list li:before{color:var(--lime)}
    .channel-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:44px;align-items:stretch}
    .channel-intro{background:url("/assets/images/coverpic/cover-6.webp") center/cover;min-height:390px;border-radius:14px;overflow:hidden;position:relative}
    .channel-intro:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(27,28,26,.12),rgba(27,28,26,.85))}
    .channel-caption{position:absolute;z-index:1;bottom:0;padding:31px;color:var(--white)}
    .channel-caption p{color:#d8dacf;font-size:14px;margin-top:14px}
    .channel-list{border-top:1px solid var(--line)}
    .channel-item{display:grid;grid-template-columns:74px 1fr auto;gap:22px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}
    .channel-item b{font-size:13px;color:var(--ochre);font-variant-numeric:tabular-nums}
    .channel-item h3{font-size:20px}
    .channel-item p{font-size:14px;color:var(--muted);margin:5px 0 0}
    .channel-item .status{font-size:12px;color:var(--lime-dark);font-weight:800;border:1px solid #bbca7a;padding:4px 9px;border-radius:20px}
    .process{background:var(--ink);color:var(--white)}
    .process .eyebrow{color:var(--lime)}
    .process .lead{color:#c1c4ba}
    .process-row{display:grid;grid-template-columns:repeat(4,1fr);margin-top:52px;border-top:1px solid #494c45}
    .process-step{padding:28px 28px 15px 0;border-right:1px solid #494c45;min-height:224px;position:relative}
    .process-step:not(:first-child){padding-left:28px}
    .process-step:last-child{border-right:0}
    .process-step .step-no{display:block;color:var(--lime);font-size:13px;font-weight:900;letter-spacing:1px}
    .process-step h3{font-size:21px;margin:27px 0 10px}
    .process-step p{font-size:14px;color:#b8bbb0}
    .process-step:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--lime)}
    .reading-note{display:grid;grid-template-columns:1fr .78fr;gap:65px;align-items:center}
    .reading-note p{font-size:17px;color:#51534d}
    .quote{border-left:4px solid var(--lime-dark);padding:15px 0 15px 25px;color:#4e5049;font-size:20px;font-weight:750;line-height:1.65}
    .note-photo img{width:100%;height:330px;border-radius:12px;filter:grayscale(.65)}
    .form-section{padding-top:0}
    .form-wrap{display:grid;grid-template-columns:.85fr 1.15fr;background:#e3e1d9;border-radius:18px;overflow:hidden}
    .form-copy{padding:54px 48px;background:var(--ink);color:var(--white)}
    .form-copy .eyebrow{color:var(--lime)}
    .form-copy p{color:#c4c7bd;margin-top:20px}
    .benefit-list{list-style:none;margin-top:29px}
    .benefit-list li{border-top:1px solid #40433c;padding:13px 0;color:#e0e2da;font-size:14px}
    .benefit-list li b{color:var(--lime);margin-right:11px}
    .form-card{padding:48px}
    .form-card h3{font-size:29px}
    .form-tip{font-size:13px;color:var(--muted);margin:9px 0 24px}
    .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
    .field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
    .field label{font-size:13px;font-weight:800}
    .required{color:var(--ochre)}
    input,textarea,select{width:100%;border:1px solid #c9c7bd;border-radius:8px;background:var(--white);padding:12px 13px;color:var(--ink);transition:border-color .2s,box-shadow .2s}
    input:focus,textarea:focus,select:focus{outline:0;border-color:var(--lime-dark);box-shadow:0 0 0 3px rgba(168,198,58,.22)}
    textarea{height:112px;resize:vertical}
    .check{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--muted);margin:3px 0 19px}
    .check input{width:16px;height:16px;margin-top:4px;accent-color:var(--lime-dark)}
    .form-state{display:none;margin-top:15px;padding:12px 14px;border-left:3px solid var(--lime-dark);background:#eff3df;color:#53661b;font-size:14px}
    .faq-mini{padding-top:0}
    .faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px}
    .faq-intro p{color:var(--muted)}
    .faq-list{border-top:1px solid var(--line)}
    details{border-bottom:1px solid var(--line);padding:0 0 0}
    summary{list-style:none;cursor:pointer;font-weight:800;padding:21px 42px 21px 0;position:relative;font-size:17px}
    summary::-webkit-details-marker{display:none}
    summary:after{content:"+";position:absolute;right:5px;top:16px;font-size:26px;color:var(--lime-dark);font-weight:400;transition:transform .25s}
    details[open] summary:after{transform:rotate(45deg)}
    details p{padding:0 36px 20px 0;color:var(--muted);font-size:14px}
    .final-links{padding:0 0 88px}
    .link-ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center;padding:24px 0}
    .link-ribbon p{margin:0;font-size:14px;color:var(--muted)}
    .link-ribbon nav{display:flex;gap:18px;flex-wrap:wrap}
    .link-ribbon a{font-size:14px;font-weight:800;border-bottom:1px solid var(--lime-dark)}
    footer{background:var(--ink);color:var(--white);padding:62px 0 23px}
    .footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:36px}
    .footer-logo{font-size:25px;font-weight:900;letter-spacing:-2px;margin-bottom:15px;color:var(--white)}
    .footer-grid p{font-size:13px;color:#adb0a6;line-height:1.8}
    .footer-grid h3{font-size:14px;color:var(--lime);letter-spacing:1px;margin-bottom:13px}
    .footer-grid a{display:block;font-size:13px;color:#d7d9d1;margin:8px 0}
    .footer-grid a:hover{color:var(--lime)}
    .copyright{margin-top:45px;padding-top:20px;border-top:1px solid #3b3d37;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#95998f;font-size:11px}
    .copyright a{display:inline;color:#d5d8ce}
    @media(max-width:1024px){
      :root{--side:210px}
      .site-sidebar{padding:27px 15px}
      .nav-list a{font-size:13px;padding:9px 8px}
      .container{width:min(100% - 7vw,1120px)}
      .support-hero-grid,.support-map,.channel-grid,.reading-note,.faq-grid{gap:34px}
      .process-step{padding-right:16px}
      .process-step:not(:first-child){padding-left:16px}
    }
    @media(max-width:768px){
      body{font-size:15px}
      .site-sidebar{display:none}
      .page{margin-left:0}
      .topbar{height:61px;padding:0 20px;position:sticky}
      .mobile-trigger{display:block}
      .reading-line{width:78px}
      .mobile-menu{position:fixed;inset:61px 0 0;background:var(--ink);z-index:25;padding:24px;display:none}
      .mobile-menu.open{display:block}
      .mobile-menu .nav-list a{font-size:17px;padding:14px 12px}
      .container{width:calc(100% - 40px)}
      section{padding:70px 0}
      .hero-support{padding:52px 0 42px}
      .support-hero-grid,.support-map,.channel-grid,.reading-note,.faq-grid,.form-wrap{grid-template-columns:1fr}
      .support-drawing{min-height:365px}
      .intro-strip .container{grid-template-columns:1fr;gap:5px}
      .intro-strip .btn{width:max-content;margin-top:8px}
      .map-side{position:static}
      .question-grid{grid-template-columns:1fr 1fr}
      .question-card.large{grid-row:auto;grid-column:span 2;min-height:280px}
      .boundary-grid{grid-template-columns:1fr}
      .process-row{grid-template-columns:1fr 1fr}
      .process-step:nth-child(2){border-right:0}
      .process-step:nth-child(3){padding-left:0}
      .note-photo img{height:260px}
      .form-copy,.form-card{padding:38px 28px}
      .footer-grid{grid-template-columns:1fr 1fr}
    }
    @media(max-width:520px){
      h1{font-size:41px}
      h2{font-size:30px}
      .topbar .crumb{font-size:12px}
      .reading-line{display:none}
      .support-drawing{padding:24px;min-height:330px}
      .draw-card{left:24px;bottom:25px;width:calc(100% - 48px)}
      .draw-card strong{font-size:23px}
      .signal{right:30px;top:92px;transform:scale(.78);transform-origin:top right}
      .section-head{display:block;margin-bottom:31px}
      .section-head p{margin-top:15px}
      .question-grid{grid-template-columns:1fr}
      .question-card.large{grid-column:auto}
      .channel-item{grid-template-columns:53px 1fr}
      .channel-item .status{grid-column:2;width:max-content}
      .process-row{grid-template-columns:1fr}
      .process-step,.process-step:nth-child(2),.process-step:nth-child(3){padding:23px 0;border-right:0;border-bottom:1px solid #494c45;min-height:auto}
      .field-grid{grid-template-columns:1fr}
      .form-copy,.form-card{padding:34px 23px}
      .link-ribbon{display:block}
      .link-ribbon nav{margin-top:13px}
      .footer-grid{grid-template-columns:1fr}
      .copyright{display:block}
      .copyright span{display:block;margin:6px 0}
    }
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category4 */
:root{--ink:#1b1c1a;--paper:#f3f2ee;--soft:#e7e5de;--line:#d7d5cc;--muted:#6c6d67;--lime:#a8c63a;--lime-dark:#78931d;--ochre:#b47d4a;--white:#fffdf8;--radius:12px;--radius-lg:18px;--shadow:0 14px 34px rgba(27,28,26,.08);--side:235px}
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;color:var(--ink);background:var(--paper);line-height:1.82;font-size:16px}
    a{color:inherit;text-decoration:none;transition:color .25s,background .25s,transform .25s,border-color .25s}
    img{display:block;max-width:100%;object-fit:cover}
    button,input,textarea,select{font:inherit}
    button{cursor:pointer;border:0}
    :focus-visible{outline:3px solid var(--lime);outline-offset:3px}
    .sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);background:var(--ink);padding:36px 22px 25px;display:flex;flex-direction:column;z-index:30}
    .logo{font-size:27px;font-weight:900;letter-spacing:-2px;color:var(--white);display:flex;gap:10px;align-items:center}
    .logo i{width:19px;height:19px;border:5px solid var(--lime);display:inline-block;transform:rotate(45deg)}
    .brand-note{font-size:11px;letter-spacing:2px;color:#95988b;margin:12px 0 39px;text-transform:uppercase}
    .nav-title{font-size:11px;color:#777b70;letter-spacing:2px;margin:0 0 12px}
    .nav-list{list-style:none}
    .nav-list li{margin:3px 0}
    .nav-list a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-left:3px solid transparent;color:#bfc1b7;font-size:14px;line-height:1.45}
    .nav-list a span{font-variant-numeric:tabular-nums;color:#71766b;font-size:11px}
    .nav-list a:hover,.nav-list a.active{background:#292b27;color:var(--white);border-left-color:var(--lime)}
    .side-bottom{margin-top:auto;border-top:1px solid #373a34;padding-top:20px}
    .side-bottom a{display:block;color:#d2d5c8;font-size:13px;margin-bottom:10px}
    .side-bottom a:hover{color:var(--lime)}
    .side-tag{display:inline-block;color:#b5cb61;border:1px solid #596334;padding:4px 8px;font-size:11px;letter-spacing:1px}
    .site-main{margin-left:var(--side);min-height:100vh}
    .topbar{height:62px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 5vw;color:var(--muted);font-size:13px;background:rgba(243,242,238,.95);position:sticky;top:0;z-index:20}
    .crumb b{color:var(--ink);font-weight:700}
    .progress{height:2px;width:130px;background:var(--line);position:relative;overflow:hidden}
    .progress:after{content:"";position:absolute;width:52%;height:100%;left:0;top:0;background:var(--lime-dark)}
    .mobile-trigger{display:none;background:none;color:var(--ink);font-size:26px;line-height:1}
    .container{width:min(1280px,calc(100% - 10vw));margin:auto}
    section{padding:88px 0}
    .eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--lime-dark);font-weight:800;margin-bottom:15px}
    h1,h2,h3{line-height:1.16;letter-spacing:-1.5px}
    h1{font-size:clamp(42px,5vw,70px);max-width:760px}
    h2{font-size:clamp(30px,3.5vw,46px)}
    h3{font-size:22px}
    p{margin-bottom:15px}
    .lead{font-size:18px;color:#50524b;max-width:690px;margin-top:24px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 20px;border:1px solid var(--ink);border-radius:8px;font-weight:700;font-size:14px;background:transparent}
    .btn.primary{background:var(--lime);border-color:var(--lime);color:var(--ink)}
    .btn:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(27,28,26,.12)}
    .btn.primary:hover{background:#b9d94d}
    .btn:active{transform:translateY(0)}
    .hero{padding:72px 0 72px;overflow:hidden}
    .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:stretch}
    .hero-copy{padding:38px 0 20px}
    .hero-copy h1 em{font-style:normal;color:var(--lime-dark)}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
    .guide-stage{min-height:460px;border-radius:var(--radius-lg);overflow:hidden;background:var(--ink);color:var(--white);position:relative;box-shadow:var(--shadow);display:flex;align-items:end}
    .guide-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(27,28,26,.08),rgba(27,28,26,.86)),url("/assets/images/backpic/back-2.webp") center/cover;filter:grayscale(.55)}
    .stage-copy{position:relative;padding:30px;width:100%}
    .stage-number{color:var(--lime);font-size:12px;letter-spacing:2px}
    .stage-copy strong{font-size:32px;display:block;margin:8px 0}
    .stage-copy p{color:#d0d4c7;margin:0;max-width:390px}
    .meta-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;display:flex;gap:29px;flex-wrap:wrap;color:var(--muted);font-size:13px}
    .meta-strip b{color:var(--ink);margin-right:7px}
    .intro-band{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .intro-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}
    .intro-grid p{color:#565850;font-size:17px}
    .quiet-note{padding:20px;border-left:3px solid var(--lime-dark);background:rgba(255,253,248,.58);color:#55574f;font-size:14px}
    .section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:40px}
    .section-head p{max-width:550px;color:var(--muted);margin:0}
    .steps-wrap{display:grid;grid-template-columns:220px 1fr;gap:52px}
    .step-rail{position:sticky;top:92px;height:max-content}
    .step-rail p{font-size:13px;color:var(--muted)}
    .step-nav{list-style:none;margin-top:20px;border-top:1px solid var(--line)}
    .step-nav li{border-bottom:1px solid var(--line);padding:11px 0;font-size:13px;color:#55574f}
    .step-nav b{color:var(--ochre);display:inline-block;width:34px}
    .step-list{border-top:1px solid var(--ink)}
    .step-item{display:grid;grid-template-columns:130px 1fr;gap:34px;padding:36px 0;border-bottom:1px solid var(--line)}
    .step-no{font-variant-numeric:tabular-nums;font-size:58px;line-height:1;color:var(--lime-dark);font-weight:900;letter-spacing:-4px}
    .step-content p{color:#55574f;max-width:720px}
    .check-list{list-style:none;margin:20px 0 4px}
    .check-list li{padding:9px 0 9px 25px;position:relative;border-top:1px solid #dddacf;color:#4d4f48}
    .check-list li:before{content:"";width:8px;height:8px;background:var(--lime);border-radius:50%;position:absolute;left:2px;top:19px}
    .hint{margin-top:22px;padding:17px 19px;background:#e4e1d5;border-left:3px solid var(--ochre);font-size:14px;color:#54564e}
    .flow-section{background:var(--ink);color:var(--white)}
    .flow-section .eyebrow{color:var(--lime)}
    .flow-section .lead{color:#c7cbc0}
    .flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:47px}
    .flow-item{padding:22px 25px 22px 0;margin-right:23px;border-top:2px solid #55594f;position:relative}
    .flow-item:after{content:"→";position:absolute;right:-8px;top:15px;color:var(--lime);font-size:24px}
    .flow-item:last-child:after{display:none}
    .flow-item b{color:var(--lime);font-size:12px;letter-spacing:1px}
    .flow-item h3{margin:10px 0}
    .flow-item p{font-size:14px;line-height:1.75;color:#bfc3b8;margin:0}
    .scene-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}
    .scene-image{min-height:510px;border-radius:var(--radius-lg);overflow:hidden;position:relative}
    .scene-image img{height:100%;width:100%;filter:grayscale(.7)}
    .scene-image div{position:absolute;inset:auto 25px 25px 25px;background:rgba(27,28,26,.9);padding:20px;color:var(--white)}
    .scene-image p{color:#c5c9bd;font-size:14px;margin:8px 0 0}
    .scene-panels{display:grid;gap:18px}
    .scene-card{background:var(--white);padding:25px;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 20px rgba(27,28,26,.035)}
    .scene-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
    .scene-card .tag{font-size:11px;color:var(--lime-dark);font-weight:800;letter-spacing:1px}
    .scene-card h3{margin:8px 0 10px}
    .scene-card p{color:var(--muted);font-size:14px;margin:0}
    .reading-block{display:grid;grid-template-columns:.48fr 1.52fr;gap:70px;padding-top:82px}
    .reading-index{list-style:none;border-top:1px solid var(--line)}
    .reading-index li{padding:13px 0;border-bottom:1px solid var(--line);font-size:13px;color:#5b5d55}
    .reading-index b{color:var(--ochre);margin-right:9px}
    .article-copy{max-width:780px}
    .article-copy h2{margin-bottom:27px}
    .article-copy h3{margin:32px 0 12px}
    .article-copy p{color:#4f514a;font-size:17px}
    .quote{margin:30px 0;padding:24px 28px;border-left:4px solid var(--lime-dark);background:#e6e4dc;font-size:19px;line-height:1.65;font-weight:700}
    .resource-band{background:#dedcd4}
    .resource-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
    .resource{padding:25px;border-top:3px solid var(--ink);background:var(--paper)}
    .resource:hover{border-top-color:var(--lime-dark);transform:translateY(-3px)}
    .resource span{font-size:12px;color:var(--ochre);font-weight:700}
    .resource h3{margin:10px 0}
    .resource p{font-size:14px;color:var(--muted);margin:0}
    .faq{background:var(--ink);color:var(--white)}
    .faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:66px}
    .faq .eyebrow{color:var(--lime)}
    .faq-intro p{color:#bcc0b5;max-width:370px}
    .faq-label{display:inline-block;border:1px solid #5c6156;color:#d7dcce;padding:6px 10px;font-size:12px;margin-top:12px}
    .faq-list{border-top:1px solid #4a4e45}
    .faq-item{border-bottom:1px solid #4a4e45}
    .faq-q{width:100%;background:none;color:var(--white);padding:20px 34px 20px 0;text-align:left;font-weight:700;font-size:16px;position:relative}
    .faq-q:after{content:"+";position:absolute;right:3px;color:var(--lime);font-size:25px;font-weight:400;top:13px;transition:transform .25s}
    .faq-item.open .faq-q:after{transform:rotate(45deg)}
    .faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
    .faq-a p{color:#c4c8bd;padding:0 30px 20px 0;font-size:14px;margin:0}
    .faq-item.open .faq-a{max-height:220px}
    .cta{padding:95px 0}
    .cta-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:52px;align-items:start}
    .cta-copy p{color:#55574f;font-size:17px;max-width:480px}
    .benefits{list-style:none;margin-top:26px}
    .benefits li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
    .benefits li:before{content:"◆";color:var(--lime-dark);margin-right:10px;font-size:11px}
    .form-card{padding:31px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    label{font-size:13px;font-weight:700;display:block;margin:0 0 7px}
    .required{color:var(--ochre)}
    input,textarea,select{width:100%;border:1px solid #cbc9c0;background:#faf9f4;color:var(--ink);border-radius:8px;padding:12px 13px;outline:none;transition:border .2s,box-shadow .2s}
    textarea{resize:vertical;min-height:102px}
    input:focus,textarea:focus,select:focus{border-color:var(--lime-dark);box-shadow:0 0 0 3px rgba(168,198,58,.2)}
    .field{margin-bottom:15px}
    .consent{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:var(--muted);line-height:1.55;margin:18px 0}
    .consent input{width:16px;margin-top:3px}
    .form-status{min-height:22px;font-size:13px;margin-top:12px;color:var(--lime-dark)}
    .form-status.error{color:#9f523e}
    footer{background:var(--ink);color:var(--white);padding:62px 0 24px}
    .footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:38px}
    .footer-logo{font-size:25px;font-weight:900;letter-spacing:-1px;margin-bottom:15px;color:var(--white)}
    footer p{color:#b8bcb1;font-size:13px;line-height:1.75}
    footer h3{font-size:14px;letter-spacing:1px;margin-bottom:15px}
    footer a{display:block;color:#c8ccc1;font-size:13px;margin-bottom:8px}
    footer a:hover{color:var(--lime)}
    .copyright{border-top:1px solid #41443e;margin-top:44px;padding-top:18px;display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap;color:#989c91;font-size:12px}
    .copyright a{display:inline;margin:0;color:#c7cbbf}
    .mobile-head{display:none}
    @media(max-width:1024px){:root{--side:205px}.sidebar{padding:30px 14px}.nav-list a{font-size:13px;padding:9px 8px}.container{width:min(100% - 7vw,1000px)}.hero-grid,.cta-grid{gap:27px}.steps-wrap{grid-template-columns:175px 1fr}.step-item{grid-template-columns:95px 1fr}.faq-layout{gap:35px}}
    @media(max-width:768px){body{font-size:15px}.sidebar{display:none}.site-main{margin-left:0}.mobile-head{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:var(--ink);color:var(--white);position:sticky;top:0;z-index:40}.mobile-head .logo{font-size:24px}.mobile-trigger{display:block;color:var(--white)}.mobile-menu{display:none;position:fixed;inset:62px 0 0;background:var(--ink);z-index:39;padding:23px 5vw;overflow:auto}.mobile-menu.open{display:block}.mobile-menu .nav-list a{font-size:16px;padding:14px 12px}.topbar{position:relative;height:50px}.progress{width:88px}.hero{padding:40px 0 55px}.hero-grid,.intro-grid,.scene-grid,.faq-layout,.cta-grid{grid-template-columns:1fr}.hero-copy{padding:10px 0}.guide-stage{min-height:320px}.intro-grid{gap:25px}.steps-wrap{grid-template-columns:1fr}.step-rail{position:static}.step-nav{display:grid;grid-template-columns:1fr 1fr;gap:0}.step-nav li{padding-right:10px}.step-item{grid-template-columns:74px 1fr;gap:18px;padding:28px 0}.step-no{font-size:43px}.flow{grid-template-columns:1fr 1fr;gap:14px}.flow-item{margin:0;padding:19px;border:1px solid #4d5148}.flow-item:after{display:none}.reading-block{grid-template-columns:1fr;gap:24px;padding-top:58px}.resource-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}section{padding:67px 0}.section-head{display:block}.section-head p{margin-top:17px}.form-row{grid-template-columns:1fr}}
    @media(max-width:520px){.container{width:calc(100% - 38px)}h1{font-size:39px}.lead{font-size:16px}.hero-actions .btn{width:100%}.meta-strip{gap:10px;display:block}.meta-strip span{display:block;padding:5px 0}.step-nav{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.scene-image{min-height:350px}.faq-q{font-size:15px}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin:8px 0}.topbar{padding:0 19px}.crumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:245px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category7 */
:root{
 --ink:#1b1c1a;--paper:#f3f2ee;--soft:#e7e5de;--line:#d7d5cc;--muted:#6c6d67;
 --lime:#a8c63a;--lime-dark:#78931d;--ochre:#b47d4a;--white:#fffdf8;
 --radius:12px;--shadow:0 14px 34px rgba(27,28,26,.08);--side:235px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;color:var(--ink);background:var(--paper);line-height:1.8;font-size:16px}
a{color:inherit;text-decoration:none;transition:color .25s,background .25s,transform .25s}
img{display:block;max-width:100%;object-fit:cover}
button,input,textarea,select{font:inherit}
button{cursor:pointer;border:0}
:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.shell{min-height:100vh}
aside{position:fixed;left:0;top:0;width:var(--side);height:100vh;background:var(--ink);padding:34px 20px;z-index:20;display:flex;flex-direction:column}
.logo{font-size:27px;font-weight:900;letter-spacing:-2px;color:var(--white);display:flex;gap:10px;align-items:center}
.logo i{width:19px;height:19px;border:5px solid var(--lime);display:inline-block;transform:rotate(45deg)}
.brand-note{font-size:11px;letter-spacing:2px;color:#95988b;margin:12px 0 40px;text-transform:uppercase}
.nav-title{font-size:11px;color:#777b70;letter-spacing:2px;margin:0 0 12px}
.nav-list{list-style:none}
.nav-list li{margin:3px 0}
.nav-list a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-left:3px solid transparent;color:#bfc1b7;font-size:14px}
.nav-list a span{font-variant-numeric:tabular-nums;color:#71766b;font-size:11px}
.nav-list a:hover,.nav-list a.active{background:#292b27;color:var(--white);border-left-color:var(--lime)}
.side-bottom{margin-top:auto;color:#92968b;font-size:12px;border-top:1px solid #3d4039;padding-top:20px}
.side-bottom b{display:block;color:var(--lime);margin-bottom:5px}
main{margin-left:var(--side)}
.topbar{height:62px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 5vw;color:var(--muted);font-size:13px}
.progress{width:150px;height:3px;background:var(--line);position:relative}
.progress i{display:block;width:38%;height:100%;background:var(--lime)}
.mobile-trigger{display:none;background:none;color:var(--ink);font-size:24px}
.container{width:min(1280px,calc(100% - 10vw));margin:auto}
section{padding:92px 0}
.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--lime-dark);font-weight:800;margin-bottom:17px}
h1,h2,h3{line-height:1.18;letter-spacing:-1.5px}
h1{font-size:clamp(42px,6vw,76px);max-width:800px}
h2{font-size:clamp(31px,4vw,48px)}
h3{font-size:23px}
.lead{font-size:18px;color:#50524b;max-width:680px;margin-top:24px}
.btn{display:inline-flex;align-items:center;gap:12px;padding:13px 20px;border:1px solid var(--ink);border-radius:8px;font-weight:700;font-size:14px}
.btn.primary{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.btn:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(27,28,26,.12)}
.btn.primary:hover{background:#b9d94d}
.hero{padding:105px 0 78px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero:after{content:"";position:absolute;right:0;top:0;width:42%;height:100%;background:linear-gradient(90deg,rgba(243,242,238,.96),rgba(243,242,238,.18)),url("/assets/images/backpic/back-3.webp") center/cover;z-index:0}
.hero .container{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}
.hero-kicker{display:inline-flex;align-items:center;gap:9px;background:var(--ink);color:var(--white);padding:7px 12px;border-radius:6px;font-size:12px;margin-bottom:25px}
.hero-kicker b{color:var(--lime)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.hero-panel{background:var(--ink);color:var(--white);padding:30px;border-radius:18px;box-shadow:var(--shadow);transform:rotate(2deg);max-width:430px;margin-left:auto}
.panel-top{display:flex;justify-content:space-between;align-items:center;color:#aeb1a7;font-size:12px;border-bottom:1px solid #44473f;padding-bottom:18px}
.panel-top strong{font-size:25px;color:var(--lime)}
.panel-image{height:145px;margin:22px 0;position:relative;overflow:hidden;border-radius:8px}
.panel-image img{width:100%;height:100%;filter:grayscale(.8);opacity:.65}
.panel-image span{position:absolute;left:15px;bottom:12px;color:var(--white);font-size:12px}
.panel-row{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid #3b3e37;color:#aeb1a7;font-size:13px}
.panel-row b{color:var(--white);font-size:18px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}
.section-head p{max-width:530px;color:var(--muted)}
.intro{background:var(--white)}
.intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.intro-copy p{color:#55574f;margin:18px 0}
.intro-photo{position:relative}
.intro-photo img{height:430px;width:100%;border-radius:12px;filter:grayscale(.55)}
.photo-note{position:absolute;right:-20px;bottom:25px;background:var(--lime);padding:17px 20px;width:190px;font-size:13px;font-weight:700}
.timeline-section{padding-top:105px}
.timeline{border-left:2px solid var(--line);margin-left:18px}
.event{display:grid;grid-template-columns:150px 1fr;gap:35px;padding:0 0 45px 30px;position:relative}
.event:before{content:"";position:absolute;left:-8px;top:8px;width:14px;height:14px;background:var(--lime);border:4px solid var(--paper);border-radius:50%}
.event time{font-size:13px;color:var(--ochre);font-weight:800;padding-top:3px}
.event h3{margin-bottom:9px}
.event p{color:var(--muted);max-width:700px}
.event .tag{display:inline-block;margin-top:13px;border-bottom:1px solid var(--lime-dark)}
.principles{background:var(--ink);color:var(--white)}
.principles .eyebrow{color:var(--lime)}
.principle-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px}
.principle-grid>div>p{color:#b9bcb2;max-width:650px;margin:22px 0}
.principle-list{list-style:none;border-top:1px solid #484b42}
.principle-list li{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #484b42}
.principle-list b{color:var(--lime);font-size:21px}
.principle-list p{color:#b9bcb2;font-size:14px;margin-top:4px}
.quote{border-left:4px solid var(--lime);padding:22px 25px;background:#292b27;color:#e8e9df;font-size:20px;line-height:1.65;align-self:center}
.quote small{display:block;color:#969b8e;font-size:12px;margin-top:18px}
.collage-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:22px}
.collage-grid img{border-radius:12px;filter:grayscale(.45)}
.collage-tall img{height:490px}
.collage-right{display:grid;grid-template-rows:1fr auto;gap:22px}
.collage-wide img{height:275px;width:100%}
.info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.info-cell{background:var(--paper);padding:24px}
.info-cell strong{display:block;font-size:30px;color:var(--lime-dark);font-variant-numeric:tabular-nums}
.info-cell span{font-size:13px;color:var(--muted)}
.dynamics{background:#deddd5}
.dynamic-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:65px}
.dynamic-list{list-style:none}
.dynamic-list li{display:grid;grid-template-columns:90px 1fr auto;gap:20px;align-items:center;padding:18px 0;border-top:1px solid #c3c2b9}
.dynamic-list li:last-child{border-bottom:1px solid #c3c2b9}
.dynamic-list time{font-size:12px;color:var(--ochre)}
.dynamic-list h3{font-size:18px}
.dynamic-list p{font-size:13px;color:var(--muted);margin-top:4px}
.editorial{padding-top:96px}
.editorial-grid{display:grid;grid-template-columns:220px 1fr;gap:60px}
.index-list{list-style:none;position:sticky;top:30px;height:max-content}
.index-list li{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}
.index-list li b{display:inline-block;width:30px;color:var(--ochre)}
.article-copy{max-width:790px}
.article-copy h3{margin:5px 0 15px}
.article-copy p{color:#55574f;margin:0 0 24px}
.article-copy ul{margin:0 0 28px;padding-left:22px;color:#55574f}
.faq{background:var(--ink);color:var(--white)}
.faq .eyebrow{color:var(--lime)}
.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}
.faq-intro p{color:#b9bcb2;margin-top:18px}
.faq-label{display:inline-block;margin-top:26px;border:1px solid #55594e;color:var(--lime);padding:7px 12px;font-size:12px}
.faq-list details{border-top:1px solid #4a4d44;padding:20px 0}
.faq-list details:last-child{border-bottom:1px solid #4a4d44}
.faq-list summary{cursor:pointer;list-style:none;font-size:18px;font-weight:700;display:flex;justify-content:space-between;gap:20px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";color:var(--lime);font-size:25px;font-weight:400}
.faq-list details[open] summary:after{content:"−"}
.faq-list p{color:#b9bcb2;font-size:14px;max-width:720px;margin-top:12px}
.cta{padding:92px 0}
.cta-box{background:var(--lime);border-radius:14px;padding:50px;display:grid;grid-template-columns:1fr .9fr;gap:65px;align-items:center}
.cta-box p{margin-top:16px;max-width:570px;color:#3e4920}
.form-card{background:var(--white);padding:27px;border-radius:12px;box-shadow:var(--shadow)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{margin-bottom:14px}
.field label{display:block;font-size:12px;font-weight:700;margin-bottom:5px}
.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:#faf9f4;border-radius:7px;padding:10px 12px;color:var(--ink)}
.field textarea{min-height:85px;resize:vertical}
.check{font-size:12px;color:var(--muted);display:flex;gap:7px;align-items:flex-start;margin:10px 0 15px}
.form-status{font-size:12px;color:var(--lime-dark);min-height:22px;margin-top:8px}
footer{background:var(--ink);color:var(--white);padding:58px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:38px}
.footer-logo{font-size:24px;font-weight:900;margin-bottom:15px}
.footer-grid p{color:#aeb1a7;font-size:13px;line-height:1.8}
.footer-grid h3{font-size:14px;color:var(--lime);margin-bottom:15px}
.footer-grid a{display:block;color:#bfc1b7;font-size:13px;margin:7px 0}
.footer-grid a:hover{color:var(--lime)}
.copyright{border-top:1px solid #41443b;margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#898d82;font-size:12px}
.copyright a{display:inline}
@media(max-width:1024px){
 :root{--side:215px}
 .container{width:min(1280px,calc(100% - 8vw))}
 .hero-grid,.principle-grid{gap:35px}
 .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
 aside{position:fixed;width:100%;height:66px;padding:0 5vw;display:flex;flex-direction:row;align-items:center;justify-content:space-between}
 .brand-note,.nav-title,.nav-list,.side-bottom{display:none}
 .mobile-trigger{display:block}
 aside.open{height:100vh;display:block;padding:24px 5vw}
 aside.open .brand-note,aside.open .nav-title,aside.open .nav-list{display:block}
 aside.open .brand-note{margin:12px 0 25px}
 aside.open .nav-list a{padding:13px 12px}
 main{margin-left:0;padding-top:66px}
 .topbar{height:52px;padding:0 5vw}
 .progress{width:100px}
 section{padding:70px 0}
 .hero{padding:70px 0 55px}
 .hero:after{width:100%;opacity:.35}
 .hero-grid,.intro-grid,.principle-grid,.dynamic-layout,.editorial-grid,.cta-box{grid-template-columns:1fr}
 .hero-panel{margin:20px 0 0 auto}
 .section-head{display:block}
 .section-head p{margin-top:15px}
 .collage-tall img{height:330px}
 .collage-wide img{height:220px}
 .dynamic-layout{gap:35px}
 .index-list{position:static;display:flex;gap:18px;overflow:auto;border-bottom:1px solid var(--line);padding-bottom:10px}
 .index-list li{white-space:nowrap;border:0}
 .faq-layout{grid-template-columns:1fr;gap:35px}
 .cta-box{padding:32px 23px}
}
@media(max-width:520px){
 h1{font-size:42px}
 h2{font-size:31px}
 .container{width:calc(100% - 10vw)}
 .hero-actions,.form-row{display:grid;grid-template-columns:1fr}
 .hero-actions .btn{justify-content:center}
 .event{grid-template-columns:1fr;gap:4px;padding-left:22px}
 .info-strip{grid-template-columns:1fr}
 .dynamic-list li{grid-template-columns:72px 1fr}
 .dynamic-list .btn{grid-column:2;justify-self:start;padding:5px 9px;font-size:12px}
 .footer-grid{grid-template-columns:1fr}
 .copyright{display:block}
 .copyright span{display:block;margin-bottom:7px}
 .photo-note{right:10px}
}
@media(prefers-reduced-motion:reduce){
 *{scroll-behavior:auto!important;transition:none!important}
}