:root{--bg:#0B0E14;--bg2:#080A0F;--panel:#12151C;--panel2:#1A1E27;--hover:#232833;--text:#E2E6ED;--muted:#A8B0C0;--soft:#6B7385;--line:rgba(255,255,255,.10);--focus:rgba(120,160,220,.40);--white:#fff;--max:1280px;--navh:74px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.72;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input{font:inherit}.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:90;background:rgba(8,10,15,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-shell{height:var(--navh);width:min(var(--max),calc(100% - 32px));margin:auto;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;min-width:118px;font-weight:800;color:#fff}.brand img,.panel-brand img,.footer-brand img{max-height:38px;max-width:150px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:20px;white-space:nowrap;flex:1}.desktop-nav a{height:44px;display:flex;align-items:center;color:var(--muted);position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:#fff}.desktop-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:#fff;border-radius:2px}.nav-actions{display:flex;align-items:center;gap:10px}.icon-btn,.small-link,.app-pill,.btn{min-height:44px;border-radius:999px;border:1px solid var(--line);background:transparent;color:#fff;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover,.small-link:hover,.btn.secondary:hover{background:var(--hover)}.app-pill,.btn.primary{background:#fff;color:#0B0E14;border-color:#fff;font-weight:700}.menu-open{display:none}.hero{padding:52px 0 28px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);gap:28px;align-items:stretch}.hero-media{border:1px solid var(--line);background:var(--panel);border-radius:16px;min-height:470px;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-media img{width:100%;height:100%;object-fit:contain;background:#080A0F}.hero-copy{padding:34px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#12151C,#0C0F15);display:flex;flex-direction:column;justify-content:center}.eyebrow{color:#C8D0DC;letter-spacing:.12em;text-transform:uppercase;font-size:.84rem}.hero h1,.page-hero h1{font-size:clamp(2rem,4vw,4.7rem);line-height:1.06;margin:.35em 0;color:#fff;letter-spacing:-.04em}.hero p{color:var(--muted)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.mini-picks{display:grid;gap:10px;margin-top:16px}.mini-picks a{padding:12px 14px;border-top:1px solid var(--line);color:#fff}.quick-strip{display:flex;gap:10px;overflow-x:auto;padding:0 0 24px;scrollbar-width:thin}.quick-strip a{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:9px 14px;color:var(--muted);background:var(--panel)}.section{padding:58px 0}.section.alt{background:var(--bg2)}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.section h2{font-size:clamp(1.6rem,3vw,2.8rem);margin:0;color:#fff}.section-head p{max-width:620px;margin:0;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--panel);min-height:180px;transition:.2s ease}.card:hover{transform:translateY(-2px);background:var(--panel2);border-color:var(--focus)}.card h3{margin:0 0 8px;color:#fff}.card p{color:var(--muted);margin:0}.card .meta{display:inline-block;font-size:.78rem;color:#C8D0DC;margin-bottom:18px}.feature-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.feature{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.feature p{color:var(--muted)}.index-list{display:grid;gap:10px}.index-list a{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.index-list strong{color:#fff}.index-list span{color:var(--muted)}.page-hero{padding:58px 0 30px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 20% 0%,rgba(100,140,200,.10),transparent 40%)}.page-hero p{max-width:760px;color:var(--muted);font-size:1.08rem}.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px;padding:44px 0 70px}.article-body{display:grid;gap:20px}.story-block{border-bottom:1px solid var(--line);padding:0 0 24px}.story-block h2{font-size:1.5rem;margin:0 0 10px;color:#fff}.story-block p{margin:.7em 0;color:var(--text)}.story-block .lead{color:#C8D0DC}.sidebox{position:sticky;top:100px;align-self:start;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.sidebox h3{margin-top:0;color:#fff}.sidebox a{display:block;padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted)}.sidebox a:hover{color:#fff}.faq details{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:16px 18px}.faq details+details{margin-top:12px}.faq summary{cursor:pointer;color:#fff;font-weight:700}.faq p{color:var(--muted)}.app-feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;align-items:center}.app-art{border:1px solid var(--line);background:var(--panel);border-radius:18px;min-height:480px;display:flex;align-items:center;justify-content:center;overflow:hidden}.app-art img{max-height:620px;object-fit:contain}.site-footer{background:#06080C;padding:56px 0 90px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}.site-footer h2,.site-footer h3{color:#fff}.site-footer small{display:block;color:var(--soft);font-size:.72em}.site-footer p,.footer-note,.copyright{color:#9AA3B2}.site-footer section>a{display:block;padding:5px 0;color:#9AA3B2}.site-footer section>a:hover{color:#fff}.footer-note{margin-top:34px;padding-top:20px;border-top:1px solid var(--line)}.copyright{margin-top:14px;font-size:.9rem}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.64);z-index:120;visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.overlay.open{visibility:visible;opacity:1;pointer-events:auto}.channel-panel{position:fixed;right:0;top:0;bottom:0;width:min(460px,88vw);background:#0A0D13;z-index:130;transform:translateX(100%);visibility:hidden;pointer-events:none;transition:.25s;overflow:auto;border-left:1px solid var(--line)}.channel-panel.open{transform:none;visibility:visible;pointer-events:auto}.panel-head{position:sticky;top:0;background:#0A0D13;display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line);z-index:2}.channel-groups{padding:18px}.channel-groups h3{color:#fff;margin:20px 0 8px}.channel-groups a{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.channel-groups b,.channel-groups span{display:block}.channel-groups span{font-size:.9rem;color:var(--muted);margin-top:3px}.search-panel{position:fixed;left:0;right:0;top:var(--navh);z-index:130;background:#0A0D13;border-bottom:1px solid var(--line);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-inner{padding:28px 0 34px}.search-top{display:flex;align-items:center;justify-content:space-between}.search-box input{width:100%;margin-top:18px;padding:17px 20px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:#fff;outline:none}.search-box input:focus{border-color:var(--focus)}.search-hint{color:var(--muted)}.search-links{display:flex;flex-wrap:wrap;gap:10px}.search-links a{border:1px solid var(--line);padding:10px 14px;border-radius:999px;background:var(--panel)}.search-links a[hidden]{display:none}.mobile-bottom{display:none}.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}:focus-visible{outline:2px solid #C8D0DC;outline-offset:3px}.page-visual{margin:0 0 8px;border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}.page-visual img{width:100%;max-height:560px;object-fit:contain}.variant-people .article-body,.variant-posters .article-body,.variant-covers .article-body,.variant-scrapbook .article-body,.variant-knowledge .article-body{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.variant-people .story-block,.variant-posters .story-block,.variant-covers .story-block,.variant-scrapbook .story-block,.variant-knowledge .story-block{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--panel);height:100%}.variant-numbered .story-block{display:grid;grid-template-columns:76px 1fr;column-gap:18px}.variant-numbered .story-block .eyebrow{grid-row:1/5;font-size:2rem;color:#C8D0DC}.variant-horizontal .article-body{gap:12px}.variant-horizontal .story-block{display:grid;grid-template-columns:180px 1fr;column-gap:26px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.variant-horizontal .story-block .eyebrow,.variant-horizontal .story-block h2{grid-column:1}.variant-horizontal .story-block p{grid-column:2}.variant-magazine .story-block:nth-child(even){margin-left:8%}.variant-magazine .story-block:nth-child(odd){margin-right:8%}.variant-ranking .story-block{padding:24px 0}.variant-ranking .story-block .eyebrow{font-size:2.4rem;line-height:1;color:#C8D0DC}.variant-timeline .article-body{border-left:1px solid var(--focus);padding-left:24px}.variant-timeline .story-block{position:relative}.variant-timeline .story-block:before{content:"";position:absolute;left:-31px;top:7px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #0B0E14}.variant-product .story-block{border:1px solid var(--line);border-radius:16px;padding:24px;background:linear-gradient(180deg,#151922,#0E1117)}.variant-legal .story-block,.variant-grade .story-block,.variant-support .story-block{padding:22px;border-left:3px solid rgba(200,208,220,.45);background:rgba(255,255,255,.02)}.variant-brand .story-block{padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}@media(max-width:1020px){.desktop-nav{display:none}.menu-open{display:inline-flex}.nav-actions{margin-left:auto}.hero-grid,.feature-grid,.page-layout,.app-feature{grid-template-columns:1fr}.sidebox{position:static}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}.hero-media{min-height:360px}}@media(max-width:640px){:root{--navh:66px}.wrap,.nav-shell{width:min(var(--max),calc(100% - 30px))}.nav-shell{gap:10px}.brand{min-width:0;flex:1;justify-content:center}.brand img{max-height:32px;max-width:120px}.nav-actions .small-link,.nav-actions .search-open{display:none}.menu-open,.app-pill{min-width:62px;padding:0 12px}.hero{padding-top:28px}.hero-grid{display:flex;flex-direction:column}.hero-copy{order:1;padding:24px}.hero-media{order:2;min-height:240px}.card-grid,.variant-people .article-body,.variant-posters .article-body,.variant-covers .article-body,.variant-scrapbook .article-body,.variant-knowledge .article-body{grid-template-columns:1fr}.variant-numbered .story-block,.variant-horizontal .story-block{display:block}.variant-horizontal .story-block p,.variant-horizontal .story-block .eyebrow,.variant-horizontal .story-block h2{grid-column:auto}.variant-magazine .story-block:nth-child(n){margin-left:0;margin-right:0}.section{padding:42px 0}.page-hero{padding:38px 0 24px}.footer-grid{grid-template-columns:1fr}.site-footer{padding-bottom:110px}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:80;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(6,8,12,.97);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{min-height:52px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.86rem}.mobile-bottom a.active{color:#fff}.search-panel{top:0;bottom:0;overflow:auto}.search-inner{padding-top:20px}.hero h1,.page-hero h1{font-size:2.35rem}.section-head{align-items:start;flex-direction:column}.index-list a{grid-template-columns:42px 1fr}.index-list a span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}