:root{color-scheme:dark;--base:#121418;--panel:#1e222a;--deep:#0a0b0d;--secondary:#1a1d24;--text:#e6e8ec;--sub:#a0a7b3;--muted:#8c93a0;--accent:#ff3e3e;--line:#343944;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--base);color:var(--text);font:15px/1.65 system-ui,-apple-system,'Segoe UI','Microsoft Yahei',sans-serif;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}a:hover{color:#ff7676}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35;letter-spacing:-.028em}h1{font-size:clamp(30px,4vw,52px)}h2{font-size:21px}h3{font-size:17px}p{color:var(--sub)}.container{max-width:var(--max);margin-inline:auto;padding-inline:24px}.narrow{max-width:760px}.muted{color:var(--muted)}.small{font-size:12px}.accent{color:var(--accent)}.eyebrow{display:block;color:var(--accent);font:700 11px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.105em;text-transform:uppercase}.tag{display:inline-flex;padding:1px 6px;border:1px solid #7f383a;background:#392022;color:#ff9393;border-radius:2px;font-size:11px;font-weight:700}.text-link{color:#ff8d8d;font-size:13px;font-weight:700}.button{display:inline-block;background:var(--accent);color:#fff;padding:10px 15px;border-radius:2px;font-weight:700}.button:hover{background:#db2b2b;color:#fff}.skip-link{position:absolute;left:15px;top:-90px;z-index:50;background:#fff;color:#000;padding:10px}.skip-link:focus{top:12px}.top-strip{background:var(--deep);border-bottom:1px solid #27292e;color:#adb2bb;font-size:11px}.strip-inner{display:flex;justify-content:space-between;gap:15px;padding-block:7px}.strip-inner strong{color:#fff}.live-dot,.status-dot{display:inline-block;vertical-align:middle;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #ff3e3e77;margin-right:6px}.site-header{background:#101216;border-bottom:1px solid var(--line)}.header-layout{display:flex;align-items:center;gap:30px;min-height:79px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:38px;height:38px;object-fit:contain}.brand-word{display:flex;flex-direction:column;font-weight:900;white-space:nowrap;font-size:23px;letter-spacing:-.06em;line-height:1.15}.brand-word small{color:var(--muted);font-size:9px;font-weight:600;letter-spacing:.04em;margin-top:6px}.primary-nav{display:flex;align-items:center;gap:2px;flex-wrap:wrap;margin-left:auto}.primary-nav a{font-weight:650;font-size:13px;padding:12px 14px;white-space:nowrap;color:#cbd0d8;border-bottom:2px solid transparent}.primary-nav a:hover,.primary-nav [aria-current]{color:white;background:#24262d;border-bottom-color:var(--accent)}.header-access{border:1px solid #763536;padding:8px 13px;font-size:11px;white-space:nowrap;color:#ff9f9f}.page-kicker{padding:22px 0 18px;display:flex;align-items:center;justify-content:space-between;font:700 11px/1.4 ui-monospace,monospace;letter-spacing:.1em;color:#aab1bd;border-bottom:1px solid var(--line)}.intro-row{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:35px;align-items:end;padding:30px 0 32px}.intro-row h1{margin:8px 0 11px;font-weight:900;max-width:920px}.intro-row p{font-size:14px;max-width:770px;margin:0}.intro-index{border-left:2px solid var(--accent);padding:8px 0 8px 17px;display:flex;flex-direction:column;gap:5px}.intro-index span,.intro-index small{color:var(--muted);font-size:11px}.intro-index b{font-size:16px}.dashboard{display:grid;grid-template-columns:minmax(0,1.23fr) minmax(310px,.77fr);gap:15px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:3px;min-width:0}.panel-title{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:17px 19px;border-bottom:1px solid var(--line)}.panel-title h2{margin:5px 0 0}.panel-badge{font:700 10px/1.5 ui-monospace,monospace;border:1px solid #514749;color:#f8a0a0;padding:3px 7px;white-space:nowrap}.timeline-list{margin:0;padding:2px 20px;list-style:none}.timeline-list li{display:grid;grid-template-columns:33px minmax(0,1fr);gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.timeline-list li:last-child{border-bottom:0}.timeline-marker{font:700 13px/1.8 ui-monospace,monospace;color:var(--accent);border-right:1px solid #653636}.timeline-list a{display:block;font-size:15px;font-weight:750;margin-top:5px;line-height:1.45}.timeline-list p{font-size:12px;line-height:1.55;margin:5px 0 0}.panel-more{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;border-top:1px solid var(--line);font-size:12px;font-weight:800;color:#ff8c8c}.feature-card{padding:18px 18px 9px}.feature-card>a{display:block;position:relative;aspect-ratio:16/9;background:#333841;overflow:hidden}.feature-card img,.story-art img,.video-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.feature-card a:hover img,.story-art:hover img,.video-image:hover img{transform:scale(1.025)}.feature-overlay{position:absolute;bottom:0;left:0;padding:7px 11px;background:#0a0b0ddc;color:#ffb8b8;font-size:11px;font-weight:700}.feature-card h3{margin:13px 0 4px;font-size:18px}.feature-card p{margin:0;font-size:12px}.rank-list{margin:0;padding:0 18px 6px;list-style:none}.rank-list li{display:flex;align-items:start;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.rank-list b{color:var(--accent);font:900 16px/1.4 ui-monospace,monospace}.rank-list a{font-weight:700;font-size:13px;line-height:1.5}.section-block{margin-top:42px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:17px;border-bottom:1px solid var(--line);padding-bottom:15px}.section-heading h2{margin:6px 0 0;font-size:25px}.section-heading p{margin:8px 0 0;font-size:13px}.section-heading .text-link{flex-shrink:0}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.story-card{background:var(--panel);border:1px solid var(--line);border-radius:3px;overflow:hidden;min-width:0}.story-card.keyboard-focus{outline:1px solid var(--accent)}.story-art{display:block;aspect-ratio:16/9;overflow:hidden;background:#34373f}.story-text{padding:16px}.story-text .meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}.story-text h3{margin:11px 0 8px;line-height:1.47}.story-text p{font-size:12px;line-height:1.75;margin:0}.video-band{padding:22px;background:#181a20;border:1px solid var(--line)}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.video-card{min-width:0;border:1px solid var(--line);background:var(--panel)}.video-image{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#333}.video-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 65%,#07080970)}.play-icon{position:absolute;z-index:1;bottom:10px;left:11px;display:grid;place-items:center;width:32px;height:32px;background:var(--accent);color:white;font-size:14px;border-radius:2px}.video-caption{padding:15px}.video-caption h3,.video-caption h2{font-size:17px;margin:8px 0}.video-caption p{font-size:12px;margin:0}.double-section{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:55px}.double-section>.panel{padding-bottom:0}.double-section>.panel>p{padding:17px 19px 0;margin:0;font-size:13px}.topic-chips{padding:16px 19px 20px;display:flex;flex-wrap:wrap;gap:8px}.topic-chips a{font-size:12px;color:#e8e8eb;background:#333840;padding:6px 10px;border:1px solid #4a4e59}.discussion-points{padding:17px 23px 13px 42px;color:var(--sub);font-size:13px;margin:0}.discussion-points li{padding:4px}.site-footer{background:var(--deep);border-top:2px solid #672b2e;margin-top:55px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;padding-block:40px}.footer-brand{font-size:23px;font-weight:900}.footer-brand span{font-size:11px;letter-spacing:.1em;color:var(--accent)}.footer-grid p{font-size:12px;line-height:1.8;margin:12px 0}.footer-grid h2{font-size:13px;margin:5px 0 15px}.footer-grid a:not(.footer-brand){display:block;color:var(--sub);font-size:12px;margin:8px 0}.footer-grid a:hover{color:#fff}.footer-grid code{font-size:12px;color:#ff9595;word-break:break-all}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid #282a2f;font-size:11px;color:var(--muted)}.content-page{padding-top:45px}.page-header{max-width:900px;margin-bottom:35px}.page-header h1{font-size:clamp(30px,4vw,44px);margin:9px 0 15px}.page-header p{max-width:850px;font-size:15px;line-height:1.85}.listing-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.list-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);margin-bottom:15px}.list-topline h2{font-size:18px}.list-topline span{font-size:11px;color:var(--muted)}.article-list{display:grid;gap:11px}.story-card.horizontal{display:grid;grid-template-columns:210px minmax(0,1fr)}.story-card.horizontal .story-art{height:100%;min-height:140px;aspect-ratio:auto}.story-card.horizontal .story-text{padding:19px}.story-card.horizontal h3{font-size:18px}.sidebar{display:grid;gap:15px;min-width:0}.sidebar .panel{padding:20px}.sidebar h2{font-size:17px;margin:8px 0 14px}.sidebar p{font-size:13px}.side-steps{padding-left:21px;color:#bec3cd;font-size:13px}.side-steps li{margin-bottom:14px}.topic-sections{display:grid;gap:38px}.topic-section{scroll-margin-top:20px}.topic-heading{border-left:3px solid var(--accent);padding-left:18px;margin-bottom:17px}.topic-heading span{font:700 12px/1.5 ui-monospace,monospace;color:var(--accent)}.topic-heading h2{font-size:25px;margin:9px 0}.topic-heading p{font-size:13px;margin:0}.large-grid .video-card{align-self:start}.large-grid .video-caption{padding:20px}.notice,.editor-note{background:#242127;border:1px solid #634144;padding:18px 20px;margin-top:27px}.notice strong,.editor-note strong{color:#ffaaaa}.notice p,.editor-note p{font-size:13px;margin:7px 0 0}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.community-grid .panel{padding:24px}.community-grid .panel h2{font-size:22px;margin:9px 0 13px}.community-grid .panel p{font-size:14px;line-height:1.85;margin:0}.detail-layout{padding-top:34px;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:30px;align-items:start}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:29px}.breadcrumbs a{color:#d2d5dc}.detail-head h1{font-size:clamp(29px,3.5vw,44px);margin:14px 0}.detail-head .lead{font-size:17px;line-height:1.8;color:#b8bec8}.detail-meta{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:16px;margin-top:23px;color:var(--muted);font-size:12px}.detail-figure{margin:26px 0}.detail-figure img,.video-cover img{width:100%;max-height:500px;aspect-ratio:16/9;object-fit:cover;background:#292e37}.detail-figure figcaption,.video-cover figcaption{font-size:11px;color:var(--muted);margin-top:8px}.article-prose{border-top:1px solid var(--line);padding-top:18px}.article-prose section{margin:28px 0}.article-prose h2{font-size:24px;border-left:3px solid var(--accent);padding-left:12px}.article-prose p{font-size:16px;line-height:2.05;color:#c3c7d0}.article-end{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:18px 0;margin-top:28px;font-size:13px;color:#ffa4a4}.detail-sidebar{padding-top:45px}.related-list{list-style:none;padding:0;margin:0}.related-list li{border-top:1px solid var(--line);padding:12px 0;font-size:13px}.video-detail .page-header{margin-bottom:24px}.video-cover{margin:0;max-width:950px}.frame-section{max-width:950px;margin-top:38px}.frame-section h2{font-size:24px}.frame-list{counter-reset:frame;list-style:none;margin:0;padding:0}.frame-list li{padding:20px;border:1px solid var(--line);background:var(--panel);margin:10px 0}.frame-list strong{font:700 12px ui-monospace,monospace;color:#ff9898}.frame-list p{margin:9px 0 0;font-size:15px}.not-found{padding-block:90px}.not-found h1{margin:10px 0}.not-found .button{margin:20px 15px 0 0}@media(max-width:1040px){.header-layout{flex-wrap:wrap;gap:0;padding-top:12px}.primary-nav{order:3;width:100%;margin-left:0;justify-content:space-between}.primary-nav a{padding:13px 10px}.header-access{margin-left:auto}.dashboard{grid-template-columns:1fr 1fr}.story-card.horizontal{grid-template-columns:160px minmax(0,1fr)}.footer-grid{gap:20px}}@media(max-width:760px){.container{padding-inline:15px}.strip-inner{font-size:10px}.strip-inner>a strong{display:none}.header-layout{min-height:0}.brand-word{font-size:20px}.header-access{font-size:10px}.primary-nav{overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap;scrollbar-width:thin}.primary-nav a{flex-shrink:0;font-size:12px;padding:12px}.page-kicker{padding:17px 0}.page-kicker .muted{display:none}.intro-row{display:block;padding:25px 0}.intro-row h1{font-size:35px}.intro-index{display:none}.dashboard{grid-template-columns:1fr}.story-grid,.video-grid{grid-template-columns:1fr 1fr}.double-section{grid-template-columns:1fr}.listing-layout,.detail-layout{grid-template-columns:1fr}.detail-sidebar{padding-top:0}.sidebar{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.community-grid{grid-template-columns:1fr}.content-page{padding-top:30px}.video-band{padding:13px}.section-heading h2{font-size:23px}.section-block{margin-top:32px}}@media(max-width:520px){.story-grid,.video-grid,.sidebar{grid-template-columns:1fr}.story-card.horizontal{grid-template-columns:125px minmax(0,1fr)}.story-card.horizontal .story-text{padding:12px}.story-card.horizontal h3{font-size:14px;margin:6px 0}.story-card.horizontal p{font-size:11px;line-height:1.5}.story-card.horizontal .story-art{min-height:125px}.story-card.horizontal .story-text .meta{font-size:10px}.footer-grid{gap:16px}.footer-grid>div:first-child{grid-column:1/-1}.section-heading{align-items:start}.section-heading .text-link{font-size:11px}.page-header h1{font-size:30px}.intro-row h1{font-size:32px}.detail-head h1{font-size:30px}.article-prose p{font-size:15px}.footer-bottom{flex-wrap:wrap}.panel-title{padding:14px}.timeline-list{padding:0 14px}.timeline-list li{gap:10px}.story-card:not(.horizontal) .story-text{padding:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
