:root{--sl-primary: #7c4dff;--sl-primary-hover: #6b3ef0;--sl-accent: #b794ff;--sl-grad-from: #8b5cf6;--sl-grad-to: #6d28d9;--sl-radius: 16px;--sl-ink: #1f2430;--sl-muted: #6b7280;--sl-surface: #ffffff;--sl-bg: #f5f6fb}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:var(--sl-ink)}.sl-app{min-height:100%}.sl-lang{position:fixed;top:14px;right:14px;z-index:50;display:flex;gap:2px;padding:3px;border-radius:999px;background:#ffffffb8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 14px #0f172a24}.sl-lang-btn{border:none;background:transparent;color:#4b5563;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;cursor:pointer;line-height:1;transition:background .15s,color .15s}.sl-lang-btn:hover{color:#111827}.sl-lang-btn.active{background:var(--sl-primary);color:#fff}.sl-root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.sl-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.sl-brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--sl-grad-from),var(--sl-grad-to));box-shadow:0 6px 16px color-mix(in srgb,var(--sl-primary) 40%,transparent)}.sl-brand-title{font-size:18px;font-weight:700;letter-spacing:.2px}.sl-brand-sub{font-size:13px;color:var(--sl-muted)}.sl-card{width:100%;max-width:400px;background:var(--sl-surface);border-radius:var(--sl-radius);padding:32px 28px;box-shadow:0 24px 60px #0f172a1f}.sl-card-plain{box-shadow:none;padding:8px 0}.sl-card-flat{box-shadow:0 8px 24px #0f172a14}.sl-step,.sl-center{display:flex;flex-direction:column}.sl-title{font-size:22px;font-weight:700;margin:0 0 6px}.sl-muted{color:var(--sl-muted);font-size:14px;margin:0 0 18px;line-height:1.5}.sl-timer{margin:10px 0 12px;font-size:13px}.sl-field{margin-bottom:14px}.sl-input{width:100%;height:50px;padding:0 16px;font-size:16px;color:var(--sl-ink);background:#f4f5f9;border:1.5px solid transparent;border-radius:12px;outline:none;transition:border-color .15s,background .15s}.sl-input::placeholder{color:#9aa1ad}.sl-input:focus{background:#fff;border-color:var(--sl-primary)}.sl-input-code{text-align:center;letter-spacing:8px;font-size:22px;font-weight:600}.sl-error{color:#e11d48;font-size:13px;margin:-4px 0 12px}.sl-btn{width:100%;height:50px;border:none;border-radius:12px;font-size:16px;font-weight:600;color:#fff;background:var(--sl-primary);cursor:pointer;transition:background .15s,transform .05s,opacity .15s}.sl-btn:hover{background:var(--sl-primary-hover)}.sl-btn:active{transform:translateY(1px)}.sl-btn:disabled{opacity:.55;cursor:not-allowed}.sl-btn-ghost{margin-top:10px;background:transparent;color:var(--sl-primary);border:1.5px solid color-mix(in srgb,var(--sl-primary) 35%,transparent)}.sl-btn-ghost:hover{background:color-mix(in srgb,var(--sl-primary) 8%,transparent)}.sl-center{align-items:center;text-align:center;gap:6px;padding:16px 0}.sl-retry{border:none;background:transparent;cursor:pointer;color:inherit;font:inherit}.sl-icon{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:700;margin-bottom:10px}.sl-icon-ok{background:color-mix(in srgb,#22c55e 16%,transparent);color:#16a34a}.sl-icon-warn{background:color-mix(in srgb,#f59e0b 18%,transparent);color:#d97706}.sl-spinner{width:44px;height:44px;border-radius:50%;border:4px solid #e5e7eb;border-top-color:var(--sl-primary);animation:sl-spin .8s linear infinite;margin-bottom:12px}@keyframes sl-spin{to{transform:rotate(360deg)}}.sl-footnote{margin-top:20px;color:var(--sl-muted);font-size:12px}.sl-tpl-minimal{background:var(--sl-bg)}.sl-tpl-split{flex-direction:row;align-items:stretch;justify-content:stretch;padding:0}.sl-split-hero{flex:1;background:linear-gradient(150deg,var(--sl-grad-from),var(--sl-grad-to));color:#fff;padding:56px 48px;display:flex;flex-direction:column;justify-content:center}.sl-split-hero .sl-brand-sub{color:#fffc}.sl-split-hero .sl-brand-mark{background:#ffffffe6}.sl-hero-copy{font-size:18px;line-height:1.6;max-width:340px;opacity:.92}.sl-split-form{flex:1;display:flex;align-items:center;justify-content:center;padding:32px;background:var(--sl-surface)}.sl-split-form .sl-card{max-width:360px}@media(max-width:720px){.sl-tpl-split{flex-direction:column}.sl-split-hero{padding:40px 28px}}.sl-tpl-glass{background:linear-gradient(150deg,var(--sl-grad-from),var(--sl-grad-to))}.sl-glass{background:#ffffff29;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff}.sl-glass .sl-title{color:#fff}.sl-glass .sl-muted,.sl-glass .sl-brand-sub{color:#ffffffd9}.sl-glass .sl-input{background:#fff3;color:#fff}.sl-glass .sl-input::placeholder{color:#ffffffb3}.sl-glass .sl-input:focus{background:#ffffff47;border-color:#fff}.sl-glass .sl-btn{background:#fff;color:var(--sl-primary)}.sl-glass .sl-btn-ghost{color:#fff;border-color:#fff9}.sl-tpl-mobile{background:var(--sl-bg);justify-content:flex-start;padding:0}.sl-mobile-header{width:100%;padding:40px 24px 24px;background:linear-gradient(160deg,var(--sl-grad-from),var(--sl-grad-to));color:#fff;border-radius:0 0 28px 28px}.sl-mobile-header .sl-brand{margin-bottom:0}.sl-mobile-header .sl-brand-mark{background:#ffffffe6}.sl-tpl-mobile .sl-card{margin:-18px 20px 0;max-width:460px;border-radius:20px}.sl-tpl-mobile .sl-input,.sl-tpl-mobile .sl-btn{height:54px;border-radius:14px}.sl-tpl-neon{background:radial-gradient(1200px 600px at 50% -10%,color-mix(in srgb,var(--sl-primary) 26%,#0b1020),#0b1020 60%)}.sl-neon{background:#141a2e;border:1px solid color-mix(in srgb,var(--sl-accent) 40%,transparent);box-shadow:0 0 40px color-mix(in srgb,var(--sl-primary) 45%,transparent);color:#e6e9f2}.sl-neon .sl-title{color:#fff}.sl-neon .sl-muted,.sl-neon .sl-brand-sub{color:#9aa4bf}.sl-neon .sl-input{background:#1e2740;color:#e6e9f2}.sl-neon .sl-input::placeholder{color:#6b7594}.sl-neon .sl-input:focus{background:#232d4a;border-color:var(--sl-accent)}
