ai {
  /* 底色：米白/淡黄 */
  background-color: #fdfceb; 
  display: block;
  padding: 18px;
  border-radius: 10px;
  border: 1px solid #eaddc5;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); /* 新增：柔和的阴影让整体更有质感 */
}

/* ================= 头部时间/地点 ================= */
ai hd {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #888;
  border-bottom: 1px dashed #eaddc5;
  padding-bottom: 10px;
  margin-bottom: 15px;
  font-family: 'FangSong', 'STFangsong', '仿宋', serif;
}

/* ================= 正文与剧情动态设置 ================= */
ai text {
  display: block;
  margin-top: 15px;
  margin-bottom: 25px;
  color: #333333; /* 改为柔和的深灰黑色，阅读更舒适 */
  font-family: "Microsoft YaHei", sans-serif; 
  font-size: 16px; /* 状态栏面板建议16px，18px作为面板说明会显得太大 */
  line-height: 1.7;
  text-align: justify; /* 两端对齐，让面板文字更整齐 */
}

/* ================= 状态栏与仿宋字体 ================= */
ai details {
  /* 状态栏文字全部强制仿宋体 */
  font-family: 'FangSong', 'STFangsong', '仿宋', serif;
  color: #222222;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #eaddc5;
  border-radius: 8px;
  padding: 12px 18px;
  margin-bottom: 15px;
  font-size: 18px; /* 字体加大 2px (原16px -> 18px) */
  box-shadow: inset 0 0 10px rgba(234, 221, 197, 0.2); /* 内阴影增加面板层次 */
}

/* 面板标题美化 */
ai summary {
  font-weight: bold;
  cursor: pointer;
  border-bottom: 2px solid #eaddc5;
  padding-bottom: 8px;
  margin-bottom: 12px;
  color: #5c4033; /* 深棕色标题更搭米黄底色 */
  transition: color 0.2s;
}

ai summary:hover {
  color: #8b4513;
}

/* 分组标题美化 (<l h>) */
ai l[h] {
  display: block;
  font-weight: bold;
  color: #7a5c43;
  margin-top: 15px;
  margin-bottom: 8px;
  padding-left: 8px;
  border-left: 4px solid #d2b48c; /* 新增：左侧装饰竖线 */
  background: linear-gradient(90deg, rgba(210, 180, 140, 0.15) 0%, transparent 100%);
}

/* 数据行（已去除多余空行） */
ai d {
  display: block;
  margin: 2px 0; /* 将原本的 8px 改为 2px，或者直接改为 0 即可完全紧凑 */
  padding-left: 12px; 
  line-height: 1.4; /* 稍微收紧行高，防止平台默认行高撑开间距 */
}

/* 防止部分平台的Markdown渲染器自动给换行的标签加 <p> 导致额外空行 */
ai d p {
  margin: 0;
  padding: 0;
}

/* ================= 跨平台兼容版进度条 ================= */
ai pb {
  display: inline-block;
  width: 130px; 
  height: 20px; 
  background-color: #ebebeb; /* 空槽的灰色底色 */
  border-radius: 10px;
  position: relative;
  vertical-align: middle;
  margin-left: 10px;
  overflow: hidden; /* 确保内部填充不会超出圆角 */
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); 
}

/* 进度条的彩色填充层 (f = fill) */
ai pb f {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 10px;
  transition: width 0.4s ease-in-out;
}

/* 粉色血条 (p = pink) */
ai pb.p f {
  background: linear-gradient(90deg, #ff9eb5, #ff4d79); 
}

/* 蓝色蓝条 (b = blue) */
ai pb.b f {
  background: linear-gradient(90deg, #8bc2ff, #3a8dff);
}

/* 绿色绿条 (g = green) 用于名誉值 */
ai pb.g f {
  background: linear-gradient(90deg, #85d685, #4caf50);
}

/* 数字文本层 */
ai pb span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 20px;
  font-size: 14px; 
  font-family: Arial, sans-serif; 
  color: #000;
  font-weight: bold;
  z-index: 2; /* 确保数字永远在最上层，不被颜色遮挡 */
}

/* ================= 表格美化 (针对记忆区和价格表) ================= */
ai table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
  font-size: 16px; 
}

ai th, ai td {
  border: 1px solid #eaddc5;
  padding: 8px;
  text-align: left;
}

ai th {
  background-color: rgba(234, 221, 197, 0.3);
  color: #5c4033;
}