/*
 * Recent页面主题样式
 * 为不同主题提供专门的样式定义
 * 版本: 1.0
 * 作者: 南明离火团队
 */

/* ========================================
   基础样式 - 移除硬编码
   ======================================== */

/* 访客提示基础样式 */
.guest-notice {
    border-radius: var(--nmlh-radius-md);
    padding: var(--nmlh-spacing-md);
    margin-bottom: var(--nmlh-spacing-lg);
    display: flex;
    align-items: center;
    gap: var(--nmlh-spacing-sm);
    font-weight: 500;
    line-height: 1.5;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.guest-notice i {
    font-size: 1.1rem;
    flex-shrink: 0;
}

/* 表格容器基础样式 */
.analysis-table-container {
    border-radius: var(--nmlh-radius-lg);
    overflow-x: auto;
    margin-bottom: var(--nmlh-spacing-xl);
    position: relative;
}

/* 安全风险评估容器 */
.security-badge-container {
    display: flex;
    justify-content: center;
}

/* 表格列宽定义 */
.analysis-table .col-app-info { width: 20%; }
.analysis-table .col-file-name { width: 20%; }
.analysis-table .col-security { width: 17%; }
.analysis-table .col-md5 { width: 18%; }
.analysis-table .col-time { width: 15%; }
.analysis-table .col-actions { width: 10%; }

/* 安全风险评估标签基础样式 */
.security-badge {
    display: inline-block;
    padding: var(--nmlh-spacing-sm) var(--nmlh-spacing-md);
    border-radius: var(--nmlh-radius-md);
    font-weight: 600;
    font-size: 0.9rem;
    text-align: center;
    line-height: 1.4;
    border: 2px solid transparent;
    transition: all var(--nmlh-transition-fast);
}

/* ========================================
   深海安全蓝主题样式 (默认主题)
   ======================================== */

/* 访客提示 - 深海安全蓝主题 */
[data-theme="blue"] .guest-notice {
    background: linear-gradient(135deg, rgba(10, 25, 47, 0.9) 0%, rgba(30, 58, 95, 0.85) 100%);
    border: 2px solid rgba(0, 180, 216, 0.6);
    color: #E0F2FE;  /* 浅蓝色文字 - 极高对比度 */
    box-shadow: 0 4px 12px rgba(0, 180, 216, 0.3);
    backdrop-filter: blur(10px);
}

[data-theme="blue"] .guest-notice i {
    color: #67E8F9;  /* 亮青色图标 - 高对比度 */
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

[data-theme="blue"] .guest-notice:hover {
    background: linear-gradient(135deg, rgba(10, 25, 47, 0.95) 0%, rgba(30, 58, 95, 0.9) 100%);
    border-color: rgba(0, 180, 216, 0.7);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(0, 180, 216, 0.4);
    color: #F0F9FF;  /* 悬停时文字更亮 */
}

/* 表格容器 - 深海安全蓝主题优化版 */
.analysis-table-container {
    background: rgba(255, 255, 255, 0.98);
    box-shadow:
        0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -1px rgba(0, 0, 0, 0.06),
        0 8px 32px rgba(0, 180, 216, 0.12);
    border: 1px solid rgba(0, 180, 216, 0.15);
    backdrop-filter: blur(20px);
    transition: all 0.3s ease;
}

.analysis-table-container:hover {
    box-shadow:
        0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05),
        0 12px 40px rgba(0, 180, 216, 0.18);
    border-color: rgba(0, 180, 216, 0.25);
}

/* 表格标题 - 深海安全蓝主题优化版 */
.analysis-table th {
    background: linear-gradient(135deg, #1E3A5F 0%, #0A192F 50%, #1E3A5F 100%);
    color: #FFFFFF;  /* 纯白文字确保最高对比度 */
    border-bottom: 3px solid #F59E0B;  /* 温暖金色底边线，增强视觉层次 */
    position: relative;
    overflow: hidden;
}

/* 表头现代化效果 */
.analysis-table th::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(245, 158, 11, 0.1), transparent);
    transition: left 0.5s ease;
}

.analysis-table th:hover::before {
    left: 100%;
}

