/* 51吃瓜 — green editorial index. Responsive CSS, no framework. */
:root{--brand:#168C78;--mint:#BFE8D8;--ink:#203B39;--paper:#FAFBF7;--subtle:#EDF5EF;--body:#253330;--muted:#637570;--accent:#B95020;--line:#D8E6DF;--white:#fff;--round:9px;--content:1180px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-size:15px;line-height:1.76;color:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--brand)}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:3px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.36;letter-spacing:-.02em}h1{font-size:clamp(29px,3.2vw,43px);font-weight:770}h2{font-size:clamp(21px,2.2vw,27px);font-weight:760}h3{font-size:18px;font-weight:720}p{margin-bottom:1.1em}::selection{background:var(--mint);color:var(--ink)}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-shell>main{flex:1}.container,.header-inner,.footer-inner{width:min(calc(100% - 44px),var(--content));margin-inline:auto}.skip-link{position:absolute;top:-80px;left:15px;padding:10px 16px;background:var(--ink);color:#fff;z-index:99}.skip-link:focus{top:8px}.site-header{background:rgba(250,251,247,.97);border-bottom:1px solid var(--line);position:relative;z-index:10}.header-inner{min-height:82px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;flex:none}.brand img{width:44px;height:44px;object-fit:contain}.brand__name{font-size:24px;font-weight:830;letter-spacing:-1px;color:var(--brand);white-space:nowrap}.brand__name span{color:var(--ink)}.header-slogan{color:var(--muted);font-size:12px;letter-spacing:.06em;margin:0 auto 0 0;padding-left:20px;border-left:1px solid var(--line)}.primary-nav{display:flex;gap:27px;align-items:center}.primary-nav a{font-size:14px;white-space:nowrap;font-weight:620;padding:29px 0 27px;border-bottom:3px solid transparent}.primary-nav a[aria-current="page"]{border-color:var(--brand);color:var(--brand)}.primary-nav a:hover{border-color:var(--mint)}.notice-strip{background:var(--subtle);color:#3f645c;border-bottom:1px solid #dae9e2}.notice-strip>.container{display:flex;align-items:center;gap:12px;min-height:44px;font-size:12px}.notice-label{border-radius:3px;background:var(--brand);color:white;padding:1px 9px;font-weight:750;white-space:nowrap}.home-main{padding-bottom:65px}.home-intro{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:34px;padding:38px 0 34px;border-bottom:1px solid var(--line)}.intro-copy{align-self:center}.eyebrow,.overline{font-size:11px;font-weight:780;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin-bottom:12px}.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:6px;vertical-align:2px}.home-intro h1{margin-bottom:16px;max-width:720px}.lead{max-width:700px;font-size:16px;line-height:1.93;color:#48625c;margin-bottom:22px}.intro-links{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.intro-links a:first-child,.editorial-band a{display:inline-flex;justify-content:center;align-items:center;gap:13px;background:var(--brand);color:#fff;font-weight:730;font-size:13px;padding:11px 17px;border-radius:4px;transition:background .2s ease,transform .2s ease}.intro-links a:first-child:hover,.editorial-band a:hover{background:#0d685a;transform:translateY(-1px)}.intro-links a:nth-child(2){border-bottom:1px solid var(--line);font-weight:650;color:var(--ink);font-size:13px}.intro-side{background:linear-gradient(160deg,#eff7f0,#e6f2ea);border:1px solid #d9e9df;border-radius:8px;padding:20px 23px}.micro-title{display:block;font-size:11px;color:var(--brand);font-weight:790;letter-spacing:.1em;margin-bottom:9px}.fact-pair{padding:11px 0;border-top:1px solid rgba(26,113,90,.13);display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:start}.fact-pair strong{font-size:13px;color:var(--ink)}.fact-pair p{margin:0;font-size:12px;line-height:1.7;color:#56736a}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 20px}.section-heading h2{margin:0}.section-heading .overline{margin-bottom:7px}.section-more{font-size:13px;font-weight:700;color:var(--brand);white-space:nowrap;padding-bottom:3px}.lead-stories{margin-top:38px}.feature-grid{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,1fr);gap:20px}.story{min-width:0;position:relative;border-bottom:1px solid var(--line);padding:0 0 18px;display:flex;gap:16px}.story__image{display:block;flex:0 0 142px;aspect-ratio:1.52;overflow:hidden;background:var(--subtle);border-radius:5px}.story__image img{width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease)}.story:hover img{transform:scale(1.035)}.story__text{min-width:0}.story__meta{display:flex;gap:11px;align-items:center;color:var(--muted);font-size:11px;margin-bottom:8px}.topic{display:inline-block;color:var(--accent);font-size:11px;font-weight:740;letter-spacing:.03em}.story h3{margin:0 0 9px;font-size:17px}.story p{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.73;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story__link{font-size:12px;color:var(--brand);font-weight:720}.story--featured{display:block;overflow:hidden;border:1px solid var(--line);background:white;border-radius:7px;padding:0}.story--featured .story__image{width:100%;aspect-ratio:1.9;border-radius:0;display:block}.story--featured .story__text{padding:19px 20px 20px}.story--featured h3{font-size:23px}.story--featured p{-webkit-line-clamp:3;font-size:14px}.feature-rail{display:grid;grid-template-rows:repeat(3,1fr);gap:15px}.feature-rail .story{padding:0 0 14px;align-items:center}.feature-rail .story:last-child{border-bottom:none;padding-bottom:0}.feed-section{margin-top:45px}.feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feed-grid .story{display:block;background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden;padding-bottom:0}.feed-grid .story__image{width:100%;aspect-ratio:1.85;border-radius:0;display:block}.feed-grid .story__text{padding:17px}.feed-grid .story h3{min-height:2.7em}.editorial-band{margin:45px 0 0;border:1px solid #b3ddcc;background:var(--subtle);border-radius:7px;padding:25px 30px;display:flex;justify-content:space-between;gap:24px;align-items:center}.editorial-band h2{font-size:23px;margin-bottom:7px}.editorial-band p:not(.overline){margin:0;font-size:13px;color:var(--muted)}.editorial-band .overline{margin:0 0 8px}.editorial-band a{flex:none}.brand-info{margin:45px 0 0;padding:25px 0 0;border-top:1px solid var(--line)}.brand-info-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:35px;align-items:center}.brand-info p{font-size:14px;color:#526862;line-height:1.9}.brand-info strong{color:var(--ink)}.brand-info-link{background:white;border:1px solid var(--line);border-radius:6px;padding:19px;color:var(--brand);font-weight:730;font-size:13px}.site-footer{border-top:1px solid var(--line);background:#f0f6f0}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:12px 20px;padding-block:30px}.footer-inner strong{font-size:19px;color:var(--brand)}.footer-inner p{color:var(--muted);font-size:12px;margin:5px 0 0}.footer-links{display:flex;gap:19px;align-items:center;font-size:13px;color:var(--ink)}.footer-inner small{grid-column:1/-1;color:var(--muted);font-size:11px;border-top:1px solid var(--line);padding-top:15px}.page-container{padding-top:24px;padding-bottom:75px}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:11px;font-size:12px;color:var(--muted);margin:0 0 24px}.breadcrumbs a{color:#367f6e}.page-intro{max-width:830px;margin:0 0 32px}.page-intro h1{margin-bottom:14px}.page-intro>p:last-child{font-size:16px;color:#566a63;line-height:1.95}.report-highlight{background:#eaf4ec;border:1px solid #d0e6d8;border-radius:8px;display:grid;grid-template-columns:minmax(0,1fr) 38%;gap:23px;overflow:hidden;margin:15px 0 42px}.report-highlight>div{padding:30px 0 29px 30px;align-self:center}.report-highlight h2{font-size:24px;margin-bottom:12px}.report-highlight p:not(.overline){font-size:14px;color:#53675e;line-height:1.86}.report-highlight a{color:var(--brand);font-size:13px;font-weight:730}.report-highlight img{width:100%;height:100%;object-fit:cover}.reports-list{display:grid;grid-template-columns:1fr 1fr;gap:0 27px}.reports-list .story{padding:16px 0;align-items:center}.reports-list .story__image{flex-basis:154px}.reports-list .story h3{font-size:17px}.text-bridge{margin-top:35px;padding:25px 30px;border-left:4px solid var(--brand);background:#edf5ef}.text-bridge h2{font-size:23px}.text-bridge p{font-size:14px;color:#53675e}.text-bridge a{font-size:13px;color:var(--brand);font-weight:730}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(210px,1fr);gap:60px;padding-top:27px;padding-bottom:80px}.full-article__header{padding:0 0 25px;border-bottom:1px solid var(--line)}.full-article__header h1{margin:11px 0 15px;font-size:clamp(27px,3.2vw,38px)}.article-deck{font-size:17px;color:#50645e;line-height:1.9}.article-meta{font-size:12px;color:var(--muted);margin-bottom:0}.article-figure{margin:27px 0 30px}.article-figure img{width:100%;height:auto;aspect-ratio:1.7;object-fit:cover;border-radius:5px;background:#e9f0ea}.article-figure figcaption{font-size:11px;color:var(--muted);padding-top:9px}.opening-paragraph{font-size:17px;color:var(--ink);line-height:2.05;margin:20px 0 30px;font-weight:520}.article-part{margin-bottom:34px}.article-part h2{font-size:22px;padding-left:12px;border-left:3px solid var(--brand);margin-bottom:14px}.article-part p{font-size:16px;line-height:2.15;letter-spacing:.009em;color:#394a44}.article-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:38px;padding:20px 0;border-block:1px solid var(--line);font-size:13px;color:var(--brand);font-weight:700}.article-aside{align-self:start;position:sticky;top:25px;border-top:3px solid var(--brand);padding-top:17px}.article-aside h2{font-size:20px;margin-bottom:8px}.aside-item{padding:17px 0;border-bottom:1px solid var(--line);display:grid;gap:6px}.aside-item a{font-size:14px;font-weight:680;line-height:1.65}.aside-all{display:inline-block;color:var(--brand);font-size:13px;font-weight:720;margin-top:20px}

/* State, language and typography refinements */
:where(.story,.article-part,.brand-info,.editorial-band){overflow-wrap:anywhere}
:where(.story,.page-intro,.full-article){word-break:normal}
:where(.story h3,.article-part h2,.aside-item a){text-wrap:pretty}
:where(.home-intro h1,.page-intro h1,.full-article__header h1){text-wrap:balance}
:where(.story,.brand-info-link,.intro-links a,.section-more,.aside-item a,.primary-nav a){-webkit-tap-highlight-color:transparent}
:where(.story a,.brand-info a,.article-aside a,.footer-links a){transition:color .18s ease}
:where(.story a,.brand-info a,.article-aside a,.footer-links a):hover{text-decoration-color:currentColor}
:where(.story__image,.report-highlight img,.article-figure img){color:transparent}
section[id]{scroll-margin-top:25px}
@media(min-width:1500px){.home-main{padding-bottom:75px}.home-intro{padding-block:46px}.feature-grid{gap:25px}.feature-rail{gap:19px}}
@media(max-width:1080px){.header-slogan{display:none}.header-inner{justify-content:space-between}.article-layout{gap:32px}.home-intro{grid-template-columns:minmax(0,1fr) 270px}.story__image{flex-basis:110px}.feature-grid{grid-template-columns:1.05fr 1fr}.reports-list .story__image{flex-basis:112px}}
@media(max-width:850px){.container,.header-inner,.footer-inner{width:min(calc(100% - 34px),var(--content))}.home-intro{grid-template-columns:1fr;gap:20px}.intro-side{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 17px;padding:16px}.intro-side .micro-title{grid-column:1/-1}.fact-pair{grid-template-columns:1fr;gap:2px}.feature-grid{grid-template-columns:1fr}.feature-rail{grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:16px}.feature-rail .story{display:block;align-items:unset;padding:0 0 12px}.feature-rail .story__image{width:100%;aspect-ratio:1.6;margin-bottom:12px}.feature-rail .story:last-child{border-bottom:1px solid var(--line)}.feed-grid{gap:13px}.feed-grid .story__text{padding:12px}.feed-grid .story h3{font-size:16px}.reports-list .story__image{flex-basis:110px}.article-layout{grid-template-columns:1fr;gap:25px}.article-aside{position:static;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.article-aside h2,.aside-all{grid-column:1/-1}}
@media(max-width:620px){body{font-size:14px;line-height:1.8}.container,.header-inner,.footer-inner{width:calc(100% - 28px)}.header-inner{min-height:auto;display:grid;grid-template-columns:1fr;gap:0;padding-top:9px}.brand{justify-self:start}.brand img{width:38px;height:38px}.brand__name{font-size:22px}.primary-nav{justify-content:space-between;gap:13px;overflow:auto}.primary-nav a{padding:11px 0 12px;font-size:13px}.notice-strip>.container{align-items:start;padding-block:9px;line-height:1.5}.notice-strip span:last-child{padding-top:3px}.home-intro{padding:27px 0 25px}.home-intro h1{font-size:29px}.lead{font-size:14px;line-height:1.88}.intro-side{grid-template-columns:1fr;gap:0}.fact-pair{grid-template-columns:44px minmax(0,1fr);padding:8px 0}.section-heading{align-items:start}.section-heading h2{font-size:21px}.section-more{font-size:11px;align-self:end}.lead-stories{margin-top:27px}.feature-grid{gap:20px}.feature-rail{grid-template-columns:1fr;gap:10px}.feature-rail .story{display:grid;grid-template-columns:115px minmax(0,1fr);gap:12px;align-items:center}.feature-rail .story__image{width:100%;margin:0;aspect-ratio:1.3}.feature-rail .story h3{font-size:15px}.feature-rail .story__meta{margin-bottom:4px}.feature-rail .story p{margin-bottom:5px;font-size:12px}.feature-rail .story__link{display:none}.story--featured h3{font-size:20px}.feed-section{margin-top:32px}.feed-grid{grid-template-columns:1fr;gap:15px}.feed-grid .story{display:grid;grid-template-columns:110px minmax(0,1fr)}.feed-grid .story__image{height:100%;aspect-ratio:auto}.feed-grid .story__text{padding:12px}.feed-grid .story h3{min-height:0;font-size:15px}.feed-grid .story p{font-size:12px;margin-bottom:0}.feed-grid .story__link{display:none}.editorial-band{display:block;margin-top:34px;padding:21px}.editorial-band h2{font-size:21px}.editorial-band a{margin-top:14px}.brand-info{margin-top:34px}.brand-info-grid{grid-template-columns:1fr;gap:5px}.brand-info-link{padding:14px}.footer-inner{grid-template-columns:1fr}.footer-links{gap:15px;flex-wrap:wrap}.page-container{padding-top:17px;padding-bottom:45px}.page-intro h1{font-size:28px}.page-intro>p:last-child{font-size:14px}.report-highlight{display:flex;flex-direction:column-reverse;gap:0}.report-highlight img{height:185px}.report-highlight>div{padding:18px}.report-highlight h2{font-size:21px}.reports-list{grid-template-columns:1fr}.reports-list .story{gap:12px}.reports-list .story__image{flex-basis:112px}.reports-list .story h3{font-size:15px}.text-bridge{padding:20px}.article-layout{padding-top:19px;padding-bottom:55px}.full-article__header h1{font-size:28px}.article-deck{font-size:15px}.opening-paragraph{font-size:15px}.article-part h2{font-size:20px}.article-part p{font-size:15px}.article-bottom{font-size:12px}.article-aside{grid-template-columns:1fr}}
@media(max-width:380px){.container,.header-inner,.footer-inner{width:calc(100% - 22px)}.primary-nav a{font-size:12px}.brand-info p{overflow-wrap:anywhere}.notice-strip>.container{gap:7px}.feature-rail .story{grid-template-columns:94px minmax(0,1fr)}.feed-grid .story{grid-template-columns:95px minmax(0,1fr)}.feed-grid .story p{display:none}.reports-list .story__image{flex-basis:95px}.story h3{line-height:1.43}}
@media(hover:none){a{touch-action:manipulation}.intro-links a:first-child,.editorial-band a{min-height:44px}.brand-info-link{display:block;min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.story:hover img{transform:none}}
@media(prefers-contrast:more){:root{--muted:#3c514b;--line:#899f94;--brand:#08725f;--accent:#9c390f}a{text-decoration-thickness:2px}.story,.intro-side,.editorial-band{border-color:var(--line)}}
@media print{html{scroll-behavior:auto}body{background:white;color:black;font-size:11pt}.site-header,.site-footer,.notice-strip,.intro-links,.article-aside,.article-bottom,.section-more,.skip-link{display:none!important}.container,.article-layout{width:100%;display:block}.full-article{max-width:100%}a{color:black!important}a[href]::after{content:""}.article-figure img{max-height:260px;object-fit:contain}.article-part{break-inside:avoid}h2,h3{break-after:avoid}}
