/* 黑料网 · 夜间高密度资讯界面 */
:root{--bg:#121418;--surface:#1e222a;--surface-alt:#1a1d24;--night:#0a0b0d;--line:#343944;--muted:#8c93a0;--text:#e6e8ec;--red:#ff3e3e;--red-dim:rgba(255,62,62,.12);--max:1260px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.65;font-size:15px}a{color:inherit;text-decoration:none}a:hover{color:#ff7777}button,input{font:inherit}img{display:block;max-width:100%;height:auto}p,h1,h2,h3,h4,figure{margin-top:0}p{color:#b8bec9}h1,h2,h3{line-height:1.32;letter-spacing:-.025em}h1{font-size:clamp(27px,3.5vw,41px)}h2{font-size:23px}h3{font-size:18px}strong{font-weight:750}::selection{background:#ff3e3e;color:#0a0b0d}:focus-visible{outline:2px solid #ff6a6a;outline-offset:4px}.container{max-width:var(--max);margin-inline:auto;padding-inline:20px}.skip-link{position:absolute;z-index:200;top:-100px;left:10px;padding:10px 18px;background:var(--red);color:white}.skip-link:focus{top:10px}.top-line{background:var(--night);color:#abb1bc;border-bottom:1px solid #262a30;min-height:31px;padding:4px max(20px,calc((100vw - var(--max))/2 + 20px));font-size:11px;letter-spacing:.045em;display:flex;align-items:center;gap:10px}.status-dot{width:7px;height:7px;background:#e84d52;border-radius:50%;box-shadow:0 0 0 3px #501f26}.top-domain{margin-left:auto;color:#8c93a0}.site-header{background:#0d0f12;border-bottom:1px solid var(--line);position:relative;z-index:5}.header-inner{min-height:79px;max-width:var(--max);margin:auto;padding:10px 20px;display:flex;align-items:center;gap:32px}.brand{display:flex;gap:12px;align-items:center;white-space:nowrap}.brand img{object-fit:contain;background:var(--surface);border:1px solid var(--line);width:43px;height:43px}.brand strong{display:block;color:#fafafa;line-height:1.2;font-size:23px;letter-spacing:.1em}.brand small{color:var(--muted);letter-spacing:.17em;font-size:9px}.main-nav{display:flex;align-items:stretch;gap:4px;flex:1;height:52px}.main-nav a{display:grid;place-items:center;padding:0 19px;font-weight:700;font-size:14px;border-bottom:2px solid transparent;white-space:nowrap}.main-nav a:hover,.main-nav a[aria-current=page]{background:#1e222a;border-color:var(--red);color:white}.header-entry{font-size:12px;border:1px solid #5f3137;color:#ffaaaa;background:#30191e;padding:10px 15px;white-space:nowrap}.header-entry span{color:var(--red)}main.container{min-height:55vh;padding-top:26px;padding-bottom:56px}.eyebrow,.label-code{font-size:11px;color:#ff6161;font-weight:750;letter-spacing:.17em;line-height:1.7}.label-code{color:#949daa}.dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:2px 0 22px}.dashboard-head h1{margin:5px 0 8px}.dashboard-head p{margin:0;color:#aab0bc}.head-marker{border:1px solid #4e2930;background:linear-gradient(125deg,#2c1d22,#17191e);padding:14px 20px;min-width:192px;display:flex;flex-direction:column;gap:2px;text-align:right}.head-marker span{font-size:10px;color:#ad9095;letter-spacing:.1em}.head-marker strong{color:#ff6868;font-size:18px}.head-marker small{color:#858a95;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(300px,.87fr);gap:16px;align-items:start}.panel{background:#1a1d24;border:1px solid var(--line);min-width:0}.panel-heading{padding:17px 19px;display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:20px;margin:4px 0 0}.panel-link{color:#b4bbc6;font-size:12px;white-space:nowrap}.signal{padding:16px 19px;display:grid;grid-template-columns:35px minmax(0,1fr) 15px;gap:11px;border-bottom:1px solid #343840}.signal:last-child{border-bottom:0}.signal:hover{background:#22262e}.signal-index{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;color:#727b88;padding-top:4px}.signal-category{color:#ff7777;font-size:11px;letter-spacing:.07em}.signal-category>span:last-child{color:#818b98}.status-icon{display:inline-block;background:#ff3e3e;width:5px;height:5px;margin-right:7px;vertical-align:middle}.signal h3{font-size:16px;margin:6px 0 5px}.signal p{font-size:12px;line-height:1.65;margin:0;color:#9098a5}.signal-arrow{color:#676f7b}.featured-topic{position:relative;overflow:hidden;margin:15px 15px 0;background:#14161b}.featured-topic img{aspect-ratio:16/9;object-fit:cover;filter:brightness(.8)}.featured-caption{padding:14px}.red-label{font-size:11px;font-weight:800;background:var(--red);padding:4px 7px;color:#fff;letter-spacing:.06em}.featured-caption h3{font-size:18px;margin:10px 0 6px}.featured-caption p{font-size:12px;margin:0}.rank-list{list-style:none;padding:4px 15px 14px;margin:0}.rank-list li{display:grid;grid-template-columns:24px 1fr 12px;gap:10px;align-items:start;padding:13px 2px;border-bottom:1px solid #353a44;font-size:13px;font-weight:650}.rank-list li:last-child{border:0}.rank-num{color:#ff5757;font:700 15px ui-monospace,monospace}.rank-mark{color:#818994}.content-section{margin-top:36px}.section-top{display:flex;justify-content:space-between;gap:12px;align-items:end;border-bottom:1px solid #3a3f48;padding-bottom:13px;margin-bottom:17px}.section-top h2{margin:4px 0 0;font-size:24px}.section-top>a{color:#b5bdc8;font-size:13px;white-space:nowrap}.trace-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.trace-card{background:#1b1e25;border:1px solid #363b45;border-top:2px solid #ff3e3e;padding:21px 20px}.trace-card .step{font:700 11px ui-monospace,monospace;color:#ff6b6b}.trace-card h3{margin:12px 0 9px;font-size:19px}.trace-card p{font-size:13px;min-height:63px}.trace-card a,.topic-footer a,.visual-lead a,.explain-box a{font-size:13px;color:#ff7777;font-weight:700}.clip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.clip-card{background:#1a1d24;border:1px solid #363b45;min-width:0}.clip-cover{position:relative;display:block;overflow:hidden;background:#090b0d}.clip-cover img{aspect-ratio:16/9;object-fit:cover;filter:brightness(.7);transition:transform .25s,filter .25s}.clip-cover:hover img{transform:scale(1.035);filter:brightness(.93)}.play-mark{position:absolute;left:14px;bottom:14px;background:#ff3e3e;color:white;font-size:21px;width:39px;height:39px;display:grid;place-items:center;border:1px solid #ff7a7a}.cover-note{position:absolute;top:11px;right:10px;font-size:10px;color:#eee;background:rgba(10,11,13,.84);padding:3px 7px}.clip-body{padding:17px}.mini-tag{font-size:11px;font-weight:750;color:#ff7979;letter-spacing:.07em}.clip-body h3{margin:8px 0;font-size:17px}.clip-body p{margin:0;font-size:12px}.section-note{font-size:12px;margin:12px 0 0;color:#8c93a0}.community-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:13px}.community-main{min-height:235px;background:linear-gradient(125deg,#302026,#181c23);border:1px solid #62343b;padding:27px}.community-main h3{font-size:24px;max-width:550px;margin:12px 0}.community-main p{max-width:570px;font-size:13px}.inline-link{color:#ff8181;font-weight:700;font-size:12px}.community-links{display:flex;flex-direction:column;gap:9px}.community-links a{padding:15px 20px;border:1px solid #393f48;background:#1e222a;display:flex;justify-content:space-between;gap:12px;align-items:center}.community-links strong{font-size:15px}.community-links span{color:#9da4af;font-size:12px}.site-footer{background:#0a0b0d;border-top:1px solid #373b43;color:#a0a7b2}.footer-grid{padding-top:36px;padding-bottom:26px;display:grid;grid-template-columns:1.5fr .7fr 1.1fr;gap:40px}.footer-brand{font-size:23px;letter-spacing:.1em;color:#f2f3f5;font-weight:800}.footer-brand span{font-size:10px;color:#8a919d;letter-spacing:.08em}.footer-grid p{font-size:12px;line-height:1.9}.footer-grid h2{font-size:14px;color:#e6e8ec;margin:8px 0 14px}.footer-grid a{display:block;font-size:12px;padding:3px 0}.fineprint{font-size:11px!important;color:#777f8c}.footer-bottom{border-top:1px solid #2b3037;padding-top:14px;padding-bottom:23px;display:flex;justify-content:space-between;font-size:11px;color:#7b8390}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#8c94a0;margin:2px 0 19px}.breadcrumbs a{color:#c8cdd7}.page-intro{padding:9px 0 26px;border-bottom:1px solid var(--line);margin-bottom:22px}.page-intro h1{margin:6px 0 13px}.page-intro p{max-width:850px;font-size:15px;margin:0}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 22px}.filter-row a{padding:8px 16px;background:#1e222a;border:1px solid #393e48;font-size:13px;color:#c7ced8}.filter-row a[aria-current=page]{background:#522629;color:#fff;border-color:#e94d4d}.article-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.story-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:15px;background:#1b1f26;border:1px solid #353b45;padding:13px;min-width:0}.story-image{display:block;min-width:0;background:#0b0c0e}.story-image img{width:100%;height:100%;min-height:135px;object-fit:cover;aspect-ratio:4/3;filter:brightness(.84)}.story-text{min-width:0}.item-meta{display:flex;gap:9px;align-items:center;font-size:10px;color:#8f97a5}.pill{color:#ff7777;border:1px solid #804049;padding:2px 6px}.story-text h3{font-size:16px;margin:9px 0}.story-text p{font-size:12px;line-height:1.7;margin:0 0 9px}.explain-box{border:1px solid #3a414c;background:#1b1f25;padding:25px;margin-top:26px}.explain-box h2{font-size:20px}.explain-box p{max-width:930px;font-size:14px}.topic-hero{display:grid;grid-template-columns:1fr 0.9fr;gap:30px;background:#1b1d24;border:1px solid #4d3036;align-items:center;padding:22px}.topic-hero>div{padding:15px}.topic-hero h2{font-size:clamp(24px,2.9vw,36px);margin:17px 0}.topic-hero p{font-size:14px;margin-bottom:22px}.topic-hero img{aspect-ratio:16/9;object-fit:cover;width:100%;filter:brightness(.75)}.button-red{display:inline-block;color:white!important;background:#d92735;padding:11px 18px;font-weight:700;font-size:13px}.button-plain{display:inline-block;margin-left:12px;border:1px solid #606876;padding:10px 17px;color:white}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.story-card--small{grid-template-columns:140px minmax(0,1fr)}.story-card--small .story-image img{min-height:117px}.story-card--small .story-text p{font-size:12px}.topic-footer{background:#1f222a;border-left:3px solid #ff3e3e;padding:23px;margin-top:24px}.topic-footer h2{font-size:21px}.topic-footer p{font-size:13px}.visual-lead{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;background:#211d23;border:1px solid #51383c;padding:21px}.visual-lead>div{padding:15px}.visual-lead h2{font-size:29px;margin:18px 0}.visual-lead img{aspect-ratio:16/9;object-fit:cover;filter:brightness(.83)}.reading-layout,.clip-detail{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.reading-main{min-width:0}.article-head{border-bottom:1px solid var(--line);padding:8px 0 21px}.article-head h1{margin:13px 0}.article-subtitle{font-size:17px;line-height:1.75;color:#bac2cf}.article-meta{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;color:#8c93a0}.article-figure,.clip-detail-cover{margin:22px 0 28px;background:#181b20}.article-figure img,.clip-detail-cover img{aspect-ratio:16/9;object-fit:cover;width:100%;filter:brightness(.9)}figcaption{color:#8c93a0;font-size:11px;padding:9px 0}.article-body{font-size:16px;line-height:2.05}.article-body section{margin:30px 0}.article-body h2,.clip-analysis h2{border-left:3px solid var(--red);padding-left:13px;font-size:22px;margin:0 0 15px}.article-body p,.clip-analysis p{color:#c2c8d1}.checklist{background:#20252d;border:1px solid #4c555e;padding:20px 27px;margin-top:31px}.checklist h2{font-size:21px}.checklist li{padding:7px 0;color:#cbd0d9}.checklist li::marker{color:#ff3e3e}.article-bottom{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:27px;padding-top:20px;color:#ff8b8b;font-weight:700;font-size:13px}.reading-aside{display:grid;gap:16px}.aside-box{border:1px solid #373d46;background:#1c2027;padding:17px}.aside-box h2{font-size:19px;margin:8px 0 10px}.related{display:flex;flex-direction:column;gap:4px;border-bottom:1px solid #383d46;padding:12px 0}.related:last-child{border:0}.related span{color:#ff7575;font-size:10px}.related strong{font-size:13px;font-weight:650}.aside-dark{background:#2c2025}.aside-dark p{font-size:12px}.aside-dark a{color:#ff8585;font-size:13px}.aside-box .story-card{display:block;padding:0;border:0}.aside-box .story-image img{aspect-ratio:16/9}.aside-box .story-text{padding:12px 0}.clip-detail h1{margin:10px 0}.clip-analysis{font-size:15px;line-height:2}.clip-analysis h2{margin-top:25px}.missing{text-align:center;padding:90px 15px}.missing h1{margin:12px}.missing p{margin-bottom:30px}.error-num{font:900 clamp(80px,14vw,155px) ui-monospace,monospace;color:#ff3e3e;letter-spacing:-.08em;line-height:1}
/* 状态、键盘浏览和超宽内容保护 */
:where(.story-card,.clip-card,.trace-card,.community-links a,.rank-list li){transition:background-color .2s,border-color .2s}:where(.story-card,.clip-card,.trace-card):hover{border-color:#6a4148}.story-card a:focus-visible,.clip-card a:focus-visible{outline-offset:3px}a[href^="http"]{overflow-wrap:anywhere}.reading-main,.reading-aside,.article-body,.topic-hero>div{overflow-wrap:break-word}.article-figure img{max-height:550px}.clip-detail-cover img{max-height:550px}
@media(max-width:1080px){.header-inner{gap:12px}.main-nav a{padding-inline:11px}.dashboard-grid{grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr)}.article-list{grid-template-columns:1fr}.story-card{grid-template-columns:220px 1fr}.topic-grid .story-card{grid-template-columns:130px 1fr}.reading-layout,.clip-detail{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:760px){.container{padding-inline:15px}main.container{padding-top:19px}.top-line{padding-inline:15px}.top-domain{display:none}.header-inner{padding:10px 15px;flex-wrap:wrap;gap:8px;min-height:auto}.brand img{width:38px;height:38px}.brand strong{font-size:20px}.header-entry{margin-left:auto;font-size:11px;padding:7px 9px}.main-nav{order:3;flex-basis:100%;width:100%;height:auto;overflow-x:auto;justify-content:space-between;gap:2px;border-top:1px solid #30353c;padding-top:7px}.main-nav a{padding:8px 7px;font-size:12px}.dashboard-head{align-items:start}.head-marker{display:none}.dashboard-grid,.community-grid,.reading-layout,.clip-detail{grid-template-columns:1fr}.chart-panel{order:2}.trace-columns{grid-template-columns:1fr}.trace-card p{min-height:0}.clip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-grid>div:first-child{grid-column:1/-1}.topic-hero,.visual-lead{grid-template-columns:1fr}.topic-hero>div,.visual-lead>div{padding:0}.reading-aside{grid-template-columns:1fr 1fr}.section-top h2{font-size:21px}.story-card{grid-template-columns:150px 1fr}}
@media(max-width:520px){body{font-size:14px}.container{padding-inline:12px}.top-line{padding-inline:12px;font-size:10px}.header-inner{padding-inline:12px}.dashboard-head h1{font-size:29px}.dashboard-head p{font-size:13px}.panel-heading{padding:13px}.panel-heading h2{font-size:18px}.signal{padding:15px 12px;grid-template-columns:25px minmax(0,1fr) 11px;gap:7px}.signal h3{font-size:15px}.signal p{font-size:12px}.section-top{align-items:start}.section-top>a{font-size:11px;white-space:normal;text-align:right;max-width:100px}.clip-grid,.topic-grid,.article-list{grid-template-columns:1fr}.story-card,.story-card--small,.topic-grid .story-card{grid-template-columns:120px minmax(0,1fr);gap:11px;padding:10px}.story-image img,.story-card--small .story-image img{min-height:120px;aspect-ratio:1/1}.story-text h3{font-size:14px;margin:5px 0}.story-text p{font-size:11px;margin-bottom:5px}.item-meta{font-size:9px}.inline-link{font-size:11px}.community-links a{align-items:start;flex-direction:column;gap:4px}.community-main{padding:19px}.community-main h3{font-size:21px}.reading-aside,.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{gap:8px;flex-wrap:wrap}.article-head h1{font-size:28px}.article-subtitle{font-size:15px}.article-body{font-size:15px}.article-body h2,.clip-analysis h2{font-size:19px}.page-intro h1{font-size:30px}.filter-row a{font-size:12px;padding:7px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}