/* 表格单元格 - 深海安全蓝主题优化版 */
.analysis-table td {
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid rgba(233, 236, 239, 0.6);
    transition: all 0.2s ease;
}

/* 表格行悬停效果 */
.analysis-table tbody tr:hover td {
    background: rgba(0, 180, 216, 0.05);
    border-bottom-color: rgba(0, 180, 216, 0.2);
}

/* 表格行条纹效果 */
.analysis-table tbody tr:nth-child(even) td {
    background: rgba(248, 250, 252, 0.98);
}

.analysis-table tbody tr:nth-child(even):hover td {
    background: rgba(0, 180, 216, 0.08);
}

/* 安全风险评估标签 - 深海安全蓝主题 */
.security-badge-safe {
    background: linear-gradient(135deg, #22C55E 0%, #16A34A 100%);
    color: #fff;
    border-color: #16A34A;
}

.security-badge-low {
    background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
    color: #fff;
    border-color: #D97706;
}

.security-badge-medium {
    background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    color: #fff;
    border-color: #EA580C;
}

.security-badge-high {
    background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
    color: #fff;
    border-color: #DC2626;
}

.security-badge-critical {
    background: linear-gradient(135deg, #DC2626 0%, #991B1B 100%);
    color: #fff;
    border-color: #991B1B;
    animation: criticalPulse 2s ease-in-out infinite;
}

.security-badge-unknown {
    background: linear-gradient(135deg, #6B7280 0%, #4B5563 100%);
    color: #fff;
    border-color: #4B5563;
}

@keyframes criticalPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.7); }
    50% { box-shadow: 0 0 0 10px rgba(220, 38, 38, 0); }
}

