/* roulang page: index */
:root{--ink:#173B32;--turf:#2c7a57;--cream:#f4f0e7;--paper:#fffdf8;--charcoal:#18201e;--sand:#747b75;--line:#d9ded5;--apricot:#e47a4e;--shadow:0 16px 42px rgba(23,59,50,.1);--radius:22px}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--charcoal);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;line-height:1.8;font-size:16px} a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit} button{cursor:pointer} img{display:block;max-width:100%}
    .container{width:min(1280px,calc(100% - 48px));margin:auto}.topline{background:var(--charcoal);color:#dfe6dd;font-size:13px}.topline-in{height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px}.pin{display:inline-flex;align-items:center;gap:7px;color:#fff}.pin i{width:8px;height:8px;border-radius:50%;background:var(--apricot);display:inline-block}
    header{position:sticky;top:0;z-index:50;background:rgba(244,240,231,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(23,59,50,.08)}.nav-in{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);font-size:23px;letter-spacing:-1px;white-space:nowrap}.mark{width:30px;height:30px;border-radius:9px;background:var(--ink);position:relative;overflow:hidden}.mark:before,.mark:after{content:"";position:absolute;border:2px solid #d9f0d9;border-radius:50%;width:31px;height:31px}.mark:before{left:-17px;top:-9px}.mark:after{right:-19px;bottom:-9px}.navlinks{display:flex;align-items:center;justify-content:center;gap:20px;font-size:14px;font-weight:650}.navlinks a{padding:27px 0 22px;position:relative;white-space:nowrap}.navlinks a:after{content:"";position:absolute;left:0;bottom:17px;height:2px;width:0;background:var(--turf);transition:.2s}.navlinks a:hover:after,.navlinks a.active:after{width:100%}.nav-actions{display:flex;gap:9px;align-items:center}.city-btn,.btn,.btn-outline{border-radius:11px;transition:.2s;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:700}.city-btn{border:1px solid var(--line);padding:9px 12px;background:#fff;font-size:13px}.btn{background:var(--ink);color:var(--cream);padding:12px 18px;border:1px solid var(--ink)}.btn:hover{background:var(--turf);border-color:var(--turf);transform:translateY(-2px)}.btn-outline{padding:11px 17px;border:1px solid rgba(23,59,50,.38);color:var(--ink)}.btn-outline:hover{background:#e1eee2;border-color:var(--turf)}.btn:active,.btn-outline:active{transform:scale(.98)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--apricot);outline-offset:3px}.menu-btn{display:none;background:none;border:0;font-size:24px;color:var(--ink)}
    .hero{position:relative;overflow:hidden;background:var(--ink);color:var(--cream);padding:62px 0 42px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,59,50,.96) 28%,rgba(23,59,50,.66)),url('/assets/images/backpic/back-1.webp') center/cover;opacity:.75}.hero:after{content:"";position:absolute;width:570px;height:570px;border:1px solid rgba(244,240,231,.2);border-radius:50%;right:-220px;top:-310px}.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:end}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#b7dbbd;font-size:13px;font-weight:700;letter-spacing:.08em}.eyebrow:before{content:"";width:28px;height:2px;background:var(--apricot)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,5vw,62px);line-height:1.18;letter-spacing:-.06em;margin:14px 0 22px;max-width:730px}h2{font-size:clamp(30px,3.4vw,42px);line-height:1.28;letter-spacing:-.045em;color:var(--ink);margin-bottom:14px}h3{font-size:21px;line-height:1.42;margin-bottom:8px}.hero-copy{max-width:700px;font-size:17px;color:#e2eadf}.hero-form{background:#f8f4eb;color:var(--charcoal);padding:23px;border-radius:20px;box-shadow:0 20px 45px rgba(0,0,0,.2)}.hero-form h3{color:var(--ink)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.input{width:100%;height:47px;border:1px solid #cbd3c9;border-radius:10px;background:#fff;padding:0 12px;color:var(--charcoal)}.input:focus{border-color:var(--turf);outline:none;box-shadow:0 0 0 3px rgba(44,122,87,.15)}.quickbar{position:relative;margin-top:38px;border-top:1px solid rgba(255,255,255,.18);display:grid;grid-template-columns:repeat(4,1fr)}.quickbar a{padding:16px 13px 3px;border-right:1px solid rgba(255,255,255,.13);font-size:13px;color:#d7e4d8}.quickbar a:last-child{border:0}.quickbar b{display:block;color:#fff;font-size:16px}
    section{padding:82px 0}.section-intro{max-width:730px;color:#59615b;font-size:17px}.metric-layout{display:grid;grid-template-columns:.72fr 1.45fr;gap:32px;align-items:stretch}.filter-list{margin:28px 0;padding:0;list-style:none}.filter-list li{border-bottom:1px solid var(--line);padding:13px 0;display:flex;justify-content:space-between}.metric-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:16px}.metric-card{border:1px solid var(--line);border-radius:var(--radius);padding:23px;background:var(--paper);min-height:160px;transition:.22s}.metric-card:hover,.content-card:hover,.news-item:hover{transform:translateY(-4px);border-color:var(--turf);box-shadow:var(--shadow)}.metric-card.big{grid-row:span 2;background:var(--ink);color:var(--cream);min-height:338px}.metric-card.big h3{color:white}.number{font-size:46px;font-weight:800;letter-spacing:-.06em;line-height:1.05}.mini{font-size:13px;color:var(--sand)}.big .mini{color:#c4d2c5}.chart{height:115px;margin-top:23px;position:relative;background:repeating-linear-gradient(0deg,transparent 0 24px,rgba(255,255,255,.12) 25px)}.chart svg{position:absolute;inset:0;width:100%;height:100%}.bar{height:8px;border-radius:99px;background:#dce5da;margin:12px 0;overflow:hidden}.bar i{display:block;height:100%;background:var(--turf);border-radius:inherit}.deep-read{margin-top:32px;padding:34px 38px;background:#e5ebe1;border-left:5px solid var(--turf);border-radius:0 20px 20px 0;max-width:980px}.deep-read p{margin-bottom:15px}.read-list{padding-left:20px}.read-list li{margin:7px 0}
    .warm{background:#e9ece4;position:relative}.matrix{display:grid;grid-template-columns:1.05fr .9fr .72fr;gap:18px}.feature-img{min-height:480px;border-radius:26px;overflow:hidden;position:relative;background:#31574b}.feature-img img{height:100%;width:100%;object-fit:cover;opacity:.72}.feature-caption{position:absolute;inset:auto 0 0;padding:28px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.78))}.service-stack{display:flex;flex-direction:column;gap:12px}.service-row{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;transition:.2s}.service-row:hover{border-color:var(--turf);padding-left:22px}.service-row strong{display:block;color:var(--ink)}.topic-panel{background:var(--charcoal);color:#edf2e9;border-radius:22px;padding:24px}.topic-panel h3{color:#fff}.tag{display:inline-block;border:1px solid currentColor;border-radius:99px;padding:3px 9px;font-size:12px;margin:3px 4px 3px 0;color:#b9d4bc}.brand-band{margin:28px 0;background:var(--ink);color:#e6eee3;border-radius:25px;padding:38px;display:grid;grid-template-columns:.7fr 1.3fr;gap:34px}.brand-band h2{color:#fff}.brand-band p{margin-bottom:13px}.brand-facts{display:flex;flex-wrap:wrap;gap:8px}.brand-facts span{border:1px solid rgba(255,255,255,.35);font-size:13px;padding:5px 10px;border-radius:8px}.split-read{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;margin-top:30px}.quote{background:#fffdf8;border:1px solid var(--line);padding:28px;border-radius:20px;align-self:start}.quote b{font-size:25px;line-height:1.45;color:var(--ink)}
    .news-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;margin-top:30px}.lead-news{border-radius:23px;overflow:hidden;background:#fff;border:1px solid var(--line)}.lead-news img{width:100%;height:240px;object-fit:cover}.lead-news div{padding:23px}.date{font-size:13px;color:var(--turf);font-weight:700}.news-list{display:flex;flex-direction:column;gap:8px}.news-item{display:grid;grid-template-columns:95px 1fr auto;gap:12px;align-items:center;padding:14px;border-bottom:1px solid var(--line);transition:.2s}.news-item p{font-size:13px;color:#68716a;margin:3px 0 0}.readmore{font-size:13px;color:var(--turf);font-weight:700;white-space:nowrap}
    .contrast{background:var(--charcoal);color:#dce6dd}.contrast h2{color:var(--cream)}.comparison{display:grid;grid-template-columns:1fr 86px 1fr;gap:18px;align-items:stretch;margin-top:30px}.compare-card{background:#26302d;border:1px solid #45504b;border-radius:22px;padding:26px}.compare-card.active{background:#f1f3e9;color:var(--charcoal);border-color:#f1f3e9}.compare-card.active h3{color:var(--ink)}.axis{display:flex;align-items:center;justify-content:center;position:relative}.axis:before{content:"";height:80%;border-left:1px dashed #849188}.axis span{position:absolute;background:var(--apricot);color:#fff;padding:7px;border-radius:8px;font-size:12px}.comparison ul{padding-left:18px}.comparison li{margin:10px 0}.editorial{margin-top:36px;display:grid;grid-template-columns:1.35fr .65fr;gap:30px;border-top:1px solid #48534e;padding-top:31px}.editorial aside{border-left:2px solid var(--apricot);padding-left:18px;color:#ced8cf}
    .answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.answer-card{padding:22px;background:#fffdf8;border:1px solid var(--line);border-radius:18px}.answer-icon{width:38px;height:38px;display:grid;place-items:center;background:#dcebdc;color:var(--ink);border-radius:11px;font-weight:800;margin-bottom:14px}.security{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center}.security-art{min-height:350px;border-radius:26px;background:linear-gradient(140deg,rgba(23,59,50,.86),rgba(44,122,87,.52)),url('/assets/images/coverpic/cover-5.webp') center/cover;position:relative;overflow:hidden}.security-art:after{content:"数据读取 · 信息说明 · 自主选择";position:absolute;bottom:22px;left:22px;color:#fff;border:1px solid rgba(255,255,255,.5);padding:8px 12px;border-radius:9px;font-size:13px}.secure-list{padding:0;list-style:none}.secure-list li{padding:16px 0;border-bottom:1px solid var(--line)}.secure-list b{display:block;color:var(--ink)}
    .faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;border:0;background:none;padding:19px 0;display:flex;justify-content:space-between;gap:15px;text-align:left;font-weight:750;color:var(--ink);font-size:17px}.faq-q span:last-child{font-size:24px;line-height:1}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s}.faq-a>div{overflow:hidden;color:#59615b}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-item.open .faq-a>div{padding-bottom:19px}.app-strip{background:#dfe9df;padding:34px 0}.app-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px}.app-icons{display:flex;gap:10px}.app-icons span{padding:10px 13px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:13px}
    .cta-wrap{background:var(--ink);color:#e9f0e5;border-radius:28px;padding:42px;display:grid;grid-template-columns:.85fr 1.15fr;gap:42px}.cta-wrap h2{color:#fff}.steps{padding:0;list-style:none;counter-reset:step}.steps li{counter-increment:step;padding:8px 0;display:flex;gap:12px}.steps li:before{content:counter(step);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--apricot);color:#fff;font-size:13px;font-weight:bold;flex:none}.contact-form{background:#f8f5ed;color:var(--charcoal);border-radius:18px;padding:24px}.contact-form label{font-size:13px;font-weight:700;color:var(--ink);display:block;margin-bottom:5px}.contact-form textarea{padding:11px;height:86px;resize:vertical}.check{font-size:13px;color:#68716a;display:flex;gap:8px;align-items:flex-start;margin:12px 0}.check input{margin-top:6px}
    .float-cta{position:fixed;z-index:40;bottom:18px;left:50%;transform:translateX(-50%);background:rgba(24,32,30,.94);color:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:0 12px 35px rgba(0,0,0,.25);border-radius:13px;padding:9px 10px 9px 17px;display:flex;gap:15px;align-items:center;font-size:13px}.float-cta .btn{padding:8px 12px;font-size:13px}
    footer{background:var(--ink);color:#c8d6ca;padding:58px 0 28px}footer .brand{color:#fff}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .85fr 1fr;gap:28px}.footer-grid h3{font-size:15px;color:#fff;margin-bottom:12px}.footer-grid a{display:block;font-size:14px;margin:6px 0}.footer-grid a:hover{color:#fff;text-decoration:underline;text-decoration-color:#85c698;text-underline-offset:4px}.subscribe{display:flex;margin-top:10px}.subscribe input{border:0;min-width:0;padding:10px;border-radius:9px 0 0 9px}.subscribe button{border:0;background:var(--apricot);color:white;padding:0 12px;border-radius:0 9px 9px 0}.legal{margin-top:38px;padding-top:18px;border-top:1px solid rgba(255,255,255,.17);font-size:13px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
    @media(max-width:1100px){.navlinks{gap:13px;font-size:13px}.city-btn{display:none}.matrix{grid-template-columns:1fr 1fr}.topic-panel{grid-column:span 2}.metric-layout,.security{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:800px){.navlinks,.nav-actions>.btn{display:none}.menu-btn{display:block}.nav-in{min-height:65px}.hero{padding-top:45px}.hero-grid,.faq-layout,.cta-wrap,.brand-band,.split-read,.news-layout,.editorial{grid-template-columns:1fr}.quickbar{overflow:auto}.quickbar a{min-width:145px}.comparison{grid-template-columns:1fr}.axis{height:38px}.axis:before{width:80%;height:0;border-left:0;border-top:1px dashed #849188}.answer-grid{grid-template-columns:1fr}.app-grid{grid-template-columns:1fr}.hero-form{margin-top:4px}}
    @media(max-width:560px){.container{width:min(100% - 40px,1280px)}section{padding:58px 0}.topline-in{font-size:12px}.topline-in span:first-child{max-width:58%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-grid{grid-template-columns:1fr}.metric-card.big{grid-row:auto;min-height:260px}.matrix{grid-template-columns:1fr}.topic-panel{grid-column:auto}.feature-img{min-height:320px}.form-row{grid-template-columns:1fr}.news-item{grid-template-columns:1fr;padding:15px 0}.readmore{margin-top:3px}.footer-grid{grid-template-columns:1fr}.float-cta{width:calc(100% - 28px);justify-content:space-between}.float-cta span{display:none}.cta-wrap{padding:27px 20px}.hero-form{padding:18px}h1{font-size:39px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category1 */
:root{--ink:#173B32;--turf:#2c7a57;--cream:#f4f0e7;--paper:#fffdf8;--charcoal:#18201e;--sand:#747b75;--line:#d9ded5;--apricot:#e47a4e;--shadow:0 16px 42px rgba(23,59,50,.1);--radius:22px}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--charcoal);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;line-height:1.82;font-size:16px} a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit} button{cursor:pointer} img{display:block;max-width:100%}
    .container{width:min(1280px,calc(100% - 48px));margin:auto}.topline{background:var(--ink);color:#dce8dd;font-size:12px}.topline .container{display:flex;justify-content:space-between;align-items:center;min-height:32px;gap:16px}.topline button{border:0;background:transparent;color:#dce8dd;padding:3px 0}
    header{position:sticky;top:0;z-index:50;background:rgba(244,240,231,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(23,59,50,.08)}.nav-in{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);font-size:23px;letter-spacing:-1px;white-space:nowrap}.mark{width:25px;height:25px;border:3px solid var(--turf);display:inline-block;border-radius:7px;transform:skew(-14deg);position:relative}.mark:after{content:"";position:absolute;width:17px;height:3px;background:var(--apricot);right:-9px;bottom:2px}
    .navlinks{display:flex;align-items:center;justify-content:center;gap:19px;font-size:14px;font-weight:650}.navlinks a{padding:27px 0 22px;position:relative;white-space:nowrap}.navlinks a:after{content:"";position:absolute;left:0;bottom:17px;height:2px;width:0;background:var(--turf);transition:.2s}.navlinks a:hover:after,.navlinks a.active:after{width:100%}.nav-actions{display:flex;gap:9px;align-items:center}.city-btn,.btn,.btn-outline{border-radius:11px;transition:.2s;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:700}.city-btn{border:1px solid var(--line);padding:9px 12px;background:#fff;font-size:13px}.btn{background:var(--ink);color:var(--cream);padding:12px 18px;border:1px solid var(--ink)}.btn:hover{background:var(--turf);border-color:var(--turf);transform:translateY(-2px)}.btn-outline{padding:11px 17px;border:1px solid rgba(23,59,50,.38);color:var(--ink)}.btn-outline:hover{background:#e1eee2;border-color:var(--turf)}.btn:active,.btn-outline:active{transform:scale(.98)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--apricot);outline-offset:3px}.menu-btn{display:none;background:none;border:0;font-size:24px;color:var(--ink)}
    .hero{position:relative;overflow:hidden;color:var(--cream);padding:54px 0 50px;background:var(--ink)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,59,50,.96),rgba(23,59,50,.67)),url('/assets/images/backpic/back-2.webp') center/cover;opacity:.82}.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:end}.crumb{font-size:13px;color:#bed3c0;margin-bottom:24px}.crumb a{border-bottom:1px solid rgba(190,211,192,.5)}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#b7dbbd;font-size:13px;font-weight:700;letter-spacing:.08em}.eyebrow:before{content:"";width:28px;height:2px;background:var(--apricot)}h1{font-size:clamp(38px,5vw,58px);line-height:1.15;letter-spacing:-2px;margin:14px 0 20px;color:#fff}h2{font-size:clamp(28px,3vw,40px);line-height:1.25;letter-spacing:-1px;color:var(--ink);margin:0 0 15px}h3{line-height:1.38;color:var(--ink);margin:0}.hero p{font-size:17px;max-width:680px;color:#dfe9df;margin:0}.hero-panel{background:rgba(255,253,248,.95);border-radius:22px;padding:22px;color:var(--charcoal);box-shadow:0 18px 38px rgba(0,0,0,.22)}.live-dot{display:inline-flex;align-items:center;gap:7px;color:var(--turf);font-weight:800;font-size:12px}.live-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--apricot);box-shadow:0 0 0 4px rgba(228,122,78,.16)}.countdown{display:flex;gap:9px;margin:17px 0}.countdown span{background:#e6eee5;border-radius:10px;padding:8px 10px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink)}.countdown small{font-weight:500;color:var(--sand)}.hero-panel .btn{width:100%;margin-top:10px}
    section{padding:78px 0}.section-copy{max-width:750px;color:#59615b;font-size:17px}.filterbar{margin-top:30px;padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filterbar strong{margin-right:auto;color:var(--ink)}.filterbar button,.topic-tag{padding:7px 11px;border:1px solid var(--line);background:#fff;border-radius:9px;font-size:13px;color:#455049;transition:.2s}.filterbar button:hover,.filterbar button.current{background:#e0eee2;border-color:var(--turf);color:var(--ink)}
    .editorial{display:grid;grid-template-columns:1.18fr .82fr;gap:22px;margin-top:30px}.lead{background:var(--paper);border:1px solid var(--line);border-radius:25px;overflow:hidden;transition:.22s}.lead:hover,.side-story:hover,.timeline-item:hover,.news-row:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--turf)}.lead img{height:335px;width:100%;object-fit:cover;background:#31574b}.lead-body{padding:28px}.date{font-size:12px;font-weight:700;color:var(--turf);letter-spacing:.04em}.lead h3{font-size:27px;margin:9px 0}.lead p,.side-story p,.news-row p{color:#667069;margin:8px 0 16px;font-size:14px}.readmore{color:var(--turf);font-weight:800;font-size:14px;border-bottom:1px solid rgba(44,122,87,.45)}.side-stack{display:flex;flex-direction:column;gap:14px}.side-story{background:#fffdf8;border:1px solid var(--line);border-radius:17px;padding:19px;transition:.22s}.side-story h3{font-size:18px;margin-top:6px}
    .split-reading{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.note-box{background:#dfece0;border-left:4px solid var(--turf);padding:22px;border-radius:0 16px 16px 0;color:#29443a}.note-box b{display:block;margin-bottom:7px}.reading-text p{margin:0 0 17px}.reading-text ul{padding-left:21px;margin:19px 0}.reading-text li{margin:9px 0}.reading-text li::marker{color:var(--apricot)}
    .timeline-section{background:#edf0e8;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.timeline{margin-top:28px;border-left:2px solid #b8c9b7;padding-left:27px;display:grid;gap:16px}.timeline-item{position:relative;background:var(--paper);border:1px solid var(--line);padding:19px 20px;border-radius:16px;display:grid;grid-template-columns:105px 1fr auto;gap:18px;align-items:center;transition:.2s}.timeline-item:before{content:"";position:absolute;width:12px;height:12px;background:var(--apricot);border:3px solid #edf0e8;border-radius:50%;left:-35px;top:27px}.timeline-item h3{font-size:18px}.timeline-item p{margin:4px 0 0;color:var(--sand);font-size:14px}
    .topic-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}.topic-image{position:relative;border-radius:24px;overflow:hidden;min-height:375px;background:var(--ink)}.topic-image img{height:100%;width:100%;object-fit:cover;opacity:.68}.topic-image div{position:absolute;inset:auto 0 0;padding:28px;background:linear-gradient(transparent,rgba(16,31,26,.88));color:white}.topic-image h3{color:#fff;font-size:26px}.index-list{background:var(--ink);border-radius:24px;padding:25px;color:#e4ece2}.index-list h2{color:#fff;font-size:27px}.index-list a{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.16);transition:.2s}.index-list a:hover{color:#bde0bd;padding-left:5px}.index-list span{color:#a9c7ac;font-size:13px}
    .news-panel{display:grid;grid-template-columns:.7fr 1.3fr;gap:44px;align-items:start}.news-intro{position:sticky;top:125px}.news-list{border-top:1px solid var(--line)}.news-row{display:grid;grid-template-columns:105px 1fr auto;gap:20px;padding:19px 0;border-bottom:1px solid var(--line);align-items:center;transition:.2s}.news-row h3{font-size:18px}.news-row .btn-outline{font-size:13px;padding:8px 11px;white-space:nowrap}
    .cta{padding:0 0 84px}.cta-box{background:var(--ink);color:#e6eee3;border-radius:28px;padding:44px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;position:relative;overflow:hidden}.cta-box:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-85px;top:-110px}.cta-box h2{color:#fff;margin-bottom:8px}.cta-box p{margin:0;max-width:680px}.cta-box .btn{background:var(--apricot);border-color:var(--apricot);position:relative;z-index:1}.cta-box .btn:hover{background:#cf663d}
    footer{background:var(--ink);color:#d8e2d7;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr 1fr;gap:38px}.footer-grid .brand{color:#fff}.footer-grid h3{color:#fff;font-size:15px;margin:0 0 13px}.footer-grid p{color:#b9c6ba;margin:0}.footer-grid a:not(.brand){display:block;margin:7px 0;font-size:14px;color:#d8e2d7}.footer-grid a:not(.brand):hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.subscribe{display:flex;margin-top:13px}.subscribe input{min-width:0;width:100%;border:1px solid #61766b;border-right:0;background:#24473c;color:#fff;padding:10px;border-radius:9px 0 0 9px}.subscribe button{border:0;background:var(--apricot);color:#fff;padding:0 13px;border-radius:0 9px 9px 0}.legal{margin-top:43px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12px;color:#aebbae}.legal a{display:inline!important;margin:0!important}.city-modal,.mobile-drawer{display:none}.city-modal.show{display:flex;position:fixed;inset:0;z-index:100;background:rgba(13,27,23,.45);align-items:center;justify-content:center;padding:20px}.city-card{width:min(510px,100%);background:var(--paper);border-radius:22px;padding:27px;box-shadow:0 22px 70px rgba(0,0,0,.22)}.city-card h2{font-size:26px}.city-card input{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;margin:12px 0}.city-options{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}.city-options button{border:1px solid var(--line);background:#fff;padding:7px 12px;border-radius:8px}.city-options button:hover{border-color:var(--turf);background:#e4efe4}
    @media(max-width:1120px){.navlinks{gap:12px;font-size:13px}.city-btn{display:none}.hero-grid,.editorial,.topic-grid,.news-panel{grid-template-columns:1fr}.hero-panel{max-width:560px}.news-intro{position:static}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.topline{display:none}.navlinks{display:none}.menu-btn{display:block}.nav-in{min-height:68px}.hero{padding:42px 0}.split-reading{grid-template-columns:1fr;gap:25px}.timeline-item,.news-row{grid-template-columns:85px 1fr}.timeline-item .readmore,.news-row .btn-outline{grid-column:2}.cta-box{grid-template-columns:1fr}.mobile-drawer.show{display:block;position:fixed;inset:69px 0 0;z-index:45;background:var(--cream);padding:25px}.mobile-drawer a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-weight:700}.mobile-drawer .btn{margin-top:18px;width:100%}}@media(max-width:560px){.container{width:min(100% - 40px,1280px)}section{padding:57px 0}h1{letter-spacing:-1px}.hero p,.section-copy{font-size:15px}.nav-actions .btn{display:none}.lead img{height:230px}.lead-body{padding:21px}.lead h3{font-size:23px}.timeline{padding-left:19px}.timeline-item{padding:16px;gap:10px}.timeline-item:before{left:-27px}.timeline-item,.news-row{grid-template-columns:1fr}.timeline-item .readmore,.news-row .btn-outline{grid-column:auto}.cta-box{padding:30px}.footer-grid{grid-template-columns:1fr;gap:28px}.legal{display:grid}.countdown span{font-size:13px;padding:7px}.hero-panel{padding:18px}}
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category3 */
:root{--ink:#173B32;--turf:#2c7a57;--cream:#f4f0e7;--paper:#fffdf8;--charcoal:#18201e;--sand:#747b75;--line:#d9ded5;--apricot:#e47a4e;--shadow:0 16px 42px rgba(23,59,50,.1);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--charcoal);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;line-height:1.8;font-size:16px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.container{width:min(1280px,calc(100% - 48px));margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(244,240,231,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(23,59,50,.08)}.nav-in{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);font-size:23px;letter-spacing:-1px;white-space:nowrap}.mark{width:22px;height:22px;display:inline-block;border:3px solid var(--turf);border-radius:6px;transform:skew(-16deg);position:relative}.mark:after{content:"";position:absolute;width:14px;height:3px;background:var(--apricot);right:-8px;bottom:-5px}
.navlinks{display:flex;align-items:center;justify-content:center;gap:20px;font-size:14px;font-weight:650}.navlinks a{padding:27px 0 22px;position:relative;white-space:nowrap}.navlinks a:after{content:"";position:absolute;left:0;bottom:17px;height:2px;width:0;background:var(--turf);transition:.2s}.navlinks a:hover:after,.navlinks a.active:after{width:100%}.nav-actions{display:flex;gap:9px;align-items:center}.city-btn,.btn,.btn-outline{border-radius:11px;transition:.2s;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:700}.city-btn{border:1px solid var(--line);padding:9px 12px;background:#fff;font-size:13px}.btn{background:var(--ink);color:var(--cream);padding:12px 18px;border:1px solid var(--ink)}.btn:hover{background:var(--turf);border-color:var(--turf);transform:translateY(-2px)}.btn-outline{padding:11px 17px;border:1px solid rgba(23,59,50,.38);color:var(--ink)}.btn-outline:hover{background:#e1eee2;border-color:var(--turf)}.btn:active,.btn-outline:active{transform:scale(.98)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--apricot);outline-offset:3px}.menu-btn{display:none;background:none;border:0;font-size:24px;color:var(--ink)}
.hero{position:relative;overflow:hidden;background:var(--ink);color:var(--cream);padding:54px 0}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,59,50,.96),rgba(23,59,50,.58)),url('/assets/images/backpic/back-2.webp') center/cover;opacity:.82}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center}.eyebrow{color:#b7dbbd;font-size:13px;font-weight:700;letter-spacing:.1em}.eyebrow:before{content:"";display:inline-block;width:26px;height:2px;background:var(--apricot);vertical-align:middle;margin-right:8px}.hero h1{font-size:clamp(38px,5vw,58px);line-height:1.2;letter-spacing:-.05em;margin:15px 0}.hero p{max-width:680px;color:#e3ece1;font-size:17px}.timeline-map{background:rgba(255,253,248,.95);color:var(--charcoal);border-radius:24px;padding:22px;box-shadow:0 20px 44px rgba(0,0,0,.22);position:relative;overflow:hidden}.timeline-map:before{content:"";position:absolute;inset:16px;background:repeating-linear-gradient(90deg,transparent 0 44px,rgba(44,122,87,.12) 45px),repeating-linear-gradient(0deg,transparent 0 44px,rgba(44,122,87,.12) 45px);border-radius:15px}.map-content{position:relative}.scoreline{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0}.scoreline b{color:var(--ink)}section{padding:76px 0}.section-kicker{font-size:13px;font-weight:800;color:var(--turf);letter-spacing:.09em}.section-title{font-size:clamp(30px,3.6vw,42px);line-height:1.28;color:var(--ink);letter-spacing:-.04em;margin:9px 0 14px}.section-intro{max-width:740px;color:#59615b;font-size:17px}.breadcrumb{font-size:14px;color:#b9d4bc;margin-bottom:17px}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.month-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.month-tabs button{background:var(--paper);border:1px solid var(--line);padding:9px 15px;border-radius:10px;color:var(--ink);font-weight:700;transition:.2s}.month-tabs button:hover,.month-tabs button.active{background:var(--turf);border-color:var(--turf);color:white}.calendar-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:20px;margin-top:32px}.calendar-side{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.calendar-side ul{margin:20px 0 0;padding:0;list-style:none}.calendar-side li{padding:13px 0;border-bottom:1px solid var(--line);display:flex;gap:12px}.num{font-variant-numeric:tabular-nums;color:var(--apricot);font-weight:800}.calendar-main{background:#e5eee4;border-radius:var(--radius);padding:24px;position:relative;overflow:hidden}.calendar-main:after{content:"";position:absolute;right:-60px;bottom:-75px;width:270px;height:270px;border:1px solid rgba(23,59,50,.2);border-radius:50%}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;position:relative;z-index:1}.dayhead{text-align:center;font-size:12px;color:var(--sand);font-weight:700}.day{min-height:82px;background:rgba(255,253,248,.82);padding:9px;border-radius:12px;font-size:13px}.day.highlight{background:var(--ink);color:#fff}.day.orange{border:2px solid var(--apricot)}.day small{display:block;margin-top:7px;font-size:11px;line-height:1.4}
.banner{display:grid;grid-template-columns:1fr 1fr;min-height:320px;border-radius:27px;overflow:hidden;background:var(--ink);color:white}.banner img{width:100%;height:100%;object-fit:cover;opacity:.78}.banner-copy{padding:42px;display:flex;flex-direction:column;justify-content:center}.banner-copy h2{font-size:34px;line-height:1.3;margin:0 0 14px}.timeline-wrap{max-width:980px;margin:0 auto;position:relative}.timeline-wrap:before{content:"";position:absolute;left:169px;top:13px;bottom:8px;width:1px;background:#a4b8a8}.timeline-item{display:grid;grid-template-columns:145px 48px 1fr;gap:18px;padding:0 0 32px}.timeline-date{text-align:right;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.timeline-date small{display:block;color:var(--sand);font-weight:500}.dot{width:17px;height:17px;border-radius:50%;background:var(--turf);border:4px solid var(--cream);box-shadow:0 0 0 1px var(--turf);margin-top:7px;z-index:1}.dot.orange{background:var(--apricot);box-shadow:0 0 0 1px var(--apricot)}.timeline-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px;transition:.22s}.timeline-card:hover{transform:translateY(-3px);border-color:var(--turf);box-shadow:var(--shadow)}.status{display:inline-block;font-size:12px;font-weight:800;padding:3px 9px;border-radius:9px;background:#e2eee3;color:var(--ink)}.status.wait{background:#f9e6dc;color:#9a4829}.timeline-card h3{color:var(--ink);font-size:21px;margin:10px 0 6px}.text-link{color:var(--turf);font-weight:800;border-bottom:1px solid currentColor}
.reading{background:var(--paper)}.reading-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px}.reading article{max-width:740px;font-size:17px}.reading article p{margin:0 0 19px}.note-box{border-left:4px solid var(--apricot);background:#fbf0e9;padding:20px;border-radius:0 16px 16px 0}.route-card{background:var(--ink);color:#e6eee3;padding:28px;border-radius:22px}.route-card h3{color:white;font-size:24px;margin-top:0}.route-card a{display:block;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.18)}.route-card a:hover{color:#b7dbbd}
.topic-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:17px}.topic-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.22s}.topic-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--turf)}.topic-card:first-child{grid-row:span 2}.topic-card img{width:100%;height:178px;object-fit:cover;background:#31574b}.topic-card:first-child img{height:275px}.topic-card div{padding:20px}.topic-card h3{margin:7px 0;color:var(--ink);font-size:21px;line-height:1.4}
.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;border:0;background:none;padding:19px 0;display:flex;justify-content:space-between;gap:15px;text-align:left;font-weight:750;color:var(--ink);font-size:17px}.faq-q span:last-child{font-size:24px;line-height:1}.faq-a{display:none;padding:0 30px 19px 0;color:#5f6861}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
.cta{padding:0 0 82px}.cta-box{background:var(--ink);color:#e7efe5;border-radius:28px;padding:42px;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}.cta-box h2{font-size:34px;line-height:1.3;color:#fff;margin:0 0 10px}.cta-box p{margin:0;max-width:680px}.cta-box .btn{background:var(--apricot);border-color:var(--apricot)}.cta-box .btn:hover{background:#cf633b}
footer{background:var(--ink);color:#d6e1d5;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:34px}.footer-grid .brand{color:#fff}.footer-grid h3{font-size:15px;color:#fff;margin:0 0 13px}.footer-grid a{display:block;font-size:14px;margin:7px 0}.footer-grid a:hover{color:#b7dbbd;text-decoration:underline;text-underline-offset:4px}.subscribe{display:flex;margin-top:14px}.subscribe input{min-width:0;width:100%;border:0;padding:10px;border-radius:9px 0 0 9px}.subscribe button{border:0;background:var(--apricot);color:#fff;padding:0 14px;border-radius:0 9px 9px 0;font-weight:700}.legal{border-top:1px solid rgba(255,255,255,.18);margin-top:38px;padding-top:18px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:13px;color:#b9c5b9}
.city-panel,.mobile-panel{display:none}.city-panel.show{display:block;position:fixed;z-index:80;right:40px;top:88px;width:350px;background:var(--paper);padding:22px;border-radius:18px;box-shadow:0 18px 45px rgba(0,0,0,.2);border:1px solid var(--line)}.city-panel input{width:100%;height:44px;border:1px solid var(--line);border-radius:9px;padding:0 11px}.city-options{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.city-options button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 10px}.city-options button:hover{border-color:var(--turf);color:var(--turf)}
@media(max-width:1180px){.navlinks{gap:12px;font-size:13px}.nav-actions .btn{display:none}.topic-grid{grid-template-columns:1fr 1fr}.topic-card:first-child{grid-row:auto;grid-column:span 2}}@media(max-width:900px){.navlinks{display:none}.menu-btn{display:block}.hero-grid,.calendar-shell,.reading-grid,.faq-layout,.banner,.cta-box{grid-template-columns:1fr}.hero{padding:42px 0}.timeline-map{max-width:620px}.footer-grid{grid-template-columns:1fr 1fr}.banner img{height:250px}.cta-box{padding:32px}.mobile-panel.show{display:block;position:fixed;z-index:70;top:78px;left:0;right:0;background:var(--cream);padding:22px;box-shadow:var(--shadow)}.mobile-panel a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-weight:700}}@media(max-width:640px){.container{width:min(100% - 40px,1280px)}.city-btn{font-size:0;padding:11px}.city-btn:first-letter{font-size:16px}.hero h1{font-size:39px}.week{gap:5px}.day{min-height:58px;padding:6px;font-size:12px}.day small{display:none}.timeline-wrap:before{left:14px}.timeline-item{grid-template-columns:31px 1fr;gap:12px}.timeline-date{grid-column:2;text-align:left}.dot{grid-row:1/3;grid-column:1;margin-top:7px}.timeline-card{grid-column:2}.topic-grid{grid-template-columns:1fr}.topic-card:first-child{grid-column:auto}.topic-card:first-child img{height:210px}.footer-grid{grid-template-columns:1fr}.nav-actions{gap:5px}.timeline-card h3{font-size:19px}section{padding:60px 0}.cta{padding-bottom:60px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category2 */
:root{--ink:#173B32;--turf:#2c7a57;--cream:#f4f0e7;--paper:#fffdf8;--charcoal:#18201e;--sand:#747b75;--line:#d9ded5;--apricot:#e47a4e;--shadow:0 16px 42px rgba(23,59,50,.1);--radius:22px}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--charcoal);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;line-height:1.8;font-size:16px}
    a{color:inherit;text-decoration:none}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    img{display:block;max-width:100%}
    .container{width:min(1280px,calc(100% - 48px));margin:auto}
    header{position:sticky;top:0;z-index:50;background:rgba(244,240,231,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(23,59,50,.08)}
    .nav-in{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);font-size:23px;letter-spacing:-1px;white-space:nowrap}
    .mark{display:inline-block;width:27px;height:27px;border:3px solid var(--turf);border-radius:7px;transform:skew(-16deg);position:relative}
    .mark:after{content:"";position:absolute;left:5px;top:10px;width:14px;height:3px;background:var(--apricot);transform:rotate(-28deg)}
    .navlinks{display:flex;align-items:center;justify-content:center;gap:20px;font-size:14px;font-weight:650}
    .navlinks a{padding:27px 0 22px;position:relative;white-space:nowrap}
    .navlinks a:after{content:"";position:absolute;left:0;bottom:17px;height:2px;width:0;background:var(--turf);transition:.2s}
    .navlinks a:hover:after,.navlinks a.active:after{width:100%}
    .nav-actions{display:flex;gap:9px;align-items:center}
    .city-btn,.btn,.btn-outline{border-radius:11px;transition:.2s;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:700}
    .city-btn{border:1px solid var(--line);padding:9px 12px;background:#fff;font-size:13px}
    .city-btn:hover{border-color:var(--turf);color:var(--turf)}
    .btn{background:var(--ink);color:var(--cream);padding:12px 18px;border:1px solid var(--ink)}
    .btn:hover{background:var(--turf);border-color:var(--turf);transform:translateY(-2px)}
    .btn-outline{padding:11px 17px;border:1px solid rgba(23,59,50,.38);color:var(--ink)}
    .btn-outline:hover{background:#e1eee2;border-color:var(--turf)}
    .btn:active,.btn-outline:active{transform:scale(.98)}
    button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--apricot);outline-offset:3px}
    .menu-btn{display:none;background:none;border:0;font-size:24px;color:var(--ink)}
    .hero{position:relative;overflow:hidden;background:var(--ink);color:var(--cream);padding:56px 0 48px}
    .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,59,50,.96) 20%,rgba(23,59,50,.62)),url('/assets/images/backpic/back-2.webp') center/cover;opacity:.8}
    .hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:center}
    .eyebrow{display:inline-flex;gap:8px;align-items:center;color:#b7dbbd;font-size:13px;font-weight:700;letter-spacing:.08em}
    .eyebrow:before{content:"";width:28px;height:2px;background:var(--apricot)}
    .hero h1{font-size:clamp(40px,5vw,64px);line-height:1.16;letter-spacing:-2px;margin:18px 0}
    .hero-copy{max-width:700px;font-size:17px;color:#e2eadf}
    .hero-panel{background:#f8f4eb;color:var(--charcoal);padding:24px;border-radius:24px;box-shadow:0 20px 45px rgba(0,0,0,.22)}
    .panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px}
    .trend-board{height:190px;position:relative;margin-top:18px;background:linear-gradient(transparent 24%,#dce4d9 25%,transparent 26%,transparent 49%,#dce4d9 50%,transparent 51%,transparent 74%,#dce4d9 75%,transparent 76%),linear-gradient(90deg,transparent 24%,#dce4d9 25%,transparent 26%,transparent 49%,#dce4d9 50%,transparent 51%,transparent 74%,#dce4d9 75%,transparent 76%);border-bottom:1px solid #bfcabe}
    .trend-line{position:absolute;left:3%;right:3%;top:25%;height:120px;border-top:4px solid var(--turf);transform:skewY(-14deg) rotate(-4deg);clip-path:polygon(0 70%,14% 62%,27% 72%,41% 37%,55% 48%,68% 17%,82% 31%,100% 0,100% 8%,82% 40%,68% 27%,55% 58%,41% 47%,27% 82%,14% 72%,0 80%)}
    .board-note{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--sand)}
    section{padding:82px 0}
    .section-label{color:var(--turf);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
    h2{font-size:clamp(30px,4vw,42px);line-height:1.25;color:var(--ink);letter-spacing:-1px;margin:10px 0 16px}
    h3{color:var(--ink);line-height:1.35}
    .section-intro{max-width:740px;color:#59615b;font-size:17px}
    .filterbar{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 24px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px}
    .filterbar button{border:1px solid var(--line);background:var(--cream);color:var(--ink);border-radius:10px;padding:8px 14px;font-size:14px}
    .filterbar button.active,.filterbar button:hover{background:var(--ink);border-color:var(--ink);color:#fff}
    .metric-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:16px}
    .metric-card{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:var(--paper);min-height:178px;transition:.22s}
    .metric-card:hover,.info-card:hover,.compare-box:hover{transform:translateY(-4px);border-color:var(--turf);box-shadow:var(--shadow)}
    .metric-card.primary{grid-row:span 2;background:var(--ink);color:var(--cream);min-height:370px}
    .metric-card.primary h3{color:#fff}
    .big-number{font-size:52px;font-weight:800;line-height:1;color:var(--apricot);font-variant-numeric:tabular-nums}
    .bar{height:8px;background:#dfe7dd;border-radius:9px;overflow:hidden;margin:14px 0}
    .bar i{display:block;height:100%;background:var(--turf);border-radius:9px}
    .mini-list{list-style:none;padding:0;margin:12px 0 0}
    .mini-list li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0;font-size:14px}
    .dark-band{background:var(--ink);color:var(--cream)}
    .dark-band h2,.dark-band h3{color:#fff}
    .dark-band .section-label{color:#b7dbbd}
    .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
    .compare-box{border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:25px;background:#223b33;transition:.2s}
    .compare-box.light{background:#f4f0e7;color:var(--charcoal)}
    .compare-box.light h3{color:var(--ink)}
    .score-row{display:grid;grid-template-columns:100px 1fr 52px;align-items:center;gap:12px;margin:16px 0;font-size:14px}
    .score-row .bar{margin:0;background:rgba(255,255,255,.18)}
    .light .score-row .bar{background:#d8dfd4}
    .reading-grid{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:start}
    .reading-copy p{margin:0 0 18px;color:#4f5952}
    .quote{border-left:4px solid var(--apricot);padding:14px 20px;background:#fff8ef;color:var(--ink);font-weight:700;margin:24px 0}
    .info-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:23px;transition:.2s}
    .info-card img{height:205px;width:100%;object-fit:cover;border-radius:14px;margin:-2px 0 18px}
    .insight-list{padding:0;list-style:none}
    .insight-list li{padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:14px}
    .insight-list b{color:var(--apricot);font-variant-numeric:tabular-nums}
    .faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-q{width:100%;border:0;background:none;padding:19px 0;display:flex;justify-content:space-between;gap:15px;text-align:left;font-weight:750;color:var(--ink);font-size:17px}
    .faq-q span:last-child{font-size:24px;line-height:1;transition:.2s}
    .faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;color:#59615b}
    .faq-item.open .faq-a{max-height:180px;padding:0 32px 18px 0}
    .faq-item.open .faq-q span:last-child{transform:rotate(45deg);color:var(--apricot)}
    .cta{background:var(--ink);color:var(--cream);border-radius:28px;padding:44px;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px}
    .cta h2{color:#fff}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
    .field label{display:block;font-size:13px;color:#d4e0d3;margin-bottom:5px}
    .input{width:100%;height:49px;border:1px solid #cbd3c9;border-radius:10px;background:#fff;padding:0 12px;color:var(--charcoal)}
    textarea.input{height:105px;padding-top:10px;resize:vertical}
    .full{grid-column:1/-1}
    .legal-note{font-size:12px;color:#b9c9b9}
    footer{background:#122d26;color:#dce7db;padding:56px 0 22px}
    .footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:35px}
    footer .brand{color:#fff}
    footer h3{color:#fff;font-size:15px;margin:0 0 12px}
    footer a{display:block;font-size:14px;margin:7px 0;color:#c7d6c8}
    footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
    .subscribe{display:flex;margin-top:12px}.subscribe input{min-width:0;flex:1;border:0;border-radius:9px 0 0 9px;padding:10px}.subscribe button{background:var(--apricot);color:#fff;border:0;padding:0 14px;border-radius:0 9px 9px 0}
    .legal{border-top:1px solid rgba(255,255,255,.16);margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;color:#aebdb0}
    .city-panel{display:none;position:fixed;right:24px;top:88px;width:350px;background:#fffdf8;border:1px solid var(--line);border-radius:18px;padding:22px;z-index:80;box-shadow:var(--shadow)}
    .city-panel.show{display:block}
    .city-search{width:100%;height:44px;border:1px solid var(--line);border-radius:9px;padding:0 12px;margin:13px 0}
    .city-tags{display:flex;flex-wrap:wrap;gap:8px}.city-tags button{border:1px solid var(--line);background:var(--cream);border-radius:8px;padding:6px 10px;color:var(--ink)}
    .menu-open .navlinks{display:flex}
    @media(max-width:1100px){.navlinks{gap:11px}.nav-actions .btn{display:none}.hero-grid{grid-template-columns:1fr}.hero-panel{max-width:560px}.metric-grid{grid-template-columns:1fr 1fr}.metric-card.primary{grid-row:span 2}.footer-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:768px){.container{width:min(100% - 40px,640px)}.navlinks{display:none;position:absolute;left:20px;right:20px;top:72px;background:#fffdf8;border:1px solid var(--line);border-radius:15px;padding:10px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.navlinks a{padding:9px 12px}.navlinks a:after{bottom:5px;left:12px}.menu-btn{display:block}.nav-actions{margin-left:auto}.hero{padding:44px 0}.metric-grid,.reading-grid,.faq-layout,.cta{grid-template-columns:1fr}.metric-card.primary{grid-row:auto}.compare-grid{grid-template-columns:1fr}.cta{padding:28px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}section{padding:62px 0}.city-panel{left:20px;right:20px;top:84px;width:auto}}
    @media(max-width:520px){.container{width:calc(100% - 40px)}.hero h1{font-size:40px}.hero-panel{padding:17px}.metric-grid{grid-template-columns:1fr}.big-number{font-size:44px}.footer-grid{grid-template-columns:1fr}.legal{display:block}.legal span{display:block;margin:8px 0}.nav-actions .city-btn{font-size:12px;padding:8px}.compare-box{padding:20px}.score-row{grid-template-columns:76px 1fr 42px;font-size:12px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category4 */
:root{--ink:#173B32;--turf:#2c7a57;--cream:#f4f0e7;--paper:#fffdf8;--charcoal:#18201e;--sand:#747b75;--line:#d9ded5;--apricot:#e47a4e;--shadow:0 16px 42px rgba(23,59,50,.1);--radius:22px}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--charcoal);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;line-height:1.82;font-size:16px} a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit} button{cursor:pointer} img{display:block;max-width:100%} h1,h2,h3,p{margin-top:0} h1,h2,h3{line-height:1.28} .container{width:min(1280px,calc(100% - 48px));margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(244,240,231,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(23,59,50,.08)}.nav-in{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);font-size:23px;letter-spacing:-1px;white-space:nowrap}.mark{width:25px;height:25px;display:inline-block;border:3px solid var(--turf);border-radius:7px;position:relative;transform:skew(-10deg)}.mark:after{content:"";position:absolute;width:15px;height:3px;left:3px;top:8px;background:var(--apricot);transform:rotate(-38deg)}.navlinks{display:flex;align-items:center;justify-content:center;gap:20px;font-size:14px;font-weight:650}.navlinks a{padding:27px 0 22px;position:relative;white-space:nowrap}.navlinks a:after{content:"";position:absolute;left:0;bottom:17px;height:2px;width:0;background:var(--turf);transition:.2s}.navlinks a:hover:after,.navlinks a.active:after{width:100%}.nav-actions{display:flex;gap:9px;align-items:center}.city-btn,.btn,.btn-outline{border-radius:11px;transition:.2s;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:700}.city-btn{border:1px solid var(--line);padding:9px 12px;background:#fff;font-size:13px}.btn{background:var(--ink);color:var(--cream);padding:12px 18px;border:1px solid var(--ink)}.btn:hover{background:var(--turf);border-color:var(--turf);transform:translateY(-2px)}.btn-outline{padding:11px 17px;border:1px solid rgba(23,59,50,.38);color:var(--ink)}.btn-outline:hover{background:#e1eee2;border-color:var(--turf)}.btn:active,.btn-outline:active{transform:scale(.98)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--apricot);outline-offset:3px}.menu-btn{display:none;background:none;border:0;font-size:24px;color:var(--ink)}
.hero{position:relative;overflow:hidden;color:var(--cream);padding:52px 0;background:var(--ink)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,59,50,.97),rgba(23,59,50,.72)),url('/assets/images/backpic/back-2.webp') center/cover;opacity:.86}.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.crumb{font-size:13px;color:#c5d9c6;margin-bottom:20px}.crumb a{text-decoration:underline;text-underline-offset:4px}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#b7dbbd;font-size:13px;font-weight:700;letter-spacing:.08em}.eyebrow:before{content:"";width:28px;height:2px;background:var(--apricot)}.hero h1{font-size:clamp(38px,5vw,58px);margin:14px 0 16px;letter-spacing:-.05em}.hero-copy{max-width:710px;color:#e2eadf;font-size:17px}.hero-panel{background:rgba(255,253,248,.96);color:var(--charcoal);padding:22px;border-radius:20px;box-shadow:0 20px 45px rgba(0,0,0,.2)}.hero-panel h3{color:var(--ink);font-size:18px}.status-line{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.status-line:last-child{border:0}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--turf);margin-right:7px}.dot.orange{background:var(--apricot)}
section{padding:76px 0}.section-label{font-size:13px;color:var(--turf);font-weight:800;letter-spacing:.1em}.section-title{color:var(--ink);font-size:clamp(29px,3.4vw,42px);letter-spacing:-.04em;margin:8px 0 15px}.section-intro{max-width:750px;color:#59615b;font-size:17px}.guide-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:48px;align-items:start}.guide-nav{position:sticky;top:104px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px}.guide-nav strong{color:var(--ink);display:block;margin-bottom:7px}.guide-nav a{display:block;padding:10px 4px;border-bottom:1px solid #edf0e9;font-size:14px;color:#526159;transition:.2s}.guide-nav a:hover{color:var(--turf);padding-left:7px}.guide-nav a:last-child{border:0}.reading{max-width:810px}.reading h2{color:var(--ink);font-size:30px;margin:0 0 15px}.reading h3{color:var(--ink);font-size:22px;margin:38px 0 12px}.reading p{margin-bottom:18px;color:#3f4943}.number-step{display:grid;grid-template-columns:62px 1fr;gap:18px;margin:26px 0;padding-bottom:25px;border-bottom:1px solid var(--line)}.step-num{font-variant-numeric:tabular-nums;color:var(--cream);background:var(--ink);height:46px;width:46px;border-radius:13px;display:grid;place-items:center;font-weight:800}.note{padding:18px 20px;background:#e5efe4;border-left:4px solid var(--turf);border-radius:0 14px 14px 0;color:#325142;margin:24px 0}.mistake{background:#fff5ee;border:1px solid #f1cfbd;border-radius:16px;padding:19px 20px;margin:23px 0}.mistake strong{color:#9d4d2e}.check-list{list-style:none;padding:0;margin:18px 0}.check-list li{padding:10px 0 10px 29px;position:relative;border-bottom:1px solid var(--line)}.check-list li:before{content:"✓";position:absolute;left:4px;color:var(--turf);font-weight:900}
visual-card{display:block}.visual-card{border:1px solid var(--line);background:var(--paper);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.visual-card img{height:270px;width:100%;object-fit:cover}.visual-card figcaption{padding:18px 21px;font-size:14px;color:#5d675f}.index-strip{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:22px;display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:12px}.index-strip>div{padding:10px 14px;border-left:1px solid var(--line)}.index-strip>div:first-child{border:0}.index-strip b{display:block;color:var(--ink);font-size:18px}.index-strip span{font-size:13px;color:var(--sand)}
.topic-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.topic-card{border:1px solid var(--line);border-radius:20px;padding:26px;background:var(--paper);transition:.22s}.topic-card:hover{transform:translateY(-4px);border-color:var(--turf);box-shadow:var(--shadow)}.topic-card.dark{background:var(--ink);color:#dfece0;border-color:var(--ink)}.topic-card.dark h3{color:#fff}.topic-card h3{color:var(--ink);font-size:23px}.mini-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:19px}.mini-flow span{font-size:13px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}
.compare-band{background:var(--charcoal);color:#dce8dd}.compare-band .section-title{color:var(--cream)}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.compare-box{border:1px solid #44514b;border-radius:18px;padding:23px}.compare-box h3{color:#fff;font-size:20px}.compare-box .kpi{font-size:31px;font-weight:800;color:#b8dbbc;font-variant-numeric:tabular-nums}.compare-box p{font-size:14px;color:#c3ccc3}
.related-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.related-feature{border-radius:24px;overflow:hidden;position:relative;min-height:330px;background:var(--ink)}.related-feature img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.58}.related-feature div{position:absolute;inset:auto 0 0;padding:29px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.84))}.related-list{display:flex;flex-direction:column;gap:11px}.related-link{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:17px;transition:.2s}.related-link:hover{border-color:var(--turf);transform:translateX(4px)}.related-link b{display:block;color:var(--ink)}.related-link span{font-size:13px;color:var(--sand)}
.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:48px}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;border:0;background:none;padding:19px 0;display:flex;justify-content:space-between;gap:15px;text-align:left;font-weight:750;color:var(--ink);font-size:17px}.faq-q span:last-child{font-size:25px;line-height:1}.faq-a{display:none;padding:0 0 20px;color:#556059}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
.cta{padding:0 0 82px}.cta-box{background:var(--ink);color:#dfece0;border-radius:28px;padding:42px;display:grid;grid-template-columns:1fr .9fr;gap:34px}.cta-box h2{font-size:34px;color:#fff}.cta-box p{max-width:600px}.cta-form{background:#f7f3ea;color:var(--charcoal);padding:20px;border-radius:18px}.input{width:100%;height:48px;border:1px solid #cbd3c9;border-radius:10px;background:#fff;padding:0 12px;color:var(--charcoal);margin-top:6px}.input:focus{border-color:var(--turf);outline:none;box-shadow:0 0 0 3px rgba(44,122,87,.15)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-label{display:block;font-size:13px;font-weight:700;color:var(--ink);margin:9px 0}.form-msg{font-size:13px;color:#477055;margin:10px 0 0;display:none}
footer{background:var(--ink);color:#cfdbd0;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.15fr;gap:40px}.footer-grid .brand{color:#fff}.footer-grid h3{font-size:15px;color:#fff;margin-bottom:13px}.footer-grid a:not(.brand){display:block;font-size:14px;margin:8px 0;transition:.2s}.footer-grid a:not(.brand):hover{color:#b7dbbd;text-decoration:underline;text-underline-offset:4px}.subscribe{display:flex;margin-top:12px}.subscribe input{min-width:0;width:100%;border:1px solid #527061;background:#24493e;color:#fff;padding:10px;border-radius:9px 0 0 9px}.subscribe button{border:0;background:var(--apricot);color:#fff;font-weight:700;padding:0 13px;border-radius:0 9px 9px 0}.legal{border-top:1px solid rgba(255,255,255,.16);margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:13px}.legal a{display:inline!important;margin:0!important}
.city-modal{display:none;position:fixed;z-index:80;inset:0;background:rgba(12,25,21,.45);padding:100px 20px 20px}.city-modal.show{display:block}.city-pop{max-width:510px;margin:auto;background:var(--paper);border-radius:22px;padding:25px;box-shadow:0 30px 70px rgba(0,0,0,.28)}.city-pop h3{color:var(--ink)}.city-options{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.city-options button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 12px}.city-options button:hover{border-color:var(--turf);background:#e5efe4}
@media(max-width:1100px){.navlinks{gap:12px;font-size:13px}.nav-actions .btn{display:none}.hero-grid,.cta-box{grid-template-columns:1fr}.guide-layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:820px){.navlinks{display:none}.menu-btn{display:block}.nav-in{min-height:67px}.navlinks.mobile-open{display:flex;position:absolute;left:0;right:0;top:67px;background:var(--paper);padding:15px 24px 22px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.navlinks.mobile-open a{padding:9px 0}.navlinks.mobile-open a:after{bottom:4px}.hero{padding:40px 0}.guide-layout,.faq-layout,.related-grid,.topic-grid{grid-template-columns:1fr}.guide-nav{position:relative;top:auto}.index-strip,.compare-grid{grid-template-columns:1fr 1fr}.index-strip>div{border-left:0;border-top:1px solid var(--line)}.index-strip>div:first-child{border-top:0;grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}.guide-nav{display:none}.guide-nav.visible{display:block}.directory-toggle{display:inline-flex!important}}
@media(min-width:821px){.directory-toggle{display:none!important}}
@media(max-width:560px){.container{width:min(100% - 40px,1280px)}section{padding:55px 0}.hero h1{font-size:38px}.city-btn{font-size:0;padding:10px}.city-btn:first-letter{font-size:17px}.form-row,.footer-grid,.index-strip,.compare-grid,.mini-flow{grid-template-columns:1fr}.cta-box{padding:28px 22px}.hero-panel{padding:18px}.number-step{grid-template-columns:48px 1fr;gap:12px}.visual-card img{height:210px}.legal{display:block}.legal span{display:block;margin:8px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category6 */
:root{--ink:#173B32;--turf:#2c7a57;--cream:#f4f0e7;--paper:#fffdf8;--charcoal:#18201e;--sand:#747b75;--line:#d9ded5;--apricot:#e47a4e;--shadow:0 16px 42px rgba(23,59,50,.10);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--charcoal);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.container{width:min(1280px,calc(100% - 48px));margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(244,240,231,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(23,59,50,.08)}.nav-in{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);font-size:23px;letter-spacing:-1px;white-space:nowrap}.mark{width:24px;height:24px;display:inline-block;border:3px solid var(--turf);border-radius:7px;transform:skew(-14deg);position:relative}.mark:after{content:"";position:absolute;width:12px;height:3px;background:var(--apricot);right:-7px;bottom:2px}.navlinks{display:flex;align-items:center;justify-content:center;gap:20px;font-size:14px;font-weight:650}.navlinks a{padding:27px 0 22px;position:relative;white-space:nowrap}.navlinks a:after{content:"";position:absolute;left:0;bottom:17px;height:2px;width:0;background:var(--turf);transition:.2s}.navlinks a:hover:after,.navlinks a.active:after{width:100%}.nav-actions{display:flex;gap:9px;align-items:center}.city-btn,.btn,.btn-outline{border-radius:11px;transition:.2s;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:700}.city-btn{border:1px solid var(--line);padding:9px 12px;background:#fff;font-size:13px}.btn{background:var(--ink);color:var(--cream);padding:12px 18px;border:1px solid var(--ink)}.btn:hover{background:var(--turf);border-color:var(--turf);transform:translateY(-2px)}.btn-outline{padding:11px 17px;border:1px solid rgba(23,59,50,.38);color:var(--ink)}.btn-outline:hover{background:#e1eee2;border-color:var(--turf)}.btn:active,.btn-outline:active{transform:scale(.98)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--apricot);outline-offset:3px}.menu-btn{display:none;background:none;border:0;font-size:24px;color:var(--ink)}
.hero{position:relative;overflow:hidden;background:var(--ink);color:var(--cream);padding:56px 0}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,59,50,.96),rgba(23,59,50,.71)),url('/assets/images/backpic/back-3.webp') center/cover;opacity:.78}.hero-grid{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:42px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#b7dbbd;font-size:13px;font-weight:800;letter-spacing:.08em}.eyebrow:before{content:"";width:28px;height:2px;background:var(--apricot)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,5vw,60px);line-height:1.18;letter-spacing:-.05em;margin:16px 0}h2{font-size:clamp(30px,3.5vw,42px);line-height:1.25;letter-spacing:-.035em;color:var(--ink)}h3{font-size:20px;line-height:1.4;color:var(--ink)}.hero-copy{max-width:680px;color:#e0e9df;font-size:17px}.crumb{font-size:13px;color:#b7cfc0;margin-bottom:17px}.crumb a{text-decoration:underline;text-underline-offset:4px}.hero-panel{background:#f8f4eb;color:var(--charcoal);border-radius:22px;padding:23px;box-shadow:0 20px 45px rgba(0,0,0,.2)}.panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7ded2;padding-bottom:12px;margin-bottom:15px}.status{font-size:12px;color:var(--turf);font-weight:800}.ring{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--turf) 0 68%,#dce3d9 68% 100%);margin:7px auto 14px}.ring b{width:79px;height:79px;background:#f8f4eb;border-radius:50%;display:grid;place-items:center;color:var(--ink);font-size:21px}.tier{display:flex;justify-content:space-between;border-top:1px solid #d7ded2;padding:10px 0;font-size:13px}.tier strong{color:var(--ink)}
section{padding:78px 0}.section-kicker{color:var(--turf);font-size:13px;font-weight:800;letter-spacing:.08em}.lead{font-size:17px;color:#5c655e;max-width:750px}.path-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:start}.side-note{position:sticky;top:105px;border-left:3px solid var(--apricot);padding:10px 0 10px 20px}.side-note ul{list-style:none;padding:0;margin:22px 0}.side-note li{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.dark{background:var(--charcoal);color:#e5ece3;position:relative;overflow:hidden}.dark:before{content:"";position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#b9d4bc 1px,transparent 1px);background-size:18px 18px}.dark>*{position:relative}.dark h2,.dark h3{color:var(--cream)}.compare-stack{display:grid;gap:14px}.compare-row{display:grid;grid-template-columns:150px 1fr 1fr;gap:14px;align-items:stretch}.compare-label{padding:20px 16px;border:1px solid #4a5751;border-radius:16px;color:#bfdbc3;font-size:14px}.compare-card{padding:20px;border-radius:18px;border:1px solid #46524d;background:#26302d}.compare-card.light{background:#f2f1e8;color:var(--charcoal);border-color:#f2f1e8}.compare-card.light h3{color:var(--ink)}.metric{font-variant-numeric:tabular-nums;color:var(--apricot);font-size:28px;font-weight:800}.bar{height:7px;background:#53625a;border-radius:9px;overflow:hidden;margin:12px 0}.bar span{display:block;height:100%;background:var(--turf);border-radius:9px}.light .bar{background:#d6ddd2}.light .bar span{background:var(--apricot)}
choice{display:block}.choice-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:22px}.choice-main{min-height:385px;border-radius:26px;overflow:hidden;position:relative;background:#31574b}.choice-main img{height:100%;width:100%;object-fit:cover;opacity:.7}.image-caption{position:absolute;inset:auto 0 0;padding:31px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.85))}.route-list{display:grid;gap:12px}.route{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:17px;transition:.2s}.route:hover{transform:translateX(4px);border-color:var(--turf);box-shadow:var(--shadow)}.route span{font-size:12px;color:var(--turf);font-weight:800}.reading{display:grid;grid-template-columns:1.35fr .65fr;gap:52px}.article-copy p{color:#4f5952;margin-bottom:19px}.quote{border-left:4px solid var(--apricot);padding:15px 20px;background:#f0ebdf;color:var(--ink);font-weight:700;border-radius:0 14px 14px 0}.checklist{background:#e6eee3;border-radius:20px;padding:24px;height:max-content}.checklist li{padding:11px 0;border-bottom:1px solid #c8d6c8;list-style:none}.checklist li:last-child{border:0}
signal{display:block}.signal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.signal{border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:19px}.signal b{font-size:27px;color:var(--ink);font-variant-numeric:tabular-nums}.signal small{display:block;color:var(--sand);margin-top:6px}.news-strip{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:center;background:#e4ece1;border-radius:25px;padding:26px}.news-strip img{width:100%;height:220px;object-fit:cover;border-radius:17px}.mini-list{padding:0;margin:16px 0;list-style:none}.mini-list li{border-bottom:1px solid var(--line);padding:11px 0;font-size:14px}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;border:0;background:none;padding:19px 0;display:flex;justify-content:space-between;gap:15px;text-align:left;font-weight:750;color:var(--ink);font-size:17px}.faq-q span:last-child{font-size:24px;line-height:1}.faq-a{max-height:0;overflow:hidden;color:#5d665f;transition:max-height .28s ease}.faq-item.open .faq-a{max-height:260px;padding-bottom:20px}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
.cta{padding:0 0 82px}.cta-box{background:var(--ink);color:#e4ece1;border-radius:28px;padding:42px;display:grid;grid-template-columns:1fr .8fr;gap:40px}.cta-box h2{color:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input{width:100%;height:48px;border:1px solid #cbd3c9;border-radius:10px;background:#fff;padding:0 12px;color:var(--charcoal)}textarea.input{height:104px;padding:11px;resize:vertical}.form-wide{grid-column:1/-1}.form-note{font-size:12px;color:#cbd8cb}.form-note input{accent-color:var(--apricot)}footer{background:var(--ink);color:#dbe6dc;padding:62px 0 23px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1.1fr;gap:34px}.footer-grid .brand{color:#fff}.footer-grid h3{color:#fff;font-size:16px}.footer-grid a:not(.brand){display:block;font-size:14px;margin:7px 0;color:#dbe6dc}.footer-grid a:not(.brand):hover{text-decoration:underline;color:#b9d4bc;text-underline-offset:4px}.subscribe{display:flex;margin-top:12px}.subscribe input{min-width:0;width:100%;border:0;padding:10px;border-radius:9px 0 0 9px}.subscribe button{border:0;background:var(--apricot);color:#fff;padding:0 13px;border-radius:0 9px 9px 0;font-weight:700}.legal{margin-top:42px;padding-top:20px;border-top:1px solid rgba(255,255,255,.17);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;font-size:13px}.modal{display:none;position:fixed;z-index:80;inset:0;background:rgba(12,25,20,.58);padding:20px}.modal.show{display:grid;place-items:center}.city-pop{width:min(520px,100%);background:var(--paper);border-radius:22px;padding:25px;box-shadow:var(--shadow)}.city-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.city-options button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px}.city-options button:hover{border-color:var(--turf);background:#e7f0e6}
@media(max-width:1100px){.navlinks{gap:12px;font-size:13px}.nav-actions .btn{display:none}.hero-grid,.choice-grid,.reading,.cta-box{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.navlinks{display:none}.menu-btn{display:block}.nav-actions{margin-left:auto}.hero{padding:43px 0}.path-grid,.faq-layout{grid-template-columns:1fr}.side-note{position:static}.compare-row{grid-template-columns:1fr}.compare-label{padding:12px 16px}.signal-grid{grid-template-columns:repeat(2,1fr)}section{padding:60px 0}.mobile-nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--cream);padding:15px 24px 24px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.mobile-nav.show{display:grid}.mobile-nav a{padding:10px 0;border-bottom:1px solid var(--line);font-weight:700}}
@media(max-width:560px){.container{width:min(100% - 40px,1280px)}.city-btn{font-size:0;padding:10px}.city-btn:first-letter{font-size:16px}.hero-panel{padding:18px}h1{font-size:38px}.form-grid{grid-template-columns:1fr}.form-wide{grid-column:auto}.signal-grid,.footer-grid,.city-options{grid-template-columns:1fr}.news-strip{grid-template-columns:1fr;padding:18px}.cta-box{padding:27px}.legal{display:block}.legal span{display:block;margin:8px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category5 */
:root{--ink:#173B32;--turf:#2c7a57;--cream:#f4f0e7;--paper:#fffdf8;--charcoal:#18201e;--sand:#747b75;--line:#d9ded5;--apricot:#e47a4e;--shadow:0 16px 42px rgba(23,59,50,.1);--radius:22px}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--charcoal);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;line-height:1.8;font-size:16px}
    a{color:inherit;text-decoration:none}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    img{display:block;max-width:100%}
    .container{width:min(1280px,calc(100% - 48px));margin:auto}
    header{position:sticky;top:0;z-index:50;background:rgba(244,240,231,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(23,59,50,.08)}
    .nav-in{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);font-size:23px;letter-spacing:-1px;white-space:nowrap}
    .mark{width:27px;height:27px;display:inline-block;border:3px solid var(--turf);border-radius:7px;position:relative;transform:skew(-14deg)}
    .mark:after{content:"";position:absolute;left:4px;right:4px;top:10px;height:3px;background:var(--apricot);transform:rotate(-25deg)}
    .navlinks{display:flex;align-items:center;justify-content:center;gap:20px;font-size:14px;font-weight:650}
    .navlinks a{padding:27px 0 22px;position:relative;white-space:nowrap}
    .navlinks a:after{content:"";position:absolute;left:0;bottom:17px;height:2px;width:0;background:var(--turf);transition:.2s}
    .navlinks a:hover:after,.navlinks a.active:after{width:100%}
    .nav-actions{display:flex;gap:9px;align-items:center}
    .city-btn,.btn,.btn-outline{border-radius:11px;transition:.2s;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:700}
    .city-btn{border:1px solid var(--line);padding:9px 12px;background:#fff;font-size:13px}
    .city-btn:hover{border-color:var(--turf);color:var(--turf)}
    .btn{background:var(--ink);color:var(--cream);padding:12px 18px;border:1px solid var(--ink)}
    .btn:hover{background:var(--turf);border-color:var(--turf);transform:translateY(-2px)}
    .btn-outline{padding:11px 17px;border:1px solid rgba(23,59,50,.38);color:var(--ink)}
    .btn-outline:hover{background:#e1eee2;border-color:var(--turf)}
    .btn:active,.btn-outline:active{transform:scale(.98)}
    button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--apricot);outline-offset:3px}
    .menu-btn{display:none;background:none;border:0;font-size:24px;color:var(--ink)}
    .hero{position:relative;overflow:hidden;background:var(--ink);color:var(--cream);padding:52px 0 40px}
    .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,59,50,.97) 25%,rgba(23,59,50,.62)),url('/assets/images/backpic/back-2.webp') center/cover;opacity:.82}
    .hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
    .eyebrow{display:inline-flex;gap:8px;align-items:center;color:#b7dbbd;font-size:13px;font-weight:700;letter-spacing:.08em}
    .eyebrow:before{content:"";width:28px;height:2px;background:var(--apricot)}
    h1,h2,h3{line-height:1.25;color:var(--ink);margin:0 0 16px}
    h1{font-size:clamp(38px,5vw,62px);letter-spacing:-2px;color:#fff}
    h2{font-size:clamp(29px,4vw,41px);letter-spacing:-1px}
    h3{font-size:21px}
    .hero p{max-width:650px;color:#e2eadf;font-size:17px}
    .crumb{position:relative;color:#b7dbbd;font-size:13px;margin-bottom:30px}
    .paper{background:rgba(255,253,248,.96);color:var(--charcoal);border-radius:24px;padding:24px;box-shadow:0 22px 55px rgba(0,0,0,.2);display:grid;grid-template-columns:140px 1fr;gap:21px}
    .paper img{height:190px;width:140px;object-fit:cover;border-radius:14px}
    .paper h3{color:var(--ink);margin-bottom:8px}
    .paper ul{padding-left:19px;margin:10px 0;font-size:14px;color:#5c665e}
    .paper .tag{color:var(--turf);border-color:#b8d4bd}
    .tag{display:inline-block;border:1px solid currentColor;border-radius:99px;padding:3px 9px;font-size:12px;margin:3px 4px 3px 0}
    section{padding:78px 0}
    .section-intro{max-width:730px;color:#59615b;font-size:17px}
    .section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}
    .location-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:stretch}
    .map-card{min-height:460px;border-radius:28px;background:#dce7d9;position:relative;overflow:hidden;border:1px solid #cbd8ca}
    .map-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(44,122,87,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(44,122,87,.12) 1px,transparent 1px);background-size:46px 46px;transform:rotate(-7deg) scale(1.2)}
    .map-card:after{content:"";position:absolute;width:70%;height:56%;left:14%;top:19%;border:2px solid rgba(44,122,87,.48);border-radius:48% 37% 53% 34%;transform:rotate(-17deg)}
    .map-title{position:absolute;left:27px;top:25px;z-index:2;color:var(--ink);font-weight:800}
    .pin{position:absolute;z-index:3;background:var(--apricot);color:#fff;width:17px;height:17px;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 13px rgba(23,59,50,.25)}
    .pin.one{left:29%;top:42%}.pin.two{left:61%;top:32%}.pin.three{left:72%;top:63%}.pin.four{left:42%;top:71%}
    .pin-label{position:absolute;z-index:4;background:#fffdf8;padding:7px 11px;border-radius:9px;font-size:12px;color:var(--ink);box-shadow:0 8px 20px rgba(23,59,50,.12)}
    .label-one{left:23%;top:47%}.label-two{left:55%;top:37%}.label-three{left:66%;top:68%}
    .location-panel{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:26px}
    .search{display:flex;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff;margin:20px 0}
    .search input{border:0;outline:0;padding:12px;width:100%;background:transparent}
    .search button{background:var(--ink);border:0;color:#fff;padding:0 16px}
    .city-list{display:grid;gap:10px}
    .city-option{border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px 14px;display:flex;justify-content:space-between;align-items:center;transition:.2s}
    .city-option:hover,.city-option.selected{border-color:var(--turf);background:#eef5ed;transform:translateX(3px)}
    .city-option small{color:var(--sand);display:block}
    .status{font-size:12px;color:var(--turf);white-space:nowrap}
    .status:before{content:"●";font-size:10px;margin-right:5px}
    .info-strip{background:#e8eee4;border:1px solid #d4dfd1;border-radius:18px;padding:19px 23px;display:flex;justify-content:space-between;gap:20px;align-items:center}
    .info-strip strong{color:var(--ink)}
    .topic-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
    .topic-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px;transition:.22s}
    .topic-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--turf)}
    .topic-card .index{font:700 30px Georgia;color:var(--apricot);margin-bottom:15px}
    .topic-card p{font-size:14px;color:#68716a;margin:0 0 14px}
    .topic-card a{color:var(--turf);font-weight:700;font-size:14px}
    .dark-band{background:var(--ink);color:var(--cream)}
    .dark-band h2,.dark-band h3{color:#fff}
    .dark-band .section-intro{color:#d4e0d5}
    .route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.17);border-radius:20px;overflow:hidden}
    .route{padding:25px;background:#1e493d;min-height:190px}
    .route b{font-size:28px;color:#a9d4ae;display:block;margin-bottom:12px}
    .route p{color:#d2e0d4;font-size:14px}
    .reading{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:start}
    .reading-copy p{color:#59615b;margin:0 0 18px}
    .note-box{background:#eef2e8;border-left:4px solid var(--apricot);padding:20px 23px;border-radius:0 16px 16px 0;color:#4e5951}
    .note-box strong{color:var(--ink)}
    .faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-q{width:100%;border:0;background:none;padding:19px 0;display:flex;justify-content:space-between;gap:15px;text-align:left;font-weight:750;color:var(--ink);font-size:17px}
    .faq-q span:last-child{font-size:24px;line-height:1}
    .faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}
    .faq-a>div{overflow:hidden;color:#626b64;font-size:15px}
    .faq-item.open .faq-a{grid-template-rows:1fr}
    .faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
    .cta{background:var(--ink);color:#f1f5eb;border-radius:28px;padding:42px;display:grid;grid-template-columns:.85fr 1.15fr;gap:40px}
    .cta h2{color:#fff}
    .cta p{color:#d9e5d9}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
    .field label{display:block;font-size:13px;color:#d9e5d9;margin-bottom:5px}
    .input,.field textarea,.field select{width:100%;border:1px solid #60766a;border-radius:10px;background:#f9f6ed;color:var(--charcoal);padding:11px 12px;min-height:48px}
    .field textarea{min-height:108px;resize:vertical}
    .field.full{grid-column:1/-1}
    .check{font-size:13px;color:#c9d9ca;display:flex;gap:8px;align-items:flex-start;margin:14px 0}
    footer{background:#102d27;color:#d6e2d4;padding:52px 0 23px}
    .footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:35px}
    footer .brand{color:#fff}
    footer h3{color:#fff;font-size:15px;margin-bottom:14px}
    footer a{display:block;font-size:14px;margin:8px 0;color:#cbd9ca}
    footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
    footer p{color:#b8c9ba;font-size:14px}
    .subscribe{display:flex;margin-top:13px}
    .subscribe input{min-width:0;width:100%;border:0;border-radius:9px 0 0 9px;padding:10px 12px}
    .subscribe button{border:0;background:var(--apricot);color:#fff;border-radius:0 9px 9px 0;padding:0 14px}
    .legal{border-top:1px solid rgba(255,255,255,.16);margin-top:37px;padding-top:19px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:#aebfaf}
    .city-modal{position:fixed;inset:0;background:rgba(10,25,20,.48);z-index:100;display:none;align-items:flex-start;justify-content:flex-end;padding:92px 30px}
    .city-modal.show{display:flex}
    .city-pop{width:min(410px,100%);background:var(--paper);border-radius:20px;padding:24px;box-shadow:0 25px 70px rgba(0,0,0,.3)}
    .city-pop-head{display:flex;justify-content:space-between;align-items:center}
    .close{border:0;background:#e8eee4;border-radius:8px;width:34px;height:34px;color:var(--ink)}
    @media(max-width:1100px){.navlinks{gap:12px}.nav-actions .btn{display:none}.hero-grid{gap:28px}.footer-grid{grid-template-columns:1fr 1fr}.route-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:800px){.container{width:min(100% - 40px,680px)}.navlinks{display:none}.menu-btn{display:block}.nav-in{min-height:68px}.hero-grid,.location-layout,.reading,.cta,.faq-layout{grid-template-columns:1fr}.hero{padding-top:35px}.paper{max-width:560px}.topic-grid{grid-template-columns:1fr 1fr}.map-card{min-height:360px}.section-head{display:block}.section-head .btn-outline{margin-top:16px}}
    @media(max-width:520px){body{font-size:15px}.container{width:calc(100% - 40px)}section{padding:58px 0}h1{font-size:39px}.paper{grid-template-columns:1fr}.paper img{width:100%;height:180px}.topic-grid,.route-grid,.form-grid,.footer-grid{grid-template-columns:1fr}.cta{padding:27px 21px}.info-strip{display:block}.info-strip .btn{width:100%;margin-top:13px}.city-modal{padding:78px 20px}.legal{display:block}.legal span{display:block;margin:7px 0}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category7 */
:root{--ink:#173B32;--turf:#2c7a57;--cream:#f4f0e7;--paper:#fffdf8;--charcoal:#18201e;--sand:#747b75;--line:#d9ded5;--apricot:#e47a4e;--shadow:0 16px 42px rgba(23,59,50,.1);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--charcoal);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;line-height:1.8;font-size:16px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.container{width:min(1280px,calc(100% - 48px));margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(244,240,231,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(23,59,50,.08)}.nav-in{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);font-size:23px;letter-spacing:-1px;white-space:nowrap}.mark{width:24px;height:24px;display:inline-block;border:3px solid var(--turf);border-radius:7px;transform:skew(-15deg);position:relative}.mark:after{content:"";position:absolute;width:12px;height:3px;background:var(--apricot);right:-7px;bottom:3px}.navlinks{display:flex;align-items:center;justify-content:center;gap:20px;font-size:14px;font-weight:650}.navlinks a{padding:27px 0 22px;position:relative;white-space:nowrap}.navlinks a:after{content:"";position:absolute;left:0;bottom:17px;height:2px;width:0;background:var(--turf);transition:.2s}.navlinks a:hover:after,.navlinks a.active:after{width:100%}.nav-actions{display:flex;gap:9px;align-items:center}.city-btn,.btn,.btn-outline{border-radius:11px;transition:.2s;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:700}.city-btn{border:1px solid var(--line);padding:9px 12px;background:#fff;font-size:13px}.btn{background:var(--ink);color:var(--cream);padding:12px 18px;border:1px solid var(--ink)}.btn:hover{background:var(--turf);border-color:var(--turf);transform:translateY(-2px)}.btn-outline{padding:11px 17px;border:1px solid rgba(23,59,50,.38);color:var(--ink)}.btn-outline:hover{background:#e1eee2;border-color:var(--turf)}.btn:active,.btn-outline:active{transform:scale(.98)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--apricot);outline-offset:3px}.menu-btn{display:none;background:none;border:0;font-size:24px;color:var(--ink)}
section{padding:76px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--turf);font-size:13px;font-weight:800;letter-spacing:.08em}.eyebrow:before{content:"";width:27px;height:2px;background:var(--apricot)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,5vw,58px);line-height:1.2;letter-spacing:-.05em}h2{font-size:clamp(28px,3.4vw,40px);line-height:1.32;letter-spacing:-.03em;color:var(--ink)}h3{font-size:20px;line-height:1.45;color:var(--ink)}.muted{color:var(--sand)}.crumb{padding:17px 0 0;font-size:13px;color:#69746d}.crumb a{color:var(--turf)}.page-hero{position:relative;overflow:hidden;padding:55px 0 68px;background:var(--ink);color:var(--cream)}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(23,59,50,.96),rgba(23,59,50,.67)),url('/assets/images/backpic/back-3.webp') center/cover;opacity:.72}.hero-grid{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:44px;align-items:center}.hero-copy{max-width:720px;color:#e4ece2;font-size:17px}.hero-card{background:rgba(255,253,248,.96);color:var(--charcoal);border-radius:24px;padding:25px;box-shadow:0 20px 50px rgba(0,0,0,.2)}.hero-card h3{margin-bottom:12px}.support-line{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.support-line:last-child{border:0}.dot{width:10px;height:10px;border-radius:50%;margin-top:9px;background:var(--turf);flex:0 0 auto}.dot.orange{background:var(--apricot)}
.paper{background:var(--paper)}.intro-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px}.sticky-note{align-self:start;position:sticky;top:104px;border-left:3px solid var(--apricot);padding:8px 0 8px 20px;color:#59635c}.reading p{max-width:750px;margin-bottom:20px;font-size:17px}.quote{margin:28px 0;padding:22px 25px;background:#e7eee5;border-radius:0 18px 18px 0;border-left:4px solid var(--turf);font-size:19px;font-weight:700;color:var(--ink)}
.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:6px;top:9px;bottom:12px;width:1px;background:#b8c8bc}.timeline-item{position:relative;padding:0 0 27px}.timeline-item:before{content:"";position:absolute;left:-29px;top:8px;width:12px;height:12px;background:var(--cream);border:3px solid var(--turf);border-radius:50%}.timeline-item strong{color:var(--turf);font-size:14px}.timeline-item p{margin:5px 0 0;color:#59635c}
.support-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.image-panel{position:relative;min-height:430px;overflow:hidden;border-radius:26px;background:var(--ink)}.image-panel img{width:100%;height:100%;object-fit:cover;opacity:.72}.image-panel div{position:absolute;inset:auto 0 0;padding:30px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.82))}.channel-list{display:flex;flex-direction:column;gap:12px}.channel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px;transition:.2s}.channel:hover{border-color:var(--turf);box-shadow:var(--shadow);transform:translateY(-3px)}.channel small{color:var(--sand)}.tag{display:inline-block;border:1px solid #a9c6b0;color:var(--turf);padding:3px 9px;border-radius:99px;font-size:12px;margin:2px 4px 2px 0}
.dark{background:var(--charcoal);color:#e7eee3}.dark h2,.dark h3{color:var(--cream)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.process-step{border-top:2px solid #628c77;padding:17px 10px 0}.process-step b{display:block;font-size:28px;color:var(--apricot);font-variant-numeric:tabular-nums}.process-step p{font-size:14px;color:#bfcbc1;margin:6px 0}
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.topic-card{background:var(--paper);border:1px solid var(--line);border-radius:19px;padding:22px;transition:.2s}.topic-card:hover{transform:translateY(-4px);border-color:var(--turf);box-shadow:var(--shadow)}.topic-card p{font-size:14px;color:var(--sand)}.arrow-link{font-weight:750;color:var(--turf);font-size:14px}.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:55px}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;border:0;background:none;padding:19px 0;display:flex;justify-content:space-between;gap:15px;text-align:left;font-weight:750;color:var(--ink);font-size:17px}.faq-q span:last-child{font-size:23px;line-height:1;transition:.2s}.faq-a{display:none;padding:0 0 20px;color:#5d6860}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
.contact-wrap{display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;background:var(--ink);padding:38px;border-radius:28px;color:#dce7dc}.contact-wrap h2{color:#fff}.contact-wrap li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.14);list-style:none}.contact-wrap ul{padding:0}.contact-form{background:#f8f4eb;color:var(--charcoal);border-radius:20px;padding:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field label{display:block;font-size:13px;font-weight:750;color:var(--ink);margin-bottom:5px}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd3c9;border-radius:10px;background:#fff;padding:11px 12px;min-height:48px;color:var(--charcoal)}.field textarea{min-height:95px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--turf);box-shadow:0 0 0 3px rgba(44,122,87,.15)}.check{font-size:13px;color:#68736b;display:flex;gap:8px;align-items:flex-start;margin:13px 0}.form-result{display:none;margin-top:12px;padding:10px 12px;border-radius:9px;background:#e2efe4;color:var(--ink);font-size:14px}
footer{background:var(--ink);color:#d7e3d7;padding:55px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:36px}.footer-grid .brand{color:#fff}.footer-grid h3{font-size:15px;color:#fff;margin-bottom:12px}.footer-grid a{display:block;font-size:14px;margin:8px 0;transition:.2s}.footer-grid a:hover{color:#a9d4af;text-decoration:underline;text-underline-offset:5px}.subscribe{display:flex;margin-top:12px}.subscribe input{min-width:0;width:100%;border:1px solid #60766b;background:#25483d;color:#fff;padding:9px 10px;border-radius:8px 0 0 8px}.subscribe button{border:0;background:var(--apricot);color:#fff;padding:9px 12px;border-radius:0 8px 8px 0;font-weight:700}.legal{border-top:1px solid rgba(255,255,255,.17);margin-top:36px;padding-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px;color:#b7c5b8}.legal a{display:inline;margin:0}
.city-pop{display:none;position:fixed;z-index:70;right:5%;top:86px;width:min(390px,calc(100% - 32px));background:#fffdf8;border:1px solid var(--line);box-shadow:var(--shadow);padding:22px;border-radius:18px}.city-pop.show{display:block}.city-pop input{width:100%;border:1px solid var(--line);padding:10px;border-radius:9px;margin:10px 0}.cities{display:flex;flex-wrap:wrap;gap:8px}.cities button{border:1px solid var(--line);background:#fff;padding:6px 10px;border-radius:8px}.cities button:hover{background:#e1eee2;border-color:var(--turf)}
@media(max-width:1120px){.navlinks{gap:12px;font-size:12px}.nav-actions .btn{display:none}.hero-grid,.intro-grid,.faq-layout{gap:30px}.footer-grid{gap:22px}}@media(max-width:860px){.navlinks{display:none}.menu-btn{display:block}.nav-in{min-height:68px}.navlinks.mobile-open{display:flex;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:14px 24px 22px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.navlinks.mobile-open a{padding:8px 0}.navlinks.mobile-open a:after{bottom:4px}.hero-grid,.intro-grid,.support-grid,.faq-layout,.contact-wrap{grid-template-columns:1fr}.sticky-note{position:static}.process{grid-template-columns:repeat(2,1fr)}.topic-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.page-hero{padding:42px 0 52px}}@media(max-width:560px){.container{width:min(100% - 40px,1280px)}section{padding:56px 0}.city-btn{font-size:12px;padding:8px}.hero-card{padding:18px}.topic-grid,.footer-grid,.form-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr}.contact-wrap{padding:24px}.contact-form{padding:18px}.btn,.btn-outline{width:100%}.page-hero h1{font-size:39px}.legal{display:block}.legal span{display:block;margin:8px 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}