/* 黑料网：暗夜情报看板 / 排版与组件体系 */
:root{color-scheme:dark;--bg:#121418;--panel:#1E222A;--black:#0A0B0D;--surface:#1A1D24;--text:#E6E8EC;--muted:#8C93A0;--red:#FF3E3E;--line:#30353d;--soft:#b4bbc7;--max:1240px;--radius:3px;--tracking:.085em}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:hover{color:#fff}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:4px}img{max-width:100%;height:auto;display:block;object-fit:cover}h1,h2,h3,p,ol,ul{margin-top:0}h1,h2,h3{line-height:1.37;letter-spacing:-.025em}h1{font-size:clamp(27px,3.25vw,43px);font-weight:820}h2{font-size:clamp(18px,1.95vw,25px);font-weight:790}h3{font-size:17px;font-weight:760}p{color:var(--soft)}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:12px;background:var(--red);color:#fff;padding:9px 16px;z-index:999}.skip-link:focus{top:12px}.eyebrow,.panel-id,.section-kicker,.panel-head>a,.meta,.feature-seq,.strip-index,.banner-number,.stream-index,.topline,.tag,.rank-badge,.media-stamp{font-family:ui-monospace,SFMono-Regular,Consolas,Monaco,monospace;letter-spacing:.045em}.eyebrow{font-size:12px;color:var(--red);letter-spacing:.13em;font-weight:700}.panel-id{display:block;color:var(--red);font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:6px}.meta{font-size:11px;color:var(--muted)}.text-link,.inline-forward{color:var(--red);font-weight:700;font-size:13px}.text-link:hover,.inline-forward:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;background:var(--red);border:1px solid var(--red);color:white!important;font-weight:750;line-height:1.4;font-size:13px;border-radius:2px;transition:background .18s,color .18s}.button:hover{background:#d72b32}.topline{background:var(--black);border-bottom:1px solid #252830;font-size:11px;color:var(--muted)}.topline-inner{display:flex;align-items:center;justify-content:space-between;min-height:32px}.topline a{color:#adb3be}.topline a:hover{color:#fff}.signal,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:6px;vertical-align:middle;box-shadow:0 0 0 3px rgba(255,62,62,.11)}.site-header{background:#0e1014;border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}.wordmark{display:flex;align-items:center;gap:11px;flex-shrink:0}.wordmark img{width:42px;height:42px;background:#252831;border:1px solid #333841}.wordmark-copy{display:flex;flex-direction:column;line-height:1.35}.wordmark strong{font-size:23px;font-weight:900;letter-spacing:.035em;color:#fff}.wordmark small{font-size:10px;color:var(--muted);letter-spacing:.06em}.main-nav{display:flex;align-items:center;gap:4px}.main-nav a{font-size:13px;font-weight:750;padding:11px 18px;color:#adb4be;border:1px solid transparent;transition:.17s}.main-nav a:hover{color:#fff;background:var(--surface)}.main-nav a[aria-current]{color:#fff;border-bottom-color:var(--red);background:var(--surface)}.nav-toggle{display:none;border:1px solid var(--line);width:43px;height:39px;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:var(--panel);border-radius:2px;cursor:pointer}.nav-toggle span{width:18px;height:2px;background:#fff;display:block}.home-main{padding-top:23px;padding-bottom:90px}.section-kicker{display:flex;align-items:center;gap:10px;font-size:11px;color:#9da4b0;font-weight:700}.kicker-rule{height:1px;background:var(--line);flex:1;min-width:10px}.home-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;padding:29px 0 30px}.home-intro h1{margin:4px 0 12px;font-size:clamp(30px,3.45vw,46px)}.home-intro h1::first-letter{color:#fff}.title-mark{color:var(--red);font-weight:400}.home-intro p:not(.eyebrow){font-size:13px;max-width:640px;margin:0;color:#9ba3af}.intro-aside{min-width:160px;display:grid;gap:4px;border-left:2px solid var(--red);padding-left:18px;padding-bottom:2px;white-space:nowrap}.intro-aside span{color:#aeb6c0;font-family:ui-monospace,monospace;font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(300px,1fr);gap:13px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0}.panel-head{padding:19px 19px 16px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:19px}.panel-head>a{font-size:11px;color:#b4bbc5;white-space:nowrap}.panel-head>a:hover{color:var(--red)}.stream-list,.ranking-list{list-style:none;padding:0;margin:0}.stream-list>li{display:grid;grid-template-columns:32px minmax(0,1fr) 20px;gap:10px;padding:17px 19px;border-bottom:1px solid var(--line);transition:background .15s}.stream-list>li:last-child{border-bottom:0}.stream-list>li:hover{background:#252a33}.stream-index{font-size:12px;color:#616975;padding-top:23px}.stream-list>li:first-child .stream-index{color:var(--red)}.stream-tags{display:flex;align-items:center;gap:9px;margin-bottom:7px}.stream-tags span{font-size:10px;line-height:1.4;font-weight:700;background:#3b252b;color:#ff737a;padding:2px 6px}.stream-tags small{font-size:10px;color:#727b89}.stream-list h3{font-size:15px;line-height:1.5;margin:0 0 7px}.stream-list h3 a:hover{color:#ff7777}.stream-list p{margin:0;font-size:12px;line-height:1.7;color:var(--muted)}.stream-arrow{color:#757e89;font-size:16px;padding-top:18px}.ranking-panel{background:#191c22}.ranking-lead{padding:17px 17px 9px;position:relative}.ranking-lead img{aspect-ratio:16/9;width:100%;object-fit:cover;border:1px solid #363a43;background:#272a32;filter:brightness(.75)}.rank-badge{position:absolute;left:27px;top:27px;background:var(--red);color:white;padding:3px 9px;font-size:10px;font-weight:800}.ranking-lead h3{font-size:18px;line-height:1.5;margin:12px 0 5px}.ranking-lead h3 a:hover{color:#ff8585}.ranking-lead p{font-size:12px;color:var(--muted);margin:0 0 5px}.ranking-list{padding:0 17px}.ranking-list li{display:flex;gap:10px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line)}.ranking-list b{font:700 19px/1.3 ui-monospace,monospace;color:#5f6876}.ranking-list li:first-child b{color:var(--red)}.ranking-list a{font-size:13px;font-weight:700;line-height:1.6}.ranking-list a:hover{color:var(--red)}.ranking-note{font-size:10px;padding:0 17px 8px;color:#79818e}.track-section,.media-section,.topics-section{margin-top:49px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:17px;padding-bottom:12px;border-bottom:1px solid var(--line)}.section-heading h2{margin:0;font-size:22px}.section-heading>a{font-size:12px;white-space:nowrap;color:#b6bdc7}.section-heading>a:hover{color:var(--red)}.feature-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px}.feature{display:flex;flex-direction:column;min-height:235px;padding:20px;border:1px solid #393d46;background:#1c2027;transition:background .2s,border .2s}.feature:hover{background:#272b33;border-color:#67616a}.feature-wide{border-top:3px solid var(--red);padding-top:18px;background:linear-gradient(133deg,#29232a,#1c2027 70%)}.feature-seq{font-size:11px;color:#c66065;margin-bottom:15px}.feature h3{font-size:18px;margin-bottom:10px}.feature p{font-size:12px;color:var(--muted)}.feature-cta{font-size:12px;font-weight:750;color:var(--red);margin-top:auto}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.media-tile{background:var(--surface);border:1px solid var(--line);padding-bottom:14px;transition:transform .2s,border-color .2s}.media-tile:hover{transform:translateY(-2px);border-color:#555961}.media-image{position:relative;overflow:hidden;background:#262933;aspect-ratio:16/9}.media-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.76);transition:transform .3s}.media-tile:hover img{transform:scale(1.025)}.media-stamp{position:absolute;bottom:10px;left:10px;background:var(--red);color:white;font-size:11px;font-weight:800;line-height:1.3;padding:5px 9px}.media-tile h3{font-size:15px;margin:13px 13px 5px;line-height:1.5}.media-tile p{font-size:11px;color:var(--muted);margin:0 13px}.topic-band{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--panel)}.topic-band a{padding:22px 20px;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--line)}.topic-band a:last-child{border:0}.topic-band a:hover{background:#292d35}.topic-band strong{font-size:18px}.topic-band span{font-size:11px;color:var(--muted)}.site-footer{background:var(--black);border-top:1px solid #2b2f38}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px;padding-top:40px;padding-bottom:35px}.footer-brand{font-size:22px;font-weight:850}.footer-brand span{font-size:12px;font-weight:500;color:var(--muted)}.footer-grid p{max-width:420px;font-size:12px;color:var(--muted);margin-top:13px}.footer-grid h2{font-size:13px;letter-spacing:.03em;margin:3px 0 12px}.footer-grid>div:not(:first-child) a{display:block;font-size:12px;color:#aab2be;padding:3px 0}.footer-grid a:hover{color:var(--red)!important}.footer-bottom{border-top:1px solid #242831;display:flex;justify-content:space-between;gap:16px;padding-top:17px;padding-bottom:19px;color:#7d8591;font-size:11px}.inner-main{padding-top:26px;padding-bottom:90px}.breadcrumbs{display:flex;gap:11px;flex-wrap:wrap;font-size:12px;color:#818a98;margin-bottom:29px}.breadcrumbs a:hover{color:var(--red)}.page-banner{display:flex;justify-content:space-between;align-items:center;padding:24px 26px 29px;background:linear-gradient(110deg,#2c2328,#1b1f27 55%,#1e222a);border:1px solid #343740;border-left:3px solid var(--red);margin-bottom:40px;overflow:hidden}.page-banner .eyebrow{margin:0 0 12px}.page-banner h1{margin:0 0 12px}.page-banner p:not(.eyebrow){font-size:13px;max-width:690px;margin:0;color:#b5bbc5}.banner-number{font-size:86px;color:#5d3037;line-height:1;font-weight:900;opacity:.65}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.story-card{display:flex;flex-direction:column;min-width:0;min-height:255px;padding:19px 18px 17px;background:#1d2129;border:1px solid var(--line);transition:border-color .2s,transform .2s}.story-card:hover{border-color:#555b67;transform:translateY(-2px)}.story-head,.story-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.tag{display:inline-block;font-size:10px;font-weight:800;color:#ff7474;background:#42242b;border:1px solid #643039;padding:3px 8px}.story-card h3{font-size:17px;line-height:1.52;margin:16px 0 9px}.story-card h3 a:hover{color:var(--red)}.story-card p{font-size:12px;line-height:1.8;color:#9ea5b0;margin-bottom:16px}.story-foot{border-top:1px solid var(--line);padding-top:13px;margin-top:auto;font-size:11px;color:var(--muted)}.story-foot a{color:#d3d8df;font-weight:750}.story-foot a:hover{color:var(--red)}.callout{margin-top:30px;padding:22px 25px;border-left:3px solid var(--red);background:#22242c}.callout strong{font-size:16px}.callout p{font-size:13px;margin:6px 0}.callout a{font-size:12px;font-weight:800;color:var(--red)}.topic-section{margin:0 0 47px;scroll-margin-top:24px}.topic-section .section-heading{margin-bottom:15px}.section-lede{max-width:850px;color:#aab2bd;font-size:13px;margin-bottom:20px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col .story-card{min-height:220px}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:23px;background:var(--panel);border:1px solid var(--line)}.split-feature p{font-size:14px;line-height:2;max-width:550px}.split-list{display:flex;flex-direction:column}.split-list a{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);font-size:14px;font-weight:750;padding:17px 2px}.split-list a:hover{color:var(--red)}.split-list a span{color:var(--red)}.privacy-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:20px}.privacy-strip>div{padding:22px;background:var(--panel);border:1px solid var(--line)}.strip-index{font-size:22px;font-weight:800;color:var(--red)}.privacy-strip h3{margin:12px 0 10px}.privacy-strip p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.video-feature{display:grid;grid-template-columns:1.22fr 1fr;background:var(--panel);border:1px solid var(--line);margin-bottom:18px}.video-feature-image{position:relative;min-width:0;background:#292d36}.video-feature-image img{aspect-ratio:16/9;height:100%;width:100%;object-fit:cover;filter:brightness(.83)}.video-feature-copy{padding:35px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.video-feature-copy h2{font-size:24px;margin:17px 0 12px}.video-feature-copy h2 a:hover{color:var(--red)}.video-feature-copy p{font-size:13px;line-height:1.9;color:#aab0bb}.media-grid-expanded{margin-bottom:52px}.reading-main{padding-top:26px;padding-bottom:90px}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:35px;align-items:start}.reading-article{min-width:0}.article-header{border-bottom:1px solid var(--line);padding-bottom:27px;margin-bottom:30px}.article-header h1{font-size:clamp(27px,3.25vw,40px);max-width:790px;margin:17px 0 18px}.article-dek{font-size:16px;max-width:740px;color:#b7bfca;line-height:1.95}.article-meta{display:flex;flex-wrap:wrap;gap:10px 22px;color:#8992a0;font-size:11px;border-top:1px solid var(--line);padding-top:15px;margin-top:24px}.article-body{max-width:750px}.article-body h2{font-size:22px;margin:36px 0 15px;padding-left:13px;border-left:3px solid var(--red)}.article-body p{font-size:15px;line-height:2.2;color:#c9ced7;margin-bottom:18px}.article-body ul{color:#c9ced7;line-height:2}.article-body li{padding-left:5px;margin-bottom:7px}.article-end{margin-top:44px;border-top:1px solid var(--line);padding:20px;background:var(--surface)}.article-end strong{font-size:13px}.article-end p{font-size:12px;color:var(--muted);margin:7px 0 0;line-height:1.9}.sticky-box{position:sticky;top:20px;padding:21px;background:var(--panel);border:1px solid var(--line)}.sticky-box h2{font-size:18px;margin:0 0 12px}.sticky-box>a:not(.aside-more){display:block;border-top:1px solid var(--line);padding:13px 0}.sticky-box>a:not(.aside-more)>span{display:block;font-size:10px;color:var(--red)}.sticky-box strong{display:block;font-size:13px;font-weight:750;line-height:1.65;margin-top:4px}.sticky-box>a:hover strong{color:var(--red)}.aside-more{display:inline-block;color:var(--red);font-size:12px;font-weight:750;margin-top:13px}.single-main{max-width:890px;padding:27px 0 100px}.single-main>h1{margin:17px 0 14px}.single-main .lead{font-size:16px;line-height:2;color:#b8c0ca}.domain-panel{padding:26px;margin:32px 0;border:1px solid #5e3940;border-left:3px solid var(--red);background:linear-gradient(130deg,#29232b,#1e222a)}.domain-address{font:800 clamp(20px,3vw,32px)/1.5 ui-monospace,monospace;color:#fff!important;overflow-wrap:anywhere;margin:12px 0 8px}.domain-panel>p:not(.domain-address){font-size:13px;line-height:2}.domain-panel .button{margin-top:6px}.text-section{padding-top:6px}.text-section h2{font-size:20px;border-bottom:1px solid var(--line);padding-bottom:11px;margin-top:30px}.text-section p{font-size:14px;line-height:2.1;color:#c0c6d0}.not-found{min-height:53vh;padding-block:90px}.not-found h1{margin-bottom:14px}.not-found .button{margin-top:12px}.not-found .text-link{margin-left:16px}
/* Desktop widths and large laptop density */
@media(min-width:1450px){.container{width:min(calc(100% - 80px),var(--max))}.home-main{padding-top:27px}.dashboard-grid{gap:15px}.stream-list>li{padding-top:18px;padding-bottom:18px}.ranking-lead{padding-top:19px}.feature{min-height:245px}}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(285px,1fr)}.panel-head{padding:15px}.panel-head h2{font-size:17px}.stream-list>li{padding:14px}.ranking-lead{padding:14px}.ranking-list{padding:0 14px}.feature-grid{grid-template-columns:1fr 1fr}.feature-wide{grid-column:1/-1;min-height:180px}.feature:not(.feature-wide){min-height:195px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-layout{grid-template-columns:minmax(0,1fr) 255px;gap:20px}.video-feature-copy{padding:25px}}
@media(max-width:830px){.container{width:min(calc(100% - 32px),var(--max))}.header-inner{min-height:68px}.nav-toggle{display:flex}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#14171e;border-bottom:1px solid var(--line);padding:10px 16px;box-shadow:0 12px 20px #0007}.main-nav.is-open{display:flex}.main-nav a{padding:12px 15px}.main-nav a[aria-current]{border-bottom-color:transparent;border-left:3px solid var(--red)}.dashboard-grid{grid-template-columns:1fr}.ranking-panel{display:grid;grid-template-columns:1fr 1fr;gap:0}.ranking-panel .panel-head{grid-column:1/-1}.ranking-lead{padding:16px}.ranking-list{align-self:start;padding-top:5px}.ranking-note{grid-column:1/-1}.home-intro{align-items:flex-start}.intro-aside{display:none}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid .media-tile:last-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;padding-bottom:0}.media-grid .media-tile:last-child .media-image{grid-row:1/3}.media-grid .media-tile:last-child h3{align-self:end}.media-grid .media-tile:last-child p{align-self:start}.reading-layout{display:block}.reading-aside{margin-top:34px}.sticky-box{position:static}.footer-grid{gap:25px;grid-template-columns:1.5fr 1fr 1fr}.video-feature{grid-template-columns:1fr}.video-feature-image img{max-height:340px}.video-feature-copy{padding:24px}.video-feature-copy h2{font-size:22px}}
@media(max-width:620px){.topline{font-size:10px}.topline-inner{min-height:30px}.wordmark img{width:37px;height:37px}.wordmark strong{font-size:21px}.wordmark small{font-size:9px}.home-main{padding-top:19px;padding-bottom:55px}.home-intro{padding:22px 0}.home-intro h1{font-size:29px}.home-intro p:not(.eyebrow){font-size:12px}.section-kicker{font-size:10px;flex-wrap:wrap}.panel-head{align-items:flex-start}.panel-head h2{font-size:17px}.panel-head>a{font-size:10px}.stream-list>li{grid-template-columns:23px minmax(0,1fr) 14px;gap:9px;padding:13px}.stream-list h3{font-size:14px}.stream-list p{font-size:11px}.stream-arrow{font-size:12px}.ranking-panel{display:block}.ranking-lead{padding:13px}.ranking-list{padding:0 15px}.ranking-note{padding:5px 15px}.track-section,.media-section,.topics-section{margin-top:34px}.section-heading{align-items:flex-start}.section-heading h2{font-size:19px}.section-heading>a{font-size:11px;padding-top:20px}.feature-grid,.media-grid,.article-grid,.two-col,.privacy-strip,.topic-band,.split-feature{grid-template-columns:1fr}.feature-wide{grid-column:auto}.feature{min-height:0;padding:18px}.feature h3{font-size:17px}.feature-seq{margin-bottom:9px}.feature p{margin-bottom:15px}.media-grid .media-tile:last-child{display:block;grid-column:auto;padding-bottom:14px}.media-grid .media-tile:last-child .media-image{grid-row:auto}.media-tile h3{font-size:14px}.topic-band a{border-right:0;border-bottom:1px solid var(--line);padding:17px}.topic-band a:last-child{border:0}.footer-grid{grid-template-columns:1fr 1fr;column-gap:17px;row-gap:22px;padding-top:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:3px}.inner-main{padding-bottom:58px}.breadcrumbs{margin-bottom:19px}.page-banner{padding:22px 18px;margin-bottom:30px}.page-banner h1{font-size:27px}.page-banner p:not(.eyebrow){font-size:12px}.banner-number{font-size:56px;align-self:flex-start}.story-card{min-height:0;padding:18px}.story-card h3{font-size:16px}.topic-section{margin-bottom:32px}.privacy-strip>div{padding:17px}.split-feature{padding:18px}.split-feature p{font-size:13px}.split-list a{font-size:12px;padding:12px 0}.reading-main{padding-bottom:58px}.article-header h1{font-size:29px}.article-dek{font-size:14px}.article-body h2{font-size:19px}.article-body p{font-size:14px;line-height:2}.single-main{padding-bottom:60px}.single-main>h1{font-size:29px}.single-main .lead{font-size:14px}.text-section p{font-size:13px}}
@media(max-width:375px){.container{width:calc(100% - 24px)}.wordmark-copy small{letter-spacing:0}.section-kicker{font-size:9px}.topline-inner{gap:9px}.topline a{white-space:nowrap}.page-banner .banner-number{display:none}.home-intro h1{font-size:26px}.section-heading{display:block}.section-heading>a{display:inline-block;margin-top:5px;padding:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}