/**
 * DHv3 紫金主题
 * 作者: VT SEO团队
 * 日期: 2025-12-17
 * 说明: 高贵典雅的紫金配色方案
 */

:root {
    /* 基础色 */
    --bg-primary: #1a1625;
    --bg-secondary: #231d30;
    --bg-card: #2d2540;
    --bg-section: #1e1830;

    /* 文字色 */
    --text-primary: #f5f0ff;
    --text-secondary: #d4af37;
    --text-muted: #8a8095;
    --text-light: #b8a8d0;

    /* 强调色 - 紫金渐变 */
    --accent-primary: #9b59b6;
    --accent-secondary: #d4af37;
    --accent-gradient: linear-gradient(135deg, #9b59b6, #d4af37);

    /* 边框 */
    --border-color: #3d3350;
    --border-radius: 12px;
    --border-radius-sm: 8px;
    --border-radius-lg: 16px;

    /* 阴影 */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(155, 89, 182, 0.2);
    --shadow-lg: 0 8px 32px rgba(155, 89, 182, 0.3);
}

/* 特殊元素样式覆盖 */
body {
    background: linear-gradient(180deg, #1a1625 0%, #0f0a15 100%);
}

.nav-tab.active {
    background: var(--accent-gradient);
    box-shadow: 0 2px 12px rgba(212, 175, 55, 0.3);
}

.marquee-box {
    background: linear-gradient(135deg, #2d2540 0%, #231d30 100%);
    border-color: var(--border-color);
}

.marquee-icon {
    background: var(--accent-gradient);
}

.download-btn {
    background: var(--accent-gradient);
    box-shadow: 0 2px 12px rgba(212, 175, 55, 0.3);
}

.ad-grid {
    background: var(--bg-section);
}

.ad-img-wrap {
    box-shadow: var(--shadow-sm);
}

.product-item {
    background: var(--bg-card);
}

.product-img {
    box-shadow: 0 2px 8px rgba(155, 89, 182, 0.25);
}

.product-btn {
    background: var(--accent-gradient);
}

.fixed-ad-inner {
    background: var(--accent-gradient);
}

.popup-btn.primary {
    background: var(--accent-gradient);
    box-shadow: 0 4px 12px rgba(155, 89, 182, 0.3);
}

.popup-btn.secondary {
    background: var(--bg-section);
    color: var(--text-light);
    border-color: var(--border-color);
}

.error-icon {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
}

.retry-btn {
    background: linear-gradient(135deg, #9b59b6, #d4af37);
}

.loading-spinner {
    border-color: var(--border-color);
    border-top-color: var(--accent-primary);
}

.swiper-dot.active {
    background: var(--accent-secondary);
}

/* 火焰图标颜色适配 */
.title-fire-icon {
    background: linear-gradient(180deg, #d4af37 0%, #9b59b6 50%, #6a3093 100%);
}

.title-fire-icon::before {
    background: linear-gradient(180deg, #f5f0ff 0%, #d4af37 100%);
}

/* 标题装饰线 */
.section-title::before {
    background: var(--accent-gradient);
}

/* 底部固定广告 */
.bottom-ad-link {
    background: var(--accent-gradient);
    box-shadow: 0 4px 16px rgba(155, 89, 182, 0.3);
}

.bottom-ad-btn {
    color: var(--accent-primary);
}

/* 弹窗 */
.popup-box {
    background: var(--bg-card);
    border-color: var(--border-color);
}