/* ============================================
   PC28 多主题样式库
   ============================================ */

/* ========== 主题 1: 经典黑金 (default) ========== */
.theme-default body {
    background: #0f0f0f;
}

.theme-default .box {
    background: linear-gradient(145deg, #1a1a2e, #16213e);
    border: 1px solid rgba(243,156,18,0.2);
    box-shadow: 0 0 30px rgba(243,156,18,0.15);
}







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

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

.theme-purple .box {
    background: linear-gradient(145deg, #1a1a3e, #2d2d5a);
    border: 1px solid rgba(155,89,182,0.3);
    box-shadow: 0 0 30px rgba(155,89,182,0.2);
}







.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: linear-gradient(145deg, #1a3a5c, #234d6e);
    border: 1px solid rgba(52,152,219,0.3);
    box-shadow: 0 0 30px rgba(52,152,219,0.2);
}







.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: linear-gradient(145deg, #1a3a2a, #234d3a);
    border: 1px solid rgba(39,174,96,0.3);
    box-shadow: 0 0 30px rgba(39,174,96,0.2);
}







.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: linear-gradient(145deg, #3a1a1a, #4d2323);
    border: 1px solid rgba(231,76,60,0.3);
    box-shadow: 0 0 30px rgba(231,76,60,0.2);
}







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











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

.theme-dark .box {
    background: linear-gradient(145deg, #111111, #1a1a1a);
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 0 30px rgba(0,0,0,0.5);
}







.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: linear-gradient(145deg, #3a1a1a, #4d231a);
    border: 1px solid rgba(255,107,53,0.3);
    box-shadow: 0 0 30px rgba(255,107,53,0.2);
}







.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: linear-gradient(145deg, #3a1a30, #4d2340);
    border: 1px solid rgba(255,105,180,0.3);
    box-shadow: 0 0 30px rgba(255,105,180,0.2);
}







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