/* --- 忍者情报UI By AI --- */
ai {
  --accent: #e8491d;      /* 强调色-橙红 */
  --accent-hover: #ff6a3d; /* 强调色-悬浮 */
  --bg-main: #252525;      /* 主背景 */
  --bg-panel: #2c2c2c;     /* 面板背景 */
  --text-main: #ecf0f1;    /* 主要文字 */
  --text-second: #bdc3c7;  /* 次要文字 */
  --border-color: #444;    /* 边框色 */
  
  /* 忍者等级颜色 */
  --rank-kage: #ffd700;   /* 影级-金色 */
  --rank-jonin: #2ecc71;  /* 上忍-绿色 */
  --rank-chunin: #3498db; /* 中忍-蓝色 */
  
  display: flex;
  flex-direction: column;
  background: var(--bg-main);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  color: var(--text-main);
  font-size: 15px;
  line-height: 1.7;
  overflow: hidden; /* 确保圆角能裁切内部元素 */
}

/* 顶部信息栏：地点、时间 */
ai hd {
  display: block;
  text-align: center;
  padding: 4px 10px;
  background: rgba(0,0,0,0.2);
  border-bottom: 1px solid var(--accent);
  color: var(--text-second);
  font-size: 13px;
  letter-spacing: 1px;
}

/* AI叙事正文 */
ai article {
  padding: 10px 16px;
}
ai article p {
  margin: 0 0 1em 0;
  color: var(--text-main);
}
ai article p:last-child {
  margin-bottom: 0;
}

/* 状态栏整体 */
ai details {
  border-top: 2px solid var(--accent);
}
ai details[open] summary {
  border-bottom: 1px solid var(--border-color);
}

/* 状态栏标题（卷轴样式） */
ai summary {
  display: block; /* 覆盖默认的 list-item */
  padding: 10px 16px 10px 45px; /* 左侧留出图标空间 */
  background-color: var(--bg-panel);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23ecf0f1' d='M50,2.5 C76,2.5 97.5,24 97.5,50 C97.5,76 76,97.5 50,97.5 C24,97.5 2.5,76 2.5,50 C2.5,24 24,2.5 50,2.5 Z M50,20 C50,15 55,20 50,25 C45,30 40,35 35,30 C30,25 30,15 40,15 C45,15 50,17.5 50,20 Z M50,87.5 L50,60 C50,50 63,45 70,55 C77,65 75,80 65,85 C55,90 50,87.5 50,87.5 Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 12px center;
  font-weight: bold;
  font-size: 1.1em;
  cursor: pointer;
  transition: background-color 0.2s;
  outline: none;
}
ai summary:hover {
  background-color: #383838;
}
ai summary::-webkit-details-marker { display: none; } /* 隐藏原生箭头 */
ai summary::marker { display: none; }

/* 状态栏内部分区 (p[t]) */
ai p[t] {
  padding: 12px 16px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  border-bottom: 1px dashed var(--border-color);
  position: relative;
}
ai p[t]:last-of-type {
  border-bottom: none;
}

/* 用伪元素生成分区标题 */
ai p[t]::before {
  content: attr(t);
  font-weight: bold;
  color: var(--text-main);
  margin-bottom: 4px;
  font-size: 1em;
}

/* 核心数据行 */
ai d {
  display: block;
  color: var(--text-second);
  font-size: 0.9em;
}

/* 角色名高亮 */
ai f {
  font-weight: bold;
  font-size: 1.1em;
  margin-right: 8px;
}

/* 忍者等级样式 */
ai f[rank*="影"] { color: var(--rank-kage); text-shadow: 0 0 4px var(--rank-kage); }
ai f[rank*="上忍"] { color: var(--rank-jonin); }
ai f[rank*="中忍"] { color: var(--rank-chunin); }
ai f[rank*="下忍"] { color: var(--text-second); }

/* 行动选项交互效果 */
ai p[t="行动"] d {
  padding: 4px 8px;
  margin: 0 -8px; /* 抵消内边距，使悬停背景充满宽度 */
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease-out;
}
ai p[t="行动"] d:hover {
  background-color: rgba(232, 73, 29, 0.15);
  color: var(--accent-hover);
  transform: translateX(4px);
}