:root{--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;--space-xs:.375rem;--space-sm:.75rem;--space-md:1.25rem;--space-lg:2rem;--space-xl:3.5rem;--radius-sm:8px;--radius-md:16px;--motion-fast:.2s;--motion-base:.4s;--motion-slow:.6s;--easing-reveal:cubic-bezier(.22, 1, .36, 1);--player-max-width:1120px;--slide-aspect:16 / 9}[data-palette=graphite]{--color-bg:#0e1013;--color-bg-elevated:#171a20;--color-surface:#1e222b;--color-text:#f2f4f8;--color-text-dim:#9aa3b2;--color-accent:#4cc2ff;--color-accent-strong:#8adcff;--color-glow:#4cc2ff59;--color-line:#ffffff17}[data-palette=ice]{--color-bg:#0a1218;--color-bg-elevated:#101d27;--color-surface:#16242f;--color-text:#eef7fc;--color-text-dim:#92aebe;--color-accent:#7fe8d8;--color-accent-strong:#b5f5ea;--color-glow:#7fe8d852;--color-line:#ffffff17}[data-palette=violet]{--color-bg:#100d18;--color-bg-elevated:#181425;--color-surface:#201b31;--color-text:#f4f1fb;--color-text-dim:#a79ec2;--color-accent:#b18cff;--color-accent-strong:#d3bcff;--color-glow:#b18cff57;--color-line:#ffffff17}:root{--color-bg:#f6f7fa;--color-bg-elevated:#fff;--color-surface:#eef0f5;--color-text:#202632;--color-text-dim:#697386;--color-accent:#3565d8;--color-accent-strong:#2853bb;--color-glow:#3565d81f;--color-line:#dfe3eb;--radius-sm:12px;--radius-md:20px;--radius-lg:28px}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.6}#app,body{min-height:100dvh}a{color:var(--color-accent);text-decoration:none}button{font-family:inherit}.btn{justify-content:center;align-items:center;gap:var(--space-xs);border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:transform var(--motion-fast) var(--easing-reveal),background var(--motion-fast) var(--easing-reveal),border-color var(--motion-fast) var(--easing-reveal);border-radius:999px;padding:.7rem 1.5rem;font-size:1rem;display:inline-flex}.btn:hover{border-color:var(--color-accent);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff;font-weight:600}.btn--primary:hover{background:var(--color-accent-strong);border-color:var(--color-accent-strong)}.btn--ghost{background:0 0}.page{width:100%;max-width:var(--player-max-width);padding:var(--space-lg) var(--space-md) calc(var(--space-lg) + env(safe-area-inset-bottom));margin:0 auto}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-header{border-bottom:1px solid var(--color-line);justify-content:space-between;gap:24px;max-width:1200px;margin:auto;padding:24px 32px}.site-brand,.site-header{align-items:center;display:flex}.site-brand{color:var(--color-text);letter-spacing:-.04em;flex-shrink:0;gap:12px;font-size:20px;font-weight:800}.site-brand__mark{background:var(--color-accent);color:#fff;border-radius:13px;place-items:center;width:40px;height:40px;font-size:32px;display:grid}.site-brand small{color:var(--color-text-dim);letter-spacing:.06em;margin-top:1px;font-size:10px;font-weight:500;display:block}.site-nav{align-items:center;gap:28px;font-size:14px;display:flex}.site-nav a{color:var(--color-text-dim);font-weight:600}.site-nav .site-nav__active{color:var(--color-accent)}.site-nav .site-nav__create{background:var(--color-text);color:#fff;border-radius:12px;gap:14px;padding:12px 18px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);font-size:11px;font-weight:700}.btn{border-radius:12px;min-height:44px;padding:11px 20px;font-size:14px;font-weight:600}.btn--primary{box-shadow:0 4px 12px #3565d818}[data-palette] .btn--primary{color:#10141a}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}input,select,textarea{min-width:0;max-width:100%;font:inherit}input::-moz-placeholder{color:#858fa0}textarea::-moz-placeholder{color:#858fa0}input::placeholder,textarea::placeholder{color:#858fa0}input:disabled,textarea:disabled{opacity:.65}h1,h2,h3{letter-spacing:-.04em;text-wrap:balance}.page{padding-top:40px}@media (width<=700px){.site-header{flex-wrap:wrap;gap:12px;padding:16px 18px}.site-brand{font-size:18px}.site-brand__mark{border-radius:10px;width:34px;height:34px;font-size:27px}.site-brand small{display:none}.site-nav{gap:16px;font-size:12px}.site-nav a:first-child{display:none}.site-nav .site-nav__create{gap:8px;padding:9px 12px}.page{padding:28px 18px calc(28px + env(safe-area-inset-bottom))}.btn{min-height:44px;padding:11px 15px}input,select,textarea{font-size:16px!important}}@media (width<=359px){.site-nav{justify-content:flex-end;width:100%}}[data-palette]{color:var(--color-text)}.player{max-width:var(--player-max-width);margin:0 auto}.player,.player__stage{width:100%;position:relative}.player__stage{aspect-ratio:var(--slide-aspect);border-radius:var(--radius-lg);background:radial-gradient(120% 90% at 50% 0,var(--color-bg-elevated),var(--color-bg));touch-action:pan-y;overflow:hidden;box-shadow:0 24px 80px #00000073}.player__slide,.slide{flex-direction:column;display:flex;position:absolute;inset:0}.slide{justify-content:center;gap:clamp(.75rem,2vw,1.5rem);padding:clamp(1.25rem,4vw,3.5rem)}.slide__eyebrow{letter-spacing:.35em;text-transform:uppercase;color:var(--color-text-dim);font-size:clamp(.7rem,1.4vw,.85rem)}.slide__headline{text-wrap:balance;margin:0;font-size:clamp(1.5rem,5vw,3.4rem);font-weight:700;line-height:1.15}.slide__subline{color:var(--color-text-dim);max-width:32em;margin:0;font-size:clamp(.95rem,2vw,1.35rem)}.reveal{opacity:0;transition:opacity var(--motion-base) var(--easing-reveal),transform var(--motion-base) var(--easing-reveal);transform:translateY(14px)}.reveal--shown{opacity:1;transform:translateY(0)}.motion-subtle .reveal{transform:none}.slide__hero{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.slide__hero img{-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:100%;filter:drop-shadow(0 18px 48px var(--color-glow))}.slide__stage{justify-content:center;align-items:center;display:flex;position:relative}.slide__stage:before{background:radial-gradient(58% 55% at 50% 38%,var(--color-glow),transparent 72%);opacity:.55;inset:0}.slide__stage:after,.slide__stage:before{content:"";z-index:0;pointer-events:none;position:absolute}.slide__stage:after{background:radial-gradient(closest-side,#0009,#0000);border-radius:50%;width:min(46%,26rem);height:5%;bottom:6%;left:50%;transform:translate(-50%)}.slide__stage img{z-index:1;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-md);filter:drop-shadow(0 22px 44px #0000008c);max-width:88%;max-height:82%;position:relative}.slide__hero.slide__stage.reveal{transform:translateY(28px)scale(.9)}.slide__hero.slide__stage.reveal--shown{transform:translateY(0)scale(1)}.motion-subtle .slide__hero.slide__stage.reveal{transform:none}.slide__stage--price{flex:1;width:100%;min-height:0;max-height:30vh}.slide__stage--price img{max-width:min(70%,22rem);max-height:100%}.slide__price{color:var(--color-accent);font-size:clamp(2.4rem,8vw,5.5rem);font-weight:800;line-height:1}.slide__list{flex-direction:column;gap:clamp(.5rem,1.5vw,1rem);margin:0;padding:0;list-style:none;display:flex}.slide__list li{font-size:clamp(1rem,2.4vw,1.5rem)}.slide__specs{grid-template-columns:repeat(3,1fr);gap:clamp(.75rem,2vw,1.5rem);display:grid}.slide__spec{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-bg-elevated);padding:clamp(.75rem,2vw,1.25rem)}.slide__spec-label{color:var(--color-text-dim);font-size:clamp(.7rem,1.4vw,.85rem)}.slide__spec-value{color:var(--color-accent);font-size:clamp(1.4rem,3.6vw,2.4rem);font-weight:700;display:block}.slide__spec-note{color:var(--color-text-dim);font-size:clamp(.75rem,1.5vw,.9rem)}.player__controls{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);display:flex}.player__progress{flex:1;gap:6px;display:flex}.player__dot{background:var(--color-line);height:4px;transition:background var(--motion-fast) var(--easing-reveal);border-radius:2px;flex:1}.player__dot--active{background:var(--color-accent)}.player__page-indicator{color:var(--color-text-dim);font-variant-numeric:tabular-nums;font-size:.85rem}.slide-enter-active,.slide-leave-active{transition:opacity var(--motion-base) var(--easing-reveal),transform var(--motion-base) var(--easing-reveal)}.slide-enter-from{opacity:0;transform:translate(4%)}.slide-leave-to{opacity:0;transform:translate(-4%)}@media (width<=767px){.player__stage{aspect-ratio:auto;border-radius:var(--radius-md);height:calc(100dvh - 12rem);min-height:26rem}.slide__specs{gap:var(--space-sm);grid-template-columns:1fr}.slide__spec{align-items:baseline;gap:var(--space-sm);display:flex}.player__controls{padding-bottom:env(safe-area-inset-bottom)}}.player__dot{min-width:8px;position:relative}.player__dot:before{content:"";position:absolute;inset:-12px 0}@media (width<=767px){.player__controls{grid-template-columns:1fr auto 1fr;gap:10px;display:grid}.player__progress{grid-area:1/1/auto/-1;margin:12px 0}.player__page-indicator{grid-area:2/2}.player__controls>button:first-child{grid-area:2/1}.player__controls>button:nth-last-child(2){grid-area:2/3}.player__controls>button:last-child{grid-column:1/-1}.player__controls .btn{padding-inline:8px}}