/* 51吃瓜 | Editorial layout stylesheet
   Mint-first editorial news index, balanced information density and readable type.
   The page works with no JavaScript and without third-party resources.
*/
:root {
  --primary:#168C78;
  --primary-hover:#0d705f;
  --mint:#BFE8D8;
  --forest:#203B39;
  --paper:#FAFBF7;
  --paper-soft:#EDF5EF;
  --ink:#253330;
  --muted:#637570;
  --accent:#B95020;
  --line:#dbe7de;
  --white:#fff;
  --radius:8px;
  --radius-sm:5px;
  --content:1180px;
  --shadow:0 5px 18px rgba(23,65,53,.055);
  --focus:0 0 0 3px #BFE8D8,0 0 0 5px #168C78;
}
*, *::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:100px; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; text-rendering:optimizeLegibility; overflow-wrap:break-word; }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--primary); }
a:focus-visible,button:focus-visible { outline:3px solid var(--primary); outline-offset:4px; }
button { font:inherit; cursor:pointer; }
img { display:block; max-width:100%; height:auto; }
figure { margin:0; }
h1,h2,h3,p,ol,ul { margin-top:0; }
h1,h2,h3 { color:var(--forest); letter-spacing:-.035em; line-height:1.3; }
p { line-height:1.85; }
::selection { background:var(--mint); color:var(--forest); }
.wrap { width:min(var(--content),calc(100% - 52px)); margin-inline:auto; }
.skip-link { position:fixed; z-index:1000; top:-80px; left:20px; background:var(--forest); color:white; padding:10px 16px; border-radius:0 0 8px 8px; }
.skip-link:focus { top:0; color:#fff; }
.topline { background:var(--forest); color:#d6e9e3; font-size:11px; letter-spacing:.14em; font-weight:650; }
.topline__inner { display:flex; min-height:31px; justify-content:space-between; align-items:center; gap:20px; }
.site-header { position:relative; z-index:20; background:rgba(250,251,247,.98); border-bottom:1px solid var(--line); }
.header-layout { height:86px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:inline-flex; flex-shrink:0; gap:12px; align-items:center; color:var(--forest); }
.brand img { width:46px; height:46px; object-fit:contain; }
.brand__wordmark { line-height:1.05; font-size:28px; letter-spacing:-.07em; font-weight:850; }
.brand__wordmark>span { color:var(--primary); }
.brand__wordmark small { display:block; margin-top:7px; letter-spacing:.12em; font-size:10px; font-weight:700; color:var(--muted); }
.nav { display:flex; gap:6px; align-items:center; }
.nav a { font-size:14px; font-weight:700; color:var(--forest); padding:12px 15px; border-radius:5px; white-space:nowrap; transition:color .18s,background .18s; }
.nav a:hover,.nav a[aria-current] { background:var(--paper-soft); color:var(--primary-hover); }
.nav-toggle { display:none; width:42px; height:42px; background:transparent; border:1px solid var(--line); border-radius:5px; align-items:center; justify-content:center; flex-direction:column; gap:5px; }
.nav-toggle span { display:block; width:19px; height:2px; background:var(--forest); border-radius:2px; transition:transform .2s; }
.nav-toggle[aria-expanded="true"] span:first-child { transform:translateY(7px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }
.nav-toggle[aria-expanded="true"] span:last-child { transform:translateY(-7px) rotate(-45deg); }
.mobile-nav[hidden] { display:none!important; }
.mobile-nav { display:none; }
.crumb { display:flex; gap:10px; align-items:center; padding-block:20px 0; font-size:12px; color:var(--muted); }
.crumb a:hover { color:var(--primary); }
.crumb span[aria-current] { max-width:min(600px,65vw); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.home-main { padding-block:31px 65px; }
.intro { display:grid; grid-template-columns:minmax(0,1fr) 285px; align-items:center; gap:44px; padding:28px 30px 32px; background:linear-gradient(105deg,#e7f4e9 0%,#edf7f0 50%,#f5f8ef 100%); border:1px solid #d3e7d9; border-radius:var(--radius); margin-bottom:33px; }
.pill { display:inline-flex; align-items:center; gap:9px; font-size:12px; font-weight:760; color:var(--primary-hover); padding:6px 11px; background:#d5eee0; border-radius:30px; letter-spacing:.03em; }
.live-dot,.eyebrow__dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--accent); }
.intro h1 { font-size:clamp(32px,4vw,48px); line-height:1.25; margin:15px 0 13px; font-weight:850; }
.intro h1 em { font-size:.64em; font-style:normal; font-weight:730; color:var(--primary-hover); margin-left:8px; white-space:nowrap; }
.intro__copy>p { max-width:690px; margin:0; font-size:15px; color:#48605a; line-height:1.9; }
.intro__aside { padding:18px 0 18px 25px; border-left:2px solid #a8d6c1; }
.intro__aside>span { display:block; color:var(--muted); font-size:12px; letter-spacing:.11em; font-weight:750; }
.intro__aside strong { display:block; font-size:18px; line-height:1.45; margin:12px 0; }
.intro__aside>a { color:var(--primary-hover); font-size:13px; font-weight:750; }
.home-grid { display:grid; grid-template-columns:minmax(0,1fr) 282px; align-items:start; gap:38px; }
.main-column { min-width:0; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:16px; padding-bottom:13px; border-bottom:2px solid var(--forest); margin-bottom:19px; }
.section-heading__index { display:block; color:var(--primary); font-size:10px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; margin-bottom:7px; }
.section-heading h2 { font-size:22px; font-weight:850; margin:0; }
.section-heading__aside { color:var(--muted); font-size:11px; white-space:nowrap; margin-bottom:4px; }
.feature-grid { display:grid; grid-template-columns:1.13fr 1fr; gap:23px; }
.news-item { min-width:0; }
.news-item__image { display:block; overflow:hidden; border-radius:6px; background:#dceae1; }
.news-item__image img { width:100%; height:100%; object-fit:cover; aspect-ratio:16/10; transition:transform .32s; }
.news-item__image:hover img { transform:scale(1.045); }
.news-item__body { min-width:0; }
.eyebrow { display:flex; align-items:center; gap:8px; color:var(--primary-hover); font-size:11px; font-weight:700; margin-top:12px; }
.eyebrow__dot { width:5px; height:5px; background:var(--primary); }
.eyebrow__separator { color:#c6d5cb; }
.news-item__title { margin:7px 0 8px; font-size:18px; line-height:1.42; font-weight:820; }
.news-item__title a { text-decoration-color:transparent; text-underline-offset:4px; }
.news-item__title a:hover { text-decoration:underline; text-decoration-color:var(--primary); }
.news-item__summary { margin:0; color:var(--muted); font-size:13px; line-height:1.85; }
.news-item__more { display:inline-block; margin-top:13px; font-size:12px; font-weight:790; color:var(--primary-hover); }
.news-item--featured .news-item__title { font-size:23px; line-height:1.42; }
.news-item--featured .news-item__summary { font-size:14px; }
.news-item--featured .news-item__image img { aspect-ratio:1.21; }
.feature-grid__side { display:grid; gap:20px; }
.feature-grid__side .news-item { display:grid; grid-template-columns:121px minmax(0,1fr); align-items:start; gap:14px; padding-bottom:20px; border-bottom:1px solid var(--line); }
.feature-grid__side .news-item:last-child { padding-bottom:0; border:0; }
.feature-grid__side .news-item__image img { aspect-ratio:1/1; }
.feature-grid__side .eyebrow { margin-top:0; }
.feature-grid__side .news-item__title { font-size:15px; margin:6px 0; }
.feature-grid__side .news-item__summary { font-size:12px; line-height:1.65; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.feature-grid__side .news-item__more { margin-top:6px; }
.editorial-stream { margin-top:43px; }
.stream-list { display:grid; gap:0; }
.stream-list .news-item { display:grid; grid-template-columns:185px minmax(0,1fr); gap:20px; padding:18px 0; border-bottom:1px solid var(--line); }
.stream-list .news-item:first-child { padding-top:2px; }
.stream-list .news-item:last-child { border-bottom:0; }
.stream-list .news-item__image img { aspect-ratio:16/11; }
.stream-list .eyebrow { margin-top:0; }
.stream-list .news-item__title { font-size:18px; margin:5px 0 6px; }
.stream-list .news-item__more { margin-top:8px; }
.sidebar { display:grid; gap:25px; }
.side-block { border-top:3px solid var(--primary); padding:20px 19px 21px; background:#fff; border-radius:0 0 var(--radius) var(--radius); box-shadow:var(--shadow); }
.side-kicker { font-size:10px; letter-spacing:.14em; color:var(--primary); font-weight:800; }
.side-block h2 { margin:3px 0 18px; font-size:19px; font-weight:850; }
.side-list { list-style:none; padding:0; margin:0; }
.side-list li { display:flex; gap:12px; padding:13px 0; border-top:1px solid #e9eee9; }
.side-list__n { color:var(--accent); font-weight:850; font-size:19px; line-height:1.35; font-variant-numeric:tabular-nums; }
.side-list a { font-size:13px; font-weight:750; line-height:1.6; }
.side-note { background:#dfeee5; border:1px solid #cbdfd1; border-radius:var(--radius); padding:24px 22px; }
.side-note>span { display:inline-block; text-transform:uppercase; font-size:11px; letter-spacing:.1em; font-weight:820; color:var(--primary-hover); }
.side-note h3 { font-size:19px; line-height:1.4; margin:11px 0; }
.side-note p { font-size:13px; color:#526760; margin:0 0 12px; }
.side-note a { color:var(--primary-hover); font-size:12px; font-weight:850; }
.side-block--links>a { display:flex; justify-content:space-between; padding:12px 0; border-top:1px solid #e9eee9; font-weight:700; font-size:13px; }
.side-block--links>a span { color:var(--primary); }
.reports-promo { margin-top:46px; display:flex; justify-content:space-between; gap:30px; align-items:center; padding:29px 34px; background:var(--forest); color:#e2f1ea; border-radius:var(--radius); }
.reports-promo h2 { color:white; font-size:25px; margin:0 0 9px; }
.reports-promo p { font-size:14px; color:#c7ddd5; max-width:700px; margin:0; }
.reports-promo>a { flex-shrink:0; background:var(--mint); border-radius:5px; padding:12px 20px; font-size:13px; font-weight:850; color:var(--forest); }
.reports-promo>a:hover { background:white; }
.brand-info { display:grid; grid-template-columns:.83fr 1.2fr; gap:50px; margin-top:45px; padding:34px 0; border-top:1px solid var(--line); }
.brand-info h2 { font-size:25px; margin:0 0 12px; }
.brand-info>div>p { font-size:14px; color:var(--muted); margin:0; }
.brand-info__facts { display:grid; gap:17px; }
.brand-info__facts>div { padding-bottom:12px; border-bottom:1px solid var(--line); }
.brand-info__facts strong { font-size:13px; color:var(--forest); }
.brand-info__facts p { margin:4px 0 0; font-size:13px; color:var(--muted); }
.brand-info__facts a { color:var(--primary-hover); overflow-wrap:anywhere; }
.footer { background:#1d3532; color:#d3dfdb; padding:40px 0 18px; }
.footer__grid { display:grid; grid-template-columns:1fr auto; align-items:start; gap:30px; }
.footer__name { font-size:22px; color:#fff; font-weight:870; }
.footer__name span { font-size:13px; color:#97c7b6; font-weight:580; }
.footer__grid p { color:#b6cbc4; max-width:440px; margin:8px 0 0; font-size:13px; }
.footer__links { display:flex; flex-wrap:wrap; gap:20px; padding-top:9px; }
.footer__links a { font-size:13px; color:#d3dfdb; }
.footer__links a:hover { color:white; text-decoration:underline; }
.footer__bottom { border-top:1px solid #3a5751; display:flex; justify-content:space-between; gap:12px; margin-top:33px; padding-top:15px; color:#9db8af; font-size:11px; }
.back-top { position:fixed; right:20px; bottom:24px; z-index:30; border:1px solid #addbc9; width:43px; height:43px; font-size:25px; background:var(--primary); color:white; border-radius:50%; box-shadow:0 3px 14px #294d3944; }
.back-top[hidden] { display:none; }
.inner-main { padding-top:34px; padding-bottom:85px; }
.inner-hero { border-bottom:1px solid var(--line); padding:23px 0 33px; margin-bottom:33px; max-width:980px; }
.inner-hero h1 { font-size:clamp(30px,4vw,43px); margin:18px 0 16px; }
.inner-hero p { color:var(--muted); font-size:15px; max-width:720px; margin:0; }
.reports-layout { display:grid; grid-template-columns:minmax(0,1fr) 260px; align-items:start; gap:42px; }
.reports-list>.news-item { display:grid; grid-template-columns:215px minmax(0,1fr); gap:21px; padding:18px 0; border-bottom:1px solid var(--line); }
.reports-list>.news-item__image { min-width:0; }
.reports-list>.news-item:first-of-type { padding-top:0; }
.reports-list .news-item__image img { aspect-ratio:16/11; }
.reports-list .eyebrow { margin-top:0; }
.reports-list .news-item__title { font-size:20px; }
.reports-aside { display:grid; gap:24px; }
.plain-links { padding-left:20px; margin:0; }
.plain-links li { margin-bottom:11px; font-size:13px; }
.detail-main { display:grid; grid-template-columns:minmax(0,790px) minmax(0,256px); gap:66px; padding-top:40px; padding-bottom:40px; justify-content:space-between; }
.detail__header h1 { margin:16px 0; font-size:clamp(30px,4vw,43px); line-height:1.27; }
.detail__standfirst { font-size:17px; line-height:1.9; color:#4d6860; margin-bottom:21px; }
.detail__meta { display:flex; gap:22px; color:#71837a; font-size:12px; border-bottom:1px solid var(--line); padding-bottom:18px; margin-bottom:23px; }
.detail__figure img { width:100%; aspect-ratio:16/9; border-radius:6px; object-fit:cover; background:var(--paper-soft); }
.detail__figure figcaption { text-align:center; color:#82928b; font-size:11px; margin-top:8px; }
.article-text { padding-top:24px; }
.article-text section { margin:0 0 33px; }
.article-text h2 { margin:0 0 15px; font-size:24px; position:relative; padding-left:15px; }
.article-text h2::before { content:""; position:absolute; top:6px; bottom:5px; width:4px; border-radius:4px; background:var(--primary); left:0; }
.article-text p { font-size:16px; line-height:2.1; color:#384b44; margin:0; }
.article-conclusion { background:var(--paper-soft); border-left:3px solid var(--primary); padding:20px 24px; margin-top:35px; border-radius:0 6px 6px 0; }
.article-conclusion strong { font-size:15px; color:var(--forest); }
.article-conclusion p { font-size:14px; margin:7px 0 0; }
.detail-sidebar { padding-top:12px; }
.toc { padding-left:18px; margin:0; color:var(--muted); }
.toc li { line-height:1.7; font-size:13px; margin-bottom:11px; }
.aside-return { display:block; margin-top:19px; background:var(--paper-soft); color:var(--primary-hover); border-radius:5px; padding:12px 15px; font-size:13px; font-weight:750; }
.related { padding-bottom:65px; }
.related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.related-grid .news-item__title { font-size:16px; }
.related-grid .news-item__summary { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.missing { text-align:center; min-height:56vh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:60px 0; }
.missing__code { font-size:85px; line-height:1; font-weight:900; letter-spacing:-.08em; color:var(--primary); }
.missing h1 { font-size:27px; margin:20px 0 5px; }
.missing p { color:var(--muted); font-size:14px; }
.missing__actions { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin-top:17px; }
.missing__actions a { background:var(--primary); padding:10px 17px; border-radius:5px; color:#fff; font-size:13px; font-weight:720; }
.missing__actions a+a { background:var(--paper-soft); color:var(--primary-hover); }
@media(min-width:1300px) { .home-grid{gap:48px;} .sidebar{gap:30px;} }
@media(max-width:1100px) { .wrap{width:min(var(--content),calc(100% - 42px));} .home-grid{grid-template-columns:minmax(0,1fr) 250px;gap:24px;} .nav a{padding:10px 9px;font-size:13px;} .feature-grid{gap:14px;} .feature-grid__side .news-item{grid-template-columns:95px minmax(0,1fr);gap:11px;} .feature-grid__side .news-item__summary{display:none;} .stream-list .news-item{grid-template-columns:160px minmax(0,1fr);} .reports-layout{gap:25px;} .detail-main{gap:30px;} }
@media(max-width:800px) {
  .topline{font-size:10px;} .topline__inner{min-height:27px;} .header-layout{height:72px;} .brand img{width:39px;height:39px;} .brand__wordmark{font-size:24px;} .nav{display:none;} .nav-toggle{display:flex;} .mobile-nav:not([hidden]){display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--paper);box-shadow:0 14px 25px #193a2e1a;border-bottom:2px solid var(--mint);padding:11px 25px 18px;} .mobile-nav a{padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:720;} .mobile-nav a:last-child{border-bottom:0;} .home-grid{display:block;} .sidebar{margin-top:33px;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;} .side-block:first-child{grid-column:1/-1;} .side-list{display:grid;grid-template-columns:repeat(2,1fr);column-gap:25px;} .intro{grid-template-columns:1fr;gap:15px;} .intro__aside{border-left:0;border-top:1px solid #aad5bd;padding:13px 0 0;display:flex;align-items:center;flex-wrap:wrap;column-gap:15px;} .intro__aside strong{margin:4px 0;font-size:15px;} .intro__aside>a{margin-left:auto;} .reports-layout{grid-template-columns:1fr;} .reports-aside{grid-template-columns:1fr 1fr;} .detail-main{grid-template-columns:1fr;} .detail-sidebar{display:none;} .related-grid{gap:15px;} }
@media(max-width:600px) {
  .wrap{width:calc(100% - 30px);} .topline__inner span:last-child{display:none;} .header-layout{height:65px;} .home-main{padding-top:18px;padding-bottom:45px;} .intro{margin-bottom:26px;padding:20px 18px 22px;} .intro h1{font-size:32px;} .intro h1 em{display:block;margin:6px 0 0;font-size:20px;} .intro__copy>p{font-size:13px;} .intro__aside{display:block;} .intro__aside>a{display:inline-block;} .section-heading{align-items:end;gap:8px;margin-bottom:14px;} .section-heading h2{font-size:20px;} .section-heading__aside{display:none;} .feature-grid{display:block;} .news-item--featured{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:17px;} .news-item--featured .news-item__image img{aspect-ratio:16/9;} .news-item--featured .news-item__title{font-size:22px;} .feature-grid__side{gap:14px;} .feature-grid__side .news-item{grid-template-columns:112px minmax(0,1fr);gap:14px;padding-bottom:14px;} .feature-grid__side .news-item__summary{display:-webkit-box;-webkit-line-clamp:2;} .feature-grid__side .news-item__more{display:none;} .editorial-stream{margin-top:32px;} .stream-list .news-item{grid-template-columns:112px minmax(0,1fr);gap:12px;padding:15px 0;} .stream-list .news-item__image img{aspect-ratio:1/1;} .stream-list .news-item__title{font-size:15px;} .stream-list .news-item__summary{font-size:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .stream-list .news-item__more{font-size:11px;margin-top:5px;} .sidebar{grid-template-columns:1fr;margin-top:26px;} .side-block:first-child{grid-column:auto;} .side-list{display:block;} .side-block{padding:17px;} .reports-promo{display:block;margin-top:34px;padding:25px 20px;} .reports-promo h2{font-size:23px;} .reports-promo>a{display:inline-block;margin-top:18px;} .brand-info{grid-template-columns:1fr;gap:20px;margin-top:29px;padding:24px 0;} .brand-info h2{font-size:22px;} .footer__grid{grid-template-columns:1fr;} .footer__links{padding:0;} .footer__bottom{margin-top:24px;} .inner-main{padding-top:15px;padding-bottom:48px;} .inner-hero{padding-bottom:22px;margin-bottom:20px;} .inner-hero h1{font-size:30px;} .inner-hero p{font-size:14px;} .reports-list>.news-item{grid-template-columns:115px minmax(0,1fr);gap:13px;padding:16px 0;} .reports-list .news-item__image img{aspect-ratio:1;} .reports-list .news-item__title{font-size:16px;} .reports-list .news-item__summary{font-size:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;} .reports-list .news-item__more{display:none;} .reports-aside{display:block;} .reports-aside>*+*{margin-top:17px;} .crumb{padding-top:12px;} .detail-main{padding-top:25px;} .detail__header h1{font-size:30px;} .detail__standfirst{font-size:15px;} .detail__figure img{aspect-ratio:16/10;} .article-text h2{font-size:21px;} .article-text p{font-size:15px;} .related-grid{grid-template-columns:1fr;} .related-grid .news-item{display:grid;grid-template-columns:124px minmax(0,1fr);gap:14px;border-bottom:1px solid var(--line);padding-bottom:15px;} .related-grid .news-item__image img{aspect-ratio:1;} .related-grid .news-item__summary{display:none;} .related-grid .news-item__more{margin-top:4px;} .missing__code{font-size:67px;} }
@media(max-width:375px) { .wrap{width:calc(100% - 24px);} .feature-grid__side .news-item{grid-template-columns:95px minmax(0,1fr);} .feature-grid__side .news-item__summary{display:none;} .stream-list .news-item{grid-template-columns:95px minmax(0,1fr);} .reports-list>.news-item{grid-template-columns:100px minmax(0,1fr);} .news-item__title{word-break:break-word;} }
@media(prefers-reduced-motion:reduce) { html{scroll-behavior:auto;} *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;} }
@media print { .topline,.site-header,.footer,.sidebar,.detail-sidebar,.back-top,.reports-promo,.related{display:none!important;} body{background:white;color:black;} .wrap{width:100%;max-width:none;} .detail-main{display:block;} a{color:inherit;} .detail__figure img{max-height:350px;object-fit:contain;} }