/* =========================================
   《火焰纹章》主题复古RPG卡牌风格状态栏 
========================================= */

/* 核心容器：多重边框花纹与深色实体背景 */
details {
  background-color: #1a2026; /* 不透明深灰蓝底色 */
  border: 3px solid #d4af37; /* 外层复古金边 */
  border-radius: 8px;
  /* 利用多重内阴影模拟卡牌内衬花边，外阴影增强立体感 */
  box-shadow: 
    inset 0 0 0 2px #1a2026, 
    inset 0 0 0 4px #8b0000, 
    4px 4px 10px rgba(0,0,0,0.6);
  padding: 16px;
  margin: 15px 0;
  color: #e2e8f0; /* 默认浅色文字，使用继承，不强制覆盖用户的内联或<p>标签设定 */
  font-family: "Georgia", "Times New Roman", serif; /* 烘托古典史诗氛围 */
}

/* 标题栏 (Summary)：RPG菜单标题牌风格 */
details > summary {
  background-color: #3e0c0c; /* 不透明暗红底色 */
  border: 2px groove #d4af37; /* 凹槽雕花金边 */
  border-radius: 6px;
  color: #ffd700; /* 亮金色文字 */
  padding: 8px 15px;
  font-size: 1.15em;
  font-weight: bold;
  text-align: center;
  text-shadow: 2px 2px 3px #000;
  cursor: pointer;
  margin-bottom: 16px;
  list-style: none; /* 隐藏默认箭头 */
  display: block; 
}

/* 隐藏部分Webkit核心浏览器的默认小箭头 */
details > summary::-webkit-details-marker {
  display: none;
}

/* 标题两位的星芒装饰 */
details > summary::before {
  content: '✦ ';
  color: #d4af37;
}
details > summary::after {
  content: ' ✦';
  color: #d4af37;
}

/* 华丽的金色渐变分割线 */
details hr {
  border: 0;
  height: 2px;
  background-image: linear-gradient(to right, #1a2026, #d4af37, #1a2026);
  margin: 18px 0;
}

/* 强调文本的色彩 */
details strong {
  color: #ffcc00; 
}

/* =========================================
   Markdown表格专项适配 (双端自适应 & 强制可见)
========================================= */
details table {
  width: 100%;
  border-collapse: collapse;
  background-color: #151a1e; /* 纯深色底避免透明导致穿模 */
  border: 2px solid #d4af37;
  display: block;
  overflow-x: auto; /* 核心：移动端自适应滑动 */
  margin: 15px 0;
  white-space: nowrap; /* 避免表格在小屏幕被过度挤压变形 */
}

/* 单元格统一强制浅色，无视外部黑白模式环境 */
details th, details td {
  border: 1px solid #3a4754;
  padding: 10px 14px;
  color: #ffffff !important; 
}

/* 表头：火纹暗红色 */
details th {
  background-color: #5c1111; 
  color: #ffd700 !important; /* 金字表头 */
  font-weight: bold;
  text-align: center;
}

/* 表格斑马线纹理 */
details tr:nth-child(even) {
  background-color: #1b2228;
}

/* =========================================
   列表排版优化 (属性、技能清单)
========================================= */
details ul {
  list-style-type: none;
  padding-left: 8px;
}

details ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 6px;
}

/* 替换为剑形/箭头指示符 */
details ul li::before {
  content: '▸';
  position: absolute;
  left: 0;
  color: #d4af37;
  font-size: 1.2em;
  line-height: 1.1;
}