/* ===== 评论按钮：亮眼渐变色 ===== */
#prompt-input-header button:has(svg.lucide-message-circle) {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4) !important;
  transition: all 0.3s ease !important;
  padding: 4px 14px !important;
}

#prompt-input-header button:has(svg.lucide-message-circle):hover {
  transform: translateY(-3px) scale(1.05) !important;
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.5) !important;
}

#prompt-input-header button:has(svg.lucide-message-circle) svg {
  stroke: #ffffff !important;
}

#prompt-input-header button:has(svg.lucide-message-circle) span {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* ===== 底部输入框：明亮毛玻璃 ===== */
form#prompt-input {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 2px solid rgba(79, 172, 254, 0.25) !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 32px rgba(79, 172, 254, 0.12), 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}

form#prompt-input:focus-within {
  border-color: #4facfe !important;
  box-shadow: 0 8px 32px rgba(79, 172, 254, 0.25), 0 0 0 4px rgba(79, 172, 254, 0.08) !important;
}

/* ===== 输入框文字 ===== */
form#prompt-input textarea[name="message"] {
  background: transparent !important;
  color: #2c3e50 !important;
  caret-color: #4facfe !important;
}

form#prompt-input textarea[name="message"]::placeholder {
  color: #a0b4c8 !important;
  font-style: normal !important;
  letter-spacing: 0.5px !important;
}

form#prompt-input textarea[name="message"]::selection {
  background: rgba(79, 172, 254, 0.3) !important;
  color: #1a237e !important;
}

/* ===== 发送按钮 ===== */
form#prompt-input button[type="submit"] {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 15px rgba(79, 172, 254, 0.4) !important;
  transition: all 0.3s ease !important;
}

form#prompt-input button[type="submit"]:hover {
  transform: scale(1.12) rotate(-8deg) !important;
  box-shadow: 0 8px 25px rgba(79, 172, 254, 0.55) !important;
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%) !important;
}

form#prompt-input button[type="submit"] svg {
  stroke: #ffffff !important;
}

/* ===== 模型选择按钮 ===== */
#prompt-input-footer button:has(img[alt*="deepseek"]) {
  background: linear-gradient(135deg, #e3f2fd 0%, #f3e5f5 100%) !important;
  border: 1px solid rgba(79, 172, 254, 0.2) !important;
  color: #4a6fa5 !important;
  border-radius: 12px !important;
  font-weight: 500 !important;
  transition: all 0.3s !important;
}

#prompt-input-footer button:has(img[alt*="deepseek"]):hover {
  background: linear-gradient(135deg, #bbdefb 0%, #e1bee7 100%) !important;
  border-color: #4facfe !important;
  box-shadow: 0 4px 12px rgba(79, 172, 254, 0.2) !important;
  transform: translateY(-1px) !important;
}

/* ===== 底部工具栏按钮 ===== */
#prompt-input-footer button {
  color: #5b8def !important;
  border: 1px solid rgba(79, 172, 254, 0.15) !important;
  background: rgba(255, 255, 255, 0.8) !important;
  border-radius: 10px !important;
  transition: all 0.25s !important;
}

#prompt-input-footer button:hover {
  background: linear-gradient(135deg, #e8f5fe 0%, #fce4ec 100%) !important;
  color: #2d8cf0 !important;
  border-color: #4facfe !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(79, 172, 254, 0.15) !important;
}

/* ===== "回复模式"按钮 ===== */
#prompt-input-footer button:has(svg.lucide-scroll-text) {
  background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%) !important;
  border-color: rgba(255, 193, 7, 0.3) !important;
  color: #f57c00 !important;
}

#prompt-input-footer button:has(svg.lucide-scroll-text):hover {
  background: linear-gradient(135deg, #ffecb3 0%, #ffe082 100%) !important;
  border-color: #ffb300 !important;
}

/* ===== 模组按钮 ===== */
#prompt-input-header button:has(svg.lucide-package) {
  background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%) !important;
  border: 1px solid rgba(67, 160, 71, 0.2) !important;
  color: #2e7d32 !important;
  border-radius: 10px !important;
  transition: all 0.3s !important;
}

#prompt-input-header button:has(svg.lucide-package):hover {
  background: linear-gradient(135deg, #c8e6c9 0%, #a5d6a7 100%) !important;
  border-color: #43a047 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(67, 160, 71, 0.2) !important;
}

