.particle-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .3s ease,transform .3s ease}.page-fade-enter-from{opacity:0;transform:translateY(12px)}.page-fade-leave-to{opacity:0;transform:translateY(-8px)}:root{--brand: #d4437c;--brand-light: #f2799b;--brand-dark: #b8305f;--brand-gradient: linear-gradient(135deg, #d4437c 0%, #e8688a 50%, #f2799b 100%);--brand-gradient-soft: linear-gradient(135deg, rgba(212, 67, 124, .08) 0%, rgba(242, 121, 155, .05) 100%);--page-bg: linear-gradient(180deg, #fdf2f5 0%, #f8f4f7 40%, #f5f6fa 100%);--page-bg-color: #f8f4f7;--card-shadow: 0 2px 16px rgba(180, 48, 95, .06), 0 1px 4px rgba(0, 0, 0, .03);--card-shadow-hover: 0 8px 30px rgba(180, 48, 95, .12), 0 2px 8px rgba(0, 0, 0, .04);--text-primary: #1a1a2e;--text-secondary: #6b7280;--text-muted: #9ca3af;--gold: #c9a96e;--gold-light: #f0e6d3}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100vh;background:var(--page-bg);background-color:var(--page-bg-color);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased}#app:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 50%,rgba(212,67,124,.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(242,121,155,.03) 0%,transparent 40%),radial-gradient(ellipse at 60% 80%,rgba(201,169,110,.03) 0%,transparent 40%);animation:gradientDrift 20s ease-in-out infinite alternate;z-index:0;pointer-events:none}@keyframes gradientDrift{0%{transform:translate(0) rotate(0)}33%{transform:translate(2%,-1%) rotate(1deg)}66%{transform:translate(-1%,2%) rotate(-.5deg)}to{transform:translate(1%,-2%) rotate(.5deg)}}.page{padding:20px;max-width:100%;margin:0 auto}.card{background:#ffffffa6;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-radius:16px;padding:20px;box-shadow:var(--card-shadow);border:1px solid rgba(255,255,255,.5);transition:box-shadow .3s ease,transform .3s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:1}.card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.card+.card{margin-top:16px}.card h3{font-size:16px;font-weight:600;color:var(--text-primary);position:relative;padding-left:12px}.card h3:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:3px;border-radius:3px;background:var(--brand-gradient)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.stat{background:#ffffffb3;backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);border-radius:16px;padding:18px 20px;box-shadow:var(--card-shadow);border:1px solid rgba(255,255,255,.5);transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease;position:relative;overflow:hidden;z-index:1}.stat:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--card-shadow-hover)}.stat:after{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:var(--brand-gradient-soft);border-radius:0 0 0 60px;opacity:.6}.stat:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.stat__value{font-size:28px;font-weight:700;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat__unit{margin-left:4px;font-size:14px;font-weight:500}.stat__label{margin-top:6px;font-size:13px;color:var(--text-secondary);font-weight:500}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.el-button--primary{--el-button-bg-color: var(--brand);--el-button-border-color: var(--brand);--el-button-hover-bg-color: var(--brand-dark);--el-button-hover-border-color: var(--brand-dark);--el-button-active-bg-color: var(--brand-dark);--el-button-active-border-color: var(--brand-dark);border-radius:8px;font-weight:500}.el-button{border-radius:8px;font-weight:500;transition:all .25s cubic-bezier(.25,.46,.45,.94)}.el-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #d4437c26}.el-button:active{transform:translateY(0) scale(.97)}.el-input__wrapper,.el-select .el-input__wrapper{border-radius:8px!important}.el-table{--el-table-border-color: #f0e8ec;--el-table-header-bg-color: #fdf7f9;border-radius:12px;overflow:hidden}.el-table th.el-table__cell{font-weight:600;color:var(--text-primary)}.el-tag{border-radius:6px;transition:transform .2s ease}.el-tag:hover{transform:scale(1.05)}.el-dialog{border-radius:16px!important}.el-drawer__header{margin-bottom:0;padding:20px 24px;border-bottom:1px solid #f0e8ec}@media (max-width: 768px){.page{padding:12px}.toolbar>*{width:100%}.desktop-only{display:none!important}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (min-width: 769px){.mobile-only{display:none!important}}