/* ═══════ 性欲都城·信息面板CSS美化 ═══════ */

/* 全局折叠面板容器 */
details {
  background: linear-gradient(135deg, #fff9f5 0%, #fff3eb 100%);
  border: 1.5px solid #f4c6a5;
  border-radius: 16px;
  margin: 12px 4px;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(244, 168, 128, 0.15);
  transition: all 0.3s ease;
}

details[open] {
  box-shadow: 0 4px 16px rgba(244, 168, 128, 0.25);
}

/* 折叠标题栏 */
details summary {
  background: linear-gradient(90deg, #ffe8d6 0%, #fff0e6 100%);
  padding: 14px 18px;
  font-size: 16px;
  font-weight: 700;
  color: #d4764e;
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 6px;
  border-bottom: 1px solid #f4d5c0;
  position: relative;
  user-select: none;
}

details summary::-webkit-details-marker {
  display: none;
}

/* 折叠指示器三角 */
details summary::before {
  content: '▶';
  font-size: 11px;
  color: #e8956d;
  transition: transform 0.3s ease;
  display: inline-block;
  margin-right: 4px;
}

details[open] summary::before {
  transform: rotate(90deg);
}

/* 右上角装饰点 */
details summary::after {
  content: '✦✦ ✦';
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  color: #f4c6a5;
  letter-spacing: 3px;
}

/* 面板内容区 */
details > *:not(summary) {
  padding: 4px 18px;
}

details p, details div {
  color: #5a4a42;
  font-size: 14px;
  line-height: 1.75;
}

/* 面板内分隔线 */
details hr {
  border: none;
  border-top: 1px solid #f4d5c0;
  margin: 12px 0;
}

/* 面板内加粗标题 */
details strong {
  color: #c96b3c;
  font-size: 14.5px;
}

/* 面板内表格 */
details table {
  width: 100%;
  border-collapse: collapse;
  margin: 8px 0;
  font-size: 13px;
}

details table th {
  background: #ffe8d6;
  color: #c96b3c;
  padding: 8px 6px;
  text-align: center;
  font-weight: 600;
  border-bottom: 2px solid #f4c6a5;
}

details table td {
  padding: 7px 6px;
  text-align: center;
  border-bottom: 1px solid #f9e4d4;
  color: #5a4a42;
}

details table tr:hover td {
  background: #fff5ed;
}

/* ═══════ 各面板个性化配色 ═══════ */

/* 📊 状态栏 - 暖橙 */
details:nth-of-type(1) {
  border-color: #f4c6a5;
}
details:nth-of-type(1) summary {
  background: linear-gradient(90deg, #ffe8d6 0%, #fff0e6 100%);
  color: #d4764e;
}

/* 🍑 身体档案 - 玫粉 */
details:nth-of-type(2) {
  border-color: #f2b5c7;
  background: linear-gradient(135deg, #fff5f8 0%, #ffecf1 100%);
}
details:nth-of-type(2) summary {
  background: linear-gradient(90deg, #ffe4ed 0%, #fff0f5 100%);
  color: #d45a7a;
  border-bottom-color: #f2c5d3;
}
details:nth-of-type(2) summary::after {
  color: #f2b5c7;
}
details:nth-of-type(2) strong {
  color: #c94a6a;
}
details:nth-of-type(2) hr {
  border-top-color: #f9d5e0;
}

/* 👥 互动角色 - 淡紫 */
details:nth-of-type(3) {
  border-color: #c9b3e8;
  background: linear-gradient(135deg, #f9f5ff 0%, #f3edff 100%);
}
details:nth-of-type(3) summary {
  background: linear-gradient(90deg, #ede4f7 0%, #f5f0fc 100%);
  color: #8b6aae;
  border-bottom-color: #d9c8f0;
}
details:nth-of-type(3) summary::after {
  color: #c9b3e8;
}
details:nth-of-type(3) strong {
  color: #7b5a9e;
}
details:nth-of-type(3) hr {
  border-top-color: #e4d8f4;
}
details:nth-of-type(3) table th {
  background: #ede4f7;
  color: #7b5a9e;
  border-bottom-color: #c9b3e8;
}
details:nth-of-type(3) table td {
  border-bottom-color: #ede4f7;
}
details:nth-of-type(3) table tr:hover td {
  background: #f5f0fc;
}

/* 📰 都城新闻 - 暖金 */
details:nth-of-type(4) {
  border-color: #e8d49e;
  background: linear-gradient(135deg, #fffdf5 0%, #fff9e8 100%);
}
details:nth-of-type(4) summary {
  background: linear-gradient(90deg, #fff3d4 0%, #fffaed 100%);
  color: #b8942e;
  border-bottom-color: #e8d9a8;
}
details:nth-of-type(4) summary::after {
  color: #e8d49e;
}
details:nth-of-type(4) strong {
  color: #a8841e;
}
details:nth-of-type(4) hr {
  border-top-color: #f0e4c0;
}
details:nth-of-type(4) blockquote {
  border-left: 3px solid #e8d49e;
  margin: 8px 0;
  padding: 8px 14px;
  background: #fffdf5;
  border-radius: 0 8px 8px 0;
  font-style: italic;
  color: #7a6a3a;
  font-size: 13.5px;
}

/* 🧠 记忆栏 - 冷青 */
details:nth-of-type(5) {
  border-color: #a5d4d0;
  background: linear-gradient(135deg, #f5fffe 0%, #ecfaf8 100%);
}
details:nth-of-type(5) summary {
  background: linear-gradient(90deg, #ddf2ef 0%, #ecfaf8 100%);
  color: #4a8a84;
  border-bottom-color: #b8e0db;
}
details:nth-of-type(5) summary::after {
  color: #a5d4d0;
}
details:nth-of-type(5) strong {
  color: #3a7a74;
}
details:nth-of-type(5) hr {
  border-top-color: #c8e8e4;
}

/* ═══════ 正文叙事区域美化 ═══════ */

/* 对话引号高亮 */
p em {
  color: #c96b3c;
  font-style: normal;
}

/* 心理活动斜体 */
p i {
  color: #8b6aae;
}

/* 场景描写加粗 */
p b {
  color: #5a4a42;
  font-weight: 600;
}

/* 整体字体 */
body {
  font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  color: #4a3a32;
  line-height: 1.8;
}

/* 引用块（用于旁白/系统提示） */
blockquote {
  border-left: 3px solid #f4c6a5;
  margin: 10px 0;
  padding: 10px 16px;
  background: #fff9f5;
  border-radius: 0 10px 10px 0;
  color: #8a6a5a;
  font-size: 13.5px;
}

/* 水平分隔线 */
hr {
  border: none;
  height: 1px;
  background: linear-gradient(90deg, transparent, #f4c6a5, transparent);
  margin: 20px 0;
}