/* ===== newspaper-tabloid · 小报头版 ===== */
:root{--news:#f4f1ea;--card:#fbf9f3;--ink:#161616;--sub:#444039;--dim:#8c877c;--rule:#161616;--hair:rgba(22,22,22,.2);--red:#cc1f2d;--serif:"Times New Roman",Georgia,"Songti SC",serif;--sans:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--mono:ui-monospace,Consolas,monospace;--maxw:840px;color-scheme:light;}
@media (prefers-color-scheme:dark){:root{--news:#15140f;--card:#1d1b15;--ink:#ece8da;--sub:#aaa492;--dim:#7a7466;--rule:#ece8da;--hair:rgba(236,232,218,.2);--red:#f0606a;color-scheme:dark;}}
*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{font-family:var(--serif);background:var(--news);color:var(--ink);line-height:1.55;min-height:100vh;}
a{color:inherit;text-decoration:none;}::selection{background:var(--red);color:var(--news);}
kbd{font-family:var(--mono);font-size:11px;border:1px solid var(--hair);padding:1px 5px;color:var(--ink);}
.sheet{max-width:var(--maxw);margin:0 auto;padding:0 clamp(14px,4vw,36px) calc(40px + env(safe-area-inset-bottom));}
.ear{display:flex;align-items:center;gap:14px;padding:calc(10px + env(safe-area-inset-top)) 0 9px;border-bottom:1px solid var(--ink);font-family:var(--sans);}
.ear-l{background:var(--red);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;padding:3px 9px;flex:none;}
.ear p{flex:1;font-size:12px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ear-r{font-family:var(--mono);font-size:12.5px;flex:none;}
.flag{text-align:center;padding:clamp(18px,4vw,34px) 0 12px;border-bottom:6px solid var(--red);}
.flag-name{display:block;font-family:var(--serif);font-weight:700;font-size:clamp(50px,17vw,150px);line-height:.9;letter-spacing:-.02em;text-transform:uppercase;word-break:break-word;}
.flag-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;font-family:var(--sans);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--sub);flex-wrap:wrap;}
.mode{font-family:var(--sans);font-size:11px;background:transparent;border:1px solid var(--rule);color:var(--ink);padding:5px 12px;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;transition:.18s;}
.mode:hover{background:var(--rule);color:var(--news);}
main{padding-top:clamp(26px,4vw,42px);}
.splash{text-align:center;}
.overline{font-family:var(--sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:14px;}
.splash h1{font-family:var(--serif);font-weight:700;font-size:clamp(48px,15vw,128px);line-height:.92;letter-spacing:-.03em;text-transform:uppercase;word-break:break-word;}
.deck{font-family:var(--serif);font-style:italic;font-size:clamp(17px,3.4vw,26px);color:var(--sub);margin:14px auto 0;max-width:680px;padding-bottom:18px;border-bottom:3px double var(--rule);}
.lede{text-align:justify;font-size:clamp(15px,2.8vw,18px);line-height:1.75;margin-top:20px;}
.dc{float:left;font-family:var(--serif);font-weight:700;font-size:4em;line-height:.78;padding:6px 12px 0 0;color:var(--red);}
.headline-box{margin:clamp(30px,5vw,50px) 0;border:4px solid var(--rule);}
.hb-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;background:var(--ink);color:var(--news);padding:9px 18px;font-family:var(--sans);font-size:12px;letter-spacing:.1em;text-transform:uppercase;}
.hb-live{display:inline-flex;align-items:center;gap:7px;}.hb-live i{width:7px;height:7px;border-radius:999px;background:var(--red);}
.hb-domain{font-family:var(--serif);font-weight:700;font-size:clamp(30px,8vw,64px);text-align:center;padding:24px 18px;word-break:break-all;border-bottom:1px solid var(--hair);}
.hb-act{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:18px;font-family:var(--sans);}
.press{font-family:var(--sans);font-size:14px;font-weight:700;padding:11px 24px;cursor:pointer;border:2px solid var(--rule);transition:.16s;text-transform:uppercase;letter-spacing:.04em;}
.press-fill{background:var(--red);color:#fff;border-color:var(--red);}.press-fill:hover{background:var(--rule);border-color:var(--rule);}
.press-line{background:transparent;color:var(--ink);}.press-line:hover{background:var(--rule);color:var(--news);}
.hb-save{font-family:var(--sans);font-size:12.5px;color:var(--sub);cursor:pointer;border-bottom:1px solid var(--red);}.hb-save:hover{color:var(--red);}
.section{padding:clamp(28px,5vw,46px) 0;border-top:1px solid var(--hair);}
.kh{font-family:var(--serif);font-weight:700;font-size:clamp(24px,6vw,40px);text-transform:uppercase;margin-bottom:22px;padding-bottom:10px;border-bottom:3px solid var(--rule);display:flex;align-items:baseline;gap:14px;}
.kh-no{font-family:var(--mono);font-size:.5em;color:var(--red);}
.classifieds{list-style:none;columns:2;column-gap:40px;}
@media (max-width:680px){.classifieds{columns:1;}}
.classified{break-inside:avoid;display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px dotted var(--hair);font-family:var(--sans);}
.cl-no{font-family:var(--mono);font-size:13px;color:var(--red);}.cl-host{flex:1;font-size:clamp(13.5px,3.2vw,15.5px);word-break:break-all;}
.cl-ok{font-size:11.5px;color:var(--dim);}
.cl-cp{font-family:var(--sans);font-size:11.5px;background:transparent;border:1px solid var(--hair);color:var(--ink);padding:5px 11px;cursor:pointer;transition:.16s;}
.cl-cp:hover{background:var(--rule);color:var(--news);border-color:var(--rule);}
.notice-cols{columns:2;column-gap:40px;}@media (max-width:680px){.notice-cols{columns:1;}}
.notice-cols p{break-inside:avoid;margin-bottom:14px;text-align:justify;font-size:15px;line-height:1.7;}
.boxed{margin-top:14px;font-family:var(--sans);font-size:13.5px;border:2px solid var(--rule);padding:12px 16px;background:var(--card);}.boxed strong{color:var(--red);}
.desk{border-top:2px solid var(--rule);}
.dr{display:flex;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--hair);font-family:var(--sans);cursor:pointer;transition:.16s;}
.dr:hover{padding-left:12px;}
.dr-k{width:130px;flex:none;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);}
.dr-v{flex:1;font-family:var(--serif);font-size:clamp(16px,3.6vw,21px);word-break:break-all;}
.dr-a{font-size:12.5px;color:var(--red);opacity:0;transition:.16s;}.dr:hover .dr-a{opacity:1;}
.imprint{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:22px 0 calc(8px + env(safe-area-inset-bottom));border-top:6px solid var(--red);font-family:var(--sans);}
.im-id{font-family:var(--serif);font-weight:700;font-size:16px;text-transform:uppercase;}
.imprint nav{display:flex;flex-wrap:wrap;gap:16px;}.imprint nav a{color:var(--sub);font-size:13px;transition:.16s;}.imprint nav a:hover{color:var(--red);}
.imprint small{color:var(--dim);font-size:12px;width:100%;}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,16px);z-index:50;opacity:0;pointer-events:none;font-family:var(--sans);font-size:14px;font-weight:700;background:var(--red);color:#fff;padding:12px 22px;transition:.26s cubic-bezier(.2,.8,.2,1);text-transform:uppercase;letter-spacing:.04em;}
.toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto;}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1);}.reveal.on{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important;}.reveal{opacity:1;transform:none;}}