ai {
  display: block;
  font-family: "Courier New", Courier, monospace, sans-serif;
  background: #09090b;
  color: #c8c8d0;
  border: 1px solid #2a2a35;
  border-radius: 6px;
  padding: 12px;
  font-size: 13px;
  line-height: 1.5;
  position: relative;
  box-shadow: 0 0 20px rgba(0,0,0,0.8) inset, 0 0 5px rgba(255,0,50,0.2);
  overflow: hidden;
}
ai::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 255, 128, 0.03) 2px, rgba(0, 255, 128, 0.03) 4px);
  pointer-events: none;
  z-index: 10;
}
ai details {
  background: rgba(20, 20, 25, 0.7);
  border: 1px solid #333;
  border-radius: 4px;
  margin-bottom: 8px;
  position: relative;
  z-index: 11;
}
ai summary {
  padding: 8px 10px;
  background: linear-gradient(90deg, #1a1a24, #0f0f15);
  cursor: pointer;
  font-weight: bold;
  user-select: none;
  border-bottom: 1px solid transparent;
  transition: 0.3s;
}
ai summary:hover { filter: brightness(1.3); text-shadow: 0 0 5px rgba(255,255,255,0.3); }
ai details[open] summary { border-bottom: 1px solid #333; }
ai cg, ai q, ai ltm, ai stm, ai p1, ai p2, ai sc, ai lk, ai ac { display: block; padding: 8px 10px; }
ai ltm::before, ai stm::before, ai sc::before, ai lk::before, ai ac::before {
  content: attr(data-title);
  display: block;
  font-weight: bold;
  margin-bottom: 6px;
  padding-bottom: 4px;
  border-bottom: 1px dotted #555;
  letter-spacing: 0.5px;
}
ai cg { color: #8a8a8a; font-size: 12px; border-left: 3px solid #555; background: #000; }
ai q { border-left: 3px solid #4CAF50; }
ai ltm { border-left: 3px solid #00bcd4; background: rgba(0, 188, 212, 0.05); }
ai stm { border-left: 3px solid #ff9800; background: rgba(255, 152, 0, 0.05); }
ai p1 { border-left: 3px solid #5ee7df; background: rgba(94, 231, 223, 0.05); }
ai p2 { border-left: 3px solid #d63384; background: rgba(214, 51, 132, 0.05); }
ai sc { 
  border-left: 3px solid #ff3366; 
  background: rgba(255, 51, 102, 0.05); 
  position: relative;
  box-shadow: 0 0 15px rgba(255,0,0,0.1) inset;
}
ai sc::after {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: #ff3366; box-shadow: 0 0 8px #ff3366;
  animation: s-line 3s infinite linear; pointer-events: none;
}
@keyframes s-line { 0%{top:0;opacity:0} 10%{opacity:1} 90%{opacity:1} 100%{top:100%;opacity:0} }
ai lk { border-left: 3px solid #b39ddb; background: rgba(179, 157, 219, 0.05); }
ai ac { margin-top: 10px; border: 1px solid #4a4a6a; border-radius: 4px; background: rgba(100, 100, 255, 0.08); }
ai ac::before { color: #667eea; border-bottom-color: #667eea; }
ai ltm::before { color: #00bcd4; }
ai stm::before { color: #ff9800; }
ai sc::before { color: #ff3366; }
ai d { display: block; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,0.03); }
ai d:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
ai f { display: inline-block; font-weight: bold; margin-right: 5px; }
ai cg f { color: #aaa; }
ai q f { color: #4CAF50; }
ai ltm f { color: #84ffff; }
ai stm f { color: #ffd180; }
ai p1 f { color: #84ffff; }
ai p2 f { color: #f48fb1; }
ai sc f { color: #ff80ab; }
ai ac f { color: #fff; width: 35px; }
ai ar {
  display: block;
  padding: 15px 5px;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 15px;
  line-height: 1.8;
  color: #e8e8e8;
  text-shadow: 0 1px 2px rgba(0,0,0,0.9);
  position: relative;
  z-index: 11;
}