/* =========================================
   【终极双轨状态栏 UI 美化包】
   主打：高奢毛玻璃 / 卡片化悬浮 / 游戏感
========================================= */

/* 1. 顶级大模块卡片 (玩家状态、女友状态、记忆、推荐行动) */
details.ui-panel {
    background: rgba(250, 248, 255, 0.95); /* 强行覆盖黑底，变为极浅的微紫白底 */
    color: #1e1233; /* 字体改为深紫黑色，阅读极度舒适 */
    border: 1px solid rgba(177, 78, 255, 0.3);
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 16px;
    box-shadow: 0 6px 16px rgba(110, 60, 200, 0.08), inset 0 1px 0 rgba(255,255,255,0.8);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 面板悬浮交互感 */
details.ui-panel:hover {
    box-shadow: 0 10px 24px rgba(110, 60, 200, 0.15);
    transform: translateY(-1px);
}

/* 顶级标题 (Summary) 美化 */
details.ui-panel > summary {
    font-weight: 900;
    color: #5e28a8;
    font-size: 1.1rem;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px dashed rgba(177, 78, 255, 0.2);
    cursor: pointer;
    list-style: none; /* 隐藏默认小箭头 */
    display: flex;
    align-items: center;
    user-select: none;
}
details.ui-panel > summary::-webkit-details-marker {
    display: none;
}

/* 2. 剧情正文框 (高亮沉浸阅读区) */
.story-text {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(245, 240, 255, 0.85));
    border-left: 5px solid #b14eff;
    border-radius: 8px 16px 16px 8px;
    padding: 18px 20px;
    margin-bottom: 20px;
    color: #2a1b3d;
    font-size: 0.9rem;
    line-height: 1.8;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.story-text p {
    text-indent: 2em; /* 正文强制首行缩进 */
    margin-bottom: 12px;
}
.story-text p:last-child {
    margin-bottom: 0;
}

/* 3. 二级内部折叠模块 (身体细化、实际状态等) */
details.inner-panel {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(200, 180, 240, 0.4);
    border-left: 4px solid #d1116b; /* 醒目的左侧标线 */
    border-radius: 8px;
    padding: 10px 12px;
    margin: 10px 0;
    box-shadow: 0 2px 6px rgba(0,0,0,0.02);
}

details.inner-panel > summary {
    font-weight: 800;
    color: #a40d54;
    font-size: 0.95rem;
    cursor: pointer;
    margin: 0;
    padding: 4px 0;
    list-style: none;
}
details.inner-panel > summary::-webkit-details-marker {
    display: none;
}

/* 4. 关键信息与子标题高亮 (标签化) */
.sub-title {
    display: inline-block;
    background: linear-gradient(135deg, #7b2cbf, #9d4edd);
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: bold;
    padding: 3px 10px;
    border-radius: 20px;
    margin-top: 10px;
    margin-bottom: 6px;
    letter-spacing: 1px;
    box-shadow: 0 2px 5px rgba(123, 44, 191, 0.3);
}

/* 5. 限制段落间距，防止页面拉得过长 */
details.ui-panel p, details.inner-panel p {
    margin-bottom: 6px;
    line-height: 1.6;
    font-size: 0.95rem;
}
details.ui-panel p:last-child, details.inner-panel p:last-child {
    margin-bottom: 0;
}

/* 6. 特殊强调：思维链专属样式 (降低存在感，保留极客风) */
details.ui-panel:nth-of-type(1) {
    background: rgba(30, 20, 45, 0.85); /* 深色透明背景 */
    color: #a894c7;
    border: 1px solid #48356b;
}
details.ui-panel:nth-of-type(1) > summary {
    color: #dcbaff;
    border-bottom: 1px solid #48356b;
}