:root{--brand-primary: #263b30;--brand-secondary: #617464;--brand-accent: #b08a4a;--brand-soft: #eef1ec;--text-primary: #18211d;--text-secondary: #68736d;--text-muted: #9a9488;--border-color: rgba(24, 33, 29, .12);--bg-light: #fbfaf4;--bg-soft: #f3efe4;--bg-white: #fffdf6;--success-color: #2f7d55;--warning-color: #b7791f;--danger-color: #c24132;--radius-md: 12px;--radius-lg: 22px;--shadow-sm: 0 14px 34px rgba(38, 59, 48, .07);--shadow-lg: 0 28px 80px rgba(38, 59, 48, .14);--el-color-primary: #263b30;--el-color-primary-light-3: #617464;--el-color-primary-light-5: #879487;--el-color-primary-light-7: #c8d0c6;--el-color-primary-light-8: #dfe5dc;--el-color-primary-light-9: #eef1ec;--el-color-primary-dark-2: #1d2f25;--el-border-radius-base: 12px}*{box-sizing:border-box}body{margin:0;color:var(--text-primary);background:radial-gradient(circle at 14% 8%,rgba(176,138,74,.12),transparent 30rem),linear-gradient(180deg,var(--bg-light),#f7f2e8);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}#app{min-height:100vh}.page{display:grid;gap:18px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.page-title{margin:0;font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,serif;font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1.25}.page-desc{margin:8px 0 0;color:var(--text-secondary);font-size:14px}.card{background:linear-gradient(180deg,#fffdf6f0,#fffdf6d6),radial-gradient(circle at top right,rgba(176,138,74,.08),transparent 22rem);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card-header{min-height:64px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(24,33,29,.08);color:var(--text-primary);font-weight:800;background:#fbfaf48f}.card-body{padding:22px}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.muted{color:var(--text-muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{position:relative;min-height:132px;padding:20px;background:linear-gradient(180deg,#fffdf6f5,#fffdf6d1),radial-gradient(circle at 90% 12%,rgba(176,138,74,.14),transparent 10rem);border:1px solid var(--border-color);border-radius:26px;box-shadow:var(--shadow-sm);overflow:hidden}.metric-card:after{position:absolute;right:-34px;bottom:-42px;width:120px;aspect-ratio:1;content:"";border:1px solid rgba(176,138,74,.24);border-radius:50%;box-shadow:0 0 0 24px #b08a4a0a}.metric-card span{color:var(--text-secondary);font-size:13px}.metric-card strong{display:block;margin-top:10px;font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,serif;font-size:34px;line-height:1.15}.el-table{--el-table-border-color: rgba(24, 33, 29, .08);--el-table-header-bg-color: rgba(243, 239, 228, .82);--el-table-header-text-color: var(--text-secondary);--el-table-row-hover-bg-color: rgba(176, 138, 74, .08);--el-table-tr-bg-color: rgba(255, 253, 246, .72);--el-table-bg-color: transparent;border-radius:16px;overflow:hidden}.el-table th.el-table__cell{font-weight:800}.el-button{border-radius:999px;font-weight:700}.el-button--primary{--el-button-bg-color: var(--brand-primary);--el-button-border-color: var(--brand-primary);--el-button-hover-bg-color: #1d2f25;--el-button-hover-border-color: #1d2f25;--el-button-active-bg-color: #17261e;--el-button-active-border-color: #17261e}.el-input__wrapper,.el-select__wrapper,.el-textarea__inner{border-radius:14px;box-shadow:0 0 0 1px var(--border-color) inset;background:#fffdf6b8}.el-input__wrapper:hover,.el-select__wrapper:hover,.el-textarea__inner:hover{box-shadow:0 0 0 1px #b08a4a5c inset}.el-dialog{border-radius:24px;background:var(--bg-white)}.el-dialog__header{padding:22px 24px 12px}.el-dialog__body{padding:12px 24px 18px}.el-pagination.is-background .el-pager li.is-active{background:var(--brand-primary)}@media (max-width: 980px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.page-header{flex-direction:column}.metric-grid{grid-template-columns:1fr}}
