:root{--brand-500: #5b5ce2;--brand-600: #4d4fce;--brand-700: #3e40a9;--brand-50: #f1f1ff;--nav-950: #11172d;--nav-900: #171e3a;--nav-800: #202a50;--nav-text: rgba(255, 255, 255, .68);--nav-text-strong: #ffffff;--app-bg: #f4f6fb;--app-surface: #ffffff;--app-surface-soft: #fafbff;--app-border: #e8ebf3;--app-border-strong: #dce1ed;--app-text: #1d2433;--app-text-secondary: #667085;--app-text-muted: #98a2b3;--app-success: #1f9d68;--app-warning: #d98b18;--app-danger: #d94f62;--app-info: #7a8499;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 14px rgba(30, 42, 80, .04);--shadow-md: 0 12px 30px rgba(30, 42, 80, .08);--el-color-primary: var(--brand-500);--el-color-primary-light-9: var(--brand-50);--el-color-primary-dark-2: var(--brand-700);--el-color-success: var(--app-success);--el-color-warning: var(--app-warning);--el-color-danger: var(--app-danger);--el-color-info: var(--app-info);--el-border-radius-base: var(--radius-sm)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--app-bg);color:var(--app-text);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}.page{padding:var(--space-5)}.card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-5)}.card+.card{margin-top:var(--space-4)}.text-muted{color:var(--app-text-muted)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.toolbar__search{width:180px}.toolbar__select{width:116px}.toolbar__spacer{flex:1}.thumb{width:64px;height:64px;border:1px solid var(--app-border);border-radius:var(--radius-sm)}.swatch{display:inline-block;width:14px;height:14px;margin-right:var(--space-2);vertical-align:middle;border:1px solid var(--app-border-strong);border-radius:50%}.el-tag+.el-tag{margin-left:var(--space-1)}.sort-input{width:88px}.pager{display:flex;justify-content:flex-end;margin-top:var(--space-4)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--app-border-strong);border-radius:999px}