/* 隐藏浅蓝色条 */
div[class*="bg-[#c9e1e9]"][class*="top-0"][class*="h-0.5"] {
  display: none !important;
}

/* 隐藏浅粉色条 */
div[class*="bg-[#F1CBCB]"][class*="top-0"][class*="h-0.5"] {
  display: none !important;
}
/* 
 * ---------------------------------
 *   模块一：对话气泡美化（AI侧）
 * ---------------------------------
 */
.group .bg-gray-100\/90 {
    background-color: #FFFBF5;               /* 减少黄调，更接近自然白 */
    background-image: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 3px,
        rgba(200, 180, 150, 0.06) 3px,
        rgba(200, 180, 150, 0.06) 4px
    );                                       /* 纹理更加清淡 */
    border: 1.5px dashed #D4B89C !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    padding: 12px !important;
}

/* 
 * ---------------------------------
 *   模块二：平台按钮美化
 * ---------------------------------
 */
.flex.items-center.gap-2.pb-2 > button {
    background: #FFFFFF !important;
    color: #5A4636 !important;
    border: 1.5px solid #D4946A !important;       /* 暖棕边框，1.5px */
    border-radius: 6px !important;
    box-shadow: 3px 3px 0px #D4946A !important;   /* 右下清晰阴影 */
    font-weight: 600 !important;
    text-transform: none !important;
    transition: all 0.15s ease !important;
    padding: 6px 16px !important;
}
.flex.items-center.gap-2.pb-2 > button:hover {
    background: #FAE3D0 !important;
    color: #5A4636 !important;
    box-shadow: 1px 1px 0px #D4946A !important;
    transform: translate(2px, 2px);
}


/* 
 * ---------------------------------
 *   模块三：多余元素隐藏（保持原样）
 * ---------------------------------
 */
.MuiButtonBase-root.MuiButton-root.MuiButton-default.css-w13mdt,
.absolute.z-40 .px-4.py-2.hover\:bg-indigo-100:nth-child(5),
.css-nkqe49 {
    /* display: none !important; */
}


/* 
 * ---------------------------------
 *   模块四：输入栏美化（背景与气泡统一，边框不变）
 * ---------------------------------
 */
#ai-chat-input {
    background-color: #FFFBF5;               /* 与气泡相同的暖白底色 */
    background-image: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 3px,
        rgba(200, 180, 150, 0.06) 3px,
        rgba(200, 180, 150, 0.06) 4px
    );                                       /* 浅纸张纹理 */
    /* 以下边框和阴影保持原样，不做改动 */
    border: 1.5px solid #D4946A !important;
    border-radius: 8px !important;
    color: #4A3B32 !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.04) !important;
}
#ai-chat-bottom-input { 
    background: #FFFBF5 !important;           /* 输入栏容器也同步背景 */
    backdrop-filter: none !important; 
}





/* ========== 折叠状态栏 & 内容美化（更浅背景） ========== */
details {
  border: 1.5px solid #E69A6B;
  border-radius: 12px;
  background: #FFFCF5;          /* 更浅的暖白，比气泡更淡 */
  padding: 0.9em 1.2em;
  margin-bottom: 1em;
  font-size: 0.9em;
  color: #4A3B32;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

details summary {
  font-weight: 600;
  cursor: pointer;
  padding: 0.4em 0;
  margin-bottom: 0.5em;
  color: #4A3024;
  list-style: none;
}
details summary::-webkit-details-marker { display: none; }

details p, details li, details blockquote {
  line-height: 1.6;
  margin-bottom: 0.7em;
}

details a {
  color: #b45f2a;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* 表格保持不变 */
details table {
  width: 100%;
  max-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #ffffff;
  border: 1px solid #E6B88A;
  border-radius: 10px;
  overflow: hidden;
  font-size: 0.85em;
  color: #2c241a;
  margin: 0.8em 0;
  box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}
details table thead { background: #FFF3E0; }
details table th {
  font-weight: 600;
  padding: 0.65em 0.9em;
  border-bottom: 1.5px solid #E6B88A;
  color: #4A3B32;
  white-space: nowrap;
}
details table td {
  padding: 0.55em 0.9em;
  border-bottom: 1px solid #f0e0ca;
  color: #4A3B32;
  vertical-align: top;
}
details table tbody tr:nth-child(even) { background: #fffaf5; }
details table tbody tr:hover { background: #FFF3E0; }

@media (max-width: 768px) {
  details table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  details table th,
  details table td {
    white-space: nowrap;
    min-width: 100px;
  }
}