.area[data-v-efac9d9d]{width:1920px;height:1080px;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.center-box[data-v-efac9d9d]{text-align:center;padding:60px 80px;border:1px solid rgba(0,88,255,.2);border-radius:20px;background:#0058ff0d}h1[data-v-efac9d9d]{font-size:48px;background:linear-gradient(135deg,#0058ff,#41d1ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}p[data-v-efac9d9d]{font-size:20px;color:#888}.scale-info[data-v-efac9d9d]{margin-top:20px;font-size:16px;color:#41d1ff;padding:8px 20px;background:#0058ff1a;border-radius:8px;display:inline-block;font-variant-numeric:tabular-nums}.area[data-v-c89b62ea]{width:1920px;height:1080px;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.content[data-v-c89b62ea]{text-align:center}h1[data-v-c89b62ea]{font-size:48px;background:linear-gradient(135deg,#0058ff,#41d1ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}p[data-v-c89b62ea]{font-size:18px;color:#888;margin-bottom:32px}.modes[data-v-c89b62ea]{display:flex;gap:10px;justify-content:center;margin-bottom:32px}.modes button[data-v-c89b62ea]{padding:10px 24px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#aaa;cursor:pointer;font-size:14px;font-family:monospace;transition:all .2s}.modes button[data-v-c89b62ea]:hover{background:#0058ff1a;color:#fff}.modes button.active[data-v-c89b62ea]{background:linear-gradient(135deg,#0058ff,#41d1ff);color:#fff;border-color:transparent}.info-row[data-v-c89b62ea]{display:flex;gap:16px;justify-content:center}.info-box[data-v-c89b62ea]{display:flex;flex-direction:column;gap:4px;padding:12px 20px;background:#0058ff14;border-radius:8px;border:1px solid rgba(0,88,255,.15);text-align:left}.desc-box[data-v-c89b62ea]{max-width:320px}.label[data-v-c89b62ea]{font-size:11px;color:#666;text-transform:uppercase}.val[data-v-c89b62ea]{font-size:18px;color:#41d1ff;font-weight:600;font-variant-numeric:tabular-nums}.val.desc[data-v-c89b62ea]{font-size:14px;font-weight:400;color:#aaa}.area[data-v-4e7d63d5]{width:1920px;height:1080px;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.compare[data-v-4e7d63d5]{display:flex;gap:40px}.panel[data-v-4e7d63d5]{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:40px;min-width:400px}.panel.scaled[data-v-4e7d63d5]{border-color:#0058ff40}.label[data-v-4e7d63d5]{font-size:13px;color:#666;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.box[data-v-4e7d63d5]{padding:16px 20px;background:#0058ff14;border:1px solid rgba(0,88,255,.2);border-radius:8px;margin-bottom:12px;font-size:15px;color:#ccc}.ignore-el[data-v-4e7d63d5]{background:#f59e0b14;border-color:#f59e0b40;color:#fbbf24}.ignore-simple[data-v-4e7d63d5]{background:#10b98114;border-color:#10b98140;color:#34d399}.area[data-v-6f340f01]{width:1920px;height:1080px;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.content[data-v-6f340f01]{text-align:center}.row[data-v-6f340f01]{display:flex;gap:60px;margin-bottom:40px}.panel[data-v-6f340f01]{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:40px;min-width:500px}.label[data-v-6f340f01]{font-size:13px;color:#666;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.box[data-v-6f340f01]{padding:24px;border-radius:10px;font-size:16px;color:#ccc}.normal-box[data-v-6f340f01]{background:#0058ff14;border:1px solid rgba(0,88,255,.2)}#rectify-target[data-v-6f340f01]{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#f87171;width:400px;height:80px;display:flex;align-items:center;justify-content:center}data-la-rectify .action[data-v-6f340f01]{padding:12px 32px;border-radius:8px;border:1px solid rgba(239,68,68,.3);background:#ef44441a;color:#f87171;cursor:pointer;font-size:14px;font-family:monospace}.action[data-v-6f340f01]:disabled{opacity:.5;cursor:default}.action[data-v-6f340f01]:not(:disabled):hover{background:#ef444433}.hint[data-v-6f340f01]{margin-top:20px;font-size:14px;color:#555}.area[data-v-a11fa84f]{width:1920px;height:1080px;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.content[data-v-a11fa84f]{text-align:center}h1[data-v-a11fa84f]{font-size:48px;background:linear-gradient(135deg,#0058ff,#41d1ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}p[data-v-a11fa84f]{font-size:18px;color:#888;margin-bottom:40px}.params[data-v-a11fa84f]{display:flex;gap:24px;justify-content:center;margin-bottom:32px}.param[data-v-a11fa84f]{display:flex;gap:8px;align-items:center;padding:8px 16px;background:#ffffff0a;border-radius:6px;font-size:14px}.key[data-v-a11fa84f]{color:#888}.val[data-v-a11fa84f]{color:#41d1ff;font-weight:600;font-family:monospace}.scale-bar[data-v-a11fa84f]{width:400px;height:10px;background:#ffffff14;border-radius:5px;overflow:hidden;margin:0 auto 12px}.fill[data-v-a11fa84f]{height:100%;background:linear-gradient(90deg,#0058ff,#41d1ff);border-radius:5px;transition:width .15s}.scale-label[data-v-a11fa84f]{font-size:20px;color:#41d1ff;font-family:monospace;font-variant-numeric:tabular-nums}.area[data-v-a7525ec2]{width:1920px;height:1080px;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.content[data-v-a7525ec2]{text-align:center}h1[data-v-a7525ec2]{font-size:48px;background:linear-gradient(135deg,#0058ff,#41d1ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}p[data-v-a7525ec2]{font-size:18px;color:#888;margin-bottom:32px}.modes[data-v-a7525ec2]{display:flex;gap:10px;justify-content:center;margin-bottom:32px}.modes button[data-v-a7525ec2]{padding:10px 24px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#aaa;cursor:pointer;font-size:14px;font-family:monospace;transition:all .2s}.modes button[data-v-a7525ec2]:hover{background:#0058ff1a;color:#fff}.modes button.active[data-v-a7525ec2]{background:linear-gradient(135deg,#0058ff,#41d1ff);color:#fff;border-color:transparent}.info-row[data-v-a7525ec2]{display:flex;gap:16px;justify-content:center;margin-bottom:24px}.info-box[data-v-a7525ec2]{display:flex;flex-direction:column;gap:4px;padding:12px 20px;background:#0058ff14;border-radius:8px;border:1px solid rgba(0,88,255,.15);text-align:left}.info-box.highlight[data-v-a7525ec2]{background:#0058ff26;border-color:#0058ff59}.label[data-v-a7525ec2]{font-size:11px;color:#666;text-transform:uppercase}.val[data-v-a7525ec2]{font-size:18px;color:#41d1ff;font-weight:600;font-variant-numeric:tabular-nums}.indicator[data-v-a7525ec2]{display:flex;align-items:center;gap:16px;justify-content:center}.bar-track[data-v-a7525ec2]{width:300px;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.bar-fill[data-v-a7525ec2]{height:100%;background:linear-gradient(90deg,#0058ff,#41d1ff);border-radius:4px;transition:width .3s}.bar-label[data-v-a7525ec2]{font-size:14px;color:#41d1ff;font-weight:600;font-variant-numeric:tabular-nums;min-width:60px}.area[data-v-d2af26cb]{width:1920px;height:1080px;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.content[data-v-d2af26cb]{text-align:center}h1[data-v-d2af26cb]{font-size:48px;background:linear-gradient(135deg,#0058ff,#41d1ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}p[data-v-d2af26cb]{font-size:18px;color:#888;margin-bottom:32px}.modes[data-v-d2af26cb]{display:flex;gap:10px;justify-content:center;margin-bottom:32px}.modes button[data-v-d2af26cb]{padding:10px 24px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#aaa;cursor:pointer;font-size:14px;font-family:monospace;transition:all .2s}.modes button[data-v-d2af26cb]:hover{background:#0058ff1a;color:#fff}.modes button.active[data-v-d2af26cb]{background:linear-gradient(135deg,#0058ff,#41d1ff);color:#fff;border-color:transparent}.info-row[data-v-d2af26cb]{display:flex;gap:16px;justify-content:center;margin-bottom:32px}.info-box[data-v-d2af26cb]{display:flex;flex-direction:column;gap:4px;padding:12px 20px;background:#0058ff14;border-radius:8px;border:1px solid rgba(0,88,255,.15);text-align:left}.info-box.highlight[data-v-d2af26cb]{background:#0058ff26;border-color:#0058ff59}.info-box.warn[data-v-d2af26cb]{background:#ffa0001f;border-color:#ffa0004d}.info-box.warn .val[data-v-d2af26cb]{color:#ffa000}.label[data-v-d2af26cb]{font-size:11px;color:#666;text-transform:uppercase}.val[data-v-d2af26cb]{font-size:18px;color:#41d1ff;font-weight:600;font-variant-numeric:tabular-nums}.ruler[data-v-d2af26cb]{max-width:500px;margin:0 auto}.ruler-track[data-v-d2af26cb]{height:12px;background:#ffffff0f;border-radius:6px;position:relative}.ruler-range[data-v-d2af26cb]{position:absolute;top:0;height:100%;background:#0058ff33;border-radius:6px;border:1px solid rgba(0,88,255,.3)}.ruler-marker[data-v-d2af26cb]{position:absolute;top:-4px;width:4px;height:20px;background:#41d1ff;border-radius:2px;transform:translate(-50%);transition:left .3s}.ruler-labels[data-v-d2af26cb]{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:#555}.area[data-v-d0c856d0]{width:1920px;height:1080px;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.content[data-v-d0c856d0]{text-align:center;width:900px}h1[data-v-d0c856d0]{font-size:48px;background:linear-gradient(135deg,#0058ff,#41d1ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}p[data-v-d0c856d0]{font-size:18px;color:#888;margin-bottom:24px}.controls[data-v-d0c856d0]{display:flex;align-items:center;gap:20px;justify-content:center;margin-bottom:24px}.scale-info[data-v-d0c856d0]{display:flex;flex-direction:column;gap:2px;padding:8px 16px;background:#0058ff1f;border:1px solid rgba(0,88,255,.25);border-radius:8px}.label[data-v-d0c856d0]{font-size:11px;color:#666;text-transform:uppercase}.val[data-v-d0c856d0]{font-size:16px;color:#41d1ff;font-weight:600;font-variant-numeric:tabular-nums}.event-toggles[data-v-d0c856d0]{display:flex;gap:8px}.toggle[data-v-d0c856d0]{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-size:12px;color:#666;cursor:pointer;transition:all .2s;font-family:monospace}.toggle input[data-v-d0c856d0]{display:none}.toggle.on[data-v-d0c856d0]{background:#0058ff26;border-color:#0058ff59;color:#60a5fa}.clear-btn[data-v-d0c856d0]{padding:6px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#888;cursor:pointer;font-size:12px}.clear-btn[data-v-d0c856d0]:hover{color:#fff;background:#ffffff0d}.log-panel[data-v-d0c856d0]{background:#0000004d;border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden}.log-header[data-v-d0c856d0]{display:grid;grid-template-columns:100px 120px 1fr;gap:12px;padding:10px 16px;font-size:11px;color:#555;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.04)}.log-list[data-v-d0c856d0]{max-height:320px;overflow-y:auto}.log-row[data-v-d0c856d0]{display:grid;grid-template-columns:100px 120px 1fr;gap:12px;padding:6px 16px;font-size:12px;border-bottom:1px solid rgba(255,255,255,.02)}.log-time[data-v-d0c856d0]{color:#555;font-family:monospace;font-variant-numeric:tabular-nums}.log-event[data-v-d0c856d0]{font-family:monospace;font-weight:600;padding:1px 6px;border-radius:3px;text-align:left}.evt-scaleChange[data-v-d0c856d0]{color:#41d1ff;background:#41d1ff14}.evt-resize[data-v-d0c856d0]{color:#34d399;background:#34d39914}.evt-render[data-v-d0c856d0]{color:#a78bfa;background:#a78bfa14}.evt-start[data-v-d0c856d0]{color:#fbbf24;background:#fbbf2414}.evt-stop[data-v-d0c856d0]{color:#f87171;background:#f8717114}.log-detail[data-v-d0c856d0]{color:#888;text-align:left;font-variant-numeric:tabular-nums}.log-empty[data-v-d0c856d0]{padding:40px;color:#444;font-size:14px}.log-count[data-v-d0c856d0]{padding:8px 16px;font-size:11px;color:#444;border-top:1px solid rgba(255,255,255,.04)}.area[data-v-2148f582]{width:1920px;height:1080px;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.content[data-v-2148f582]{text-align:center}h1[data-v-2148f582]{font-size:48px;background:linear-gradient(135deg,#0058ff,#41d1ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}p[data-v-2148f582]{font-size:18px;color:#888;margin-bottom:32px}.modes[data-v-2148f582]{display:flex;gap:10px;justify-content:center;margin-bottom:32px}.modes button[data-v-2148f582]{padding:10px 24px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#aaa;cursor:pointer;font-size:14px;font-family:monospace;transition:all .2s}.modes button[data-v-2148f582]:hover{background:#0058ff1a;color:#fff}.modes button.active[data-v-2148f582]{background:linear-gradient(135deg,#0058ff,#41d1ff);color:#fff;border-color:transparent}.info-row[data-v-2148f582]{display:flex;gap:16px;justify-content:center;margin-bottom:32px}.info-box[data-v-2148f582]{display:flex;flex-direction:column;gap:4px;padding:12px 20px;background:#0058ff14;border-radius:8px;border:1px solid rgba(0,88,255,.15);text-align:left}.info-box.highlight[data-v-2148f582]{background:#0058ff26;border-color:#0058ff59}.desc-box[data-v-2148f582]{max-width:320px}.label[data-v-2148f582]{font-size:11px;color:#666;text-transform:uppercase}.val[data-v-2148f582]{font-size:18px;color:#41d1ff;font-weight:600;font-variant-numeric:tabular-nums}.val.desc[data-v-2148f582]{font-size:14px;font-weight:400;color:#aaa}.visual-hint[data-v-2148f582]{display:flex;flex-direction:column;align-items:center;gap:16px}.viewport-frame[data-v-2148f582]{width:300px;height:170px;border:2px dashed rgba(255,255,255,.15);border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center}.design-frame[data-v-2148f582]{width:240px;height:135px;border:2px solid rgba(0,88,255,.5);border-radius:4px;position:relative;transition:transform .3s}.corner[data-v-2148f582]{position:absolute;width:10px;height:10px;border-color:#41d1ff;border-style:solid}.corner.tl[data-v-2148f582]{top:-1px;left:-1px;border-width:2px 0 0 2px}.corner.tr[data-v-2148f582]{top:-1px;right:-1px;border-width:2px 2px 0 0}.corner.bl[data-v-2148f582]{bottom:-1px;left:-1px;border-width:0 0 2px 2px}.corner.br[data-v-2148f582]{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.viewport-label[data-v-2148f582]{position:absolute;bottom:-20px;font-size:11px;color:#555}.hint-text[data-v-2148f582]{margin-top:8px}.tag[data-v-2148f582]{font-size:14px;padding:4px 14px;border-radius:6px;font-weight:600}.hidden-tag[data-v-2148f582]{color:#41d1ff;background:#41d1ff1a}.visible-tag[data-v-2148f582]{color:#34d399;background:#34d3991a}.auto-tag[data-v-2148f582]{color:#fbbf24;background:#fbbf241a}.area[data-v-abc31a0e]{width:1920px;height:1080px;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.content[data-v-abc31a0e]{text-align:center}.row[data-v-abc31a0e]{display:flex;gap:20px;margin:30px 0}.panel[data-v-abc31a0e]{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 30px}.label[data-v-abc31a0e]{font-size:13px;color:#888;margin-bottom:8px}.mode-btn[data-v-abc31a0e]{padding:10px 24px;border-radius:6px;border:1px solid rgba(0,120,255,.3);background:#0078ff1a;color:#60a5fa;cursor:pointer;font-size:14px;min-width:80px}.mode-btn.active[data-v-abc31a0e]{background:#0078ff4d;border-color:#0078ff99}.mode-btn[data-v-abc31a0e]:not(.active):hover{background:#0078ff33}.desc[data-v-abc31a0e]{text-align:left;font-size:13px;color:#aaa;line-height:1.8}.desc p[data-v-abc31a0e]{margin:4px 0}.area[data-v-3abe1bd8]{width:1920px;height:1080px;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.content[data-v-3abe1bd8]{text-align:center}.row[data-v-3abe1bd8]{display:flex;gap:20px;margin:30px 0}.panel[data-v-3abe1bd8]{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 30px}.label[data-v-3abe1bd8]{font-size:13px;color:#888;margin-bottom:8px}.dir-btn[data-v-3abe1bd8]{padding:10px 24px;border-radius:6px;border:1px solid rgba(34,197,94,.3);background:#22c55e1a;color:#4ade80;cursor:pointer;font-size:14px;min-width:80px}.dir-btn.active[data-v-3abe1bd8]{background:#22c55e4d;border-color:#22c55e99}.dir-btn[data-v-3abe1bd8]:not(.active):hover{background:#22c55e33}.desc[data-v-3abe1bd8]{text-align:left;font-size:13px;color:#aaa;line-height:1.8}.desc p[data-v-3abe1bd8]{margin:4px 0}.area[data-v-943a06e8]{width:1920px;height:1080px;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.content[data-v-943a06e8]{text-align:center}.panel[data-v-943a06e8]{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 30px;margin-bottom:20px}.label[data-v-943a06e8]{font-size:13px;color:#888;margin-bottom:10px}.bp-info[data-v-943a06e8]{border-color:#fbbf244d}.bp-detail[data-v-943a06e8]{font-size:14px;color:#fbbf24}.bp-detail p[data-v-943a06e8]{margin:4px 0}.bp-list[data-v-943a06e8]{text-align:left}.bp-item[data-v-943a06e8]{font-size:13px;color:#aaa;margin:6px 0;font-family:monospace}.hint[data-v-943a06e8]{margin-top:20px;font-size:13px;color:#555}.area[data-v-e03a48cc]{width:1920px;height:1080px;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.content[data-v-e03a48cc]{text-align:center}.panel[data-v-e03a48cc]{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 30px;margin-bottom:20px}.label[data-v-e03a48cc]{font-size:13px;color:#888;margin-bottom:8px}.toggle-btn[data-v-e03a48cc]{padding:12px 32px;border-radius:8px;border:1px solid rgba(168,85,247,.3);background:#a855f71a;color:#c084fc;cursor:pointer;font-size:14px;margin-bottom:20px}.toggle-btn[data-v-e03a48cc]:hover{background:#a855f733}.desc[data-v-e03a48cc]{text-align:left;font-size:13px;color:#aaa;line-height:1.6}.desc p[data-v-e03a48cc]{margin:3px 0}.area[data-v-9c8e78a6]{width:1920px;height:1080px;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.content[data-v-9c8e78a6]{text-align:center}.panel[data-v-9c8e78a6]{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 30px;margin-bottom:20px}.label[data-v-9c8e78a6]{font-size:13px;color:#888;margin-bottom:8px}.toggle-btn[data-v-9c8e78a6]{padding:12px 32px;border-radius:8px;border:1px solid rgba(239,68,68,.3);background:#ef44441a;color:#f87171;cursor:pointer;font-size:14px;margin-bottom:20px}.toggle-btn.disabled[data-v-9c8e78a6]{border-color:#22c55e4d;background:#22c55e1a;color:#4ade80}.toggle-btn[data-v-9c8e78a6]:hover{opacity:.8}.desc[data-v-9c8e78a6]{text-align:left;font-size:13px;color:#aaa;line-height:1.6}.desc p[data-v-9c8e78a6]{margin:4px 0}.area[data-v-eed52672]{width:1920px;height:1080px;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.center-box[data-v-eed52672]{text-align:center;padding:60px 80px;border:1px solid rgba(0,88,255,.2);border-radius:20px;background:#0058ff0d}h1[data-v-eed52672]{font-size:42px;background:linear-gradient(135deg,#0058ff,#41d1ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px;font-family:monospace}p[data-v-eed52672]{font-size:18px;color:#888;margin-bottom:32px}.stats[data-v-eed52672]{display:flex;gap:32px;justify-content:center;margin-bottom:24px}.stat[data-v-eed52672]{display:flex;flex-direction:column;gap:4px;padding:12px 20px;background:#0058ff14;border-radius:8px;border:1px solid rgba(0,88,255,.15)}.stat-key[data-v-eed52672]{font-size:11px;color:#666;text-transform:uppercase}.stat-val[data-v-eed52672]{font-size:18px;color:#41d1ff;font-weight:600;font-variant-numeric:tabular-nums}.tip[data-v-eed52672]{font-size:14px;color:#555}.center-box[data-v-7a1f40d1]{text-align:center;padding:60px 80px;border:1px solid rgba(0,88,255,.2);border-radius:20px;background:#0058ff0d}h1[data-v-7a1f40d1]{font-size:38px;background:linear-gradient(135deg,#0058ff,#41d1ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px;font-family:monospace}p[data-v-7a1f40d1]{font-size:18px;color:#888;margin-bottom:32px}.info[data-v-7a1f40d1]{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.tag[data-v-7a1f40d1]{padding:6px 16px;border-radius:6px;background:#0058ff1a;border:1px solid rgba(0,88,255,.2);color:#60a5fa;font-size:13px}.tag.highlight[data-v-7a1f40d1]{background:#34d3991f;border-color:#34d39940;color:#34d399}.event-panel[data-v-7a1f40d1]{margin-bottom:20px;display:flex;flex-direction:column;gap:8px;align-items:center}.event-row[data-v-7a1f40d1]{display:flex;gap:16px;align-items:center;padding:8px 20px;background:#0003;border-radius:6px;border:1px solid rgba(255,255,255,.04);min-width:360px}.evt-label[data-v-7a1f40d1]{font-size:13px;color:#888;font-family:monospace;min-width:140px;text-align:left}.evt-val[data-v-7a1f40d1]{font-size:14px;color:#41d1ff;font-weight:600;font-variant-numeric:tabular-nums}.code-hint[data-v-7a1f40d1]{font-size:14px;color:#555}#demo-area{width:1920px;height:1080px;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.area[data-v-be3f8d32]{background:#1a1a2e;display:flex;align-items:center;justify-content:center}.center-box[data-v-be3f8d32]{text-align:center;padding:60px 80px;border:1px solid rgba(0,88,255,.2);border-radius:20px;background:#0058ff0d}h1[data-v-be3f8d32]{font-size:42px;background:linear-gradient(135deg,#0058ff,#41d1ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px;font-family:monospace}p[data-v-be3f8d32]{font-size:18px;color:#888;margin-bottom:32px}.presets[data-v-be3f8d32]{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.presets button[data-v-be3f8d32]{padding:10px 24px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#aaa;cursor:pointer;font-size:14px;transition:all .2s}.presets button[data-v-be3f8d32]:hover{background:#0058ff1a;color:#fff}.presets button.active[data-v-be3f8d32]{background:linear-gradient(135deg,#0058ff,#41d1ff);color:#fff;border-color:transparent}.info-row[data-v-be3f8d32]{display:flex;gap:16px;justify-content:center}.info-box[data-v-be3f8d32]{display:flex;flex-direction:column;gap:4px;padding:12px 20px;background:#0058ff14;border-radius:8px;border:1px solid rgba(0,88,255,.15)}.info-box.highlight[data-v-be3f8d32]{background:#0058ff26;border-color:#0058ff59}.label[data-v-be3f8d32]{font-size:11px;color:#666;text-transform:uppercase}.val[data-v-be3f8d32]{font-size:18px;color:#41d1ff;font-weight:600;font-variant-numeric:tabular-nums}.area[data-v-19e3a5f4]{width:1920px;height:1080px;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.content[data-v-19e3a5f4]{text-align:center}.row[data-v-19e3a5f4]{display:flex;gap:20px;margin:30px 0}.panel[data-v-19e3a5f4]{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 30px}.label[data-v-19e3a5f4]{font-size:13px;color:#888;margin-bottom:8px}.mode-btn[data-v-19e3a5f4]{padding:10px 24px;border-radius:6px;border:1px solid rgba(0,120,255,.3);background:#0078ff1a;color:#60a5fa;cursor:pointer;font-size:14px;min-width:80px}.mode-btn.active[data-v-19e3a5f4]{background:#0078ff4d;border-color:#0078ff99}.mode-btn[data-v-19e3a5f4]:not(.active):hover{background:#0078ff33}.desc[data-v-19e3a5f4]{text-align:left;font-size:13px;color:#aaa;line-height:1.8}.desc p[data-v-19e3a5f4]{margin:4px 0}.area[data-v-0c8413ef]{width:1920px;height:1080px;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.content[data-v-0c8413ef]{text-align:center}.row[data-v-0c8413ef]{display:flex;gap:60px;margin-bottom:30px}.panel[data-v-0c8413ef]{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px}.label[data-v-0c8413ef]{font-size:13px;color:#888;margin-bottom:8px}.h-box[data-v-0c8413ef]{padding:20px;border-radius:8px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#4ade80}.v-box[data-v-0c8413ef]{padding:20px;border-radius:8px;background:#a855f71a;border:1px solid rgba(168,85,247,.2);color:#c084fc}.hint[data-v-0c8413ef]{margin-top:20px;font-size:14px;color:#555}.area[data-v-eca45490]{width:1920px;height:1080px;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.content[data-v-eca45490]{text-align:center}.panel[data-v-eca45490]{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 30px;margin-bottom:20px}.label[data-v-eca45490]{font-size:13px;color:#888;margin-bottom:10px}.bp-info[data-v-eca45490]{border-color:#fbbf244d}.bp-detail[data-v-eca45490]{font-size:14px;color:#fbbf24}.bp-detail p[data-v-eca45490]{margin:4px 0}.bp-list[data-v-eca45490]{text-align:left}.bp-item[data-v-eca45490]{font-size:13px;color:#aaa;margin:6px 0;font-family:monospace}.hint[data-v-eca45490]{margin-top:20px;font-size:13px;color:#555}.area[data-v-386ed254]{width:1920px;height:1080px;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.content[data-v-386ed254]{text-align:center}.panel[data-v-386ed254]{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 30px;margin-bottom:20px}.label[data-v-386ed254]{font-size:13px;color:#888;margin-bottom:8px}.toggle-btn[data-v-386ed254]{padding:12px 32px;border-radius:8px;border:1px solid rgba(168,85,247,.3);background:#a855f71a;color:#c084fc;cursor:pointer;font-size:14px;margin-bottom:20px}.toggle-btn[data-v-386ed254]:hover{background:#a855f733}.desc[data-v-386ed254]{text-align:left;font-size:13px;color:#aaa;line-height:1.6}.desc p[data-v-386ed254]{margin:3px 0}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}body{background:#08080f;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}a{color:#41d1ff;text-decoration:none}a:hover{text-decoration:underline}.home[data-v-976d7b37]{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0 24px;overflow-y:auto}.hero[data-v-976d7b37]{width:100%;padding:60px 0 40px;text-align:center}.hero-inner[data-v-976d7b37]{max-width:640px;margin:0 auto}h1[data-v-976d7b37]{font-size:36px;font-weight:800;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px}.icon[data-v-976d7b37]{font-size:32px;background:linear-gradient(135deg,#0058ff,#41d1ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ver[data-v-976d7b37]{font-size:12px;font-weight:500;background:#ffffff0f;padding:2px 10px;border-radius:4px;color:#666}.subtitle[data-v-976d7b37]{font-size:16px;color:#888;margin-bottom:20px;line-height:1.6}.badges[data-v-976d7b37]{display:flex;gap:10px;justify-content:center}.badge[data-v-976d7b37]{font-size:12px;padding:4px 14px;border-radius:6px;font-weight:600}.core-badge[data-v-976d7b37]{background:#0058ff1f;border:1px solid rgba(0,88,255,.25);color:#60a5fa}.vue-badge[data-v-976d7b37]{background:#10b9811f;border:1px solid rgba(16,185,129,.25);color:#34d399}.tab-bar[data-v-976d7b37]{display:flex;gap:8px;margin-bottom:32px}.tab-bar button[data-v-976d7b37]{display:flex;align-items:center;gap:10px;padding:12px 28px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:#aaa;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s}.tab-bar button[data-v-976d7b37]:hover{background:#ffffff0d;color:#fff}.tab-bar button.active[data-v-976d7b37]{background:#0058ff1a;border-color:#0058ff4d;color:#fff}.tab-dot[data-v-976d7b37]{width:8px;height:8px;border-radius:50%}.tab-dot.core[data-v-976d7b37]{background:#3b82f6}.tab-dot.vue[data-v-976d7b37]{background:#10b981}.tab-desc[data-v-976d7b37]{font-size:11px;font-weight:400;color:#666}.demo-list[data-v-976d7b37]{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;width:100%;max-width:1200px;padding-bottom:40px}.demo-card[data-v-976d7b37]{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:24px;cursor:pointer;transition:all .2s}.demo-card[data-v-976d7b37]:hover{background:#ffffff0f;border-color:#0058ff33;transform:translateY(-2px)}.card-header[data-v-976d7b37]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-header h3[data-v-976d7b37]{font-size:17px;font-weight:700;background:linear-gradient(135deg,#0058ff,#41d1ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.arrow[data-v-976d7b37]{font-size:18px;color:#444;transition:color .2s}.demo-card:hover .arrow[data-v-976d7b37]{color:#41d1ff}.card-desc[data-v-976d7b37]{font-size:13px;color:#888;line-height:1.6;margin-bottom:12px}.card-preview[data-v-976d7b37]{font-size:11px;color:#4a7a9b;background:#0000004d;border-radius:6px;padding:10px 12px;line-height:1.5;overflow:hidden;white-space:pre}.footer[data-v-976d7b37]{padding:32px 0;display:flex;gap:12px;align-items:center;font-size:13px;color:#555}.demo-page[data-v-976d7b37]{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}.demo-toolbar[data-v-976d7b37]{height:44px;display:flex;align-items:center;gap:16px;padding:0 16px;background:#08080ff2;border-bottom:1px solid rgba(255,255,255,.06);z-index:100;flex-shrink:0}.back-btn[data-v-976d7b37]{padding:4px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#aaa;cursor:pointer;font-size:13px}.back-btn[data-v-976d7b37]:hover{background:#ffffff0d;color:#fff}.demo-title[data-v-976d7b37]{font-size:14px;font-weight:600;color:#ccc}.source-btn[data-v-976d7b37]{margin-left:auto;padding:4px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#aaa;cursor:pointer;font-size:13px}.source-btn[data-v-976d7b37]:hover{background:#ffffff0d}.source-btn.on[data-v-976d7b37]{background:#0058ff26;border-color:#0058ff4d;color:#60a5fa}.demo-body[data-v-976d7b37]{flex:1;display:flex;overflow:hidden}.demo-effect[data-v-976d7b37]{flex:1;overflow:hidden;position:relative}.demo-source[data-v-976d7b37]{width:420px;background:#0c0c16;border-left:1px solid rgba(255,255,255,.06);overflow-y:auto;flex-shrink:0}.source-header[data-v-976d7b37]{padding:12px 16px;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.04)}.demo-source pre[data-v-976d7b37]{padding:16px;font-size:13px;color:#7dd3fc;line-height:1.7;white-space:pre;font-family:SF Mono,Fira Code,monospace}