/* ==========================================
   SweetAlert2 自定义样式
   仅配色修改，与主页配色保持一致
   ========================================== */

/* 弹窗背景和边框 */
.swal2-popup {
    background: rgba(20, 20, 20, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

/* 标题颜色 */
.swal2-title {
    color: #ffffff !important;
}

/* 内容文本颜色 */
.swal2-html-container {
    color: #cccccc !important;
}

/* 成功图标 */
.swal2-icon.swal2-success {
    border-color: #4CAF50 !important;
}

.swal2-icon.swal2-success [class^='swal2-success-line'] {
    background-color: #4CAF50 !important;
}

.swal2-icon.swal2-success .swal2-success-ring {
    border-color: rgba(76, 175, 80, 0.3) !important;
}

/* 错误图标 */
.swal2-icon.swal2-error {
    border-color: #ff6b6b !important;
}

.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
    background-color: #ff6b6b !important;
}

/* 警告图标 */
.swal2-icon.swal2-warning {
    border-color: #ff9000 !important;
    color: #ff9000 !important;
}

/* 信息图标 */
.swal2-icon.swal2-info {
    border-color: #3498db !important;
    color: #3498db !important;
}

/* 问题图标 */
.swal2-icon.swal2-question {
    border-color: #ff9000 !important;
    color: #ff9000 !important;
}

/* 确认按钮 */
.swal2-confirm {
    background: linear-gradient(135deg, #ff9000 0%, #cc7400 100%) !important;
    border: none !important;
    color: #ffffff !important;
}

.swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgba(255, 144, 0, 0.3) !important;
}

/* 取消按钮 */
.swal2-cancel {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

.swal2-cancel:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

.swal2-cancel:focus {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2) !important;
}

/* 拒绝按钮 */
.swal2-deny {
    background: rgba(255, 107, 107, 0.2) !important;
    border: 1px solid rgba(255, 107, 107, 0.3) !important;
    color: #ffffff !important;
}

.swal2-deny:hover {
    background: rgba(255, 107, 107, 0.3) !important;
    border-color: rgba(255, 107, 107, 0.4) !important;
}

.swal2-deny:focus {
    box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.3) !important;
}

/* 关闭按钮 */
.swal2-close {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

.swal2-close:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

/* 输入框 */
.swal2-input,
.swal2-textarea,
.swal2-select {
    background: rgba(40, 40, 40, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

.swal2-input:focus,
.swal2-textarea:focus,
.swal2-select:focus {
    border-color: rgba(255, 144, 0, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(255, 144, 0, 0.2) !important;
}

.swal2-input::placeholder,
.swal2-textarea::placeholder {
    color: #999999 !important;
}

/* 验证错误信息 */
.swal2-validation-message {
    background: rgba(255, 107, 107, 0.2) !important;
    border: 1px solid rgba(255, 107, 107, 0.3) !important;
    color: #ff6b6b !important;
}

/* 进度步骤 */
.swal2-progress-steps .swal2-progress-step {
    background: #ff9000 !important;
}

.swal2-progress-steps .swal2-progress-step-line {
    background: rgba(255, 255, 255, 0.2) !important;
}

/* 加载动画 */
.swal2-loader {
    border-color: #ff9000 transparent #ff9000 transparent !important;
}

/* Toast 通知 */
.swal2-toast {
    backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

.swal2-toast .swal2-title {
    color: #ffffff !important;
}

/* 定时器进度条 */
.swal2-timer-progress-bar {
    background: linear-gradient(135deg, #ff9000 0%, #cc7400 100%) !important;
}

/* 单选/多选框 */
.swal2-checkbox input:checked ~ label,
.swal2-radio input:checked ~ label {
    color: #ff9000 !important;
}

.swal2-checkbox label,
.swal2-radio label {
    color: #ffffff !important;
}

/* 页脚 */
.swal2-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #999999 !important;
}

/* ==========================================
   存储选择弹窗自定义样式（简约风格）
   ========================================== */

/* 存储选择弹窗容器 */
.swal-storage-popup {
    max-height: 80vh !important;
}

.swal-storage-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 5px 0;
    max-height: 60vh;
    overflow-y: auto;
}

/* 存储选项卡片 - 简约设计 */
.swal-storage-option {
    background: rgba(30, 30, 30, 0.6);
    border-radius: 8px;
    padding: 16px 18px;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.swal-storage-option:hover {
    background: rgba(40, 40, 40, 0.7);
    border-color: rgba(255, 144, 0, 0.25);
}

.swal-storage-option.selected {
    border-color: #ff9000;
    background: rgba(255, 144, 0, 0.08);
}

/* 存储选项头部 */
.swal-storage-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 存储名称 */
.swal-storage-name {
    font-size: 1rem;
    font-weight: 500;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 10px;
}

.swal-storage-name i {
    color: #ff9000;
    font-size: 0.9rem;
}

/* 存储类型标签 */
.swal-storage-type {
    font-size: 0.7rem;
    padding: 2px 8px;
    background: rgba(255, 144, 0, 0.15);
    border-radius: 4px;
    color: #ff9000;
    font-weight: 500;
}

/* 存储描述 */
.swal-storage-description {
    color: #aaaaaa;
    font-size: 0.85rem;
    line-height: 1.5;
    margin-top: 8px;
    padding-left: 24px;
}

/* 已选择图标 */
.swal-storage-selected-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ff9000;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    flex-shrink: 0;
}

/* 取消按钮 */
.swal-storage-cancel-btn {
    margin-top: 10px;
}