:root{--brand:#0e90e7;--brand-light:#16a2f2;--brand-dark:#0868b4;--brand-deep:#0b7cc9;--surface:#fff;--surface-2:#f4f5f7;--text:#18181b;--text-2:#52525b;--text-3:#a1a1aa;--border:#e4e4e7;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--surface:#18181b;--surface-2:#1f1f23;--text:#f4f4f5;--text-2:#a1a1aa;--text-3:#71717a;--border:#27272a}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--surface-2);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}.hero{text-align:center;color:#fff;background:linear-gradient(150deg, var(--brand-light) 0%, var(--brand) 48%, var(--brand-dark) 100%);padding:clamp(2.5rem,8vw,4.5rem) 1.25rem clamp(2.25rem,7vw,3.5rem);position:relative;overflow:hidden}.hero__arc{opacity:.18;pointer-events:none;width:min(34rem,90vw);position:absolute;top:-14%;right:-18%}.hero__glow{filter:blur(60px);pointer-events:none;background:#ffffff1a;border-radius:50%;width:22rem;height:22rem;position:absolute;bottom:-8rem;left:-6rem}.hero>:not(.hero__arc):not(.hero__glow){position:relative}.hero__logo{border-radius:22%;width:clamp(5rem,18vw,6rem);height:auto;box-shadow:0 10px 30px #0000002e}.hero__title{letter-spacing:.02em;margin-top:1rem;font-size:clamp(1.35rem,5.5vw,1.75rem)}.hero__slogan{color:#ffffffd1;margin-top:.35rem;font-size:clamp(.85rem,3.5vw,1rem)}.hero__meta{color:#ffffffb3;justify-content:center;gap:.5rem;margin-top:.85rem;font-size:.75rem;display:flex}.hero__version{border:1px solid #ffffff59;border-radius:999px;padding:.1rem .55rem}.hero__actions{justify-content:center;gap:.75rem;max-width:26rem;margin:1.5rem auto 0;display:flex}.btn{border-radius:var(--radius);white-space:nowrap;flex:1 1 0;justify-content:center;align-items:center;gap:.45rem;min-height:3rem;padding:.75rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s,opacity .15s,background-color .15s;display:inline-flex}.btn svg{flex-shrink:0;width:1.15em;height:1.15em}.btn:active{transform:scale(.97)}.btn--primary{color:var(--brand-deep);background:#fff;box-shadow:0 6px 18px #00000026}.btn--pulse{animation:2.2s ease-in-out infinite btn-breathe}@keyframes btn-breathe{0%,to{box-shadow:0 6px 18px #00000026}50%{box-shadow:0 6px 26px #ffffff8c}}.btn--ghost{color:#ffffffe6;background:#ffffff14;border:1px solid #ffffff73}.btn--muted{opacity:.75}.hero__hint{color:#ffffffa6;margin-top:.9rem;font-size:.75rem}main{max-width:40rem;margin:0 auto;padding:0 1.25rem clamp(2.5rem,7vw,4rem)}.section-title{text-align:center;padding-top:clamp(2rem,6vw,2.75rem);font-size:clamp(1.1rem,4.5vw,1.3rem)}.features__list{grid-template-columns:1fr;gap:.75rem;margin-top:1.25rem;list-style:none;display:grid}.feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:.85rem;padding:1rem 1.1rem;display:flex}.feature__icon{background:color-mix(in srgb, var(--brand) 12%, transparent);width:2.5rem;height:2.5rem;color:var(--brand);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature__icon svg{width:1.35rem;height:1.35rem}.feature__body h3{font-size:.95rem}.feature__body p{color:var(--text-2);margin-top:.15rem;font-size:.82rem}@media (width>=48rem){.features__list{grid-template-columns:repeat(3,1fr)}}.steps__list{margin-top:1.25rem;list-style:none}.steps__list li{align-items:flex-start;gap:.85rem;padding:.85rem .25rem;display:flex}.steps__list li+li{border-top:1px solid var(--border)}.steps__num{background:var(--brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-size:.8rem;font-weight:700;display:flex}.steps__list h3{font-size:.92rem}.steps__list p{color:var(--text-2);margin-top:.1rem;font-size:.82rem}.footer{padding:1.5rem 1rem calc(1.5rem + env(safe-area-inset-bottom));text-align:center;color:var(--text-3);font-size:.75rem}@media (width<=22.5rem){.hero__actions{gap:.5rem}.btn{padding:.75rem .6rem;font-size:.85rem}}@media (prefers-reduced-motion:reduce){.btn--pulse{animation:none}}
