.merry-christmas-text {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    opacity: 0;
    text-align: center;
    width: 100%;
    font-family: 'BrushUpLife', cursive;
    font-size: 50px;
    color: #FFFFFF;
    animation: merrybirthdays 6s forwards;
    animation-delay: 1s;
    z-index: 10;
    pointer-events: none;
}

/* 按钮初始状态 - 完全隐藏 */
.button-style1 {
    display: none;
    position: absolute;
    top: 70%;
    opacity: 0;
    z-index: 100;
    left: 25%;
    transform: translateX(-50%);
    backface-visibility: hidden;
    perspective: 1000px;
}

.merry-christmas-text-large {
    font-family: 'BrushUpLife', cursive !important;
    color: #FFFFFF !important;
    font-size: 36px !important;
    text-align: center !important;
    margin-top: 20px !important;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8) !important;
    position: relative !important;
    z-index: 1 !important;
}

@keyframes merrybirthdays {
    0% {
        top: 45%;
        opacity: 0;
    }
    70% {
        top: 50%;
        opacity: 0;
    }
    100% {
        top: 55%;
        opacity: 1;
    }
}

/* 登录标题修改 */
.login-title.merry-christmas {
    color: #FFFFFF;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .christmas-tree {
        width: 200px;
        height: 350px;
    }
    
    .tree-star {
        font-size: 40px;
        top: -40px;
    }
    
    .tree-leaves {
        border-left-width: 70px;
        border-right-width: 70px;
        border-bottom-width: 100px;
    }
    
    .tree-trunk {
        width: 30px;
        height: 50px;
    }
    
    .merry-christmas-text {
        font-size: 36px;
    }
    
    .merry-christmas-text-large {
        font-size: 28px !important;
    }
}

/* 主题样式定义 */
:root {
    --theme-christmas-primary: #e63946;
    --theme-christmas-secondary: #457b9d;
    --theme-christmas-accent: #1d3557;
    --theme-christmas-light: #f1faee;
    --theme-christmas-green: #2a9d8f;
    --theme-xmas-red-primary: #9A0E17;
    --theme-xmas-green-primary: #537A3D;
}

/* 应用圣诞主题 */
.theme-christmas .screen-1,
.theme-christmas .screen-3 {
    background: var(--theme-christmas-primary);
    background: linear-gradient(135deg, var(--theme-christmas-primary) 0%, var(--theme-christmas-secondary) 100%);
}

.theme-christmas .screen-2.body--ready {
    background: linear-gradient(to top, var(--theme-christmas-primary) 0%, var(--theme-christmas-secondary) 120%);
}

/* 第四屏主题样式 */
.theme-christmas .screen-4 {
    background: var(--theme-christmas-primary);
    background: linear-gradient(135deg, var(--theme-christmas-primary) 0%, var(--theme-christmas-secondary) 100%);
}

.theme-christmas .memory-content-container {
    background-color: rgba(241, 250, 238, 0.95);
    color: var(--theme-christmas-accent);
    border: 1px solid var(--theme-christmas-green);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1), 0 0 0 1px var(--theme-christmas-green) inset;
}

.theme-christmas .memory-content-decoration-top,
.theme-christmas .memory-content-decoration-bottom {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="600" height="30" viewBox="0 0 600 30"><path d="M50,15 Q150,5 300,15 Q450,25 550,15" stroke="%232a9d8f" stroke-width="1.5" fill="none" stroke-linecap="round"/></svg>');
}

/* 音乐按钮主题适配 */
.theme-christmas .music-btn.playing {
    background: rgba(230, 57, 70, 0.8);
}

/* 滚动条主题适配 */
.theme-christmas .memory-content-container::-webkit-scrollbar-thumb {
    background-color: var(--theme-christmas-primary);
}

/* 动画主题适配 */
.theme-christmas .screen-2.body--ready .animation-help {
    background: var(--theme-christmas-primary);
    color: white;
}

/* 蛋糕主题适配 */
.theme-christmas .like-btn,
.theme-christmas .link1 {
    background: var(--theme-christmas-primary) !important;
}

/* 音频播放区域主题适配 */
.theme-christmas .memory-audio-section {
    border-color: var(--theme-christmas-primary);
}

