:root{--tool-page-max:1680px;--surface:#fff;--surface-2:#f9fafb;--surface-3:#f1f5f9;--surface-hover:#f3f4f6;--page-bg:#f6f7f9;--border:#eef0f2;--border-strong:#e2e8f0;--border-dashed:#cbd5e1;--text-1:#1f2937;--text-2:#374151;--text-3:#6b7280;--text-4:#9ca3af;--header-bg:linear-gradient(180deg, #fff 0%, #fafbff 100%);--code-bg:#f1f5f9;--code-fg:#334155;--accent-soft:#eef2ff;--accent-soft-strong:#e0e7ff;--accent-fg:#4338ca;--warn-soft:#fef3c7;--warn-line:#fde68a;--warn-fg:#b45309;--danger-soft:#fee2e2;--danger-fg:#d03050;--success-soft:#ecfdf5;--success-line:#d1fae5;--success-fg:#047857;--canvas-bg:#eef1f6;--checker-a:#f1f3f7;--checker-b:#fff;--canvas-shadow:0 2px 10px #0f172a24}[data-theme=dark]{--surface:#171c26;--surface-2:#1e2431;--surface-3:#242b3a;--surface-hover:#2a3243;--page-bg:#0e1219;--border:#2a3242;--border-strong:#364054;--border-dashed:#3b465c;--text-1:#e9edf4;--text-2:#ccd4e2;--text-3:#93a0b5;--text-4:#6d798d;--header-bg:linear-gradient(180deg, #1a202b 0%, #151a23 100%);--code-bg:#232b3a;--code-fg:#c8d2e2;--accent-soft:#818cf829;--accent-soft-strong:#818cf842;--accent-fg:#a5b4fc;--warn-soft:#fbbf2429;--warn-line:#fbbf2457;--warn-fg:#fcd34d;--danger-soft:#f8717129;--danger-fg:#fca5a5;--success-soft:#34d39926;--success-line:#34d3994d;--success-fg:#6ee7b7;--canvas-bg:#12171f;--checker-a:#1b212c;--checker-b:#2a3242;--canvas-shadow:0 2px 12px #00000080}html,body,#app{height:100%;margin:0}#app{height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,PingFang SC,Hiragino Sans GB,sans-serif}.app-frame[data-v-357d1b18]{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header[data-v-357d1b18]{background:var(--header-bg);border-bottom:1px solid var(--border);z-index:10;flex:none;align-items:center;gap:14px;height:58px;padding:0 22px;display:flex;position:relative;box-shadow:0 1px #0f172a05}.brand-group[data-v-357d1b18]{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark[data-v-357d1b18]{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:8px;place-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:grid;box-shadow:0 4px 10px #6366f147}.brand[data-v-357d1b18]{color:var(--text-1);letter-spacing:.2px;font-size:15px}.privacy-tag[data-v-357d1b18]{color:var(--success-fg);background:#10b9811a;align-items:center;gap:5px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.dot-live[data-v-357d1b18]{background:#10b981;border-radius:999px;width:6px;height:6px;animation:2.4s ease-in-out infinite live-pulse-357d1b18;box-shadow:0 0 0 3px #10b9812e}@keyframes live-pulse-357d1b18{0%,to{box-shadow:0 0 0 3px #10b9812e}50%{box-shadow:0 0 0 5px #10b9810d}}.header-spacer[data-v-357d1b18]{flex:1}.hbtn[data-v-357d1b18]{color:var(--text-3);transition:color .15s,background .15s}.theme-btn[data-v-357d1b18]{color:#6366f1;background:#6366f114}.theme-btn[data-v-357d1b18]:hover{color:var(--accent-fg);background:#6366f129}.theme-ico[data-v-357d1b18]{display:block}.hbtn[data-v-357d1b18]:hover{color:#4f46e5;background:#6366f114}.guide-btn[data-v-357d1b18]{color:#4f46e5;background:#6366f114;box-shadow:inset 0 0 0 1px #6366f133}.guide-btn[data-v-357d1b18]:hover{color:var(--accent-fg);background:#6366f129;box-shadow:inset 0 0 0 1px #6366f152}.guide-ico[data-v-357d1b18]{transition:transform .18s;display:block}.guide-btn:hover .guide-ico[data-v-357d1b18]{transform:rotate(-8deg)scale(1.08)}.home-btn[data-v-357d1b18]{color:var(--text-3);background:#6366f10f;border-radius:8px;align-items:center;gap:4px;padding:4px 10px 4px 6px;font-size:13px;font-weight:500;display:inline-flex}.home-btn[data-v-357d1b18]:hover{color:var(--accent-fg);background:#6366f11f}.home-arrow[data-v-357d1b18]{color:#4f46e5;background:#6366f12e;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;transition:transform .18s,background .18s;display:inline-flex}.home-btn:hover .home-arrow[data-v-357d1b18]{background:#6366f14d;transform:translate(-2px)}.home-label[data-v-357d1b18]{letter-spacing:.2px}.app-main[data-v-357d1b18]{background:var(--page-bg);flex:1;min-height:0;position:relative;overflow:hidden auto}.app-main.is-full[data-v-357d1b18]{background:0 0}.app-main[data-v-357d1b18]>*{box-sizing:border-box;z-index:1;min-height:100%;position:relative}.app-main .tool-bg[data-v-357d1b18]{z-index:0;pointer-events:none;animation:16s ease-in-out infinite alternate tool-bg-breathe-357d1b18;position:fixed;inset:0;overflow:hidden}.app-main .tool-blob[data-v-357d1b18]{filter:blur(72px);opacity:.5;border-radius:50%;animation:22s ease-in-out infinite alternate tool-bg-float-357d1b18;position:absolute}.app-main .tool-blob.b1[data-v-357d1b18]{background:radial-gradient(circle,#a5b4fc,#0000 70%);width:520px;height:520px;top:-150px;left:-170px}.app-main .tool-blob.b2[data-v-357d1b18]{background:radial-gradient(circle,#e9d5ff,#0000 70%);width:460px;height:460px;animation-delay:-8s;top:4%;right:-150px}.app-main .tool-blob.b3[data-v-357d1b18]{background:radial-gradient(circle,#c7d2fe,#0000 70%);width:430px;height:430px;animation-delay:-14s;bottom:-190px;left:30%}.app-main .tool-grid[data-v-357d1b18]{background-image:linear-gradient(#1f29370f 1px,#0000 1px),linear-gradient(90deg,#1f29370f 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(125% 100% at 50% 10%,#000 32%,#0000 88%);mask-image:radial-gradient(125% 100% at 50% 10%,#000 32%,#0000 88%)}@keyframes tool-bg-breathe-357d1b18{0%{opacity:.72}to{opacity:1}}@keyframes tool-bg-float-357d1b18{to{transform:translate(46px,34px)scale(1.1)}}[data-theme=dark] .app-main .tool-blob[data-v-357d1b18]{opacity:.3}[data-theme=dark] .app-main .tool-blob.b1[data-v-357d1b18]{background:radial-gradient(circle,#4338ca,#0000 70%)}[data-theme=dark] .app-main .tool-blob.b2[data-v-357d1b18]{background:radial-gradient(circle,#6b21a8,#0000 70%)}[data-theme=dark] .app-main .tool-blob.b3[data-v-357d1b18]{background:radial-gradient(circle,#3730a3,#0000 70%)}[data-theme=dark] .app-main .tool-grid[data-v-357d1b18]{background-image:linear-gradient(#94a3b812 1px,#0000 1px),linear-gradient(90deg,#94a3b812 1px,#0000 1px)}@media (prefers-reduced-motion:reduce){.app-main .tool-bg[data-v-357d1b18]{opacity:.9;animation:none}.app-main .tool-blob[data-v-357d1b18]{animation:none}}.page-enter-active[data-v-357d1b18],.page-leave-active[data-v-357d1b18]{transition:opacity .22s,transform .22s}.page-enter-from[data-v-357d1b18]{opacity:0;transform:translateY(10px)}.page-leave-to[data-v-357d1b18]{opacity:0;transform:translateY(-8px)}