/* 黑料网视觉系统：深墨品牌、朱红热点与暖白阅读底色。 */
:root{color-scheme:light;--ink:#17191D;--body:#24262B;--muted:#666A70;--accent:#B42332;--warm:#D35436;--soft:#F2E5E3;--paper:#FAF9F7;--paper-2:#F0EFEC;--line:#dedbd6;--white:#fff;--container:1180px;--radius:5px;--focus:#b42332;--font:system-ui,-apple-system,'PingFang SC','Microsoft YaHei','Noto Sans CJK SC',sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--body);font-family:var(--font);font-size:16px;line-height:1.78;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
button{font:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
::selection{background:#eed6d8;color:var(--ink)}
.shell{width:min(var(--container),calc(100% - 52px));margin-inline:auto}
.skip-link{position:absolute;z-index:120;top:-100px;left:18px;padding:10px 16px;color:white;background:var(--ink)}
.skip-link:focus{top:8px}
.site-header{position:relative;z-index:20}
.header-top{background:var(--ink);color:var(--white)}
.header-top__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px}
.brand{display:inline-flex;align-items:center;gap:12px;color:var(--white);font-size:27px;font-weight:800;line-height:1.2;letter-spacing:.03em}
.brand:hover{color:#fff}
.brand img{width:48px;height:48px;object-fit:contain}
.brand small{display:block;font-size:11px;letter-spacing:.22em;font-weight:500;color:#c9c9c9;margin-top:4px}
.header-note{font-size:12px;color:#afb0b3;letter-spacing:.13em}
.header-navigation{background:var(--white);border-bottom:1px solid var(--line)}
.site-nav{display:flex;align-items:center;gap:36px;min-height:53px;flex-wrap:wrap}
.site-nav a{position:relative;display:inline-flex;align-items:center;font-size:14px;font-weight:700;min-height:53px;color:#44464a;white-space:nowrap}
.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent)}
.site-nav a[aria-current=page]::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--accent)}
.eyebrow{margin:0 0 9px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;line-height:1.5}
.eyebrow.accent{color:var(--accent)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{color:var(--ink);line-height:1.35;letter-spacing:-.025em}
h1{font-size:clamp(2rem,3.25vw,3rem);font-weight:850}
h2{font-size:clamp(1.38rem,2vw,1.85rem);font-weight:820}
h3{font-size:1.12rem;font-weight:760}
p{margin-bottom:1.1em}
.opening{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(255px,.8fr);gap:42px;padding:52px 0 45px;align-items:stretch;border-bottom:1px solid var(--line)}
.opening__text{max-width:740px;padding:3px 0}
.opening h1{max-width:710px;margin:0 0 16px}
.opening__text>p:not(.eyebrow){font-size:16px;color:#55585e;line-height:1.92;max-width:670px}
.opening__actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:25px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:12px 21px;border:1px solid transparent;border-radius:3px;font-size:14px;font-weight:800;transition:background .16s,color .16s,transform .16s;line-height:1.4}
.btn:hover{transform:translateY(-1px)}
.btn--primary{background:var(--accent);color:var(--white)}
.btn--primary:hover{color:var(--white);background:#8f1b27}
.inline-link{font-size:14px;font-weight:750}
.opening__aside{align-self:stretch;padding:24px 28px;background:var(--ink);color:var(--white);border-top:4px solid var(--accent);display:flex;flex-direction:column;justify-content:center}
.label-kicker{font-size:11px;letter-spacing:.18em;color:#e0aaaa;font-weight:800;margin-bottom:14px}
.opening__aside>a{font-size:20px;line-height:1.5;font-weight:790;color:var(--white)}
.opening__aside>a:hover{color:#ffbfc3}
.opening__aside p{margin:14px 0 0;color:#b6b6b8;font-size:13px;line-height:1.8}
.section-block{margin:44px 0}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:21px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.section-heading h2{margin:0}
.section-heading>a{font-size:13px;font-weight:750;color:var(--accent);white-space:nowrap;padding-bottom:4px}
.section-heading>a:hover{text-decoration:underline}
.feature-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:23px}
.story{display:flex;gap:19px;min-width:0;border-bottom:1px solid var(--line);padding:0 0 23px}
.story__visual{width:150px;flex:0 0 150px;overflow:hidden;border-radius:var(--radius);background:var(--paper-2);aspect-ratio:16/10;align-self:flex-start}
.story__visual img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.story__visual:hover img{transform:scale(1.03)}
.story__copy{min-width:0;flex:1}
.story__copy h3{font-size:18px;margin:0 0 9px}
.story__summary{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 12px}
.story__foot{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#84848a}
.story__foot a{color:var(--accent);font-weight:750}
.story--featured{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:0;overflow:hidden}
.story--featured .story__visual{width:100%;flex:initial;aspect-ratio:16/9;border-radius:0}
.story--featured .story__copy{padding:23px 25px 22px}
.story--featured .story__copy h3{font-size:clamp(20px,2.2vw,27px);line-height:1.45}
.story--featured .story__summary{font-size:14px;line-height:1.85}
.feature-stack{display:flex;flex-direction:column;gap:25px}
.feature-stack>.story{flex:1;margin-bottom:0}
.feature-stack .story:last-child{border:0}
.content-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:35px}
.compact-panel{padding:24px 27px;background:var(--soft);border-left:3px solid var(--accent)}
.compact-panel p{margin:0 0 14px;font-size:15px;line-height:1.9}
.compact-panel a{font-weight:750;font-size:14px;color:var(--accent)}
.info-strips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px;gap:16px}
.info-strips>div{padding:15px 15px 13px;border-top:2px solid var(--ink);background:var(--white)}
.info-strips span{color:var(--accent);display:block;font-size:11px;font-weight:800;margin-bottom:8px}
.info-strips strong{font-size:15px;color:var(--ink)}
.info-strips p{font-size:12px;color:var(--muted);margin:4px 0 0;line-height:1.75}
.view-link{display:block;padding:17px 0 20px;border-bottom:1px solid var(--line)}
.view-link:first-of-type{padding-top:0}
.view-link strong{font-size:16px;display:block;margin-bottom:8px;color:var(--ink);line-height:1.45}
.view-link:hover strong{color:var(--accent)}
.view-link span{display:block;color:var(--muted);font-size:13px;line-height:1.85}
.link-tail{display:inline-block;color:var(--accent);font-weight:700;margin-top:20px;font-size:13px}
.video-inline{padding:25px 28px;background:var(--paper-2);border:1px solid var(--line)}
.video-inline .section-heading{margin-bottom:14px}
.video-inline__inner{display:flex;gap:26px;align-items:center;padding:13px 0}
.video-mark{display:grid;place-items:center;font-size:29px;color:#fff;flex:0 0 90px;height:90px;background:var(--ink);border-left:4px solid var(--accent)}
.video-inline__inner h3{margin-bottom:7px}
.video-inline__inner p{color:var(--muted);font-size:14px;margin:0 0 7px}
.video-inline__inner a{color:var(--accent);font-weight:750;font-size:13px}
.site-footer{background:var(--ink);color:#e6e6e7;margin-top:62px}
.footer-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;padding:52px 0 35px}
.footer-brand{font-size:25px;letter-spacing:.06em}
.footer-grid p{font-size:13px;color:#b9b9bb;line-height:1.85;max-width:520px;margin:15px 0}
.footer-grid .footer-mini{font-size:12px;color:#999a9e}
.footer-grid nav{display:grid;grid-template-columns:repeat(2,auto);gap:13px 30px;align-content:center}
.footer-grid nav a{font-size:13px;color:#e4e4e4}
.footer-grid nav a:hover{color:#ffb4bc}
.footer-bottom{border-top:1px solid #383a3e;display:flex;justify-content:space-between;gap:15px;padding:14px 0 24px;color:#9e9fa3;font-size:12px}
.back-top{position:fixed;right:25px;bottom:24px;z-index:30;width:44px;height:44px;border:1px solid #444;background:var(--ink);color:var(--white);border-radius:4px;cursor:pointer;font-weight:800}
.back-top[hidden]{display:none!important}
.back-top:hover{background:var(--accent)}
.internal-page{padding-top:22px}
.breadcrumb{display:flex;gap:11px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted);margin-bottom:34px}
.breadcrumb a:hover{color:var(--accent)}
.page-masthead{border-bottom:1px solid var(--line);padding-bottom:31px;max-width:910px;margin-bottom:37px}
.page-masthead h1{margin:0 0 15px}
.page-masthead>p:last-child{max-width:800px;color:#575a5f;font-size:16px;margin:0}
.main-side{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:36px}
.main-side>.section-block{margin:0}
.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:23px}
.article-grid .story{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid var(--line);padding:0 0 20px;border-radius:4px;overflow:hidden}
.article-grid .story__visual{width:100%;flex:initial;aspect-ratio:16/9;border-radius:0}
.article-grid .story__copy{padding:19px 21px 0}
.article-grid .story__copy h3{font-size:18px}
.article-grid .story__summary{font-size:13px}
.rail{align-self:start;background:var(--paper-2);padding:25px;border-top:3px solid var(--ink)}
.rail h2{font-size:20px;margin-bottom:17px}
.rail ol{margin:0 0 20px;padding-left:21px;color:#51545a;font-size:14px;line-height:1.95}
.rail li{padding-bottom:11px}
.rail a{font-size:13px;font-weight:750;color:var(--accent)}
.video-section{padding:25px 28px;background:var(--paper-2)}
.video-detail{display:flex;align-items:center;gap:26px}
.video-icon{display:grid;place-items:center;background:var(--ink);border-bottom:5px solid var(--accent);color:var(--white);font-size:42px;min-height:190px;flex:0 0 32%}
.video-detail h3{font-size:22px}
.video-detail p:not(.eyebrow){color:var(--muted);font-size:14px}
.video-detail a{font-size:13px;font-weight:750;color:var(--accent)}
.video-detail h3 a{font-size:inherit;color:var(--ink)}
.video-detail h3 a:hover{color:var(--accent)}
.cross-link{background:var(--ink);padding:30px 34px;margin:43px 0;color:#d6d6d6}
.cross-link h2{color:#fff;margin-bottom:11px;font-size:23px}
.cross-link p{font-size:14px;color:#c3c3c4;max-width:750px}
.cross-link a{color:#f2a9af;font-size:14px;font-weight:800}
.community-masthead{max-width:960px}
.community-list{display:grid;gap:0}
.community-story{display:grid;grid-template-columns:65px 1fr;gap:23px;padding:26px 14px 27px 0;border-bottom:1px solid var(--line)}
.community-story:first-child{padding-top:6px}
.community-number{color:var(--accent);font-size:28px;font-weight:850;line-height:1.3}
.community-story h3{font-size:23px;margin:0 0 11px;max-width:770px}
.community-story p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.85;margin-bottom:9px;max-width:770px}
.community-story a:not(h3 a){font-size:13px;color:var(--accent);font-weight:750}
.contrast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.contrast-grid>div{padding:26px;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--accent)}
.contrast-grid>div+div{border-top-color:var(--ink)}
.contrast-label{display:block;color:var(--accent);font-size:11px;font-weight:800;margin-bottom:12px}
.contrast-grid strong{display:block;font-size:19px;color:var(--ink);line-height:1.5}
.contrast-grid p{font-size:13px;color:var(--muted);margin:10px 0 0}
.reading-page{padding-top:24px}
.reading-columns{display:grid;grid-template-columns:minmax(0,760px) minmax(210px,1fr);gap:78px;align-items:start}
.article-head{margin:0 0 33px;padding:12px 0 26px;border-bottom:1px solid var(--line)}
.article-head h1{font-size:clamp(2rem,3vw,2.72rem);margin-bottom:17px}
.article-deck{font-size:17px;line-height:1.9;color:#5c5f64;margin-bottom:20px}
.article-meta{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;color:var(--muted)}
.article-meta span+span:before{content:'·';margin-right:15px}
.article-lead{font-size:17px;line-height:2;color:#35383d;margin:25px 0 38px}
.article-lead p:first-child:first-letter{font-size:1.5em;color:var(--accent);font-weight:750}
.article-body>section{margin:0 0 41px}
.article-body h2{font-size:23px;line-height:1.5;margin-bottom:18px;padding-left:16px;border-left:3px solid var(--accent)}
.article-body p{font-size:16px;color:#3f4248;line-height:2.06;margin:0}
.article-conclusion{background:var(--soft);padding:24px 27px;border-left:3px solid var(--accent);margin:43px 0 31px}
.article-conclusion strong{display:block;color:var(--accent);font-size:13px;margin-bottom:7px}
.article-conclusion p{font-size:15px}
.article-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding-top:20px}
.article-actions a,.article-actions button{color:var(--accent);font-size:14px;font-weight:800}
.article-actions button{border:1px solid var(--line);background:var(--white);padding:5px 13px;border-radius:4px;cursor:pointer}
.article-actions button:hover{border-color:var(--accent)}
.reading-rail__sticky{position:sticky;top:30px;padding:23px;background:var(--paper-2);border-top:3px solid var(--ink)}
.reading-rail h2{font-size:18px;margin-bottom:15px}
.reading-rail__sticky>a:not(.reading-all){display:block;padding:15px 0;border-top:1px solid var(--line)}
.reading-rail__sticky small{display:block;font-size:11px;color:var(--accent);margin-bottom:5px}
.reading-rail__sticky a span{display:block;font-size:14px;font-weight:750;line-height:1.6;color:var(--ink)}
.reading-rail__sticky a:hover span{color:var(--accent)}
.reading-rail__sticky .reading-all{display:inline-block;margin-top:19px;font-size:13px;color:var(--accent);font-weight:780}
.not-found{padding:90px 0 120px;min-height:55vh}
.not-found h1{margin-bottom:14px}
.not-found p:not(.eyebrow){color:var(--muted);font-size:17px}
@media(max-width:1050px){.feature-layout{grid-template-columns:1fr}.feature-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.feature-stack>.story{flex-direction:column;border:1px solid var(--line);background:#fff;gap:0}.feature-stack .story__visual{width:100%;flex-basis:auto;aspect-ratio:16/9;border-radius:0}.feature-stack .story__copy{padding:17px}.content-columns{gap:23px}.reading-columns{gap:38px}}
@media(max-width:840px){.opening{grid-template-columns:1fr;gap:22px;padding-top:38px}.opening__aside{padding:23px}.content-columns,.main-side{grid-template-columns:1fr}.content-columns>.section-block{margin:20px 0}.main-side>.rail{display:none}.reading-columns{grid-template-columns:1fr}.reading-rail{margin-top:30px}.reading-rail__sticky{position:static}.reading-rail__sticky>a:not(.reading-all){display:inline-block;width:calc(50% - 10px);margin-right:10px;vertical-align:top}.site-nav{gap:25px}.video-icon{min-height:150px}}
@media(max-width:600px){.shell{width:calc(100% - 30px)}.header-top__inner{min-height:72px}.brand{font-size:23px}.brand img{width:40px;height:40px}.header-note{display:none}.header-navigation{overflow-x:auto;scrollbar-width:thin}.site-nav{width:max-content;gap:25px;min-height:47px}.site-nav a{font-size:13px;min-height:47px}.opening{padding:29px 0 31px}.opening h1,.page-masthead h1{font-size:31px}.opening__text>p:not(.eyebrow){font-size:14px}.opening__actions{gap:17px}.opening__aside>a{font-size:18px}.section-block{margin:31px 0}.section-heading{align-items:start;gap:8px}.section-heading h2{font-size:22px}.section-heading>a{white-space:normal;text-align:right;max-width:120px;font-size:12px}.feature-stack{grid-template-columns:1fr}.feature-stack>.story{flex-direction:row;gap:13px;padding:0 0 18px;background:transparent;border:none;border-bottom:1px solid var(--line)}.feature-stack .story__visual{width:110px;flex:0 0 110px;aspect-ratio:16/11;border-radius:3px}.feature-stack .story__copy{padding:0}.feature-stack .story__copy h3{font-size:16px}.feature-stack .story__summary{font-size:12px}.feature-stack .story__foot span{display:none}.story--featured .story__copy{padding:17px}.story--featured .story__copy h3{font-size:22px}.info-strips{grid-template-columns:1fr;gap:9px}.info-strips>div{display:grid;grid-template-columns:40px 1fr;gap:0 8px;align-items:center}.info-strips span{grid-row:span 2;margin:0}.info-strips p{grid-column:2}.video-inline{padding:20px}.video-inline__inner{align-items:start;gap:15px}.video-mark{height:64px;flex-basis:64px;font-size:20px}.footer-grid{grid-template-columns:1fr;gap:20px;padding:37px 0 20px}.footer-grid nav{justify-content:start;gap:10px 20px}.footer-bottom{flex-direction:column;gap:4px}.breadcrumb{margin-bottom:22px}.page-masthead{padding-bottom:26px;margin-bottom:24px}.page-masthead>p:last-child{font-size:14px}.article-grid{grid-template-columns:1fr}.article-grid .story{display:flex;flex-direction:row;gap:13px;padding:12px;background:#fff}.article-grid .story__visual{flex:0 0 115px;width:115px;aspect-ratio:4/5;border-radius:3px}.article-grid .story__copy{padding:0}.article-grid .story__copy h3{font-size:16px}.article-grid .story__summary{font-size:12px}.article-grid .story__foot{gap:5px}.video-section{padding:20px}.video-detail{align-items:start;gap:15px}.video-icon{flex-basis:78px;min-height:110px;font-size:26px}.video-detail h3{font-size:17px}.cross-link{padding:24px 21px}.cross-link h2{font-size:20px}.community-story{grid-template-columns:42px 1fr;gap:12px;padding-right:0}.community-story h3{font-size:19px}.community-number{font-size:22px}.contrast-grid{grid-template-columns:1fr;gap:12px}.reading-columns{gap:18px}.article-head h1{font-size:32px}.article-deck{font-size:15px}.article-lead{font-size:16px}.article-body h2{font-size:20px}.article-body p{font-size:15px}.reading-rail__sticky>a:not(.reading-all){display:block;width:auto;margin-right:0}.not-found{padding:70px 0 100px}.back-top{right:15px;bottom:15px;width:41px;height:41px}}
@media(max-width:380px){.shell{width:calc(100% - 24px)}.feature-stack .story__visual{flex-basis:90px;width:90px}.feature-stack .story__foot{display:none}.video-mark{display:none}.video-icon{display:none}.section-heading>a{max-width:95px}.article-grid .story__visual{width:94px;flex-basis:94px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}