/* ============================================
   被流言中伤的青梅 · 旧校服白主题
   与详情页统一视觉
   ============================================ */

pre {
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  font-family: 'Menlo', 'Consolas', 'Microsoft YaHei', monospace !important;
}

/* ============ 状态栏折叠区 ============ */
details {
  background: #f8f8f4 !important;
  border: 1px solid #d8ddd8 !important;
  border-radius: 4px !important;
  margin: 14px 0 !important;
  padding: 0 !important;
  transition: all 0.3s ease !important;
  overflow: hidden !important;
}

details[open] {
  box-shadow: 0 1px 4px rgba(50, 60, 70, 0.06) !important;
  border-color: #c8d0c8 !important;
}

details summary {
  color: #6f8a75 !important;
  font-size: 13px !important;
  padding: 11px 18px !important;
  cursor: pointer !important;
  letter-spacing: 2px !important;
  transition: all 0.2s ease !important;
  outline: none !important;
  user-select: none !important;
  list-style: none !important;
  background: linear-gradient(180deg, #f8f8f4 0%, #f0f0e8 100%) !important;
  font-family: 'Songti SC', 'STSong', 'SimSun', serif !important;
}

details summary::-webkit-details-marker {
  display: none !important;
}

details summary:hover {
  color: #5a7060 !important;
  background: linear-gradient(180deg, #f0f0e8 0%, #e8e8e0 100%) !important;
}

details pre {
  color: #2f3a40 !important;
  background: transparent !important;
  padding: 8px 18px 16px 18px !important;
  font-size: 12px !important;
  line-height: 1.9 !important;
  border: none !important;
  margin: 0 !important;
}

/* ============ 代码块 · 行动选项 ============ */
:not(details) > pre {
  background: #f8f8f4 !important;
  border: 1px solid #d8ddd8 !important;
  border-left: 3px solid #6f8a75 !important;
  border-radius: 3px !important;
  padding: 12px 16px !important;
  color: #2f3a40 !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
  margin: 8px 0 !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
}

:not(details) > pre:hover {
  border-left-color: #a94a42 !important;
  background: #fdfdf8 !important;
  box-shadow: 0 2px 8px rgba(111, 138, 117, 0.15) !important;
  transform: translateX(2px) !important;
}

/* ============ 消息气泡 ============ */
[class*="message-ai"],
[class*="assistant-message"],
[class*="ai-message"],
[class*="bot-message"] {
  background: #f8f8f4 !important;
  border: 1px solid #d8ddd8 !important;
  border-left: 2px solid #6f8a75 !important;
  border-radius: 6px !important;
  padding: 16px 20px !important;
  color: #2f3a40 !important;
  line-height: 1.95 !important;
  box-shadow: 0 1px 6px rgba(50, 60, 70, 0.05) !important;
}

[class*="message-user"],
[class*="user-message"] {
  background: #eef1ec !important;
  border: 1px solid #d8ddd8 !important;
  border-radius: 6px !important;
  padding: 14px 18px !important;
  color: #2f3a40 !important;
  line-height: 1.9 !important;
}

/* ============ 输入框 ============ */
textarea,
input[type="text"],
[class*="input-area"] textarea,
[class*="chat-input"] textarea {
  background: #ffffff !important;
  border: 1px solid #d8ddd8 !important;
  color: #2f3a40 !important;
  border-radius: 6px !important;
  transition: all 0.3s ease !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

textarea:focus,
input[type="text"]:focus,
[class*="input-area"] textarea:focus,
[class*="chat-input"] textarea:focus {
  border-color: #6f8a75 !important;
  box-shadow: 0 0 0 3px rgba(111, 138, 117, 0.15) !important;
  outline: none !important;
}

textarea::placeholder,
input[type="text"]::placeholder {
  color: #b8bfb8 !important;
}

/* ============ 发送按钮 ============ */
[class*="send-button"],
button[class*="send"],
button[class*="submit"],
[class*="btn-send"] {
  background: linear-gradient(180deg, #7a9580 0%, #5a7060 100%) !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  transition: all 0.3s ease !important;
  font-weight: 500 !important;
  letter-spacing: 2px !important;
}

[class*="send-button"]:hover,
button[class*="send"]:hover,
button[class*="submit"]:hover,
[class*="btn-send"]:hover {
  background: linear-gradient(180deg, #85a08a 0%, #657a70 100%) !important;
  box-shadow: 0 3px 10px rgba(111, 138, 117, 0.25) !important;
  transform: translateY(-1px) !important;
}

/* ============ 移动端 ============ */
@media (max-width: 768px) {
  details summary {
    font-size: 12px !important;
    padding: 10px 14px !important;
  }
  details pre {
    font-size: 11px !important;
    padding: 6px 14px 14px 14px !important;
  }
  :not(details) > pre {
    font-size: 12px !important;
    padding: 10px 14px !important;
  }
  [class*="message-ai"],
  [class*="message-user"] {
    padding: 12px 14px !important;
    font-size: 14px !important;
  }
}