/* ============================================
   Ant Design Vue 主题覆盖 (柔和·毛玻璃风格)
   基于你提供的 HTML 样式转译
   ============================================ */

/* ---------- 全局基础 ---------- */
body {
    background: #f0f2f7;
    color: #1a1d2e;
    font-family: -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

/* ---------- 卡片 (Card) ---------- */
.ant-card {
    border-radius: 16px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06), 0 3px 14px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: #ffffff;
}
.ant-card-bordered {
    border-color: rgba(0, 0, 0, 0.06);
}

/* ---------- 按钮 (Button) ---------- */
/* 主按钮 */
.ant-btn-primary {
    background: linear-gradient(135deg, #4361ee, #5b75f0);
    border: none;
    box-shadow: 0 6px 22px rgba(67, 97, 238, 0.36);
    border-radius: 16px;
    font-weight: 700;
    transition: transform 0.15s, box-shadow 0.15s;
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
    background: linear-gradient(135deg, #5b75f0, #7c9cff);
    box-shadow: 0 6px 26px rgba(67, 97, 238, 0.48);
    border-color: transparent;
}
.ant-btn-primary:active {
    transform: scale(0.97) translateY(1px);
    box-shadow: 0 2px 10px rgba(67, 97, 238, 0.26);
}

/* 默认按钮 */
.ant-btn-default {
    border-radius: 16px;
    border-color: #dde0ef;
    background: #ffffff;
    color: #505470;
    font-weight: 600;
}
.ant-btn-default:hover {
    border-color: #4361ee;
    color: #4361ee;
}

/* 成功按钮 (如提交) */
.ant-btn-success {
    background: linear-gradient(135deg, #16a34a, #22c55e);
    border: none;
    border-radius: 16px;
    box-shadow: 0 6px 24px rgba(22, 163, 74, 0.38), 0 2px 6px rgba(22, 163, 74, 0.20);
    font-weight: 700;
}
.ant-btn-success:hover {
    background: linear-gradient(135deg, #22c55e, #2dd4bf);
    box-shadow: 0 6px 28px rgba(22, 163, 74, 0.48);
}

/* ---------- 输入框 (Input, Select, etc.) ---------- */
.ant-input,
.ant-input-affix-wrapper,
.ant-select-selector,
.ant-picker {
    border-radius: 10px;
    border-color: #dde0ef;
    background: #ffffff;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.ant-input:hover,
.ant-input-affix-wrapper:hover,
.ant-select-selector:hover,
.ant-picker:hover {
    border-color: #7c9cff;
}
.ant-input:focus,
.ant-input-affix-wrapper:focus,
.ant-select-selector:focus,
.ant-picker-focused {
    border-color: #4361ee;
    box-shadow: 0 0 0 2px rgba(67, 97, 238, 0.2);
}

/* ---------- 标签/徽章 (Tag, Badge) ---------- */
.ant-tag {
    border-radius: 20px;
    font-weight: 600;
    border: none;
}
.ant-tag-blue {
    background: #eef0fd;
    color: #4361ee;
}
.ant-tag-green {
    background: #dcfce7;
    color: #15803d;
}
.ant-tag-red {
    background: #fee2e2;
    color: #b91c1c;
}
.ant-tag-gold {
    background: #fffbf0;
    color: #92400e;
}

/* ---------- 进度条 (Progress) ---------- */
.ant-progress-inner {
    border-radius: 10px;
    background: #dde0ea;
}
.ant-progress-bg {
    background: linear-gradient(90deg, #4361ee, #7c9cff);
    border-radius: 10px;
}

/* ---------- 模态框 (Modal) ---------- */
.ant-modal-content {
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.09);
    background: #ffffff;
}
.ant-modal-header {
    border-radius: 16px 16px 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.ant-modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

/* ---------- 表格 (Table) ---------- */
.ant-table {
    border-radius: 16px;
    overflow: hidden;
}
.ant-table-thead > tr > th {
    background: #f8f9fc;
    color: #505470;
    font-weight: 700;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.ant-table-tbody > tr > td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.ant-table-tbody > tr:hover > td {
    background: #f0f2f7;
}

/* ---------- 菜单 (Menu) ---------- */
.ant-menu {
    background: transparent;
    border: none;
}
.ant-menu-item {
    border-radius: 10px;
    font-weight: 600;
}
.ant-menu-item-selected {
    background: #eef0fd !important;
    color: #4361ee;
}

/* ---------- 选项卡 (Tabs) ---------- */
.ant-tabs-tab {
    border-radius: 10px 10px 0 0;
    font-weight: 600;
}
.ant-tabs-tab-active {
    color: #4361ee;
}
.ant-tabs-ink-bar {
    background: #4361ee;
}

/* ---------- 分页 (Pagination) ---------- */
.ant-pagination-item {
    border-radius: 8px;
    border-color: #dde0ef;
}
.ant-pagination-item-active {
    border-color: #4361ee;
    background: #eef0fd;
}
.ant-pagination-item-active a {
    color: #4361ee;
}

/* ---------- 消息通知 (Message, Notification) ---------- */
.ant-message-notice-content {
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.ant-notification-notice {
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* ---------- 滑动条 (Slider) ---------- */
.ant-slider-track {
    background: linear-gradient(90deg, #4361ee, #7c9cff);
}
.ant-slider-handle {
    border-color: #4361ee;
}
.ant-slider-handle:focus {
    border-color: #4361ee;
    box-shadow: 0 0 0 4px rgba(67, 97, 238, 0.2);
}

/* ---------- 开关 (Switch) ---------- */
.ant-switch-checked {
    background: #4361ee;
}

/* ---------- 选择器下拉 (Select Dropdown) ---------- */
.ant-select-dropdown {
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.ant-select-item-option-selected {
    background: #eef0fd;
    color: #4361ee;
}
.ant-select-dropdown {
     background: rgba(255, 255, 255, 0.85) !important;
     backdrop-filter: saturate(180%) blur(16px) !important;
     -webkit-backdrop-filter: saturate(180%) blur(16px) !important;
 }

/* ---------- 日期选择器 (DatePicker) ---------- */
.ant-picker-cell-inner {
    border-radius: 8px;
}
.ant-picker-cell-selected .ant-picker-cell-inner {
    background: #4361ee;
    color: #fff;
}
.ant-picker-cell-today .ant-picker-cell-inner::before {
    border-color: #4361ee;
}

/* ---------- 步骤条 (Steps) ---------- */
.ant-steps-item-finish .ant-steps-item-icon {
    border-color: #4361ee;
    background: #eef0fd;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
    color: #4361ee;
}
.ant-steps-item-process .ant-steps-item-icon {
    background: #4361ee;
}
.ant-steps-item-wait .ant-steps-item-icon {
    border-color: #dde0ef;
}

/* ---------- 滚动条 (Scrollbar) 增强 ---------- */
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
::-webkit-scrollbar-track {
    background: #f0f2f7;
}
::-webkit-scrollbar-thumb {
    background: #c0c5d8;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #a8aec8;
}