:root{--ink:#1b1a17;--paper:#f6f1e7;--rule:#1b1a17;--muted:#6b645a;--accent:#9b1c1c;--serif:"Noto Serif CJK SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;--sans:"Noto Sans CJK SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);line-height:1.7}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.top{display:flex;justify-content:space-between;gap:12px;font:13px var(--sans);color:var(--muted);padding:14px 0;border-bottom:1px solid var(--rule)}
.mast{text-align:center;padding:22px 0 10px;border-bottom:4px double var(--rule)}.mast a:hover{text-decoration:none}
.mast h1{font-size:64px;letter-spacing:.18em;margin:0;font-weight:900;line-height:1.1}
.mast .sub{font:italic 15px Georgia,serif;letter-spacing:.3em;color:var(--muted);margin-top:6px}
.dateline{display:flex;justify-content:space-between;align-items:center;gap:10px;font:14px var(--sans);padding:8px 0;border-bottom:1px solid var(--rule)}
.dateline nav a{margin-left:18px}.dateline .nav a{border:1px solid var(--ink);padding:2px 10px;margin:0 6px;border-radius:2px;white-space:nowrap}.dateline .nav a.off{opacity:.25;pointer-events:none}
.sample{margin-top:12px;font:13px var(--sans);color:var(--accent);border:1px dashed var(--accent);padding:6px 12px;text-align:center}
.hero{display:grid;grid-template-columns:2fr 1fr;gap:32px;padding:26px 0;border-bottom:1px solid var(--rule)}
.hero h2{font-size:40px;line-height:1.25;margin:0 0 12px;font-weight:900}.hero p{font-size:17px;margin:0;color:#333}
.hero .lbl{color:var(--accent);font:700 13px var(--sans);letter-spacing:.2em}
.hero aside{border-left:1px solid var(--rule);padding-left:24px;font-size:14px}.hero aside h4{margin:0 0 6px;font:700 13px var(--sans);letter-spacing:.2em}
.hero aside ol{margin:0;padding-left:18px}.hero aside li{margin-bottom:6px}
.sec{padding:26px 0 8px;border-bottom:3px solid var(--rule)}
.kicker{font:700 12px var(--sans);letter-spacing:.25em;color:var(--accent)}.kicker .no{background:var(--ink);color:var(--paper);padding:1px 8px;margin-right:10px;letter-spacing:.1em}
.sec h2{font-size:30px;margin:4px 0 14px;font-weight:900;border-bottom:1px solid var(--rule);padding-bottom:8px}.sec h2 small{font:13px var(--sans);color:var(--muted);margin-left:12px;font-weight:400}
.cols{column-count:3;column-gap:30px;column-rule:1px solid #cfc6b6}.cols.c1{column-count:1}.cols.c2{column-count:2}
.item{break-inside:avoid;margin-bottom:18px;padding-bottom:14px;border-bottom:1px dotted #b9ae9b;scroll-margin-top:12px}
.item:target{background:#fff6d6;outline:6px solid #fff6d6}
.item h3{font-size:18px;line-height:1.4;margin:0 0 6px;font-weight:700}.item.lead h3{font-size:22px}
.item p{margin:0 0 6px;font-size:15px;text-align:left;line-break:strict;overflow-wrap:break-word}
.item.lead p{font-size:1.08em;line-height:1.8;color:var(--ink,inherit)}
.meta{font:12px var(--sans);color:var(--muted)}.meta .src,.src{color:var(--accent);margin-left:6px}
.metric{font:700 12px Georgia,var(--serif);border:1px solid var(--ink);padding:0 5px;margin-right:6px;color:var(--ink);white-space:nowrap}
.unv,.hot{font:700 11px var(--sans);padding:1px 6px;margin-left:6px;vertical-align:middle;white-space:nowrap}
.unv{color:#fff;background:var(--accent)}.hot{color:var(--ink);border:1px solid var(--ink)}
.lower{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;padding:26px 0 40px}
.box{min-width:0}.box h4{font:700 13px var(--sans);letter-spacing:.25em;border-bottom:2px solid var(--ink);padding-bottom:4px;margin:0 0 10px}
.arch{list-style:none;margin:0 0 10px;padding:0}.arch li{border-bottom:1px dotted #b9ae9b;padding:7px 0;display:flex;gap:10px}.arch li a{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arch li i{color:var(--muted);font-style:normal;font-size:13px;white-space:nowrap}.arch li.cur b{color:var(--accent)}
.about{font-size:15px;margin:0 0 10px;text-align:justify}
.archive{padding:10px 0 40px}.month{font-size:26px;font-weight:900;margin:24px 0 6px;border-bottom:2px solid var(--ink);padding-bottom:4px}
.alist{list-style:none;margin:0;padding:0}.alist li{border-bottom:1px dotted #b9ae9b}.alist a{display:grid;grid-template-columns:70px 1fr auto;gap:16px;align-items:center;padding:12px 0}
.alist a:hover{text-decoration:none;background:#efe8da}.ad{text-align:center;font:12px var(--sans);color:var(--muted);line-height:1.2}.ad b{display:block;font:900 30px var(--serif);color:var(--ink)}
.at strong{display:block;font-size:19px;line-height:1.4}.at em{font:normal 12px var(--sans);color:var(--muted)}.ac{font:13px var(--sans);color:var(--accent);white-space:nowrap}
.nf{text-align:center;padding:60px 0 80px}.nf .big{font:900 120px/1 Georgia,var(--serif);color:var(--accent)}.nf h2{font-size:30px;margin:10px 0}
.empty{color:var(--muted);text-align:center;padding:30px 0}
footer{text-align:center;font:12px var(--sans);color:var(--muted);border-top:4px double var(--rule);padding:14px 0 30px}footer a{text-decoration:underline}
@media(max-width:900px){.cols,.cols.c2{column-count:2}.hero{grid-template-columns:minmax(0,1fr)}.hero aside{border:0;padding:12px 0 0;border-top:1px solid var(--rule)}.lower{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.wrap{padding:0 16px}.mast h1{font-size:40px;letter-spacing:.12em}.mast .sub{font-size:10px;letter-spacing:.12em}.cols,.cols.c2{column-count:1}.hero h2{font-size:27px}
.dateline{flex-direction:column;gap:6px}.dateline nav{display:flex;flex-wrap:wrap;justify-content:center}.dateline nav a{margin:0 9px}.top span{display:none}.item p,.about{text-align:left}.sec h2{font-size:23px}
.alist a{grid-template-columns:48px 1fr;gap:10px}.ac{display:none}.at strong{font-size:16px}.ad b{font-size:24px}}
@media print{.dateline nav,.lower,footer,.top{display:none}body{background:#fff}}