ai {
  --bg-dark: #0a0a0c;
  --bg-panel: #121215;
  --gold-main: #d4af37;
  --gold-light: #fbe699;
  --gold-dark: #8a6a23;
  --text-main: #e0e0e0;
  --text-dim: #999;
  
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: system-ui, sans-serif;
  font-size: 14px;
  color: var(--text-main);
  background: linear-gradient(135deg, #050505, var(--bg-dark));
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #332a10;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212,175,55,0.03);
}

ai hd {
  background: linear-gradient(90deg, #1f1a0c, transparent);
  border-left: 4px solid var(--gold-main);
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-radius: 2px 6px 6px 2px;
}

ai hd m { 
  font-size: 16px; 
  font-weight: 800; 
  color: var(--gold-light);
  text-shadow: 0 0 8px rgba(251, 230, 153, 0.4);
}
ai hd t { 
  font-size: 12px; 
  color: var(--gold-dark);
  letter-spacing: 0.5px;
}

ai txt {
  padding: 4px 6px;
  line-height: 1.6;
  font-size: 15px;
  color: #f0f0f0;
}

ai details {
  background: var(--bg-panel);
  border: 1px solid #2a2a2a;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.3s ease;
}

ai details:hover {
  border-color: #4a3e1a;
  box-shadow: 0 0 10px rgba(212,175,55,0.08);
}

ai summary {
  background: linear-gradient(180deg, #1f1f24, #121215);
  color: var(--gold-main);
  font-weight: bold;
  padding: 10px 12px;
  cursor: pointer;
  border-bottom: 1px solid var(--gold-dark);
  user-select: none;
  font-size: 14px;
}

ai summary:hover {
  background: linear-gradient(180deg, #2a2a30, #1a1a1f);
  text-shadow: 0 0 5px rgba(212,175,55,0.5);
}

ai sec {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  border-bottom: 1px dashed #2a2a2a;
}
ai sec:last-child { border-bottom: none; }

ai sec::before {
  content: attr(t);
  display: inline-block;
  color: var(--gold-light);
  font-size: 12px;
  font-weight: 600;
  border-left: 3px solid var(--gold-main);
  padding-left: 8px;
  margin-bottom: 4px;
  background: linear-gradient(90deg, rgba(212,175,55,0.1), transparent);
  padding-block: 2px;
}

ai r {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  background: rgba(212,175,55, 0.02);
  padding: 6px 8px;
  border-radius: 4px;
  transition: background 0.2s ease;
}

ai r:hover { background: rgba(212,175,55, 0.06); }

ai n {
  color: var(--gold-dark);
  font-size: 11px;
  background: #000;
  padding: 2px 6px;
  border-radius: 3px;
  border: 1px solid #222;
  white-space: nowrap;
}

ai v {
  color: #ccc;
  font-size: 13px;
  margin-right: 6px;
}

/* 警示级档案(红金)与赏金榜(铂金)特殊主题映射 */
ai details.tr summary { color: #f45b5b; border-bottom-color: #8c2a2a; }
ai details.tr summary:hover { text-shadow: 0 0 5px rgba(244,91,91,0.5); }
ai details.tr sec::before { border-left-color: #f45b5b; color: #ff8c8c; background: linear-gradient(90deg, rgba(244,91,91,0.1), transparent);}
ai details.tr n { color: #d64d4d; border-color: #4a1c1c; }

ai details.bty summary { color: #e6e6fa; border-bottom-color: #6a6a8a; }
ai details.bty sec::before { border-left-color: #a0a0c0; color: #e6e6fa; background: linear-gradient(90deg, rgba(160,160,192,0.1), transparent);}