/* 操作按钮 - 深海安全蓝主题 */
[data-theme="blue"] .action-btn-primary {
    background: linear-gradient(135deg, #00B4D8 0%, #0A192F 100%);
    color: #fff;
    box-shadow: 0 2px 4px rgba(0, 180, 216, 0.3);
    border: 1px solid rgba(0, 180, 216, 0.2);
}

[data-theme="blue"] .action-btn-primary:hover {
    background: linear-gradient(135deg, #0A192F 0%, #00B4D8 100%);
    color: #BAE6FD;
    box-shadow: 0 4px 8px rgba(0, 180, 216, 0.4);
    border-color: rgba(0, 180, 216, 0.4);
}

[data-theme="blue"] .action-btn-secondary {
    background: rgba(255, 255, 255, 0.9);
    color: #0C4A6E;
    border: 1px solid rgba(0, 180, 216, 0.3);
    box-shadow: 0 2px 4px rgba(0, 180, 216, 0.1);
}

[data-theme="blue"] .action-btn-secondary:hover {
    background: rgba(0, 180, 216, 0.15);
    color: #0A192F;
    border-color: rgba(0, 180, 216, 0.4);
    box-shadow: 0 4px 8px rgba(0, 180, 216, 0.2);
}

/* 分页样式 - 深海安全蓝主题 */
.page-link {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0, 180, 216, 0.2);
    color: var(--nmlh-text-light-primary);
}

.page-link:hover {
    background: rgba(0, 180, 216, 0.1);
    border-color: rgba(0, 180, 216, 0.4);
}

.page-item.active .page-link {
    background: linear-gradient(135deg, #00B4D8 0%, #0A192F 100%);
    border-color: #00B4D8;
    color: #fff;
}

/* ========================================
   应用名称专用样式优化 - 深海安全蓝主题
   ======================================== */
.app-name {
    color: #1E3A8A !important;  /* 深蓝色 - 高对比度 */
    font-weight: 700 !important;  /* 增加字重提升可读性 */
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;  /* 增强文字阴影 */
}

.app-name:hover {
    color: #1E40AF !important;  /* 悬停时稍微亮一点的蓝色 */
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

/* ========================================
   琉璃金辉主题样式
   ======================================== */

/* 访客提示 - 琉璃金辉主题 */
[data-theme="warm"] .guest-notice {
    background: linear-gradient(135deg, rgba(44, 30, 63, 0.85) 0%, rgba(58, 42, 82, 0.75) 100%);
    border: 2px solid rgba(212, 175, 55, 0.6);
    color: #F5F5DC;  /* 米白色文字 - 极高对比度 */
    box-shadow: 0 4px 12px rgba(44, 30, 63, 0.3);
    backdrop-filter: blur(10px);
}

[data-theme="warm"] .guest-notice i {
    color: #FFD700;  /* 亮金色图标 - 高对比度 */
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

[data-theme="warm"] .guest-notice:hover {
    background: linear-gradient(135deg, rgba(44, 30, 63, 0.9) 0%, rgba(58, 42, 82, 0.8) 100%);
    border-color: rgba(212, 175, 55, 0.7);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(44, 30, 63, 0.4);
    color: #FFFACD;  /* 悬停时文字更亮 */
}
[data-theme="warm"] .analysis-table-container {
    background: rgba(251, 248, 240, 0.98);  /* 温暖白色背景 */
    box-shadow:
        0 4px 6px -1px rgba(26, 22, 37, 0.1),
        0 2px 4px -1px rgba(26, 22, 37, 0.06),
        0 8px 32px rgba(212, 175, 55, 0.15);
    border: 1px solid rgba(212, 175, 55, 0.2);
    backdrop-filter: blur(20px);
    transition: all 0.3s ease;
}

[data-theme="warm"] .analysis-table-container:hover {
    box-shadow:
        0 10px 15px -3px rgba(26, 22, 37, 0.1),
        0 4px 6px -2px rgba(26, 22, 37, 0.05),
        0 12px 40px rgba(212, 175, 55, 0.25);
    border-color: rgba(212, 175, 55, 0.3);
}

/* 琉璃金辉主题表格行效果 */
[data-theme="warm"] .analysis-table tbody tr:hover td {
    background: rgba(212, 175, 55, 0.08);
    border-bottom-color: rgba(212, 175, 55, 0.2);
}

[data-theme="warm"] .analysis-table tbody tr:nth-child(even) td {
    background: rgba(254, 252, 243, 0.98);
}

[data-theme="warm"] .analysis-table tbody tr:nth-child(even):hover td {
    background: rgba(212, 175, 55, 0.12);
}

[data-theme="warm"] .analysis-table th {
    background: linear-gradient(135deg, #2D2438 0%, #1A1625 50%, #2D2438 100%);
    color: #FEFCE8;  /* 温暖纯白，确保高对比度 */
    border-bottom: 3px solid #D4AF37;  /* 经典金色底边线，奢华感 */
    position: relative;
    overflow: hidden;
}

/* 琉璃金辉主题表头现代化效果 */
[data-theme="warm"] .analysis-table th::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.15), transparent);
    transition: left 0.5s ease;
}

[data-theme="warm"] .analysis-table th:hover::before {
    left: 100%;
}

[data-theme="warm"] .security-badge-safe {
    background: linear-gradient(135deg, #22C55E 0%, #15803D 100%);
    color: #fff;
    border-color: #15803D;
}

[data-theme="warm"] .security-badge-low {
    background: linear-gradient(135deg, #F59E0B 0%, #CA8A04 100%);
    color: #fff;
    border-color: #CA8A04;
}

[data-theme="warm"] .security-badge-medium {
    background: linear-gradient(135deg, #F97316 0%, #C2410C 100%);
    color: #fff;
    border-color: #C2410C;
}

[data-theme="warm"] .security-badge-high {
    background: linear-gradient(135deg, #EF4444 0%, #B91C1C 100%);
    color: #fff;
    border-color: #B91C1C;
}

[data-theme="warm"] .security-badge-critical {
    background: linear-gradient(135deg, #DC2626 0%, #7F1D1D 100%);
    color: #fff;
    border-color: #7F1D1D;
    animation: criticalPulseWarm 2s ease-in-out infinite;
}

@keyframes criticalPulseWarm {
    0%, 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.7); }
    50% { box-shadow: 0 0 0 10px rgba(220, 38, 38, 0); }
}

[data-theme="warm"] .action-btn-primary {
    background: linear-gradient(135deg, #D4AF37 0%, #2C1E3F 100%);
    color: #fff;
    box-shadow: 0 2px 4px rgba(212, 175, 55, 0.3);
    border: 1px solid rgba(212, 175, 55, 0.2);
}

[data-theme="warm"] .action-btn-primary:hover {
    background: linear-gradient(135deg, #2C1E3F 0%, #D4AF37 100%);
    color: #FFD700;
    box-shadow: 0 4px 8px rgba(212, 175, 55, 0.4);
    border-color: rgba(212, 175, 55, 0.4);
}

[data-theme="warm"] .action-btn-secondary {
    background: rgba(44, 30, 63, 0.8);
    color: #F5F5DC;
    border: 1px solid rgba(212, 175, 55, 0.3);
    box-shadow: 0 2px 4px rgba(44, 30, 63, 0.2);
}

[data-theme="warm"] .action-btn-secondary:hover {
    background: rgba(44, 30, 63, 0.9);
    color: #FFD700;
    border-color: rgba(212, 175, 55, 0.5);
    box-shadow: 0 4px 8px rgba(44, 30, 63, 0.3);
}

[data-theme="warm"] .page-link {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(212, 175, 55, 0.2);
    color: var(--nmlh-text-light-primary);
}

[data-theme="warm"] .page-link:hover {
    background: rgba(212, 175, 55, 0.1);
    border-color: rgba(212, 175, 55, 0.4);
}

[data-theme="warm"] .page-item.active .page-link {
    background: linear-gradient(135deg, #D4AF37 0%, #1A1625 100%);
    border-color: #D4AF37;
    color: #fff;
}

/* ========================================
   应用名称专用样式优化 - 琉璃金辉主题
   ======================================== */
[data-theme="warm"] .app-name {
    color: #8B4513 !important;  /* 深棕色 - 更高对比度 */
    font-weight: 700 !important;  /* 增加字重提升可读性 */
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;  /* 增强文字阴影 */
}

[data-theme="warm"] .app-name:hover {
    color: #654321 !important;  /* 悬停时更深的棕色 */
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

/* ========================================
   墨玉青华主题样式
   ======================================== */

/* 访客提示 - 墨玉青华主题 */
[data-theme="cyan"] .guest-notice {
    background: linear-gradient(135deg, rgba(16, 28, 46, 0.85) 0%, rgba(30, 42, 58, 0.75) 100%);
    border: 2px solid rgba(56, 178, 172, 0.6);
    color: #E0F2FE;  /* 浅青色文字 - 极高对比度 */
    box-shadow: 0 4px 12px rgba(16, 28, 46, 0.3);
    backdrop-filter: blur(10px);
}

[data-theme="cyan"] .guest-notice i {
    color: #67E8F9;  /* 亮青色图标 - 高对比度 */
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

[data-theme="cyan"] .guest-notice:hover {
    background: linear-gradient(135deg, rgba(16, 28, 46, 0.9) 0%, rgba(30, 42, 58, 0.8) 100%);
    border-color: rgba(56, 178, 172, 0.7);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(16, 28, 46, 0.4);
    color: #F0F9FF;  /* 悬停时文字更亮 */
}
[data-theme="cyan"] .analysis-table-container {
    background: rgba(248, 250, 252, 0.98);  /* 青华白色背景 */
    box-shadow:
        0 4px 6px -1px rgba(13, 27, 42, 0.1),
        0 2px 4px -1px rgba(13, 27, 42, 0.06),
        0 8px 32px rgba(34, 211, 238, 0.15);
    border: 1px solid rgba(34, 211, 238, 0.2);
    backdrop-filter: blur(20px);
    transition: all 0.3s ease;
}

[data-theme="cyan"] .analysis-table-container:hover {
    box-shadow:
        0 10px 15px -3px rgba(13, 27, 42, 0.1),
        0 4px 6px -2px rgba(13, 27, 42, 0.05),
        0 12px 40px rgba(34, 211, 238, 0.25);
    border-color: rgba(34, 211, 238, 0.3);
}

/* 墨玉青华主题表格行效果 */
[data-theme="cyan"] .analysis-table tbody tr:hover td {
    background: rgba(34, 211, 238, 0.06);
    border-bottom-color: rgba(34, 211, 238, 0.2);
}

[data-theme="cyan"] .analysis-table tbody tr:nth-child(even) td {
    background: rgba(241, 245, 249, 0.98);
}

[data-theme="cyan"] .analysis-table tbody tr:nth-child(even):hover td {
    background: rgba(34, 211, 238, 0.1);
}

[data-theme="cyan"] .analysis-table th {
    background: linear-gradient(135deg, #1E293B 0%, #0F172A 50%, #1E293B 100%);
    color: #FFFFFF;  /* 纯白文字，确保最高对比度 */
    border-bottom: 3px solid #06B6D4;  /* 现代青色底边线，科技感 */
    position: relative;
    overflow: hidden;
}

/* 墨玉青华主题表头现代化效果 */
[data-theme="cyan"] .analysis-table th::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(6, 182, 212, 0.12), transparent);
    transition: left 0.5s ease;
}

[data-theme="cyan"] .analysis-table th:hover::before {
    left: 100%;
}

[data-theme="cyan"] .security-badge-safe {
    background: linear-gradient(135deg, #10B981 0%, #047857 100%);
    color: #fff;
    border-color: #047857;
}

[data-theme="cyan"] .security-badge-low {
    background: linear-gradient(135deg, #F59E0B 0%, #92400E 100%);
    color: #fff;
    border-color: #92400E;
}

[data-theme="cyan"] .security-badge-medium {
    background: linear-gradient(135deg, #F97316 0%, #9A3412 100%);
    color: #fff;
    border-color: #9A3412;
}

[data-theme="cyan"] .security-badge-high {
    background: linear-gradient(135deg, #EF4444 0%, #991B1B 100%);
    color: #fff;
    border-color: #991B1B;
}

[data-theme="cyan"] .security-badge-critical {
    background: linear-gradient(135deg, #DC2626 0%, #7F1D1D 100%);
    color: #fff;
    border-color: #7F1D1D;
    animation: criticalPulseCyan 2s ease-in-out infinite;
}

@keyframes criticalPulseCyan {
    0%, 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.7); }
    50% { box-shadow: 0 0 0 10px rgba(220, 38, 38, 0); }
}

[data-theme="cyan"] .action-btn-primary {
    background: linear-gradient(135deg, #38B2AC 0%, #101C2E 100%);
    color: #fff;
    box-shadow: 0 2px 4px rgba(56, 178, 172, 0.3);
    border: 1px solid rgba(56, 178, 172, 0.2);
}

[data-theme="cyan"] .action-btn-primary:hover {
    background: linear-gradient(135deg, #101C2E 0%, #38B2AC 100%);
    color: #A7F3D0;
    box-shadow: 0 4px 8px rgba(56, 178, 172, 0.4);
    border-color: rgba(56, 178, 172, 0.4);
}

[data-theme="cyan"] .action-btn-secondary {
    background: rgba(16, 28, 46, 0.8);
    color: #E0F2FE;
    border: 1px solid rgba(56, 178, 172, 0.3);
    box-shadow: 0 2px 4px rgba(16, 28, 46, 0.2);
}

[data-theme="cyan"] .action-btn-secondary:hover {
    background: rgba(16, 28, 46, 0.9);
    color: #A7F3D0;
    border-color: rgba(56, 178, 172, 0.5);
    box-shadow: 0 4px 8px rgba(16, 28, 46, 0.3);
}

[data-theme="cyan"] .page-link {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(34, 211, 238, 0.2);
    color: var(--nmlh-text-light-primary);
}

[data-theme="cyan"] .page-link:hover {
    background: rgba(34, 211, 238, 0.1);
    border-color: rgba(34, 211, 238, 0.4);
}

[data-theme="cyan"] .page-item.active .page-link {
    background: linear-gradient(135deg, #22D3EE 0%, #0D1B2A 100%);
    border-color: #22D3EE;
    color: #fff;
}

/* ========================================
   应用名称专用样式优化 - 墨玉青华主题
   ======================================== */
[data-theme="cyan"] .app-name {
    color: #0C4A6E !important;  /* 深海蓝 - 高对比度 */
    font-weight: 700 !important;  /* 增加字重提升可读性 */
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;  /* 增强文字阴影 */
}

[data-theme="cyan"] .app-name:hover {
    color: #075985 !important;  /* 悬停时更深的蓝色 */
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

/* ========================================
   量子离火主题样式
   ======================================== */

/* 访客提示 - 量子离火主题 */
[data-theme="quantum"] .guest-notice {
    background: linear-gradient(135deg, hsla(0, 75%, 55%, 0.12) 0%, hsla(280, 60%, 65%, 0.08) 100%);
    border: 2px solid hsla(0, 75%, 55%, 0.4);
    color: hsl(210, 28%, 15%);  /* 深空基色文字 - 高对比度 */
    box-shadow: 0 4px 12px hsla(0, 75%, 55%, 0.2);
    backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
}

/* 量子离火主题特殊效果 */
[data-theme="quantum"] .guest-notice::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, hsla(25, 100%, 60%, 0.1), transparent);
    transition: left 0.8s ease;
}

[data-theme="quantum"] .guest-notice:hover::before {
    left: 100%;
}

[data-theme="quantum"] .guest-notice i {
    color: hsl(0, 75%, 55%);  /* 烈焰红图标 */
    text-shadow: 0 1px 3px hsla(0, 75%, 55%, 0.3);
}

[data-theme="quantum"] .guest-notice:hover {
    background: linear-gradient(135deg, hsla(0, 75%, 55%, 0.18) 0%, hsla(280, 60%, 65%, 0.12) 100%);
    border-color: hsla(0, 75%, 55%, 0.5);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px hsla(0, 75%, 55%, 0.25);
    color: hsl(210, 28%, 10%);  /* 悬停时文字更深 */
}

/* 操作按钮 - 量子离火主题 */
[data-theme="quantum"] .action-btn-primary {
    background: linear-gradient(135deg, hsl(0, 75%, 55%) 0%, hsl(280, 60%, 65%) 100%);
    color: hsl(220, 33%, 95%);  /* 星尘浅基文字 */
    box-shadow: 0 2px 4px hsla(0, 75%, 55%, 0.3);
    border: 1px solid hsla(0, 75%, 55%, 0.2);
    position: relative;
    overflow: hidden;
}

/* 量子离火主题按钮特殊效果 */
[data-theme="quantum"] .action-btn-primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, hsla(25, 100%, 60%, 0.2), transparent);
    transition: left 0.5s ease;
}

[data-theme="quantum"] .action-btn-primary:hover::before {
    left: 100%;
}

[data-theme="quantum"] .action-btn-primary:hover {
    background: linear-gradient(135deg, hsl(25, 100%, 60%) 0%, hsl(0, 75%, 55%) 100%);
    color: hsl(220, 33%, 95%);
    box-shadow: 0 4px 8px hsla(25, 100%, 60%, 0.4);
    border-color: hsla(25, 100%, 60%, 0.4);
}

[data-theme="quantum"] .action-btn-secondary {
    background: linear-gradient(135deg, hsl(220, 33%, 95%) 0%, hsl(220, 30%, 92%) 100%);
    color: hsl(210, 28%, 15%);  /* 深空基色文字 */
    border: 1px solid hsla(160, 70%, 36%, 0.3);
    box-shadow: 0 2px 4px hsla(160, 70%, 36%, 0.2);
}

[data-theme="quantum"] .action-btn-secondary:hover {
    background: linear-gradient(135deg, hsl(220, 35%, 97%) 0%, hsl(220, 33%, 95%) 100%);
    color: hsl(0, 75%, 55%);  /* 悬停时变为烈焰红文字 */
    border-color: hsla(0, 75%, 55%, 0.4);
    box-shadow: 0 4px 8px hsla(160, 70%, 36%, 0.3);
}

/* ========================================
   响应式设计 - 访客提示
   ======================================== */

/* 平板端优化 */
@media (max-width: 1200px) {
    .guest-notice {
        font-size: 0.9rem;
        padding: var(--nmlh-spacing-sm);
    }

    .guest-notice i {
        font-size: 1rem;
    }
}

/* 移动端优化 */
@media (max-width: 768px) {
    .guest-notice {
        font-size: 0.85rem;
        padding: var(--nmlh-spacing-xs);
        flex-direction: column;
        text-align: center;
        gap: var(--nmlh-spacing-xs);
    }

    .guest-notice i {
        font-size: 1.2rem;
    }
}