/* =============================================================
   冰岩站点 - Naive UI 风格覆盖
   作用：把 Naive UI 组件的内联 CSS 变量统一覆盖为站点原有风格
   （深蓝渐变白字按钮 / 玻璃质感弹窗与输入框 / 青色主色）
   所有页面统一引入本文件（位于 <script> 引入前，<style> 之后）
   ============================================================= */

/* ---------- 弹窗：玻璃质感 ---------- */
.n-modal {
    --n-color: rgba(18, 26, 50, 0.75) !important;
    --n-border-radius: 20px !important;
    --n-text-color: #ffffff !important;
    --n-title-text-color: #80d8ff !important;
    --n-body-text-color: #ffffff !important;
    --n-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(128, 216, 255, 0.25) !important;
    backdrop-filter: blur(28px) saturate(160%);
    -webkit-backdrop-filter: blur(28px) saturate(160%);
}

.n-modal-mask {
    background-color: rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.n-modal .n-base-close {
    --n-color: #ffffff !important;
    --n-color-hover: #80d8ff !important;
    --n-color-pressed: #80d8ff !important;
}

/* ---------- 主按钮：深蓝渐变 + 白字 + 胶囊圆角 ---------- */
.n-button--primary-type {
    --n-color: transparent !important;
    --n-color-hover: transparent !important;
    --n-color-pressed: transparent !important;
    --n-color-focus: transparent !important;
    --n-color-disabled: transparent !important;
    --n-border-radius: 50px !important;
    --n-border: none !important;
    --n-border-hover: none !important;
    --n-border-pressed: none !important;
    --n-border-focus: none !important;
    --n-text-color: #ffffff !important;
    --n-text-color-hover: #ffffff !important;
    --n-text-color-pressed: #ffffff !important;
    --n-text-color-focus: #ffffff !important;
    --n-text-color-disabled: rgba(255, 255, 255, 0.6) !important;
    --n-font-weight: 600 !important;
    background-image: linear-gradient(135deg, #0d47a1, #1565c0) !important;
    box-shadow: 0 4px 20px rgba(13, 71, 161, 0.5) !important;
}
.n-button--primary-type:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(128, 216, 255, 0.6) !important;
}
.n-button--primary-type:active {
    transform: translateY(0);
}

/* ---------- 次要按钮：玻璃白字 ---------- */
.n-button--secondary-type {
    --n-border-radius: 50px !important;
    --n-color: rgba(255, 255, 255, 0.12) !important;
    --n-color-hover: rgba(255, 255, 255, 0.2) !important;
    --n-color-pressed: rgba(255, 255, 255, 0.24) !important;
    --n-color-focus: rgba(255, 255, 255, 0.2) !important;
    --n-border: 1px solid rgba(255, 255, 255, 0.35) !important;
    --n-border-hover: 1px solid rgba(255, 255, 255, 0.5) !important;
    --n-text-color: #ffffff !important;
    --n-text-color-hover: #ffffff !important;
    --n-text-color-pressed: #ffffff !important;
    --n-text-color-focus: #ffffff !important;
    --n-font-weight: 600 !important;
}

/* ---------- 默认/幽灵按钮：玻璃白字 ---------- */
.n-button--default-type,
.n-button--tertiary-type,
.n-button--quaternary-type {
    --n-border-radius: 50px !important;
    --n-color: rgba(255, 255, 255, 0.1) !important;
    --n-color-hover: rgba(255, 255, 255, 0.16) !important;
    --n-color-pressed: rgba(255, 255, 255, 0.2) !important;
    --n-color-focus: rgba(255, 255, 255, 0.16) !important;
    --n-border: 1px solid rgba(255, 255, 255, 0.2) !important;
    --n-border-hover: 1px solid rgba(255, 255, 255, 0.35) !important;
    --n-text-color: #ffffff !important;
    --n-text-color-hover: #ffffff !important;
    --n-text-color-pressed: #ffffff !important;
    --n-text-color-focus: #ffffff !important;
    --n-font-weight: 600 !important;
}

/* ---------- 输入框：玻璃质感 ---------- */
.n-input {
    --n-color: rgba(255, 255, 255, 0.06) !important;
    --n-color-focus: rgba(255, 255, 255, 0.08) !important;
    --n-color-disabled: rgba(255, 255, 255, 0.03) !important;
    --n-text-color: #ffffff !important;
    --n-text-color-disabled: rgba(255, 255, 255, 0.38) !important;
    --n-caret-color: #40c4ff !important;
    --n-loading-color: #40c4ff !important;
    --n-border-radius: 12px !important;
    --n-border: 1px solid rgba(128, 216, 255, 0.25) !important;
    --n-border-disabled: 1px solid rgba(255, 255, 255, 0.1) !important;
    --n-border-hover: 1px solid rgba(128, 216, 255, 0.45) !important;
    --n-border-focus: 1px solid #40c4ff !important;
    --n-box-shadow-focus: 0 0 0 2px rgba(64, 196, 255, 0.2) !important;
    --n-placeholder-color: rgba(255, 255, 255, 0.38) !important;
    --n-placeholder-color-disabled: rgba(255, 255, 255, 0.24) !important;
}

/* ---------- 标签 / 基础文字 ---------- */
.n-base-selection,
.n-menu {
    color: #ffffff;
}