*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0B0B1A;color:#E8E8F0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.76;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid #FFB3C9;outline-offset:3px}.site-header{position:sticky;top:0;z-index:80;background:rgba(8,8,18,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,45,106,.18)}.nav-shell{max-width:1280px;height:72px;margin:auto;padding:0 22px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;flex:none}.brand-logo{width:138px;height:42px;object-fit:contain}.brand-text{font-size:25px;font-weight:900;background:linear-gradient(135deg,#FF4D8A,#FF2D6A,#9B4DFF);-webkit-background-clip:text;color:transparent}.desktop-nav{display:flex;align-items:center;gap:2px}.desktop-nav a,.nav-link{border:0;background:none;padding:10px 11px;border-radius:999px;color:#C8C8D8;font-size:14px;cursor:pointer;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a.is-active,.nav-link:hover,.nav-link.is-active{background:rgba(255,77,138,.12);color:white}.desktop-nav a.is-active{box-shadow:inset 0 -2px #FF4D8A}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.app-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,#FF4D8A 0%,#FF2D6A 50%,#E6005C 100%);font-weight:800;box-shadow:0 12px 36px rgba(255,45,106,.22)}.menu-btn{width:44px;height:44px;border:1px solid rgba(255,77,138,.35);border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-menu-btn{display:none;flex-direction:column;gap:4px}.mobile-menu-btn i{width:18px;height:2px;background:#fff}.site-main{min-height:70vh}.container{width:min(1280px,calc(100% - 44px));margin:0 auto}.section{padding:72px 0}.section.tight{padding:38px 0}.page-hero{padding:82px 0 52px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:-6%;bottom:-160px;width:620px;height:620px;background:radial-gradient(circle,rgba(155,77,255,.18),transparent 64%);pointer-events:none}.eyebrow{display:inline-block;color:#FFB3C9;font-weight:800;font-size:12px;letter-spacing:.16em}.display{font-size:clamp(38px,5vw,72px);line-height:1.04;letter-spacing:-.04em;margin:12px 0 18px}.hero-copy{max-width:780px}.hero-copy>p{font-size:18px;color:#BEBED0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-head h2{font-size:clamp(28px,3vw,44px);line-height:1.15;margin:8px 0}.section-head p{max-width:650px;color:#A0A0B8;margin:0}.grid-2,.grid-3,.grid-4{display:grid;gap:18px}.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,.surface{background:#12121F;border:1px solid rgba(255,45,106,.18);border-radius:18px}.card{padding:24px}.card h2,.card h3{margin:8px 0 10px;line-height:1.3}.card p{margin:0;color:#B9B9CA}.tag{display:inline-flex;padding:6px 10px;border:1px solid rgba(255,77,138,.32);border-radius:999px;color:#FFB3C9;font-size:12px}.text-link{display:inline-block;color:#FFB3C9;font-weight:800;margin-top:14px}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border-radius:999px;font-weight:800;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#FF4D8A,#FF2D6A 50%,#E6005C);box-shadow:0 12px 36px rgba(255,45,106,.22)}.btn-secondary{border:1px solid rgba(255,77,138,.45)}.cover-img{width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:20px;background:#080812}.portrait-img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:20px;background:#080812}.media-fallback{min-height:230px;display:flex;align-items:flex-end;padding:24px;border-radius:20px;background:radial-gradient(circle at 25% 20%,rgba(255,77,138,.32),transparent 34%),radial-gradient(circle at 80% 75%,rgba(155,77,255,.28),transparent 34%),linear-gradient(145deg,#1A1A2A,#080812)}.media-fallback span{color:#A0A0B8;letter-spacing:.2em;font-size:12px}.hero-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(320px,1fr);grid-template-rows:auto auto;gap:16px 26px}.hero-grid>.hero-visual{grid-column:1;grid-row:1/3}.hero-grid>.home-copy{grid-column:2;grid-row:1}.hero-grid>.hero-links{grid-column:2;grid-row:2;padding:18px 26px;margin-top:0}.home-hero{padding:50px 0 12px}.home-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}.home-copy h1{font-size:clamp(38px,4vw,60px);line-height:1.05;margin:10px 0 16px}.home-copy p{color:#BEBED0}.hero-visual{min-height:500px}.hero-visual>*{height:100%;width:100%}.hero-links{display:grid;gap:10px;margin-top:24px}.hero-links a{border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.quick-strip{display:flex;gap:8px;overflow-x:auto;padding:14px 0;scrollbar-width:none}.quick-strip::-webkit-scrollbar{display:none}.quick-strip a{flex:none;padding:7px 13px;border:1px solid rgba(255,45,106,.18);border-radius:999px}.pill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pill{padding:18px;border-radius:999px;background:#12121F;border:1px solid rgba(255,45,106,.18)}.pill b,.pill span{display:block}.pill span{font-size:13px;color:#8F8FA6}.feature-split{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.feature-main{padding:30px;border:1px solid rgba(255,77,138,.35);border-radius:20px;background:linear-gradient(145deg,#171725,#10101B)}.feature-main h2,.feature-main h3{font-size:32px;line-height:1.2;margin:10px 0}.feature-main p{color:#C5C5D3}.stack{display:grid;gap:12px}.track{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px}.track .card{min-width:280px}.number-list{display:grid}.number-row{display:grid;grid-template-columns:82px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.08)}.number-row .num{font-size:48px;color:#FF4D8A;font-weight:900;line-height:1}.magazine{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.tall{min-height:540px}.rank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rank-card{padding:26px;border-radius:18px;background:#12121F;border:1px solid rgba(255,45,106,.18)}.rank-card strong{display:block;font-size:48px;color:#FF4D8A;line-height:1}.timeline{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px}.timeline article{min-width:300px;padding:22px;border-left:2px solid #FF4D8A;background:#12121F}.status{font-size:12px;color:#FFB3C9}.article-list{display:grid;gap:10px}.article-list article{padding:26px 0;border-bottom:1px solid rgba(255,255,255,.08)}.article-list p{color:#BDBDCC}.album-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.album{min-height:250px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border-radius:20px;background:#12121F;border:1px solid rgba(255,45,106,.18)}.album-no{font-size:52px;color:#2F2F44;font-weight:900}.poster-wall{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px}.poster{min-height:310px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:#12121F;border:1px solid rgba(255,45,106,.18);border-radius:18px}.poster:first-child{grid-row:span 2;min-height:636px}.studio-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.studio-step{padding:26px;background:#12121F;border-radius:18px;border-top:3px solid #FF4D8A}.knowledge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.knowledge-grid article{padding:24px;background:#12121F;border-left:3px solid #9B4DFF}.app-hero{display:grid;grid-template-columns:1fr .8fr;gap:34px;align-items:center}.phone-frame{padding:18px;background:#080812;border:1px solid rgba(255,77,138,.4);border-radius:38px;box-shadow:0 12px 36px rgba(255,45,106,.22)}.phone-frame>*{border-radius:25px;aspect-ratio:9/16}.legal-grid{display:grid;grid-template-columns:250px 1fr;gap:28px}.legal-nav{position:sticky;top:94px;align-self:start;padding:20px}.legal-nav a{display:block;padding:9px 0;color:#B7B7C7}.prose h2{font-size:28px;margin:34px 0 10px}.prose p{color:#C2C2D0}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process article{padding:22px;background:#12121F;border-top:2px solid #FF4D8A}.notice,.accent-box{padding:26px;border:1px solid rgba(255,77,138,.34);border-radius:18px;background:rgba(255,45,106,.06)}.accent-box{background:radial-gradient(circle at top right,rgba(155,77,255,.13),transparent 45%),#12121F}.quote{font-size:25px;line-height:1.55}.faq-list{display:grid;gap:12px}.faq-list details{background:#12121F;border:1px solid rgba(255,45,106,.18);border-radius:14px;padding:0 18px}.faq-list summary{padding:18px 0;font-weight:800;cursor:pointer}.faq-list details p{color:#BDBDCC;padding:0 0 20px;margin:0}.overlay{position:fixed;inset:0;z-index:110;background:rgba(0,0,0,.68);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.channel-panel{position:fixed;z-index:120;right:0;top:0;width:min(460px,88vw);height:100dvh;background:#080812;transform:translateX(102%);visibility:hidden;pointer-events:none;transition:.25s;border-left:1px solid rgba(255,45,106,.2);display:flex;flex-direction:column}.channel-panel.is-open{transform:none;visibility:visible;pointer-events:auto}.panel-head{height:72px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.panel-head img{width:130px;max-height:40px;object-fit:contain}.panel-brand{display:flex;align-items:center;gap:10px}.panel-brand strong{white-space:nowrap}.close-btn{width:44px;height:44px;border:0;border-radius:50%;background:#1A1A2A;font-size:25px;cursor:pointer}.panel-scroll{overflow-y:auto;padding:20px}.panel-scroll section{margin-bottom:26px}.panel-scroll h2{font-size:13px;color:#A0A0B8}.panel-scroll a{display:block;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}.panel-scroll b,.panel-scroll span{display:block}.panel-scroll span{font-size:13px;color:#89899F}.search-panel{position:fixed;z-index:130;left:0;right:0;top:72px;background:rgba(8,8,18,.99);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transition:.2s;border-bottom:1px solid rgba(255,45,106,.2)}.search-panel.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:none}.search-box{width:min(980px,calc(100% - 40px));margin:auto;padding:34px 0}.search-head{display:flex;align-items:center;justify-content:space-between}.search-box label{display:block;color:#A0A0B8;margin:8px 0}.search-box input{width:100%;padding:15px;border-radius:14px;border:1px solid rgba(255,77,138,.4);background:#12121F;color:white}.search-tags{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.search-tags button{padding:7px 11px;border-radius:999px;border:1px solid rgba(255,77,138,.28);background:#12121F;cursor:pointer}.search-results{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.search-results a{padding:14px;background:#12121F;border:1px solid rgba(255,255,255,.06);border-radius:12px}.search-results a[hidden]{display:none}.search-results span{display:block;color:#89899F;font-size:12px}.mobile-bottom{display:none}.site-footer{background:#05050A;border-top:1px solid rgba(255,45,106,.16);padding:64px 0 32px}.footer-inner{width:min(1280px,calc(100% - 44px));margin:auto}.footer-brand{max-width:620px}.footer-logo{width:140px;max-height:44px;object-fit:contain}.footer-brand strong{display:block;font-size:24px;margin-top:14px}.footer-brand>span{color:#FFB3C9;font-size:12px;letter-spacing:.15em}.footer-brand p{color:#A8A8BA}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:40px 0}.footer-grid h2{font-size:14px}.footer-grid a{display:block;padding:5px 0;color:#B7B7C7}.footer-note{padding:20px 0;border-top:1px solid rgba(255,255,255,.08);color:#8F8FA6}.footer-bottom{display:flex;gap:18px;flex-wrap:wrap;color:#74748A;font-size:13px}.footer-bottom span{margin-right:auto}
@media(max-width:1080px){.desktop-nav a{font-size:13px;padding:10px 8px}.app-hero{grid-template-columns:1fr}.hero-visual{min-height:380px}.grid-4{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.poster-wall{grid-template-columns:1fr 1fr}.poster:first-child{grid-column:span 2;grid-row:auto;min-height:420px}}
@media(max-width:820px){body{padding-bottom:68px}.nav-shell{height:64px;padding:0 15px;justify-content:space-between}.desktop-nav,.desktop-only,.desktop-menu-btn,.search-btn{display:none}.mobile-menu-btn{display:flex}.brand{position:absolute;left:50%;transform:translateX(-50%)}.brand-logo{width:116px;height:38px}.app-btn{padding:0 14px}.container,.footer-inner{width:calc(100% - 30px)}.section{padding:50px 0}.page-hero{padding:52px 0 34px}.display{font-size:40px}.hero-grid{display:flex;flex-direction:column}.home-copy{order:0;padding:24px}.hero-visual{order:1;min-height:0}.hero-grid>.hero-links{order:2;padding:18px;margin-top:0}.hero-visual>*{min-height:260px;aspect-ratio:16/9}.pill-grid{grid-template-columns:repeat(2,1fr)}.pill{border-radius:18px}.feature-split,.magazine,.grid-3,.grid-2,.legal-grid,.studio-flow,.knowledge-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}.rank-grid{grid-template-columns:1fr 1fr}.album-grid{grid-template-columns:1fr}.poster-wall{grid-template-columns:1fr}.poster:first-child{grid-column:auto;min-height:360px}.legal-nav{position:static}.search-panel{inset:0;overflow-y:auto}.search-box{width:calc(100% - 30px);padding-top:20px}.search-results{grid-template-columns:1fr}.mobile-bottom{position:fixed;z-index:90;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom);background:rgba(8,8,18,.98);border-top:1px solid rgba(255,45,106,.2)}.mobile-bottom a{min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9494A8;font-size:16px}.mobile-bottom small{font-size:11px}.mobile-bottom a.is-active{color:#FF4D8A}.site-footer{padding-bottom:86px}.footer-grid{grid-template-columns:1fr 1fr}.panel-head{height:64px}}
@media(max-width:520px){.grid-4,.rank-grid,.process,.footer-grid,.pill-grid{grid-template-columns:1fr}.number-row{grid-template-columns:58px 1fr}.number-row .num{font-size:38px}.feature-main{padding:24px}.feature-main h2,.feature-main h3{font-size:27px}.display{font-size:38px}.album{min-height:210px}.footer-bottom span{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}