/* 黑料网 - 夜间舆情终端 UI; responsive CSS without external dependencies */
:root{--bg:#121418;--surface:#1e222a;--surface2:#1a1d24;--deep:#0a0b0d;--line:#303540;--muted:#a3aab6;--text:#e6e8ec;--red:#ff3e3e;--red-dark:#721f24;--white:#fff;--max:1296px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:4px}button{font:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.28;letter-spacing:-.025em}p{color:#b9bfca}h1{font-size:clamp(27px,3vw,43px);font-weight:850}h2{font-size:clamp(20px,2vw,29px)}h3{font-size:18px}.wrap{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.skip-link{position:absolute;left:10px;top:-100px;z-index:100;padding:10px;background:#fff;color:#000}.skip-link:focus{top:10px}.muted{color:var(--muted);font-size:12px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--red);text-transform:uppercase}.site-stripe{background:var(--deep);border-bottom:1px solid #222630;font-size:11px;color:#aaa}.stripe-layout{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px}.stripe-layout a{color:#c9cbd0}.status-dot,.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:7px;box-shadow:0 0 0 3px rgba(255,62,62,.14)}.site-header{background:#101216;border-bottom:1px solid var(--line);position:relative;z-index:10}.header-layout{display:flex;align-items:center;gap:36px;min-height:83px}.brand{display:flex;align-items:center;gap:10px;min-width:190px}.brand img{width:46px;height:46px;object-fit:contain}.brand strong{font-size:25px;font-weight:900;letter-spacing:-.05em;display:block;line-height:1.05}.brand small{font-size:10px;color:var(--muted);letter-spacing:1px}.primary-nav{display:flex;gap:5px;align-self:stretch;align-items:stretch}.primary-nav a{display:flex;align-items:center;padding:0 19px;font-size:14px;font-weight:750;color:#b5bcc6;border-bottom:2px solid transparent}.primary-nav a:hover,.primary-nav a[aria-current="page"]{color:#fff;border-color:var(--red);background:#1b1d22}.header-note{margin-left:auto;font:700 10px/1.4 ui-monospace,monospace;letter-spacing:.09em;color:#a4abb7;white-space:nowrap}.menu-toggle{display:none}.dashboard-intro{display:flex;align-items:end;justify-content:space-between;padding:33px 0 25px;gap:35px}.dashboard-intro h1{margin:7px 0 12px}.dashboard-intro p:not(.kicker){max-width:750px;font-size:15px;margin-bottom:0}.kicker{color:var(--muted);font:700 11px/1.5 ui-monospace,monospace;letter-spacing:.14em}.red-square{display:inline-block;width:9px;height:9px;background:var(--red);margin-right:8px}.intro-index{border-left:2px solid var(--red);padding-left:19px;min-width:270px;display:flex;flex-direction:column;gap:6px}.intro-index strong{font-size:18px}.intro-index>span:last-child{color:var(--muted);font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,1fr);gap:16px}.panel{border:1px solid var(--line);background:var(--surface2);min-width:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:21px 22px 18px;border-bottom:1px solid var(--line)}.section-heading h2{font-size:21px;margin:5px 0 0}.section-heading>a,.text-link{color:#eee;font-weight:800;font-size:12px;white-space:nowrap}.timeline-list,.rank-list{list-style:none;padding:0;margin:0}.timeline-list li{display:grid;grid-template-columns:42px 1fr 20px;gap:13px;padding:19px 22px;border-bottom:1px solid var(--line);transition:background .2s}.timeline-list li:hover{background:#22262e}.timeline-list li:last-child{border:0}.timeline-seq{font:700 21px/1 ui-monospace,monospace;color:#69717c}.timeline-list li:first-child .timeline-seq{color:var(--red)}.timeline-tag{font-size:11px;color:var(--muted);margin-bottom:6px}.timeline-tag span:first-child{color:#ff7777;font-weight:700}.timeline-list h3{font-size:16px;margin:0 0 6px}.timeline-list p{font-size:12px;line-height:1.55;margin:0;color:#9da6b4}.timeline-arrow{color:#6c7582}.spotlight{padding:19px 20px 15px}.spotlight img{aspect-ratio:16/9;width:100%;object-fit:cover;filter:brightness(.78);border:1px solid #383e48}.live-tag{background:var(--red);padding:4px 8px;color:#fff;font:800 11px/1.3 sans-serif;display:inline-block;margin-bottom:10px}.spotlight h3{font-size:19px;margin:13px 0 7px}.spotlight p{font-size:12px;margin-bottom:0}.rank-list{padding:0 20px 14px}.rank-list li{display:grid;grid-template-columns:30px 1fr auto;align-items:start;gap:9px;padding:12px 0;border-top:1px solid var(--line)}.rank-list b{color:var(--red);font:800 17px/1.5 ui-monospace,monospace}.rank-list a{font-weight:720;font-size:13px}.rank-list span{font-size:10px;color:var(--muted);white-space:nowrap}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:16px}.feature-strip>div{padding:19px 17px;background:#171a20;display:flex;flex-direction:column;gap:3px}.feature-strip b{color:var(--red);font:700 12px ui-monospace,monospace}.feature-strip strong{font-size:15px}.feature-strip span{font-size:12px;color:var(--muted)}.section-block{padding-top:65px;padding-bottom:52px}.large-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:23px}.large-heading h2{margin:7px 0 8px}.large-heading p{margin:0;font-size:13px}.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.story-card{background:var(--surface2);border:1px solid var(--line);padding:12px;min-width:0;display:flex;flex-direction:column}.story-card__top,.story-card__bottom{display:flex;justify-content:space-between;gap:8px;align-items:center}.story-visual{margin:10px 0;display:block;overflow:hidden}.story-visual img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:brightness(.8);transition:filter .2s,transform .25s}.story-visual:hover img{transform:scale(1.025);filter:brightness(1)}.story-card h3{font-size:15px;margin:9px 0}.story-card p{font-size:12px;flex:1}.story-card__bottom{padding-top:12px;border-top:1px solid var(--line);margin-top:auto}.story-card__bottom a{font-size:11px;color:#eee;font-weight:750}.wide-band{background:#0c0e12;border-top:1px solid #292d37;border-bottom:1px solid #292d37;padding:50px 0}.video-teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.video-teaser{display:flex;flex-direction:column;gap:9px}.poster,.video-poster{position:relative;display:block;overflow:hidden;border:1px solid #313643;background:#252a32}.poster img,.video-poster img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:brightness(.69);transition:transform .25s,filter .25s}.poster:hover img,.video-poster:hover img{transform:scale(1.03);filter:brightness(.87)}.play-icon{position:absolute;bottom:12px;left:12px;display:grid;place-items:center;width:31px;height:31px;background:var(--red);color:#fff;font-size:11px;border-radius:2px}.video-teaser strong{font-size:15px}.video-teaser small{color:var(--muted);font-size:11px}.topic-bands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.topic-bands a{border:1px solid var(--line);background:#1a1d24;padding:20px;display:flex;flex-direction:column;gap:15px;min-height:185px}.topic-bands a:hover{border-color:var(--red)}.topic-bands span{font-size:11px;color:var(--red)}.topic-bands strong{font-size:19px}.topic-bands small{font-size:11px;color:var(--muted);margin-top:auto}.site-footer{background:var(--deep);border-top:1px solid var(--line);margin-top:45px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:70px;padding:44px 0}.footer-logo{font-weight:900;font-size:25px}.footer-logo span{font-size:12px;color:var(--muted);font-weight:500}.footer-grid p{max-width:390px;font-size:12px;margin:13px 0 0}.footer-grid h2{font-size:14px}.footer-grid>div>a:not(.footer-logo){display:block;color:#aeb6c2;font-size:12px;margin:9px 0}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding:16px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.inner-main{padding-top:24px}.breadcrumbs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#7d8490;font-size:11px}.breadcrumbs a{color:#a0a8b4}.page-hero{padding:36px 0 32px;border-bottom:1px solid var(--line);margin-bottom:24px}.page-hero h1{margin:10px 0 12px}.page-hero p{max-width:820px;margin:0}.sub-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.content-panel{padding-bottom:12px}.article-list{padding:0 21px}.list-article{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}.list-article:last-child{border:0}.list-img img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:brightness(.8)}.list-article h3{font-size:19px;margin:7px 0}.list-article p{font-size:13px;margin:0 0 10px}.read-action{font-size:12px;font-weight:750;color:#eee}.side-stack{display:grid;gap:18px}.sidebar-box{padding:20px}.sidebar-box h2{font-size:19px;margin:8px 0 17px}.sidebar-box p{font-size:12px}.mini-steps{padding-left:20px;font-size:12px;color:#b5beca}.mini-steps li{margin-bottom:12px}.sidebar-link{border-top:1px solid var(--line);display:block;padding:10px 0;color:#ddd;font-size:12px}.topic-section{margin:22px 0 54px;scroll-margin-top:30px}.topic-banner{padding:25px 29px 18px;background:linear-gradient(115deg,#25212a,#1b1e26 75%);border:1px solid var(--line);border-left:3px solid var(--red);margin-bottom:15px}.topic-banner span{font:700 11px ui-monospace,monospace;color:var(--red);letter-spacing:.1em}.topic-banner h2{margin:8px 0}.topic-banner p{max-width:790px;margin-bottom:0;font-size:13px}.story-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.story-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.community-rules{background:#1b1f27;border:1px solid var(--line);padding:20px;margin-top:15px}.community-rules h3{font-size:18px}.community-rules>div{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.community-rules p{font-size:12px;margin:0}.community-rules b{color:#fff}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.video-item{background:var(--surface2);border:1px solid var(--line)}.video-item>div{padding:16px}.video-item h2{font-size:18px;margin:9px 0}.video-item p{font-size:12px;margin:0}.video-badge{position:absolute;bottom:10px;left:10px;color:#fff;background:#bc262e;padding:5px 9px;font-size:11px;font-weight:800}.video-bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#20232b;border-left:3px solid var(--red);padding:28px;margin-top:35px}.video-bottom h2{margin:9px 0}.video-bottom ol{margin:0;font-size:13px;color:#c3c9d1}.video-bottom li{margin-bottom:8px}.narrow{max-width:940px}.access-card{border:1px solid #633037;background:#24191c;padding:27px;margin-bottom:28px}.domain-value{font-size:clamp(24px,4vw,40px);color:#fff;font-weight:850;word-break:break-all;margin:10px 0}.access-card p:last-child{font-size:13px}.access-card a{color:#ff9d9d;text-decoration:underline}.access-notes{padding:20px 0}.access-notes h2{border-bottom:1px solid var(--line);padding-bottom:12px}.access-notes h3{font-size:18px;margin-top:26px}.access-notes p{font-size:14px}.access-notes a{color:#ff9d9d}.article-layout{display:grid;grid-template-columns:minmax(0,850px) minmax(230px,1fr);gap:28px;margin-top:23px}.article-header{padding:24px 0 23px;border-bottom:1px solid var(--line)}.article-header h1{font-size:clamp(29px,3.5vw,46px);margin:13px 0 16px}.article-header .lead{font-size:16px;line-height:1.8}.article-meta{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:12px}.article-cover{margin:23px 0}.article-cover img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#252933;filter:brightness(.86)}.article-cover figcaption{font-size:11px;color:var(--muted);padding-top:8px}.prose{font-size:16px;line-height:2}.prose section{margin:31px 0 38px}.prose h2{font-size:24px;border-left:3px solid var(--red);padding-left:14px;margin-bottom:16px}.prose p{color:#cbd0d8;line-height:2.05}.article-note{border:1px solid #5a383c;background:#221a1e;padding:20px}.article-note strong{color:#ff8a8a}.article-note p{font-size:13px;margin:6px 0 0}.post-navigation{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;margin:28px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.article-sidebar{padding-top:20px}.article-sidebar .panel{margin-bottom:18px}.related-link{display:block;border-top:1px solid var(--line);padding:13px 0}.related-link span{display:block;font-size:10px;color:var(--red);margin-bottom:4px}.related-link strong{font-size:13px}.error-page{text-align:center;min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-code{color:var(--red);font:bold 100px/1 ui-monospace,monospace}.error-page h1{margin:15px 0}.error-page a{color:#ff8585;font-weight:750;margin:0 10px}
/* Tablet: reflow multi-track information into readable columns. */
@media(max-width:1090px){.header-layout{gap:18px}.primary-nav a{padding:0 12px}.header-note{display:none}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1.15fr) minmax(290px,1fr)}.sub-layout{grid-template-columns:minmax(0,1fr) 260px}.article-layout{grid-template-columns:minmax(0,1fr) 250px}.feature-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.wrap{width:min(calc(100% - 30px),var(--max))}.header-layout{min-height:67px;flex-wrap:wrap}.brand{min-width:0}.brand img{width:39px;height:39px}.brand strong{font-size:23px}.menu-toggle{display:flex;margin-left:auto;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:9px;background:#1e222a;border:1px solid var(--line);cursor:pointer}.menu-toggle span{height:2px;background:#fff;width:100%}.primary-nav{width:100%;display:flex;gap:0;order:3;max-height:0;overflow:hidden;flex-direction:column;transition:max-height .22s}.primary-nav.is-open{max-height:240px;border-top:1px solid var(--line)}.primary-nav a{height:46px;border-left:2px solid transparent;border-bottom:1px solid var(--line);padding:0 15px}.primary-nav a[aria-current="page"]{border-left-color:var(--red);border-bottom-color:var(--line)}.dashboard-intro{display:block;padding:26px 0 19px}.dashboard-intro h1{font-size:30px}.intro-index{margin-top:20px}.dashboard-grid,.sub-layout,.article-layout{grid-template-columns:1fr}.side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.article-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding-top:0}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-bands{grid-template-columns:1fr}.topic-bands a{min-height:auto}.footer-grid{gap:24px;grid-template-columns:1.5fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.community-rules>div{grid-template-columns:1fr}.wide-band{padding:32px 0}.section-block{padding-top:42px;padding-bottom:32px}}
@media(max-width:520px){body{font-size:14px}.stripe-layout{font-size:10px}.stripe-layout>a{white-space:nowrap}.dashboard-intro h1{font-size:28px}.dashboard-grid{gap:10px}.section-heading{padding:16px}.section-heading h2{font-size:19px}.timeline-list li{grid-template-columns:26px 1fr 12px;padding:15px;gap:9px}.timeline-list h3{font-size:15px}.timeline-seq{font-size:15px}.trending-panel .spotlight{padding:14px}.rank-list{padding:0 14px 12px}.feature-strip{grid-template-columns:1fr 1fr}.feature-strip>div{padding:14px 10px}.feature-strip span{font-size:11px}.large-heading{display:block}.large-heading .text-link{display:inline-block;margin-top:14px}.story-grid,.story-grid.three,.story-grid.two,.video-grid,.video-teaser-grid{grid-template-columns:1fr}.story-card{padding:15px}.story-card h3{font-size:18px}.video-teaser{margin-bottom:15px}.list-article{grid-template-columns:105px 1fr;gap:11px;padding:19px 0}.list-article h3{font-size:15px}.list-article p{font-size:11px}.list-article .eyebrow{font-size:10px}.article-list{padding:0 12px}.side-stack,.article-sidebar,.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.page-hero{padding:27px 0}.page-hero h1{font-size:29px}.topic-banner{padding:18px}.video-bottom{grid-template-columns:1fr;padding:19px}.article-header h1{font-size:29px}.prose{font-size:15px}.prose h2{font-size:21px}.article-cover{margin:16px 0}.access-card{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}