/* ============================================
   PC28 多主题样式库 - 霸气烈焰风格
   ============================================ */

/* ========== 主题 1: 烈焰黑金 (default) ========== */
.theme-default body {
    background: radial-gradient(ellipse at top, #1a0a0a 0%, #0a0000 50%, #000000 100%);
}

.theme-default .box {
    background: rgba(0,0,0,0.08);
    border: 1px solid rgba(255,120,0,0.25);
    box-shadow: 0 0 30px rgba(255,80,0,0.1);
}

.theme-default .type-tab.active {
    background: linear-gradient(145deg, #ff6a00, #cc3300);
}

/* ========== 主题 2: 紫罗兰 (purple) ========== */
.theme-purple body {
    background: linear-gradient(135deg, #0d0d1a 0%, #1a0a2e 100%);
}

.theme-purple .box {
    background: rgba(0,0,0,0.08);
    border: 1px solid rgba(155,89,182,0.4);
    box-shadow: 0 0 30px rgba(155,89,182,0.15);
}

.theme-purple .type-tab.active {
    background: linear-gradient(145deg, #9b59b6, #8e44ad);
}

/* ========== 主题 3: 海洋蓝 (blue) ========== */
.theme-blue body {
    background: linear-gradient(135deg, #0a1628 0%, #0d2137 100%);
}

.theme-blue .box {
    background: rgba(0,0,0,0.08);
    border: 1px solid rgba(52,152,219,0.4);
    box-shadow: 0 0 30px rgba(52,152,219,0.15);
}

.theme-blue .type-tab.active {
    background: linear-gradient(145deg, #3498db, #2980b9);
}

/* ========== 主题 4: 翡翠绿 (green) ========== */
.theme-green body {
    background: linear-gradient(135deg, #0a1a0f 0%, #0d2115 100%);
}

.theme-green .box {
    background: rgba(0,0,0,0.08);
    border: 1px solid rgba(39,174,96,0.4);
    box-shadow: 0 0 30px rgba(39,174,96,0.15);
}

.theme-green .type-tab.active {
    background: linear-gradient(145deg, #27ae60, #229954);
}

/* ========== 主题 5: 中国红 (red) ========== */
.theme-red body {
    background: linear-gradient(135deg, #1a0a0a 0%, #210808 100%);
}

.theme-red .box {
    background: rgba(0,0,0,0.08);
    border: 1px solid rgba(231,76,60,0.4);
    box-shadow: 0 0 30px rgba(231,76,60,0.15);
}

.theme-red .type-tab.active {
    background: linear-gradient(145deg, #e74c3c, #c0392b);
}

/* ========== 主题 6: 极简黑 (dark) ========== */
.theme-dark body {
    background: #000000;
}

.theme-dark .box {
    background: rgba(0,0,0,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
}

.theme-dark .type-tab.active {
    background: linear-gradient(145deg, #333333, #222222);
    border: 1px solid rgba(255,255,255,0.2);
}

/* ========== 主题 7: 日落橙 (orange) ========== */
.theme-orange body {
    background: linear-gradient(135deg, #1a0f0a 0%, #211208 100%);
}

.theme-orange .box {
    background: rgba(0,0,0,0.08);
    border: 1px solid rgba(255,107,53,0.4);
    box-shadow: 0 0 30px rgba(255,107,53,0.15);
}

.theme-orange .type-tab.active {
    background: linear-gradient(145deg, #ff6b35, #f39c12);
}

/* ========== 主题 8: 樱花粉 (pink) ========== */
.theme-pink body {
    background: linear-gradient(135deg, #1a0a15 0%, #210d1a 100%);
}

.theme-pink .box {
    background: rgba(0,0,0,0.08);
    border: 1px solid rgba(255,105,180,0.4);
    box-shadow: 0 0 30px rgba(255,105,180,0.15);
}

.theme-pink .type-tab.active {
    background: linear-gradient(145deg, #ff69b4, #ff1493);
}