css
/* ===== 游戏机风格聊天美化 ===== */
:root {
  --neon-pink: #ff6ec7;
  --neon-green: #4ade80;
  --neon-blue: #60a5fa;
  --dark-bg: #1a1a2e;
  --panel-grad: linear-gradient(145deg, #1a1a2e 0%, #2b2b4a 100%);
}

/* 消息气泡 */
.mes {
  border: 2px solid var(--neon-blue) !important;
  border-radius: 12px !important;
  background: var(--panel-grad) !important;
  box-shadow: 0 0 8px rgba(96, 165, 250, 0.3) !important;
  font-family: 'Courier New', monospace !important;
}

/* 用户消息 */
.mes.user {
  border-color: var(--neon-green) !important;
  box-shadow: 0 0 8px rgba(74, 222, 128, 0.3) !important;
}

/* AI消息 */
.mes.assistant {
  border-color: var(--neon-pink) !important;
  box-shadow: 0 0 8px rgba(255, 110, 199, 0.3) !important;
}

/* 状态面板details样式 */
details {
  margin: 8px 0;
  border-radius: 8px;
}
details > summary {
  background: rgba(255,255,255,0.05);
  border-radius: 8px;
  padding: 4px 8px;
  font-weight: bold;
}

/* 滚动条 */
::-webkit-scrollbar {
  width: 10px;
  background: #111;
}
::-webkit-scrollbar-thumb {
  background: var(--neon-pink);
  border-radius: 5px;
}