/* ===== 星港浮世记 · 深邃星空主题（自定义样式） =====
 * 用途：粘进平台「自定义样式」字段，仅作用于聊天页面。
 * 特性：纯 CSS，无外部图片/字体，零额外加载、零聊天 token 消耗。
 * 注意：各平台聊天页 DOM 类名不同，下面用的是常见类名(xxx)组合。
 *       若某条样式没生效，把对应选择器换成你平台实际的 class 即可
 *       （可在浏览器 F12 检查聊天页元素确认）。
 */

/* —— 全局背景：深空渐变 + 星点（固定不滚动） —— */
html, body {
  background:
    radial-gradient(1.6px 1.6px at 12% 18%, rgba(255,255,255,.95), transparent),
    radial-gradient(1px 1px at 28% 62%, rgba(207,227,255,.85), transparent),
    radial-gradient(1.6px 1.6px at 47% 33%, rgba(255,255,255,.75), transparent),
    radial-gradient(1px 1px at 63% 78%, rgba(180,210,255,.85), transparent),
    radial-gradient(1.8px 1.8px at 78% 22%, rgba(255,255,255,.9), transparent),
    radial-gradient(1px 1px at 88% 58%, rgba(207,227,255,.75), transparent),
    radial-gradient(1px 1px at 35% 88%, rgba(255,255,255,.65), transparent),
    radial-gradient(2px 2px at 70% 45%, rgba(190,220,255,.6), transparent),
    radial-gradient(1.4px 1.4px at 8% 50%, rgba(255,255,255,.7), transparent),
    linear-gradient(160deg, #0a1430 0%, #060b1c 45%, #030610 100%);
  background-attachment: fixed;
  color: #d6e6ff;
}

/* —— 聊天容器：透出背景，去掉默认实色 —— */
#chat, .chat, .chat-container, .messages, .mes-list {
  background: transparent !important;
}

/* —— 消息气泡：深空玻璃质感 —— */
.mes, .message, .mes_bubble, .msg {
  background: rgba(12, 24, 48, 0.55) !important;
  border: 1px solid rgba(80, 140, 220, 0.35) !important;
  border-radius: 14px !important;
  box-shadow: 0 0 18px rgba(40, 90, 170, 0.25),
              inset 0 0 12px rgba(30, 70, 140, 0.15) !important;
  backdrop-filter: blur(2px);
  color: #d6e6ff !important;
}

/* —— 用户消息：星铢暖金 —— */
.user, .mes.user, .mes_user {
  background: rgba(40, 32, 14, 0.45) !important;
  border-color: rgba(220, 175, 90, 0.4) !important;
  box-shadow: 0 0 18px rgba(180, 130, 50, 0.22),
              inset 0 0 12px rgba(120, 90, 30, 0.15) !important;
}

/* —— 名字 / 头像区文字 —— */
.mes .name, .mes_name, .ch_name {
  color: #8fd0ff !important;
}
.mes.user .name, .user .mes_name {
  color: #f0c878 !important;
}

/* —— 消息正文文字 —— */
.mes_text, .text, .mes .text {
  color: #d6e6ff !important;
}

/* —— 滚动条：星港夜蓝 —— */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: rgba(10, 20, 40, 0.4); }
::-webkit-scrollbar-thumb {
  background: linear-gradient(#3a6fb0, #1b3a66);
  border-radius: 6px;
}

/* —— 输入框 / 发送区：夜蓝玻璃 —— */
#textarea, .input-block, textarea, .send_textarea, .input-area {
  background: rgba(8, 18, 38, 0.8) !important;
  border: 1px solid rgba(80, 140, 220, 0.4) !important;
  color: #d6e6ff !important;
  border-radius: 12px !important;
}
#textarea::placeholder, textarea::placeholder {
  color: rgba(150, 190, 255, 0.5) !important;
}

/* —— 分隔线 / 时间提示 —— */
.sep, .mes_separator, .mes-time, .timestamp {
  color: rgba(150, 190, 255, 0.5) !important;
}