* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", "Microsoft YaHei", sans-serif; margin: 0; background: #0f172a; color: #e2e8f0; }
header { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid #1f2937; }
h1 { font-size: 18px; margin: 0; }
.controls { display: flex; gap: 8px; align-items: center; }
button { background: #10b981; color: #0b1020; border: none; border-radius: 6px; padding: 8px 12px; cursor: pointer; font-weight: 600; }
button[disabled] { background: #334155; color: #94a3b8; cursor: not-allowed; }
main { display: grid; grid-template-columns: 1fr; gap: 12px; padding: 12px 16px; }
.chat { background: #0b1020; border: 1px solid #1f2937; border-radius: 8px; padding: 12px; min-height: 280px; }
#messages { display: flex; flex-direction: column; gap: 6px; }
.msg { padding: 8px 10px; border-radius: 6px; display: inline-flex; align-items: center; gap: 6px; }
.msg.user { background: #1e293b; }
.msg.assistant { background: #111827; }
.msg.partial { font-style: italic; color: #cbd5e1; }
/* 标签样式 */
.msg-tag { font-size: 12px; padding: 2px 6px; border-radius: 4px; background: #334155; color: #e2e8f0; }
.msg.user.text .msg-tag, .msg.user.voice .msg-tag { background: #2563eb; color: #e2e8f0; }
.msg.assistant .msg-tag { background: #10b981; color: #0b1020; }
.msg-content { white-space: pre-wrap; }
.input { display: flex; gap: 8px; }
input[type="text"] { flex: 1; background: #111827; border: 1px solid #1f2937; color: #e2e8f0; border-radius: 6px; padding: 8px; }
.lamp { width: 10px; height: 10px; display: inline-block; border-radius: 50%; border: 1px solid #1f2937; }
.lamp-grey { background: #64748b; }
.lamp-green { background: #22c55e; }
.lamp-yellow { background: #eab308; }
/* 删除蓝色样式以避免出现蓝色系统识别字 */
/* .lamp-blue { background: #60a5fa; } */
.replay-btn{
  margin-left: 8px;
  padding: 2px 8px;
  font-size: 12px;
  border-radius: 12px;
  border: 1px solid #4fa3a3;
  background: #093c3c;
  color: #aaf2f2;
  cursor: pointer;
}
.replay-btn:hover{ background: #0c5050; }