/* 51吃瓜 · 原生媒体界面。青绿视觉体系，紧凑信息流。 */
:root{--green:#168C78;--mint:#BFE8D8;--ink:#203B39;--bg:#FAFBF7;--soft:#EDF5EF;--text:#253330;--muted:#637570;--warm:#B95020;--line:#dbe6df;--white:#fff;--radius:9px;--content:1160px;--shadow:0 6px 20px rgba(32,59,57,.035);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:320px;line-height:1.68;font-size:15px}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}img{display:block;max-width:100%;height:auto}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--warm);outline-offset:4px;border-radius:3px}p,h1,h2,h3,ul,ol,figure{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.33;letter-spacing:-.025em}p{overflow-wrap:anywhere}::selection{background:var(--mint);color:var(--ink)}.container{width:min(var(--content),calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;z-index:100;top:-100px;left:16px;background:var(--ink);color:#fff;padding:12px 20px}.skip-link:focus{top:12px;color:#fff}.site-topline{background:var(--ink);color:#dcece7;font-size:12px}.topline-inner{min-height:31px;display:flex;justify-content:space-between;align-items:center;gap:16px;letter-spacing:.05em}.topline-note{opacity:.8}.site-header{background:rgba(250,251,247,.97);border-bottom:1px solid var(--line);position:relative;z-index:3}.header-inner{display:flex;min-height:81px;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:45px;height:45px;object-fit:contain}.brand-word{font-size:25px;font-weight:850;letter-spacing:-.06em;line-height:1;color:var(--green)}.brand-word>span{color:var(--ink)}.brand-word small{display:block;font-size:10px;letter-spacing:.19em;color:var(--muted);font-weight:650;margin-top:7px}.site-nav{display:flex;gap:8px;align-items:center}.site-nav a{color:var(--ink);font-size:14px;font-weight:700;border-radius:6px;padding:10px 18px;transition:background-color .18s,color .18s}.site-nav a:hover,.site-nav a[aria-current=page]{background:var(--soft);color:var(--green)}.menu-toggle{display:none}.main-content{padding-top:29px;padding-bottom:78px}.eyebrow,.section-kicker,.side-eyebrow{font-size:12px;letter-spacing:.12em;font-weight:850;color:var(--green);margin-bottom:14px}.signal-dot{display:inline-block;height:8px;width:8px;background:var(--warm);border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px rgba(185,80,32,.08)}.home-intro{display:grid;grid-template-columns:minmax(0,1.78fr) minmax(270px,.9fr);gap:32px;border-bottom:1px solid var(--line);padding:26px 0 40px;align-items:stretch}.intro-copy{padding:7px 0}.home-intro h1{font-size:clamp(28px,3.2vw,42px);max-width:700px;font-weight:850;margin-bottom:17px}.lead{font-size:16px;color:#475a54;max-width:690px;line-height:1.88;margin-bottom:22px}.intro-chips{display:flex;flex-wrap:wrap;gap:9px}.intro-chips span{background:var(--soft);color:#397366;border:1px solid #d8eadd;border-radius:5px;font-size:12px;font-weight:750;padding:5px 11px}.intro-side{background:var(--soft);border:1px solid #d9e9dc;border-radius:var(--radius);padding:23px 23px 19px}.intro-side strong{display:block;font-size:19px;line-height:1.5;color:var(--ink);margin:7px 0 14px}.intro-side p:not(.side-eyebrow){font-size:13px;color:var(--muted);margin-bottom:18px}.intro-side a{color:var(--green);font-weight:800;font-size:13px}.editorial-block,.feed-block{margin-top:45px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-heading .section-kicker{margin-bottom:6px}.section-heading h2{font-size:25px;margin:0;font-weight:830}.section-heading>p{font-size:13px;color:var(--muted);max-width:340px;margin:0 0 4px;text-align:right}.feature-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:19px;align-items:stretch}.story-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:155px 1fr;min-width:0;transition:border-color .16s,transform .16s}.story-card:hover{border-color:#a5d0c1}.story-media{display:block;overflow:hidden;background:var(--soft);min-height:154px}.story-media img{height:100%;width:100%;object-fit:cover;transition:transform .25s}.story-media:hover img{transform:scale(1.025)}.story-body{min-width:0;padding:16px}.story-meta{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:11px;margin-bottom:8px}.story-meta span:first-child{font-weight:750;color:var(--green)}.story-card h3{font-size:16px;margin:0 0 10px;font-weight:800}.story-card p{font-size:12.5px;line-height:1.7;color:var(--muted);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-link{font-weight:750;font-size:12px;color:var(--green)}.story-card--featured{display:flex;flex-direction:column}.story-card--featured .story-media{height:259px}.story-card--featured .story-body{padding:20px 23px 21px}.story-card--featured h3{font-size:24px;max-width:540px}.story-card--featured p{font-size:14px;-webkit-line-clamp:3}.feature-stack{display:flex;flex-direction:column;gap:16px}.feature-stack>.story-card{flex:1}.feed-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:28px}.story-list{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:0 18px}.feed-row{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:20px;padding:20px 0}.feed-row+.feed-row{border-top:1px solid var(--line)}.feed-img{border-radius:6px;overflow:hidden;aspect-ratio:3/2;background:var(--soft)}.feed-img img{width:100%;height:100%;object-fit:cover}.category-tag{font-size:11px;letter-spacing:.04em;font-weight:800;color:var(--warm)}.feed-row h3{font-size:18px;margin:6px 0 7px}.feed-row p{font-size:13px;color:var(--muted);line-height:1.72;margin-bottom:6px}.reading-time{font-size:11px;color:#7b8c85}.context-panel{padding:24px 22px;background:var(--soft);border:1px solid #daeadc;border-radius:var(--radius);align-self:start}.context-panel h3{font-size:21px;margin:0 0 12px}.context-panel p:not(.section-kicker){color:var(--muted);font-size:13px}.context-panel ul{list-style:none;padding:0;margin:18px 0 24px}.context-panel li{border-top:1px solid #d5e5d9;padding:9px 0 9px 18px;position:relative;color:#426158;font-size:13px}.context-panel li::before{content:'•';position:absolute;left:2px;color:var(--green);font-size:17px}.panel-link{font-size:13px;font-weight:800;color:var(--green);display:inline-block}.brand-info{display:grid;grid-template-columns:1.6fr .9fr;gap:50px;padding:31px 35px;margin-top:53px;border-radius:var(--radius);background:#fff;border:1px solid var(--line)}.brand-info h2{font-size:24px;margin:0 0 15px}.brand-info p:not(.section-kicker){color:var(--muted);font-size:13.5px;line-height:1.95;margin-bottom:11px}.brand-info strong{color:var(--ink)}.brand-aside{align-self:center;border-left:3px solid var(--green);padding:13px 0 15px 19px;background:linear-gradient(90deg,var(--soft),transparent)}.brand-aside strong,.brand-aside a,.brand-aside span{display:block}.brand-aside strong{font-size:13px;margin-bottom:9px}.brand-aside a{font-size:14px;color:var(--green);font-weight:800;overflow-wrap:anywhere}.brand-aside span{font-size:12px;color:var(--muted);margin-top:8px}.site-footer{background:var(--ink);color:#e7f0ed}.footer-inner{display:flex;justify-content:space-between;gap:60px;padding:37px 0}.footer-brand{font-weight:850;font-size:22px;color:#fff}.footer-brand span{font-size:13px;font-weight:500;opacity:.7}.footer-inner p{font-size:12px;max-width:460px;color:#b9ceca;margin:9px 0 0}.footer-inner nav{display:flex;align-items:start;flex-wrap:wrap;gap:16px}.footer-inner nav a{font-size:13px;color:#e0f0eb}.footer-inner a:hover{color:var(--mint)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:14px 0 20px;border-top:1px solid #415854;color:#b6cac5;font-size:11px}.breadcrumbs{padding:24px 0 16px;color:var(--muted);font-size:12px}.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:9px;list-style:none;padding:0;margin:0}.breadcrumbs a{color:var(--green)}.breadcrumbs li:last-child{max-width:70vw;overflow-wrap:anywhere}.subpage{padding-bottom:76px}.subpage-hero{padding:35px 38px 37px;border-radius:var(--radius);background:var(--soft);border-left:4px solid var(--green)}.subpage-hero h1{font-size:clamp(27px,3vw,38px);margin:0 0 17px;max-width:820px}.subpage-hero>p:last-child{font-size:15px;color:#46635a;max-width:740px;margin:0}.reports-grid{margin-top:44px}.report-cards{display:grid;grid-template-columns:1fr 1fr;gap:19px}.report-cards .story-card{display:flex;flex-direction:column}.report-cards .story-media{height:230px}.report-cards .story-body{padding:20px 23px 23px}.report-cards .story-card h3{font-size:21px}.report-cards .story-card p{font-size:14px;-webkit-line-clamp:3}.checklist-block{margin-top:47px;display:grid;grid-template-columns:.8fr 1.2fr;gap:49px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:33px}.checklist-block h2{font-size:26px;margin:0 0 16px}.checklist-block p:not(.section-kicker){font-size:13px;color:var(--muted)}.checklist{counter-reset:step;list-style:none;padding:0;margin:0}.checklist li{counter-increment:step;padding:13px 0 13px 51px;border-bottom:1px solid var(--line);position:relative}.checklist li:first-child{padding-top:0}.checklist li:last-child{border-bottom:0}.checklist li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:13px;background:var(--soft);border-radius:5px;color:var(--green);font-weight:850;font-size:12px;padding:6px}.checklist li:first-child::before{top:0}.checklist strong,.checklist span{display:block}.checklist strong{font-size:15px;color:var(--ink)}.checklist span{font-size:12px;color:var(--muted);margin-top:3px}.related-back{margin:30px 0 0;font-size:14px;font-weight:750;color:var(--green)}.article-page{padding-bottom:80px}.article-grid{display:grid;grid-template-columns:minmax(0,790px) minmax(230px,1fr);gap:45px;margin-top:19px}.article-main{min-width:0}.article-header{border-bottom:1px solid var(--line);padding-bottom:23px}.article-header .eyebrow{margin-bottom:12px}.dot-separator{margin-inline:9px;color:var(--muted)}.article-header h1{font-size:clamp(28px,3vw,39px);margin:0 0 17px;font-weight:850}.article-deck{font-size:16px;color:#52665e;line-height:1.95;margin:0}.article-figure{margin:23px 0 29px}.article-figure img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:7px;background:var(--soft)}.article-figure figcaption{font-size:11px;color:var(--muted);text-align:center;margin-top:8px}.article-prose{max-width:740px}.article-prose section{margin:0 0 29px}.article-prose h2{font-size:23px;margin:0 0 11px;padding-left:13px;border-left:4px solid var(--green)}.article-prose p{font-size:16px;line-height:2.05;color:#374c44;letter-spacing:.008em}.article-end{border-top:1px solid var(--line);padding-top:19px;display:flex;justify-content:space-between;gap:14px;font-size:12px;color:var(--muted)}.article-end a{font-weight:800;color:var(--green)}.article-sidebar{align-self:start;position:sticky;top:25px;padding-top:6px}.article-sidebar h2{font-size:20px;border-bottom:2px solid var(--green);padding-bottom:12px;margin-bottom:1px}.sidebar-items>a{display:block;padding:16px 0;border-bottom:1px solid var(--line)}.sidebar-items span,.sidebar-items strong{display:block}.sidebar-items span{font-size:11px;color:var(--green);font-weight:750;margin-bottom:6px}.sidebar-items strong{font-size:15px;line-height:1.55}.sidebar-note{margin-top:26px;background:var(--soft);border-radius:7px;padding:19px}.sidebar-note strong{font-size:14px;color:var(--ink)}.sidebar-note p{font-size:12px;color:var(--muted);margin:8px 0 0}.not-found{padding-top:95px;padding-bottom:140px;min-height:55vh;text-align:center}.not-found h1{font-size:34px}.not-found>p:not(.eyebrow){font-size:15px;color:var(--muted);margin:15px auto 28px;max-width:550px}.solid-link{display:inline-block;padding:12px 22px;background:var(--green);color:white;border-radius:5px;font-size:14px;font-weight:750}.solid-link:hover{background:#126c5d;color:white}.plain-link{display:inline-block;padding:12px 19px;color:var(--green);font-size:14px;font-weight:750}

/* Progressive narrowing preserves legibility while changing the composition. */
@media(max-width:1100px){.feature-layout{grid-template-columns:1.2fr 1fr}.story-card{grid-template-columns:130px 1fr}.story-body{padding:13px}.story-card h3{font-size:15px}.story-card--featured h3{font-size:22px}.feed-layout{grid-template-columns:minmax(0,1fr) 255px;gap:20px}.feed-row{grid-template-columns:145px 1fr;gap:16px}.brand-info{gap:25px}.article-grid{gap:30px}}
@media(max-width:900px){.home-intro{grid-template-columns:1fr 295px;gap:18px}.intro-side{padding:18px}.home-intro h1{font-size:32px}.feature-layout{grid-template-columns:1fr}.story-card--featured{display:grid;grid-template-columns:45% 1fr}.story-card--featured .story-media{height:100%;min-height:230px}.feature-stack{display:grid;grid-template-columns:1fr 1fr;gap:15px}.feature-stack .story-card{display:flex;flex-direction:column}.feature-stack .story-media{height:140px;min-height:0}.feed-layout{grid-template-columns:1fr}.context-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.context-panel .section-kicker,.context-panel h3{grid-column:1}.context-panel>p:not(.section-kicker){grid-column:1}.context-panel ul{grid-column:2;grid-row:1/4;margin:0}.context-panel .panel-link{grid-column:2}.article-grid{grid-template-columns:minmax(0,1fr) 220px;gap:22px}.article-prose p{font-size:15px}}
@media(max-width:760px){.container{width:min(100% - 34px,var(--content))}.topline-note{display:none}.header-inner{min-height:68px}.brand img{height:40px;width:40px}.brand-word{font-size:23px}.menu-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:6px;color:var(--ink);font-weight:750;font-size:13px;padding:7px 12px}.menu-icon{font-size:19px;line-height:1}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:2px;padding:11px 17px 17px;background:var(--bg);box-shadow:0 12px 18px rgba(32,59,57,.07);border-bottom:1px solid var(--line)}.site-nav.nav-open{display:flex}.site-nav a{padding:11px 16px}.home-intro{grid-template-columns:1fr;padding-top:18px;padding-bottom:28px}.home-intro h1{font-size:31px}.lead{font-size:15px}.intro-side{display:block}.intro-side strong{font-size:17px;margin:5px 0 8px}.intro-side p:not(.side-eyebrow){margin-bottom:9px}.editorial-block,.feed-block{margin-top:34px}.section-heading{display:block}.section-heading h2{font-size:23px}.section-heading>p{text-align:left;margin-top:9px}.brand-info{grid-template-columns:1fr;gap:16px;margin-top:36px;padding:24px}.brand-aside{margin-top:1px}.article-grid{grid-template-columns:1fr}.article-sidebar{position:static;margin-top:13px;border-top:1px solid var(--line);padding-top:21px}.sidebar-items{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.subpage-hero{padding:26px 23px}.subpage-hero h1{font-size:29px}.checklist-block{grid-template-columns:1fr;gap:10px;padding:25px}.footer-inner{padding:29px 0;gap:18px;display:block}.footer-inner nav{margin-top:21px}.article-page{padding-bottom:55px}}
@media(max-width:540px){body{font-size:14px}.container{width:calc(100% - 28px)}.main-content{padding-top:18px}.home-intro h1{font-size:28px}.intro-chips{gap:6px}.intro-chips span{font-size:11px;padding:4px 9px}.intro-side{padding:17px}.section-heading h2{font-size:21px}.story-card--featured{display:flex}.story-card--featured .story-media{height:204px;min-height:0}.story-card--featured .story-body{padding:18px}.story-card--featured h3{font-size:21px}.feature-stack{display:flex}.feature-stack .story-card{display:grid;grid-template-columns:125px 1fr}.feature-stack .story-media{min-height:156px;height:100%}.feature-stack .story-body{padding:13px}.feature-stack .story-card h3{font-size:15px}.feature-stack .story-card p{font-size:12px}.feed-row{grid-template-columns:112px 1fr;align-items:start;gap:12px;padding:17px 0}.story-list{padding-inline:12px}.feed-img{aspect-ratio:4/5}.feed-row h3{font-size:15px}.feed-row p{font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.context-panel{display:block}.context-panel ul{margin:17px 0}.brand-info{padding:19px}.brand-info h2{font-size:22px}.brand-info p:not(.section-kicker){font-size:12.5px}.footer-bottom{flex-direction:column;gap:3px}.report-cards{grid-template-columns:1fr}.report-cards .story-media{height:190px}.report-cards .story-body{padding:16px}.report-cards .story-card h3{font-size:19px}.subpage-hero h1{font-size:26px}.subpage-hero>p:last-child{font-size:14px}.article-header h1{font-size:27px}.article-deck{font-size:14px}.article-prose h2{font-size:21px}.article-prose p{font-size:15px}.sidebar-items{grid-template-columns:1fr}.article-end{flex-direction:column}.not-found{padding-top:65px;padding-bottom:90px}.not-found h1{font-size:26px}}
@media(max-width:370px){.feature-stack .story-card{grid-template-columns:100px 1fr}.feature-stack .story-card p{display:none}.feed-row{grid-template-columns:90px 1fr}.feed-row p{-webkit-line-clamp:2}.brand-word{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.site-topline,.site-nav,.menu-toggle,.site-footer,.article-sidebar,.intro-chips{display:none!important}body{color:#000;background:white}.container{width:100%}.article-grid{display:block}.article-page{padding-bottom:0}a{text-decoration:underline}.article-figure img{max-height:280px;object-fit:contain}}