/* 51吃瓜 · 复古报刊阅读设计 */
:root{--background:#FAF8F1;--paper:#FFFEFA;--surface:#FFFFFF;--surface-soft:#F3F0E8;--vermillion:#B94731;--vermillion-dark:#943722;--vermillion-soft:#F8E6DD;--peacock:#155C67;--peacock-dark:#123B48;--peacock-soft:#E4F0EF;--ink:#222A2E;--ink-soft:#3C464B;--ink-light:#5E686C;--brass:#B18A45;--brass-soft:#F8F0DA;--sage:#658D73;--sage-soft:#EAF2E9;--lavender:#7C6B91;--lavender-soft:#F0ECF5;--sky:#729BAE;--sky-soft:#EAF2F6;--border:#DDD8CE;--divider:#E9E5DC}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--ink);font:16px/1.75 system-ui,-apple-system,"PingFang SC","Microsoft Yahei",sans-serif;overflow-wrap:anywhere}body.drawer-open{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--vermillion-dark)}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button{cursor:pointer}p{margin:.5em 0 1em;color:var(--ink-soft)}h1,h2,h3{line-height:1.35;letter-spacing:-.025em}h1{font-size:clamp(29px,3.2vw,44px)}h2{font-size:clamp(23px,2.5vw,28px)}h3{font-size:19px}img{max-width:100%;height:auto;display:block}.container{width:min(100% - 64px,1300px);margin-inline:auto}.skip-link{position:absolute;top:-100px;left:8px;background:white;padding:10px;z-index:99}.skip-link:focus{top:8px}.masthead{background:var(--paper);border-bottom:1px solid var(--border)}.mast-inner{display:flex;align-items:center;min-height:88px;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:31px;letter-spacing:-2px;font-weight:900;line-height:1}.brand .logo{max-width:135px;max-height:48px;object-fit:contain}.brand small{font-size:10px;letter-spacing:2px;display:block;margin-top:8px;color:var(--ink-light);font-weight:700}.red{color:var(--vermillion)}.mast-note{text-align:center;margin:auto;font-size:13px;color:var(--ink-light);line-height:1.55}.mast-note strong{color:var(--peacock)}.mast-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.mast-actions a,.menu-btn{border:1px solid var(--border);border-radius:5px;background:transparent;padding:7px 13px;font-size:14px}.menu-btn{color:var(--ink)}.mainnav{background:var(--peacock-dark);color:#fff}.mainnav-inner{display:flex;gap:4px;align-items:center;min-height:52px}.mainnav a{padding:10px 21px;color:#fff;font-size:14px;font-weight:700;white-space:nowrap}.mainnav a:hover,.mainnav a.selected{background:var(--peacock);color:white}.category-strip{border-bottom:1px solid var(--border);background:#f6f3ec}.category-inner{display:flex;gap:20px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.category-inner a{display:inline-block;padding:9px 0;font-size:13px}.category-inner a[aria-current=page]{color:var(--vermillion-dark);font-weight:800}.drawer{position:fixed;inset:0;z-index:50;background:#121c208c;visibility:hidden;opacity:0;transition:.2s}.drawer.open{visibility:visible;opacity:1}.drawer-panel{margin-left:auto;width:min(360px,88vw);height:100%;background:var(--paper);padding:22px;transform:translateX(100%);transition:transform .2s;overflow:auto}.drawer.open .drawer-panel{transform:translateX(0)}.drawer-top{display:flex;justify-content:space-between;align-items:center;font-size:21px;border-bottom:2px solid var(--ink);padding-bottom:15px}.drawer-top button{border:0;background:transparent;font-size:24px}.drawer-panel>a{display:block;border-bottom:1px solid var(--divider);padding:17px 5px;font-size:16px}.edition-bar{display:flex;justify-content:space-between;gap:10px;border-bottom:3px double var(--ink);padding:18px 0 10px;font-size:11px;letter-spacing:.15em;font-weight:700;color:var(--peacock)}.block-space{margin:48px 0 64px}.front-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:36px}.front-lead{min-width:0}.front-lead h1{font-family:Georgia,"Noto Serif SC","Songti SC",serif;margin:15px 0}.front-lead h1 em{color:var(--vermillion);font-style:normal}.front-lead>p{max-width:700px;font-size:18px}.kicker,.eyebrow{color:var(--vermillion-dark);font-size:11px;font-weight:850;letter-spacing:.16em}.kicker{margin-top:18px}.cover{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--surface-soft);display:flex;align-items:center;justify-content:center}.cover img{width:100%;height:100%;object-fit:contain}.cover-empty{background:linear-gradient(125deg,#e7e1d4,#f8f2e6 55%,#e7edea);padding:20px;text-align:center;color:var(--peacock-dark);font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(16px,2vw,25px);font-weight:700}.primary-link{display:inline-block;background:var(--vermillion-dark);color:white;padding:10px 19px;font-weight:700;border-radius:5px}.primary-link:hover{background:var(--peacock-dark);color:white}.front-side{border-top:3px solid var(--ink);border-bottom:1px solid var(--border);padding:16px 0}.section-label{display:flex;justify-content:space-between;gap:8px;color:var(--vermillion-dark);font-weight:800;border-bottom:1px solid var(--border);padding-bottom:8px}.section-label span{color:var(--ink-light);font-size:10px;letter-spacing:.15em}.side-link{display:block;padding:20px 0;border-bottom:1px solid var(--divider)}.side-link small{display:block;color:var(--peacock);font-weight:700}.side-link strong{display:block;font:700 20px/1.5 Georgia,"Noto Serif SC",serif;margin-top:5px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.section-heading h2{margin:3px 0 0;font-family:Georgia,"Noto Serif SC",serif}.section-heading>a{color:var(--peacock);font-size:13px;white-space:nowrap;font-weight:700}.board-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);background:var(--paper)}.board-tag{padding:18px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.board-tag:nth-child(4n){border-right:0}.board-tag:nth-child(n+5){border-bottom:0}.board-tag strong,.board-tag small{display:block}.board-tag strong{color:var(--ink);font-size:17px}.board-tag small{margin-top:5px;color:var(--ink-light);font-size:12px}.index-two{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,.85fr);gap:40px}.topic-item{padding:18px 0;border-bottom:1px solid var(--divider)}.topic-item h3{margin:4px 0 6px}.topic-item p{margin:4px 0 9px;font-size:14px}.topic-meta{font-size:12px;color:var(--peacock);font-weight:700}.inline-link{color:var(--peacock);font-weight:750;font-size:13px}.topic-item.compact{padding:13px 0}.topic-item.compact p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.paper-note{background:var(--brass-soft);border-top:4px solid var(--brass);padding:24px;align-self:start}.paper-note ol{padding-left:22px;line-height:2.2}.scrapbook{padding:34px;background:var(--surface-soft)}.clip-grid,.story-grid,.dossier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.clip{background:var(--paper);padding:17px;border:1px solid #e6e0d5;min-width:0;box-shadow:2px 4px 0 #dfdad0}.clip:nth-child(2){transform:rotate(.5deg)}.clip:nth-child(3){transform:rotate(-.6deg)}.clip-no{font-size:11px;color:var(--vermillion-dark);font-weight:700;letter-spacing:.1em;margin-bottom:10px}.clip h3{margin:15px 0 6px}.clip p,.story-grid p{font-size:14px}.compare{padding:30px 0;border-top:4px double var(--ink);border-bottom:4px double var(--ink)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-grid>div{padding:25px;background:var(--paper);border-left:4px solid var(--peacock)}.compare-grid>div:nth-child(2){border-left-color:var(--vermillion)}.compare-grid a{color:var(--peacock);font-size:13px;font-weight:700}.mini-label{font-size:12px;font-weight:800;color:var(--vermillion-dark)}.culture-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:0 36px}.culture-grid .full{grid-column:1/-1}.feature-story .cover{aspect-ratio:3/2}.feature-story h3{font-size:23px}.feature-list .topic-item:first-child{border-top:1px solid var(--border)}.story-grid article h3{margin:14px 0 0}.meme-band{background:var(--peacock-dark);color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;padding:38px}.meme-band h2,.meme-band p{color:white}.meme-band .eyebrow{color:#ffe6c8}.meme-band .inline-link{color:#cbe9ec}.meme-links{display:flex;flex-wrap:wrap;gap:10px;align-content:center}.meme-links a{border:1px solid #7cabad;padding:9px 14px;background:#1a5760;border-radius:4px;font-size:13px;color:white}.person-block .timeline{border-left:3px solid var(--vermillion);margin-left:20px}.timeline-row{display:flex;gap:25px;margin-bottom:22px;position:relative;padding-left:27px}.timeline-row:before{content:'';position:absolute;left:-8px;top:10px;width:13px;height:13px;border-radius:50%;background:var(--vermillion)}.timeline-row b{color:var(--vermillion-dark);font-size:20px}.timeline-row h3{margin:0}.timeline-row p{margin-top:4px}.verification{background:var(--peacock-soft);padding:32px}.dossier-card{padding:23px;background:var(--paper);border-top:5px solid var(--brass);min-height:200px}.dossier-card:nth-child(2){border-top-color:var(--peacock)}.dossier-card:nth-child(3){border-top-color:var(--sage)}.dossier-card small{letter-spacing:.12em;color:var(--ink-light)}.dossier-card h3{font-size:24px}.dossier-card span{font-size:13px;color:var(--peacock);font-weight:800}.last-index{border-top:3px solid var(--ink);display:flex;justify-content:space-between;gap:30px;padding-top:24px}.last-index>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;align-items:center}.last-index a{color:var(--peacock);font-weight:700}.page-hero{padding:45px 0 32px;border-bottom:3px double var(--ink);margin-bottom:34px}.page-hero h1{font-family:Georgia,"Noto Serif SC",serif;margin:6px 0 10px}.page-hero p{max-width:820px;font-size:18px}.boards-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:38px;margin-bottom:65px}.board-sidebar{align-self:start;background:var(--paper);border:1px solid var(--border);padding:20px}.board-sidebar h2{font-size:19px;margin:0 0 12px}.board-sidebar>a{display:flex;justify-content:space-between;gap:10px;padding:10px 9px;border-bottom:1px solid var(--divider);font-size:13px}.board-sidebar>a.chosen{background:var(--peacock-soft);color:var(--peacock-dark);font-weight:800}.board-sidebar span{font-variant-numeric:tabular-nums}.aside-note{margin-top:22px;color:var(--ink-light);font-size:12px}.filter-top{display:flex;justify-content:space-between;gap:18px;border-bottom:2px solid var(--ink);padding-bottom:15px}.filter-top h2{margin:4px 0}.filter-top p{margin:0}.filter-top>strong{white-space:nowrap;color:var(--vermillion-dark)}.filter-form,.search-form{display:flex;gap:12px;align-items:center;margin:24px 0;padding:16px;background:var(--surface-soft)}.filter-form label,.search-form label{font-weight:700;font-size:13px}.filter-form select,.search-form select,.search-form input{border:1px solid var(--border);background:white;min-width:0;padding:9px 10px;border-radius:4px;color:var(--ink)}.filter-form button,.search-form button{border:0;background:var(--peacock);color:#fff;border-radius:4px;padding:10px 19px;font-weight:700}.board-feed .topic-item{padding:20px 0}.pagination{display:flex;flex-wrap:wrap;gap:7px;margin:27px 0}.pagination a{min-width:40px;min-height:40px;border:1px solid var(--border);display:grid;place-items:center;background:var(--paper)}.pagination a.active{background:var(--peacock);color:white}.empty-result{padding:24px;background:var(--paper)}.breadcrumbs{padding:25px 0;font-size:13px;color:var(--ink-light)}.breadcrumbs a{color:var(--peacock)}.topic-layout{display:grid;grid-template-columns:minmax(0,800px) minmax(240px,1fr);gap:48px;margin-bottom:75px}.reading-file{min-width:0}.topic-header{border-top:4px solid var(--ink);padding-top:22px}.topic-header h1{font:700 clamp(29px,3.3vw,43px)/1.38 Georgia,"Noto Serif SC",serif}.topic-chips{display:flex;flex-wrap:wrap;gap:8px;margin:21px 0}.topic-chips span{background:var(--peacock-soft);color:var(--peacock-dark);font-size:12px;padding:4px 10px}.topic-chips span:nth-child(3){background:var(--vermillion-soft);color:var(--vermillion-dark)}.lead{font-size:18px;line-height:1.85;border-left:4px solid var(--brass);padding-left:17px}.reading-file>.cover{aspect-ratio:3/2;margin:30px 0}.reading-body{font-size:17px;line-height:1.85}.reading-body p{margin:0 0 25px}.source-notes,.discussion-panel{margin-top:34px;padding:22px;background:var(--surface-soft)}.source-notes h2,.discussion-panel h2{font-size:21px}.discussion-panel{background:var(--peacock-soft)}.discussion-panel li{margin-bottom:10px}.sticky-box{position:sticky;top:22px;border-top:3px solid var(--vermillion);padding:20px;background:var(--paper)}.sticky-box>a{display:block;padding:12px 0;border-bottom:1px solid var(--divider);font-size:14px}.sticky-box h2{font-size:21px}.sticky-box h3{font-size:17px}.sticky-box hr{border:0;border-top:1px solid var(--border);margin:20px 0}.dossier-hero{background:linear-gradient(90deg,var(--brass-soft),transparent);padding-left:25px}.dossier-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:70px}.catalog-item{background:var(--paper);border-top:4px solid var(--peacock);padding:30px}.catalog-item:nth-child(3n){border-top-color:var(--vermillion)}.catalog-item:nth-child(3n+2){border-top-color:var(--brass)}.catalog-item>small{letter-spacing:.15em;color:var(--ink-light)}.catalog-item h2{margin-bottom:3px}.catalog-sub{font-weight:700;color:var(--vermillion-dark)}.catalog-item p{font-size:15px}.dossier-detail{background:var(--peacock-soft);padding:35px}.dossier-intro{display:grid;grid-template-columns:1.65fr .8fr;gap:35px}.dossier-text{max-width:800px}.dossier-text h2{margin-top:0}.dossier-text p{font-size:17px;line-height:1.85}.dossier-relations{border-top:2px solid var(--ink)}.dossier-relations article{display:flex;align-items:start;gap:24px;border-bottom:1px solid var(--border);padding:25px 10px}.relation-number{font:700 28px Georgia,serif;color:var(--vermillion-dark)}.dossier-relations h3{margin:0}.dossier-relations p{margin:4px 0;color:var(--peacock);font-weight:700}.dossier-relations small{color:var(--ink-light)}.wire-hero{background:linear-gradient(110deg,var(--peacock-soft),transparent);padding-left:25px}.wire-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:44px;margin-bottom:70px}.wire-section{margin-bottom:45px}.wire-section h2{border-bottom:2px solid var(--ink);padding-bottom:8px}.wire-timeline{margin-left:14px;border-left:3px solid var(--peacock)}.wire-timeline>div{position:relative;padding:5px 0 20px 29px}.wire-timeline>div:before{content:'';position:absolute;left:-8px;top:12px;background:var(--vermillion);height:13px;width:13px;border:2px solid var(--background);border-radius:50%}.wire-timeline span{font-size:11px;color:var(--vermillion-dark);font-weight:800}.wire-timeline h3{margin:5px 0}.wire-timeline p{margin:2px 0}.status-list dt{font-weight:800;color:var(--peacock-dark);margin-top:12px}.status-list dd{margin:1px 0 14px;color:var(--ink-soft)}.aside-links{padding:18px 0;border-top:2px solid var(--ink);margin-top:28px}.aside-links a{display:block;padding:12px 0;border-bottom:1px solid var(--border);font-size:14px}.search-hero{background:linear-gradient(100deg,var(--surface-soft),transparent);padding-left:25px}.search-form{flex-wrap:wrap}.search-form input{flex:1;min-width:180px}.search-results{max-width:930px;margin:34px 0 75px}.search-hit{padding:18px 0;border-bottom:1px solid var(--border)}.search-hit h3{margin:5px 0}.search-results>h2 small{color:var(--vermillion-dark);font-size:15px}.about-hero{background:linear-gradient(90deg,var(--lavender-soft),transparent);padding-left:25px}.about-layout{display:grid;grid-template-columns:190px minmax(0,850px);gap:50px;margin-bottom:70px}.about-toc{display:flex;flex-direction:column;align-self:start;position:sticky;top:20px;border-top:3px solid var(--lavender)}.about-toc a{padding:9px 2px;border-bottom:1px solid var(--divider);font-size:14px}.about-copy section{padding-bottom:17px;border-bottom:1px solid var(--divider);scroll-margin-top:22px}.about-copy h2{margin-top:5px}.about-copy p{line-height:1.85}.notfound{text-align:center;padding:110px 20px 140px}.notfound h1{font-family:Georgia,"Noto Serif SC",serif}.site-footer{background:var(--peacock-dark);color:#fff;padding:38px 0 45px;margin-top:60px}.footer-inner{display:flex;justify-content:space-between;align-items:start;gap:40px}.footer-inner p{color:#d3dfdf;max-width:550px;font-size:13px}.footer-links{display:flex;flex-wrap:wrap;gap:20px}.footer-links a{font-size:13px;color:#d7e8e8}.mobile-bottom{display:none}
@media(max-width:1024px){.container{width:min(100% - 44px,1300px)}.front-grid{gap:22px}.mainnav a{padding:10px 14px}.culture-grid{gap:20px}.boards-layout{grid-template-columns:220px minmax(0,1fr);gap:24px}.topic-layout{gap:25px}}
@media(max-width:767px){.container{width:calc(100% - 34px)}.mast-inner{min-height:75px}.mast-note{display:none}.brand{font-size:27px}.mainnav{display:none}.category-inner{gap:18px}.category-inner a{font-size:12px}.edition-bar span:last-child{display:none}.block-space{margin:35px 0 50px}.front-grid,.index-two,.culture-grid,.meme-band,.boards-layout,.topic-layout,.dossier-intro,.wire-columns,.about-layout{grid-template-columns:1fr}.front-side{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.front-side>.section-label{grid-column:1/-1}.side-link strong{font-size:17px}.board-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.board-tag:nth-child(n){border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.board-tag:nth-child(2n){border-right:0}.board-tag:nth-child(n+7){border-bottom:0}.clip-grid,.story-grid,.dossier-grid{grid-template-columns:1fr 1fr}.clip-grid>.clip:last-child,.story-grid>article:last-child,.dossier-grid>.dossier-card:last-child{grid-column:1/-1}.compare-grid{grid-template-columns:1fr}.scrapbook,.verification{padding:20px}.meme-band{padding:25px}.meme-links{gap:8px}.last-index{flex-direction:column}.board-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:2px 7px}.board-sidebar h2,.board-sidebar .aside-note{grid-column:1/-1}.board-sidebar>a{font-size:12px}.board-sidebar>a span{display:none}.topic-layout{gap:20px}.reading-aside{order:2}.sticky-box{position:static}.dossier-catalog{grid-template-columns:1fr}.about-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:4px 14px}.about-toc a{padding:4px}.footer-inner{flex-direction:column;gap:15px}.site-footer{margin-bottom:62px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper);border-top:1px solid var(--border);position:fixed;bottom:0;left:0;right:0;z-index:30;padding:5px 0 max(5px,env(safe-area-inset-bottom))}.mobile-bottom a{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:20px;color:var(--peacock-dark);line-height:1.3;min-height:44px}.mobile-bottom small{font-size:11px}.search-form{display:grid;grid-template-columns:1fr}.search-form input,.search-form select{width:100%}}
@media(max-width:430px){.front-side{grid-template-columns:1fr}.board-ribbon{grid-template-columns:1fr 1fr}.clip-grid,.story-grid,.dossier-grid{grid-template-columns:1fr}.clip-grid>.clip:last-child,.story-grid>article:last-child,.dossier-grid>.dossier-card:last-child{grid-column:auto}.mast-actions{gap:5px}.mast-actions a,.menu-btn{padding:6px 8px;font-size:12px}.brand .logo{max-width:90px}.section-heading{align-items:start}.section-heading a{white-space:normal;text-align:right}.last-index>div:last-child{grid-template-columns:1fr}.page-hero{padding-top:30px}.dossier-detail{padding:25px}.filter-top{flex-direction:column}.board-sidebar{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.drawer,.drawer-panel{transition:none}}
