:root{--bg:#0B0B1A;--deep:#080812;--card:#12121F;--card2:#1A1A2A;--hover:#222233;--title:#fff;--text:#E8E8F0;--muted:#A0A0B8;--faint:#6B6B80;--pink:#FF2D6A;--pink2:#FF4D8A;--rose:#E6005C;--purple:#7B2CBF;--purple2:#9B4DFF;--soft:#FFB3C9;--line:rgba(255,45,106,.18);--line2:rgba(255,77,138,.45);--shadow:0 16px 48px rgba(0,0,0,.55);--glow:0 12px 36px rgba(255,45,106,.22);--max:1280px;--nav:72px}*{box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.78;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}button{color:inherit}h1,h2,h3{color:var(--title);line-height:1.18;letter-spacing:-.02em}h1{font-size:clamp(2.4rem,5vw,5.2rem);margin:0 0 20px}h2{font-size:clamp(1.5rem,3vw,2.55rem)}h3{font-size:1.14rem}.site-header{position:sticky;top:0;z-index:1000;height:var(--nav);background:rgba(8,8,18,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-shell{max-width:var(--max);height:100%;padding:0 24px;margin:auto;display:flex;align-items:center;gap:18px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-logo{height:34px;width:auto;max-width:150px;object-fit:contain}.brand-wordmark{font-size:1.35rem;font-weight:900;background:linear-gradient(135deg,var(--pink2),var(--purple2));-webkit-background-clip:text;background-clip:text;color:transparent}.desktop-nav{display:flex;align-items:center;gap:4px}.desktop-nav a,.nav-text{padding:10px 12px;border-radius:999px;border:0;background:none;color:var(--muted);white-space:nowrap;cursor:pointer}.desktop-nav a:hover,.desktop-nav a.is-active,.nav-text:hover,.nav-text.is-active{color:#fff;background:rgba(255,77,138,.1)}.desktop-nav a.is-active{box-shadow:inset 0 -2px var(--pink2)}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.icon-btn{width:44px;height:44px;border-radius:50%;display:inline-grid;place-items:center;border:1px solid var(--line);background:var(--card);cursor:pointer}.mobile-menu{display:none}.btn{display:inline-flex;min-height:46px;padding:0 20px;align-items:center;justify-content:center;border-radius:999px;font-weight:800;white-space:nowrap}.btn.primary{background:linear-gradient(135deg,#FF4D8A 0%,#FF2D6A 50%,#E6005C 100%);box-shadow:var(--glow);color:#fff}.btn.secondary{border:1px solid var(--line2);background:rgba(255,255,255,.02)}.btn.compact{min-height:44px;padding:0 16px}.shell{max-width:var(--max);margin:auto;padding-left:24px;padding-right:24px}.section{padding:82px 0}.section.tight{padding:38px 0}.eyebrow{display:inline-block;color:var(--soft);font-size:.78rem;font-weight:900;letter-spacing:.14em;margin-bottom:10px}.kicker{color:var(--pink2);font-weight:800;font-size:.88rem}.lead,.muted{color:var(--muted)}.page-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.page-hero:before{content:"";position:absolute;right:-120px;top:-260px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(155,77,255,.24),rgba(255,45,106,.09) 40%,transparent 70%);pointer-events:none}.page-hero .shell{padding-top:84px;padding-bottom:68px}.page-hero p{max-width:850px;color:#cfcfe0;font-size:1.06rem}.tag-row,.actions,.keyword-row{display:flex;flex-wrap:wrap;gap:10px}.tag{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(255,45,106,.06);color:#f5d8e4;font-size:.84rem}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-head p{max-width:700px;margin:0;color:var(--muted)}.hero-home{position:relative}.hero-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(310px,.85fr);gap:34px;align-items:center}.hero-visual{min-height:430px;border-radius:26px;overflow:hidden;background:linear-gradient(145deg,var(--card2),var(--deep));display:grid;place-items:center;box-shadow:var(--shadow)}.hero-visual img{width:100%;height:100%;object-fit:contain}.hero-copy p{color:#c9c9da}.actions{margin:24px 0}.quick-strip{overflow:auto;padding:0 24px 22px}.quick-strip-inner{display:flex;gap:10px;width:max-content;max-width:var(--max);margin:auto}.quick-strip a{padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:var(--deep);color:var(--muted)}.grid-4,.cards,.services,.knowledge,.collection{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.service,.knowledge article,.collection article{padding:22px;border-radius:18px;background:linear-gradient(180deg,var(--card),var(--deep));border:1px solid rgba(255,255,255,.08)}.card p,.service p,.knowledge p,.collection p{color:var(--muted)}.feature{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.feature-main,.panel-card{padding:30px;border-radius:24px;background:radial-gradient(circle at top right,rgba(255,45,106,.14),transparent 45%),var(--card);border:1px solid var(--line)}.mini-list{display:grid;gap:12px}.mini-list article{padding:18px;border-radius:16px;background:var(--card);border:1px solid rgba(255,255,255,.07)}.track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:16px;overflow:auto;padding-bottom:8px}.track article{padding:22px;border-radius:18px;background:var(--card);border:1px solid rgba(255,255,255,.08)}.wide{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.wide>article,.wide>.media{padding:28px;border-radius:22px;background:var(--card);border:1px solid rgba(255,255,255,.08)}.wide>.media{display:grid;place-items:center}.wide>.media img{max-height:520px;object-fit:contain}.numbered{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.numbered article{min-height:220px;padding:25px;border-radius:18px;background:linear-gradient(155deg,var(--card2),var(--deep));border:1px solid rgba(255,255,255,.08)}.no{display:block;font-size:3rem;font-weight:900;color:rgba(255,77,138,.45);line-height:1;margin-bottom:22px}.bands{display:grid;gap:13px}.band{display:grid;grid-template-columns:160px 1fr auto;gap:20px;align-items:center;padding:20px 24px;border-radius:16px;background:linear-gradient(90deg,rgba(255,45,106,.08),var(--card));border:1px solid var(--line)}.band p{margin:0;color:var(--muted)}.magazine{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px}.magazine article{padding:27px;border-radius:22px;background:var(--card);border:1px solid rgba(255,255,255,.08)}.magazine article:first-child{grid-row:span 2;background:linear-gradient(155deg,rgba(155,77,255,.18),var(--card) 48%)}.magazine article:nth-child(4){grid-column:span 2}.rank-list{display:grid;gap:12px}.rank-item{display:grid;grid-template-columns:110px 1fr auto;gap:22px;align-items:center;padding:24px;border-radius:18px;background:var(--card);border:1px solid rgba(255,255,255,.08)}.rank-no{font-size:3rem;font-weight:900;color:rgba(255,77,138,.45)}.timeline{display:flex;gap:18px;overflow:auto;padding-bottom:12px}.timeline article{flex:0 0 280px;padding:24px;border-radius:18px;background:var(--card);border:1px solid rgba(255,255,255,.08)}.status{color:var(--soft);font-weight:800;font-size:.82rem}.studio{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.studio article{display:grid;grid-template-columns:60px 1fr;gap:18px;padding:26px;border-radius:20px;background:var(--card);border:1px solid rgba(255,255,255,.08)}.studio .step{font-size:2rem;font-weight:900;color:var(--pink2)}.reviews{display:grid;gap:15px}.reviews article{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:26px;border-radius:20px;background:var(--card);border:1px solid rgba(255,255,255,.08)}.opinion{color:var(--soft);font-weight:800}.posters{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.poster{aspect-ratio:3/4;padding:18px;border-radius:20px;background:linear-gradient(160deg,rgba(255,45,106,.13),var(--card2) 45%,var(--deep));border:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;justify-content:end}.poster:nth-child(2n){transform:translateY(20px)}.profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.profiles article{padding:26px;border-radius:46px 18px 18px 18px;background:var(--card);border:1px solid rgba(255,255,255,.08)}.topics{display:grid;grid-template-columns:1fr 1fr;gap:18px}.topics article{padding:30px;min-height:280px;border-radius:24px;background:radial-gradient(circle at top right,rgba(155,77,255,.18),transparent 45%),var(--card);border:1px solid rgba(255,255,255,.08)}.phone{min-height:520px;border-radius:42px;border:1px solid var(--line2);padding:16px;background:linear-gradient(160deg,#151528,#080812);display:grid;place-items:center;box-shadow:var(--shadow)}.phone img{max-height:560px;object-fit:contain;border-radius:28px}.steps{counter-reset:step;display:grid;gap:13px}.steps article{counter-increment:step;position:relative;padding:21px 22px 21px 72px;border-radius:16px;background:var(--card);border:1px solid rgba(255,255,255,.08)}.steps article:before{content:counter(step,decimal-leading-zero);position:absolute;left:22px;top:19px;color:var(--pink2);font-weight:900}.notice{padding:22px;border-radius:18px;border:1px solid var(--line2);background:rgba(255,45,106,.08)}.faq{display:grid;gap:12px}.faq details{border-radius:16px;background:var(--card);border:1px solid rgba(255,255,255,.08);padding:0 20px}.faq summary{cursor:pointer;list-style:none;padding:20px 36px 20px 0;color:#fff;font-weight:800;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:0;color:var(--pink2);font-size:1.4rem}.faq details[open] summary:after{content:"−"}.faq p{color:var(--muted);padding-bottom:20px;margin:0}.site-footer{background:#05050A;border-top:1px solid var(--line);color:#C8C8D8}.footer-shell{padding-top:60px;padding-bottom:96px}.footer-brand{display:grid;grid-template-columns:190px 1fr;gap:24px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.08)}.footer-brand strong,.footer-brand small{display:block}.footer-brand small{color:var(--soft);letter-spacing:.14em}.footer-brand p{max-width:700px;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:30px 0}.footer-grid h2{font-size:.92rem}.footer-grid a{display:block;padding:4px 0;color:var(--muted)}.footer-note{padding:16px;border-radius:14px;background:var(--deep);color:var(--muted);font-size:.9rem}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--faint);font-size:.85rem;margin-top:20px}.overlay{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.66);opacity:0;visibility:hidden;pointer-events:none;transition:.18s}.overlay.show{opacity:1;visibility:visible;pointer-events:auto}.side-panel{position:fixed;right:0;top:0;z-index:1300;width:min(460px,88vw);height:100dvh;overflow:auto;background:var(--deep);border-left:1px solid var(--line);transform:translateX(102%);visibility:hidden;pointer-events:none;transition:.22s}.side-panel.open{transform:none;visibility:visible;pointer-events:auto}.panel-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:17px 20px;background:rgba(8,8,18,.96);border-bottom:1px solid var(--line)}.panel-body{padding:12px 20px 34px}.panel-search-link{width:100%;margin:14px 0 6px;padding:14px 15px;text-align:left;border-radius:14px;border:1px solid var(--line2);background:rgba(255,45,106,.08);color:#fff;cursor:pointer}.panel-search-link b,.panel-search-link span{display:block}.panel-search-link span{margin-top:2px;color:var(--muted);font-size:.86rem}.panel-body section{padding:14px 0}.panel-body h2{font-size:.82rem;color:var(--soft);letter-spacing:.12em}.panel-body a{display:block;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.panel-body span{display:block;color:var(--muted);font-size:.86rem}.search-panel{position:fixed;z-index:1300;top:var(--nav);left:0;right:0;max-height:calc(100dvh - var(--nav));overflow:auto;background:rgba(8,8,18,.99);border-bottom:1px solid var(--line);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-15px);transition:.2s}.search-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.search-shell{padding-top:30px;padding-bottom:38px}.search-head{display:flex;justify-content:space-between;gap:20px}.search-input{width:100%;margin:14px 0;padding:17px 19px;border:1px solid var(--line2);border-radius:16px;background:var(--card);color:#fff;outline:none}.keyword-row button{padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);cursor:pointer}.search-results{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.search-results a{padding:15px;border-radius:14px;background:var(--card);border:1px solid rgba(255,255,255,.06)}.search-results span{display:block;color:var(--muted);font-size:.82rem}.mobile-bottom{display:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(255,179,201,.85);outline-offset:3px}
@media(max-width:1000px){.desktop-nav{display:none}.mobile-menu{display:grid}.desktop-only{display:none!important}.nav-shell{justify-content:space-between}.nav-actions{margin-left:0}.hero-grid,.feature,.wide{grid-template-columns:1fr}.hero-copy{order:-1}.grid-4,.cards,.services,.knowledge,.collection{grid-template-columns:repeat(2,1fr)}.numbered,.profiles{grid-template-columns:repeat(2,1fr)}.posters{grid-template-columns:repeat(3,1fr)}.magazine{grid-template-columns:1fr 1fr}.magazine article:first-child{grid-column:span 2;grid-row:auto}.magazine article:nth-child(4){grid-column:auto}.search-results{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){:root{--nav:64px}.nav-shell,.shell{padding-left:15px;padding-right:15px}.brand-logo{height:30px;max-width:125px}.section{padding:62px 0}.page-hero .shell{padding-top:55px;padding-bottom:48px}.section-head{display:block}.hero-grid{gap:22px}.hero-visual{min-height:240px}.actions .btn{width:100%}.grid-4,.cards,.services,.knowledge,.collection,.numbered,.profiles,.posters,.studio,.topics,.magazine{grid-template-columns:1fr}.poster:nth-child(2n){transform:none}.band{grid-template-columns:1fr;gap:8px}.rank-item{grid-template-columns:70px 1fr;gap:14px}.rank-item>a{grid-column:2}.reviews article{grid-template-columns:1fr;gap:8px}.magazine article:first-child{grid-column:auto}.footer-brand{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-shell{padding-bottom:112px}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:900;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(5,5,10,.96);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{min-height:58px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--faint);font-size:.72rem}.mobile-bottom a.is-active{color:var(--pink2)}.search-panel{top:0;bottom:0;max-height:100dvh}.search-results{grid-template-columns:1fr}.quick-strip{padding-left:15px;padding-right:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}