.theme-christmas .memory-audio-text {
    color: var(--theme-christmas-primary);
}

/* XMAS-MIX 主题专用样式 */
.theme-xmas-mix .screen-1,
.theme-xmas-mix .screen-3,
.theme-xmas-mix .screen-4 {
    background: var(--theme-xmas-red-primary);
    background: linear-gradient(135deg, var(--theme-xmas-red-primary) 0%, var(--theme-xmas-green-primary) 100%);
}

.theme-xmas-mix .screen-2.body--ready {
    background: linear-gradient(to top, var(--theme-xmas-red-primary) 0%, var(--theme-xmas-green-primary) 120%);
}

.theme-xmas-mix .memory-content-container {
    background-color: rgba(255, 255, 255, 0.9);
    color: var(--theme-xmas-green-primary);
    border: 1px solid var(--theme-xmas-green-primary);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1), 0 0 0 1px var(--theme-xmas-green-primary) inset;
}

.theme-xmas-mix .memory-content-decoration-top,
.theme-xmas-mix .memory-content-decoration-bottom {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="600" height="30" viewBox="0 0 600 30"><path d="M50,15 Q150,5 300,15 Q450,25 550,15" stroke="%23537A3D" stroke-width="1.5" fill="none" stroke-linecap="round"/></svg>');
}

.theme-xmas-mix .music-btn.playing {
    background: rgba(121, 23, 24, 0.8);
}

.theme-xmas-mix .memory-content-container::-webkit-scrollbar-thumb {
    background-color: var(--theme-xmas-red-primary);
}

.theme-xmas-mix .screen-2.body--ready .animation-help {
    background: var(--theme-xmas-red-primary);
    color: white;
}

.theme-xmas-mix .like-btn,
.theme-xmas-mix .link1 {
    background: var(--theme-xmas-red-primary) !important;
}

.theme-xmas-mix .memory-audio-section {
    border-color: var(--theme-xmas-red-primary);
}

.theme-xmas-mix .memory-audio-text {
    color: var(--theme-xmas-red-primary);
}

/* XMAS-GREEN 主题专用样式 - 绿色色调 */
.theme-xmas-green .screen-1,
.theme-xmas-green .screen-3,
.theme-xmas-green .screen-4 {
    background: var(--theme-xmas-green-primary);
    background: linear-gradient(135deg, var(--theme-xmas-green-primary) 0%, #6B9B4C 100%);
}

.theme-xmas-green .screen-2.body--ready {
    background: linear-gradient(to top, var(--theme-xmas-green-primary) 0%, #6B9B4C 120%);
}

.theme-xmas-green .memory-content-container {
    background-color: rgba(255, 255, 255, 0.9);
    color: var(--theme-xmas-green-primary);
    border: 1px solid var(--theme-xmas-green-primary);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1), 0 0 0 1px var(--theme-xmas-green-primary) inset;
}

.theme-xmas-green .memory-content-decoration-top,
.theme-xmas-green .memory-content-decoration-bottom {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="600" height="30" viewBox="0 0 600 30"><path d="M50,15 Q150,5 300,15 Q450,25 550,15" stroke="%23537A3D" stroke-width="1.5" fill="none" stroke-linecap="round"/></svg>');
}

/* XMAS-GREEN 主题音乐播放按钮样式 */
.theme-xmas-green .music-btn.playing {
    background: rgba(83, 122, 61, 0.8);
}

/* XMAS-GREEN 主题喜欢按钮样式 */
.theme-xmas-green .like-btn,
.theme-xmas-green .link1 {
    background: var(--theme-xmas-green-primary) !important;
}

/* XMAS-GREEN 主题音频播放区域样式 */
.theme-xmas-green .memory-audio-section {
    border-color: var(--theme-xmas-green-primary);
}

.theme-xmas-green .memory-audio-text {
    color: var(--theme-xmas-green-primary);
}

/* XMAS-GREEN 主题滚动条样式 */
.theme-xmas-green .memory-content-container::-webkit-scrollbar-thumb {
    background-color: var(--theme-xmas-green-primary);
}

/* XMAS-GREEN 主题动画样式 */
.theme-xmas-green .screen-2.body--ready .animation-help {
    background: var(--theme-xmas-green-primary);
    color: white;
}