:root{--color-primary:#409eff;--color-primary-dark:#337ecc;--color-bg:#f0f2f5;--color-surface:#fff;--color-text:#303133;--color-text-secondary:#909399;--color-border:#dcdfe6;--color-sidebar-bg:#1d1e2c;--color-sidebar-text:#bfcbd9;--color-sidebar-active:#409eff;--header-height:56px;--sidebar-width:220px;--sidebar-collapsed-width:64px}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;color:var(--color-text);background:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:var(--color-primary);text-decoration:none}.page-container{padding:20px}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-header h2{color:var(--color-text);font-size:20px;font-weight:600}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}