/**
 * 天佑许愿网 - 莲花愿主题
 * 风格：观音圣地、群山宝塔、寺院仙鹤 - 夜景动态场景
 */

@import url('../../common.css');

body {
    background: #0d0820;
}

.theme-container {
    background: transparent;
    position: relative;
}

/* 确保内容在Canvas之上 */
.theme-title {
    z-index: 10;
    position: relative;
}

.wishes-grid {
    z-index: 10;
    position: relative;
}

/* 许愿卡片在深色背景下的样式 */
.wish-card {
    background: rgba(255,255,255,0.95);
    box-shadow: 0 3px 15px rgba(0,0,0,0.3);
}

.theme-title h1 {
    color: #fff;
    text-shadow: 0 4px 20px rgba(233,30,99,0.4);
}

.theme-subtitle {
    color: rgba(255,255,255,0.9);
}

.wishes-display::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.5);
}

.wish-item {
    border-left: 4px solid #f48fb1;
}

.wish-user { color: #e91e63; }

.float-btn {
    background: linear-gradient(135deg, #f48fb1, #e91e63);
    box-shadow: 0 2px 10px rgba(233,30,99,0.3);
}

.float-btn:hover {
    box-shadow: 0 4px 20px rgba(233,30,99,0.5);
}

.form-input:focus,
.form-textarea:focus,
.form-select:focus {
    border-color: #f48fb1;
}

.form-submit {
    background: linear-gradient(135deg, #f48fb1, #e91e63);
}

.form-submit:hover {
    box-shadow: 0 4px 20px rgba(233,30,99,0.4);
}

.intro-text h4 {
    color: #e91e63;
}

.intro-quote {
    background: #fce4ec;
    color: #e91e63;
}

.modal-header h3 {
    color: #e91e63;
}

.modal-close:hover { color: #e91e63; }

.theme-option:hover {
    background: #fce4ec;
}

.wish-list-item:hover { background: #fce4ec; }

.mobile-url a { color: #e91e63; }

.char-count span { color: #e91e63; }

/* 浮动按钮在莲花愿主题中的淡出效果 */
.floating-buttons.faded {
    opacity: 0.25 !important;
}

.floating-buttons.faded .btn-group {
    background: rgba(255,255,255,0.6) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
}

.floating-buttons:hover,
.floating-buttons.visible {
    opacity: 1 !important;
}

.floating-buttons:hover .btn-group,
.floating-buttons.visible .btn-group {
    background: rgba(255,255,255,0.95) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
}
