/**
 * 审核面板 - 删除文件/文件夹确认对话框样式
 * 独立组件样式，仅用于审核面板
 *
 * 命名规范：review-delete-modal- 前缀
 * 字体规范：Microsoft YaHei（微软雅黑）
 * 主题：深色 + 危险操作强调（红/橙）
 */

/* ==================== 遮罩层 ==================== */
#deleteFileModal.review-delete-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    z-index: 10000;
    display: none;
    justify-content: center;
    align-items: center;
    animation: review-delete-modal-fade-in 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* JS 通过 style.display='block' 控制显示时，切换为 flex 布局 */
#deleteFileModal.review-delete-modal-overlay[style*="block"] {
    display: flex !important;
}

/* ==================== 对话框容器 ==================== */
.review-delete-modal {
    position: relative;
    min-width: 420px;
    max-width: 640px;
    width: 92%;
    margin: 0 auto;
    background: var(--bg-card, #181818);
    border-radius: var(--radius-lg, 12px);
    box-shadow:
        0 24px 64px rgba(0, 0, 0, 0.75),
        0 0 0 1px rgba(255, 255, 255, 0.05);
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", "Arial", sans-serif;
    overflow: hidden;
}

/* 覆盖通用 .modal-content 的固定高度（90vh），避免出现“底部大空白” */
#deleteFileModal .modal-content.review-delete-modal {
    height: auto !important;
    max-height: calc(100vh - 120px);
    margin: 0 auto !important;
}

/* 内容超出时在中间区域滚动，保持按钮始终可见 */
#deleteFileModal .review-delete-modal__body {
    overflow: auto;
    max-height: calc(100vh - 260px);
}

.review-delete-modal::before {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 14px;
    background: radial-gradient(circle at top center,
        rgba(248, 113, 113, 0.3) 0%,
        transparent 55%);
    opacity: 0.8;
    z-index: -1;
    filter: blur(10px);
}

/* ==================== 头部 ==================== */
.review-delete-modal__header {
    padding: 12px 24px 10px;
    border-bottom: 1px solid rgba(248, 113, 113, 0.5);
    background: linear-gradient(135deg,
        #1f1a1a 0%,
        #2a1818 40%,
        #1a1a1a 100%);
    display: flex;
    align-items: center;
    gap: 16px;
}

.review-delete-modal__icon-wrapper {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(251, 191, 36, 0.2);
    border: 1.5px solid rgba(251, 191, 36, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.review-delete-modal__icon {
    width: 20px;
    height: 20px;
    color: #fbbf24;
}

.review-delete-modal__title-block {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.review-delete-modal__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #fecaca;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
}

.review-delete-modal__subtitle {
    margin: 0;
    font-size: 13px;
    color: rgba(254, 226, 226, 0.85);
}

/* ==================== 内容区域（无额外底色，与弹窗一体） ==================== */
.review-delete-modal__body {
    padding: 10px 24px 4px;
    background: transparent;
}

.delete-file-info {
    margin: 0 0 8px 0;
    font-size: 14px;
    color: var(--text-secondary, #d4d4d4);
}

.delete-file-name {
    color: #f97373;
    font-weight: 700;
    word-break: break-all;
}

.delete-file-note {
    margin: 10px 0 6px 0;
    font-size: 13px;
    color: var(--text-secondary, #c4c4c4);
}

.delete-file-list {
    margin: 0 0 4px 20px;
    padding: 0;
    font-size: 13px;
    color: var(--text-secondary, #c4c4c4);
    line-height: 1.7;
}

.delete-file-list li {
    margin-bottom: 4px;
}

.delete-file-list li::marker {
    color: #f97373;
}

/* ==================== 底部按钮 ==================== */
.review-delete-modal__footer {
    padding: 10px 24px 14px;
    border-top: none;
    background: transparent;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.review-delete-modal__btn {
    padding: 10px 26px;
    border-radius: var(--radius-md, 8px);
    font-size: 14px;
    font-weight: 600;
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", "Arial", sans-serif;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 110px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.review-delete-modal__btn--secondary {
    background: linear-gradient(135deg,
        #374151 0%,
        #1f2933 100%);
    color: #e5e7eb;
    border: 1px solid #4b5563;
}

.review-delete-modal__btn--secondary:hover {
    background: linear-gradient(135deg,
        #4b5563 0%,
        #1f2937 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.6);
}

.review-delete-modal__btn--primary {
    background: linear-gradient(135deg,
        #ef4444 0%,
        #b91c1c 45%,
        #7f1d1d 100%);
    color: #fef2f2;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

.review-delete-modal__btn--primary:hover {
    background: linear-gradient(135deg,
        #f97373 0%,
        #dc2626 40%,
        #991b1b 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.review-delete-modal__btn--primary:active,
.review-delete-modal__btn--secondary:active {
    transform: translateY(0);
    box-shadow: none;
}

/* ==================== 动画与响应式 ==================== */
@keyframes review-delete-modal-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* 移动端响应式已移除（项目仅支持 Windows 桌面端） */

@media (prefers-reduced-motion: reduce) {
    #deleteFileModal.review-delete-modal-overlay,
    .review-delete-modal,
    .review-delete-modal__btn {
        animation: none !important;
        transition: none !important;
    }
}