:root{--bg:#0D0D0D;--deep:#080808;--card:#161616;--card2:#1F1F1F;--hover:#2A2A2A;--text:#E8E8E8;--muted:#B0B0B0;--soft:#777;--orange:#FF6B00;--bright:#FF8C00;--darkorange:#E65C00;--light:#FFB347;--line:rgba(255,107,0,.18);--line2:rgba(255,140,0,.4);--shadow:0 16px 48px rgba(0,0,0,.65);--glow:0 12px 36px rgba(255,107,0,.22);--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.72;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{position:sticky;top:0;z-index:60;background:rgba(8,8,8,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav-shell{max-width:var(--max);height:74px;margin:auto;padding:0 18px;display:flex;align-items:center;gap:18px}.brand{display:inline-flex;align-items:center;flex:0 0 auto}.brand img{display:block;max-width:148px;max-height:48px;width:auto;height:auto;object-fit:contain}.brand-text{font-size:27px;font-weight:900;color:#fff;letter-spacing:.5px}.desktop-nav{display:flex;align-items:center;gap:6px;min-width:0}.desktop-nav a{padding:9px 12px;border-radius:999px;color:#ddd;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a.active{background:rgba(255,107,0,.12);color:#fff;box-shadow:inset 0 -2px var(--orange)}.nav-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.icon-btn,.text-btn,.app-btn,.menu-trigger,.close-btn{border:0;cursor:pointer;color:#fff;white-space:nowrap}.icon-btn,.text-btn,.menu-trigger{background:#1a1a1a;border:1px solid var(--line);padding:9px 12px;border-radius:999px}.app-btn{background:linear-gradient(135deg,#FF8C00 0%,#FF6B00 50%,#E65C00 100%);padding:10px 16px;border-radius:999px;font-weight:800;box-shadow:var(--glow)}.mobile-menu-trigger{display:none;min-width:44px;min-height:44px}.hero,.page-hero{max-width:var(--max);margin:0 auto;padding:44px 18px 22px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);gap:28px;align-items:stretch}.hero-visual,.wide-visual,.media-box{background:radial-gradient(circle at 20% 20%,rgba(255,107,0,.25),transparent 34%),linear-gradient(145deg,#1f1f1f,#0c0c0c);border:1px solid var(--line);border-radius:18px;overflow:hidden;min-height:360px;box-shadow:var(--shadow)}.hero-visual img,.wide-visual img,.media-box img,.app-shot img,.section-image img{display:block;width:100%;height:100%;object-fit:contain;background:#0b0b0b}.hero-copy{background:linear-gradient(180deg,#171717,#101010);border:1px solid var(--line);border-radius:18px;padding:30px;display:flex;flex-direction:column;justify-content:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--light);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero h1,.page-hero h1{font-size:clamp(34px,4.6vw,62px);line-height:1.08;margin:10px 0 18px;color:#fff}.page-hero h1{font-size:clamp(32px,4vw,52px)}.lead{font-size:17px;color:#d8d8d8;max-width:850px}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border-radius:999px;font-weight:800}.btn-primary{background:linear-gradient(135deg,#FF8C00,#FF6B00 50%,#E65C00);color:#fff}.btn-secondary{border:1px solid var(--line2);background:#171717}.hero-points{display:grid;gap:10px;margin-top:10px}.hero-points a{border-top:1px solid #292929;padding-top:10px;color:#ddd}.quick-strip{max-width:var(--max);margin:0 auto 18px;padding:0 18px;display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin}.quick-strip a{flex:0 0 auto;padding:8px 12px;border:1px solid var(--line);background:#141414;border-radius:999px;color:#ccc}.quick-strip a:hover{color:#fff;border-color:var(--line2)}.section{max-width:var(--max);margin:0 auto;padding:38px 18px}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:18px}.section-head h2{margin:0;color:#fff;font-size:clamp(25px,3vw,36px)}.section-head p{margin:0;max-width:680px;color:var(--muted)}.grid-2,.grid-3,.grid-4,.grid-5,.grid-6{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.card,.feature-card,.note-card,.faq-card,.timeline-item{background:var(--card);border:1px solid #272727;border-radius:14px;padding:20px;box-shadow:0 8px 24px rgba(0,0,0,.25)}.card:hover,.feature-card:hover{border-color:var(--line2);background:#191919}.card h3,.feature-card h3,.note-card h3{margin:4px 0 9px;color:#fff}.card p,.feature-card p,.note-card p{margin:0;color:#bdbdbd}.tag{display:inline-block;padding:4px 9px;border-radius:999px;background:rgba(255,107,0,.11);color:var(--light);border:1px solid var(--line);font-size:13px}.number{font-size:44px;line-height:1;color:var(--orange);font-weight:900;letter-spacing:-.04em}.pill-list{display:flex;flex-wrap:wrap;gap:10px}.pill{background:#151515;border:1px solid var(--line);border-radius:999px;padding:9px 13px}.feature-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.feature-card.large{padding:28px;min-height:280px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(155deg,rgba(255,107,0,.15),#171717 52%)}.stack{display:grid;gap:14px}.horizontal-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,32%);gap:14px;overflow-x:auto;padding-bottom:8px}.portrait-list{display:grid;gap:12px}.portrait-item{display:grid;grid-template-columns:70px 1fr;gap:16px;align-items:start;padding:16px 0;border-bottom:1px solid #272727}.portrait-item .number{font-size:30px}.editorial-list{display:grid;gap:14px}.editorial-item{padding:22px;border-left:3px solid var(--orange);background:#141414;border-radius:0 12px 12px 0}.editorial-item h3{margin:0 0 8px}.status{display:inline-block;font-size:13px;padding:3px 8px;border-radius:999px;border:1px solid var(--line2);color:var(--light)}.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative}.timeline-item{position:relative}.timeline-item:before{content:"";position:absolute;left:20px;top:-8px;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(255,107,0,.12)}.section-image{border-radius:16px;overflow:hidden;border:1px solid var(--line);min-height:280px;background:#111}.article-shell{max-width:980px;margin:auto;padding:12px 18px 50px}.article-shell section{margin:28px 0}.article-shell h2{font-size:28px;margin-bottom:10px}.article-shell p{color:#c9c9c9}.article-shell ul{padding-left:20px;color:#c9c9c9}.article-shell li{margin:8px 0}.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:22px;align-items:start}.index-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rank-row{display:grid;grid-template-columns:88px 1fr auto;gap:16px;align-items:center;padding:20px;border-bottom:1px solid #2a2a2a}.rank-row .number{font-size:52px}.rank-row a{color:var(--light)}.topic-cover{padding:34px;border:1px solid var(--line2);border-radius:18px;background:radial-gradient(circle at right top,rgba(255,140,0,.18),transparent 30%),#121212}.app-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:28px;align-items:center}.app-shot{min-height:420px;border-radius:26px;border:1px solid var(--line);overflow:hidden;background:#111}.steps{counter-reset:step;display:grid;gap:12px}.steps article{counter-increment:step;padding:18px 18px 18px 68px;background:#151515;border-radius:14px;position:relative;border:1px solid #272727}.steps article:before{content:counter(step);position:absolute;left:18px;top:18px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--orange);font-weight:900;color:#fff}.faq-list details{background:#151515;border:1px solid #282828;border-radius:12px;padding:15px 17px;margin:10px 0}.faq-list summary{cursor:pointer;font-weight:800;color:#fff}.faq-list p{margin:10px 0 0;color:#bbb}.site-footer{background:#050505;border-top:1px solid var(--line);padding:48px 18px calc(30px + env(safe-area-inset-bottom))}.footer-shell{max-width:var(--max);margin:auto}.footer-brand{max-width:720px}.footer-logo{margin-bottom:10px}.footer-brand p,.footer-note,.copyright{color:#999}.footer-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:34px 0}.footer-groups h3{color:#fff;margin-bottom:8px}.footer-groups a{display:block;color:#aaa;padding:4px 0}.footer-groups a:hover{color:var(--light)}.footer-note{border-top:1px solid #222;padding-top:18px}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:79;visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.overlay.show{visibility:visible;opacity:1;pointer-events:auto}.channel-panel{position:fixed;z-index:80;right:0;top:0;height:100dvh;width:min(460px,88vw);background:#0c0c0c;border-left:1px solid var(--line);transform:translateX(100%);visibility:hidden;pointer-events:none;transition:.25s;box-shadow:var(--shadow)}.channel-panel.open{transform:none;visibility:visible;pointer-events:auto}.panel-head{height:74px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid #242424}.panel-head .close-btn{margin-left:auto}.close-btn{width:44px;height:44px;border-radius:50%;background:#1e1e1e;font-size:28px}.panel-scroll{height:calc(100dvh - 74px);overflow:auto;padding:20px}.panel-scroll section{margin-bottom:24px}.panel-scroll h2{font-size:16px;color:var(--light);margin:0 0 8px}.panel-scroll a{display:block;padding:12px;border-radius:10px}.panel-scroll a:hover{background:#1a1a1a}.panel-scroll b,.panel-scroll span{display:block}.panel-scroll span{font-size:13px;color:#888;margin-top:2px}.search-panel{position:fixed;z-index:81;left:0;right:0;top:74px;background:#0c0c0c;border-bottom:1px solid var(--line);box-shadow:var(--shadow);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-12px);transition:.2s}.search-panel.open{visibility:visible;opacity:1;pointer-events:auto;transform:none}.search-shell{max-width:var(--max);margin:auto;padding:22px 18px 28px}.search-head{display:flex;justify-content:space-between;align-items:center}.search-shell label{display:block;color:#aaa;margin:8px 0}.search-shell input{width:100%;background:#171717;border:1px solid var(--line2);color:#fff;padding:14px 16px;border-radius:12px;outline:none}.search-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.search-links a{padding:8px 11px;border:1px solid #2b2b2b;border-radius:999px;background:#151515}.mobile-bottom{display:none}.btn-primary:focus-visible,.btn-secondary:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--light);outline-offset:3px}@media(max-width:980px){.desktop-nav{display:none}.mobile-menu-trigger{display:inline-grid;place-items:center}.search-trigger,.desktop-only{display:none}.nav-shell{justify-content:space-between}.nav-actions{margin-left:0}.hero-grid,.feature-layout,.split,.app-layout{grid-template-columns:1fr}.hero-copy{order:-1}.hero-visual{min-height:280px}.grid-4,.grid-5,.grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.horizontal-track{grid-auto-columns:minmax(260px,72%)}.mobile-bottom{position:fixed;z-index:55;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;background:rgba(5,5,5,.97);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{min-height:52px;display:grid;place-items:center;font-size:13px;color:#aaa}.mobile-bottom a.active{color:var(--light)}body{padding-bottom:calc(52px + env(safe-area-inset-bottom))}}@media(max-width:640px){.nav-shell{height:64px;padding:0 15px}.brand img{max-width:124px;max-height:42px}.brand-text{font-size:24px}.app-btn{padding:9px 13px}.hero,.page-hero{padding:28px 15px 16px}.hero-copy{padding:22px}.hero h1,.page-hero h1{font-size:34px}.section{padding:30px 15px}.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.timeline,.footer-groups,.index-board{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.horizontal-track{grid-auto-columns:86%}.rank-row{grid-template-columns:62px 1fr}.rank-row>a{grid-column:2}.hero-visual,.wide-visual,.media-box{min-height:220px}.search-panel{top:64px;bottom:0;overflow:auto}.panel-head{height:64px}.panel-scroll{height:calc(100dvh - 64px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}