.classUI-story {  
    padding: 20px;
    border: 1px solid #333;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 1.1em;
    line-height: 1.7;
}
/* 男生角色对话：深蓝色 */
font[color="#00008B"] {
    color: #00008B;
}
/* 女生角色对话：深粉色  */
font[color="#C71585"] {
    color: #C71585;
}其他任何字体颜色默认。
details {
  border: 1px solid rgba(128, 128, 128, 0.2); /* 【修改】半透明的灰色边框 */
  border-radius: 8px;
  background-color: transparent; /* 【修改】背景完全透明，或者也可以用 rgba(128,128,128,0.05) 铺一层极淡的底色 */
  margin: 8px 0;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* 【修改】阴影调淡一点，更轻盈 */
  
  /* ✨新增魔法：毛玻璃特效（如果你的网页有彩色背景，这个效果绝了） */
  backdrop-filter: blur(8px); 
  -webkit-backdrop-filter: blur(8px); /* 兼容苹果浏览器 */
}
summary {
  padding: 12px 16px;
  background: rgba(128, 128, 128, 0.1); /* 【修改】用10%透明度的灰，白底就是浅灰，黑底就是深灰 */
  color: inherit; /* 【修改】关键！“继承”颜色。网页是黑字它就黑字，网页变黑夜模式白字，它就自动变白字 */
  font-weight: 600;
  cursor: pointer;
  list-style: none;
  position: relative;
  transition: all 0.2s ease-in-out;
  border-bottom: 1px solid rgba(128, 128, 128, 0.2); /* 【修改】半透明分割线 */
}
summary:hover {
  background: rgba(128, 128, 128, 0.2); /* 【修改】鼠标放上去，透明度从 10% 变成 20%，稍微明显一点 */
  /* 去掉了写死的颜色，让它继续“继承”网页的主文字颜色 */
}
summary::before {
  content: "▶";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.2s ease;
  color: inherit; /* 【修改】小箭头也跟着文字颜色走（黑或白） */
  opacity: 0.6;   /* 【新增】给小箭头 60% 的透明度，让它看起来比主标题稍微淡一点，有层次感 */
}