:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4f6;--bg-inset:#f3f4f6;--panel:#fff;--border:#e5e7eb;--border-strong:#d1d5db;--text:#111827;--text-2:#6b7280;--text-3:#9ca3af;--accent:#ea580c;--accent-strong:#c2410c;--accent-soft:#fdeee3;--danger:#dc2626;--danger-soft:#fef2f2;--danger-border:#fecaca;--hover:#f9fafb;--glyph-bg:#f4f4f5;--glyph-border:#e5e7eb;--radius:12px;--radius-sm:8px;--shadow-card:0 1px 2px #0000000d, 0 4px 16px #0000000f;--font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", sans-serif}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--bg-inset:#27272a;--panel:#18181b;--border:#27272a;--border-strong:#3f3f46;--text:#f4f4f5;--text-2:#a1a1aa;--text-3:#71717a;--accent:#fb923c;--accent-strong:#fdba74;--accent-soft:#fb923c2e;--danger:#f87171;--danger-soft:#f871711f;--danger-border:#7f1d1d;--hover:#222226;--glyph-bg:#27272a;--glyph-border:#3f3f46;--shadow-card:0 1px 2px #00000073, 0 4px 16px #00000059}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;transition:background .15s,color .15s}#app{min-height:100vh}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--hover);border-color:var(--border-strong)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}html.dark .btn-primary{color:#231204}.btn-lg{border-radius:10px;padding:12px 28px;font-size:15px}.btn-icon{color:var(--text-2);padding:5px 8px;font-size:12px}.btn-icon:hover:not(:disabled){color:var(--text)}.btn-icon.danger:hover:not(:disabled){color:var(--danger);background:var(--danger-soft);border-color:var(--danger-border)}input[type=text],textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-ui);color:var(--text);background:var(--panel);outline:none;padding:8px 10px;font-size:13px;transition:border-color .15s,box-shadow .15s}input[type=text]:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical;min-height:64px}input[type=range]{width:100%;accent-color:var(--accent)}input[type=color]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);cursor:pointer;width:42px;height:30px;padding:0}.seg{background:var(--bg-inset);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.seg button{color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex:1;padding:5px 6px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.seg button.active{background:var(--panel);color:var(--text);box-shadow:0 1px 2px #00000014}.sec{border-bottom:1px solid var(--border);padding:18px 20px}.sec:last-child{border-bottom:none}.sec-title{color:var(--text-2);letter-spacing:.05em;justify-content:space-between;align-items:center;margin:0 0 12px;font-size:12px;font-weight:600;display:flex}.sec-disabled{opacity:.45;pointer-events:none}.hint{color:var(--text-3);margin-top:8px;font-size:12px}.spin[data-v-3923450f]{animation:.8s linear infinite rotate-3923450f}@keyframes rotate-3923450f{to{transform:rotate(360deg)}}.app-settings[data-v-6d9063eb]{align-items:center;gap:8px;display:inline-flex}.setting-btn[data-v-6d9063eb]{justify-content:center;width:32px;height:30px;padding:0}.lang-select[data-v-6d9063eb]{align-items:center;display:inline-flex;position:relative}.globe[data-v-6d9063eb]{color:var(--text-2);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.lang-select select[data-v-6d9063eb]{appearance:none;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);height:30px;color:var(--text);font-family:var(--font-ui);cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--text-3) 50%), linear-gradient(135deg, var(--text-3) 50%, transparent 50%);background-position:calc(100% - 8px) 55%,calc(100% - 4px) 55%;background-repeat:no-repeat;background-size:4px 4px,4px 4px;outline:none;padding:0 22px 0 30px;font-size:12px;transition:border-color .15s,box-shadow .15s}.lang-select select[data-v-6d9063eb]:hover{border-color:var(--border-strong)}.lang-select select[data-v-6d9063eb]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.home[data-v-8be06849]{flex-direction:column;justify-content:center;align-items:center;gap:36px;min-height:100vh;padding:48px 24px;display:flex}.settings-float[data-v-8be06849]{z-index:10;position:fixed;top:16px;right:16px}.hero[data-v-8be06849]{text-align:center}.logo-mark[data-v-8be06849]{background:var(--accent);color:#fff;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 18px;display:flex}.title[data-v-8be06849]{letter-spacing:-.02em;margin:0;font-size:34px;font-weight:800}.subtitle[data-v-8be06849]{color:var(--text-2);margin:10px 0 0;font-size:15px}.device-section[data-v-8be06849]{width:min(680px,100%)}.section-label[data-v-8be06849]{color:var(--text-2);text-align:center;margin:0 0 16px;font-size:13px;font-weight:600}.device-grid[data-v-8be06849]{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.device-card[data-v-8be06849]{background:var(--panel);border:1.5px solid var(--border);cursor:pointer;font-family:var(--font-ui);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:28px 20px 22px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.device-card[data-v-8be06849]:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card);transform:translateY(-2px)}.device-card.active[data-v-8be06849]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), var(--shadow-card)}.mock[data-v-8be06849]{background:#18181b;border:4px solid #18181b;border-radius:16px;margin-bottom:12px;display:block;box-shadow:inset 0 0 0 1px #ffffff24,0 8px 20px #0000002e}.mock[data-device=iphone-67][data-v-8be06849]{width:96px;height:208px}.mock[data-device=ipad-129][data-v-8be06849]{border-radius:12px;width:168px;height:224px}.mock-screen[data-v-8be06849]{background:var(--bg-inset);border-radius:12px;width:100%;height:100%;display:block}.mock[data-device=ipad-129] .mock-screen[data-v-8be06849]{border-radius:8px}.device-name[data-v-8be06849]{color:var(--text);font-size:16px;font-weight:700}.device-desc[data-v-8be06849]{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:12px}.check-badge[data-v-8be06849]{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:none;position:absolute;top:12px;right:12px}.device-card.active .check-badge[data-v-8be06849]{display:inline-flex}.pad-orient-tip[data-v-8be06849]{text-align:center;color:var(--text-3);margin:14px 0 0;font-size:12px}.start-btn[data-v-8be06849]{gap:10px}.features[data-v-8be06849]{color:var(--text-3);flex-wrap:wrap;justify-content:center;gap:24px;font-size:12px;display:flex}