/* 整体状态栏容器 */
.status-container {
  background: rgba(15, 15, 20, 0.9); /* 更深一点的背景，增加沉浸感 */
  border: 1px solid rgba(255, 255, 255, 0.15); /* 边框略微明显 */
  border-radius: 10px; /* 圆角更大，更柔和 */
  padding: 12px 15px; /* 内部填充更宽裕 */
  margin-bottom: 20px; /* 底部留白更多，与正文区分 */
  color: #e0e0e0;
  font-family: 'Segoe UI', 'Roboto', sans-serif; /* 字体更现代 */
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6); /* 更深的阴影效果 */
  line-height: 1.5;
}

/* 顶部状态栏样式 (时间、地点、天气) */
.top-status-bar {
  display: flex; /* 弹性布局让元素并排 */
  justify-content: space-around; /* 元素间距均匀分布 */
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08); /* 顶部信息区与分隔线之间的细线 */
  margin-bottom: 10px;
}
.top-status-bar p {
  margin: 0; /* 移除段落默认外边距 */
  font-size: 0.88em; /* 顶部信息略小 */
  color: #a0a0a0; /* 颜色略淡，作为背景信息 */
  white-space: nowrap; /* 防止换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 超出显示省略号 */
}
/* 鼠标悬停效果，增加交互感 */
.top-status-bar p:hover {
  color: #b39ddb;
  transform: translateY(-1px); /* 轻微上浮 */
  transition: all 0.2s ease-in-out;
}

/* 正文分隔线样式 */
.text-separator {
  border: none;
  border-top: 1px dashed rgba(255, 255, 255, 0.2); /* 虚线分隔，更具设计感 */
  margin: 15px 0; /* 上下间距 */
  background: transparent;
}

/* 角色档案折叠框容器 */
.status-box {
  margin-bottom: 10px; /* 每个角色档案之间留白 */
  border-left: 4px solid #7d5fff; /* 左侧强调色边框更粗 */
  padding-left: 12px; /* 内边距调整 */
  transition: all 0.3s ease-in-out; /* 过渡动画 */
}
/* 折叠框展开时的样式 */
.status-box[open] {
  background: rgba(255, 255, 255, 0.03); /* 展开时背景略微提亮 */
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 摘要文字 (折叠框标题) 样式 */
summary {
  font-weight: bold;
  cursor: pointer;
  color: #b39ddb; /* 主题紫色 */
  outline: none;
  padding: 6px 0; /* 增加点击区域 */
  font-size: 1.05em; /* 标题略大 */
  transition: color 0.2s ease-in-out;
}
summary:hover {
  color: #fff; /* 悬停时高亮 */
}
/* 折叠框展开时摘要文字样式 */
.status-box[open] summary {
  color: #fff;
  margin-bottom: 8px; /* 展开时标题下方留白 */
}

/* 段落文本样式 */
p {
  margin: 5px 0;
  font-size: 0.92em; /* 文本略大，更易读 */
  line-height: 1.6; /* 行高增加，阅读舒适度高 */
  color: #cfcfcf;
}

.amber-gold-text {
  background: linear-gradient(to bottom, #E6A017, #C47A2E);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: bold;
  text-shadow: 0px 2px 4px rgba(0,0,0,0.3);
}