/* 黑料网 · focused news editorial visual system */
:root{--red:#B42332;--red-light:#F2E5E3;--ink:#17191D;--paper:#FAF9F7;--mist:#F0EFEC;--body:#24262B;--muted:#666A70;--hot:#D35436;--line:#DDD9D5;--white:#fff;--soft-shadow:0 14px 40px rgba(23,25,29,.055);--max-width:1220px;--font:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--body);font-family:var(--font);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}button{font:inherit}p,h1,h2,h3,h4{margin-top:0}p{margin-bottom:1.2em}h1,h2,h3{color:var(--ink);line-height:1.25;letter-spacing:-.025em}h1{font-size:clamp(2.1rem,3.5vw,3.35rem)}h2{font-size:clamp(1.45rem,2.1vw,2rem)}h3{font-size:1.24rem}::selection{background:#E7C0C3;color:var(--ink)}:focus-visible{outline:3px solid var(--hot);outline-offset:4px}a,button{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}button{cursor:pointer}.shell{width:min(calc(100% - 64px),var(--max-width));margin-inline:auto}.skip-link{position:absolute;z-index:9999;top:-80px;left:16px;padding:12px 20px;background:var(--ink);color:white}.skip-link:focus{top:12px}.topline{background:var(--ink);color:#D4D3D1;font-size:.76rem;letter-spacing:.055em}.topline__inner{display:flex;justify-content:space-between;align-items:center;min-height:34px;gap:1rem}.topline a{color:#ECE5DF}.topline a:hover{color:white}.site-header{background:rgba(250,249,247,.97);border-bottom:1px solid var(--line);position:relative;z-index:30}.header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;align-items:center;gap:12px;color:var(--ink);flex-shrink:0}.logo img{width:46px;height:46px;object-fit:contain;border-radius:4px}.logo span{display:flex;flex-direction:column;line-height:1.15;gap:6px}.logo strong{font-weight:850;font-size:1.65rem;letter-spacing:.065em}.logo small{color:var(--muted);font-size:.72rem;letter-spacing:.08em}.primary-nav{display:flex;align-items:center;gap:5px}.primary-nav>a{padding:13px 22px;border-bottom:2px solid transparent;font-size:.96rem;font-weight:700;color:#34363A}.primary-nav>a:hover{background:var(--mist);color:var(--red)}.primary-nav>a[aria-current="page"]{color:var(--red);border-bottom-color:var(--red)}.nav-toggle{display:none}.eyebrow{display:inline-block;color:var(--red);font-size:.75rem;text-transform:uppercase;letter-spacing:.095em;font-weight:800;line-height:1.5}.eyebrow span{color:#B5A7A3;margin:0 5px}.home-lead{display:grid;grid-template-columns:1.1fr .9fr;background:var(--ink);color:white;min-height:430px;margin-top:30px;border-radius:4px;overflow:hidden}.home-lead__text{padding:clamp(30px,5vw,68px) clamp(26px,4.5vw,62px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:2}.home-lead__text .eyebrow{color:#FF8E8E;margin-bottom:20px}.home-lead h1{color:white;font-size:clamp(2.15rem,3.6vw,3.85rem);margin-bottom:22px;max-width:690px;line-height:1.16}.home-lead__text p{font-size:1.02rem;line-height:1.95;color:#E5E3E1;max-width:610px}.home-lead__text>*{position:relative}.home-lead__text:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(180,35,50,.16) 100%);pointer-events:none}.lead-art{min-width:0;position:relative;overflow:hidden}.lead-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0%,rgba(23,25,29,.05) 65%)}.lead-art img{width:100%;height:100%;min-height:340px;object-fit:cover;filter:grayscale(.22) contrast(1.03)}.lead-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;border:1px solid transparent;font-size:.9rem;font-weight:750;padding:12px 20px;min-height:48px;border-radius:3px}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:#921C28;color:white;transform:translateY(-1px)}.btn-quiet{border-color:#77777C;color:inherit}.btn-quiet:hover{border-color:white;color:white;background:rgba(255,255,255,.09)}.content-columns{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:40px;align-items:start;padding-top:54px}.main-column{min-width:0}.block{margin-bottom:54px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--ink)}.section-head h2{margin:4px 0 0}.section-head>a{font-size:.83rem;font-weight:750;white-space:nowrap;color:var(--red);padding-bottom:3px}.section-head>a:hover{text-decoration:underline}.feature-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.story-card{min-width:0;position:relative}.story-card h3{font-size:1.21rem;line-height:1.42;letter-spacing:-.014em;margin:10px 0 9px}.story-card h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.story-card p{font-size:.89rem;color:var(--muted);line-height:1.8;margin:0 0 12px}.story-card .text-link{color:var(--red);font-size:.8rem;font-weight:750}.story-card__cover{display:block;aspect-ratio:1.65;overflow:hidden;background:var(--mist);border-radius:3px}.story-card__cover img{height:100%;width:100%;object-fit:cover;transition:transform .25s ease}.story-card__cover:hover img{transform:scale(1.04)}.story-card--image .story-card__body{padding-top:16px}.story-card--image .eyebrow{padding-top:0}.story-list{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--red);padding:0 23px}.story-list .story-card{padding:22px 0 21px;border-bottom:1px solid var(--line)}.story-list .story-card:last-child{border-bottom:0}.story-list .story-card h3{font-size:1.23rem;margin:5px 0 7px}.story-list .story-card p{max-width:95%}.opinion-zone{padding-top:4px}.opinion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.opinion-grid .story-card{padding:24px;background:var(--mist);border-top:3px solid var(--red)}.opinion-grid .story-card h3{font-size:1.25rem}.sidebar{display:grid;gap:22px;position:sticky;top:26px}.aside-panel{border:1px solid var(--line);background:#FFF;padding:26px 24px}.aside-panel h2{font-size:1.36rem;margin:8px 0 18px}.number-list{padding:0;margin:0;list-style:none}.number-list li{display:flex;align-items:flex-start;gap:14px;border-top:1px solid var(--line);padding:17px 0}.number-list li b{font-size:.89rem;color:var(--red);font-weight:850;line-height:1.8}.number-list li a{font-size:.9rem;font-weight:650;line-height:1.65}.aside-panel--dark{background:var(--ink);color:#E9E8E7;border-color:var(--ink)}.aside-panel--dark .eyebrow{color:#F49EA1}.aside-panel--dark h2{color:#FFF;font-size:1.4rem;line-height:1.4}.aside-panel--dark p{font-size:.87rem;color:#C4C2C2;line-height:1.95}.aside-panel--dark a{color:#FFB2B5;font-size:.85rem;font-weight:800}.aside-panel--dark a:hover{color:white}.brand-info{border-top:1px solid var(--line);padding:42px 0 70px;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px}.brand-info h2{margin:10px 0 0;font-size:1.5rem}.brand-info p{font-size:.9rem;color:var(--muted);margin:0 0 14px}.brand-info strong{color:var(--ink);overflow-wrap:anywhere}.site-footer{background:var(--ink);color:#D1D0CD;margin-top:20px;padding-top:58px}.footer-grid{display:grid;grid-template-columns:1.45fr .75fr 1fr;gap:70px;padding-bottom:48px}.footer-brand{display:block;color:#fff;font-size:1.55rem;letter-spacing:.08em;font-weight:850;margin-bottom:18px}.footer-grid h2{font-size:.95rem;color:#fff;margin-bottom:20px}.footer-grid p{font-size:.85rem;line-height:2;color:#B9B7B3;max-width:460px}.footer-grid a:not(.footer-brand){display:block;width:fit-content;margin-bottom:10px;font-size:.86rem}.footer-grid a:hover{color:#FFA4AA}.footer-bottom{border-top:1px solid #3C3D3F;display:flex;justify-content:space-between;gap:16px;padding:20px 0 28px;font-size:.76rem}.footer-bottom a:hover{color:white}.inner-page{padding:0 0 50px}.page-lead{padding:58px 0 40px;max-width:820px}.page-lead .eyebrow{margin-bottom:12px}.page-lead h1{margin:0 0 18px}.page-lead p{font-size:1.07rem;color:#50545A;line-height:1.95;max-width:790px}.topic-highlight{display:grid;grid-template-columns:1.1fr .9fr;align-items:stretch;min-height:270px;background:var(--red-light);border-left:5px solid var(--red)}.topic-highlight>div{padding:37px 38px}.topic-highlight h2{font-size:1.78rem;line-height:1.35;margin:10px 0}.topic-highlight p{color:#5F4E50;font-size:.93rem;max-width:620px}.topic-highlight img{width:100%;height:100%;object-fit:cover;max-height:360px}.topic-highlight .text-link{font-size:.86rem;font-weight:800;color:var(--red)}.section-head--space{margin-top:46px}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 22px}.archive-grid .story-card{border:1px solid var(--line);background:white;padding:20px;display:flex;flex-direction:column}.archive-grid .story-card--image{padding:0}.archive-grid .story-card--image .story-card__body{padding:19px}.archive-grid .story-card .story-card__body{display:flex;flex-direction:column;flex:1}.archive-grid .story-card .text-link{margin-top:auto;padding-top:12px}.archive-grid .story-card h3{font-size:1.15rem}.archive-grid .story-card p{font-size:.85rem}.archive-grid .story-card__cover{aspect-ratio:1.72;border-radius:0}.related-band{margin:50px 0 14px;padding:25px 29px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;gap:28px;border-left:5px solid var(--red)}.related-band h2{font-size:1.4rem;color:#fff;margin:0 0 9px}.related-band p{font-size:.9rem;color:#D4D2D0;margin:0;max-width:730px}.related-band a{white-space:nowrap;color:#FFB0B1;font-weight:800;font-size:.91rem}.related-band a:hover{color:white}.community-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:35px;margin-top:8px}.community-articles{display:grid;grid-template-columns:1fr;gap:20px}.community-articles .story-card{display:grid;grid-template-columns:220px minmax(0,1fr);border:1px solid var(--line);background:white;min-height:182px}.community-articles .story-card__cover{height:100%;aspect-ratio:auto;border-radius:0}.community-articles .story-card__body{padding:24px 25px}.community-articles .story-card h3{margin:7px 0 8px}.community-articles .story-card p{margin-bottom:10px}.community-side{background:var(--mist);padding:27px 25px;align-self:start;border-top:4px solid var(--red)}.community-side h2{font-size:1.5rem;margin:10px 0 25px}.distinction{padding:17px 0;border-top:1px solid #D9D5D0}.distinction strong{font-size:1rem;color:var(--ink)}.distinction p{margin:7px 0 0;color:#646366;font-size:.88rem}.article-page{padding:25px 0 65px}.article-shell{max-width:1140px}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--muted);font-size:.81rem;margin:10px 0 35px}.breadcrumb a{color:#50545A}.breadcrumb a:hover{color:var(--red)}.breadcrumb span[aria-hidden]{color:#B6B4B2}.article-body{max-width:820px;margin:0 auto}.article-header{text-align:center;max-width:770px;margin:0 auto 28px}.article-header .eyebrow{margin:0 0 13px}.article-header h1{margin-bottom:17px}.article-summary{font-size:1.08rem;color:#55585C;line-height:1.95;margin:0}.article-figure{margin:0 0 39px;background:var(--mist);aspect-ratio:1.84;overflow:hidden}.article-figure img{width:100%;height:100%;object-fit:cover}.prose{max-width:730px;margin:0 auto}.prose section{margin:0 0 37px}.prose h2{font-size:1.6rem;padding-left:16px;border-left:4px solid var(--red);margin-bottom:15px}.prose p{font-size:1.08rem;line-height:2.13;color:#383B40;margin:0}.article-closer{max-width:730px;margin:42px auto 0;background:var(--red-light);padding:23px 28px;border-left:3px solid var(--red)}.article-closer strong{font-size:1rem;color:var(--ink)}.article-closer p{margin:7px 0 0;font-size:.92rem;color:#625659}.article-bottom{max-width:1030px;margin:75px auto 0;border-top:2px solid var(--ink);padding-top:26px}.article-bottom h2{font-size:1.65rem;margin:0 0 25px}.article-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.article-related .story-card{border-right:1px solid var(--line);padding-right:18px}.article-related .story-card:last-child{border:0}.article-related .story-card h3{font-size:1.12rem}.article-bottom>.text-link{display:inline-block;margin-top:30px;color:var(--red);font-weight:800}.missing{min-height:55vh;padding-top:90px;padding-bottom:90px;max-width:720px}.missing h1{margin:10px 0 20px}.missing p{color:var(--muted);font-size:1.05rem}.missing .btn-quiet{border-color:var(--line);color:var(--ink)}.missing .btn-quiet:hover{background:var(--mist)}
/* Tablet and small landscape screen layout: preserve hierarchy while lowering density. */
@media (max-width:1100px){.content-columns{grid-template-columns:minmax(0,1fr) 250px;gap:26px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{gap:36px}.community-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.community-articles .story-card{grid-template-columns:170px minmax(0,1fr)}.community-articles .story-card__body{padding:18px}.home-lead__text{padding:38px 32px}.home-lead h1{font-size:clamp(2rem,3.2vw,3rem)}}
@media (max-width:860px){.shell{width:min(calc(100% - 42px),var(--max-width))}.header-inner{min-height:76px}.home-lead{grid-template-columns:1fr .55fr}.home-lead__text p{font-size:.93rem}.content-columns{grid-template-columns:1fr;gap:0}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:static;top:auto;margin-bottom:35px}.brand-info{padding-bottom:45px}.footer-grid{grid-template-columns:1.1fr .8fr}.footer-grid>div:last-child{grid-column:1/-1}.topic-highlight>div{padding:28px}.community-layout{grid-template-columns:1fr}.community-side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}.community-side>.eyebrow,.community-side>h2{grid-column:1/-1}.community-articles .story-card{grid-template-columns:220px 1fr}.related-band{align-items:flex-start;flex-direction:column}.article-related{gap:15px}}
@media (max-width:760px){.topline{display:none}.shell{width:min(calc(100% - 34px),var(--max-width))}.site-header{z-index:100}.header-inner{min-height:71px;gap:10px}.logo img{width:38px;height:38px}.logo strong{font-size:1.3rem}.logo small{font-size:.61rem}.nav-toggle{border:1px solid var(--line);background:white;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:45px;height:44px;border-radius:3px;flex-shrink:0}.nav-toggle span{display:block;background:var(--ink);height:2px;width:21px;transition:transform .2s ease,opacity .2s ease}.nav-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}.primary-nav{position:absolute;top:100%;left:0;right:0;padding:0 17px 13px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(0,0,0,.07);display:none;flex-direction:column;align-items:stretch;gap:0}.primary-nav.is-open{display:flex}.primary-nav a{padding:13px 8px;border-bottom:1px solid var(--line)}.primary-nav a[aria-current="page"]{border-bottom:1px solid var(--red);background:var(--red-light)}.home-lead{margin-top:17px;display:flex;flex-direction:column;min-height:0}.home-lead__text{padding:34px 25px 29px}.home-lead h1{font-size:clamp(2rem,7.6vw,3.3rem)}.home-lead__text p{font-size:.96rem}.lead-art{height:210px}.lead-art img{min-height:210px}.lead-art:after{background:linear-gradient(180deg,var(--ink),transparent 70%)}.lead-actions{margin-top:5px}.content-columns{padding-top:37px}.block{margin-bottom:40px}.section-head h2{font-size:1.48rem}.feature-pair{gap:15px}.sidebar{gap:15px}.brand-info{grid-template-columns:1fr;gap:15px;padding-top:30px}.brand-info h2{margin:4px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 19px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-grid h2{margin-bottom:11px}.page-lead{padding:42px 0 24px}.page-lead h1{font-size:2.12rem}.page-lead p{font-size:1rem}.topic-highlight{grid-template-columns:1fr}.topic-highlight img{max-height:230px}.archive-grid{gap:15px}.community-side{grid-template-columns:1fr;gap:0}.distinction{padding:14px 0}.article-header h1{font-size:2.05rem}.article-summary{font-size:1rem}.prose p{font-size:1rem}.article-related{grid-template-columns:1fr}.article-related .story-card{padding:0 0 15px;border-right:0;border-bottom:1px solid var(--line)}.article-related .story-card:last-child{border-bottom:0}.article-bottom{margin-top:49px}}
@media (max-width:550px){.feature-pair,.opinion-grid,.archive-grid,.sidebar{grid-template-columns:1fr}.section-head{align-items:flex-start}.section-head>a{align-self:end;font-size:.75rem;white-space:normal;text-align:right;max-width:120px}.home-lead__text{padding:30px 21px}.home-lead__text h1{font-size:2.06rem}.home-lead__text p{line-height:1.8}.lead-art{height:165px}.lead-art img{min-height:165px}.btn{font-size:.85rem;padding:11px 16px}.section-head h2{font-size:1.4rem}.story-card--image .story-card__cover{aspect-ratio:1.75}.feature-pair .story-card{background:white;border:1px solid var(--line)}.feature-pair .story-card__body{padding:16px}.story-list{padding:0 17px}.story-list .story-card p{max-width:100%}.opinion-grid .story-card{padding:20px}.brand-info{padding-bottom:35px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:5px}.page-lead h1{font-size:1.97rem}.page-lead p{font-size:.94rem}.topic-highlight>div{padding:22px}.topic-highlight h2{font-size:1.47rem}.topic-highlight p{font-size:.89rem}.topic-highlight img{max-height:185px}.community-articles .story-card{display:flex;flex-direction:column}.community-articles .story-card__cover{aspect-ratio:1.8}.community-articles .story-card__body{padding:18px}.related-band{padding:23px 20px}.related-band h2{font-size:1.25rem}.related-band a{white-space:normal}.article-page{padding-top:12px}.breadcrumb{margin:8px 0 26px;font-size:.77rem}.article-header h1{font-size:1.85rem}.article-figure{aspect-ratio:1.65;margin-bottom:26px}.prose h2{font-size:1.37rem}.prose p{line-height:1.97}.prose section{margin-bottom:27px}.article-closer{padding:20px}.missing{padding-top:64px;padding-bottom:64px}}
@media (max-width:380px){.shell{width:calc(100% - 26px)}.logo{gap:7px}.logo strong{font-size:1.16rem}.logo small{font-size:.55rem}.btn{width:100%}.lead-actions{width:100%}.section-head{gap:7px}.section-head h2{font-size:1.25rem}.page-lead h1{font-size:1.75rem}.home-lead__text h1{font-size:1.85rem}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{.topline,.nav-toggle,.primary-nav,.lead-actions,.site-footer,.sidebar,.article-bottom{display:none!important}body{color:#000;background:#fff}.shell{width:100%;max-width:none}.home-lead{color:black;background:white;border:1px solid #ccc}.home-lead h1{color:black}.home-lead p{color:#333}.content-columns{display:block}.article-figure{max-height:260px}.page-lead,.article-body{break-inside:avoid-page}a{text-decoration:underline}}