/* 寻梦记 - 时间主题样式 */

/* 早晨主题 (6:00 - 11:59) */
.theme-morning .background-layer {
    background: linear-gradient(180deg,
        #FFF8E7 0%,
        #FFE4B5 30%,
        #FDF8F3 100%
    );
}

.theme-morning .light-rays {
    background: linear-gradient(135deg,
        rgba(255, 200, 100, 0.25) 0%,
        transparent 50%
    );
}

.theme-morning .window-frame::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg,
        rgba(255, 220, 150, 0.3) 0%,
        rgba(255, 180, 100, 0.2) 100%
    );
}

/* 下午主题 (12:00 - 17:59) */
.theme-afternoon .background-layer {
    background: linear-gradient(180deg,
        #FDF8F3 0%,
        #F5EDE4 50%,
        #E8DFD4 100%
    );
}

.theme-afternoon .light-rays {
    background: linear-gradient(135deg,
        rgba(255, 200, 120, 0.15) 0%,
        transparent 60%
    );
}

.theme-afternoon .window-frame::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg,
        rgba(255, 230, 180, 0.2) 0%,
        rgba(245, 220, 160, 0.15) 100%
    );
}

/* 傍晚主题 (18:00 - 19:59) */
.theme-evening .background-layer {
    background: linear-gradient(180deg,
        #F5E6D3 0%,
        #E8D4B8 40%,
        #D4B896 100%
    );
}

.theme-evening .light-rays {
    background: linear-gradient(135deg,
        rgba(255, 150, 80, 0.2) 0%,
        rgba(255, 100, 50, 0.1) 30%,
        transparent 60%
    );
}

.theme-evening .window-frame::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg,
        rgba(255, 180, 120, 0.25) 0%,
        rgba(255, 140, 80, 0.2) 100%
    );
}

/* 夜晚主题 (20:00 - 5:59) */
.theme-night .background-layer {
    background: linear-gradient(180deg,
        #3D3229 0%,
        #2A2318 50%,
        #1F1A14 100%
    );
}

.theme-night .light-rays {
    background: radial-gradient(
        ellipse at 70% 30%,
        rgba(255, 200, 120, 0.08) 0%,
        transparent 50%
    );
}

.theme-night .window-frame {
    border-color: rgba(255, 220, 150, 0.15);
}

.theme-night .window-frame::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg,
        rgba(30, 40, 60, 0.8) 0%,
        rgba(20, 25, 35, 0.9) 100%
    );
}

/* 夜间模式颜色覆盖 */
.theme-night {
    --color-bg: #2A2318;
    --color-bg-warm: #352D22;
    --color-text: #E8DFD4;
    --color-text-light: #A99B8A;
    --color-border: #4A4035;
    --color-white: #3D3229;
}

.theme-night .app-title {
    color: #D4A72C;
}

.theme-night .form-group input {
    background: #352D22;
    border-color: #4A4035;
    color: #E8DFD4;
}

.theme-night .form-group input::placeholder {
    color: #7A6B5D;
}

.theme-night .phase-card {
    background: #352D22;
}

.theme-night .message.ai {
    background: #352D22;
    color: #E8DFD4;
}

.theme-night .chat-container {
    background: #2A2318;
}

.theme-night .input-wrapper textarea {
    background: #352D22;
    border-color: #4A4035;
    color: #E8DFD4;
}

.theme-night .input-area {
    background: #3D3229;
}

.theme-night .btn-action {
    background: #352D22;
    border-color: #4A4035;
    color: #A99B8A;
}

.theme-night .modal-content {
    background: #3D3229;
}

.theme-night .session-summary,
.theme-night .generated-preview {
    background: #352D22;
}

/* 窗景装饰 - 暖灯效果（夜间） */
.theme-night .window-frame::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background: radial-gradient(
        circle,
        rgba(255, 200, 100, 0.6) 0%,
        rgba(255, 180, 80, 0.3) 40%,
        transparent 70%
    );
    border-radius: 50%;
    animation: lampGlow 3s ease-in-out infinite;
}

@keyframes lampGlow {
    0%, 100% {
        opacity: 0.8;
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.1);
    }
}

/* 过渡动画 */
.background-layer,
.light-rays,
.window-frame,
.window-frame::before,
.window-frame::after {
    transition: all 1s ease-in-out;
}