/**
 * Browser Compatibility and Deprecation Fixes
 * 浏览器兼容性和弃用警告修复
 */

/* 修复 -ms-high-contrast-adjust 弃用警告 */
/* 使用新的 forced-colors 标准替代 */
@media (forced-colors: active) {
    * {
        forced-color-adjust: auto;
    }
    
    /* 确保按钮在强制颜色模式下可见 */
    .btn,
    button,
    [role="button"] {
        border: 1px solid currentColor;
    }
    
    /* 确保链接在强制颜色模式下可见 */
    a {
        text-decoration: underline;
    }
    
    /* 确保图标在强制颜色模式下可见 */
    svg,
    img {
        forced-color-adjust: auto;
    }
}

/* 移除旧的 -ms-high-contrast 媒体查询（如果存在） */
@media screen and (-ms-high-contrast: active) {
    /* 这个媒体查询已弃用，使用 forced-colors 替代 */
}

/* 确保在所有浏览器中禁用已弃用的属性 */
/* 移除已弃用的 -ms-high-contrast-adjust */

/* 使用现代标准 */
@supports (forced-color-adjust: none) {
    * {
        forced-color-adjust: none;
    }
    
    /* 对于需要保持颜色的元素 */
    .preserve-colors,
    .logo,
    .gradient-text,
    [data-preserve-colors] {
        forced-color-adjust: none;
    }
}

/* 浏览器前缀兼容性 */
@supports (-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px)) {
    .glass-effect,
    .navbar,
    .glass-card {
        -webkit-backdrop-filter: blur(var(--blur-md, 20px));
        backdrop-filter: blur(var(--blur-md, 20px));
    }
}

/* 修复 Safari 的渐变文字问题 */
@supports (-webkit-background-clip: text) {
    .gradient-text,
    .logo,
    .stat-number {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }
}

/* 修复 Firefox 的模糊效果 */
@-moz-document url-prefix() {
    .glass-effect,
    .navbar {
        background: rgba(22, 28, 48, 0.95);
    }
}

/* 修复 Edge 的兼容性问题 */
@supports (-ms-ime-align: auto) {
    .navbar {
        background: rgba(22, 28, 48, 0.95);
    }
}

/* 确保在旧版浏览器中有合理的降级 */
@supports not (backdrop-filter: blur(10px)) {
    .navbar,
    .glass-card,
    .glass-effect {
        background: rgba(22, 28, 48, 0.95);
    }
}

/* 修复 iOS Safari 的安全区域 */
@supports (padding: env(safe-area-inset-top)) {
    .navbar {
        padding-top: calc(12px + env(safe-area-inset-top, 0px));
    }
    
    body {
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }
}

/* 修复触摸设备的点击延迟 */
@media (hover: none) and (pointer: coarse) {
    a,
    button,
    .btn,
    [role="button"] {
        touch-action: manipulation;
    }
}

/* 修复 Chrome 的自动填充样式 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px var(--bg-secondary) inset;
    -webkit-text-fill-color: var(--text-primary);
    transition: background-color 5000s ease-in-out 0s;
}

/* 修复滚动条样式（Webkit） */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--bg-primary);
}

::-webkit-scrollbar-thumb {
    background: var(--glass-border);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(122, 160, 255, 0.5);
}

/* 修复 Firefox 的滚动条样式 */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--glass-border) var(--bg-primary);
}

/* 修复选中文本的样式 */
::selection {
    background: rgba(102, 126, 234, 0.3);
    color: var(--text-primary);
}

::-moz-selection {
    background: rgba(102, 126, 234, 0.3);
    color: var(--text-primary);
}

/* 修复焦点样式 */
:focus-visible {
    outline: 2px solid var(--ai-accent);
    outline-offset: 2px;
}

/* 移除默认焦点样式（仅在使用鼠标时） */
:focus:not(:focus-visible) {
    outline: none;
}

/* 修复按钮的默认样式 */
button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* 修复输入框的默认样式 */
input,
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* 修复图片的默认样式 */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* 修复 SVG 的默认样式 */
svg {
    display: block;
    max-width: 100%;
    height: auto;
}

/* 性能优化 - 使用 GPU 加速 */
.navbar,
.btn,
.glass-card,
.hero-content {
    will-change: transform;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

/* 修复动画性能 */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* 修复打印样式 */
@media print {
    .navbar,
    .footer,
    .btn,
    .auth-buttons {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    a {
        text-decoration: underline;
        color: blue;
    }
}