/* 黑料网 / 深夜观察终端：全部布局以本项目专用信息流结构为准。 */
:root{color-scheme:dark;--bg:#121418;--base:#0a0b0d;--panel:#1e222a;--panel2:#1a1d24;--text:#e6e8ec;--muted:#8c93a0;--red:#ff3e3e;--line:#333842;--line2:#282c34;--max:1240px;--focus:#ff7676;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;text-underline-offset:3px}
a:hover{color:#ff6b6b}
button,input{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
::selection{background:#b83138;color:white}
.shell{width:min(var(--max),calc(100% - 48px));margin-left:auto;margin-right:auto}
.skip-link{position:absolute;left:14px;top:-80px;padding:10px 16px;background:#fff;color:#111;z-index:100}
.skip-link:focus{top:10px}
.topline{background:var(--base);color:#9ea4ad;border-bottom:1px solid #23262c;font-size:11px;letter-spacing:.08em}
.topline-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.topline b.live-mark{display:inline-block;width:6px;height:6px;margin-right:6px;background:var(--red);border-radius:50%;box-shadow:0 0 0 3px #ff3e3e20}
.site-header{position:relative;z-index:20;background:#0f1115;border-bottom:1px solid #31353d}
.header-inner{min-height:78px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;flex-shrink:0}
.brand img{width:42px;height:42px;object-fit:contain;background:#22262d;border:1px solid #353a43}
.brand span{display:flex;flex-direction:column;line-height:1.25}
.brand b{font-size:25px;font-weight:900;letter-spacing:.02em}
.brand small{color:#848b95;font-size:9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;margin-top:6px}
.primary-nav{display:flex;align-items:center;gap:4px;margin-left:25px}
.primary-nav a{font-size:14px;font-weight:700;color:#b8bdc6;padding:12px 15px;border:1px solid transparent;white-space:nowrap}
.primary-nav a:hover,.primary-nav a[aria-current="page"]{color:var(--text);background:#20242b;border-color:#363b45}
.primary-nav a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--red)}
.domain-chip{margin-left:auto;display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:11px;padding:8px 11px;border:1px solid #414752;background:var(--panel2);color:#cdd1d7}
.signal-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;background:var(--red);border-radius:50%;margin-right:5px}
.menu-toggle{display:none}
.kicker{display:block;color:var(--red);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.14em;font-weight:800;text-transform:uppercase}
.muted{color:var(--muted)}.small{font-size:12px}
.hero-board{padding-top:28px}
.section-flag{font-family:ui-monospace,Consolas,monospace;color:#afb5bf;font-size:11px;letter-spacing:.06em;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:17px}
.pill-hot{font-weight:800;color:#fff;background:#b2252d;padding:3px 7px;letter-spacing:.07em}
.hero-heading{font-size:clamp(30px,3.4vw,49px);font-weight:900;letter-spacing:-.045em;margin:28px 0 10px;line-height:1.2}
.hero-heading span{font-weight:650;color:#a8aeb8}
.hero-intro{max-width:780px;margin:0 0 29px;color:#a3aab5;font-size:14px;line-height:1.9}
.lead-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:16px;align-items:stretch}
.panel{background:var(--panel2);border:1px solid var(--line);min-width:0}
.panel-title{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line)}
.panel-title h2{font-size:20px;font-weight:850;letter-spacing:-.02em;margin:4px 0 0;line-height:1.35}
.panel-title>a{white-space:nowrap;font-weight:750;font-size:12px;color:#d5d8df}
.panel-title>a:hover{color:var(--red)}
.feed-list{padding:0 17px 8px}
.brief-row{display:grid;grid-template-columns:35px minmax(0,1fr) 20px;gap:7px;padding:21px 4px;border-bottom:1px solid var(--line2)}
.brief-row:last-child{border-bottom:0}
.row-index{color:#5a626e;font-weight:800;font-size:14px;font-family:ui-monospace,Consolas,monospace;padding-top:21px}
.eyebrow{font-size:10px;letter-spacing:.05em;color:#a4acb8;font-weight:800}
.eyebrow .split{padding:0 6px;color:#505763}
.brief-row h3{margin:5px 0 7px;line-height:1.45;font-size:17px;font-weight:800;letter-spacing:-.015em}
.brief-row p{font-size:12px;line-height:1.75;color:#9299a5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.row-arrow{padding-top:20px;color:#777f8d;font-size:19px}
.spotlight-panel{display:flex;flex-direction:column}
.spotlight-feature{padding:17px 18px 8px;position:relative}
.spotlight-feature>a:first-child{display:block;overflow:hidden;border:1px solid #343943;background:#242831;aspect-ratio:16/9}
.spotlight-feature img{width:100%;height:100%;object-fit:cover;filter:brightness(.75);transition:transform .25s}
.spotlight-feature>a:hover img{transform:scale(1.035)}
.red-label{display:inline-block;color:white;background:#bb3037;font-size:10px;font-weight:800;padding:3px 7px;margin-top:13px}
.spotlight-feature h3{font-size:20px;line-height:1.4;margin:8px 0 7px}
.spotlight-feature p{font-size:12px;line-height:1.85;color:#979da7;margin:0}
.rank-list{padding:11px 18px}
.rank-list a{display:grid;grid-template-columns:25px minmax(0,1fr) 14px;gap:8px;align-items:start;border-top:1px solid var(--line2);padding:10px 0;font-size:12px;font-weight:700}
.rank-no{color:#ff6060;font-family:ui-monospace,Consolas,monospace;font-weight:900}
.source-notice{margin:auto 18px 17px;padding:13px 14px;background:#24212a;border-left:2px solid #9d3a40}
.source-notice strong{font-size:12px}
.source-notice p{font-size:11px;color:#a3a5ae;margin:5px 0 0;line-height:1.75}
.body-sections{padding-top:52px;padding-bottom:80px}
.content-section{margin-bottom:52px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:19px;border-bottom:1px solid var(--line);padding-bottom:17px}
.section-heading h2{margin:5px 0 0;font-size:26px;letter-spacing:-.025em;line-height:1.35}
.section-heading>a{font-size:13px;color:#d5d7dd;white-space:nowrap}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.story-card{background:var(--panel2);border:1px solid var(--line);min-width:0;display:flex;flex-direction:column}
.story-media{display:block;position:relative;background:#272b33;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--line)}
.story-media img{width:100%;height:100%;object-fit:cover;filter:brightness(.78);transition:transform .2s}
.story-media:hover img{transform:scale(1.04)}
.media-label{position:absolute;left:12px;bottom:12px;background:#101216ec;border:1px solid #52575f;color:#fff;padding:4px 8px;font-size:10px;font-weight:800}
.story-content{display:flex;flex:1;flex-direction:column;padding:19px 17px}
.story-content h3{font-size:18px;line-height:1.45;font-weight:850;margin:0 0 10px}
.story-content p{font-size:12px;color:#9a9faa;line-height:1.85;margin:0 0 19px;flex:1}
.story-content .small{color:#ff6d73;font-weight:700}
.feature-stripe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:30px;align-items:center;background:linear-gradient(115deg,#242028,#191d24);border:1px solid #4c3037;padding:30px;margin-bottom:56px}
.feature-stripe h2{font-size:27px;line-height:1.35;margin:9px 0 14px}
.feature-stripe p{color:#b4b4bd;font-size:13px;line-height:2;max-width:530px;margin-bottom:23px}
.button{display:inline-flex;align-items:center;gap:12px;background:#f13b40;border:1px solid #ff696c;color:white;font-weight:800;font-size:13px;padding:11px 17px}
.button:hover{background:#ff565b;color:#fff}
.feature-image{display:block;aspect-ratio:16/9;position:relative;background:#29272e;overflow:hidden;border:1px solid #62535a}
.feature-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.73)}
.play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;width:58px;height:58px;background:var(--red);border:3px solid #f7cbce;align-items:center;justify-content:center;font-size:20px;color:white;border-radius:50%;pointer-events:none}
.image-caption{position:absolute;bottom:9px;right:10px;padding:3px 7px;background:#0f1015d9;font-size:10px;color:#ddd}
.topic-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.topic-tiles>a{display:block;background:#191c22;border:1px solid var(--line);padding:25px 21px;transition:background .2s,border-color .2s}
.topic-tiles>a:hover{background:#252931;border-color:#a74a53}
.topic-tiles span{font-family:ui-monospace,Consolas,monospace;color:#ff5b60;font-size:11px;font-weight:800;letter-spacing:.08em}
.topic-tiles h3{font-size:19px;margin:16px 0 7px}
.topic-tiles p{color:#9ca3af;font-size:12px;line-height:1.85;margin:0}
.site-footer{border-top:1px solid #353941;background:var(--base);padding:45px 0 32px}
.footer-grid{display:grid;grid-template-columns:1.35fr .6fr 1fr;gap:48px}
.footer-brand{font-size:23px;font-weight:900}
.footer-brand span{font-size:10px;color:#8f959e;font-family:ui-monospace,monospace;letter-spacing:.1em}
.site-footer p{font-size:12px;color:#929aa6;line-height:1.9;max-width:440px}
.site-footer h2{margin:6px 0 16px;font-size:14px}
.site-footer a{display:block;font-size:12px;margin:0 0 9px;color:#adb3bc}
.site-footer a:hover{color:var(--red)}
.site-footer strong{font-weight:700;color:#c5cad3;overflow-wrap:anywhere}
.copyright{margin-top:24px;font-size:11px!important;color:#747b87!important}
.page-main{padding:36px 0 78px;min-height:70vh}
.page-mast{padding:14px 0 29px;margin-bottom:27px;border-bottom:1px solid var(--line)}
.page-mast h1{font-size:clamp(31px,3.3vw,45px);margin:9px 0 15px;line-height:1.2;letter-spacing:-.03em}
.page-mast p{max-width:780px;font-size:14px;line-height:1.95;color:#a4abb7;margin:0}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:19px;align-items:start}
.daily-feed .brief-row{padding:23px 20px;grid-template-columns:35px minmax(0,1fr) 24px}
.daily-feed .brief-row h3{font-size:19px}
.daily-feed .brief-row p{font-size:13px;-webkit-line-clamp:3}
.aside-stack{display:grid;gap:15px}
.aside-panel{padding:22px}
.aside-panel h2{font-size:19px;margin:8px 0 17px}
.aside-panel>a{display:block;font-size:13px;padding:11px 0;border-top:1px solid var(--line);font-weight:700}
.check-list{padding-left:23px;margin:0}
.check-list li{padding:6px 0 6px 3px;font-size:13px;color:#aeb5bf;line-height:1.75}
.check-list li::marker{color:var(--red);font-family:monospace;font-weight:900}
.topic-block{margin:32px 0 60px;scroll-margin-top:60px}
.topic-block .section-heading{margin-bottom:23px}
.topic-block .story-grid{margin-bottom:14px}
.topic-note{border-left:2px solid #a03e43;background:#23232a;padding:13px 19px;color:#aeb4bd;font-size:13px;line-height:1.9;margin-top:22px}
.featured-article{display:grid;grid-template-columns:1fr 1.4fr;gap:25px;align-items:center;border:1px solid var(--line);background:var(--panel2);padding:20px}
.featured-article img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#282c33}
.featured-article h3{font-size:23px;margin:0 0 12px}
.featured-article p{font-size:13px;line-height:1.95;color:#aeb4c0;margin:0 0 20px}
.video-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;align-items:stretch}
.video-cover{background:#20242a;position:relative;aspect-ratio:16/9;border:1px solid var(--line);overflow:hidden;display:block}
.video-cover img{width:100%;height:100%;object-fit:cover;filter:brightness(.76)}
.cover-tag{position:absolute;bottom:14px;left:14px;color:#fff;font-size:11px;font-weight:800;background:#ae353d;padding:5px 9px}
.video-info{padding:31px 30px;display:flex;flex-direction:column;align-items:start;justify-content:center}
.video-info h2{margin:11px 0;font-size:27px;line-height:1.35}
.video-info p{color:#b2b6bf;font-size:13px;line-height:2;margin:0 0 25px}
.video-intro+.content-section{margin-top:50px}
.video-notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.video-notes article{border:1px solid var(--line);background:#1b1f26;padding:22px 19px;min-height:235px}
.note-no{color:#fa474e;font-family:ui-monospace,monospace;font-size:26px;font-weight:900;line-height:1}
.video-notes h3{font-size:17px;margin:24px 0 9px}
.video-notes p{font-size:12px;color:#a0a7b1;line-height:1.9;margin:0}
.cross-link{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 4px;font-size:13px}
.cross-link a{color:#ff7474;font-weight:800}
.crumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px;color:#9da5b0;margin-bottom:30px}
.crumb span{color:#676f7b}
.crumb span:last-child{color:#bdc3cd}
.article-page{padding:32px 0 85px}
.article-shell{display:grid;grid-template-columns:minmax(0,810px) minmax(240px,1fr);gap:35px;align-items:start}
.article-head{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:24px}
.article-head h1{font-size:clamp(29px,3.5vw,44px);line-height:1.3;letter-spacing:-.035em;margin:13px 0 19px}
.article-deck{color:#bec3cb;font-size:17px;line-height:1.9;margin:0 0 22px}
.article-meta{display:flex;gap:21px;flex-wrap:wrap;color:#818a98;font-size:11px;font-family:ui-monospace,monospace}
.article-picture{margin:0 0 32px}
.article-picture img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#292d34;border:1px solid var(--line)}
.article-picture figcaption{color:#79828d;font-size:11px;margin:8px 0}
.prose{font-size:16px;line-height:2.15;color:#c4c9d2}
.prose p{margin:0 0 22px}
.prose .lead-p{color:#e0e2e7;font-size:17px}
.prose h2{font-size:25px;line-height:1.4;color:#f2f2f5;margin:39px 0 20px;padding-left:13px;border-left:3px solid var(--red)}
.prose h3{font-size:18px;color:#e0e4eb;line-height:1.55;margin:29px 0 12px}
.prose section{border-bottom:1px solid #292e36;padding-bottom:3px}
.article-outro{display:flex;align-items:center;flex-wrap:wrap;gap:15px;border-top:1px solid var(--line);margin-top:34px;padding:22px 0;font-size:12px}
.article-outro span{color:#777e89;margin-right:6px}
.article-outro a{border:1px solid #4a4f5a;padding:7px 12px}
.article-sidebar{position:sticky;top:22px}
.side-related{display:flex!important;flex-direction:column;gap:4px}
.side-related small{color:#ee646a;font-size:10px}
.side-related strong{font-size:13px;line-height:1.7}
.sidebar-quote{border-left:3px solid #a63842;background:#241f27;margin-top:17px;padding:22px;color:#c0b2b6;font-size:14px;line-height:1.9}
.empty-state{min-height:58vh;padding-top:100px;padding-bottom:100px}
.empty-state h1{font-size:38px;line-height:1.3}
.empty-state p{color:#aab1bc;font-size:14px;margin:12px 0 27px}
.empty-state>a{display:inline-flex;margin-right:20px}
@media(max-width:1100px){.primary-nav{margin-left:0}.header-inner{gap:12px}.primary-nav a{padding:10px}.domain-chip{font-size:10px}.lead-grid{grid-template-columns:minmax(0,1.25fr) minmax(290px,1fr)}.footer-grid{gap:28px}.article-shell{grid-template-columns:minmax(0,1fr) 270px;gap:22px}}
@media(max-width:900px){.shell{width:min(var(--max),calc(100% - 34px))}.domain-chip{display:none}.header-inner{justify-content:space-between}.lead-grid{grid-template-columns:1fr}.spotlight-panel{display:grid;grid-template-columns:1fr 1fr;align-items:start}.spotlight-panel .panel-title{grid-column:1/-1}.spotlight-feature{grid-row:2/4}.rank-list{padding-top:15px}.source-notice{margin:4px 18px 17px}.article-layout{grid-template-columns:minmax(0,1fr) 250px}.video-notes{grid-template-columns:repeat(2,1fr)}.video-intro{grid-template-columns:1fr 1fr}.video-info{padding:20px}.video-info h2{font-size:22px}.article-shell{display:block}.article-sidebar{position:static;margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.sidebar-quote{margin:0}.story-grid{gap:11px}.story-content{padding:15px}.story-content h3{font-size:16px}}
@media(max-width:700px){.topline-inner span:last-child{display:none}.site-header{position:relative}.header-inner{min-height:69px;flex-wrap:wrap;gap:0}.brand b{font-size:21px}.brand small{font-size:8px}.brand img{height:38px;width:38px}.menu-toggle{display:block;margin-left:auto;background:#232730;border:1px solid #414651;padding:7px 10px;color:#e8e9ed;font-size:12px}.menu-toggle span{margin-left:7px}.primary-nav{display:none;width:100%;order:3;margin:0 0 12px;border:1px solid #363c45;background:#171a20;padding:7px;flex-wrap:wrap}.primary-nav.is-open{display:grid;grid-template-columns:1fr 1fr}.primary-nav a{padding:11px 9px}.section-flag{gap:8px;flex-wrap:wrap;line-height:1.5}.hero-board{padding-top:19px}.hero-heading{font-size:30px;margin:20px 0 11px}.hero-heading span{display:block;font-size:20px;margin-top:6px}.hero-intro{font-size:13px;margin-bottom:21px}.panel-title{padding:15px}.panel-title h2{font-size:18px}.brief-row{padding:18px 3px}.brief-row h3{font-size:16px}.spotlight-panel{display:block}.spotlight-feature{padding:15px}.rank-list{padding:8px 15px}.source-notice{margin:0 15px 15px}.body-sections{padding-top:38px;padding-bottom:45px}.content-section{margin-bottom:39px}.section-heading h2{font-size:22px}.section-heading{align-items:start}.section-heading>a{font-size:11px;padding-top:16px}.story-grid{grid-template-columns:1fr 1fr}.story-card:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.story-card:last-child:nth-child(odd) .story-media{height:100%}.feature-stripe{grid-template-columns:1fr;padding:21px;gap:17px;margin-bottom:40px}.feature-stripe h2{font-size:23px}.topic-tiles{grid-template-columns:1fr;gap:10px}.topic-tiles>a{padding:18px}.topic-tiles h3{margin:8px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-grid>div:first-child{grid-column:1/-1}.site-footer{padding:32px 0}.page-main{padding-top:20px}.page-mast h1{font-size:30px}.article-layout{display:block}.aside-stack{grid-template-columns:1fr 1fr;margin-top:17px}.daily-feed .brief-row{padding:18px 12px}.daily-feed .brief-row h3{font-size:16px}.featured-article{display:block}.featured-article img{margin-bottom:20px}.video-intro{display:block}.video-info{margin-top:15px;padding:21px}.video-notes{gap:10px}.article-page{padding-top:20px}.article-head h1{font-size:30px}.article-deck{font-size:15px}.article-sidebar{grid-template-columns:1fr}.article-picture{margin-bottom:24px}.prose{font-size:15px}.prose h2{font-size:21px}.prose .lead-p{font-size:16px}}
@media(max-width:480px){.shell{width:calc(100% - 26px)}.topline{font-size:10px}.section-flag .muted{display:none}.hero-heading{font-size:27px}.hero-heading span{font-size:18px}.lead-grid{gap:12px}.brief-row{grid-template-columns:26px minmax(0,1fr) 13px;gap:5px}.row-index{font-size:11px}.row-arrow{font-size:15px}.story-grid{grid-template-columns:1fr}.story-card:last-child:nth-child(odd){display:flex;grid-column:auto}.story-card:last-child:nth-child(odd) .story-media{height:auto}.section-heading h2{font-size:20px}.section-heading>a{max-width:90px;white-space:normal;text-align:right}.footer-grid{display:block}.footer-grid>div{margin-bottom:24px}.aside-stack{grid-template-columns:1fr}.video-notes{grid-template-columns:1fr}.video-notes article{min-height:auto}.cross-link{align-items:start;flex-direction:column}.article-meta{gap:7px;flex-direction:column}.article-head h1{font-size:26px}.article-outro{gap:9px}.article-outro span{width:100%}.daily-feed .brief-row{grid-template-columns:26px minmax(0,1fr) 14px}.page-mast h1{font-size:26px}.feature-stripe h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{body{background:#fff;color:#111}.site-header,.topline,.site-footer,.article-sidebar,.menu-toggle{display:none}.shell{width:100%}.panel,.story-card{border:1px solid #888;background:white}.prose,.prose p,.article-deck{color:#111}.article-shell{display:block}a{color:#111}}