/* ====================================
   邻桌的隐秘女友 - 极简安全版
   仅美化：状态栏 + 底部聊天框
   ==================================== */

/* === 底部聊天框美化 === */
/* 输入框容器 */
#ai-chat-bottom-input {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 2px solid #ffb3d9 !important;
  border-radius: 25px !important;
  box-shadow: 0 4px 20px rgba(255, 105, 180, 0.2) !important;
  transition: all 0.3s ease !important;
}

#ai-chat-bottom-input:focus-within {
  border-color: #ff69b4 !important;
  box-shadow: 0 0 25px rgba(255, 105, 180, 0.4) !important;
  background: #fff !important;
}

/* 主输入框 */
#ai-chat-input {
  color: #333 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

/* 占位符 */
#ai-chat-input::placeholder {
  color: #ff9eb5 !important;
  font-style: italic !important;
}

/* 选中文字效果 */
#ai-chat-input::selection {
  background: #ffc3ee !important;
  color: #d63384 !important;
}

/* === 状态栏美化（使用data属性精确定位） === */
/* 环境信息状态栏（紫色） */
div[data-message-id] pre:has(code:contains("【环境信息】")) {
  background: linear-gradient(135deg, #e0c3fc 0%, #f3e7ff 100%) !important;
  border: 2px solid #d4a5f5 !important;
  border-radius: 15px !important;
  padding: 15px 20px !important;
  margin: 12px 0 !important;
  box-shadow: 0 4px 15px rgba(167, 139, 250, 0.25) !important;
}

div[data-message-id] pre:has(code:contains("【环境信息】")) code {
  color: #5b21b6 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  font-weight: 500 !important;
  background: transparent !important;
}

/* 主角状态栏（蓝色） */
div[data-message-id] pre:has(code:contains("【主角状态】")) {
  background: linear-gradient(135deg, #c3e0fc 0%, #e7f3ff 100%) !important;
  border: 2px solid #a5d4f5 !important;
  border-radius: 15px !important;
  padding: 15px 20px !important;
  margin: 12px 0 !important;
  box-shadow: 0 4px 15px rgba(139, 167, 250, 0.25) !important;
}

div[data-message-id] pre:has(code:contains("【主角状态】")) code {
  color: #1e40af !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  font-weight: 500 !important;
  background: transparent !important;
}

/* 林晚晴状态栏（粉色+心形装饰） */
div[data-message-id] pre:has(code:contains("【林晚晴状态】")) {
  background: linear-gradient(135deg, #ffc3ee 0%, #fff0f8 100%) !important;
  border: 2px solid #ffb3d9 !important;
  border-radius: 15px !important;
  padding: 15px 20px !important;
  margin: 12px 0 !important;
  box-shadow: 0 4px 15px rgba(255, 105, 180, 0.25) !important;
  position: relative !important;
}

div[data-message-id] pre:has(code:contains("【林晚晴状态】")) code {
  color: #d63384 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  font-weight: 500 !important;
  background: transparent !important;
}

/* 心形装饰 */
div[data-message-id] pre:has(code:contains("【林晚晴状态】"))::before {
  content: "💖";
  position: absolute;
  top: 12px;
  right: 15px;
  font-size: 20px;
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}

/* 行动选项（黄色） */
div[data-message-id] pre:has(code:contains("【接下来你可以")) {
  background: linear-gradient(135deg, #fff9e6 0%, #fffbf0 100%) !important;
  border: 2px solid #ffd966 !important;
  border-radius: 15px !important;
  padding: 15px 20px !important;
  margin: 12px 0 !important;
  box-shadow: 0 4px 15px rgba(255, 193, 7, 0.2) !important;
}

div[data-message-id] pre:has(code:contains("【接下来你可以")) code {
  color: #f57c00 !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
  font-weight: 500 !important;
  background: transparent !important;
}

/* === 确保普通文本不受影响 === */
div[data-message-id] p,
div[data-message-id] div:not(pre) {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}