/* 黑料网：夜间情报看板 / 响应式原生 CSS */
:root{color-scheme:dark;--base:#121418;--panel:#1e222a;--panel2:#1a1d24;--black:#0a0b0d;--text:#e6e8ec;--muted:#8c93a0;--hot:#ff3e3e;--line:#333944;--soft:#b8bdc8;--width:1360px;--gap:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--base);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.66;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a:hover{color:#ff6565}a:focus-visible,button:focus-visible{outline:2px solid var(--hot);outline-offset:4px}::selection{background:#a92020;color:#fff}.container{width:min(calc(100% - 52px),var(--width));margin-inline:auto}.skip-link{position:absolute;left:8px;top:-100px;background:#fff;color:#111;padding:8px 14px;z-index:500}.skip-link:focus{top:6px}.microbar{background:var(--black);border-bottom:1px solid #272b33;font-size:11px;font-weight:700;letter-spacing:.035em}.micro-inner{height:32px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#9ea5af}.micro-inner a{color:#b6bec9}.live-dot{display:inline-block;height:7px;width:7px;background:var(--hot);border-radius:50%;margin-right:8px;box-shadow:0 0 0 3px rgba(255,62,62,.13)}.site-header{position:relative;z-index:30;background:#111318;border-bottom:1px solid var(--line)}.header-inner{min-height:80px;display:flex;align-items:center;gap:36px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:40px;height:40px;object-fit:contain}.brand-text{font-weight:900;font-size:24px;letter-spacing:-.04em;line-height:1.1}.brand-text small{display:block;font:700 9px/1.5 ui-monospace,monospace;letter-spacing:.16em;color:var(--muted);margin-top:4px}.site-nav{display:flex;align-items:stretch;align-self:stretch;gap:4px;margin-left:18px}.site-nav a{display:flex;align-items:center;padding:0 21px;border-bottom:2px solid transparent;color:#b6bbc5;font-weight:700;font-size:14px;white-space:nowrap}.site-nav a:hover,.site-nav a.current{color:#fff;background:#1c1f26;border-color:var(--hot)}.access-chip{margin-left:auto;border:1px solid #424952;background:#1c2027;padding:8px 12px;color:#d9dde3;font-size:11px;letter-spacing:.04em;display:flex;align-items:center;gap:7px;white-space:nowrap}.chip-indicator{width:6px;height:6px;background:#46b989;display:inline-block}.page-intro{padding:37px 0 33px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;align-items:center}.page-intro .eyebrow,.eyebrow{color:var(--hot);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.page-intro h1{font-size:clamp(27px,3vw,43px);line-height:1.28;letter-spacing:-.035em;margin:10px 0 12px;font-weight:900}.page-intro p{margin:0;color:#aeb5c0;font-size:14px;max-width:750px}.title-divider{color:var(--hot);font-weight:300;margin:0 9px}.intro-stamp{border-left:1px solid var(--line);padding:0 0 0 40px;min-width:200px;display:flex;flex-direction:column;text-align:right}.intro-stamp>span{font:700 10px ui-monospace,monospace;letter-spacing:.14em;color:#7f8794}.intro-stamp strong{font:900 47px/1.25 ui-monospace,monospace;letter-spacing:-.08em}.intro-stamp strong span{color:var(--hot)}.intro-stamp small{font-size:11px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.76fr) minmax(290px,1fr);gap:20px;margin-top:24px}.feed-panel,.ranking-panel{border:1px solid var(--line);background:#191c22;min-width:0}.panel-top{padding:20px 21px 17px;min-height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-top h2{font-weight:900;font-size:19px;margin:4px 0 0;line-height:1.3}.panel-index{color:var(--hot);font:800 10px ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase}.small-more,.panel-caption{font-size:12px;color:#9ca4af;white-space:nowrap}.feed-row{display:grid;grid-template-columns:92px minmax(0,1fr) 18px;gap:16px;padding:20px 21px;border-bottom:1px solid #30353e;transition:background .2s}.feed-row:hover,.feed-row.is-focused{background:#22262f}.feed-status{display:flex;gap:8px;align-items:flex-start;padding-top:5px;color:#b7bec8;font:700 11px/1.5 ui-monospace,monospace;white-space:nowrap}.feed-dot{margin-top:5px;width:6px;height:6px;flex:0 0 auto;border:1px solid #ec6666;background:#b22d2d}.feed-main h3{margin:0 0 6px;font-size:15px;line-height:1.45;font-weight:850;letter-spacing:-.015em}.feed-main p{margin:0 0 11px;color:#a3abb7;font-size:12px;line-height:1.72;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-bottom{display:flex;gap:8px;color:#8e96a2;font-size:11px}.feed-arrow{color:var(--hot);font-size:18px;font-weight:600;align-self:start}.panel-bottom{padding:17px 21px;background:#1e222a}.panel-bottom a{display:flex;align-items:center;justify-content:space-between;color:#dce1e7;font-weight:700;font-size:12px}.panel-bottom a span{color:var(--hot);font-size:20px}.ranking-panel .panel-top{background:#20232a}.rank-card{position:relative;display:flex;gap:14px;padding:19px 19px 19px 23px;border-bottom:1px solid var(--line);transition:background .2s}.rank-card:hover{background:#252932}.rank-num{font:900 29px/1 ui-monospace,monospace;color:var(--hot);letter-spacing:-.07em;min-width:36px}.rank-card:nth-of-type(3) .rank-num,.rank-card:nth-of-type(4) .rank-num{color:#9ca2ad}.rank-detail{min-width:0}.rank-meta{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#9ca4af}.rank-detail h3{margin:6px 0 7px;font-size:15px;line-height:1.42;font-weight:850}.rank-detail p{margin:0;font-size:12px;color:#9199a6;line-height:1.7}.signal-box{margin:18px;padding:19px 17px;background:#2c2024;border:1px solid #553136}.signal-title{font-weight:850;font-size:13px;color:#ffd3d3}.signal-icon{font-size:18px;color:var(--hot);margin-right:6px}.signal-box p{font-size:12px;color:#c8afb3;line-height:1.8;margin:7px 0 0}.home-block{margin:45px 0 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:20px}.section-heading h2{font-size:23px;margin:3px 0 0;line-height:1.3;letter-spacing:-.02em}.section-heading>a,.topic-count{font-size:12px;color:#aeb4bf}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.story-card{background:var(--panel);border:1px solid var(--line);min-width:0;transition:transform .2s,border-color .2s}.story-card:hover{transform:translateY(-2px);border-color:#555f6c}.story-picture{position:relative;display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#282d37,#111319);overflow:hidden}.story-picture img{width:100%;height:100%;object-fit:cover;filter:brightness(.82)}.story-picture:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.43))}.picture-marker{position:absolute;z-index:2;bottom:11px;left:12px;font-size:10px;font-weight:900;background:var(--hot);color:white;padding:3px 8px}.story-body{padding:18px 18px 20px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:9px;color:#8d96a3;font-size:11px;margin-bottom:11px}.pill{color:#ffb1b1;font-size:10px;border:1px solid #6f3239;padding:2px 6px}.story-body h3{font-size:16px;line-height:1.55;margin:0 0 9px;font-weight:850}.story-body p{color:#a6aebb;font-size:12px;line-height:1.8;margin:0 0 17px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.inline-link{color:#e8b2b2;font-size:11px;font-weight:750}.video-highlight{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.video-highlight-lead{border:1px solid #61343b;padding:25px 19px;background:linear-gradient(155deg,#332027,#1f222a);display:flex;flex-direction:column}.video-highlight-lead h3{font-size:21px;line-height:1.42;margin:17px 0}.video-highlight-lead p{font-size:12px;color:#c2adb2;line-height:1.83}.action{background:var(--hot);border:1px solid var(--hot);display:inline-flex;align-items:center;gap:16px;padding:11px 15px;color:white;font-size:12px;font-weight:800}.action:hover{background:#e12e2e;color:white}.video-highlight-lead .action{margin-top:auto;width:max-content;max-width:100%}.video-highlight .story-body{padding:14px}.video-highlight .story-body h3{font-size:14px}.video-highlight .story-body p{font-size:11px}.topic-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.topic-strip>a{border:1px solid var(--line);padding:20px;background:#1b1e25;display:flex;flex-direction:column;position:relative;transition:background .2s}.topic-strip>a:before{content:"";height:2px;background:var(--hot);position:absolute;top:0;left:0;right:0;transform:scaleX(.12);transform-origin:left;transition:transform .2s}.topic-strip>a:hover{background:#242832}.topic-strip>a:hover:before{transform:scaleX(1)}.topic-strip span{font-size:10px;color:var(--hot);letter-spacing:.09em}.topic-strip strong{margin-top:8px;font-size:20px}.topic-strip small{margin-top:9px;color:#9ea7b4;font-size:12px}.site-footer{margin-top:70px;background:var(--black);border-top:1px solid #363a42;padding:40px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:60px}.footer-brand{font-size:23px;font-weight:900}.footer-brand span{color:#7f8690;font:700 10px ui-monospace,monospace}.footer-grid h2{font-size:13px;letter-spacing:.04em;margin:5px 0 15px}.footer-grid p{color:#969ea9;font-size:12px;line-height:1.9;max-width:430px}.footer-grid .smallprint{font-size:11px;color:#767e89}.footer-grid>div:nth-child(2)>a{display:block;font-size:12px;color:#aab1bd;padding:5px 0}.footer-grid strong{font-weight:800;color:#e4e6ea}.footer-bottom{margin-top:40px;border-top:1px solid #292e35;padding:16px 0;display:flex;justify-content:space-between;gap:16px;color:#777f8c;font-size:11px}.interior-page .page-intro{margin-bottom:27px}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:24px}.split-layout>section>.panel-top{padding-left:0;padding-right:0;background:transparent}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:20px}.article-grid .story-picture{aspect-ratio:16/8}.side-rail,.article-sidebar{display:flex;flex-direction:column;gap:17px}.rail-block{border:1px solid var(--line);background:var(--panel2);padding:22px}.section-label{font-size:10px;color:var(--hot);font-weight:850;letter-spacing:.12em}.rail-block h2{font-size:17px;line-height:1.5;margin:12px 0}.rail-block p{font-size:12px;color:#a2aab5;line-height:1.85}.number-list{padding-left:22px;color:#b5bdc7;font-size:12px;line-height:2.6}.number-list li::marker{color:var(--hot);font-weight:900}.rail-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:11px 0;font-size:12px;font-weight:750}.rail-link span{color:var(--hot)}.filter-tabs{display:flex;gap:9px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}.filter-tabs a{border:1px solid var(--line);padding:9px 17px;white-space:nowrap;background:#1a1d24;font-size:12px;font-weight:800;color:#abb3bd}.filter-tabs a[aria-current="page"],.filter-tabs a:hover{background:var(--hot);color:#fff;border-color:var(--hot)}.topic-section{margin-top:31px}.topic-note{display:flex;gap:15px;align-items:start;margin-top:30px;padding:17px 20px;background:#29232a;border-left:3px solid var(--hot)}.note-sign{font-weight:900;color:#ff8d8d}.topic-note p{margin:0;color:#c0b5bd;font-size:12px;line-height:1.85}.video-banner{padding:28px 32px;border:1px solid #522f35;background:linear-gradient(110deg,#332027,#1e222a 75%);position:relative;overflow:hidden}.video-banner:after{content:'▷';position:absolute;right:60px;top:0;font-size:180px;font-weight:300;line-height:1;color:#ffffff08;pointer-events:none}.video-banner-type{font:800 10px ui-monospace,monospace;letter-spacing:.2em;color:#ff8888}.video-banner h2{font-size:24px;max-width:700px;line-height:1.4;margin:13px 0}.video-banner p{font-size:12px;color:#d0bec2;max-width:620px}.video-guide{display:grid;grid-template-columns:1fr 1.7fr;gap:40px;margin-top:43px;border-top:1px solid var(--line);padding-top:30px}.video-guide h2{font-size:22px;line-height:1.4}.video-guide p{font-size:13px;color:#a8b0bd;line-height:1.85}.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.guide-steps>div{border:1px solid var(--line);padding:23px 16px;display:flex;flex-direction:column;gap:12px;background:var(--panel)}.guide-steps span{font:900 28px ui-monospace,monospace;color:var(--hot)}.guide-steps strong{font-size:14px}.guide-steps small{color:var(--muted);font-size:11px;line-height:1.7}.breadcrumbs{display:flex;gap:11px;align-items:center;font-size:11px;color:#9aa2ae;margin:26px 0}.breadcrumbs span:last-child{color:#d5dbe2}.article-layout{display:grid;grid-template-columns:minmax(0,790px) 300px;justify-content:center;gap:40px}.article-heading{padding:18px 0 25px;border-bottom:1px solid var(--line)}.article-heading h1{font-size:clamp(27px,3.4vw,42px);line-height:1.4;margin:16px 0 19px;letter-spacing:-.025em}.article-summary{font-size:16px;color:#bdc5cf;line-height:1.95}.article-byline{display:flex;gap:22px;color:#828c99;font-size:11px;margin-top:25px}.article-figure{margin:24px 0 26px}.article-figure img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#262b32}.article-figure figcaption{font-size:11px;color:#7e8794;margin-top:9px}.article-prose{font-size:16px;line-height:2;letter-spacing:.005em}.article-prose section{margin:28px 0 38px}.article-prose h2{font-size:21px;line-height:1.48;padding-left:15px;border-left:3px solid var(--hot);margin:0 0 18px}.article-prose p{color:#c5cbd3;margin:0 0 18px}.article-checklist{border:1px solid #4a3b40;background:#231e24;padding:25px 29px;margin:32px 0}.article-checklist h2{font-size:18px;margin:0 0 16px}.article-checklist ul{padding-left:21px;color:#c5cbd4;line-height:2.35;font-size:13px}.article-checklist li::marker{color:var(--hot)}.article-outro{border-top:1px solid var(--line);padding-top:20px;margin-top:36px}.article-outro strong{color:#ff9b9b}.article-outro p{font-size:13px;color:#aeb6c1;line-height:1.95}.article-sidebar{padding-top:15px}.related-item{display:block;border-top:1px solid var(--line);padding:17px 0}.related-item span{display:block;color:var(--hot);font-size:10px}.related-item strong{display:block;font-size:13px;line-height:1.6;margin:5px 0}.related-item small{color:#949eaa;font-size:10px}.error-page{padding-top:100px;padding-bottom:140px}.error-page h1{font-size:42px;margin:18px 0}.error-page p{color:#a3acba}.error-page .action{margin:10px 9px 0 0}.action-subtle{background:transparent;border-color:var(--line)}
/* 在窄屏上优先保存阅读宽度，避免将桌面端栏目压缩成不可用细条。 */
@media(max-width:1190px){.container{width:min(calc(100% - 40px),var(--width))}.header-inner{gap:15px}.site-nav{margin-left:0}.site-nav a{padding:0 13px}.access-chip{display:none}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr)}.video-highlight{grid-template-columns:repeat(3,minmax(0,1fr))}.video-highlight-lead{grid-column:1/-1;min-height:unset}.video-highlight-lead .action{margin-top:12px}.article-layout{gap:26px}}
@media(max-width:900px){.dashboard-grid,.split-layout,.article-layout,.video-guide{grid-template-columns:1fr}.ranking-panel{display:grid;grid-template-columns:1fr 1fr}.ranking-panel .panel-top{grid-column:1/-1}.ranking-panel .rank-card{border-right:1px solid var(--line)}.ranking-panel .signal-box{grid-column:1/-1}.side-rail{display:grid;grid-template-columns:1fr 1fr}.article-sidebar{display:grid;grid-template-columns:1fr 1fr;padding-top:0}.article-layout{max-width:760px;margin:auto}.site-header .header-inner{flex-wrap:wrap;padding-block:13px;gap:9px}.site-nav{order:3;width:100%;min-width:0;overflow:auto;align-self:initial;justify-content:space-between;border-top:1px solid #30343b}.site-nav a{min-height:43px;flex:1;justify-content:center;padding:0 9px}.feature-grid{gap:12px}.footer-grid{gap:25px}.intro-stamp{padding-left:22px}}
@media(max-width:650px){.container{width:calc(100% - 28px)}.header-inner{min-height:0}.brand-text{font-size:20px}.brand img{width:34px;height:34px}.site-nav a{font-size:12px}.micro-inner{font-size:10px}.page-intro{padding:28px 0 24px;align-items:stretch}.page-intro h1{font-size:27px}.page-intro p{font-size:13px}.intro-stamp{display:none}.dashboard-grid{margin-top:15px;gap:14px}.panel-top{padding:16px 13px;min-height:76px}.panel-top h2{font-size:16px}.feed-row{grid-template-columns:63px minmax(0,1fr);gap:9px;padding:16px 12px}.feed-status{font-size:10px;white-space:normal}.feed-main h3{font-size:14px}.feed-main p{font-size:11px}.feed-arrow{display:none}.panel-bottom{padding:13px}.ranking-panel{grid-template-columns:1fr}.ranking-panel .rank-card{border-right:0}.signal-box{margin:12px}.home-block{margin-top:33px}.section-heading h2{font-size:19px}.feature-grid,.article-grid,.video-highlight,.topic-strip{grid-template-columns:1fr}.story-card{display:grid;grid-template-columns:36% minmax(0,1fr)}.story-picture{height:100%;min-height:170px;aspect-ratio:auto}.story-body{padding:12px}.story-body h3{font-size:14px}.story-body p{font-size:11px;-webkit-line-clamp:2}.video-highlight-lead{grid-column:auto}.video-highlight .story-body{padding:12px}.topic-strip>a{padding:16px}.side-rail,.article-sidebar{grid-template-columns:1fr}.video-guide{gap:13px}.guide-steps{grid-template-columns:1fr}.guide-steps>div{padding:15px}.footer-grid{grid-template-columns:1fr;gap:14px}.footer-bottom{flex-direction:column;gap:4px;margin-top:20px}.article-heading h1{font-size:28px}.article-summary{font-size:14px}.article-prose{font-size:15px}.article-prose h2{font-size:19px}.article-checklist{padding:16px}.video-banner{padding:22px 16px}.video-banner h2{font-size:21px}}
@media(max-width:390px){.site-nav a{padding:0 4px;font-size:11px}.story-card{grid-template-columns:1fr}.story-picture{aspect-ratio:16/8;min-height:unset}.feed-row{grid-template-columns:57px minmax(0,1fr)}.filter-tabs a{padding:8px 11px}.small-more{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{body{background:white;color:black}.site-nav,.microbar,.access-chip,.site-footer,.side-rail,.article-sidebar{display:none}.container{width:100%}.article-layout{display:block}.article-prose p{color:#222}a{color:#222}.article-figure{max-width:620px}}