.window {
    transform: translateZ(0);
    backface-visibility: hidden;
    transition: box-shadow 0.3s cubic-bezier(0.25, 0.1, 0.25, 1.0);
}

.window.window-opening {
    opacity: 0;
    transform: scale(0.88) translateY(40px);
    filter: blur(12px);
}

.window.window-closing {
    pointer-events: none;
    user-select: none;
}

.window.window-minimizing {
    pointer-events: none;
    user-select: none;
    transform-origin: center bottom;
}

.window.window-restoring {
    pointer-events: none;
    user-select: none;
    transform-origin: center bottom;
}

.window.window-fullscreening {
    pointer-events: none;
    transition: all 1.0s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* 窗口获得焦点时的阴影效果 */
.window.window-focused {
    box-shadow: 0 20px 60px rgba(0,0,0,0.25);
}

/* 拖拽时的视觉效果 */
.window.window-dragging {
    opacity: 0.9;
    box-shadow: 0 25px 80px rgba(0,0,0,0.3);
    cursor: grabbing !important;
}

/* 调整大小时的视觉效果 */
.window.window-resizing {
    opacity: 0.9;
    box-shadow: 0 15px 50px rgba(0,0,0,0.2);
}

/* 窗口内容在动画期间的优化 */
.window-animating .window-content,
.window-minimizing .window-content,
.window-restoring .window-content {
    overflow: hidden;
}

.window-animating iframe,
.window-minimizing iframe,
.window-restoring iframe {
    pointer-events: none !important;
}

/* ========== Dock动画增强 ========== */
.dock-item {
    transform-origin: center bottom;
    will-change: transform, opacity;
}

.dock-item.animating {
    pointer-events: none;
}

.dock-item .badge {
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275),
                opacity 0.4s cubic-bezier(0.25, 0.1, 0.25, 1.0);
}

.dock-item .badge.active {
    animation: badgeAppear 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

/* ========== 桌面图标动画增强 ========== */
.desktop-icon {
    will-change: transform, opacity, filter;
    transform-origin: center center;
}

.desktop-icon.animating {
    pointer-events: none;
}

/* ========== 菜单栏动画增强 ========== */
.menu-bar {
    /* 确保菜单栏在动画期间稳定 */
    transform: translateZ(0);
    will-change: transform;
}

.submenu {
    /* 子菜单动画优化 */
    transform-origin: top left;
    will-change: transform, opacity, filter;
}

/* ========== 控制中心动画增强 ========== */
.control-center {
    /* 确保控制中心动画流畅 */
    transform: translateZ(0);
    will-change: transform, opacity, filter;
}

.cc-module {
    /* 模块动画优化 */
    will-change: transform, opacity;
    transform-origin: center left;
}

/* ========== 右键菜单动画增强 ========== */
.context-menu {
    /* 菜单动画优化 */
    transform-origin: top left;
    will-change: transform, opacity, filter;
}

/* ========== 遮罩层样式 ========== */
#animation-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: transparent;
    cursor: default;
    display: none;
    touch-action: none;
    pointer-events: auto;
}

#animation-overlay.active {
    display: block;
}

/* ========== 减少动画偏好支持 ========== */
body.reduce-motion .window,
body.reduce-motion .dock-item,
body.reduce-motion .desktop-icon,
body.reduce-motion .menu-bar,
body.reduce-motion .control-center,
body.reduce-motion .context-menu {
    transition: none !important;
    animation: none !important;
}

body.reduce-motion .window-opening,
body.reduce-motion .window-closing,
body.reduce-motion .window-minimizing,
body.reduce-motion .window-restoring {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
}

/* ========== 性能优化类 ========== */
.gpu-layer {
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
}

.composite-layer {
    will-change: transform;
    contain: layout style paint;
}

/* ========== 动画调试模式 ========== */
body.debug-animations .window,
body.debug-animations .dock-item,
body.debug-animations .desktop-icon {
    outline: 2px solid rgba(255, 0, 0, 0.3);
}

body.debug-animations .window-animating {
    outline: 2px solid rgba(0, 255, 0, 0.5);
}

/* ========== 响应式动画调整 ========== */
@media (max-width: 768px) {
    .window {
        transition-duration: 0.8s;
    }

    .dock-item {
        transition-duration: 0.4s;
    }
}

/* 高刷新率屏幕优化 */
@media (refresh-rate: 120Hz) {
    .window,
    .dock-item,
    .desktop-icon {
        transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1.0);
    }
}

/* ========== 深色模式动画调整 ========== */
body.dark-mode .window.window-focused {
    box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}

body.dark-mode .window.window-dragging {
    box-shadow: 0 25px 80px rgba(0,0,0,0.6);
}

/* ========== 开机动画增强 ========== */
.boot-screen {
    z-index: 20000;
    pointer-events: auto;
}

.boot-content {
    /* 内容动画优化 */
    will-change: transform, opacity;
}

.boot-logo {
    /* Logo动画优化 */
    will-change: transform, opacity, text-shadow;
}

.boot-progress-container {
    /* 进度条动画优化 */
    overflow: hidden;
}

.boot-progress-bar {
    /* 进度条平滑过渡 */
    transition: width 0.1s linear;
    will-change: width;
}

/* ========== Siri界面动画增强 ========== */
.siri-interface {
    /* Siri界面动画优化 */
    will-change: transform, opacity, backdrop-filter;
}

.spinner-wrapper {
    /* 旋转动画优化 */
    will-change: transform;
}

/* ========== 滚动条动画 ========== */
::-webkit-scrollbar-thumb {
    transition: background-color 0.3s ease;
}

/* ========== 辅助功能增强 ========== */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    .window,
    .dock-item,
    .desktop-icon,
    .menu-bar,
    .control-center,
    .context-menu {
        transform: none !important;
        opacity: 1 !important;
        filter: none !important;
    }
}

/* 高对比度模式支持 */
@media (prefers-contrast: high) {
    .window {
        border: 1px solid rgba(0,0,0,0.5);
    }

    body.dark-mode .window {
        border: 1px solid rgba(255,255,255,0.5);
    }
}