/* ===== 专属宠物路卡利欧 · 聊天页面自定义样式 ===== */

:root {
  --primary: #e67e22;
  --primary-dark: #d35400;
  --bg-main: #fff8f0;
  --bg-card: #fff3e6;
  --bg-soft: #fef9f3;
  --text-main: #5d4037;
  --text-light: #8d6e63;
  --border: #f5cba7;
  --accent-gold: #f39c12;
  --shadow: 0 4px 18px rgba(211, 84, 0, 0.08);
}

/* 整体背景 */
body, .chat-container, .main-chat {
  background: linear-gradient(160deg, #fff8f0 0%, #fdebd0 50%, #fad7a0 100%) !important;
  color: var(--text-main) !important;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

/* 聊天消息气泡 - 用户（主人） */
.user-message, .message.user, .chat-message.user {
  background: linear-gradient(135deg, #e67e22, #d35400) !important;
  color: #ffffff !important;
  border-radius: 18px 18px 4px 18px !important;
  box-shadow: 0 4px 12px rgba(211, 84, 0, 0.25) !important;
  border: none !important;
}

/* 聊天消息气泡 - AI（影卫） */
.ai-message, .message.assistant, .chat-message.bot, .bot-message {
  background: #fff3e6 !important;
  color: var(--text-main) !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 18px 18px 18px 4px !important;
  box-shadow: var(--shadow) !important;
}

/* 输入框区域 */
.chat-input, .input-area, textarea, .message-input {
  background: #fffefb !important;
  border: 2px solid var(--border) !important;
  border-radius: 14px !important;
  color: var(--text-main) !important;
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.03) !important;
}

.chat-input:focus, textarea:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3px rgba(230, 126, 34, 0.15) !important;
  outline: none !important;
}

/* 发送按钮 */
.send-button, .btn-send, button[type="submit"] {
  background: linear-gradient(135deg, #e67e22, #d35400) !important;
  color: white !important;
  border: none !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(211, 84, 0, 0.3) !important;
  transition: all 0.2s ease !important;
}

.send-button:hover, .btn-send:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(211, 84, 0, 0.4) !important;
}

/* 侧边栏 / 角色信息卡 */
.sidebar, .character-card, .info-panel {
  background: var(--bg-card) !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 16px !important;
  box-shadow: var(--shadow) !important;
}

/* 标题与强调文字 */
h1, h2, h3, .title, .character-name {
  color: var(--primary-dark) !important;
}

/* 滚动条美化 */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #fdebd0;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(#e67e22, #d35400);
  border-radius: 4px;
}

/* 链接与高亮 */
a, .highlight {
  color: var(--primary) !important;
}

/* 提示 / 系统消息 */
.system-message, .hint, .suggestion {
  background: #fef5eb !important;
  border-left: 4px solid var(--primary) !important;
  color: var(--text-main) !important;
  border-radius: 0 10px 10px 0 !important;
}

/* 按钮通用样式 */
button, .btn {
  border-radius: 10px !important;
  transition: all 0.2s ease !important;
}

/* 选中状态 */
.selected, .active {
  background: linear-gradient(135deg, #f39c12, #e67e22) !important;
  color: white !important;
  border-color: #e67e22 !important;
}