*{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-1);background:var(--bg-app);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:14px;line-height:1.5}button,input,textarea,select{font-family:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}::selection{background:var(--accent-weak);color:var(--accent-strong)}*{scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-4)}::-webkit-scrollbar-corner{background:transparent}.panel-skeleton{padding:28px 32px;display:flex;flex-direction:column;gap:12px}.panel-skeleton .sk-line{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--bg-subtle) 25%,var(--bg-hover) 50%,var(--bg-subtle) 75%);background-size:200% 100%;animation:sk-shimmer 1.4s ease-in-out infinite}.panel-skeleton .sk-line.w40{width:40%}.panel-skeleton .sk-line.w70{width:70%}@keyframes sk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--bg-app: #f4f5f6;--bg-surface: #ffffff;--bg-subtle: #eff1f3;--bg-hover: #f6f7f8;--bg-input: #f5f6f7;--bg-chip: #fafbfb;--bg-code: #111827;--code-fg: #e5e7eb;--text-1: #1f2329;--text-1b: #353c43;--text-2: #4e565e;--text-2m: #6b747d;--text-3: #929aa3;--text-4: #c0c6cc;--text-inv: #ffffff;--border-1: #e5e8ea;--border-2: #d6dadd;--accent: #0f9d63;--accent-strong: #0b7d4d;--accent-weak: #eaf7f0;--accent-border: #c7e9d8;--link: #0b8f55;--link-hover: #087545;--link-weak: #eef8f3;--link-border: #cbe9da;--ring-link: rgba(15, 157, 99, .1);--ok: #16a34a;--ok-strong: #166534;--ok-weak: #f0fdf4;--ok-border: #bbf7d0;--green: #22c55e;--warn: #d97706;--warn-strong: #92400e;--warn-weak: #fef3c7;--warn-border: #fde68a;--amber: #f59e0b;--amber-weak: #fffbeb;--err: #dc2626;--err-strong: #b91c1c;--err-weak: #fef2f2;--err-weak2: #fee2e2;--err-border: #fecaca;--err-2: #f56c6c;--red: #ef4444;--orange: #ea580c;--orange-strong: #9a3412;--orange-weak: #fff7ed;--orange-border: #fed7aa;--purple: #7c3aed;--purple-weak: #faf5ff;--purple-border: #c4b5fd;--indigo: #6366f1;--indigo-strong: #4338ca;--indigo-weak: #eef2ff;--pink: #b83280;--sel-weak: #eaf7f0;--sel-fg: #0b7d4d;--bubble-user: #d9f2cf;--bubble-user-fg: #1f2329;--overlay: rgba(31, 35, 41, .42);--btn-slate: #4e565e;--btn-slate-hover: #353c43;--btn-ink: #1f2329;--btn-ink-hover: #353c43;--btn-disabled: #929aa3;--brand-ink: #1f2329;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-1: 0 1px 2px rgba(31, 35, 41, .04);--shadow-2: 0 4px 16px rgba(31, 35, 41, .07);--shadow-pop: 0 8px 28px rgba(31, 35, 41, .12)}[data-theme=dark]{--bg-app: #111315;--bg-surface: #191c1e;--bg-subtle: #23272a;--bg-hover: #282d30;--bg-input: #16191b;--bg-chip: #212527;--bg-code: #0b0d0e;--code-fg: #d9dee2;--text-1: #e7eaec;--text-1b: #cdd3d7;--text-2: #aab2b8;--text-2m: #8f989f;--text-3: #737d84;--text-4: #515a60;--text-inv: #ffffff;--border-1: #2a2f33;--border-2: #3b4247;--accent: #34c98a;--accent-strong: #5ad8a5;--accent-weak: #142a20;--accent-border: #2b5a45;--link: #5bd39d;--link-hover: #7ee0b5;--link-weak: #142a20;--link-border: #2b5a45;--ring-link: rgba(91, 211, 157, .16);--ok: #22c55e;--ok-strong: #86efac;--ok-weak: #12291b;--ok-border: #1f4a33;--green: #22c55e;--warn: #f59e0b;--warn-strong: #fcd34d;--warn-weak: #2e2410;--warn-border: #4a3a15;--amber: #f59e0b;--amber-weak: #2b230d;--err: #ef4444;--err-strong: #fca5a5;--err-weak: #2d1618;--err-weak2: #3a1a20;--err-border: #55262b;--err-2: #f87171;--red: #ef4444;--orange: #fb923c;--orange-strong: #fdba74;--orange-weak: #2e1d10;--orange-border: #57351a;--purple: #c084fc;--purple-weak: #241a38;--purple-border: #4c3a75;--indigo: #818cf8;--indigo-strong: #a5b4fc;--indigo-weak: #1c2340;--pink: #f472b6;--sel-weak: #163327;--sel-fg: #7fe0b3;--bubble-user: #244d3a;--bubble-user-fg: #e8f5ee;--overlay: rgba(0, 0, 0, .72);--btn-slate: #46566e;--btn-slate-hover: #5b6c86;--btn-ink: #334155;--btn-ink-hover: #475569;--btn-disabled: #3a4860;--brand-ink: #e7eaec;--shadow-1: 0 1px 2px rgba(0, 0, 0, .28);--shadow-2: 0 4px 18px rgba(0, 0, 0, .34);--shadow-pop: 0 10px 32px rgba(0, 0, 0, .45)}input,textarea,select{background-color:var(--bg-input);color:var(--text-1)}
