@charset "UTF-8";

:root{
    --red:#7B1118;
    --red-2:#A31D27;
    --red-bright:#C52A35;
    --red-soft:rgba(163,29,39,.13);
    --wine:#5D0D14;
    --wine-deep:#32080C;
    --black:#07090C;
    --black-2:#0D1015;
    --black-3:#141820;
    --bg:#090B0F;
    --bg-2:#101319;
    --bg-3:#171B22;
    --surface:#11151B;
    --surface-2:#171C24;
    --surface-soft:rgba(17,21,27,.92);
    --ink:#F2F3F5;
    --ink-2:#C2C6CD;
    --ink-3:#858B95;
    --line:rgba(255,255,255,.08);
    --line-red:rgba(163,29,39,.30);
    --shadow:0 10px 34px rgba(0,0,0,.28);
    --shadow-hover:0 20px 52px rgba(0,0,0,.42);
    --glow-red:0 0 28px rgba(123,17,24,.18);
    --radius:8px;
    --radius-card:12px;
    --radius-large:18px;
    --radius-pill:999px;
    --wrap:1360px;
    --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
    margin:0;
    min-width:0;
    overflow-x:hidden;
    background:
        radial-gradient(circle at 14% 8%,rgba(123,17,24,.08),transparent 30%),
        linear-gradient(180deg,#090B0F 0%,#0B0E13 44%,#090B0F 100%);
    color:var(--ink);
    font-family:var(--font);
    line-height:1.72;
    -webkit-font-smoothing:antialiased;
}
body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;
    opacity:.14;
    background-image:
        linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
    background-size:42px 42px;
}
body.search-open{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
p,h1,h2,h3,blockquote{margin-top:0}
p{color:var(--ink-2)}
h1,h2,h3{line-height:1.18;letter-spacing:-.025em}
h1{font-size:clamp(2.35rem,5vw,5.8rem)}
h2{font-size:clamp(1.65rem,2.8vw,3.2rem)}
h3{font-size:clamp(1.05rem,1.35vw,1.45rem)}
.wrap{width:min(calc(100% - 40px),var(--wrap));margin:0 auto}
.sr-only{
    position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
    clip:rect(0,0,0,0);white-space:nowrap;border:0
}
.skip-link{
    position:fixed;left:16px;top:-80px;z-index:10000;background:#fff;color:#111;padding:10px 14px;border-radius:6px
}
.skip-link:focus{top:12px}
.eyebrow{
    display:inline-block;
    margin-bottom:10px;
    color:#D34A51;
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.16em;
    text-transform:uppercase
}
.section-number{
    display:block;
    margin-bottom:6px;
    color:rgba(255,255,255,.16);
    font-size:clamp(2.8rem,6vw,6.5rem);
    font-weight:900;
    line-height:.9
}
.section{padding:84px 0;border-top:1px solid var(--line)}
.section-soft{background:rgba(255,255,255,.018)}
.section-contrast{background:linear-gradient(180deg,#0D1015,#101319)}
.section-dark-panel{background:#07090C}
.section-light{
    background:#ECEDEE;
    color:#1A1D22;
}
.section-light p,.section-light .section-head p{color:#5B616B}
.section-light .section-head h2,.section-light h2,.section-light h3{color:#181B20}
.section-paper-wrap{background:#0D1015}
.section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:34px
}
.section-head h2{margin:0 0 10px}
.section-head p{max-width:760px;margin:0;color:var(--ink-3)}
.split-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}
.split-heading .section-head{margin:0}
.text-link{display:inline-flex;gap:8px;align-items:center;color:#E4E5E7;font-weight:700}
.text-link:hover{color:#E64A4E}
.ink-link{color:#30343A}
.button{
    display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;
    border:1px solid var(--red-2);border-radius:var(--radius);background:var(--red);color:#fff;
    font-weight:800;cursor:pointer;transition:.2s ease
}
.button:hover{transform:translateY(-1px);background:var(--red-2);box-shadow:var(--glow-red)}
.button-ghost{background:transparent;border-color:rgba(255,255,255,.18);color:var(--ink)}
.section-light .button-ghost{border-color:#BBC0C7;color:#25292F}
.button-small{min-height:38px;padding:0 14px;font-size:.9rem}
.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.meta-row,.card-foot{
    display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--ink-3);font-size:.83rem
}
.card-foot{justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:18px}
.status{
    display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:var(--radius-pill);
    font-size:.72rem;font-weight:800;white-space:nowrap;border:1px solid transparent
}
.status-confirmed{background:rgba(81,130,92,.13);border-color:rgba(95,152,108,.25);color:#A9D6B3}
.status-responded{background:var(--red-soft);border-color:var(--line-red);color:#E27A80}
.status-cleared{background:rgba(98,126,101,.12);border-color:rgba(98,126,101,.25);color:#A8C1AB}
.status-pending{background:rgba(255,255,255,.045);border-color:var(--line);color:#A4A9B1}
.status-neutral{background:rgba(255,255,255,.04);border-color:var(--line);color:#B5BAC1}
.section-light .status{color:#4A5059}
.section-light .status-responded{color:#8D1D25}
.section-light .status-confirmed,.section-light .status-cleared{color:#365940}

/* top flash + header */
.flashbar{height:30px;background:#202226;color:#fff;font-size:.76rem;overflow:hidden}
.flashbar-inner{height:30px;display:flex;align-items:center;gap:22px;white-space:nowrap}
.flashbar strong{color:#E64A4E}
.site-header{
    position:sticky;top:0;z-index:500;height:70px;
    background:rgba(10,12,16,.94);backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(255,255,255,.06);transition:.2s ease
}
.site-header.is-scrolled{box-shadow:0 12px 35px rgba(0,0,0,.28);background:rgba(8,10,13,.98)}
.header-inner{height:70px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:10px;flex:none}
.brand-mark{
    width:30px;height:30px;display:grid;place-items:center;border-radius:7px;
    background:linear-gradient(135deg,var(--red-2),var(--wine-deep));font-weight:900
}
.brand-name{font-weight:900;letter-spacing:.05em;color:#F5F6F7}
.brand-image{max-width:116px;max-height:36px;object-fit:contain}
.desktop-nav{display:flex;align-items:stretch;height:100%;gap:20px}
.desktop-nav a{
    position:relative;display:flex;align-items:center;color:#A7ABB2;font-size:.9rem;font-weight:700
}
.desktop-nav a:hover{color:#E64A4E}
.desktop-nav a.active{color:#F1F2F4}
.desktop-nav a.active::after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#A31D27
}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:6px}
.header-link,.icon-button{
    border:0;background:transparent;color:#A7ABB2;font-size:.84rem;font-weight:800;padding:8px 10px;cursor:pointer
}
.header-link:hover,.icon-button:hover{color:#E64A4E}
.icon-button{border:1px solid rgba(255,255,255,.08);border-radius:7px}
.mega-menu{
    position:absolute;left:0;right:0;top:70px;background:rgba(11,14,19,.98);
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:var(--shadow)
}
.mega-menu[hidden]{display:none!important}
.mega-grid{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:40px 0}
.mega-grid h2{margin-bottom:10px}
.mega-grid p{max-width:480px;margin:0}
.mega-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 20px}
.mega-links a{padding:9px 0;color:var(--ink-2);border-bottom:1px solid var(--line)}
.mega-links a:hover{color:#E64A4E}

/* search modal: default hidden by hard rule */
.search-modal{
    display:none;
    position:fixed;
    inset:0;
    z-index:2000;
    align-items:flex-start;
    justify-content:center;
    padding:110px 20px 30px;
    background:rgba(4,5,7,.86);
    backdrop-filter:blur(10px)
}
.search-modal.is-open{display:flex}
.search-modal[hidden]{display:none!important}
.search-dialog{
    position:relative;width:min(760px,100%);padding:36px;border:1px solid var(--line-red);
    border-radius:var(--radius-large);background:#11151B;box-shadow:0 30px 90px rgba(0,0,0,.6)
}
.search-dialog h2{margin-bottom:8px}
.search-dialog p{margin-bottom:22px}
.search-close-button{
    position:absolute;right:16px;top:14px;width:40px;height:40px;border:1px solid var(--line);
    border-radius:50%;background:#171C24;color:#fff;font-size:1.35rem;cursor:pointer
}
.search-form{display:grid;grid-template-columns:1fr auto;gap:10px}
.search-form input,.search-page-form input,.contact-form-shell select,.contact-form-shell textarea{
    width:100%;border:1px solid rgba(163,29,39,.38);border-radius:8px;background:#0C0F14;color:#F2F3F5;
    padding:13px 14px;outline:none
}
.search-form input:focus,.search-page-form input:focus,.contact-form-shell textarea:focus{border-color:#B72A33;box-shadow:0 0 0 3px rgba(163,29,39,.12)}
.search-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.search-shortcuts a{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--ink-2);font-size:.82rem}
.noscript-search{padding:10px 0;background:#2A2021;color:#F4ECEC;font-size:.84rem}
.noscript-search a{text-decoration:underline}

/* hero */
.hero-section{padding:34px 0 64px}
.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(340px,5fr);gap:22px}
.hero-lead{
    position:relative;min-height:610px;padding:44px;overflow:hidden;border:1px solid var(--line);
    border-radius:var(--radius-large);background:
        radial-gradient(circle at 80% 20%,rgba(163,29,39,.17),transparent 35%),
        linear-gradient(145deg,#12161D,#0A0C10 72%);
    box-shadow:var(--shadow)
}
.hero-lead::after{
    content:"";position:absolute;inset:auto -80px -100px auto;width:300px;height:300px;
    border:1px solid rgba(163,29,39,.18);border-radius:50%
}
.hero-lead h1{max-width:950px;margin:18px 0 20px;font-size:clamp(2.5rem,4.8vw,5.4rem)}
.hero-summary{max-width:880px;font-size:1.05rem;color:#BCC0C7}
.hero-meta{display:flex;flex-wrap:wrap;gap:14px;color:#747B85;font-size:.82rem}
.hero-image{position:absolute;inset:auto 22px 22px auto;width:44%;max-height:230px;overflow:hidden;border-radius:12px;border:1px solid var(--line)}
.hero-image img{width:100%;height:100%;object-fit:cover}
.hero-graphic{
    position:absolute;right:34px;bottom:28px;width:240px;height:118px;padding:14px;
    border:1px solid var(--line-red);background:linear-gradient(145deg,rgba(163,29,39,.08),rgba(255,255,255,.015));
    color:#6F757E;font-size:.65rem;letter-spacing:.13em
}
.hero-graphic strong{display:block;margin-top:18px;color:#AAADB2;font-size:.72rem}
.hero-graphic i{display:block;width:64px;height:2px;margin-top:17px;background:var(--red-2)}
.hero-side{display:grid;grid-template-rows:auto auto 1fr;gap:14px}
.side-story,.hero-video,.hot-mini{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow)}
.side-story,.hero-video{padding:24px}
.side-story h2,.hero-video h2{font-size:1.55rem}
.side-story p,.hero-video p{font-size:.9rem}
.play-link{display:flex;align-items:center;gap:10px;color:#F1F2F4;font-weight:800}
.play-dot{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:50%;background:#7B1118;color:#fff;font-size:.74rem;flex:none}
.hot-mini{display:grid;padding:12px 18px}
.hot-mini a{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}
.hot-mini a:last-child{border-bottom:0}
.hot-mini b{color:#A31D27;font-size:1.15rem}
.hot-mini span{font-size:.86rem;color:#D6D8DC}

/* generic page hero */
.page-main{min-height:60vh}
.page-hero{padding:76px 0 58px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(123,17,24,.055),rgba(9,11,15,0))}
.page-hero.compact{padding:56px 0 44px}
.page-hero h1{margin:8px 0 16px;font-size:clamp(2.8rem,6vw,6.4rem)}
.page-hero p{max-width:900px;font-size:1.03rem}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end}
.page-stat{min-width:180px;text-align:right}
.page-stat b{display:block;font-size:4.2rem;line-height:1;color:#F0F1F3}
.page-stat span,.page-stat small{display:block;color:var(--ink-3)}
.creator-hero,.community-hero,.app-page-hero{background:radial-gradient(circle at 80% 40%,rgba(123,17,24,.14),transparent 27%),linear-gradient(180deg,#0D1015,#090B0F)}
.verify-hero,.timeline-hero{background:linear-gradient(180deg,#11151B,#0A0C10)}
.giant{width:120px!important;height:120px!important;font-size:3rem!important}

/* common blocks */
.keyword-section{padding:20px 0}
.keyword-strip{display:flex;align-items:center;gap:14px;overflow:auto;padding-bottom:2px}
.keyword-strip .eyebrow{margin:0 14px 0 0;white-space:nowrap}
.keyword-strip a,.chips a,.chips button{
    flex:none;padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:#B7BBC2;background:transparent;font-size:.8rem;cursor:pointer
}
.chips button.active,.chips a:hover,.chips button:hover{color:#fff;border-color:var(--line-red);background:var(--red-soft)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.lead-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:48px}
.lead-card{
    min-height:310px;padding:32px;border:1px solid var(--line-red);border-radius:var(--radius-large);
    background:linear-gradient(145deg,rgba(123,17,24,.10),rgba(255,255,255,.018))
}
.lead-card h3{font-size:clamp(1.55rem,2.3vw,2.5rem)}
.headline-stack{border-top:1px solid var(--line)}
.headline-row{display:grid;grid-template-columns:62px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
.headline-time{color:#6E747D;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}
.headline-row h3{margin:7px 0 7px}
.headline-row p{margin-bottom:8px;font-size:.91rem}

/* exclusive */
.exclusive-board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.exclusive-file{position:relative;padding:28px;border:1px solid var(--line);border-radius:var(--radius-card);background:#11151B}
.file-index{color:#5D636C;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}
.exclusive-file h3{min-height:78px;margin:14px 0 20px}
.exclusive-file dl{margin:0}
.exclusive-file dl div{padding:12px 0;border-top:1px solid var(--line)}
.exclusive-file dt{font-size:.72rem;color:#D65B62;font-weight:800}
.exclusive-file dd{margin:3px 0 0;color:#B5BAC2;font-size:.86rem}
.exclusive-page{display:grid;gap:22px}
.exclusive-deep{padding:34px;border:1px solid var(--line);border-radius:16px;background:#101319}
.exclusive-head{display:flex;justify-content:space-between;gap:12px}
.exclusive-deep h2{max-width:940px;margin:18px 0 30px}
.exclusive-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.exclusive-columns>div{padding:22px;border-right:1px solid var(--line)}
.exclusive-columns>div:last-child{border-right:0}
.exclusive-columns span,.watch-note b{display:block;margin-bottom:8px;color:#D76066;font-size:.76rem;letter-spacing:.1em}
.exclusive-columns p{margin:0;font-size:.9rem}
.watch-note{display:grid;grid-template-columns:130px 1fr;gap:22px;padding-top:22px}
.watch-note p{margin:0}

/* creators */
.creator-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.creator-card{padding:26px;border:1px solid var(--line);border-radius:var(--radius-card);background:rgba(255,255,255,.018)}
.text-avatar{
    width:48px;height:48px;display:grid;place-items:center;margin-bottom:18px;border:1px solid var(--line-red);
    border-radius:50%;background:linear-gradient(145deg,#1B1E25,#300A0E);font-weight:900;color:#E5E6E8
}
.creator-card h3{margin:0 0 12px}
.creator-card p{font-size:.88rem}
.creator-focus{padding-top:12px;border-top:1px solid var(--line);color:#7F858E;font-size:.78rem}
.creator-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.creator-profile{padding:30px;border:1px solid var(--line);border-radius:14px;background:#101319}
.creator-profile-top{display:flex;align-items:center;gap:16px}
.creator-profile-top .text-avatar{margin:0}
.creator-profile-top span{color:#D35A61;font-size:.78rem}
.creator-profile-top h2{margin:2px 0 0}
.creator-profile dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 0}
.creator-profile dl div{padding:13px;border:1px solid var(--line);border-radius:8px}
.creator-profile dt{color:#777E88;font-size:.72rem}
.creator-profile dd{margin:5px 0 0;color:#C7CAD0;font-size:.84rem}

/* video */
.video-feature-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px}
.video-feature-list{display:grid;gap:10px}
.compact-video{display:flex;gap:14px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:10px;background:#11151B}
.compact-video:hover{border-color:var(--line-red)}
.compact-video b{display:block;margin-bottom:4px}
.compact-video small{color:#777E88}
.video-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-card);background:#11151B}
.media-frame,.media-fallback{aspect-ratio:16/9}
.media-frame img{width:100%;height:100%;object-fit:cover}
.media-fallback{
    position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;overflow:hidden;
    background:
        linear-gradient(135deg,rgba(123,17,24,.14),transparent 45%),
        repeating-linear-gradient(0deg,rgba(255,255,255,.016),rgba(255,255,255,.016) 1px,transparent 1px,transparent 22px),
        #0C0F14;
    border-bottom:1px solid var(--line)
}
.media-fallback::before{
    content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(163,29,39,.18);border-radius:50%
}
.media-code{position:absolute;top:12px;left:14px;color:#5F6670;font-size:.65rem;letter-spacing:.14em}
.media-fallback strong{font-size:.82rem;color:#7E848D}
.play-mark{
    width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--line-red);border-radius:50%;
    background:rgba(123,17,24,.14)
}
.play-mark::after{content:"";margin-left:4px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #D4D6DA}
.video-card-body{padding:20px}
.video-card h3{margin:9px 0 9px}
.video-card p{font-size:.88rem}
.video-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.video-page-hero .chips{margin-top:26px}

/* celebrity/entertainment */
.portrait-split{display:grid;grid-template-columns:.86fr 1.14fr;gap:56px}
.quote-lead{position:relative;padding:32px;border-left:3px solid var(--red-2);background:rgba(255,255,255,.018)}
.quote-mark{position:absolute;right:22px;top:2px;color:rgba(163,29,39,.3);font-size:6rem;line-height:1}
.quote-lead h3{font-size:2rem}
.portrait-list{display:grid}
.person-line{padding:22px 0;border-bottom:1px solid var(--line)}
.person-line>span{color:#D05A60;font-size:.75rem}
.person-line h3{margin:7px 0}
.person-line p{margin:0;font-size:.88rem}
.editorial-duo{display:grid;grid-template-columns:1fr 1fr;gap:42px}
.editorial-feature{padding:34px;border:1px solid var(--line-red);border-radius:16px;background:linear-gradient(145deg,rgba(123,17,24,.08),transparent)}
.editorial-feature h3{font-size:2.2rem}
.editorial-list article{padding:18px 0;border-bottom:1px solid var(--line)}
.editorial-list span{color:#D35A61;font-size:.74rem}
.editorial-list h3{margin:6px 0}
.editorial-list p{margin:0;font-size:.86rem}
.celebrity-page{display:grid}
.celebrity-entry{display:grid;grid-template-columns:80px 1fr;gap:28px;padding:26px 0;border-bottom:1px solid var(--line)}
.celebrity-seq{font-size:2.4rem;font-weight:900;color:#30353D}
.celebrity-entry h2{margin:10px 0 12px;font-size:2rem}
.celebrity-entry p{max-width:920px}
.boundary-note{padding:30px;border:1px solid var(--line);border-radius:14px}
.magazine-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.magazine-story{padding:28px;border:1px solid var(--line);background:#101319}
.magazine-story.is-lead{grid-column:span 2;padding:40px;background:linear-gradient(145deg,rgba(123,17,24,.08),#101319)}
.magazine-story.is-lead h2{max-width:900px;font-size:2.8rem}
.magazine-story p{max-width:900px}

/* tracking */
.track-board{border-top:1px solid var(--line)}
.track-row{display:grid;grid-template-columns:120px minmax(220px,.7fr) 1fr 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);align-items:start}
.track-row h3{margin:0}
.track-row p{margin:0;font-size:.84rem}
.track-row b{display:block;margin-bottom:4px;color:#8C929B;font-size:.72rem}
.track-page{display:grid;gap:16px}
.track-case{padding:28px;border:1px solid var(--line);border-radius:12px;background:#101319}
.track-case-top{display:flex;justify-content:space-between;gap:20px;align-items:start}
.track-case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.track-case-grid>div{padding:14px;background:rgba(255,255,255,.018);border:1px solid var(--line)}
.track-case-grid span{color:#D15C62;font-size:.74rem}
.track-case-grid p{margin:5px 0 0;font-size:.84rem}

/* film/variety */
.channel-title{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:end;margin-bottom:28px}
.channel-title .section-number{margin:0}
.channel-title h2{margin:0}
.channel-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.channel-card{min-height:250px;padding:24px;border-top:2px solid rgba(163,29,39,.4);background:#11151B}
.channel-card span{color:#D25A61;font-size:.74rem}
.channel-card p{font-size:.86rem}
.variety-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:58px}
.variety-lead{padding:30px;border:1px solid var(--line-red);border-radius:14px;background:rgba(123,17,24,.06)}
.variety-notes article{display:grid;grid-template-columns:16px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.variety-notes .dot{width:8px;height:8px;margin-top:8px;border-radius:50%;background:#8E1A22}
.variety-notes h3{margin-bottom:6px}
.variety-notes p{margin:0;font-size:.86rem}
.film-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.film-story{padding:28px;border:1px solid var(--line);background:#101319}
.film-story.film-lead{grid-column:span 2;padding:42px;background:linear-gradient(145deg,rgba(123,17,24,.08),#101319)}
.film-story h2{font-size:1.9rem}
.film-lead h2{font-size:2.8rem;max-width:900px}
.variety-page-list{display:grid}
.variety-page-item{display:grid;grid-template-columns:90px 1fr;gap:30px;padding:28px 0;border-bottom:1px solid var(--line)}
.variety-number{font-size:2.8rem;font-weight:900;color:#2E333B}

/* response/reversal/timeline */
.report-paper{
    border-radius:12px;background:#F4F5F6;color:#1A1D22;border:1px solid #DADDE1;box-shadow:0 12px 40px rgba(0,0,0,.2)
}
.report-paper p{color:#5B616B}
.response-ledger{padding:14px 28px}
.response-ledger article{display:grid;grid-template-columns:130px 220px 1fr 170px;gap:18px;align-items:start;padding:22px 0;border-bottom:1px solid #D7DADE}
.response-ledger article:last-child{border-bottom:0}
.response-ledger time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#7A8088;font-size:.78rem}
.response-ledger b,.response-ledger span{display:block}
.response-ledger span{color:#777D85;font-size:.78rem}
.response-ledger p{margin:0}
.response-ledger a{color:#8C1720;font-weight:800;font-size:.82rem}
.reversal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.reversal-compare{display:grid;grid-template-columns:1fr 46px 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#101319}
.reversal-compare>div{padding:24px}
.reversal-compare .before{background:rgba(255,255,255,.015)}
.reversal-compare .after{background:rgba(123,17,24,.045)}
.reversal-compare span{display:block;margin-bottom:8px;color:#8A9099;font-size:.72rem}
.reversal-compare p{margin:0;font-size:.9rem}
.reversal-compare .vs{display:grid;place-items:center;padding:0;border-left:1px solid var(--line);border-right:1px solid var(--line);color:#A31D27;font-weight:900}
.timeline-sample{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}
.timeline-intro{align-self:start;position:sticky;top:118px}
.timeline-mini article,.timeline-full-node{display:grid;grid-template-columns:110px 18px 1fr;gap:16px;position:relative;padding-bottom:28px}
.timeline-mini article::before,.timeline-full-node::before{content:"";position:absolute;left:118px;top:16px;bottom:-4px;width:1px;background:rgba(255,255,255,.13)}
.timeline-mini article:last-child::before,.timeline-full-node:last-child::before{display:none}
.timeline-mini time,.timeline-full-node time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#7D838C;font-size:.75rem}
.timeline-node{position:relative;z-index:1;width:11px;height:11px;margin-top:5px;border:2px solid #A31D27;border-radius:50%;background:#0D1015;box-shadow:0 0 0 5px rgba(163,29,39,.08)}
.timeline-mini h3{margin-bottom:6px}
.timeline-mini p{margin-bottom:4px;font-size:.88rem}
.timeline-mini small{color:#6F757E}
.timeline-index{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.timeline-index-card{padding:30px;border:1px solid var(--line);border-radius:14px;background:#101319}
.timeline-index-card strong{display:block;margin:18px 0;color:#8F959E}
.timeline-detail{padding:40px}
.timeline-detail-head{max-width:900px;margin-bottom:42px}
.timeline-full{max-width:980px;margin:auto}
.timeline-full-node::before{left:118px;background:#D2D5D9}
.timeline-full-node .timeline-node{background:#F4F5F6}
.timeline-full-node dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.timeline-full-node dl div{padding:10px;background:#ECEEF0;border-radius:6px}
.timeline-full-node dt{font-size:.7rem;color:#858B93}
.timeline-full-node dd{margin:3px 0 0;color:#40454C;font-size:.82rem}

/* verify/rumor */
.verify-board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.verify-card{padding:26px;border:1px solid #D3D6DA;border-radius:10px;background:#F8F9FA}
.verify-card h3{color:#1E2126;font-size:1.35rem}
.verify-card p{color:#5C626A}
.verify-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.verify-columns p{padding:12px;background:#EEF0F2;border-radius:6px;font-size:.84rem}
.verify-columns b{display:block;margin-bottom:5px;color:#373C43}
.verify-result{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid #D7DADE}
.verify-result span{color:#757B83;font-size:.75rem}
.verify-filter{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.verify-filter button{padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:transparent;color:#A8ADB5;cursor:pointer}
.verify-filter button.active{border-color:var(--line-red);color:#fff;background:var(--red-soft)}
.verify-page{display:grid;gap:18px}
.verify-report{padding:32px;border:1px solid #D5D8DC;border-radius:10px;background:#FAFAFB;color:#1B1F24}
.verify-report-head{display:grid;grid-template-columns:1fr auto;gap:22px}
.verify-report-head .eyebrow{grid-column:1/-1;margin-bottom:-8px}
.verify-report-head h2{margin:0}
.verify-report-head>div{text-align:right}
.verify-report-head small{display:block;margin-top:6px;color:#868C94}
.verify-report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:24px;background:#DADDE1}
.verify-report-grid>div{padding:20px;background:#F2F3F4}
.verify-report-grid p{margin:0;color:#545A62}
.rumor-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:58px}
.rumor-title{align-self:start;position:sticky;top:118px}
.rumor-list{display:grid}
.rumor-list article{padding:24px 0;border-bottom:1px solid var(--line)}
.rumor-list h3{margin-bottom:8px}
.rumor-list p{margin-bottom:8px}
.rumor-list strong{color:#D0767B;font-size:.85rem}
.rumor-page{display:grid}
.rumor-case{display:grid;grid-template-columns:72px 1fr;gap:26px;padding:30px 0;border-bottom:1px solid var(--line)}
.rumor-case-no{font-size:2.4rem;font-weight:900;color:#2F343C}
.rumor-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rumor-check-grid p{padding:16px;border:1px solid var(--line);margin:0}
.rumor-check-grid b{display:block;margin-bottom:8px;color:#8D939C}
.rumor-conclusion{display:block;margin-top:14px;color:#D5767C}

/* ranking */
.section-ranking{background:#0C0F14}
.ranking-layout{display:grid;grid-template-columns:.55fr 1.45fr;gap:60px}
.ranking-copy{align-self:start;position:sticky;top:118px}
.ranking-list,.ranking-page-list{list-style:none;margin:0;padding:0}
.ranking-list li,.ranking-page-list li{display:grid;grid-template-columns:70px 1fr auto;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.ranking-list li>b,.ranking-page-list li>b{font-size:1.8rem;color:#4C525B}
.ranking-list .rank-1>b,.ranking-page-list .rank-1>b{color:#C52A35}
.ranking-list .rank-2>b,.ranking-page-list .rank-2>b{color:#9B252C}
.ranking-list .rank-3>b,.ranking-page-list .rank-3>b{color:#8C5456}
.ranking-list span{display:block}
.ranking-list small{display:block;color:#777D86}
.ranking-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.ranking-tabs a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:#AAB0B7}
.ranking-tabs a.active{background:var(--red-soft);border-color:var(--line-red);color:#fff}
.ranking-page-list li{grid-template-columns:80px 1fr auto;padding:22px 0}
.ranking-page-list h2{margin:0 0 6px;font-size:1.5rem}
.ranking-page-list span{color:#7E848D;font-size:.78rem}

/* bento/opinion/people/work */
.bento-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(180px,auto);gap:14px}
.bento-card{padding:24px;border:1px solid var(--line);background:#101319;border-radius:12px}
.bento-card h3,.bento-card h2{font-size:1.5rem}
.bento-card p{font-size:.86rem}
.bento-1{grid-column:span 3;grid-row:span 2}
.bento-2,.bento-3{grid-column:span 3}
.bento-4,.bento-5{grid-column:span 3}
.section-opinion{background:linear-gradient(180deg,#11151B,#0A0C10)}
.opinion-river{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.opinion-card{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:26px;border:1px solid var(--line);border-radius:12px;background:#0D1015}
.opinion-card .text-avatar{margin:0}
.opinion-card span{color:#8A9098;font-size:.78rem}
.opinion-card blockquote{margin:8px 0 12px;color:#F3F4F5;font-size:1.28rem;font-weight:800}
.opinion-card p{margin:0;font-size:.86rem}
.profile-stack{display:grid;grid-template-columns:.55fr 1.45fr;gap:40px}
.profile-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.mini-profile{padding:22px;border:1px solid var(--line);border-radius:10px}
.mini-profile h3{margin-bottom:4px}
.mini-profile>span{color:#D05A60;font-size:.76rem}
.mini-profile p{font-size:.85rem;margin:10px 0 0}
.work-heading{display:grid;grid-template-columns:auto 1fr;column-gap:28px;align-items:end;margin-bottom:28px}
.work-heading .eyebrow{grid-column:1/-1}
.work-heading h2,.work-heading p{margin-bottom:0}
.work-heading p{max-width:700px}
.work-shelf{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line)}
.work-item{min-height:230px;padding:24px;background:#101319}
.work-item:hover{background:#151A22}
.work-item span{color:#D15A61;font-size:.72rem}
.work-item small{display:block;margin-top:18px;color:#777D86}

/* updates/views/comments/community */
.update-layout{display:grid;grid-template-columns:.62fr 1.38fr;gap:50px}
.update-heading{align-self:start;position:sticky;top:118px}
.update-flow article{display:grid;grid-template-columns:72px 90px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}
.update-flow time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#777D86}
.update-flow span{color:#D15A61;font-size:.75rem}
.update-flow p{margin:0;color:#D4D6DA}
.update-page-flow{max-width:980px;margin:auto}
.update-page-item{display:grid;grid-template-columns:85px 24px 1fr;gap:16px;position:relative;padding-bottom:34px}
.update-page-item time{color:#7B8189;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.update-line{position:relative}
.update-line::before{content:"";position:absolute;left:11px;top:8px;bottom:-42px;width:1px;background:var(--line)}
.update-line::after{content:"";position:absolute;left:7px;top:7px;width:9px;height:9px;border-radius:50%;background:#A31D27}
.update-page-item:last-child .update-line::before{display:none}
.update-page-item span{color:#D35A61;font-size:.76rem}
.update-page-item h2{margin:3px 0 7px;font-size:1.45rem}
.update-page-item p{margin:0}
.viewpoint-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.viewpoint{padding:28px;border:1px solid var(--line);border-radius:12px}
.viewpoint>span{font-size:.76rem;font-weight:900}
.viewpoint.support>span{color:#9BC3A4}
.viewpoint.doubt>span{color:#D37A7F}
.viewpoint.watch>span{color:#AEB3BA}
.viewpoint h3{margin:12px 0;font-size:1.5rem}
.comment-layout{display:grid;grid-template-columns:.55fr 1.45fr;gap:52px}
.comment-intro{align-self:start;position:sticky;top:118px}
.comment-stream{display:grid;gap:10px}
.comment-bubble{padding:20px;border:1px solid var(--line);border-radius:12px 12px 12px 3px;background:#101319}
.comment-meta{display:flex;justify-content:space-between;gap:12px}
.comment-meta span{color:#777D86;font-size:.76rem}
.comment-bubble p{margin:10px 0 8px}
.comment-bubble small{color:#6E747D}
.section-community{background:radial-gradient(circle at 15% 20%,rgba(123,17,24,.12),transparent 34%),#0D1015}
.community-board{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}
.community-main h2{font-size:3.4rem}
.community-topics{display:grid}
.community-topics a{display:grid;grid-template-columns:120px 1fr 80px;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}
.community-topics a>span{color:#D15A61;font-size:.74rem}
.community-topics small{text-align:right;color:#777D86}
.section-editor{background:#14171C}
.editor-note{display:grid;grid-template-columns:.5fr 1.5fr;gap:50px;align-items:start}
.editor-note h2{margin:0}
.editor-note p{margin:0;font-size:1.06rem;color:#C1C5CB}

/* app/principles/about/discover/faq */
.section-app{background:linear-gradient(145deg,#0C0F14,#12151B)}
.app-showcase{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.app-copy h2,.app-copy h1{max-width:820px}
.app-copy p{max-width:760px}
.device-shell{
    width:min(320px,80vw);margin:auto;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:36px;
    background:#050608;box-shadow:0 30px 90px rgba(0,0,0,.46)
}
.device-shell.large{width:min(360px,82vw)}
.device-shell img{width:100%;border-radius:26px;object-fit:contain}
.device-ui{min-height:560px;padding:22px 16px;border-radius:26px;background:linear-gradient(180deg,#141820,#0D1015)}
.device-ui>span{display:block;text-align:right;color:#6F757E;font-size:.7rem}
.device-ui>strong{display:block;margin:50px 0 24px;font-size:1.5rem}
.device-card{margin:12px 0;padding:18px;border:1px solid var(--line);border-radius:12px;background:#11151B;color:#C8CBD0}
.app-page-showcase{padding:58px 0}
.app-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.app-feature-grid article{padding:28px;border:1px solid var(--line);border-radius:12px}
.app-feature-grid span{color:#A31D27;font-weight:900}
.app-browser-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px;align-items:center}
.browser-shell{padding:12px;border:1px solid var(--line);border-radius:14px;background:#0B0D11;box-shadow:var(--shadow)}
.browser-shell img{width:100%;object-fit:contain}
.browser-ui{min-height:360px;padding:20px;border-radius:8px;background:#151A21}
.browser-ui i{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#3F454D}
.browser-ui strong{display:block;margin:100px 0 12px;font-size:2rem}
.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.principle-grid article{padding:24px;border-top:2px solid rgba(163,29,39,.35);background:#101319}
.section-light .principle-grid article{background:#F2F3F4;border-color:#B84B51}
.principle-grid b{color:#8F1A22}
.principle-grid p{font-size:.86rem;margin:0}
.about-split{display:grid;grid-template-columns:.6fr 1.4fr;gap:60px;align-items:center}
.about-mark{
    aspect-ratio:1;display:grid;place-items:center;align-content:center;border:1px solid var(--line-red);border-radius:50%;
    background:radial-gradient(circle,rgba(123,17,24,.14),transparent 64%)
}
.about-mark span{font-size:4rem;font-weight:900;letter-spacing:.08em}
.about-mark small{color:#777D86;letter-spacing:.18em;text-align:center}
.discover-band{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:30px;border:1px solid var(--line);border-radius:14px}
.discover-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.discover-links a{padding:18px;border:1px solid var(--line);background:#101319}
.faq-layout{display:grid;grid-template-columns:.58fr 1.42fr;gap:50px}
.faq-heading{align-self:start;position:sticky;top:118px}
.faq-list{display:grid;gap:8px}
.faq-item{border:1px solid var(--line);border-radius:10px;background:#101319;overflow:hidden}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;padding:18px 20px;border:0;background:transparent;cursor:pointer;font-weight:800}
.faq-plus{font-size:1.3rem;color:#D15A61}
.faq-answer{padding:0 20px 18px}
.faq-answer[hidden]{display:none!important}
.faq-answer p{margin:0}
.faq-page{max-width:980px;margin:auto}

/* page-specific utility */
.headline-page-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px}
.headline-page-lead{align-self:start;position:sticky;top:118px;padding:34px;border:1px solid var(--line-red);border-radius:14px;background:#101319}
.headline-page-lead h2{font-size:2.5rem}
.two-col-note{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:start}
.two-col-note h2{margin:0}
.two-col-note p{margin:0;font-size:1rem}
.status-legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.status-legend span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#9BA1AA;font-size:.76rem}
.rules-note{padding:34px}
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.topic-card{padding:28px;border:1px solid var(--line);border-radius:12px;background:#101319}
.topic-card strong{color:#7F858E;font-size:.8rem}
.topic-detail-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}
.topic-detail-main{padding:38px;border:1px solid var(--line-red);border-radius:16px;background:#101319}
.topic-detail-links{display:grid;gap:10px}
.topic-detail-links a{display:flex;align-items:center;padding:20px;border:1px solid var(--line);background:#101319}
.discover-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.discover-feature{padding:38px;border:1px solid var(--line-red);border-radius:14px;background:#101319}
.discover-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.discover-cards article{padding:22px;border:1px solid var(--line);background:#101319}
.discover-cards article:first-child{grid-column:span 2}
.discover-cards span{color:#D15A61;font-size:.72rem}
.discover-orbit{display:flex;gap:8px}
.discover-orbit span{width:62px;height:62px;display:grid;place-items:center;border:1px solid var(--line-red);border-radius:50%;color:#9B4348}
.generic-list,.search-results{display:grid;gap:12px}
.generic-item,.search-result{padding:24px;border:1px solid var(--line);border-radius:10px;background:#101319}
.generic-item p,.search-result p{margin:0}
.search-page-form{max-width:780px;margin-top:24px}
.search-page-form label{display:block;margin-bottom:8px;color:#8B919A;font-size:.8rem}
.search-page-form>div{display:grid;grid-template-columns:1fr auto;gap:10px}
.search-result-head{display:flex;align-items:baseline;gap:16px;margin-bottom:26px}
.search-result-head h2{margin:0}
.search-result-head span,.search-result-head strong{color:#80868F}
.search-result>span{color:#D05A61;font-size:.75rem}
.search-result h3{margin:7px 0}
.search-suggest{padding:34px;border:1px solid var(--line);border-radius:14px}
.empty-state{max-width:760px;padding:60px;border:1px solid var(--line);border-radius:16px;background:#101319}
.community-page-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:34px}
.community-posts{display:grid;gap:12px}
.community-post{padding:26px;border:1px solid var(--line);border-radius:12px;background:#101319}
.community-post-top,.community-actions{display:flex;justify-content:space-between;gap:12px;align-items:center}
.community-post-top span{color:#D05A61;font-size:.74rem}
.community-post-top small{color:#767C85}
.community-post h2{margin:10px 0;font-size:1.45rem}
.community-actions{padding-top:14px;border-top:1px solid var(--line)}
.community-actions>span{color:#8D939C;font-size:.8rem}
.like-button{border:1px solid var(--line);border-radius:999px;background:transparent;padding:6px 10px;cursor:pointer}
.like-button.is-liked{border-color:var(--line-red);color:#E26A71}
.community-side{display:grid;gap:14px;align-content:start;position:sticky;top:118px}
.side-rule{padding:26px;border:1px solid var(--line);border-radius:12px;background:#101319}
.side-rule a{color:#D6676D;font-weight:800}
.opinion-page{display:grid;gap:18px}
.opinion-long{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:32px;border:1px solid var(--line);border-radius:14px;background:#101319}
.opinion-long .text-avatar{margin:0}
.opinion-long blockquote{font-size:1.8rem;color:#F2F3F5;margin:12px 0}
.feature-detail{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}
.feature-prose{padding:38px;border:1px solid var(--line);border-radius:14px;background:#101319}
.feature-prose h3{margin-top:28px}
.feature-conclusion{margin-top:28px;padding:20px;border-left:3px solid #A31D27;background:var(--red-soft)}
.feature-conclusion span{display:block;color:#9D8587;font-size:.75rem}
.feature-conclusion strong{display:block;margin-top:6px}
.feature-aside{display:grid;gap:10px;align-content:start}
.feature-aside a{padding:20px;border:1px solid var(--line);background:#101319}
.download-steps,.safety-grid,.rights-grid,.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.download-steps article,.safety-rule,.rights-grid article,.help-grid a{padding:28px;border:1px solid var(--line);border-radius:12px;background:#101319}
.download-steps b,.safety-rule>b,.help-grid b{color:#9C1C24}
.safety-grid,.rights-grid{grid-template-columns:repeat(2,1fr)}
.privacy-ledger{display:grid}
.privacy-ledger article{display:grid;grid-template-columns:180px 1fr 1.2fr;gap:24px;padding:26px 0;border-bottom:1px solid var(--line);align-items:start}
.privacy-ledger>article>span{color:#D05A61;font-size:.75rem}
.privacy-ledger h2{font-size:1.45rem}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.contact-copy,.contact-form-shell{padding:34px;border:1px solid var(--line);border-radius:14px;background:#101319}
.contact-points{display:flex;flex-wrap:wrap;gap:8px}
.contact-points span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:.78rem}
.contact-form-shell form{display:grid;gap:16px}
.contact-form-shell label{display:grid;gap:7px;color:#8B9199;font-size:.8rem}
.contact-form-shell textarea{resize:vertical;min-height:150px}
.about-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:end}
.about-seal{width:240px;height:240px;display:grid;place-items:center;align-content:center;margin-left:auto;border:1px solid var(--line-red);border-radius:50%}
.about-seal strong{font-size:4rem}
.about-seal span{color:#777D86;font-size:.72rem;letter-spacing:.16em;text-align:center}
.about-longform{max-width:1000px}
.about-longform article{display:grid;grid-template-columns:180px 1fr;gap:30px;padding:40px 0;border-bottom:1px solid var(--line)}
.about-longform article .eyebrow{margin:0}
.about-longform h2{font-size:2rem}
.about-longform p{font-size:1rem}
.not-found-section{min-height:68vh;display:grid;align-items:center}
.not-found{max-width:760px;padding:70px 0}
.not-found h1{font-size:4rem}
.not-found .section-number{font-size:9rem}

/* footer/mobile */
.site-footer{padding:62px 0 26px;border-top:1px solid rgba(217,46,50,.32);background:linear-gradient(135deg,#27292D,#181A1D)}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}
.footer-brand p{max-width:430px;color:rgba(255,255,255,.68)}
.footer-grid h3{font-size:.9rem}
.footer-grid>div>a:not(.brand){display:block;padding:5px 0;color:rgba(255,255,255,.68);font-size:.84rem}
.footer-grid>div>a:hover{color:#E64A4E}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.46);font-size:.78rem}
.footer-logo{margin-bottom:18px}
.mobile-bottom-nav{display:none}
.back-to-top{
    position:fixed;right:22px;bottom:22px;z-index:400;width:42px;height:42px;border:1px solid var(--line);
    border-radius:50%;background:#151920;color:#fff;opacity:0;pointer-events:none;cursor:pointer;transition:.2s
}
.back-to-top.is-visible{opacity:1;pointer-events:auto}
.reveal{opacity:1;transform:none}
.js-ready .reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.js-ready .reveal.is-visible{opacity:1;transform:none}

@media (max-width:1200px){
    .desktop-nav{gap:13px}
    .hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}
    .hero-lead{min-height:570px;padding:34px}
    .exclusive-board{grid-template-columns:1fr 1fr}
    .exclusive-file:last-child{grid-column:span 2}
    .creator-rail{grid-template-columns:repeat(2,1fr)}
    .track-row{grid-template-columns:110px 1fr 1fr}.track-row>p:last-child{grid-column:2/-1}
    .channel-strip{grid-template-columns:repeat(2,1fr)}
    .work-shelf{grid-template-columns:repeat(3,1fr)}
    .work-item:nth-child(n+4){min-height:180px}
    .footer-grid{grid-template-columns:1.3fr repeat(3,1fr);gap:28px}
}

@media (max-width:1024px){
    .desktop-nav{display:none}
    .mega-grid{grid-template-columns:1fr}
    .hero-grid,.lead-split,.portrait-split,.editorial-duo,.variety-layout,.timeline-sample,.ranking-layout,.profile-stack,.update-layout,.comment-layout,.community-board,.app-showcase,.about-split,.faq-layout,.headline-page-grid,.community-page-grid,.feature-detail{grid-template-columns:1fr}
    .hero-lead{min-height:auto}
    .hero-graphic{position:relative;right:auto;bottom:auto;margin-top:32px}
    .headline-page-lead,.timeline-intro,.ranking-copy,.rumor-title,.update-heading,.comment-intro,.faq-heading,.community-side{position:static}
    .exclusive-columns,.track-case-grid{grid-template-columns:repeat(2,1fr)}
    .exclusive-columns>div:nth-child(2){border-right:0}
    .response-ledger article{grid-template-columns:110px 1fr}.response-ledger article p,.response-ledger article a{grid-column:2}
    .verify-board{grid-template-columns:1fr}
    .reversal-grid{grid-template-columns:1fr}
    .bento-grid{grid-template-columns:repeat(2,1fr)}
    .bento-card{grid-column:auto!important;grid-row:auto!important}
    .work-shelf{grid-template-columns:repeat(2,1fr)}
    .editor-note{grid-template-columns:1fr}
    .app-copy{text-align:left}
    .principle-grid{grid-template-columns:repeat(2,1fr)}
    .discover-band{grid-template-columns:1fr}
    .page-hero-grid{grid-template-columns:1fr}
    .page-stat{text-align:left}
    .status-legend,.ranking-tabs,.verify-filter{justify-content:flex-start}
    .video-page-grid{grid-template-columns:repeat(2,1fr)}
    .creator-page-grid{grid-template-columns:1fr}
    .film-page-grid{grid-template-columns:1fr}.film-story.film-lead{grid-column:auto}
    .topic-grid{grid-template-columns:repeat(2,1fr)}
    .download-steps,.help-grid{grid-template-columns:repeat(2,1fr)}
    .footer-grid{grid-template-columns:1.5fr repeat(3,1fr)}
}

@media (max-width:900px){
    .wrap{width:min(calc(100% - 28px),var(--wrap))}
    .section{padding:66px 0}
    .hero-section{padding-top:22px}
    .hero-grid,.video-feature-layout,.rumor-layout,.discover-columns,.topic-detail-grid,.app-browser-grid,.contact-grid,.about-hero-grid{grid-template-columns:1fr}
    .hero-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}
    .hot-mini{grid-column:span 2}
    .response-ledger article{grid-template-columns:1fr}
    .response-ledger article p,.response-ledger article a{grid-column:auto}
    .timeline-index{grid-template-columns:1fr}
    .verify-report-grid{grid-template-columns:1fr}
    .verify-report-head{grid-template-columns:1fr}
    .verify-report-head>div{text-align:left}
    .topic-detail-links{grid-template-columns:repeat(2,1fr)}
    .privacy-ledger article{grid-template-columns:1fr}
    .about-longform article{grid-template-columns:1fr}
    .about-seal{margin:0}
    .footer-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:768px){
    body{padding-bottom:66px}
    .flashbar-inner span:nth-of-type(n+2){display:none}
    .desktop-only{display:none}
    .site-header{height:64px}
    .header-inner{height:64px}
    .header-actions{gap:4px}
    .icon-button{padding:7px 8px}
    .mega-menu{top:64px;max-height:calc(100vh - 94px);overflow:auto}
    .mega-links{grid-template-columns:repeat(2,1fr)}
    .search-modal{padding-top:78px}
    .search-dialog{padding:28px 20px}
    .section-head,.split-heading{align-items:flex-start;flex-direction:column}
    .hero-side{grid-template-columns:1fr}
    .hot-mini{grid-column:auto}
    .hero-lead{padding:26px}
    .hero-lead h1{font-size:2.7rem}
    .hero-graphic{width:100%}
    .exclusive-board,.creator-rail,.channel-strip,.opinion-river,.profile-cards,.viewpoint-grid,.app-feature-grid,.discover-cards,.safety-grid,.rights-grid{grid-template-columns:1fr}
    .exclusive-file:last-child{grid-column:auto}
    .track-row{grid-template-columns:1fr}.track-row>p:last-child{grid-column:auto}
    .channel-title{grid-template-columns:auto 1fr}.channel-title>a{grid-column:2}
    .reversal-compare{grid-template-columns:1fr}.reversal-compare .vs{padding:8px;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .verify-columns,.rumor-check-grid{grid-template-columns:1fr}
    .bento-grid{grid-template-columns:1fr}
    .work-shelf{grid-template-columns:1fr}
    .update-flow article{grid-template-columns:60px 80px 1fr}
    .principle-grid{grid-template-columns:1fr}
    .discover-links{grid-template-columns:1fr 1fr}
    .page-hero{padding:54px 0 42px}
    .page-hero h1{font-size:3rem}
    .exclusive-columns{grid-template-columns:1fr}.exclusive-columns>div{border-right:0;border-bottom:1px solid var(--line)}.exclusive-columns>div:last-child{border-bottom:0}
    .watch-note{grid-template-columns:1fr}
    .track-case-grid{grid-template-columns:1fr}
    .video-page-grid{grid-template-columns:1fr}
    .celebrity-entry,.variety-page-item,.rumor-case{grid-template-columns:1fr}
    .celebrity-seq,.variety-number,.rumor-case-no{font-size:1.6rem}
    .timeline-full-node,.timeline-mini article{grid-template-columns:85px 16px 1fr}
    .timeline-full-node::before,.timeline-mini article::before{left:93px}
    .timeline-full-node dl{grid-template-columns:1fr}
    .topic-grid,.download-steps,.help-grid{grid-template-columns:1fr}
    .opinion-long{grid-template-columns:1fr}
    .community-post h2{font-size:1.25rem}
    .about-seal{width:180px;height:180px}.about-seal strong{font-size:3rem}
    .mobile-bottom-nav{
        position:fixed;left:0;right:0;bottom:0;z-index:700;height:64px;display:grid;grid-template-columns:repeat(5,1fr);
        padding-bottom:env(safe-area-inset-bottom);background:rgba(11,13,17,.97);border-top:1px solid var(--line);backdrop-filter:blur(14px)
    }
    .mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#A7ACB3;font-size:.68rem}
    .mobile-bottom-nav span{font-size:1rem}
    .back-to-top{bottom:78px}
    .footer-bottom{flex-direction:column}
}

@media (max-width:600px){
    .wrap{width:min(calc(100% - 22px),var(--wrap))}
    h1{font-size:2.4rem}
    h2{font-size:1.75rem}
    .section{padding:54px 0}
    .flashbar-inner{gap:12px}
    .brand-name{font-size:.9rem}
    .brand-image{max-width:95px}
    .search-open-button{font-size:0}
    .search-open-button::before{content:"搜";font-size:.8rem}
    .menu-button{font-size:0}
    .menu-button::before{content:"单";font-size:.8rem}
    .search-form,.search-page-form>div{grid-template-columns:1fr}
    .hero-lead,.side-story,.hero-video,.lead-card,.exclusive-deep,.creator-profile,.magazine-story,.film-story,.verify-report,.feature-prose,.contact-copy,.contact-form-shell{padding:22px}
    .headline-row{grid-template-columns:1fr}
    .headline-time{margin-bottom:-8px}
    .creator-profile dl{grid-template-columns:1fr}
    .editorial-feature h3,.magazine-story.is-lead h2,.film-lead h2{font-size:2rem}
    .community-topics a{grid-template-columns:1fr}.community-topics small{text-align:left}
    .update-flow article{grid-template-columns:52px 1fr}.update-flow p{grid-column:2}
    .discover-links,.topic-detail-links{grid-template-columns:1fr}
    .search-result-head{align-items:flex-start;flex-direction:column}
    .not-found h1{font-size:2.8rem}
    .not-found .section-number{font-size:6rem}
    .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
}

@media (prefers-reduced-motion:reduce){
    *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
