/* src/css/themes.css */
/* 主题样式 */

/* 深海蓝主题 */
body.deepsea-theme {
    background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%) !important;
}

.deepsea-theme .container {
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .15);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .2);
}

.deepsea-theme .countdown {
    color: #4facfe;
    text-shadow: 0 0 25px rgba(79, 172, 254, .7);
}

.deepsea-theme .countdown::after {
    background: linear-gradient(90deg, transparent, #4facfe, transparent);
}

.deepsea-theme .progress-bar {
    background: linear-gradient(90deg, #1a2980, #26d0ce);
}

.deepsea-theme .guide-box {
    background: linear-gradient(145deg, #1a2980, #26d0ce);
}

.deepsea-theme .popup-btn {
    background: linear-gradient(45deg, #1a2980, #26d0ce);
    box-shadow: 0 5px 15px rgba(26, 41, 128, 0.4);
}

/* 日落橙主题 */
body.sunset-theme {
    background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%) !important;
}

.sunset-theme .container {
    background: rgba(255, 255, 255, .2);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .3);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .1);
}

.sunset-theme .countdown {
    color: #ff6b6b;
    text-shadow: 0 0 25px rgba(255, 107, 107, .7);
}

.sunset-theme .countdown::after {
    background: linear-gradient(90deg, transparent, #ff6b6b, transparent);
}

.sunset-theme .progress-bar {
    background: linear-gradient(90deg, #ff9a9e, #ff6b6b);
}

.sunset-theme .guide-box {
    background: linear-gradient(145deg, #ff9a9e, #fecfef);
}

.sunset-theme .popup-btn {
    background: linear-gradient(45deg, #ff9a9e, #ff6b6b);
    box-shadow: 0 5px 15px rgba(255, 107, 107, 0.4);
}

/* 森林绿主题 */
body.forest-theme {
    background: linear-gradient(135deg, #1d976c 0%, #93f9b9 100%) !important;
}

.forest-theme .container {
    background: rgba(255, 255, 255, .15);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .2);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .15);
}

.forest-theme .countdown {
    color: #1d976c;
    text-shadow: 0 0 25px rgba(29, 151, 108, .7);
}

.forest-theme .countdown::after {
    background: linear-gradient(90deg, transparent, #1d976c, transparent);
}

.forest-theme .progress-bar {
    background: linear-gradient(90deg, #1d976c, #93f9b9);
}

.forest-theme .guide-box {
    background: linear-gradient(145deg, #1d976c, #93f9b9);
}

.forest-theme .popup-btn {
    background: linear-gradient(45deg, #1d976c, #93f9b9);
    box-shadow: 0 5px 15px rgba(29, 151, 108, 0.4);
}

/* 紫罗兰主题 */
body.violet-theme {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

.violet-theme .container {
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .2);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .15);
}

.violet-theme .countdown {
    color: #b860f7;
    text-shadow: 0 0 25px rgba(184, 96, 247, .7);
}

.violet-theme .countdown::after {
    background: linear-gradient(90deg, transparent, #b860f7, transparent);
}

.violet-theme .progress-bar {
    background: linear-gradient(90deg, #667eea, #b860f7);
}

.violet-theme .guide-box {
    background: linear-gradient(145deg, #667eea, #764ba2);
}

.violet-theme .popup-btn {
    background: linear-gradient(45deg, #667eea, #b860f7);
    box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
}

/* 樱花粉主题 */
body.sakura-theme {
    background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%) !important;
}

.sakura-theme .container {
    background: rgba(255, 255, 255, .2);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .3);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .1);
}

.sakura-theme .countdown {
    color: #ff9a9e;
    text-shadow: 0 0 25px rgba(255, 154, 158, .7);
}

.sakura-theme .countdown::after {
    background: linear-gradient(90deg, transparent, #ff9a9e, transparent);
}

.sakura-theme .progress-bar {
    background: linear-gradient(90deg, #ff9a9e, #fad0c4);
}

.sakura-theme .guide-box {
    background: linear-gradient(145deg, #ff9a9e, #fad0c4);
}

.sakura-theme .popup-btn {
    background: linear-gradient(45deg, #ff9a9e, #fad0c4);
    box-shadow: 0 5px 15px rgba(255, 154, 158, 0.4);
}