/* =========================================
   隐秘的餐桌 - 状态栏专属美化 CSS
   ========================================= */

/* 1. 最外层状态面板的整体容器样式 */
details {
    background-color: #161616; /* 深邃黑灰背景 */
    border: 1px solid #333;
    border-radius: 8px;
    margin-bottom: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5); /* 立体阴影 */
    overflow: hidden;
    transition: all 0.3s ease;
}

/* 2. 所有折叠面板的标题栏 (Summary) 基础样式 */
summary {
    background: linear-gradient(135deg, #2a0000 0%, #111 100%); /* 暗红到深黑的渐变，背德感拉满 */
    color: #ffcccc; /* 微微泛红的文字 */
    padding: 12px 16px;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    list-style: none; /* 隐藏原生丑陋的黑色小三角 */
    border-bottom: 1px solid transparent;
    transition: background 0.3s, filter 0.3s;
}

/* 隐藏 Webkit 内核的默认三角 */
summary::-webkit-details-marker {
    display: none;
}

/* 鼠标悬停时的发光特效 */
summary:hover {
    filter: brightness(1.3);
    color: #fff;
}

/* 3. 面板展开后的状态 */
details[open] > summary {
    border-bottom: 1px solid #8b0000; /* 展开后显现一条暗红色的分割线 */
    background: linear-gradient(135deg, #3d0000 0%, #1a0000 100%);
    color: #ff6666;
}

/* 4. 正文内容区域 (P标签) 样式 */
details > p {
    padding: 10px 16px;
    margin: 0;
    color: #cccccc;
    font-size: 13.5px;
    line-height: 1.6;
    border-bottom: 1px dashed #2a2a2a; /* 条目之间的虚线分割 */
}

/* 移除最后一条内容的底边框 */
details > p:last-of-type {
    border-bottom: none;
}

/* 5. 重点信息高亮 (针对加粗标签 b) */
details > p > b {
    color: #ff4444; /* 把妻子和岳母的名字标红，增加视觉刺激 */
    font-size: 14.5px;
}

/* =========================================
   内层嵌套面板 (子菜单) 的差异化样式
   ========================================= */
details details {
    margin: 8px 12px 12px 12px; /* 缩进，体现层级关系 */
    border: 1px solid #222;
    background-color: #0a0a0a;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.5); /* 内阴影，看起来像凹进去的控制台 */
}

details details summary {
    background: #1c1c1c; /* 子菜单用低调的灰色 */
    color: #bbbbbb;
    font-size: 14px;
    padding: 10px 14px;
}

details details[open] > summary {
    border-bottom: 1px solid #444;
    color: #ff8888; /* 展开后文字变色预警 */
}