@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{--font-family: Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "SFMono-Regular", Consolas, monospace;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--transition-fast: .15s ease;--transition-normal: .22s ease}*{box-sizing:border-box}html{font-family:var(--font-family);font-size:16px;scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg-page);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}#app{min-height:100vh}button,input,select,textarea{font:inherit;touch-action:manipulation}button{cursor:pointer}a{color:var(--accent-primary)}:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}.page-header{margin-bottom:var(--spacing-6)}.page-header h1{margin:0;font-size:clamp(26px,3vw,36px);font-weight:700;letter-spacing:-.045em;line-height:1.15}.page-header h2{margin:0;font-size:22px;font-weight:700}.page-header p{margin:8px 0 0;color:var(--text-muted);font-size:14px}.card{overflow:hidden;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{border-color:var(--border-color);box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border-light);background:var(--surface-raised);font-weight:650}.card-body{padding:22px}.breadcrumb{display:flex;flex-wrap:wrap;gap:0;list-style:none;padding:0;margin:0}.breadcrumb-item{display:flex;align-items:center;color:var(--text-muted);font-size:13px}.breadcrumb-item:not(:last-child):after{content:"/";margin:0 9px;color:var(--border-color)}.breadcrumb-item a{color:var(--text-secondary);text-decoration:none;font-weight:600}.breadcrumb-item a:hover{color:var(--accent-primary)}.text-muted{color:var(--text-muted)!important}.empty-state{display:grid;place-items:center;gap:8px;min-height:220px;padding:40px 20px;text-align:center;color:var(--text-muted)}.empty-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:4px;color:var(--accent-primary);background:var(--accent-soft);border-radius:50%;font-size:0}.empty-icon:before{content:"";width:20px;height:20px;border:2px solid currentColor;border-radius:5px}.empty-text{color:var(--text-secondary);font-size:15px;font-weight:600}.loading-center{display:grid;place-items:center;gap:10px;min-height:220px;padding:40px}.status-toast{margin-bottom:var(--spacing-4);padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-sm);font-size:14px;animation:slide-in .22s ease}.status-success{color:var(--success-color)}.status-error{color:var(--danger-color)}.status-warning{color:var(--warning-color)}.status-info{color:var(--info-color)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-6)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-6)}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-6)}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.el-button{border-radius:var(--radius-md);font-weight:600;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.el-button:not(.is-disabled):hover{transform:translateY(-1px)}.el-input__wrapper,.el-select__wrapper{min-height:40px;border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--border-color) inset;transition:box-shadow var(--transition-fast),background-color var(--transition-fast)}.el-input__wrapper:hover,.el-select__wrapper:hover{box-shadow:0 0 0 1px var(--text-muted) inset}.el-input__wrapper.is-focus,.el-select__wrapper.is-focused{box-shadow:0 0 0 2px var(--accent-primary) inset,0 0 0 4px var(--accent-soft)}.el-card{border-color:var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.el-card__header{padding:18px 22px;border-color:var(--border-light);font-weight:650}.el-card__body{padding:22px}.el-dialog{border-radius:var(--radius-lg)}.el-dialog__header{margin-right:0;padding:22px 24px 14px}.el-dialog__body{padding:10px 24px 24px}.el-dialog__footer{padding:16px 24px 22px;border-top:1px solid var(--border-light)}.el-table{--el-table-header-bg-color: var(--surface-muted);--el-table-row-hover-bg-color: var(--surface-hover);--el-table-border-color: var(--border-light);--el-table-text-color: var(--text-secondary);border-radius:var(--radius-md);overflow:hidden}.el-table th.el-table__cell{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.el-table td.el-table__cell,.el-table th.el-table__cell{padding:14px 0}.el-form-item{margin-bottom:22px}.el-form-item__label{color:var(--text-secondary);font-weight:600}.el-tag{border-radius:999px;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.card-body,.el-card__body,.card-header,.el-card__header{padding:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}:root{color-scheme:light;--accent-primary: #4f46e5;--accent-primary-hover: #4338ca;--accent-soft: rgba(79, 70, 229, .14);--success-color: #16835b;--warning-color: #b56a05;--danger-color: #c2414b;--info-color: #2563a8;--bg-page: #f6f7fb;--bg-card: #ffffff;--surface-raised: #ffffff;--surface-muted: #f8f9fc;--surface-hover: #eef0ff;--text-primary: #182033;--text-secondary: #536078;--text-muted: #8a95aa;--border-color: #dce2ed;--border-light: #e9edf4;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 12px 30px rgba(30, 41, 59, .08);--shadow-lg: 0 22px 55px rgba(30, 41, 59, .13);--scrollbar-track: #eef1f7;--scrollbar-thumb: #c5ccda;--scrollbar-thumb-hover: #9ca8bc;--el-color-primary: var(--accent-primary);--el-color-primary-light-3: #818cf8;--el-color-primary-light-5: #a5b4fc;--el-color-primary-light-7: #c7d2fe;--el-color-primary-light-9: #eef2ff;--el-color-primary-dark-2: var(--accent-primary-hover);--el-bg-color: var(--bg-card);--el-bg-color-page: var(--bg-page);--el-bg-color-overlay: var(--surface-raised);--el-text-color-primary: var(--text-primary);--el-text-color-regular: var(--text-secondary);--el-text-color-secondary: var(--text-muted);--el-border-color: var(--border-color);--el-border-color-light: var(--border-light);--el-fill-color: var(--surface-muted);--el-fill-color-light: var(--surface-muted);--el-fill-color-lighter: var(--surface-hover);--el-fill-color-blank: var(--bg-card)}html[data-theme=dark]{color-scheme:dark;--accent-primary: #818cf8;--accent-primary-hover: #a5b4fc;--accent-soft: rgba(129, 140, 248, .2);--success-color: #42b883;--warning-color: #eab308;--danger-color: #fb7185;--info-color: #60a5fa;--bg-page: #0c1220;--bg-card: #121b2e;--surface-raised: #172238;--surface-muted: #111a2d;--surface-hover: #202d49;--text-primary: #edf2ff;--text-secondary: #b5c0d4;--text-muted: #8491aa;--border-color: #2b3952;--border-light: #22304a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 14px 34px rgba(0, 0, 0, .28);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .38);--scrollbar-track: #111a2d;--scrollbar-thumb: #35435c;--scrollbar-thumb-hover: #4b5d7a}html,body{background:var(--bg-page);color:var(--text-primary)}::selection{color:#fff;background:var(--accent-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}