/* ==========================================
   《融雪的临界点》专属高定冰晶美化 CSS
   ========================================== */

/* 1. 聊天卡片整体结构与高级微光特效 */
.mes {
    background: linear-gradient(135deg, rgba(13, 20, 30, 0.96) 0%, rgba(8, 12, 18, 0.98) 100%) !important;
    border: 1px solid rgba(165, 243, 252, 0.28) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(56, 189, 248, 0.05) !important;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(12px);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mes:hover {
    box-shadow: 0 10px 38px rgba(56, 189, 248, 0.22), inset 0 0 25px rgba(56, 189, 248, 0.08) !important;
}

/* 动态冰晶微光呼吸背景 */
.mes::before {
    content: '';
    position: absolute;
    top: -50%; left: -50%; width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(165,243,252,0.05) 0%, transparent 65%);
    animation: iceGlow 10s ease-in-out infinite alternate;
    pointer-events: none;
}

@keyframes iceGlow {
    0% { transform: translateY(0px) scale(1); }
    100% { transform: translateY(-10px) scale(1.05); }
}

/* 2. 文本高对比度与呼吸感行高 */
.mes_text {
    color: #e2e8f0 !important;
    font-size: 0.98rem;
    line-height: 1.85;
    letter-spacing: 0.2px;
}

/* 3. 角色正文对话高辨识度颜色（冰晶蓝） */
.char-dialogue, .mes_text p {
    color: #7dd3fc !important;
}

/* 4. 角色专属心声高辨识度颜色（亮粉紫，防撞色处理） */
.char-inner-voice {
    color: #f472b6 !important;
    font-style: italic;
    font-weight: 500;
    text-shadow: 0 0 10px rgba(244, 114, 182, 0.25);
}

/* 5. 底部折叠选单容器美化 */
.status-menu-container {
    background: rgba(8, 12, 20, 0.95) !important;
    border: 1px solid rgba(56, 189, 248, 0.4) !important;
    border-radius: 12px !important;
    padding: 14px 18px !important;
    margin-top: 18px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), inset 0 0 12px rgba(56, 189, 248, 0.08) !important;
}

.status-menu-container summary {
    color: #a5f3fc !important;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: 0.6px;
    outline: none;
    transition: color 0.2s ease;
}

.status-menu-container summary:hover {
    color: #38bdf8 !important;
}

.status-menu-container details[open] summary {
    margin-bottom: 12px;
    border-bottom: 1px dashed rgba(56, 189, 248, 0.25);
    padding-bottom: 8px;
}

.status-menu-container ul, .status-menu-container li, .status-menu-container div {
    color: #94a3b8 !important;
    font-size: 0.9rem;
    line-height: 1.6;
}

/* 内部列表小节微调 */
.status-menu-container strong {
    color: #e2e8f0 !important;
}