/* 引入 Google 高性能字体库：Inter(英文数据) + Noto Serif SC(人文深厚宋体) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Serif+SC:wght@400;500;700&display=swap');

body, button, input, select, textarea {
    font-family: 'Inter', 'Noto Serif SC', serif !important;
}

/* 1. 主背景升级：深邃极客黑 */
.bg-slateDark {
    background-color: #0B0F12 !important;
}

/* 2. 侧边栏升级：极客暗夜灰黑 */
.bg-tealDark {
    background-color: #070A0C !important;
    border-right-color: #161D24 !important;
}

/* 3. 卡片与区块升级：暗夜星空灰 */
.bg-cardBg {
    background-color: #12181D !important;
    border-color: #1D262F !important;
}

/* 4. 核心高亮激活态：降噪深空蓝 (#4FB3BF，更加稳重柔和，极其护眼) */
.bg-tealMed {
    background-color: #4FB3BF !important;
    color: #0B0F12 !important;
}

/* 5. 按钮高亮与图标文本提亮 */
.text-tealLight, .text-teal-400 {
    color: #4FB3BF !important;
}

.bg-tealLight {
    background-color: #4FB3BF !important;
    color: #0B0F12 !important;
}

/* 6. 交互边界线微调 */
.border-teal-900, .border-teal-950, .border-slate-700\/50, .border-slate-800 {
    border-color: #1D262F !important;
}

.nav-btn:hover, .hover\\:bg-slate-800:hover {
    background-color: #1A222A !important;
    color: #FFFFFF !important;
}

.hover\\:bg-tealLight:hover {
    background-color: #62C5D1 !important;
    color: #0B0F12 !important;
    box-shadow: 0 0 12px rgba(79, 179, 191, 0.3);
}

input:focus, select:focus {
    border-color: #4FB3BF !important;
    box-shadow: 0 0 0 1px #4FB3BF !important;
}

.accent-tealMed, input[type="range"] {
    accent-color: #4FB3BF !important;
}

/* 追加弹窗淡入动效，绝无破坏任何原本UI样式 */
@keyframes fadeIn { from { opacity: 0; transform: scale(0.98); } to { opacity: 1; transform: scale(1); } }
.animate-fadeIn { animation: fadeIn 0.15s cubic-bezier(0.16, 1, 0.3, 1) forwards; }