*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{color-scheme:dark;--accent:#e63462;--accent-glow:rgba(230,52,98,.4);--orange:#ff6b35;--surface:rgba(255,255,255,.05);--surface2:rgba(255,255,255,.08);--muted:rgba(255,255,255,.56);--line:rgba(255,255,255,.07);--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--mx:min(1180px,100%)}
html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}
body{font-family:Inter,'Segoe UI',Roboto,system-ui,-apple-system,'Microsoft YaHei',sans-serif;background:#0a0a0f;color:#fff;-webkit-font-smoothing:antialiased;overflow-x:clip}
button,a{touch-action:manipulation}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}svg{display:block;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}button:focus-visible,a:focus-visible{outline:3px solid #ffa3bc;outline-offset:4px}
.container{width:var(--mx);margin:0 auto;padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right))}
nav{position:sticky;top:0;z-index:50;background:rgba(10,10,15,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:calc(.625rem + var(--safe-t)) 0 .625rem}.brand{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.125rem;letter-spacing:-.03em}.brand-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:linear-gradient(145deg,#fa668b,#bc1947);font-style:italic;font-size:1.6rem;line-height:1}.brand-badge{font-size:.75rem;letter-spacing:0;background:var(--orange);padding:.15rem .4rem;border-radius:4px;margin-left:.25rem}.nav-right{display:flex;align-items:center;gap:.6rem}.lang-switch{display:inline-flex;align-items:center;background:var(--surface2);border:1px solid rgba(230,52,98,.45);border-radius:40px;padding:2px;gap:1px;flex-shrink:0}.lang-opt{background:transparent;border:0;color:#ccc;font-weight:700;font-size:.75rem;padding:.35rem .5rem;border-radius:38px;line-height:1.2;min-width:2.1rem;min-height:30px}.lang-opt.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.lang-opt:hover:not(.active){color:#fff;background:var(--surface2)}#headerDownload{font-size:.8125rem;font-weight:700;background:var(--accent);padding:.5rem 1.125rem;border-radius:999px;min-height:44px;display:inline-flex;align-items:center;box-shadow:0 4px 20px var(--accent-glow)}
.hero{position:relative;overflow:hidden;padding-bottom:clamp(2.5rem,8vw,4rem)}.hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 70% 0%,#5b23364d,transparent 65%),linear-gradient(145deg,#29202c 0%,#11121c 45%,#0a0a0f 90%)}.hero-content{position:relative;z-index:2;padding-top:clamp(2.5rem,9vw,4.5rem)}.hero-grid{display:grid;gap:2rem;align-items:end}.hero-text .pill{display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f55e87;background:rgba(230,52,98,.12);border:1px solid rgba(230,52,98,.25);padding:.375rem .75rem;border-radius:999px;margin-bottom:1rem}.hero-text .sub{font-size:clamp(1rem,2vw,1.0625rem);font-weight:400;color:var(--muted);line-height:1.65;margin-bottom:1.5rem;max-width:38ch;text-wrap:pretty}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.btn-main{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.25rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:700;color:#fff;background:var(--accent);border:none;border-radius:.75rem;box-shadow:0 8px 32px var(--accent-glow);transition:transform .15s,filter .15s}.btn-main:hover,#headerDownload:hover{filter:brightness(1.1)}.btn-main:active{transform:scale(.98)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;background:var(--surface2);border:1px solid var(--line);border-radius:.75rem}.btn-ghost:hover{background:rgba(255,255,255,.12)}.fine{margin-top:1rem;font-size:.75rem;color:rgba(255,255,255,.4)}
.thumb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;max-width:400px;width:100%;margin:0 auto}.thumb{border:0;text-align:left;color:white;position:relative;border-radius:.75rem;overflow:hidden;aspect-ratio:9/14;box-shadow:0 12px 40px rgba(0,0,0,.4)}.artwork{position:relative;isolation:isolate;background:var(--art-bg);overflow:hidden}.art-one{--art-bg:radial-gradient(ellipse at 20% 20%,#bd677b,transparent 65%),linear-gradient(150deg,#713748,#251c35 80%)}.art-two{--art-bg:radial-gradient(ellipse at 80% 20%,#4b98a2,transparent 70%),linear-gradient(150deg,#314f72,#122335 85%)}.art-three{--art-bg:radial-gradient(ellipse at 10% 20%,#bd9268,transparent 60%),linear-gradient(150deg,#685042,#292237 90%)}.art-four{--art-bg:radial-gradient(ellipse at 70% 20%,#8178aa,transparent 65%),linear-gradient(160deg,#443d7a,#242033 90%)}.art-caption{position:absolute;inset:20% 8% auto;text-align:center;font-size:.65rem;font-weight:600;letter-spacing:.16em;opacity:.7}.art-caption>span{display:block;font-size:clamp(1.4rem,3vw,2.5rem);font-weight:800;letter-spacing:-.05em;line-height:1.2;margin-top:.7rem}.art-caption>small{display:block;font-size:.625rem;letter-spacing:.1em;margin-top:.9rem}.thumb-play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.16);transition:background .2s}.thumb-play svg{width:40px;height:40px;opacity:.9;filter:drop-shadow(0 2px 8px #0008);transition:transform .2s}.thumb-tag{position:absolute;top:.5rem;left:.5rem;font-size:.75rem;font-weight:700;background:var(--accent);padding:.2rem .5rem;border-radius:4px}.thumb-dur{position:absolute;bottom:.5rem;right:.5rem;font-size:.75rem;font-weight:700;background:rgba(0,0,0,.7);padding:.15rem .4rem;border-radius:4px}
.ticker-wrap{background:rgba(255,255,255,.02);border-block:1px solid var(--line);overflow:hidden;padding:.625rem 0}.marquee-track{display:flex;width:max-content;animation:slide 35s linear infinite;align-items:center}.marquee-track>span{font-size:.75rem;font-weight:500;color:var(--muted);white-space:nowrap;letter-spacing:.03em;padding-right:1.5rem}.ticker-wrap:hover .marquee-track{animation-play-state:paused}@keyframes slide{to{transform:translateX(-50%)}}
.features{padding:clamp(2.5rem,7vw,4.5rem) 0}.sec-label{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f55e87;margin-bottom:.5rem;text-align:center}.sec-title{font-size:clamp(1.25rem,3.5vw,1.625rem);font-weight:700;text-align:center;letter-spacing:-.03em;margin-bottom:.375rem}.sec-sub{font-size:1rem;line-height:1.6;color:var(--muted);text-align:center;margin:0 auto clamp(1.5rem,4vw,2.5rem);max-width:36rem}.feat-grid{display:grid;gap:.875rem;grid-template-columns:1fr}.feat{background:var(--surface);border:1px solid var(--line);border-radius:1rem;overflow:hidden}.feat-img{aspect-ratio:3/2}.feature-art-text{position:absolute;inset:20% 0 auto;text-align:center;font-size:1.6rem;font-weight:800;letter-spacing:.05em;opacity:.35;transition:transform .5s}.feat:hover .feature-art-text{transform:scale(1.05)}.play-sm{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.2)}.play-sm svg{width:32px;height:32px;opacity:.8}.feat-body{padding:1rem 1.125rem 1.25rem}.feat-body h3{font-size:1rem;font-weight:700;margin-bottom:.25rem;letter-spacing:-.02em}.feat-body p{font-size:.875rem;color:var(--muted);line-height:1.55}
.steps-sec{padding-bottom:clamp(2rem,5vw,3rem)}.steps-title{margin-bottom:1.5rem}.steps{display:grid;gap:0;border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:var(--surface)}.step-item{display:grid;grid-template-columns:2.75rem 1fr;gap:.875rem;padding:1.125rem 1rem;border-bottom:1px solid var(--line);align-items:start}.step-item:last-child{border-bottom:none}.step-n{font-size:.875rem;font-weight:800;color:#f55e87;padding-top:2px}.step-item h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.step-item p{font-size:.875rem;color:var(--muted);line-height:1.5}.cta-band{padding:clamp(2.5rem,6vw,4rem) 0;text-align:center;background:linear-gradient(180deg,#0a0a0f 0%,#12121f 100%)}.cta-band h2{font-size:clamp(1.25rem,3.5vw,1.5rem);font-weight:700;margin-bottom:.5rem}.cta-band p{font-size:1rem;line-height:1.5;color:var(--muted);margin:0 auto 1.25rem;max-width:32ch}.cta-band .btn-main{margin:0 auto;max-width:320px;width:100%}footer.container{padding-top:1.5rem;padding-bottom:calc(7rem + var(--safe-b));text-align:center;font-size:.75rem;color:rgba(255,255,255,.4)}.text-link{background:none;border:0;color:rgba(255,255,255,.55);text-decoration:underline;min-height:32px}.dock{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:.625rem max(1rem,env(safe-area-inset-left)) calc(.625rem + var(--safe-b)) max(1rem,env(safe-area-inset-right));background:rgba(10,10,15,.92);backdrop-filter:blur(16px);border-top:1px solid var(--line);box-shadow:0 -8px 32px rgba(0,0,0,.4)}.dock .inner{max-width:var(--mx);margin:0 auto;display:flex;gap:.75rem;align-items:center}.dock .btn-main{flex:1;max-width:480px;margin:0 auto;border-radius:.625rem}#download,#how{scroll-margin-top:5rem}
dialog{margin:auto;width:min(440px,calc(100% - 2rem));max-height:calc(100dvh - 3rem);overflow-y:auto;padding:2rem;background:#171720;color:#fff;border:1px solid #ffffff20;border-radius:1.25rem;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#05050bbc;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:.5rem;top:.5rem;width:40px;height:40px;border:0;border-radius:50%;background:none;color:#aaa;font-size:1.8rem}.dialog-close:hover{background:var(--surface2);color:white}.dialog-kicker{display:block;font-size:.75rem;color:#f55e87;font-weight:800;letter-spacing:.18em;margin-bottom:.8rem}dialog h2{font-size:1.5rem;line-height:1.3}dialog p{font-size:1rem;line-height:1.7;color:var(--muted);margin:1rem 0 1.5rem}.dialog-done{width:100%}.platform-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}[hidden]{display:none!important}
@media(min-width:640px){.feat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}
@media(min-width:900px){.hero-grid{grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center}.thumb-grid{margin:0;max-width:none}.steps{grid-template-columns:repeat(3,minmax(0,1fr));border:none;gap:1rem;background:transparent}.step-item{border:1px solid var(--line)!important;border-radius:1rem}}
@media(max-width:380px){nav .container{padding-inline:.75rem}.brand-badge{display:none}.nav-right{gap:.35rem}#headerDownload{padding-inline:.8rem}.btn-row{gap:.5rem}.btn-row .btn-main,.btn-ghost{padding-inline:1rem}.art-caption{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.art-caption>.caption-kicker{font:inherit;letter-spacing:inherit;margin:0}

@media(max-width:440px){.brand-badge{display:none}.nav-right{gap:.3rem}.lang-opt{padding-inline:.35rem;min-width:1.8rem}#headerDownload{padding-inline:.65rem}}

@media(max-width:380px){.lang-opt{font-size:.6875rem;padding-inline:.25rem;min-width:1.6rem}}