:root{--bg:#000;--bg2:#0a0a0a;--card:#111;--card2:#1a1a1a;--hover:#222;--text:#e8e8e8;--muted:#b0b0b0;--sub:#777;--line:rgba(255,255,255,.12);--line2:rgba(255,255,255,.35);--max:1280px;--nav:74px}*{box-sizing:border-box}html{background:#000;color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#000;color:var(--text);font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.78;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.site-header{position:fixed;inset:0 0 auto 0;z-index:80;background:rgba(0,0,0,.96);border-bottom:1px solid var(--line)}.desktop-nav-wrap{display:block}.desktop-nav{height:74px;max-width:1280px;margin:auto;padding:0 20px;display:flex;align-items:center;gap:20px;white-space:nowrap}.brand-link{display:flex;align-items:center;min-width:110px;height:52px}.brand-link img,.mobile-brand img,.panel-brand img,.footer-brand img{display:block;max-width:146px;max-height:38px;width:auto;height:auto;object-fit:contain}.app-mini-icon{width:64px;height:64px;object-fit:contain;display:block;margin-bottom:14px}.brand-word{font-size:22px;font-weight:800;letter-spacing:.06em}.main-links{display:flex;align-items:center;gap:4px;flex:1}.main-links a,.nav-button,.menu-button{padding:10px 11px;border-radius:10px;color:var(--muted);border:0;background:transparent;min-height:44px;display:inline-flex;align-items:center}.main-links a:hover,.nav-button:hover,.menu-button:hover,.main-links a.is-active,.nav-button.is-active{color:#fff;background:#1a1a1a}.main-links a.is-active{box-shadow:inset 0 -2px #fff}.nav-actions{display:flex;align-items:center;gap:6px}.app-button{min-height:44px;padding:10px 16px;border-radius:999px;background:#fff;color:#000;font-weight:800}.mobile-nav{display:none;height:64px;align-items:center;justify-content:space-between;padding:0 15px}.mobile-control{min-width:64px;height:44px;border:1px solid var(--line2);border-radius:10px;background:#111;color:#fff}.mobile-app{display:flex;align-items:center;justify-content:center;background:#fff;color:#000;font-weight:800}.mobile-brand{max-width:42%;display:flex;justify-content:center;font-weight:800;font-size:20px}#main-content{padding-top:74px}.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}.page-hero{padding:72px 0 38px;border-bottom:1px solid var(--line)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#888;font-size:12px;font-weight:700}.page-hero h1,.home-copy h1{margin:.15em 0 .35em;color:#fff;line-height:1.08;letter-spacing:-.025em;font-size:clamp(36px,6vw,76px)}.page-hero p{max-width:820px;color:#cfcfcf;font-size:18px}.content-section{padding:44px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head h2{margin:0;color:#fff;font-size:clamp(25px,3vw,40px);line-height:1.15}.section-head p{margin:0;color:#888;max-width:540px}.grid{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))}.card{background:#111;border:1px solid var(--line);border-radius:14px;padding:22px;min-width:0}.card:hover{border-color:var(--line2);background:#151515}.card h3{margin:0 0 10px;color:#fff}.card p{margin:0;color:#c9c9c9}.text-link{display:inline-flex;margin-top:14px;color:#fff;text-decoration:underline;text-underline-offset:5px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.button-primary,.button-secondary{min-height:44px;padding:11px 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;white-space:nowrap}.button-primary{background:#fff;color:#000}.button-secondary{border:1px solid var(--line2);color:#fff}.media-frame,.hero-media,.feature-media{background:#0a0a0a;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:grid;place-items:center}.media-frame{min-height:210px}.hero-media{min-height:420px}.feature-media{min-height:300px}.media-frame img,.hero-media img,.feature-media img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;display:block}.media-fallback{background:linear-gradient(135deg,#050505,#161616);position:relative}.media-fallback:after{content:"91 VIDEO";color:#333;font-weight:800;letter-spacing:.18em}.home-hero{padding:36px 0 24px}.home-hero-grid{display:grid;grid-template-columns:minmax(0,65fr) minmax(320px,35fr);gap:28px;align-items:stretch}.home-copy{display:flex;flex-direction:column;justify-content:center}.home-copy p{color:#ccc;font-size:17px}.home-recos{margin-top:22px;display:grid;gap:10px}.mini-reco{border-top:1px solid var(--line);padding-top:12px}.mini-reco strong{display:block;color:#fff}.mini-reco span{color:#999}.quick-strip{display:flex;gap:10px;overflow-x:auto;padding:14px 0 20px;scrollbar-width:thin}.quick-strip a{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:8px 14px;color:#ccc}.quick-strip a:hover{border-color:#fff;color:#fff}.inspiration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.inspire{border:1px solid var(--line);border-radius:14px;padding:16px;background:#0b0b0b}.inspire strong{display:block;color:#fff;margin-bottom:4px}.inspire span{color:#9f9f9f;font-size:14px}.feature-split{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}.editorial-lead{padding:30px;border:1px solid var(--line2);background:#0c0c0c;border-radius:14px}.editorial-lead h3{font-size:32px;margin:6px 0 14px}.editorial-lead p{color:#d2d2d2}.compact-list{display:grid;gap:0}.compact-item{padding:16px 0;border-bottom:1px solid var(--line)}.compact-item strong{display:block;color:#fff}.compact-item span{color:#999}.people-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:14px;overflow-x:auto;padding-bottom:10px}.number-list{counter-reset:item}.number-item{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.number-item:before{counter-increment:item;content:counter(item,decimal-leading-zero);font-size:34px;color:#555;font-weight:800}.series-grid,.playlist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.magazine-grid{display:grid;grid-template-columns:1.3fr .7fr .8fr;gap:14px;align-items:stretch}.magazine-grid .card:first-child{grid-row:span 2}.rank-list{display:grid;gap:8px}.rank-row{display:grid;grid-template-columns:72px 1fr;gap:14px;padding:16px;border:1px solid var(--line);background:#0c0c0c}.rank-num{font-size:40px;line-height:1;color:#555;font-weight:800}.timeline{display:flex;gap:14px;overflow-x:auto;padding-bottom:12px}.timeline article{min-width:260px;border-top:2px solid #fff;padding:16px 2px;color:#ccc}.status{display:inline-block;border:1px solid var(--line2);padding:4px 9px;border-radius:999px;color:#fff;font-size:12px}.opinion-list{display:grid;gap:12px}.opinion-card{border-left:2px solid #fff;padding:10px 0 10px 20px}.opinion-card p{color:#c9c9c9}.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.faq-list details{border-top:1px solid var(--line);padding:18px 0}.faq-list summary{cursor:pointer;color:#fff;font-weight:800}.faq-list p{color:#c9c9c9}.brand-statement{border:1px solid var(--line2);padding:36px;border-radius:14px;background:#090909}.site-footer{padding:54px 0 90px;background:#000;border-top:1px solid var(--line)}.footer-inner{width:min(var(--max),calc(100% - 40px));margin:auto}.footer-brand{display:flex;gap:18px;align-items:center;margin-bottom:34px}.footer-brand strong{display:block;color:#fff;font-size:22px}.footer-brand span{display:block;color:#888;font-size:12px;letter-spacing:.18em}.footer-brand p{max-width:620px;color:#999;margin:8px 0 0}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-grid h2{font-size:14px;color:#777}.footer-grid a{display:block;color:#bdbdbd;padding:4px 0}.footer-note{margin-top:34px;color:#888;border-top:1px solid var(--line);padding-top:24px}.copyright{color:#666}.screen-mask{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:90;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s}.screen-mask.is-open{visibility:visible;opacity:1;pointer-events:auto}.channel-panel{position:fixed;z-index:100;top:0;right:0;width:min(460px,88vw);height:100dvh;background:#080808;border-left:1px solid var(--line2);transform:translateX(100%);visibility:hidden;pointer-events:none;transition:transform .25s ease,visibility .25s;overflow-y:auto}.channel-panel.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.panel-head{position:sticky;top:0;background:#080808;display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line);z-index:2}.panel-brand{display:flex;align-items:center;min-height:40px}.close-button{min-height:44px;padding:8px 14px;border:1px solid var(--line2);background:#111;color:#fff;border-radius:10px}.channel-groups{padding:12px 20px 30px}.channel-groups section{padding:14px 0;border-bottom:1px solid var(--line)}.channel-groups h2{font-size:13px;color:#777;letter-spacing:.12em}.channel-groups a{display:block;padding:10px 0}.channel-groups strong{display:block;color:#fff}.channel-groups span{display:block;color:#8e8e8e;font-size:14px}.search-panel{position:fixed;z-index:105;top:74px;left:0;right:0;background:#0a0a0a;border-bottom:1px solid var(--line2);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transition:.2s}.search-panel.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:none}.search-inner{width:min(1100px,calc(100% - 40px));margin:auto;padding:24px 0 30px}.search-top{display:flex;justify-content:space-between;align-items:center}.search-top h2{margin:0;color:#fff}.search-box{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;border-bottom:1px solid var(--line2);padding:14px 0}.search-box span{color:#777}.search-box input{background:transparent;border:0;outline:0;color:#fff;font-size:26px;min-width:0}.search-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.search-columns h3{font-size:13px;color:#777}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip-row span{border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:#aaa}.search-links{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.search-link{border:1px solid var(--line);padding:12px;border-radius:10px}.panel-open{overflow:hidden}.mobile-bottom{display:none}.layout-editorial .body-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:22px}.layout-people .body-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line)}.layout-people .body-grid article{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.layout-posterwall .body-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.layout-posterwall .body-grid article{min-height:290px;display:flex;flex-direction:column;justify-content:flex-end}.layout-numbered .body-grid{counter-reset:num}.layout-numbered .body-grid article{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.layout-numbered .body-grid article:before{counter-increment:num;content:counter(num,decimal-leading-zero);font-size:32px;color:#555;font-weight:800}.layout-rail .body-grid{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px}.layout-rail .body-grid article{min-width:310px}.layout-magazine .body-grid{columns:2 360px;column-gap:16px}.layout-magazine .body-grid article{break-inside:avoid;margin:0 0 16px}.layout-covers .body-grid,.layout-collection .body-grid,.layout-knowledge .body-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.layout-ranking .body-grid article{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.layout-ranking .body-grid article:before{content:attr(data-rank);font-size:46px;color:#555;font-weight:900}.layout-timeline .body-grid{border-left:1px solid #fff;margin-left:10px;padding-left:24px}.layout-timeline .body-grid article{position:relative;padding:0 0 28px}.layout-timeline .body-grid article:before{content:"";position:absolute;left:-30px;top:8px;width:11px;height:11px;background:#fff;border-radius:50%}.layout-craft .body-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.layout-articles .body-grid article{padding:26px 0;border-bottom:1px solid var(--line)}.layout-product .body-grid,.layout-guide .body-grid,.layout-legal .body-grid,.layout-grade .body-grid,.layout-privacy .body-grid,.layout-support .body-grid,.layout-contact .body-grid,.layout-brand .body-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.body-grid article{background:#0b0b0b;border:1px solid var(--line);border-radius:12px;padding:22px}.body-grid h2{margin:0 0 10px;color:#fff;font-size:22px}.body-grid p{margin:0;color:#c8c8c8}.page-extra{padding:34px 0 64px}.notice{border-left:2px solid #fff;padding:18px 20px;background:#0b0b0b;color:#bbb}.related-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.related-links a{border:1px solid var(--line);padding:8px 12px;border-radius:999px}.focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:1050px){.main-links a{padding:10px 7px;font-size:14px}.brand-link{min-width:92px}.nav-actions{gap:2px}.grid-4,.inspiration-grid{grid-template-columns:repeat(2,1fr)}.home-hero-grid{grid-template-columns:1fr}.home-copy{order:-1}.series-grid,.playlist-grid{grid-template-columns:repeat(2,1fr)}.magazine-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){:root{--nav:64px}.desktop-nav-wrap{display:none}.mobile-nav{display:flex}.site-header{height:64px}#main-content{padding-top:64px}.container,.footer-inner{width:calc(100% - 30px)}.home-hero{padding-top:22px}.home-hero-grid{display:flex;flex-direction:column}.home-copy{display:contents}.home-copy .eyebrow{order:1}.home-copy h1{order:2;font-size:42px}.home-copy>p{order:3}.home-copy .hero-actions{order:4}.hero-media{order:5;min-height:220px}.home-recos{order:6}.quick-strip{margin-right:-15px}.grid-2,.grid-3,.grid-4,.inspiration-grid,.feature-split,.legal-grid,.footer-grid,.layout-editorial .body-grid,.layout-people .body-grid,.layout-posterwall .body-grid,.layout-craft .body-grid,.layout-product .body-grid,.layout-guide .body-grid,.layout-legal .body-grid,.layout-grade .body-grid,.layout-privacy .body-grid,.layout-support .body-grid,.layout-contact .body-grid,.layout-brand .body-grid,.layout-covers .body-grid,.layout-collection .body-grid,.layout-knowledge .body-grid{grid-template-columns:1fr}.series-grid,.playlist-grid{grid-template-columns:1fr}.magazine-grid{grid-template-columns:1fr}.layout-magazine .body-grid{columns:1}.layout-people .body-grid article{border-right:0}.page-hero{padding-top:44px}.page-hero h1{font-size:42px}.section-head{display:block}.section-head p{margin-top:8px}.search-panel{top:0;height:100dvh;overflow-y:auto}.search-inner{width:calc(100% - 30px);padding-top:20px}.search-columns{grid-template-columns:1fr}.search-links{grid-template-columns:repeat(2,1fr)}.search-box input{font-size:20px}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:70;background:#050505;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{min-height:50px;display:flex;align-items:center;justify-content:center;color:#888;font-size:13px}.mobile-bottom a.is-active{background:#fff;color:#000}.site-footer{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.channel-panel{width:88vw}.people-track{margin-right:-15px}.timeline{margin-right:-15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
