.ai {
  display: block;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 13.5px;
  line-height: 1.5;
  color: #cbd5e1;
  background: #0f172a; /* 干净的深灰蓝底色 */
  border-radius: 10px;
  padding: 8px;
  border: 1px solid #1e293b;
  box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}
.ai details {
  background: #1e293b;
  margin-bottom: 8px;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #334155;
}
.ai summary {
  padding: 10px 12px;
  background: #253345;
  color: #f8fafc;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
  border-left: 4px solid #3b82f6; /* 清爽的科技蓝 */
}
.ai p[t] {
  margin: 8px;
  padding: 8px;
  background: #0f172a;
  border-radius: 6px;
  border: 1px solid #2d3b50;
}
.ai p[t]::before {
  content: attr(t);
  display: block;
  color: #94a3b8;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 6px;
  border-bottom: 1px solid #2d3b50;
  padding-bottom: 4px;
  letter-spacing: 0.5px;
}
.ai d {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin-bottom: 4px;
}
.ai k {
  color: #64748b;
  font-size: 12px;
  margin-right: 6px;
}
.ai k::after { content: ":"; }
.ai v {
  color: #e2e8f0;
  flex: 1;
}
.ai v[warn*="透支"], .ai v[warn*="反噬"] {
  color: #ef4444;
  font-weight: bold;
}
/* 血量与灵气条：现代扁平风 */
.ai bar {
  display: inline-block;
  width: 90px;
  height: 14px;
  background: #334155;
  border-radius: 10px;
  line-height: 14px;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  margin-right: 8px;
  overflow: hidden;
}
.ai bar[c="hp"] { color: #fecaca; background: linear-gradient(90deg, #b91c1c, #7f1d1d); }
.ai bar[c="sp"] { color: #dbeafe; background: linear-gradient(90deg, #1d4ed8, #1e3a8a); }
/* 异能卡牌：干净明亮的边框映射 */
.ai cd {
  display: inline-block;
  padding: 2px 8px;
  margin: 2px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  background: #1e293b;
  border: 1px solid;
}
.ai cd[q*="白"] { border-color: #cbd5e1; color: #f8fafc; }
.ai cd[q*="绿"] { border-color: #22c55e; color: #bbf7d0; background: rgba(34,197,94,0.1); }
.ai cd[q*="蓝"] { border-color: #3b82f6; color: #bfdbfe; background: rgba(59,130,246,0.1); }
.ai cd[q*="紫"] { border-color: #a855f7; color: #e9d5ff; background: rgba(168,85,247,0.1); }
.ai cd[q*="橙"] { border-color: #f97316; color: #fed7aa; background: rgba(249,115,22,0.1); }
.ai cd[q*="红"] { border-color: #ef4444; color: #fecaca; background: rgba(239,68,68,0.1); }
.ai cd[q*="金"] { border-color: #eab308; color: #fef08a; background: rgba(234,179,8,0.15); box-shadow: 0 0 5px rgba(234,179,8,0.4); }
.ai pre {
  margin: 8px;
  padding: 10px;
  background: #0f172a;
  border-left: 3px solid #64748b;
  font-family: monospace;
  font-size: 12px;
  color: #94a3b8;
  white-space: pre-wrap;
}
/* R18模块：干净唯美的私密粉紫色调 */
.ai r18 {
  display: block;
  margin: 8px;
  padding: 10px;
  background: #231924; /* 极淡的暖紫黑 */
  border: 1px solid #701a52;
  border-radius: 6px;
}
.ai r18::before {
  content: "『 私密生理检测数据 』";
  display: block;
  text-align: center;
  color: #d946a9;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 8px;
  border-bottom: 1px solid #4a1538;
  padding-bottom: 4px;
}
.ai r18 d k { color: #d946a9; }
.ai r18 d v { color: #fbcfe8; }
.ai act {
  display: block;
  margin: 6px 8px;
  padding: 8px 12px;
  background: #0f172a;
  border: 1px solid #334155;
  border-radius: 6px;
  color: #cbd5e1;
  font-size: 13px;
  transition: 0.2s;
}
.ai act:hover {
  background: #1e293b;
  border-color: #3b82f6;
  color: #fff;
}