/* ===== 滚动到底部按钮 ===== */
#prompt-input-header button:has(svg path[d*="M19 12"]) {
  background: linear-gradient(135deg, #e3f2fd 0%, #f3e5f5 100%) !important;
  border-color: rgba(79, 172, 254, 0.2) !important;
  transition: all 0.3s !important;
}

#prompt-input-header button:has(svg path[d*="M19 12"]):hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(79, 172, 254, 0.2) !important;
}

/* ===== 添加图片按钮 ===== */
#prompt-input-header button[aria-label="Add image"]:hover {
  background: linear-gradient(135deg, #fce4ec 0%, #f8bbd0 100%) !important;
  border-color: #ec407a !important;
}

/* ===== 搜索按钮 ===== */
#prompt-input-header button[aria-label="搜索"]:hover {
  background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%) !important;
  border-color: #ff9800 !important;
}

/* ===== 校园风格 · 导航栏（基于:where重构版） ===== */

/* 1. 导航栏整体背景 + 边框 + 阴影 + 渐变下划线 */
:where(nav) {
  background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(240,247,255,0.98)) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 3px solid transparent !important;
  border-image: linear-gradient(90deg, #4facfe 0%, #00f2fe 50%, #43e97b 100%) 1 !important;
  box-shadow: 0 2px 20px rgba(79, 172, 254, 0.15) !important;
  transition: all 0.3s ease !important;
}

/* 2. 导航栏内部的 header */
:where(nav header) {
  border-bottom: none !important;
  height: 56px !important;
}

/* 3. 所有左侧和右侧的按钮（统一基础样式） */
:where(nav button) {
  background: transparent !important;
  color: #4a6fa5 !important;
  border-radius: 10px !important;
  transition: all 0.3s ease !important;
}

:where(nav button:hover) {
  background: linear-gradient(135deg, #e8f5fe 0%, #fce4ec 100%) !important;
  color: #2d8cf0 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(79, 172, 254, 0.2) !important;
}

/* 4. 按钮里的 SVG 图标 */
:where(nav button svg) {
  stroke: #5b8def !important;
  width: 18px !important;
  height: 18px !important;
  transition: stroke 0.3s, transform 0.3s !important;
}

:where(nav button:hover svg) {
  stroke: #2d8cf0 !important;
  transform: scale(1.1) !important;
}

/* 5. 侧边栏触发按钮：蓝色渐变底色 + 旋转动画 */
:where(nav button[data-sidebar="trigger"]) {
  background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
  color: #1976d2 !important;
  border-radius: 10px !important;
}

:where(nav button[data-sidebar="trigger"]:hover) {
  background: linear-gradient(135deg, #bbdefb 0%, #90caf9 100%) !important;
  color: #0d47a1 !important;
  transform: rotate(180deg) translateY(0px) !important;
  box-shadow: 0 4px 12px rgba(79, 172, 254, 0.25) !important;
}

:where(nav button[data-sidebar="trigger"] svg) {
  stroke: #1976d2 !important;
}

:where(nav button[data-sidebar="trigger"]:hover svg) {
  stroke: #0d47a1 !important;
}

/* 6. 主题切换按钮：增加边框 + 橙色悬停 */
:where(nav button[aria-label="theme scheme"]) {
  border: 1px solid rgba(79, 172, 254, 0.15) !important;
  background: transparent !important;
}

:where(nav button[aria-label="theme scheme"]:hover) {
  background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%) !important;
  border-color: rgba(79, 172, 254, 0.3) !important;
  color: #e65100 !important;
}

:where(nav button[aria-label="theme scheme"]:hover svg) {
  stroke: #e65100 !important;
}

/* 7. 系统公告按钮：紫色渐变悬停 */
:where(nav button[aria-label="系统公告"]:hover) {
  background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%) !important;
  color: #6a1b9a !important;
}

:where(nav button[aria-label="系统公告"]:hover svg) {
  stroke: #6a1b9a !important;
}

/* 8. 通知按钮：铃铛摇动动画 + 粉色渐变悬停 */
:where(nav button[aria-label="通知"]:hover) {
  animation: bellRing 0.5s ease !important;
  background: linear-gradient(135deg, #e8f5fe 0%, #fce4ec 100%) !important;
}

@keyframes bellRing {
  0%, 100% { transform: rotate(0deg); }
  25% { transform: rotate(15deg); }
  50% { transform: rotate(-15deg); }
  75% { transform: rotate(8deg); }
}