.step-card.svelte-1indujb{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;border:1px solid var(--hutian-line);border-radius:10px;background:var(--hutian-paper-strong);padding:18px;box-shadow:0 10px 28px #1826470f}.step-number.svelte-1indujb{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:999px;background:var(--hutian-navy);color:#fff;font-weight:900}.step-title.svelte-1indujb{margin:3px 0 0;color:var(--hutian-heading);font-size:20px;line-height:1.35;font-weight:900}.step-copy.svelte-1indujb{margin:10px 0 0;color:var(--hutian-muted);font-size:15px;line-height:1.9}.mock-screen.svelte-1indujb{margin-top:18px;overflow:hidden;border:1px solid #d7deeb;border-radius:14px;background:#f8f9fc;box-shadow:0 12px 30px #1826471a}.mock-screen.compact.svelte-1indujb{max-width:520px;padding:10px}.mock-top.svelte-1indujb{padding:15px 16px 8px;color:#1f2b42;font-size:18px;font-weight:900}.mock-tabs.svelte-1indujb{display:flex;gap:6px;padding:4px 12px 12px}.mock-tabs.svelte-1indujb span:where(.svelte-1indujb){flex:1;border-radius:8px;padding:8px;color:#60708a;text-align:center;font-size:13px;font-weight:800}.mock-tabs.svelte-1indujb .active:where(.svelte-1indujb){background:#dfe7fa;color:#29457b}.mock-path.svelte-1indujb{border-top:1px solid #e3e7ef;border-bottom:1px solid #e3e7ef;background:#fff;padding:9px 16px;color:#69758a;font-size:12px}.mock-file.svelte-1indujb{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:18px 16px;color:#24324b}.mock-file.svelte-1indujb small:where(.svelte-1indujb){display:block;margin-top:2px;color:#768299}.mock-icon.svelte-1indujb{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:10px;background:#e8edfa;color:#3658a7;font-size:10px;font-weight:900}.mock-menu-row.svelte-1indujb{display:flex;min-height:48px;align-items:center;gap:12px;border-radius:9px;padding:0 14px}.muted-row.svelte-1indujb{color:#6d788c}.primary-row.svelte-1indujb{background:#dfe8ff;color:#23457e}.tip.svelte-1indujb{margin:14px 0 0;border-left:4px solid var(--hutian-gold);border-radius:4px;background:#fff9ea;padding:10px 14px;color:#5f6572;font-size:14px}.device-switch.svelte-1indujb{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px;margin-top:18px}.device-switch.svelte-1indujb>div:where(.svelte-1indujb){position:relative;display:flex;min-width:0;flex-direction:column;border:1px solid #dce1eb;border-radius:10px;background:#f7f8fb;padding:14px 14px 14px 34px;color:#69758a}.device-switch.svelte-1indujb .selected:where(.svelte-1indujb){border-color:#93a9db;background:#eaf0ff;color:#29457b}.device-switch.svelte-1indujb small:where(.svelte-1indujb){margin-top:3px}.status-dot.svelte-1indujb{position:absolute;left:14px;top:20px;width:10px;height:10px;border-radius:999px;background:#32a56b}.status-dot.old.svelte-1indujb{background:#aeb5c2}.switch-arrow.svelte-1indujb{align-self:center;color:#c99638;font-size:24px}.featured-step.svelte-1indujb{border-color:#d9c78f}.phone-shot.svelte-1indujb{position:relative;margin:0 auto;width:min(100%,390px);overflow:hidden;border:8px solid #182647;border-radius:28px;background:#182647;box-shadow:0 20px 55px #18264738}.phone-shot.svelte-1indujb img:where(.svelte-1indujb){display:block;width:100%;height:auto;border-radius:20px}.callout.svelte-1indujb{position:absolute;right:10px;top:43%;border-radius:999px;background:#e4c16f;padding:7px 11px;color:#182647;font-size:13px;font-weight:900;box-shadow:0 4px 12px #1826474d}figcaption.svelte-1indujb{margin-top:13px;color:var(--hutian-muted);text-align:center;font-size:13px}.result-box.svelte-1indujb{display:flex;align-items:center;gap:13px;margin-top:20px;border-radius:10px;background:#edf6ee;padding:14px 16px;color:#25623c}.result-box.svelte-1indujb>span:where(.svelte-1indujb){display:flex;width:32px;height:32px;flex:none;align-items:center;justify-content:center;border-radius:999px;background:#3b925d;color:#fff;font-weight:900}.result-box.svelte-1indujb p:where(.svelte-1indujb){margin:2px 0 0;font-size:14px}.guide-note.svelte-1indujb{background:var(--hutian-highlight-surface)}@media(min-width:640px){.step-card.svelte-1indujb{grid-template-columns:52px minmax(0,1fr);gap:18px;padding:26px}.step-number.svelte-1indujb{width:44px;height:44px}.step-title.svelte-1indujb{font-size:24px}}@media(max-width:460px){.device-switch.svelte-1indujb{grid-template-columns:1fr}.switch-arrow.svelte-1indujb{transform:rotate(90deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
