/* 状态栏整体容器 */
status {
    display: block;
    background-color: #f8f8f8; /* 淡灰色背景 */
    border: 1px solid #e0e0e0; /* 浅灰色边框 */
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
    font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    color: #333;
    line-height: 1.6;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* 轻微阴影 */
}

/* 顶部状态栏样式 */
.top-status-bar {
    display: flex; /* 横向排列 */
    justify-content: space-around; /* 均匀分布 */
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd; /* 虚线分隔 */
    font-size: 0.95em;
    color: #555;
}
.top-status-bar p {
    margin: 0;
    padding: 0 5px; /* 内部间距 */
}
.top-status-bar b {
    color: #007bff; /* 蓝色标题 */
}

/* 所有details块的通用样式 */
details {
    margin-bottom: 10px;
    border-bottom: 1px solid #f0f0f0; /* 分隔线 */
    padding-bottom: 5px;
}
details:last-of-type {
    border-bottom: none; /* 最后一个不需要分隔线 */
}

/* summary标题样式 */
summary {
    font-weight: bold;
    color: #4a4a4a; /* 深灰色标题 */
    cursor: pointer;
    padding: 8px 0;
    list-style: none; /* 移除默认箭头 */
    transition: color 0.2s ease;
    font-size: 1.05em;
}
summary::before {
    content: '▶ '; /* 自定义展开/收起图标 */
    display: inline-block;
    margin-right: 8px;
    transition: transform 0.2s ease;
    color: #007bff; /* 蓝色图标 */
}
details[open] > summary::before {
    transform: rotate(90deg); /* 展开时旋转图标 */
}
summary:hover {
    color: #0056b3; /* 鼠标悬停变色 */
}

/* details内容段落样式 */
details p {
    margin: 5px 0;
    padding-left: 20px; /* 缩进内容 */
    font-size: 0.9em;
    color: #666;
}
details p b {
    color: #333; /* 字段名颜色 */
}

/* 特殊section的标题颜色 */
.player-info-section summary { color: #28a745; } /* 绿色 */
.shen-tang-info-section summary { color: #dc3545; } /* 红色 */
.phone-info-section summary { color: #ffc107; } /* 黄色 */
.zhou-yan-thoughts-section summary { color: #6f42c1; } /* 紫色 */

/* 主要文本内容样式 */
text {
    display: block;
    margin-top: 25px;
    font-family: 'Georgia', 'Times New Roman', serif; /* 衬线字体，更具阅读性 */
    font-size: 1.15em;
    color: #2c3e50; /* 深色文字 */
    line-height: 1.8;
    text-align: justify; /* 两端对齐 */
    background-color: #ffffff; /* 白色背景 */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08); /* 轻微阴影 */
}
text p {
    margin-bottom: 1.2em; /* 段落间距 */
    text-indent: 2em; /* 首行缩进 */
}

/* 沈棠对话的专属美化 */
.shen-tang-dialogue {
    font-family: 'Georgia', 'Times New Roman', serif; /* 可以选择一个优雅的衬线字体 */
    font-weight: bold; /* 字体加粗，更显眼 */
    font-style: italic; /* 斜体，增加温柔感 */
    font-size: 1.1em; /* 略微放大，与正文区分 */
    
    /* 核心：绿粉渐变效果 */
    background-image: linear-gradient(to right, #a8e063, #56ab2f, #fc5c7d, #e94057); /* 从浅绿到深绿再到粉红的渐变 */
    -webkit-background-clip: text; /* 裁剪背景为文字形状 */
    background-clip: text; /* 标准属性 */
    color: transparent; /* 将文字颜色设为透明，露出背景渐变 */
    
    /* 提升可读性，可根据实际效果调整 */
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.5); /* 增加一点白色阴影，让渐变更突出 */
}