#yq-web{width:100vw;height:100vh;overflow:hidden}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-base:#f6f7f9;--bg-surface:#fff;--bg-subtle:#eef0f3;--bg-elevated:#fff;--bg-inverse:#1a1d23;--border-default:#e2e5ea;--border-strong:#cbd0d8;--border-subtle:#eef0f3;--text-primary:#1a1d23;--text-secondary:#525866;--text-tertiary:#8a91a0;--text-disabled:#b8bec8;--text-inverse:#fff;--text-brand:#0080ff;--brand-default:#0080ff;--brand-hover:#06c;--brand-active:#0052a3;--brand-subtle:#e6f2ff;--brand-border:#80bfff;--brand-on:#fff;--success-default:#15803d;--success-subtle:#ecfdf5;--success-on:#fff;--warning-default:#b45309;--warning-subtle:#fffbeb;--warning-on:#fff;--danger-default:#dc2626;--danger-subtle:#fef2f2;--danger-on:#fff;--info-default:#1d4ed8;--info-subtle:#eff6ff;--info-on:#fff;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--font-size-display:48px;--font-size-h1:38px;--font-size-h2:30px;--font-size-h3:24px;--font-size-h4:20px;--font-size-h5:18px;--font-size-h6:16px;--font-size-subtitle:16px;--font-size-body-lg:15px;--font-size-body:14px;--font-size-body-sm:13px;--font-size-caption:12px;--space-0:0;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--space-11:64px;--radius-none:0;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 12px #0f172a14, 0 1px 2px #0f172a0a;--shadow-lg:0 12px 32px #0f172a1f, 0 2px 4px #0f172a0a;--focus-ring:0 0 0 3px #0080ff33;--sidebar-width:260px;--header-height:64px;--overlay-bg:#0e111680}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg-base:#0e1116;--bg-surface:#161a21;--bg-subtle:#1d222b;--bg-elevated:#20262f;--bg-inverse:#f6f7f9;--border-default:#2a313c;--border-strong:#3a424f;--border-subtle:#1d222b;--text-primary:#e8eaed;--text-secondary:#a8aeb8;--text-tertiary:#6b7280;--text-disabled:#4b5159;--text-inverse:#0e1116;--text-brand:#66b3ff;--brand-default:#39f;--brand-hover:#66b3ff;--brand-active:#9cf;--brand-subtle:#0a2540;--brand-border:#1a4d80;--brand-on:#0e1116;--success-default:#4ade80;--success-subtle:#052e1a;--success-on:#052e1a;--warning-default:#fbbf24;--warning-subtle:#2a1a05;--warning-on:#2a1a05;--danger-default:#f87171;--danger-subtle:#2a0e0e;--danger-on:#2a0e0e;--info-default:#60a5fa;--info-subtle:#0a1a2e;--info-on:#0a1a2e;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006, 0 1px 2px #00000040;--shadow-lg:0 12px 32px #00000080, 0 2px 4px #0000004d;--focus-ring:0 0 0 3px #66b3ff4d;--overlay-bg:#0009}}[data-theme=dark]{--bg-base:#0e1116;--bg-surface:#161a21;--bg-subtle:#1d222b;--bg-elevated:#20262f;--bg-inverse:#f6f7f9;--border-default:#2a313c;--border-strong:#3a424f;--border-subtle:#1d222b;--text-primary:#e8eaed;--text-secondary:#a8aeb8;--text-tertiary:#6b7280;--text-disabled:#4b5159;--text-inverse:#0e1116;--text-brand:#66b3ff;--brand-default:#39f;--brand-hover:#66b3ff;--brand-active:#9cf;--brand-subtle:#0a2540;--brand-border:#1a4d80;--brand-on:#0e1116;--success-default:#4ade80;--success-subtle:#052e1a;--success-on:#052e1a;--warning-default:#fbbf24;--warning-subtle:#2a1a05;--warning-on:#2a1a05;--danger-default:#f87171;--danger-subtle:#2a0e0e;--danger-on:#2a0e0e;--info-default:#60a5fa;--info-subtle:#0a1a2e;--info-on:#0a1a2e;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006, 0 1px 2px #00000040;--shadow-lg:0 12px 32px #00000080, 0 2px 4px #0000004d;--focus-ring:0 0 0 3px #66b3ff4d;--overlay-bg:#0009}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none;transition:color .2s}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s}input,textarea,select{font-family:inherit}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-5);border-radius:var(--radius-sm);font-size:var(--font-size-body-sm);font-weight:500;line-height:var(--font-size-body-sm);cursor:pointer;border:none;display:inline-flex}.btn-primary{background:var(--brand-default);color:var(--brand-on)}.btn-primary:hover{background:var(--brand-hover)}.btn-primary:active{background:var(--brand-active)}.btn-ghost{color:var(--text-brand);background:0 0}.btn-ghost:hover{background:var(--brand-subtle)}.btn-outline{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-primary)}.btn-outline:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.btn-danger{background:var(--danger-default);color:var(--danger-on)}.btn-danger:hover{filter:brightness(.92)}.btn-text{color:var(--text-brand);font-size:var(--font-size-body);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.btn-text:hover{background:var(--brand-subtle)}.btn-text.danger{color:var(--danger-default)}.btn-text.danger:hover{background:var(--danger-subtle)}.btn:disabled,.btn-primary:disabled,.btn-outline:disabled,.btn-danger:disabled{background:var(--bg-subtle);color:var(--text-disabled);border-color:var(--border-default);cursor:not-allowed}.input,.form-control{width:100%;height:32px;padding:0 var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:var(--font-size-body-sm);transition:border-color .15s,box-shadow .15s}.input::placeholder,.form-control::placeholder{color:var(--text-tertiary)}.input:focus,.form-control:focus{border-color:var(--brand-default);box-shadow:var(--focus-ring);outline:none}.input:disabled,.form-control:disabled{background:var(--bg-subtle);color:var(--text-disabled);cursor:not-allowed}textarea.form-control{height:auto;padding:var(--space-3);resize:vertical}.form-group{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.form-group label{font-size:var(--font-size-body-sm);color:var(--text-secondary);font-weight:500}.form-row{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.form-row .form-group{margin-bottom:0}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-7);box-shadow:var(--shadow-sm)}.badge{height:22px;padding:0 var(--space-3);border-radius:var(--radius-xs);font-size:var(--font-size-caption);align-items:center;font-weight:500;display:inline-flex}.badge-brand{background:var(--brand-subtle);color:var(--brand-default)}.badge-success{background:var(--success-subtle);color:var(--success-default)}.badge-warning{background:var(--warning-subtle);color:var(--warning-default)}.badge-danger{background:var(--danger-subtle);color:var(--danger-default)}.badge-info{background:var(--info-subtle);color:var(--info-default)}.toast-container{top:var(--space-7);right:var(--space-7);z-index:9999;gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.toast{background:var(--bg-surface);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-md);border-radius:var(--radius-md);border:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:var(--space-3);min-width:280px;max-width:400px;font-size:var(--font-size-body);font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) toast-in;display:flex}.toast.success{border-left:4px solid var(--success-default)}.toast.error{border-left:4px solid var(--danger-default)}.toast.warning{border-left:4px solid var(--warning-default)}.toast.info{border-left:4px solid var(--info-default)}.toast-message{word-break:break-word;flex:1}.toast-close{padding:var(--space-1);cursor:pointer;color:var(--text-tertiary);border-radius:var(--radius-xs);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.toast-close:hover{background:var(--bg-subtle);color:var(--text-primary)}@keyframes toast-in{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}.modal-overlay,.modal-mask{background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-5);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content,.modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-7);width:90%;max-width:500px;box-shadow:var(--shadow-lg)}.modal-content.small,.modal.small{max-width:360px;padding:var(--space-5) var(--space-6)}.modal-content.large,.modal.large{max-width:720px}.modal-content.xlarge,.modal.xlarge{max-width:1000px}.modal-content.wide,.modal.wide{max-width:840px}.switch{width:40px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--border-strong);border-radius:20px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--bg-surface);border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:3px;left:3px}.switch input:checked+.slider{background-color:var(--brand-default)}.switch input:focus+.slider{box-shadow:var(--focus-ring)}.switch input:checked+.slider:before{transform:translate(20px)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-brand{color:var(--text-brand)}.text-danger{color:var(--danger-default)}.bg-surface{background:var(--bg-surface)}.bg-subtle{background:var(--bg-subtle)}.bg-base{background:var(--bg-base)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}