.app-router[data-v-8d489da8]{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}:root{--color-primary: #6846e8;--color-primary-hover: #5736d4;--color-primary-deep: #5c39d7;--color-primary-light: #f0ecff;--color-primary-muted: #f7f5ff;--color-primary-rgb: 104, 70, 232;--color-accent-blue: #3b82f6;--color-bg-page: #f7f7fa;--color-bg-panel: #ffffff;--color-bg-canvas: #eceef3;--color-bg-sidebar: #fafbfe;--color-border: #e5e7eb;--color-border-light: #f0f2f7;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-text-placeholder: #9ca3af;--color-danger: #ef4444;--color-download: #3b82f6;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-card: 0 4px 16px rgba(15, 23, 42, .06);--shadow-card-hover: 0 8px 24px rgba(var(--color-primary-rgb), .14);--shadow-header: 0 1px 0 rgba(15, 23, 42, .06);--font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--header-height: 64px;--sidebar-width: 176px;--panel-width: 304px;--editor-tool-width: 72px}*,*:before,*:after{box-sizing:border-box}html{height:100%}body,#app{margin:0;padding:0;height:100%;min-height:0}body{overflow:hidden;font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-bg-page);-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 20px;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-deep) 100%);color:#fff;font-weight:500;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.28)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--color-primary-rgb),.35)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 20px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#f9fafb;color:var(--color-text-primary);font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background .15s,color .15s}.btn-ghost:hover:not(:disabled){background:var(--color-primary-muted);color:var(--color-primary)}.btn-ghost:disabled{opacity:.45;cursor:not-allowed}.input{width:100%;height:40px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.input::placeholder{color:var(--color-text-placeholder)}.card{background:var(--color-bg-panel);border-radius:var(--radius-md);border:1px solid var(--color-border-light);box-shadow:var(--shadow-card)}.section-title{margin:0;font-size:13px;font-weight:600;color:var(--color-text-secondary);letter-spacing:.02em}.page-title{margin:0;font-size:20px;font-weight:600;color:var(--color-text-primary)}