/**
 * 永恆主題 (Eternal)
 * 紫金色系，華麗莊嚴
 * 適合：莊嚴、高貴、永恆懷念的紀念氛圍
 * 配色：深紫 + 金色點綴，與星空主題明顯區別
 */

.theme-eternal {
    --theme-primary: #8b5cf6;
    --theme-secondary: #a78bfa;
    --theme-accent: #fbbf24;
    --theme-bg-start: #1e1b4b;
    --theme-bg-end: #7c3aed;
    --theme-text: #faf5ff;
    --theme-text-light: #e9d5ff;
}

.theme-eternal.memorial-view-page {
    background: linear-gradient(180deg,
        #1e1b4b 0%,
        #4c1d95 25%,
        #6d28d9 50%,
        #7c3aed 75%,
        #8b5cf6 100%
    );
    min-height: 100vh;
    position: relative;
}

/* 金色星塵上升效果 */
.theme-eternal.memorial-view-page::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image:
        radial-gradient(3px 3px at 10% 90%, rgba(251, 191, 36, 0.8), transparent),
        radial-gradient(2px 2px at 25% 85%, rgba(167, 139, 250, 0.6), transparent),
        radial-gradient(3px 3px at 40% 95%, rgba(251, 191, 36, 0.7), transparent),
        radial-gradient(1px 1px at 55% 80%, rgba(233, 213, 255, 0.5), transparent),
        radial-gradient(4px 4px at 70% 92%, rgba(251, 191, 36, 0.9), transparent),
        radial-gradient(2px 2px at 85% 88%, rgba(167, 139, 250, 0.7), transparent),
        radial-gradient(3px 3px at 95% 82%, rgba(251, 191, 36, 0.6), transparent);
    background-size: 100% 200%;
    animation: eternalStardustRise 18s linear infinite;
    pointer-events: none;
    z-index: 0;
}

@keyframes eternalStardustRise {
    0% { background-position: 0 100%; opacity: 0.4; }
    50% { opacity: 0.7; }
    100% { background-position: 0 -100%; opacity: 0.4; }
}

.theme-eternal .memorial-cover {
    background: linear-gradient(180deg,
        #1e1b4b 0%,
        #4c1d95 30%,
        #6d28d9 60%,
        #7c3aed 100%
    );
    position: relative;
}

/* 紫金光暈效果 */
.theme-eternal .memorial-cover::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 180%;
    height: 180%;
    transform: translate(-50%, -50%);
    background: radial-gradient(
        ellipse at center,
        rgba(251, 191, 36, 0.15) 0%,
        rgba(139, 92, 246, 0.2) 30%,
        rgba(124, 58, 237, 0.1) 50%,
        transparent 70%
    );
    animation: eternalGlow 5s ease-in-out infinite;
}

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

/* Hero 遮罩底部邊框顏色 - 與波浪一致 */
.theme-eternal .hero-cover-overlay {
    border-bottom-color: #401C81;
}

/* 波浪過渡 - 底部與背景色銜接 */
.theme-eternal .memorial-cover::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    height: 120px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgb(61, 30, 116)' d='M0,160L48,176C96,192,192,224,288,224C384,224,480,192,576,165.3C672,139,768,117,864,133.3C960,149,1056,203,1152,213.3C1248,224,1344,192,1392,176L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
    background-size: cover;
    background-position: center bottom;
    pointer-events: none;
    z-index: 1;
}

.theme-eternal .memorial-profile-card {
    background: rgba(255, 255, 255, 0.97);
    backdrop-filter: blur(12px);
    border: 2px solid rgba(251, 191, 36, 0.4);
    box-shadow: 0 0 20px rgba(251, 191, 36, 0.2);
    border-top-color: #401C81;  /* 頂部邊框使用波浪顏色 */
}

.theme-eternal .memorial-section {
    background: rgba(61, 30, 116, 0.97);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(167, 139, 250, 0.2);
}

