html,body{min-height:100%}*{margin:0;padding:0;box-sizing:border-box}body{min-width:320px}#app{width:100%;min-height:100vh}:root{--dev-font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--dev-page-bg: radial-gradient(circle at top left, rgba(33, 123, 255, .12), transparent 30%), radial-gradient(circle at right top, rgba(16, 185, 129, .08), transparent 24%), linear-gradient(180deg, #f6f9fc 0%, #f3f6fb 100%);--dev-surface: rgba(255, 255, 255, .94);--dev-surface-strong: #ffffff;--dev-surface-soft: #f8fbff;--dev-border: #e4ebf5;--dev-border-strong: #d7e2f1;--dev-text-primary: #101828;--dev-text-regular: #344054;--dev-text-secondary: #667085;--dev-text-tertiary: #98a2b3;--dev-primary: #2563eb;--dev-primary-soft: #eff6ff;--dev-success: #16a34a;--dev-success-soft: #ecfdf3;--dev-warning: #d97706;--dev-warning-soft: #fff7ed;--dev-danger: #dc2626;--dev-danger-soft: #fef2f2;--dev-shadow-sm: 0 10px 28px rgba(15, 23, 42, .05);--dev-shadow-md: 0 16px 40px rgba(15, 23, 42, .07);--dev-radius-md: 14px;--dev-radius-lg: 18px;--dev-radius-xl: 22px;--dev-content-width: 1440px}html,body,#app{min-height:100%}body{font-family:var(--dev-font-family);background:var(--dev-page-bg);color:var(--dev-text-regular);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}code,pre{font-family:Cascadia Code,Consolas,Courier New,monospace}.page-shell{width:100%;max-width:var(--dev-content-width);margin:0 auto}.surface-card{border:1px solid var(--dev-border);border-radius:var(--dev-radius-lg);background:var(--dev-surface);box-shadow:var(--dev-shadow-sm)}.page-section-title{margin:0;color:var(--dev-text-primary);font-size:16px;font-weight:700}.page-section-desc{margin:6px 0 0;color:var(--dev-text-secondary);font-size:13px;line-height:1.7}.status-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid transparent;font-size:12px;font-weight:700}.status-chip.is-primary{color:#175cd3;background:#eff8ff;border-color:#bfdbfe}.status-chip.is-success{color:#027a48;background:#ecfdf3;border-color:#abefc6}.status-chip.is-warning{color:#b54708;background:#fffaeb;border-color:#f5d79a}.status-chip.is-danger{color:#b42318;background:#fef3f2;border-color:#fecdca}.status-chip.is-info{color:#475467;background:#f8fafc;border-color:#d0d5dd}.page-toolbar-card{padding:18px 20px;border:1px solid var(--dev-border);border-radius:var(--dev-radius-lg);background:linear-gradient(135deg,#fffffffa,#f7fafff0);box-shadow:var(--dev-shadow-sm)}.page-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.page-card-header__title{display:flex;align-items:center;gap:8px;margin:0;color:var(--dev-text-primary);font-size:16px;font-weight:700}.page-card-header__desc{margin:6px 0 0;color:var(--dev-text-secondary);font-size:13px;line-height:1.7}.page-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.page-summary-card{position:relative;overflow:hidden;padding:18px;border:1px solid var(--dev-border);border-radius:var(--dev-radius-lg);background:linear-gradient(180deg,#fffffffa,#f7faffeb);box-shadow:var(--dev-shadow-sm)}.page-summary-card:after{content:"";position:absolute;top:-26px;right:-20px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.12) 0%,rgba(37,99,235,.03) 52%,transparent 72%);pointer-events:none}.page-panel{border:1px solid var(--dev-border);border-radius:var(--dev-radius-lg);background:var(--dev-surface);box-shadow:var(--dev-shadow-sm)}.page-panel .el-card__header{padding-bottom:0;border-bottom:none}.page-panel .el-card__body{padding-top:18px}@media (max-width: 768px){.page-toolbar-card{padding:16px}.page-summary-grid{grid-template-columns:1fr}}