css
/* 为主样式块添加一个类名以便调用 */
.chat-container {
  background-color: #F0F8FF; /* 修改为淡蓝色 */
  border: 0.15em solid #e2d3c5;
  border-radius: 1.2em;
  padding: 1.2em;
  font-family: "Arial Rounded MT Bold","Microsoft YaHei Rounded",sans-serif;
  font-size: 1em;
  color: #5C4033;
  line-height: 1.8em;
  position: relative;
  box-shadow: 0 0.4em 0.8em rgba(92,64,51,0.1);
}

/* 通用脚印装饰，出现在开头 */
.relative.inline-block::before {
  content: "🐾";
  font-size: 1.4em;
  position: absolute;
  top: -0.8em;
  left: 0.6em;
}

/* 玩家信息 */
.player-info::before {
  color: #b5651d;
}

/* 莫奈信息 */
.monet-info::before {
  color: #6a5acd;
}

/* 千叶信息 */
.qianye-info::before {
  color: #4682b4;
}

/* 露琪亚信息 */
.luqiya-info::before {
  color: #8a2be2;
}

/* 采尼信息 */
.caini-info::before {
  color: #228b22;
}

/* 奇诺信息 */
.qinuo-info::before {
  color: #ff6347;
}

/* 墨菲斯信息 */
.mofeisi-info::before {
  color: #1e90ff;
}

/* 状态总览、任务等通用模块脚印 */
.status-info::before {
  color: #cd853f;
}

/* 信息栏细节 */
details {
  background: #fffdf9;
  border: 0.1em solid #e4d7c6;
  border-radius: 1em;
  margin: 0.7em 0;
  padding: 0.6em 1em;
  box-shadow: inset 0 0.4em 0.6em rgba(0,0,0,0.03);
  font-family: "Arial Rounded MT Bold","Microsoft YaHei Rounded",sans-serif;
  font-size: 1em;
  color: #5C4033;
  line-height: 1.7em;
}

/* 标题summary */
summary {
  cursor: pointer;
  font-weight: bold;
  font-family: "Arial Rounded MT Bold","Microsoft YaHei Rounded",sans-serif;
  font-size: 1em;
  color: #5C4033;
  padding: 0.2em 0;
}

/* 鼠标悬停效果 */
summary:hover {
  color: #8b5a2b;
  text-decoration: underline;
}

/* 对话框内文字美化 */
.markdown-body {
  font-family: "Arial Rounded MT Bold","Microsoft YaHei Rounded",sans-serif;
  font-size: 1em;
  color: #5C4033;
  line-height: 1.8em;
}

/* 文本段落柔和排版 */
.markdown-body p {
  margin: 0.7em 0;
  font-family: "Arial Rounded MT Bold","Microsoft YaHei Rounded",sans-serif;
  font-size: 1em;
  color: #5C4033;
  line-height: 1.7em;
}

/* 列表文字美化 */
.markdown-body ul,
.markdown-body li {
  font-family: "Arial Rounded MT Bold","Microsoft YaHei Rounded",sans-serif;
  color: #5C4033;
  font-size: 1em;
  line-height: 1.7em;
}

/* --- 手机端自适应样式 --- */
/* 当屏幕宽度小于或等于 768px 时应用以下样式 */
@media (max-width: 768px) {
  .chat-container {
    padding: 0.8em 1em; /* 减小内边距，让内容区域更宽敞 */
    font-size: 0.95em;   /* 稍微缩小基础字体大小，让排版更舒适 */
    border-radius: 1em;  /* 调整圆角以适应小屏幕 */
  }

  .relative.inline-block::before {
    font-size: 1.3em;   /* 适当缩小脚印大小 */
    top: -0.75em;        /* 微调脚印位置 */
    left: 0.5em;
  }

  details {
    padding: 0.5em 0.8em; /* 减小信息栏的内边距 */
    margin: 0.5em 0;      /* 减小信息栏的外边距 */
  }
  
  .markdown-body p {
    line-height: 1.6em; /* 调整段落行高，优化阅读体验 */
  }
}