*{box-sizing:border-box}html{background:#000;scroll-behavior:smooth}body{margin:0;background:#000;color:#e8e8e8;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.72;overflow-x:hidden}body.panel-lock{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}img{display:block;max-width:100%;height:auto}.container{width:min(1280px,calc(100% - 40px));margin:0 auto}.skip-link{position:fixed;left:16px;top:-70px;z-index:9999;background:#fff;color:#000;padding:10px 14px;border-radius:999px}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.site-header{position:fixed;z-index:1200;top:0;left:0;right:0;background:rgba(0,0,0,.95);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px)}.desktop-bar{height:74px;display:flex;align-items:center;gap:20px}.brand-mark{display:inline-flex;align-items:center;min-width:max-content;font-weight:900;font-size:24px;letter-spacing:-1px}.brand-mark img{max-height:44px;width:auto;object-fit:contain}.desktop-nav{display:flex;gap:3px;white-space:nowrap}.desktop-nav a,.compact-link,.icon-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border-radius:999px;color:#b0b0b0;border:0;background:transparent;cursor:pointer}.desktop-nav a:hover,.compact-link:hover,.icon-button:hover,.desktop-nav a:focus-visible,.compact-link:focus-visible,.icon-button:focus-visible,.desktop-nav a.is-active,.compact-link.is-active{color:#fff;background:#222}.header-actions{margin-left:auto;display:flex;align-items:center;gap:3px;white-space:nowrap}.app-link{min-height:44px;display:inline-flex;align-items:center;padding:0 18px;border-radius:999px;background:#fff;color:#000;font-weight:800}.mobile-bar{display:none;height:66px;align-items:center;justify-content:space-between;padding:0 15px}.mobile-menu,.mobile-app{min-width:56px;min-height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;background:#111;color:#fff}.mobile-brand{position:absolute;left:50%;transform:translateX(-50%);font-weight:900;font-size:22px}.mobile-brand img{max-height:38px;width:auto}.site-main{padding-top:74px}.section{padding:82px 0;border-bottom:1px solid rgba(255,255,255,.08)}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#b0b0b0;font-size:12px;letter-spacing:.14em}.eyebrow:before{content:"";width:24px;height:1px;background:#777}.page-title,.section-title{color:#fff;line-height:1.05;letter-spacing:-.045em}.page-title{font-size:clamp(40px,5vw,72px);margin:14px 0 20px}.section-title{font-size:clamp(30px,3.5vw,50px);margin:10px 0 16px}.lead,.section-intro{font-size:18px;color:#b0b0b0;max-width:800px}.lead{font-size:20px}.muted{color:#888}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;font-weight:800;border:1px solid rgba(255,255,255,.35);white-space:nowrap}.btn-primary{background:#fff;color:#000;border-color:#fff}.btn-secondary{background:transparent;color:#fff}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:3px}.hero-home{padding:42px 0 68px;min-height:calc(100vh - 74px);display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(320px,1fr);grid-template-areas:"visual copy" "visual picks";grid-template-rows:auto auto;gap:20px 34px;align-items:stretch}.hero-visual{grid-area:visual;background:#0a0a0a;border:1px solid rgba(255,255,255,.12);border-radius:16px;min-height:550px;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-visual img{width:100%;height:100%;object-fit:contain}.hero-fallback{width:100%;min-height:550px;padding:48px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#050505,#171717)}.hero-fallback strong{font-size:clamp(48px,7vw,92px);line-height:.92;letter-spacing:-.07em}.hero-copy{grid-area:copy;display:flex;flex-direction:column;justify-content:center}.hero-copy h1{font-size:clamp(42px,4vw,68px);line-height:1.02;letter-spacing:-.055em;margin:12px 0 22px}.hero-copy>p{color:#b0b0b0}.hero-picks{grid-area:picks;margin-top:0;border-top:1px solid rgba(255,255,255,.12)}.hero-picks a{display:block;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12)}.hero-picks strong,.hero-picks span{display:block}.hero-picks span{font-size:14px;color:#888}.quick-strip{background:#0a0a0a;border-block:1px solid rgba(255,255,255,.12)}.quick-scroll{display:flex;gap:24px;overflow-x:auto;padding:14px 0;scrollbar-width:none}.quick-scroll a{white-space:nowrap;color:#b0b0b0}.pill-grid,.type-index,.knowledge-grid,.outline-grid,.album-grid,.help-categories,.brand-values{display:grid;gap:14px;margin-top:28px}.pill-grid{grid-template-columns:repeat(4,1fr)}.type-index{grid-template-columns:repeat(4,1fr)}.knowledge-grid,.outline-grid,.brand-values{grid-template-columns:repeat(3,1fr)}.album-grid{grid-template-columns:repeat(4,1fr)}.pill-card,.content-card,.mini-row,.knowledge-grid article,.knowledge-grid a,.outline-grid article,.album-grid article,.album-grid a,.help-categories a,.brand-values article{padding:22px;border-radius:14px;background:#111;border:1px solid rgba(255,255,255,.12)}.pill-card strong{display:block;color:#fff}.pill-card p,.mini-row p{margin:6px 0 0;color:#999;font-size:14px}.feature-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-top:32px}.feature-main{padding:28px;background:#111;border:1px solid rgba(255,255,255,.12);border-radius:16px}.feature-side{display:grid;gap:12px}.image-frame,.visual-banner{border-radius:16px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.12)}.image-frame{aspect-ratio:16/10;margin-bottom:20px}.image-frame img{width:100%;height:100%;object-fit:contain}.visual-banner{margin-top:32px}.visual-banner img{width:100%;max-height:520px;object-fit:contain}.track,.series-rail,.timeline{display:flex;gap:14px;overflow-x:auto;padding:8px 0 18px}.track article,.series-rail article,.timeline article{flex:0 0 min(350px,82vw);padding:24px;background:#111;border:1px solid rgba(255,255,255,.12);border-radius:16px}.wide-feature,.app-feature{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:center}.wide-feature{background:#111;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:26px}.number-list{margin-top:24px;border-top:1px solid rgba(255,255,255,.12)}.number-list a,.number-list article{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.12)}.number-list b{font-size:36px;color:#444}.mag-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:14px;margin-top:28px}.mag-grid article{background:#111;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:25px}.mag-grid article:first-child{grid-row:span 2}.cover-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}.cover-grid article{min-height:310px;padding:28px;border-radius:16px;background:#111;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;justify-content:flex-end}.cover-grid article:nth-child(3){grid-column:span 2}.rank-list{counter-reset:rank;margin-top:26px}.rank-item{display:grid;grid-template-columns:110px 1fr auto;gap:22px;padding:28px 0;border-top:1px solid rgba(255,255,255,.12)}.rank-item:before{counter-increment:rank;content:counter(rank,decimal-leading-zero);font-size:54px;font-weight:900;color:#444}.status{display:inline-block;margin-top:12px;padding:5px 10px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#ccc;font-size:12px}.opinion-list article{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:28px 0;border-top:1px solid rgba(255,255,255,.12)}.opinion-list small{color:#888}.phone-stage{min-height:590px;border:1px solid rgba(255,255,255,.35);border-radius:42px;padding:18px;background:#0a0a0a;display:flex;align-items:center;justify-content:center}.phone-stage img{border-radius:28px;max-height:550px;object-fit:contain}.phone-fallback{width:100%;min-height:550px;border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:32px;background:#111;display:flex;flex-direction:column;justify-content:space-between}.phone-fallback strong{font-size:48px}.split-sections,.contact-grid,.rights-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.split-sections article,.contact-grid article,.rights-flow article{padding:26px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#111}.rights-flow article:last-child{grid-column:span 2}.process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.process-list article{border-top:2px solid #fff;background:#111;padding:22px}.grade-table,.privacy-stack,.faq-list{display:grid;gap:12px;margin-top:28px}.grade-row{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:14px}.privacy-stack article{display:grid;grid-template-columns:210px 1fr;gap:28px;background:#111;border-left:3px solid #fff;padding:24px}.faq-list details{border-top:1px solid rgba(255,255,255,.12)}.faq-list summary{cursor:pointer;padding:20px 4px;font-weight:800;color:#fff}.faq-list details p{max-width:920px;color:#aaa;margin:0 0 20px}.brand-statement{padding:52px;border:1px solid rgba(255,255,255,.35);border-radius:16px;background:#050505}.brand-statement p{font-size:20px;color:#ccc}.page-hero{padding:86px 0 56px;border-bottom:1px solid rgba(255,255,255,.12);background:#050505}.page-hero .container{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end}.page-hero aside{color:#888}.editorial-lead{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.editorial-lead aside{display:grid;gap:12px}.poster-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.poster{aspect-ratio:2/3;padding:22px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#111;display:flex;flex-direction:column;justify-content:flex-end}.clip-program article{display:grid;grid-template-columns:130px 1fr;gap:28px;padding:28px 0;border-top:1px solid rgba(255,255,255,.12)}.clip-program b{font-size:62px;color:#333}.craft-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}.craft-steps article{padding:32px;background:#0a0a0a}.download-checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.download-checklist article{padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#111}.site-footer{padding:68px 0 calc(42px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.12)}.footer-brand-row{display:grid;grid-template-columns:1fr 2fr;gap:56px}.footer-brand strong{display:block;color:#fff;font-size:22px;margin:14px 0 8px}.footer-brand strong span{font-size:12px;color:#777}.footer-brand p{color:#888}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-groups section{display:flex;flex-direction:column;gap:8px}.footer-groups h2{font-size:13px}.footer-groups a{color:#999;font-size:14px}.footer-note{display:flex;justify-content:space-between;gap:40px;margin-top:44px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);color:#777;font-size:13px}.footer-note p:first-child{max-width:820px}.site-overlay{position:fixed;inset:0;z-index:1600;background:rgba(0,0,0,.78);visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.site-overlay.is-open{visibility:visible;opacity:1;pointer-events:auto}.channel-panel{position:fixed;z-index:1700;top:0;right:0;width:min(460px,88vw);height:100dvh;background:#0a0a0a;border-left:1px solid rgba(255,255,255,.12);visibility:hidden;pointer-events:none;transform:translateX(104%);transition:.24s}.channel-panel.is-open{visibility:visible;pointer-events:auto;transform:translateX(0)}.panel-head{height:74px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12)}.panel-brand{display:flex;align-items:center;gap:10px}.panel-brand img{max-height:36px;width:auto}.panel-close{min-height:44px;padding:0 15px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#111;cursor:pointer}.panel-scroll{height:calc(100dvh - 74px);overflow-y:auto;padding:24px}.channel-group h2{font-size:12px;color:#777}.channel-group a{display:block;padding:14px 0;border-top:1px solid rgba(255,255,255,.1)}.channel-group strong,.channel-group span{display:block}.channel-group span{color:#888;font-size:13px}.search-panel{position:fixed;z-index:1750;top:74px;left:0;right:0;max-height:calc(100dvh - 74px);overflow-y:auto;background:#0a0a0a;border-bottom:1px solid rgba(255,255,255,.12);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-12px);transition:.2s}.search-panel.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.search-inner{padding:32px 0 40px}.search-head{display:flex;justify-content:space-between;gap:20px}.search-head h2{margin:4px 0;font-size:32px}.search-box{display:block;margin-top:24px}.search-box input{width:100%;height:58px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#111;color:#fff;padding:0 22px}.search-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:18px 0}.search-tags button{border:1px solid rgba(255,255,255,.12);background:#111;border-radius:999px;padding:7px 12px;cursor:pointer}.search-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.search-links a{padding:18px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#111}.search-links strong,.search-links span{display:block}.search-links span{color:#888;font-size:13px}.mobile-bottom{display:none}
@media(max-width:1100px){.desktop-nav a{padding:0 7px;font-size:14px}.pill-grid,.album-grid{grid-template-columns:repeat(2,1fr)}.footer-brand-row{grid-template-columns:1fr}}
@media(max-width:900px){.desktop-bar{display:none}.mobile-bar{display:flex}.site-main{padding-top:66px}.hero-grid,.wide-feature,.app-feature,.page-hero .container,.editorial-lead{grid-template-columns:1fr}.hero-grid{grid-template-areas:"copy" "visual" "picks";grid-template-rows:auto}.hero-home{min-height:auto}.hero-copy{order:initial}.hero-visual{min-height:0}.hero-fallback{min-height:360px}.knowledge-grid,.outline-grid,.brand-values,.type-index,.process-list{grid-template-columns:repeat(2,1fr)}.mag-grid{grid-template-columns:1fr 1fr}.mag-grid article:first-child{grid-row:auto}.footer-groups{grid-template-columns:repeat(2,1fr)}.search-panel{top:66px;max-height:calc(100dvh - 66px)}.search-links{grid-template-columns:repeat(2,1fr)}.mobile-bottom{position:fixed;z-index:1100;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom);background:rgba(0,0,0,.97);border-top:1px solid rgba(255,255,255,.12)}.mobile-bottom a{min-height:54px;display:flex;align-items:center;justify-content:center;color:#777;font-size:12px}.mobile-bottom a.is-active{color:#fff;background:#111}.site-footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.privacy-stack article{grid-template-columns:1fr}.download-checklist{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.container{width:calc(100% - 30px)}.section{padding:60px 0}.page-hero{padding:58px 0 46px}.page-title{font-size:42px}.section-title{font-size:32px}.hero-copy h1{font-size:44px}.pill-grid,.knowledge-grid,.outline-grid,.brand-values,.type-index,.process-list,.split-sections,.contact-grid,.rights-flow,.download-checklist{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.number-list a,.number-list article{grid-template-columns:64px 1fr}.number-list a>*:last-child,.number-list article>*:last-child{grid-column:2}.mag-grid{grid-template-columns:1fr}.cover-grid{grid-template-columns:1fr}.cover-grid article:nth-child(3),.rights-flow article:last-child{grid-column:auto}.album-grid{grid-template-columns:1fr 1fr}.rank-item{grid-template-columns:70px 1fr}.rank-item>*:last-child{grid-column:2}.opinion-list article{grid-template-columns:1fr;gap:4px}.poster-wall{grid-template-columns:1fr 1fr}.clip-program article{grid-template-columns:74px 1fr}.clip-program b{font-size:46px}.craft-steps{grid-template-columns:1fr}.grade-row{grid-template-columns:1fr;gap:6px}.brand-statement{padding:28px}.footer-note{flex-direction:column;gap:8px}.search-panel{top:0;bottom:0;max-height:none}.search-links{grid-template-columns:1fr 1fr}}
@media(max-width:390px){.album-grid,.poster-wall,.search-links,.footer-groups{grid-template-columns:1fr}.mobile-menu,.mobile-app{min-width:52px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}