/* roulang page: index */
:root{--ink:#18221d;--muted:#66716b;--paper:#f7f8f5;--white:#fff;--line:#e2e7e1;--green:#176b50;--green-dark:#124d3d;--lime:#c9ef72;--coral:#ef785d;--violet:#7861bd;--radius:20px;--shadow:0 14px 36px rgba(25,48,37,.08);--container:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(23,107,80,.28);outline-offset:3px}.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}.site-header{height:76px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:17px;font-weight:800;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#16372a;background:linear-gradient(135deg,var(--lime),#83d8a0);font-weight:900;font-size:18px}.nav-links{display:flex;align-items:center;gap:6px}.nav-links a{padding:9px 12px;color:#536058;font-size:14px;border-radius:9px;transition:background .2s,color .2s}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--green-dark);background:#edf4ed}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;color:var(--ink);cursor:pointer}.hero{position:relative;overflow:hidden;background:#153e31;color:#fff;padding:68px 0 54px}.hero:after{content:"";position:absolute;width:410px;height:410px;right:-130px;top:-210px;border:1px solid rgba(201,239,114,.27);border-radius:50%;box-shadow:0 0 0 42px rgba(201,239,114,.035),0 0 0 90px rgba(201,239,114,.025)}.hero-inner{position:relative;z-index:1}.hero-label,.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--lime);font-size:12px;font-weight:800;letter-spacing:0}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px rgba(239,120,93,.2)}.hero h1{max-width:840px;margin:13px 0 10px;font-size:clamp(38px,5.4vw,68px);line-height:1.12;letter-spacing:0}.hero h1 span{color:var(--lime)}.hero-subtitle{font-size:19px;color:#d2e1d8;margin:0 0 14px}.hero-copy{max-width:760px;color:#c2d2c9;margin:0;font-size:15px;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 19px;border-radius:11px;font-weight:750;border:1px solid transparent;transition:transform .18s,background .18s,box-shadow .18s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--lime);color:#1d382b}.btn-primary:hover{background:#daf6a0;box-shadow:0 8px 20px rgba(0,0,0,.15)}.btn-ghost{border-color:rgba(255,255,255,.34);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.1)}.hero-bottom{display:flex;align-items:center;gap:25px;margin-top:42px;padding-top:19px;border-top:1px solid rgba(255,255,255,.2);color:#d2e1d8;font-size:13px}.hero-bottom strong{color:#fff;font-size:17px;margin-right:5px}.section{padding:66px 0;border-bottom:1px solid var(--line)}.section-white{background:#fff}.section-tint{background:#eff3ed}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.section-head h2{margin:0;font-size:29px;line-height:1.25;letter-spacing:0}.section-head p{max-width:600px;margin:8px 0 0;color:var(--muted);font-size:14px}.eyebrow{color:var(--green);text-transform:none}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.kpi{padding:23px 25px;border-right:1px solid var(--line)}.kpi:last-child{border:0}.kpi strong{display:block;font-size:30px;line-height:1.2;color:var(--green-dark)}.kpi span{display:block;margin-top:7px;color:var(--muted);font-size:13px}.kpi em{display:inline-block;margin-top:10px;padding:3px 8px;border-radius:99px;background:#eff6e6;color:#4b6d36;font-style:normal;font-size:11px}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.topic-card{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.topic-card:hover{transform:translateY(-4px);border-color:#c8d8cc;box-shadow:var(--shadow)}.topic-card.featured{grid-column:span 2;grid-row:span 2}.thumb{position:relative;aspect-ratio:16/10;background:#dfe8df;overflow:hidden}.featured .thumb{aspect-ratio:1.9}.thumb img{transition:transform .35s}.topic-card:hover .thumb img{transform:scale(1.035)}.badge{position:absolute;left:12px;top:12px;padding:4px 9px;border-radius:99px;background:#fff;color:var(--green-dark);font-size:11px;font-weight:800}.topic-body{padding:14px 15px 15px}.topic-body h3{font-size:15px;line-height:1.45;margin:0 0 11px}.topic-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.rating{color:#a45824;font-weight:800}.matrix{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.channel{padding:21px 18px;border-right:1px solid var(--line);min-height:205px;display:flex;flex-direction:column}.channel:last-child{border:0}.channel-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#eff6e7;color:var(--green);font-size:17px;font-weight:900}.channel h3{margin:15px 0 6px;font-size:16px}.channel p{margin:0;color:var(--muted);font-size:12px;line-height:1.75;flex:1}.channel a{display:inline-flex;align-items:center;gap:5px;margin-top:15px;color:var(--green);font-size:12px;font-weight:800}.channel a:hover{text-decoration:underline}.recommend-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.recommend-lead{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--radius);overflow:hidden;background:#183e32;color:#fff;min-height:270px}.recommend-lead .thumb{height:100%;aspect-ratio:auto}.recommend-text{padding:25px;display:flex;flex-direction:column;justify-content:center}.recommend-text h3{font-size:23px;line-height:1.4;margin:10px 0}.recommend-text p{font-size:13px;color:#c6d9ce;margin:0}.recommend-text .badge{position:static;align-self:flex-start;background:var(--lime)}.recommend-stack{display:grid;gap:12px}.recommend-row{display:grid;grid-template-columns:104px 1fr;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px}.recommend-row .thumb{border-radius:9px;aspect-ratio:1.25}.recommend-row h3{font-size:14px;margin:0 0 6px}.recommend-row p{margin:0;color:var(--muted);font-size:12px}.compare{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.compare th,.compare td{text-align:left;padding:14px 17px;border-bottom:1px solid var(--line);font-size:13px}.compare th{background:#f2f5f0;color:#526057;font-weight:800}.compare td:first-child{font-weight:750}.compare tr:last-child td{border-bottom:0}.status{display:inline-flex;padding:4px 9px;border-radius:99px;background:#eef5e5;color:#4f702f;font-size:11px;font-weight:800}.status.replay{background:#f1edfa;color:#6653a2}.status.feature{background:#fff0e9;color:#a35c3c}.rank-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:30px;align-items:start}.rank-lead{padding:25px;border-radius:var(--radius);background:linear-gradient(135deg,#21674e,#153d32);color:#fff}.rank-lead .eyebrow{color:var(--lime)}.rank-lead h3{font-size:25px;line-height:1.35;margin:13px 0 9px}.rank-lead p{color:#d0e0d7;font-size:13px;margin:0}.rank-list{list-style:none;margin:0;padding:0}.rank-list li{display:grid;grid-template-columns:39px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.rank-list li:last-child{border:0}.rank-num{font-size:18px;font-weight:900;color:#89938d}.rank-list li:nth-child(-n+3) .rank-num{color:var(--coral)}.rank-name{font-size:13px;font-weight:750}.rank-kind{display:block;color:var(--muted);font-size:11px;font-weight:400}.rank-score{font-size:12px;color:#a45824;font-weight:800}.timeline{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.timeline:before{content:"";position:absolute;top:9px;left:9px;right:9px;height:2px;background:#d7e2d6}.milestone{position:relative;padding:30px 20px 0 0}.milestone:before{content:"";position:absolute;top:3px;left:0;width:14px;height:14px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #e2eee0}.milestone time{font-size:12px;color:var(--green);font-weight:800}.milestone h3{font-size:15px;margin:8px 0 5px}.milestone p{font-size:12px;color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-item{display:grid;grid-template-columns:120px 1fr;gap:17px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px}.feature-item .thumb{border-radius:10px;aspect-ratio:1.2}.feature-item h3{margin:0 0 5px;font-size:15px}.feature-item p{margin:0;color:var(--muted);font-size:12px}.news-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:25px}.news-feature{position:relative;min-height:300px;border-radius:var(--radius);overflow:hidden;background:#243c32;color:#fff}.news-feature img{position:absolute;inset:0;object-fit:cover}.news-feature:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(10,25,18,.86))}.news-feature div{position:absolute;z-index:1;bottom:20px;left:22px;right:22px}.news-feature h3{font-size:21px;margin:6px 0}.news-feature p{font-size:12px;color:#e4ece7;margin:0}.news-list{display:grid;align-content:start}.news-item{display:grid;grid-template-columns:95px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}.news-item:first-child{padding-top:0}.news-item .thumb{aspect-ratio:1.35;border-radius:9px}.news-item h3{margin:0 0 5px;font-size:13px;line-height:1.5}.news-item time{font-size:11px;color:var(--muted)}.filter-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.filter-chip{border:1px solid var(--line);border-radius:99px;background:#fff;padding:8px 14px;color:#526057;font-size:12px;cursor:pointer;transition:all .18s}.filter-chip:hover,.filter-chip[aria-pressed=true]{border-color:var(--green);background:var(--green);color:#fff}.filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.filter-grid .topic-card[hidden]{display:none}.empty-state{display:none;margin-top:18px;padding:22px;border:1px dashed #bfcbbf;border-radius:14px;color:var(--muted);text-align:center}.empty-state.visible{display:block}.assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.assurance-item{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.assurance-icon{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e8f2df;color:var(--green);font-weight:900}.assurance-item h3{font-size:14px;margin:0 0 4px}.assurance-item p{font-size:12px;color:var(--muted);margin:0}.qa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.qa-item{border-top:2px solid var(--green);padding:16px 16px 0 0}.qa-item h3{margin:0 0 8px;font-size:15px}.qa-item p{margin:0;color:var(--muted);font-size:13px}.faq-list{max-width:850px}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{list-style:none;position:relative;padding:18px 38px 18px 0;font-size:15px;font-weight:750;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:5px;top:14px;color:var(--green);font-size:22px}.faq-item[open] summary:after{content:"−"}.faq-item p{max-width:760px;margin:0;padding:0 30px 18px 0;color:var(--muted);font-size:13px}.closing{background:#173d31;color:#fff;padding:44px 0}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.closing h2{font-size:24px;margin:0 0 6px}.closing p{color:#c7d8cf;margin:0;font-size:13px}.site-footer{background:#102c23;color:#dce7df;padding:43px 0 18px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}.footer-brand p{max-width:280px;color:#aebfb5;font-size:12px}.footer-col h3{margin:0 0 13px;color:#fff;font-size:13px}.footer-col a,.footer-col span{display:block;width:fit-content;margin:7px 0;color:#b7c7bd;font-size:12px}.footer-col a:hover{color:var(--lime)}.copyright{margin-top:30px;padding-top:15px;border-top:1px solid rgba(255,255,255,.14);color:#9eb0a5;font-size:11px;display:flex;justify-content:space-between;gap:12px}.section-anchor{scroll-margin-top:90px}
@media(max-width:1024px){.matrix{grid-template-columns:repeat(3,1fr)}.channel:nth-child(3){border-right:0}.channel:nth-child(n+4){border-top:1px solid var(--line)}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-card.featured{grid-column:span 2;grid-row:span 1}.featured .thumb{aspect-ratio:16/10}.filter-grid{grid-template-columns:repeat(3,1fr)}.nav-links{gap:0}.nav-links a{padding-inline:9px;font-size:13px}}
@media(max-width:768px){.container{width:min(100% - 36px,var(--container))}.site-header{height:68px}.menu-toggle{display:inline-flex;align-items:center;gap:7px}.nav-links{display:none;position:absolute;top:67px;left:0;right:0;padding:10px 18px 16px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 14px 18px rgba(20,40,30,.08);flex-direction:column;align-items:stretch}.nav-links.is-open{display:flex}.nav-links a{padding:11px 12px}.hero{padding:52px 0 36px}.hero h1{font-size:46px}.hero-bottom{gap:15px;flex-wrap:wrap;margin-top:30px}.section{padding:50px 0}.section-head h2{font-size:25px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi:nth-child(2){border-right:0}.kpi:nth-child(n+3){border-top:1px solid var(--line)}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.matrix{grid-template-columns:repeat(2,1fr)}.channel:nth-child(3){border-right:1px solid var(--line)}.channel:nth-child(even){border-right:0}.channel:nth-child(n+3){border-top:1px solid var(--line)}.channel:last-child{border-right:0}.recommend-layout,.rank-layout,.news-layout{grid-template-columns:1fr}.recommend-lead{min-height:240px}.timeline{grid-template-columns:repeat(2,1fr);row-gap:20px}.timeline:before{display:none}.feature-grid{grid-template-columns:1fr}.filter-grid{grid-template-columns:repeat(2,1fr)}.assurance{grid-template-columns:1fr 1fr;gap:10px 22px}.qa-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-brand{grid-column:1/-1}.closing-inner{align-items:flex-start;flex-direction:column}.closing .btn{min-width:170px}}
@media(max-width:520px){.container{width:calc(100% - 30px)}.brand{font-size:15px;gap:8px}.brand-mark{width:34px;height:34px}.hero{padding:43px 0 31px}.hero h1{font-size:39px}.hero-subtitle{font-size:16px}.hero-copy{font-size:13px}.hero-actions{flex-direction:column;align-items:stretch}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-bottom span{font-size:12px}.section{padding:41px 0}.section-head{align-items:flex-start;flex-direction:column;gap:8px}.section-head h2{font-size:23px}.kpi{padding:17px}.kpi strong{font-size:25px}.topic-grid{gap:10px}.topic-card.featured{grid-column:span 2}.topic-body{padding:11px}.topic-body h3{font-size:13px}.topic-meta{font-size:10px}.thumb{aspect-ratio:1.35}.matrix{grid-template-columns:1fr}.channel,.channel:nth-child(n){min-height:0;border-right:0;border-top:1px solid var(--line);padding:16px}.channel:first-child{border-top:0}.channel p{max-width:340px}.recommend-lead{grid-template-columns:1fr}.recommend-lead .thumb{height:185px}.recommend-text{padding:19px}.compare th,.compare td{padding:11px 8px;font-size:11px}.rank-layout{gap:20px}.rank-lead{padding:20px}.timeline{grid-template-columns:1fr 1fr;column-gap:16px}.milestone{padding-right:5px}.feature-item{grid-template-columns:90px 1fr;gap:11px}.news-feature{min-height:245px}.news-item{grid-template-columns:82px 1fr}.filter-row{gap:7px}.filter-chip{padding:7px 10px}.filter-grid{gap:9px}.assurance{grid-template-columns:1fr}.qa-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:23px}.copyright{flex-direction:column}.closing h2{font-size:21px}}
@media(max-width:360px){.hero h1{font-size:34px}.topic-grid,.filter-grid{grid-template-columns:1fr}.topic-card.featured{grid-column:auto}.featured .thumb{aspect-ratio:1.6}.hero-bottom{grid-template-columns:1fr}.brand{font-size:14px}}

/* roulang page: category1 */
:root{--ink:#18221d;--muted:#66716b;--paper:#f7f8f5;--white:#fff;--line:#e2e7e1;--green:#176b50;--green-dark:#124d3d;--lime:#c9ef72;--coral:#ef785d;--violet:#7861bd;--radius:20px;--shadow:0 14px 36px rgba(25,48,37,.08);--container:1200px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
button,input,select{font:inherit}
button,a,input,select{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(23,107,80,.28);outline-offset:3px}
.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}
.site-header{height:76px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:11px;font-size:17px;font-weight:800;white-space:nowrap}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#16372a;background:linear-gradient(135deg,var(--lime),#83d8a0);font-weight:900;font-size:18px}
.nav-links{display:flex;align-items:center;gap:6px}
.nav-links a{padding:9px 12px;color:#536058;font-size:14px;border-radius:9px;transition:background .2s,color .2s}
.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--green-dark);background:#edf4ed}
.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;color:var(--ink);cursor:pointer}
.section{padding:52px 0;border-bottom:1px solid var(--line)}
.section-white{background:#fff}
.section-tint{background:#eff3ed}
.breadcrumb{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:18px}
.breadcrumb a:hover{color:var(--green);text-decoration:underline}
.page-intro{padding:38px 0 34px;background:#fff;border-bottom:1px solid var(--line)}
.page-intro h1{max-width:780px;margin:0;font-size:clamp(32px,4vw,48px);line-height:1.2}
.page-intro h1 span{color:var(--green)}
.page-intro p{max-width:760px;margin:13px 0 0;color:var(--muted);font-size:16px}
.intro-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.pill,.badge{display:inline-flex;align-items:center;border-radius:99px;padding:5px 11px;font-size:12px;font-weight:750}
.pill{color:var(--green-dark);background:#edf4ed;border:1px solid #dce9dc}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:23px}
.section-head h2{margin:0;font-size:26px;line-height:1.3}
.section-head p{max-width:610px;margin:7px 0 0;color:var(--muted);font-size:14px}
.eyebrow{color:var(--green);font-size:12px;font-weight:800}
.filterbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 19px;background:#fff;border:1px solid var(--line);border-radius:15px;margin-top:24px}
.filter-options{display:flex;gap:8px;flex-wrap:wrap}
.filter-button{border:1px solid var(--line);background:#fff;color:#536058;border-radius:9px;padding:8px 13px;cursor:pointer;transition:.2s}
.filter-button:hover,.filter-button[aria-pressed=true]{border-color:var(--green);background:#edf4ed;color:var(--green-dark)}
.filterbar select{min-height:40px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:0 12px}
.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.topic-card{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.topic-card:hover{transform:translateY(-3px);border-color:#c8d8cc;box-shadow:var(--shadow)}
.thumb{position:relative;aspect-ratio:1.75;overflow:hidden;background:#e5ebe4}
.thumb img{transition:transform .35s}
.topic-card:hover .thumb img{transform:scale(1.035)}
.badge{position:absolute;left:12px;top:12px;background:#fff;color:var(--green-dark)}
.topic-body{padding:15px 16px 16px}
.topic-body h3{font-size:16px;line-height:1.45;margin:0 0 11px}
.topic-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}
.rating{color:#9a5c22;font-weight:800}
.topic-kind{color:var(--green);font-weight:750}
.group-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:start}
.group-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.group-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px}
.group-item h3{margin:0 0 5px;font-size:16px}
.group-item p{margin:0;color:var(--muted);font-size:13px}
.group-item span{display:block;margin-top:12px;color:var(--green);font-size:12px;font-weight:800}
.update-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.update-list li{display:grid;grid-template-columns:94px 1fr auto;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}
.update-date{color:var(--green);font-size:12px;font-weight:800}
.update-list strong{font-size:14px}
.update-list small{color:var(--muted)}
.picks{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.pick-feature{position:relative;min-height:280px;border-radius:var(--radius);overflow:hidden;background:#183e32;color:#fff}
.pick-feature img{position:absolute;inset:0}
.pick-feature:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(12,31,24,.88))}
.pick-caption{position:absolute;z-index:1;left:24px;right:24px;bottom:22px}
.pick-caption h3{font-size:23px;margin:0 0 6px}
.pick-caption p{margin:0;color:#e0e9e2;font-size:13px}
.rank-list{list-style:none;margin:0;padding:0}
.rank-list li{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.rank-list li:last-child{border:0}
.rank-num{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#edf4ed;color:var(--green-dark);font-weight:850}
.rank-list li:nth-child(-n+3) .rank-num{background:#fff0e9;color:#a35c3c}
.rank-list small{display:block;color:var(--muted);font-size:12px}
.rank-score{font-size:12px;color:#9a5c22;font-weight:800}
.info-band{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.note{padding:22px 24px;background:#183e32;color:#fff;border-radius:var(--radius)}
.note h2{margin:0 0 10px;font-size:22px}
.note p{margin:0;color:#d2e1d8;font-size:14px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);padding:15px 2px}
.faq-list summary{cursor:pointer;font-weight:750;list-style:none;display:flex;justify-content:space-between;gap:15px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"＋";color:var(--green);font-size:18px}
.faq-list details[open] summary:after{content:"－"}
.faq-list details p{max-width:780px;margin:10px 0 2px;color:var(--muted);font-size:14px}
.pagination{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:24px}
.page-number{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-weight:750}
.page-number.current{background:var(--green);border-color:var(--green);color:#fff}
.page-number.disabled{color:#aab2ac;background:#f3f5f1}
.more-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;margin-left:7px;border-radius:10px;background:var(--lime);color:#1d382b;font-weight:800;transition:transform .2s,background .2s}
.more-link:hover{transform:translateY(-2px);background:#daf6a0}
.empty-state{display:none;padding:30px;text-align:center;background:#fff;border:1px dashed #bac8bb;border-radius:14px;color:var(--muted)}
.site-footer{background:#172a22;color:#e7eee9;padding:48px 0 20px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px;padding-bottom:30px}
.footer-brand p{max-width:280px;color:#b8c7bd;font-size:13px}
.footer-brand .brand{color:#fff}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.footer-col h3{font-size:13px;color:#fff;margin:2px 0 6px}
.footer-col a,.footer-col span{font-size:12px;color:#b8c7bd}
.footer-col a:hover{color:var(--lime)}
.copyright{display:flex;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,255,255,.15);padding-top:17px;color:#aebdb3;font-size:12px}
@media(max-width:1024px){.nav-links{gap:1px}.nav-links a{padding:8px 9px;font-size:13px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-col:last-child{grid-column:2}}
@media(max-width:768px){.container{width:min(var(--container),calc(100% - 36px))}.site-header{height:68px}.menu-toggle{display:inline-flex;align-items:center;gap:7px}.nav-links{display:none;position:absolute;top:67px;left:0;right:0;padding:12px 18px 16px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 20px rgba(25,48,37,.08);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:11px 13px}.section{padding:42px 0}.page-intro{padding:29px 0}.page-intro h1{font-size:36px}.filterbar{align-items:flex-start;flex-direction:column}.group-layout,.picks,.info-band{grid-template-columns:1fr}.group-layout{gap:22px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-col:last-child{grid-column:auto}}
@media(max-width:520px){.container{width:calc(100% - 30px)}.brand{font-size:14px;gap:8px}.brand-mark{width:34px;height:34px}.page-intro h1{font-size:31px}.page-intro p{font-size:14px}.section-head{display:block}.section-head h2{font-size:23px}.content-grid{grid-template-columns:1fr}.group-list{grid-template-columns:1fr}.update-list li{grid-template-columns:74px 1fr;gap:10px}.update-list li small{grid-column:2}.rank-list li{grid-template-columns:34px 1fr auto}.pick-feature{min-height:230px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-brand{grid-column:1/-1}.copyright{flex-direction:column;gap:4px}.pagination{gap:6px}.page-number{min-width:38px;height:40px}.more-link{padding:0 12px}}