:root{--bg:#060708;--deep:#0b0c0f;--panel:#111216;--panel2:#18191e;--hover:#202126;--text:#e9e9eb;--muted:#a5a5ac;--dim:#777880;--red:#ff1d31;--red2:#ff3749;--darkred:#b60819;--edge:rgba(255,255,255,.08);--rededge:rgba(255,29,49,.42);--shadow:0 18px 44px rgba(0,0,0,.42);--glow:0 14px 38px rgba(255,29,49,.18);--shell:min(1320px,calc(100% - 36px))}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;left:12px;top:-80px;z-index:9999;background:#fff;color:#000;padding:10px 14px;border-radius:4px}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:800;background:rgba(6,7,8,.97);backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(0,0,0,.3)}.status-bar{height:34px;border-bottom:1px solid rgba(255,29,49,.28);background:#040405}.status-inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;font-size:12px;color:var(--muted)}.status-links,.status-actions{display:flex;align-items:center;gap:17px}.status-actions{justify-content:flex-end}.status-bar a:hover,.text-button:hover{color:#fff}.text-button{border:0;background:none;padding:0;cursor:pointer}.brand-bar{height:76px;border-bottom:1px solid var(--edge)}.brand-inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.icon-button,.brand-link,.more-button{min-height:44px;border:1px solid var(--edge);background:var(--panel);padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.icon-button{justify-self:start;border-left:3px solid var(--red)}.brand-mark{display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:190px}.brand-logo{display:block;max-width:220px;max-height:58px;object-fit:contain}.brand-name{font-size:28px;font-weight:900;letter-spacing:.08em;color:#fff;line-height:1}.brand-name::first-letter{color:var(--red)}.brand-en{font-size:10px;letter-spacing:.28em;color:var(--muted);margin-top:7px}.brand-actions{justify-self:end;display:flex;gap:10px}.brand-link{background:transparent}.brand-link:hover,.icon-button:hover{border-color:var(--rededge);background:var(--hover)}.section-nav{height:44px;border-bottom:1px solid var(--edge);background:var(--deep)}.section-nav-inner{height:100%;display:flex;align-items:stretch}.section-scroll{display:flex;align-items:stretch;min-width:0;overflow:hidden;flex:1}.section-scroll a{white-space:nowrap;display:flex;align-items:center;padding:0 15px;font-size:14px;color:var(--muted);border-bottom:2px solid transparent}.section-scroll a:hover,.section-scroll a.active{color:#fff;border-bottom-color:var(--red)}.more-wrap{position:relative;flex:none}.more-button{height:44px;min-height:44px;border-width:0 0 0 1px;padding-inline:16px}.more-menu{position:absolute;right:0;top:calc(100% + 8px);width:210px;background:var(--panel);border:1px solid var(--edge);box-shadow:var(--shadow);padding:8px;z-index:50}.more-menu a{display:block;padding:10px 12px;border-radius:4px;color:var(--muted)}.more-menu a:hover{background:var(--hover);color:#fff}
main{min-height:60vh}.hero{padding:48px 0 34px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--red2);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow::before{content:"";width:22px;height:3px;background:var(--red)}.hero h1{font-size:clamp(38px,6vw,82px);line-height:1.06;letter-spacing:-.055em;margin:12px 0 18px;color:#fff;max-width:950px}.hero p{max-width:860px;color:var(--muted);font-size:18px;margin:0}.hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.status-chip{border:1px solid var(--rededge);background:rgba(255,29,49,.08);color:#fff;padding:5px 10px;font-size:12px;border-radius:4px}.section{padding:34px 0}.section-dark{background:var(--deep);border-block:1px solid var(--edge)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.section-head h2{font-size:clamp(26px,4vw,42px);line-height:1.15;margin:0;color:#fff;letter-spacing:-.04em}.section-head p{max-width:620px;margin:0;color:var(--muted)}.red-rule{height:4px;width:64px;background:linear-gradient(90deg,var(--red2),var(--darkred));margin-bottom:12px}.main-button,.ghost-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 20px;font-weight:800}.main-button{background:linear-gradient(135deg,#ff3749 0%,#ff1d31 52%,#9d0615 100%);box-shadow:var(--glow)}.ghost-button{border:1px solid var(--edge);background:var(--panel)}.main-button:hover,.ghost-button:hover{transform:translateY(-1px)}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.read-link{display:inline-flex;margin-top:15px;color:#fff;border-bottom:1px solid var(--red)}
.image-fallback{background:linear-gradient(145deg,#17181d,#0a0b0d 62%,#35050b);border:1px solid var(--edge);min-height:240px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.image-fallback::before{content:"";position:absolute;inset:10%;border:1px solid rgba(255,29,49,.25);transform:skewX(-8deg);pointer-events:none}.image-fallback span{font-weight:900;letter-spacing:.25em;color:rgba(255,255,255,.34);font-size:clamp(18px,3vw,36px)}img{max-width:100%;height:auto}.media-image{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topic-card{position:relative;background:var(--panel);border:1px solid var(--edge);padding:22px;min-height:245px;overflow:hidden}.topic-card::after{content:"";position:absolute;right:-42px;bottom:-42px;width:120px;height:120px;border:1px solid rgba(255,29,49,.18);transform:rotate(45deg);pointer-events:none}.topic-card:hover{border-color:var(--rededge);transform:translateY(-2px);transition:.2s}.topic-card .kicker{color:var(--red2);font-size:12px;font-weight:800;letter-spacing:.08em}.topic-card h3{font-size:21px;line-height:1.35;margin:10px 0;color:#fff}.topic-card p{color:var(--muted);margin:0}.faq-list{display:grid;gap:10px}.faq-list details{background:var(--panel);border:1px solid var(--edge);padding:0 18px}.faq-list summary{cursor:pointer;list-style:none;padding:17px 34px 17px 0;font-weight:800;color:#fff;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:0;top:14px;color:var(--red);font-size:24px}.faq-list details[open] summary::after{content:"−"}.faq-list p{margin:0;padding:0 0 18px;color:var(--muted)}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.related-grid a{min-height:92px;background:linear-gradient(135deg,var(--panel2),var(--panel));border:1px solid var(--edge);padding:16px;display:flex;align-items:end;justify-content:space-between;font-weight:800}.related-grid a:hover{border-color:var(--rededge);box-shadow:var(--glow)}.reading-note{border-left:4px solid var(--red);background:rgba(255,29,49,.06);padding:18px 20px;color:var(--muted)}
.home-lead{padding:32px 0 24px}.editor-desk{display:grid;grid-template-columns:1.7fr 1fr .9fr;gap:14px}.lead-story,.secondary-story,.brief-column{background:var(--panel);border:1px solid var(--edge)}.lead-story{min-height:590px;display:flex;flex-direction:column}.lead-story .media-image,.lead-story .image-fallback{aspect-ratio:16/9;min-height:280px}.story-body{padding:24px}.story-tag{display:inline-block;background:var(--red);color:#fff;font-size:11px;font-weight:800;padding:4px 8px}.lead-story h1{font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-.05em;margin:14px 0}.lead-story p,.secondary-story p,.brief-column p{color:var(--muted)}.secondary-stack{display:grid;gap:14px}.secondary-story{display:flex;flex-direction:column}.secondary-story .media-image,.secondary-story .image-fallback{aspect-ratio:16/8;min-height:150px}.secondary-story .story-body{padding:18px}.secondary-story h2{font-size:24px;line-height:1.25;margin:10px 0}.brief-column{padding:18px}.brief-column h2{font-size:20px;margin:0 0 10px}.brief-list{display:grid}.brief-list a{display:block;border-top:1px solid var(--edge);padding:13px 0}.brief-list strong{display:block}.brief-list span{font-size:12px;color:var(--muted)}.verify-callout{margin-top:16px;padding:16px;background:rgba(255,29,49,.08);border:1px solid var(--rededge)}
.live-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--edge);border:1px solid var(--edge)}.live-item{background:var(--panel);padding:16px}.live-time{color:var(--red2);font-size:11px;font-weight:800}.live-item h3{font-size:17px;line-height:1.35;margin:6px 0}.live-item p{font-size:13px;color:var(--muted);margin:0}.rank-list{display:grid;gap:8px}.rank-row{display:grid;grid-template-columns:72px 1fr auto;gap:18px;align-items:center;padding:18px;background:var(--panel);border:1px solid var(--edge)}.rank-no{font-size:32px;font-weight:900;color:var(--red)}.rank-row h3{margin:0}.rank-row p{margin:4px 0 0;color:var(--muted)}.rank-state{white-space:nowrap;font-size:12px;border:1px solid var(--rededge);padding:5px 8px}.feature-split{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.feature-copy{background:var(--panel);border:1px solid var(--edge);padding:26px}.feature-copy h3{font-size:32px;line-height:1.2;margin:10px 0}.feature-copy p{color:var(--muted)}.mini-news{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mini-news article{background:var(--panel);border:1px solid var(--edge);padding:18px}.mini-news h3{font-size:18px;line-height:1.35;margin:8px 0}.mini-news p{color:var(--muted);font-size:14px}.poster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.poster-card{min-height:260px;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--edge);padding:20px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.poster-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.76));pointer-events:none}.poster-card>*{position:relative}.poster-card h3{font-size:22px;line-height:1.25;margin:7px 0}.poster-card p{color:var(--muted);margin:0}.masonry-grid{columns:3;column-gap:12px}.masonry-card{break-inside:avoid;background:var(--panel);border:1px solid var(--edge);padding:20px;margin-bottom:12px}.masonry-card:nth-child(3n+1){min-height:250px}.masonry-card h3{font-size:21px;line-height:1.3}.masonry-card p{color:var(--muted)}.deep-dive{background:linear-gradient(130deg,#1b0a0d,var(--panel) 48%,var(--deep));border:1px solid var(--rededge);padding:28px}.deep-dive h3{font-size:34px;line-height:1.2;margin:10px 0}.deep-dive p{color:#d1c6c8}.observation-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}.observation-grid article{background:var(--panel);border:1px solid var(--edge);padding:16px}.observation-grid h3{font-size:17px;line-height:1.35}.observation-grid p{font-size:13px;color:var(--muted)}.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.archive-card{background:var(--panel);border:1px solid var(--edge);padding:20px}.archive-no{font-size:13px;color:var(--red2);font-weight:900}.archive-card h3{font-size:22px;line-height:1.3}.archive-card p{color:var(--muted)}.verification-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.verify-card{background:var(--panel);border:1px solid var(--edge);padding:20px}.verify-label{display:inline-block;font-size:11px;font-weight:900;padding:5px 8px}.v-solid{background:var(--red)}.v-mix{background:linear-gradient(90deg,var(--red),#555)}.v-gray{background:#555}.v-dark{background:var(--darkred)}.v-outline{border:1px solid var(--red);color:var(--red2)}.v-white{background:#fff;color:var(--red)}.verify-card h3{font-size:20px}.verify-card p{color:var(--muted)}.timeline-list{position:relative;padding-left:34px}.timeline-list::before{content:"";position:absolute;left:10px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--red2),var(--darkred))}.timeline-node{position:relative;background:var(--panel);border:1px solid var(--edge);padding:18px;margin-bottom:12px}.timeline-node::before{content:"";position:absolute;left:-30px;top:24px;width:12px;height:12px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(255,29,49,.12)}.timeline-node h3{margin:0 0 6px}.timeline-node p{margin:0;color:var(--muted)}.contribute-band{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;background:linear-gradient(135deg,#2a050a,#12080a 55%,var(--panel));border:1px solid var(--rededge);padding:26px}.contribute-band h2{font-size:34px;line-height:1.18;margin:8px 0}.contribute-band p{color:#d8c8ca}.app-split,.about-split{display:grid;grid-template-columns:1fr 1.1fr;gap:22px;align-items:center}.app-copy,.about-copy{background:var(--panel);border:1px solid var(--edge);padding:26px}.app-copy h2,.about-copy h2{font-size:36px;line-height:1.2;margin:8px 0}.app-copy p,.about-copy p{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.service-grid div{border-top:2px solid var(--red);padding:12px;background:var(--panel2)}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.principle-grid article{background:var(--panel);border:1px solid var(--edge);padding:18px}.principle-grid h3{font-size:18px}.principle-grid p{color:var(--muted);font-size:14px}
.site-footer{background:#040405;border-top:1px solid rgba(255,29,49,.25);padding:48px 0 90px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:28px}.footer-grid h2{font-size:13px;margin:0 0 12px;text-transform:uppercase;letter-spacing:.08em}.footer-grid>div>a{display:block;color:var(--muted);padding:4px 0}.footer-grid>div>a:hover{color:#fff}.footer-brand p{color:var(--muted);max-width:420px;margin:18px 0 0}.footer-logo{display:inline-flex;flex-direction:column}.footer-logo img{max-width:210px;max-height:58px;object-fit:contain}.footer-logo strong{font-size:28px}.footer-logo span{font-size:10px;letter-spacing:.25em;color:var(--muted)}.footer-bottom{border-top:1px solid var(--edge);margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:var(--dim);font-size:13px}.footer-bottom span:last-child{display:flex;gap:18px}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:900;opacity:0;visibility:hidden;pointer-events:none;transition:.18s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.channel-panel{position:fixed;left:0;top:0;bottom:0;width:min(500px,90vw);background:var(--deep);z-index:950;transform:translateX(-102%);visibility:hidden;pointer-events:none;transition:.22s;box-shadow:var(--shadow);display:flex;flex-direction:column}.channel-panel.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.panel-head{min-height:82px;border-bottom:1px solid var(--edge);display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.panel-brand{display:flex;flex-direction:column}.panel-brand img{max-width:190px;max-height:52px;object-fit:contain}.panel-brand strong{font-size:24px}.panel-brand span{font-size:10px;letter-spacing:.24em;color:var(--muted)}.panel-close{width:44px;height:44px;border:1px solid var(--edge);background:var(--panel);font-size:28px;cursor:pointer}.channel-content{overflow-y:auto;padding:18px}.channel-content section+section{margin-top:20px}.channel-content h2{font-size:12px;color:var(--red2);letter-spacing:.16em;margin:0 0 8px}.channel-content a{display:flex;flex-direction:column;padding:12px;border-bottom:1px solid var(--edge)}.channel-content a:hover{background:var(--hover)}.channel-content strong{font-size:15px}.channel-content span{font-size:12px;color:var(--muted)}.search-panel{position:fixed;inset:0;background:rgba(6,7,8,.98);z-index:960;visibility:hidden;opacity:0;pointer-events:none;transition:.18s;overflow-y:auto}.search-panel.is-open{visibility:visible;opacity:1;pointer-events:auto}.search-shell{padding:54px 0 80px}.search-head{display:flex;align-items:center;justify-content:space-between}.search-head h2{font-size:clamp(32px,6vw,70px);margin:0}.search-panel label{display:block;color:var(--muted);margin-top:28px}.search-panel input{width:100%;height:64px;background:var(--panel);border:1px solid var(--edge);color:#fff;padding:0 18px;font-size:20px;outline:none}.search-panel input:focus{border-color:var(--red)}.search-note{color:var(--dim)}.search-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.search-links a{background:var(--panel);border:1px solid var(--edge);padding:18px;font-weight:800}.search-links a:hover{border-color:var(--rededge)}.search-links span{display:block;color:var(--muted);font-size:13px;font-weight:400;margin-top:5px}.no-results{color:var(--muted);padding:22px;background:var(--panel);border:1px solid var(--edge)}.panel-open{overflow:hidden}.mobile-nav{display:none}
@media(max-width:1100px){.editor-desk{grid-template-columns:1.4fr 1fr}.brief-column{grid-column:1/-1}.topic-grid{grid-template-columns:repeat(2,1fr)}.observation-grid{grid-template-columns:repeat(3,1fr)}.archive-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}.search-links{grid-template-columns:repeat(2,1fr)}.principle-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){:root{--shell:calc(100% - 28px)}body{padding-bottom:70px}.status-bar{height:30px}.status-inner{grid-template-columns:1fr auto;gap:8px}.status-brand{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-links{display:none}.status-actions a{display:none}.brand-bar{height:58px}.brand-inner{grid-template-columns:auto 1fr auto;gap:8px}.icon-button{padding:0 10px;min-height:42px}.icon-button span:last-child{display:none}.brand-mark{min-width:0}.brand-logo{max-width:150px;max-height:44px}.brand-name{font-size:21px}.brand-en{font-size:8px;margin-top:4px}.brand-actions{gap:0}.brand-link{padding:0 10px;min-height:42px;font-size:12px}.desktop-only{display:none}.section-nav{height:40px}.section-nav-inner{width:100%}.section-scroll{overflow-x:auto;scrollbar-width:none;padding-left:14px}.section-scroll::-webkit-scrollbar{display:none}.section-scroll a{padding:0 12px;font-size:13px}.more-wrap{display:none}.hero{padding:30px 0 24px}.hero h1{font-size:42px}.hero p{font-size:16px}.section{padding:26px 0}.section-head{display:block}.section-head p{margin-top:10px}.topic-grid,.related-grid,.verification-grid,.feature-split,.app-split,.about-split,.contribute-band{grid-template-columns:1fr}.topic-card{min-height:0}.editor-desk{grid-template-columns:1fr}.lead-story{min-height:0}.lead-story h1{font-size:36px}.secondary-stack{grid-template-columns:1fr}.live-strip{grid-template-columns:1fr}.rank-row{grid-template-columns:52px 1fr;gap:10px}.rank-state{grid-column:2}.mini-news,.poster-grid,.archive-grid,.service-grid,.principle-grid{grid-template-columns:1fr}.masonry-grid{columns:1}.observation-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span:last-child{margin-top:8px}.search-links{grid-template-columns:1fr}.search-shell{padding-top:24px}.search-head h2{font-size:38px}.search-panel input{height:56px;font-size:16px}.site-footer{padding-bottom:96px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:850;height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(4,4,5,.98);border-top:1px solid var(--edge);display:grid;grid-template-columns:repeat(5,1fr)}.mobile-nav a,.mobile-nav button{border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;font-size:11px;cursor:pointer}.mobile-nav span{font-size:17px;line-height:1}.mobile-nav a.active{color:var(--red2)}.image-fallback{min-height:190px}.contribute-band{padding:20px}}
@media(max-width:420px){.footer-grid{grid-template-columns:1fr}.rank-row{grid-template-columns:44px 1fr;padding:14px}.rank-no{font-size:26px}.lead-story .story-body{padding:18px}.brand-link{padding-inline:8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--red2);outline-offset:3px}