.theme-eternal .memorial-tribute-section {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.12) 0%, rgba(251, 191, 36, 0.08) 100%);
}

/* 蠟燭特效 - 金色神聖火焰 */
.theme-eternal .memorial-tribute-btn[data-type="candle"].active .memorial-tribute-icon {
    animation: eternalCandle 1.5s ease-in-out infinite;
}

@keyframes eternalCandle {
    0%, 100% {
        filter: brightness(1) drop-shadow(0 0 6px #fbbf24);
    }
    50% {
        filter: brightness(1.4) drop-shadow(0 0 18px #f59e0b) drop-shadow(0 0 12px #a78bfa);
    }
}

/* 花朵特效 - 紫金花瓣 */
.theme-eternal .memorial-tribute-btn[data-type="flower"].active .memorial-tribute-icon {
    animation: eternalFlower 1.2s ease-out;
}

@keyframes eternalFlower {
    0% { transform: scale(1) rotate(0deg); filter: brightness(1); }
    50% { transform: scale(1.3) rotate(5deg); filter: brightness(1.3) drop-shadow(0 0 10px #fbbf24); }
    100% { transform: scale(1) rotate(0deg); filter: brightness(1); }
}

/* 文字顏色調整 - 白色卡片用深色 */
.theme-eternal .memorial-name {
    color: #4c1d95;
    text-shadow: 0 0 1px rgba(251, 191, 36, 0.3);
}

.theme-eternal .memorial-epitaph {
    color: #6d28d9;
}

/* 區塊內文字顏色 - 深色卡片用淺色文字 */
.theme-eternal .memorial-section p,
.theme-eternal .memorial-section .timeline-desc,
.theme-eternal .memorial-message-text {
    color: #faf5ff;
}

/* 時間軸特色 - 紫金漸層 */
.theme-eternal .memorial-timeline-dot {
    background: linear-gradient(135deg, #a78bfa, #fbbf24);
    box-shadow: 0 0 12px rgba(251, 191, 36, 0.6);
}

.theme-eternal .memorial-timeline-line {
    background: linear-gradient(180deg, #a78bfa, #fbbf24);
}

.theme-eternal .memorial-timeline-date {
    color: #fbbf24;
    font-weight: 700;
}

.theme-eternal .memorial-timeline-title {
    color: #faf5ff;
    font-weight: 700;
}

.theme-eternal .memorial-timeline-desc {
    color: #e9d5ff !important;
}

/* 留言卡片 */
.theme-eternal .memorial-message-card {
    border-left: 3px solid #fbbf24;
}

.theme-eternal .memorial-message-author {
    color: #fbbf24;
}

/* 年齡標籤 - 金紫漸層 */
.theme-eternal .memorial-age {
    background: linear-gradient(90deg, #7c3aed, #fbbf24);
    font-weight: 600;
}

/* 區塊標題 - 深色卡片用淺色文字 */
.theme-eternal .memorial-section-title {
    color: #faf5ff;
    font-weight: 700;
    border-bottom: 2px solid rgba(251, 191, 36, 0.3);
}

.theme-eternal .memorial-section-title .material-icons {
    color: #fbbf24;
}

/* 按鈕樣式 */
.theme-eternal .memorial-tribute-btn:hover {
    border-color: #a78bfa;
    background: rgba(139, 92, 246, 0.08);
}

.theme-eternal .memorial-tribute-btn.active {
    border-color: #fbbf24;
    background: rgba(251, 191, 36, 0.15);
}

/* 相簿圖片邊框 - 金色光澤 */
.theme-eternal .memorial-gallery-item {
    border: 2px solid rgba(251, 191, 36, 0.3);
}

.theme-eternal .memorial-gallery-item:hover {
    border-color: rgba(251, 191, 36, 0.8);
    box-shadow: 0 0 15px rgba(251, 191, 36, 0.4);
}