/* 极简毛玻璃风格 - 淡蓝一般版 */

/* 1. 强制隐藏顶部冗余颜色装饰条 */
[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e1e9]"] {
  display: none !important;
}

/* 2. 统一聊天框美化 - 毛玻璃主容器（淡蓝基调） */
.bg-gray-100\/90.relative.inline-block {
  background: rgba(210, 230, 255, 0.28) !important;   /* 半透明淡蓝 */
  backdrop-filter: blur(16px) saturate(160%) !important;
  border: 1px solid rgba(150, 180, 240, 0.3) !important; /* 柔蓝边框 */
  border-radius: 20px !important;
  box-shadow: 0 12px 30px rgba(0, 20, 40, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.3) inset !important;
  padding: 12px 16px !important;
  transition: all 0.3s ease !important;
  isolation: isolate !important;
  position: relative !important;
  overflow: hidden !important;
}

.bg-gray-100\/90.relative.inline-block:hover {
  background: rgba(220, 240, 255, 0.35) !important;
  border-color: rgba(130, 170, 240, 0.5) !important;
  box-shadow: 0 15px 35px rgba(0, 30, 60, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.5) inset !important;
}

/* 3. 去掉动态光效（保持极简） */
.bg-gray-100\/90.relative.inline-block::before,
.bg-gray-100\/90.relative.inline-block::after {
  display: none !important;
}

/* 4. 文本内容 - 深蓝灰色，保证可读性 */
.markdown-body {
  color: #1e2a3a !important;                    /* 深蓝灰 */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  line-height: 1.6 !important;
  z-index: 1 !important;
  background: transparent !important;
  text-shadow: none !important;
}

/* 5. 底部元素美化 - 同样淡蓝毛玻璃质感 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
  color: #1e2a3a !important;
  background: rgba(190, 215, 250, 0.25) !important; /* 半透明淡蓝 */
  border-radius: 10px !important;
  margin: 2px !important;
  transition: background 0.2s !important;
  backdrop-filter: blur(6px) !important;
  border: 1px solid rgba(150, 180, 240, 0.3) !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
  background: rgba(200, 225, 255, 0.4) !important;
  border-color: rgba(130, 170, 240, 0.5) !important;
}

/* 模型名称与Token消耗 - 深蓝灰色 */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
  color: #2a3646 !important;
  font-weight: 500 !important;
  opacity: 0.85 !important;
  text-shadow: none !important;
}

/* 6. 加载动画 - 极简三点脉冲 (淡蓝色调) */
.style_dot-flashing__8L91Q.style_text__zGhNq {
  display: none !important;
}

.flex.items-center.justify-center.w-6.h-5 {
  position: relative !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Ccircle cx='4' cy='12' r='2.5' fill='%233d5a80'%3E%3Canimate attributeName='opacity' values='0.3;1;0.3' dur='1.2s' repeatCount='indefinite' begin='0'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='2.5' fill='%233d5a80'%3E%3Canimate attributeName='opacity' values='0.3;1;0.3' dur='1.2s' repeatCount='indefinite' begin='0.4s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='2.5' fill='%233d5a80'%3E%3Canimate attributeName='opacity' values='0.3;1;0.3' dur='1.2s' repeatCount='indefinite' begin='0.8s'/%3E%3C/circle%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

/* 移动端适配 */
@media (max-width: 480px) {
  .bg-gray-100\/90.relative.inline-block {
    padding: 10px !important;
    border-radius: 16px !important;
  }
}

/* 额外：输入框获得焦点时 - 加深边框 */
.bg-gray-100\/90.relative.inline-block:focus-within {
  background: rgba(220, 240, 255, 0.4) !important;
  border-color: rgba(100, 150, 240, 0.7) !important;
  box-shadow: 0 12px 30px rgba(0, 30, 60, 0.15), 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important;
}

/* 额外：主要操作按钮毛玻璃风格（淡蓝） */
.MuiButton-containedPrimary {
  background: rgba(180, 210, 250, 0.25) !important;
  backdrop-filter: blur(10px) !important;
  color: #1e2a3a !important;
  border: 1px solid rgba(140, 180, 240, 0.4) !important;
  box-shadow: none !important;
}

.MuiButton-containedPrimary:hover {
  background: rgba(190, 220, 255, 0.4) !important;
  border-color: rgba(120, 170, 240, 0.6) !important;
}