/* 聊天页专属香槟金主题：与首页的暖金视觉保持一致，不改动其他网页。 */
.chat-body {
  --chat-gold-bright: #f0d2a0;
  --chat-gold: #d2a66e;
  --chat-gold-deep: #a87543;
  --chat-gold-ink: #24180e;
  --chat-gold-border: rgba(218, 177, 116, 0.42);
  --chat-gold-grad: linear-gradient(135deg, #b6814d 0%, #d3a569 56%, #e6c28e 100%);
}

.chat-body .chat-main {
  background:
    radial-gradient(120% 85% at 88% -10%, rgba(188, 143, 83, 0.18), transparent 60%),
    radial-gradient(100% 75% at 4% 110%, rgba(126, 87, 47, 0.13), transparent 64%),
    linear-gradient(180deg, #171511 0%, #11100e 48%, #0a0a09 100%);
}

.chat-body .brand-dot {
  background: var(--chat-gold-grad);
  box-shadow: 0 8px 24px rgba(177, 126, 70, 0.28);
}

.chat-body .chat-side {
  background: #141311;
}

.chat-body .chat-head {
  background: rgba(14, 13, 11, 0.84);
}

.chat-body .msg-row:not(.user) .msg-bubble {
  background: #29241d;
  border-color: rgba(213, 171, 108, 0.16);
}

.chat-body .chat-inputbar {
  background: rgba(29, 25, 20, 0.94);
  border-color: rgba(213, 171, 108, 0.16);
}

.chat-body .btn-primary {
  background: var(--chat-gold-grad);
  color: var(--chat-gold-ink);
  box-shadow: 0 10px 28px rgba(177, 126, 70, 0.24);
}

.chat-body .btn-primary:hover {
  box-shadow: 0 14px 34px rgba(200, 153, 87, 0.34);
}

.chat-body .rail-item.active {
  color: var(--chat-gold-bright);
  background: rgba(210, 166, 110, 0.14);
}

.chat-body .persona-item.active {
  background: linear-gradient(100deg, rgba(210, 166, 110, 0.16), rgba(120, 86, 49, 0.1));
  border-color: var(--chat-gold-border);
}

.chat-body .head-avatar {
  border-color: rgba(224, 184, 121, 0.62);
}

.chat-body .msg-row.user .msg-bubble {
  background: var(--chat-gold-grad);
  color: var(--chat-gold-ink);
}

.chat-body .chat-msgs {
  scrollbar-color: rgba(211, 165, 105, 0.72) rgba(255, 255, 255, 0.05);
}

.chat-body .chat-inputbar:focus-within {
  border-color: rgba(210, 166, 110, 0.52);
  box-shadow: 0 0 0 3px rgba(210, 166, 110, 0.08);
}

.chat-body #chatInput:focus {
  border-color: transparent;
}

.chat-body #detailName {
  color: var(--chat-gold-bright) !important;
}

.chat-body .detail-meta {
  color: #e1c18f;
  border-color: var(--chat-gold-border);
  background: rgba(164, 115, 62, 0.1);
}

.chat-body .login-card input:focus {
  border-color: rgba(210, 166, 110, 0.62);
  box-shadow: 0 0 0 3px rgba(210, 166, 110, 0.08);
}