:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--kf-bg:#f5f6f8;--kf-surface:#fff;--kf-surface-soft:#f8fafc;--kf-sidebar:#111;--kf-sidebar-hover:#242424;--kf-text:#171717;--kf-text-secondary:#5f6672;--kf-text-muted:#9299a5;--kf-border:#e4e7ec;--kf-border-strong:#d4d8df;--kf-primary:#171717;--kf-primary-hover:#303030;--kf-success:#16a34a;--kf-warning:#d97706;--kf-danger:#dc2626;--kf-info:#475569;--kf-radius-sm:8px;--kf-radius-md:12px;--kf-radius-lg:16px;--kf-shadow:0 4px 16px #0f172a0a;--bg:var(--kf-bg);--panel:var(--kf-surface);--panel-strong:var(--kf-surface);--panel-soft:var(--kf-surface-soft);--text:var(--kf-text);--text-soft:var(--kf-text-secondary);--accent:var(--kf-primary);--accent-2:var(--kf-primary-hover);--line:var(--kf-border);--warn:var(--kf-warning);--el-color-primary:var(--kf-primary);--el-color-primary-light-3:#525252;--el-color-primary-light-5:#737373;--el-color-primary-light-7:#a3a3a3;--el-color-primary-light-8:#d4d4d4;--el-color-primary-light-9:#f1f1f1;--el-color-primary-dark-2:#000;--el-border-color:var(--kf-border);--el-border-color-light:#edf0f3;--el-fill-color-blank:#fff;--el-text-color-primary:var(--kf-text);--el-text-color-regular:var(--kf-text-secondary);--el-border-radius-base:var(--kf-radius-sm)}*{box-sizing:border-box}html,body,#app{background:var(--kf-bg);min-height:100%;color:var(--kf-text);-webkit-font-smoothing:antialiased;margin:0;font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif}body{min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.page-shell{min-height:100vh}.page-card{background:var(--kf-surface);border:1px solid var(--kf-border);border-radius:var(--kf-radius-md);box-shadow:var(--kf-shadow)}.page-title{color:var(--kf-text);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700}.page-subtitle{color:var(--kf-text-secondary);margin:8px 0 0;line-height:1.6}.section-title{color:var(--kf-text);margin:0 0 16px;font-size:16px;font-weight:650}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card{border:1px solid var(--kf-border);border-radius:var(--kf-radius-md);background:var(--kf-surface);min-width:0;padding:20px}.metric-label{color:var(--kf-text-secondary);font-size:13px}.metric-value{color:var(--kf-text);margin-top:12px;font-size:28px;font-weight:700}.data-list{gap:10px;display:grid}.data-item{border:1px solid var(--kf-border);border-radius:var(--kf-radius-sm);background:var(--kf-surface-soft);justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:13px 14px;display:flex}.el-button{font-weight:600}.el-button--primary{--el-button-bg-color:var(--kf-primary);--el-button-border-color:var(--kf-primary);--el-button-hover-bg-color:var(--kf-primary-hover);--el-button-hover-border-color:var(--kf-primary-hover);--el-button-active-bg-color:#000;--el-button-active-border-color:#000}.el-input__wrapper,.el-textarea__inner,.el-select__wrapper,.el-date-editor.el-input__wrapper{box-shadow:0 0 0 1px var(--kf-border) inset}.el-input__wrapper:hover,.el-textarea__inner:hover,.el-select__wrapper:hover{box-shadow:0 0 0 1px var(--kf-border-strong) inset}.el-input__wrapper.is-focus,.el-textarea__inner:focus,.el-select__wrapper.is-focused{box-shadow:0 0 0 1px var(--kf-primary) inset}.el-dialog,.el-drawer{--el-dialog-border-radius:var(--kf-radius-md)}.el-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.metric-grid{grid-template-columns:1fr}.page-title{font-size:21px}}