/* UI性能优化CSS */

/* 硬件加速 */
.dashboard-card,
.nav-item,
.btn,
.glass-input {
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* 即时反馈动画 - 更快更流畅 */
button {
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

button:active {
    transform: scale(0.97) !important;
}

.nav-item {
    transition: all 0.15s ease !important;
}

.nav-item:hover {
    transform: translateX(4px) !important;
}

.nav-item:active {
    transform: translateX(2px) scale(0.99) !important;
}

.glass-input {
    transition: all 0.2s ease !important;
}

.glass-input:focus {
    transform: scale(1.01) !important;
}

/* 卡片hover优化 */
.dashboard-card {
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s ease !important;
}

.dashboard-card:hover {
    transform: translateY(-2px) !important;
}

.dashboard-card:active {
    transform: translateY(0) !important;
}

/* 平滑滚动 */
* {
    scroll-behavior: smooth;
}

/* 禁用不必要的动画 */
@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important;
    }
}

/* 优化重绘 */
.tab-content {
    contain: layout style paint;
}

/* GPU加速 */
.page {
    transform: translate3d(0, 0, 0);
}