/* 51吃瓜 | 青绿轻娱乐资讯索引 */
:root{--green:#168c78;--mint:#bfe8d8;--ink:#203b39;--paper:#fafbf7;--soft:#edf5ef;--body:#253330;--muted:#637570;--orange:#b95020;--stroke:#d9e5df;--white:#fff;--measure:1200px;--radius:7px;--ease:cubic-bezier(.22,.61,.36,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--body);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;font-size:15px;line-height:1.72;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{color:var(--ink);line-height:1.38;letter-spacing:-.025em}p{overflow-wrap:anywhere}a,button{transition:color .2s ease,background .2s ease,border-color .2s ease}::selection{background:var(--mint);color:var(--ink)}.wrap{width:min(calc(100% - 48px),var(--measure));margin-left:auto;margin-right:auto}.skip-link{position:absolute;left:12px;top:-80px;background:var(--ink);color:#fff;padding:12px;z-index:1000}.skip-link:focus{top:12px}.site-header{background:rgba(250,251,247,.97);border-bottom:1px solid var(--stroke);position:relative;z-index:10}.site-header.is-scrolled{box-shadow:0 3px 18px rgba(24,56,50,.055)}.topline{background:var(--ink);color:#d1e6de;font-size:12px}.topline-inner{height:33px;display:flex;justify-content:space-between;align-items:center;gap:15px}.header-main{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:88px}.brand-link{display:flex;align-items:center;gap:11px;min-width:175px}.brand-link img{width:48px;height:48px;object-fit:contain}.brand-text{display:flex;flex-direction:column;line-height:1.24}.brand-text strong{font-size:25px;font-weight:850;color:var(--ink);letter-spacing:-.07em}.brand-text small{font-size:11px;letter-spacing:.16em;color:var(--muted);margin-top:4px}.main-nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.main-nav a{display:inline-flex;align-items:center;border-radius:4px;padding:10px 14px;font-size:14px;font-weight:650;white-space:nowrap}.main-nav a:hover{background:var(--soft)}.main-nav a[aria-current="page"]{background:var(--green);color:white}.main-content{min-height:50vh;padding-bottom:72px}.home-intro{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:stretch;padding:35px 0 17px}.intro-accent{border-top:4px solid var(--green);padding:17px 2px 3px}.eyebrow{font-size:12px;letter-spacing:.08em;font-weight:800;color:var(--green)}.intro-accent h1{font-size:clamp(27px,3.4vw,39px);font-weight:840;margin:7px 0 11px}.intro-accent p{max-width:780px;color:#4d625a;font-size:16px;line-height:1.95}.intro-side{align-self:stretch;background:var(--soft);border-radius:var(--radius);border:1px solid var(--stroke);display:flex;flex-direction:column;justify-content:center;padding:23px 25px;gap:10px}.intro-side>span:first-child{font-size:12px;color:var(--orange);font-weight:800}.intro-side strong{font-size:19px;line-height:1.55;color:var(--ink)}.intro-side:hover{background:#e3f0e7}.intro-side .intro-arrow{color:var(--green);font-size:13px;font-weight:750}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:32px 0 17px;border-bottom:1px solid var(--stroke);padding-bottom:12px}.section-kicker{display:block;font-size:11px;letter-spacing:.18em;font-weight:850;color:var(--green);margin-bottom:4px}.section-title h2{font-size:24px;font-weight:830}.section-title>p{font-size:13px;color:var(--muted);text-align:right}.focus-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:25px}.focus-main{min-width:0}.story-card{display:flex;align-items:start;border-bottom:1px solid var(--stroke);padding:10px 0 13px;min-width:0}.story-card h3{font-size:18px;margin:5px 0 7px}.story-card p{font-size:13px;color:var(--muted);line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-card .text-link{margin-top:10px;display:inline-block}.story-category{display:inline-block;font-size:11px;color:var(--orange);font-weight:800;letter-spacing:.055em}.story-card--feature{display:block;border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden;background:var(--white);padding:0;height:100%}.story-picture{display:block;aspect-ratio:720/360;background:var(--soft);overflow:hidden}.story-picture img,.tile-picture img,.feature-image img,.report-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}.story-picture:hover img,.tile-picture:hover img,.feature-image:hover img,.report-thumb:hover img{transform:scale(1.035)}.story-card--feature .story-copy{padding:18px 22px 19px}.story-card--feature h3{font-size:23px}.story-card--feature p{-webkit-line-clamp:3;font-size:14px}.focus-side{display:grid;grid-template-rows:repeat(3,1fr)}.focus-side .story-card{padding:16px 0}.focus-side .story-card:first-child{padding-top:6px}.focus-side .story-card:last-child{border-bottom:0}.text-link{color:var(--green);font-weight:750;font-size:13px}.text-link:hover{color:var(--orange)}.editorial-section{margin-top:46px}.tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tile{min-width:0;border:1px solid var(--stroke);background:var(--white);border-radius:var(--radius);overflow:hidden}.tile-picture{display:block;aspect-ratio:560/340;background:var(--soft);overflow:hidden}.tile-body{padding:14px 15px 16px}.tile h3{font-size:16px;line-height:1.5;margin:5px 0 8px;min-height:72px}.tile p{font-size:12px;color:var(--muted);line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reports-band{background:var(--soft);border:1px solid var(--stroke);border-radius:var(--radius);padding:2px 25px 14px}.reports-band .section-title{margin-top:18px}.reports-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.compact-row{display:flex;gap:13px;min-width:0;position:relative}.compact-number{font-size:10px;color:var(--green);padding-top:6px}.compact-row h3{font-size:16px;margin:4px 0 8px}.compact-row p{font-size:12px;color:var(--muted);line-height:1.85}.row-arrow{flex:none;color:var(--green);font-weight:900;padding-top:8px}.feature-row{display:grid;grid-template-columns:45% 1fr;gap:26px;align-items:center;border-bottom:1px solid var(--stroke);padding-bottom:26px}.feature-image{display:block;aspect-ratio:680/360;overflow:hidden;border-radius:var(--radius);background:var(--soft)}.feature-desc{padding-right:20px}.feature-desc h3{font-size:24px;margin:7px 0 13px}.feature-desc p{color:var(--muted);margin-bottom:18px}.brand-info{margin-top:52px;border-top:3px solid var(--green);background:#f0f6f0;display:grid;grid-template-columns:1.3fr .8fr;gap:35px;padding:30px;border-radius:0 0 var(--radius) var(--radius)}.brand-info h2{font-size:23px;margin:4px 0 10px}.brand-info p{color:#526a61;line-height:1.9;font-size:14px}.brand-url{border-left:1px solid #c8dbd2;padding-left:29px;align-self:center}.brand-url>span{display:block;font-size:12px;color:var(--muted)}.brand-url strong{display:block;overflow-wrap:anywhere;font-size:20px;color:var(--green);margin:5px 0}.brand-url p{font-size:12px}.site-footer{background:var(--ink);color:#c6dbd3;padding:36px 0 18px}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:start}.footer-brand{display:inline-block;color:#fff;font-weight:850;font-size:23px;margin-bottom:7px}.footer-grid p{max-width:570px;font-size:13px;line-height:1.8}.footer-grid nav{display:flex;flex-wrap:wrap;gap:18px;font-size:13px}.footer-grid a:hover{color:var(--mint)}.footer-bottom{border-top:1px solid #4b625a;display:flex;justify-content:space-between;gap:20px;margin-top:29px;padding-top:17px;font-size:12px;color:#b7ccc4}.breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:25px 0 13px}.breadcrumb a:hover{color:var(--green)}.listing-head{background:var(--soft);border:1px solid var(--stroke);border-left:4px solid var(--green);border-radius:var(--radius);padding:28px 30px;display:flex;justify-content:space-between;align-items:center;gap:30px}.listing-head h1{font-size:clamp(25px,3vw,36px);margin:7px 0 12px}.listing-head p{max-width:770px;color:#51685e;line-height:1.9}.listing-mark{display:flex;gap:8px;flex:none}.listing-mark span{background:var(--white);border:1px solid #cfe0d7;color:var(--green);font-size:12px;font-weight:800;writing-mode:vertical-rl;letter-spacing:.25em;padding:15px 7px;border-radius:3px}.reports-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 28px}.report-item{display:grid;grid-template-columns:150px 1fr;gap:16px;border-bottom:1px solid var(--stroke);padding:13px 0 20px;min-width:0}.report-thumb{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--soft);border-radius:4px}.report-copy h3{font-size:17px;margin:3px 0 6px}.report-copy p{color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:7px}.bottom-feature{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:47px;border:1px solid var(--stroke);background:var(--white);padding:27px;border-radius:var(--radius)}.bottom-feature h2{font-size:20px;margin-bottom:8px}.bottom-feature p{max-width:680px;font-size:13px;color:var(--muted)}.plain-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid var(--green);border-radius:4px;padding:10px 16px;color:var(--green);font-weight:750;font-size:13px}.plain-button:hover{background:var(--green);color:white}.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:45px;align-items:start;margin-top:13px}.article-main{min-width:0}.article-heading{border-bottom:1px solid var(--stroke);padding:5px 0 20px}.article-heading h1{font-size:clamp(26px,3.4vw,39px);margin:9px 0 15px;line-height:1.42}.article-lede{font-size:17px;color:#52655d;line-height:1.9}.article-meta{display:flex;flex-wrap:wrap;gap:20px;margin-top:15px;color:#77867e;font-size:12px}.article-hero{margin:25px 0 24px}.article-hero img{width:100%;aspect-ratio:920/510;object-fit:cover;background:var(--soft);border-radius:var(--radius)}.article-hero figcaption{font-size:11px;color:var(--muted);text-align:center;margin-top:7px}.article-prose{font-size:16px;line-height:2.18;letter-spacing:.01em}.article-prose p{margin:0 0 24px}.article-prose p:first-child::first-letter{font-size:1.28em;color:var(--green);font-weight:800}.article-return{border-top:1px solid var(--stroke);margin-top:33px;padding-top:23px;display:flex;flex-wrap:wrap;gap:15px}.article-return a{border-radius:4px;background:var(--soft);color:var(--green);font-size:13px;font-weight:800;padding:9px 14px}.article-return a:hover{background:var(--mint)}.article-aside{position:sticky;top:18px}.aside-box{border-top:3px solid var(--green);background:var(--white);padding:17px;border-radius:0 0 5px 5px}.aside-box h2{font-size:19px;margin-bottom:7px}.aside-related{display:block;padding:13px 0;border-bottom:1px solid var(--stroke)}.aside-related:last-child{border-bottom:0}.aside-related span{display:block;font-size:11px;color:var(--orange);font-weight:800;margin-bottom:3px}.aside-related strong{display:block;font-size:14px;line-height:1.6}.aside-note{background:var(--soft);border:1px solid var(--stroke);padding:17px;margin-top:16px;border-radius:5px}.aside-note strong{color:var(--ink)}.aside-note p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:7px}.not-found{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:start}.not-found h1{font-size:clamp(30px,5vw,50px);margin:10px 0}.not-found p{color:var(--muted)}.nf-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.nf-actions a{color:#fff;background:var(--green);padding:10px 17px;border-radius:4px;font-weight:800}.nf-actions a+a{background:var(--ink)}
/* Tablet editorial grid: allow the primary news story to remain dominant. */
@media(max-width:1050px){.wrap{width:min(calc(100% - 34px),var(--measure))}.focus-layout{gap:17px}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile h3{min-height:0}.reports-rows{gap:15px}.report-item{grid-template-columns:120px 1fr}.article-shell{gap:22px;grid-template-columns:minmax(0,1fr) 240px}.main-nav a{padding:8px 10px}}
@media(max-width:800px){.home-intro{grid-template-columns:minmax(0,1fr)}.intro-side{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px 17px}.intro-side strong{font-size:15px}.focus-layout{grid-template-columns:1fr}.focus-main .story-picture{aspect-ratio:16/7}.focus-side{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.focus-side .story-card{padding:7px 0}.focus-side .story-card h3{font-size:15px}.reports-rows{grid-template-columns:1fr}.compact-row{padding-bottom:15px;border-bottom:1px solid var(--stroke)}.compact-row:last-child{border:0}.feature-row{grid-template-columns:1fr 1fr;gap:17px}.brand-info{grid-template-columns:1fr}.brand-url{border-left:0;border-top:1px solid #c8dbd2;padding-left:0;padding-top:16px}.reports-list{grid-template-columns:1fr}.report-item{grid-template-columns:160px 1fr}.article-shell{grid-template-columns:1fr}.article-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:15px}.aside-note{margin-top:0}}
@media(max-width:620px){html{scroll-padding-top:12px}.wrap{width:calc(100% - 28px)}.topline-inner{height:29px}.topline-inner span:last-child{display:none}.header-main{display:block;padding-top:13px;min-height:auto}.brand-link{width:max-content}.brand-link img{width:40px;height:40px}.brand-text strong{font-size:23px}.brand-text small{font-size:10px}.main-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:4px;margin:10px -14px 0;padding:0 14px 11px}.main-nav::-webkit-scrollbar{display:none}.main-nav a{padding:8px 11px;font-size:13px}.main-content{padding-bottom:45px}.home-intro{padding-top:21px;gap:16px}.intro-accent{padding-top:11px}.intro-accent h1{font-size:27px}.intro-accent p{font-size:14px}.intro-side{grid-template-columns:1fr;gap:4px}.section-title{align-items:start;gap:9px;margin:28px 0 13px}.section-title h2{font-size:20px}.section-title>p{display:none}.story-picture{aspect-ratio:16/9!important}.story-card--feature .story-copy{padding:14px 15px}.story-card--feature h3{font-size:20px}.focus-side{grid-template-columns:1fr;gap:0}.focus-side .story-card{border-bottom:1px solid var(--stroke);padding:13px 0}.focus-side .story-card h3{font-size:17px}.tile-grid{gap:11px}.tile-body{padding:11px}.tile h3{font-size:14px}.tile p{font-size:11px;-webkit-line-clamp:2}.tile-picture{aspect-ratio:4/3}.editorial-section{margin-top:30px}.reports-band{padding:2px 15px 7px}.reports-band .section-title{align-items:center}.reports-band .section-title .text-link{font-size:11px}.compact-row h3{font-size:16px}.feature-row{grid-template-columns:1fr}.feature-desc{padding:0}.feature-desc h3{font-size:21px}.brand-info{margin-top:30px;padding:18px;gap:15px}.brand-info h2{font-size:21px}.site-footer{padding-top:28px}.footer-grid{grid-template-columns:1fr;gap:17px}.footer-grid nav{gap:11px}.footer-bottom{display:block}.footer-bottom span{display:block}.listing-head{padding:20px;align-items:start}.listing-head h1{font-size:27px}.listing-head p{font-size:13px}.listing-mark{display:none}.report-item{grid-template-columns:105px 1fr;gap:12px}.report-copy h3{font-size:15px}.report-copy p{font-size:11px}.report-thumb{aspect-ratio:1}.bottom-feature{display:block;padding:20px}.bottom-feature .plain-button{margin-top:15px}.article-heading h1{font-size:27px}.article-lede{font-size:15px}.article-prose{font-size:15px;line-height:2.03}.article-aside{grid-template-columns:1fr}.article-hero{margin:18px 0}.aside-note{margin-top:0}}
@media(max-width:380px){.tile-grid{grid-template-columns:1fr}.tile{display:grid;grid-template-columns:115px 1fr}.tile-picture{height:100%;aspect-ratio:auto}.tile p{-webkit-line-clamp:2}.tile h3{font-size:14px}.report-item{grid-template-columns:90px 1fr}.report-thumb{aspect-ratio:1}.reports-band .section-title{display:block}.reports-band .text-link{display:block;margin-top:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.topline,.main-nav,.site-footer,.article-aside,.article-return,.intro-side{display:none!important}.wrap{width:100%}.site-header{border:0}.article-shell{display:block}.article-prose{font-size:12pt}.article-hero img{max-height:330px;object-fit:contain}}