/**
 * DHv3 极光绿主题
 * 说明: 北极光风格，清新自然的绿色配色
 * 参考: Aurora Borealis (#00ff9f, #00b8ff)
 */

:root {
    /* 基础色 - 深邃极夜 */
    --bg-primary: #0a1410;
    --bg-secondary: #0d1f18;
    --bg-card: #132820;
    --bg-section: #0b1a14;

    /* 文字色 */
    --text-primary: #e8fff4;
    --text-secondary: #00ff9f;
    --text-muted: #6b9985;
    --text-light: #94ccb3;

    /* 强调色 - 极光绿渐变 */
    --accent-primary: #00ff9f;
    --accent-secondary: #00d4a0;
    --accent-gradient: linear-gradient(135deg, #00ff9f, #00b8ff);

    /* 主题色 */
    --primary: #00ff9f;
    --primary-dark: #00cc7f;

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

    /* 阴影 */
    --shadow-sm: 0 2px 8px rgba(0, 255, 159, 0.1);
    --shadow-md: 0 4px 16px rgba(0, 255, 159, 0.15);
    --shadow-lg: 0 8px 32px rgba(0, 255, 159, 0.2);
}

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

.nav-tab.active {
    background: var(--accent-gradient);
    box-shadow: 0 0 20px rgba(0, 255, 159, 0.4);
}

.marquee-box {
    background: linear-gradient(135deg, #132820 0%, #0d1f18 100%);
    border-color: var(--border-color);
}

.marquee-icon {
    background: var(--accent-gradient);
    box-shadow: 0 0 12px rgba(0, 255, 159, 0.4);
}

.download-btn {
    background: var(--accent-gradient);
    box-shadow: 0 2px 16px rgba(0, 255, 159, 0.3);
}

.download-btn:hover {
    box-shadow: 0 0 25px rgba(0, 255, 159, 0.5);
}

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

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

.product-item {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
}

.product-item:hover {
    border-color: var(--accent-primary);
    box-shadow: 0 4px 20px rgba(0, 255, 159, 0.2);
}

.product-img {
    box-shadow: 0 2px 8px rgba(0, 255, 159, 0.15);
}

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

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

.popup-btn.primary {
    background: var(--accent-gradient);
    box-shadow: 0 4px 16px rgba(0, 255, 159, 0.3);
}

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

.error-icon {
    background: linear-gradient(135deg, #ff6b6b, #ff4757);
}

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

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

.swiper-dot.active {
    background: var(--accent-secondary);
    box-shadow: 0 0 8px rgba(0, 255, 159, 0.5);
}

/* 火焰图标颜色适配 - 极光风格 */
.title-fire-icon {
    background: linear-gradient(180deg, #00ff9f 0%, #00b8ff 50%, #006680 100%);
}

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

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

/* 极光发光效果 */
.nav-tab.active,
.download-btn:hover,
.product-btn:hover {
    text-shadow: 0 0 10px rgba(0, 255, 159, 0.5);
}

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

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

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

/* 视频卡片 */
.video-card {
    border: 1px solid var(--border-color);
}

.video-card:hover {
    border-color: var(--accent-primary);
    box-shadow: 0 0 15px rgba(0, 255, 159, 0.2);
}

/* 搜索框 */
.search-input-wrap {
    border-color: var(--border-color);
}

.search-input-wrap:focus-within {
    border-color: var(--accent-primary);
    box-shadow: 0 0 10px rgba(0, 255, 159, 0.2);
}