*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}:root{--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--header-height: 64px;--primary-color: #1890ff;--bg-color: #f7f9fb;--text-color: #262626;--text-secondary: #8c8c8c;--border-radius: 8px;--box-shadow: 0 4px 12px rgba(0, 0, 0, .05)}.page-container{padding:24px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h2{font-size:20px;font-weight:700;color:var(--text-color)}.filter-bar{background:#fff;padding:24px;border-radius:var(--border-radius);margin-bottom:20px;box-shadow:var(--box-shadow);border:1px solid #f0f0f0}.data-card{background:#fff;border-radius:var(--border-radius);padding:24px;box-shadow:var(--box-shadow);border:1px solid #f0f0f0}.stat-card{text-align:center;padding:20px;background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000a;transition:box-shadow .3s}.stat-card:hover{box-shadow:0 4px 12px #00000014}.stat-card .stat-value{font-size:28px;font-weight:700;color:#303133;margin:8px 0}.stat-card .stat-label{font-size:14px;color:#909399}.stat-card .stat-trend{font-size:13px;margin-top:6px}.stat-card .stat-trend.up{color:#67c23a}.stat-card .stat-trend.down{color:#f56c6c}.el-table{border-radius:8px}.pagination-wrap{display:flex;justify-content:flex-end;margin-top:16px}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .2s ease,transform .2s ease}.page-fade-enter-from{opacity:0;transform:translateY(8px)}.page-fade-leave-to{opacity:0;transform:translateY(-4px)}#nprogress .bar{background:#409eff!important;height:3px!important}#nprogress .peg{box-shadow:0 0 10px #409eff,0 0 5px #409eff!important}