/* 墨绿色风格美化，点缀小狗线条绿色绘画表情 - 增强版 */

/* 定义CSS变量，方便管理配色 */
<ai> {
  --main-green: #2E4A3F; /* 深墨绿色 */
  --secondary-gray-green: #8B9B8B; /* 浅灰绿 */
  --accent-yellow-green: #A2CC5F; /* 鲜亮的黄绿色 */
  --text-off-white: #F0F0E0; /* 柔和的米白色 */
  --border-line-green: #90EE90; /* 稍亮的绿色用于细线条 */

  /* 新增主题色变体：深蓝与亮黄 */
  --theme-blue-main: #1A2E3D;
  --theme-blue-accent: #FFD700;
  --theme-blue-text: #E0E8F0;
}

/* 基础容器样式 */
<ai> {
  display: block;
  background-color: var(--main-green);
  color: var(--text-off-white);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  /* 动态背景纹理：墨绿色叶脉SVG */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="%233A5C4E" opacity="0.1" d="M0 0h100v100H0z"/><path fill="none" stroke="%233A5C4E" stroke-width="0.5" stroke-opacity="0.2" d="M0 50c25 0 25-50 50-50S75 50 100 50M0 50c25 0 25 50 50 50S75 50 100 50M50 0c0 25-50 25-50 50S25 75 50 100M50 0c0 25 50 25 50 50S75 75 50 100"/></svg>');
  background-size: 50px 50px; /* 调整大小使纹理更精细 */
}

/* 头部信息 */
<hd> {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border-line-green);
  position: relative;
}

/* 头部信息中的小狗表情 - 眨眼 */
<hd>::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23A2CC5F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 20v-6a4 4 0 0 1 8 0v6"></path><path d="M6 12c3.318 0 6.035-2.567 6.45-5.841C12.965 7.001 15.174 5 18 5h2"></path><path d="M10 20c-3.318 0-6.035-2.567-6.45-5.841C3.035 7.001 1.226 5 0 5H0"></path><circle cx="18" cy="18" r="3"></circle><path d="M1 18c0-1.657 1.343-3 3-3s3 1.343 3 3"></path></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  animation: pulse 2s infinite ease-in-out;
}

/* 主体内容区域 */
<article> {
  margin-bottom: 15px;
  padding: 10px 0;
}

/* details/summary 样式 */
<details> {
  border: 1px solid var(--secondary-gray-green);
  border-radius: 6px;
  margin-bottom: 10px;
  background-color: rgba(46, 74, 63, 0.5);
  overflow: hidden; /* 确保内容不会溢出圆角 */
}

<summary> {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  background-color: var(--accent-yellow-green);
  color: var(--main-green);
  font-weight: bold;
  font-size: 1.1em;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  position: relative;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

<summary:hover> {
  background-color: #8ac23f;
  transform: translateY(-2px); /* 悬停微动 */
}

/* summary 旁边的箭头，替换为小狗表情（开心） */
<summary>::before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%232E4A3F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><path d="M9 9h.01"/><path d="M15 9h.01"/></svg>'); /* 开心小狗 */
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
}

/* details 展开时，summary的箭头旋转（小狗旋转） */
<details[open]> <summary>::before {
  transform: rotate(360deg); /* 360度旋转 */
}

/* details 内容区 */
<details p {
  margin: 0;
  padding: 0;
  padding-bottom: 5px; /* 确保段落之间有间距 */
}

<details d {
  margin: 0;
  padding: 0;
}

/* 状态栏内的段落和细节 */
<p t="主角">, <p t="表弟">, <p t="关系">, <p t="记忆">, <p t="行动"> {
  margin-bottom: 12px;
  padding-left: 5px;
  position: relative;
  border-bottom: 1px dashed rgba(139, 155, 139, 0.3); /* 虚线分隔 */
  padding-bottom: 10px;
}
<p t="行动"> {
  border-bottom: none; /* 行动推荐底部不需要分隔线 */
}

/* 交互高亮：所有<p>元素内的文本和<d>元素 */
<p t="主角"] d, <p t="表弟"] d, <p t="关系"] d, <p t="记忆"] d, <p t="行动"] d {
  transition: background-color 0.2s ease, color 0.2s ease;
}

<p t="主角"] d:hover, <p t="表弟"] d:hover, <p t="关系"] d:hover, <p t="记忆"] d:hover, <p t="行动"] d:hover {
  background-color: rgba(162, 204, 95, 0.1); /* 浅色高亮背景 */
  color: var(--accent-yellow-green); /* 文字颜色高亮 */
  cursor: pointer;
}


/* 角色名/焦点元素 */
<f> {
  font-weight: bold;
  color: var(--accent-yellow-green);
  margin-right: 8px;
  display: inline-block;
  transition: color 0.2s ease;
}

<f>:hover {
  color: #c2e680; /* 悬停时颜色更亮 */
}

/* 在角色名/焦点前添加小狗表情 - 好奇 */
<f>::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23A2CC5F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z"/><path d="M9.09 9.09a3 3 0 0 1 4.24 0"/><path d="M12 15h.01"/><path d="M12 12V10"/></svg>'); /* 好奇小狗 */
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
  vertical-align: middle;
  animation: pulse 2s infinite ease-in-out;
}

/* 细节/数据元素 */
<d> {
  display: block;
  margin-bottom: 5px;
  padding-left: 25px;
  position: relative;
}

/* 在详情数据前添加小狗表情 - 思考 */
<d>::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23A2CC5F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z"/><path d="M10 9l-2 3h4l-2 3"/><path d="M16 12h.01"/><path d="M8 12h.01"/></svg>'); /* 思考小狗 */
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 4px;
  animation: pulse 2s infinite ease-in-out;
}

/* 记忆区表格样式 */
<p t="记忆"] table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 8px;
  border-radius: 4px;
  overflow: hidden; /* 确保表格圆角 */
}

<p t="记忆"] th, <p t="记忆"] td {
  border: 1px solid var(--secondary-gray-green);
  padding: 6px 8px;
  text-align: left;
}

<p t="记忆"] th {
  background-color: var(--secondary-gray-green);
  color: var(--text-off-white);
  font-weight: bold;
}

<p t="记忆"] tr:nth-child(even) {
  background-color: rgba(46, 74, 63, 0.3);
}

/* 行动推荐 */
<p t="行动"] d {
  margin-bottom: 8px;
  padding-left: 30px;
  position: relative;
}

/* 行动推荐编号及小狗表情（奔跑） */
<p t="行动"] d::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: var(--accent-yellow-green);
  color: var(--main-green);
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  font-weight: bold;
  font-size: 12px;
  position: absolute;
  left: 0;
  top: 2px;
  z-index: 1;

  /* 小狗表情 - 奔跑 */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%232E4A3F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-1"></path><path d="M16 10s-1 1-2 1-2-1-2-1"></path><path d="M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"></path><path d="M12 18h-2a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h2"></path><path d="M12 18l-2 4"></path><path d="M12 18l2 4"></path><path d="M8 18l-2 4"></path><path d="M8 18l2 4"></path></svg>');
  background-size: 14px 14px; /* 调整小狗大小 */
  background-position: center;
  background-repeat: no-repeat;
}

/* 使用CSS计数器为行动推荐自动编号 */
<p t="行动"] {
  counter-reset: action-counter;
}
<p t="行动"] d {
  counter-increment: action-counter;
}
<p t="行动"] d::before {
  content: counter(action-counter); /* 显示数字 */
}
/* 小狗图标叠加在数字上 */
<p t="行动"] d::after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 2px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%232E4A3F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-1"></path><path d="M16 10s-1 1-2 1-2-1-2-1"></path><path d="M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"></path><path d="M12 18h-2a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h2"></path><path d="M12 18l-2 4"></path><path d="M12 18l2 4"></path><path d="M8 18l-2 4"></path><path d="M8 18l2 4"></path></svg>');
  background-size: 14px 14px;
  background-position: center;
  background-repeat: no-repeat;
  animation: run-dog 1.5s infinite linear; /* 跑步动画 */
}

/* 动画定义 */
@keyframes pulse {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.15); opacity: 0.7; }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes run-dog {
  0% { transform: translateX(0); }
  50% { transform: translateX(5px); } /* 模拟左右摆动 */
  100% { transform: translateX(0); }
}

/* 移动端优先样式 */
@media (max-width: 768px) {
  <ai> {
    padding: 8px;
  }
  <hd> {
    font-size: 1em;
    margin-bottom: 10px;
  }
  <summary> {
    font-size: 1em;
    padding: 8px 12px;
  }
  <p t="主角">, <p t="表弟">, <p t="关系">, <p t="记忆">, <p t="行动"> {
    padding-left: 20px;
  }
  <d>::before, <f>::before {
    width: 16px;
    height: 16px;
    left: 0;
  }
  <p t="行动"] d::before, <p t="行动"] d::after {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
  }
}

/* 主题色变体示例：深蓝与亮黄 */
/* 要启用此主题，您需要将以下CSS放在上述CSS之后，或者在<ai>容器上添加一个类，例如 <ai class="blue-theme"> */
/* <ai>.blue-theme {
  --main-green: var(--theme-blue-main);
  --secondary-gray-green: #4A6C8C;
  --accent-yellow-green: var(--theme-blue-accent);
  --text-off-white: var(--theme-blue-text);
  --border-line-green: #87CEEB;

  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="%232A4C6D" opacity="0.1" d="M0 0h100v100H0z"/><path fill="none" stroke="%232A4C6D" stroke-width="0.5" stroke-opacity="0.2" d="M0 50c25 0 25-50 50-50S75 50 100 50M0 50c25 0 25 50 50 50S75 50 100 50M50 0c0 25-50 25-50 50S25 75 50 100M50 0c0 25 50 25 50 50S75 75 50 100"/></svg>');
}

<ai>.blue-theme <summary> {
  color: var(--theme-blue-main);
}
<ai>.blue-theme <summary>::before {
  stroke: var(--theme-blue-main);
}
<ai>.blue-theme <f>::before, <ai>.blue-theme <d>::before {
  stroke: var(--theme-blue-accent);
}
<ai>.blue-theme <p t="行动"] d::before {
  background-color: var(--theme-blue-accent);
  color: var(--theme-blue-main);
}
<ai>.blue-theme <p t="行动"] d::after {
  stroke: var(--theme-blue-main);
}
*/
/* 乡村田园风格主题 */
/* 通用字体设置，确保风格统一且可读 */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
/* 顶部栏 - 嫩绿与米白渐变，如同天空与田野的交界 */
.sticky.w-full.top-0.flex.items-center {
  background: linear-gradient(90deg, #F9FBE7 0%, #AED581 50%, #F9FBE7 100%) !important;
  border-bottom: 1px solid #C5E1A5 !important;
  box-shadow: 0 2px 5px rgba(139, 195, 74, 0.1) !important;
}
/* 模型选择器 - 清爽的米白背景，嫩绿边框 */
#ai-model-selector .group.flex.items-center {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid #C5E1A5 !important;
  border-radius: 6px !important;
  padding: 0 10px !important;
}
/* 顶部文字与设置按钮 - 浓郁的草绿色 */
#ai-model-selector .truncate.text-\[13px\],
#header-setting-button {
  color: #33691E !important;
  font-weight: 500 !important;
}
/* 底部输入框 - 浅绿背景，柔和的绿色边框 */
#ai-chat-input {
  background: #F9FBE7 !important;
  border: 2px solid #C5E1A5 !important;
  box-shadow: inset 0 1px 3px rgba(174, 213, 129, 0.3) !important;
  color: #333 !important; /* 确保输入文字可读 */
  border-radius: 8px !important;
}
/* 输入框占位符 - 柔和的草绿色提示 */
#ai-chat-input::placeholder {
  color: rgba(102, 187, 106, 0.6) !important;
}
/* 评论区背景 - 嫩绿与米白的交织，如同一片精心打理的田园 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
  background: repeating-linear-gradient(
    45deg,
    #F9FBE7,
    #F9FBE7 12px,
    #E8F5E9 12px,
    #E8F5E9 24px
  ) !important;
  border-top: 1px solid #C5E1A5 !important;
}
/* 评论区标题 - 深沉的橄榄绿，沉稳大气 */
div.text-lg.font-bold {
  color: #33691E !important;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7) !important;
}
/* 评论区普通文本 - 质朴的深棕色，确保清晰阅读 */
div.break-all,
div.text-sm.text-grey-600 span.font-bold,
div.text-xs.text-grey-600 {
  color: #5D4037 !important;
}
/* 评分星星 - 饱满的嫩绿色，未选中的星星更显淡雅 */
span.MuiRating-iconFilled svg {
  color: #8BC34A !important;
}
span.MuiRating-iconEmpty svg {
  color: rgba(174, 213, 129, 0.4) !important;
}
/* 评论输入框容器 - 柔和的边框 */
div.flex.flex-col.border-gray-200 {
  border-color: #DCE775 !important;
  border-radius: 8px !important;
}
/* 评论输入框 - 搭配整体风格的浅绿背景和边框 */
textarea.rc-textarea {
  background-color: #F9FBE7 !important;
  border: 1px solid #C5E1A5 !important;
  border-radius: 6px !important;
  color: #333 !important;
}
/* 评论输入框字数统计 - 清新的草绿色 */
div.bg-gray-100.text-gray-500 {
  background-color: #E8F5E9 !important;
  color: #689F38 !important;
  border-radius: 0 0 6px 6px !important;
}
/* 发送评论按钮 - 圆润的嫩绿色，如同田间的小石块或果实 */
div.cursor-pointer.group.flex.items-center.justify-center {
  background: #8BC34A !important;
  border-radius: 50% !important; /* 更圆润的造型 */
  box-shadow: 0 2px 4px rgba(104, 159, 56, 0.4) !important;
  transition: all 0.2s ease-in-out !important;
}
/* 发送评论按钮图标 - 白色，确保在绿色背景上清晰可见 */
div[data-state="closed"] svg[data-icon="Send03"] {
  color: white !important;
}
/* 发送按钮悬停效果 - 颜色变深，微微放大，增加互动感 */
div.cursor-pointer.group.flex.items-center.justify-center:hover {
  background: #9CCC65 !important;
  transform: scale(1.05) !important;
  box-shadow: 0 4px 8px rgba(104, 159, 56, 0.5) !important;
}
/* 分割线 - 柔和的绿色 */
div.style_divider__mW0YX {
  background-color: #C5E1A5 !important;
  height: 1px !important;
}
/* 排序按钮 (选中状态) - 饱满的嫩绿色 */
button.MuiButton-containedPrimary {
  background: linear-gradient(#8BC34A, #689F38) !important;
  border-radius: 6px !important;
  color: white !important;
  transition: all 0.2s ease-in-out !important;
}
/* 排序按钮 (未选中状态) - 嫩绿边框，草绿色文字 */
button.MuiButton-outlinedPrimary {
  color: #689F38 !important;
  border-color: #8BC34A !important;
  border-radius: 6px !important;
  transition: all 0.2s ease-in-out !important;
}
/* 排序按钮 (选中状态) 悬停效果 */
button.MuiButton-containedPrimary:hover {
  background: linear-gradient(#9CCC65, #7CB342) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 3px 6px rgba(104, 159, 56, 0.3) !important;
}
/* 排序按钮 (未选中状态) 悬停效果 */
button.MuiButton-outlinedPrimary:hover {
  background-color: rgba(139, 195, 74, 0.1) !important;
  border-color: #7CB342 !important;
  color: #7CB342 !important;
}
/* 分页按钮 - 浅绿风格 */
.MuiPaginationItem-root {
  color: #689F38 !important;
}
/* 分页按钮选中/禁用状态 - 嫩绿背景，白色文字 */
.MuiPaginationItem-root.Mui-selected {
  background-color: #8BC34A !important;
  color: white !important;
}
.MuiPaginationItem-root.Mui-disabled {
  color: rgba(104, 159, 56, 0.4) !important;
}
/* 翻页箭头图标 - 保持嫩绿色 */
.MuiPaginationItem-icon {
  color: #689F38 !important;
}
/* 跳转输入区域文字样式 - 柔和的草绿色 */
.MuiStack-root.css-1uwir8f .MuiBox-root {
  color: #689F38 !important;
}
/* 跳转输入区域输入框 - 浅绿背景和边框 */
.MuiInputBase-input {
  background-color: #F9FBE7 !important;
  border: 1px solid #C5E1A5 !important;
  border-radius: 4px !important;
  color: #333 !important;
}
/* 用户头像和用户名 - 自然的深棕色文字 */
div.group img.rounded-full {
  border: 2px solid #C5E1A5 !important; /* 给头像添加一个浅绿边框 */
}
span.text-\[10px\] {
  color: #8BC34A !important; /* "（你）" 标签使用嫩绿色 */
}
/* 点赞按钮及图标 - 柔和的绿色调 */
button.text-gray-400 {
  color: #A2CF6E !important;
}
button.text-gray-400 svg {
  color: #A2CF6E !important;
}
button.text-gray-400:hover {
  color: #689F38 !important;
}
button.text-gray-400:hover svg {
  color: #689F38 !important;
}
/* 回复文字 - 鲜亮的嫩绿色 */
span.cursor-pointer {
  color: #8BC34A !important;
}
/* 回复区域边框 - 浅绿的指示线 */
div.ml-8.border-l {
  border-left-color: #C5E1A5 !important;
}
/* --- 古风·墨染青竹美化方案 --- */
/* 1. 强制移除顶部默认颜色装饰条 */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}
/* 2. 聊天框整体设计：宣纸质感与墨绿书脊 */
.bg-gray-100\/90.relative.inline-block {
    background-color: #f2e9d5 !important; /* 棕褐色宣纸色 */
    background-image: radial-gradient(#e4d7ba 1px, transparent 0) !important; /* 极细微的纸张颗粒感 */
    background-size: 20px 20px !important;
    border: 1px solid #dcd0b5 !important;
    border-left: 6px solid #2d4635 !important; /* 墨绿色书脊边框 */
    border-radius: 2px 12px 12px 2px !important;
    box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.08) !important;
    padding: 14px !important;
    isolation: isolate !important;
    overflow: hidden !important;
}
/* 3. 竹叶立绘点缀 (采用SVG SMIL方案确保兼容性) */
.bg-gray-100\/90.relative.inline-block::before {
    content: "" !important;
    position: absolute !important;
    bottom: -5px;
    right: -5px;
    width: 80px;
    height: 80px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M10,90 Q30,70 50,85 M20,80 Q40,50 65,75 M5,95 Q40,60 80,90' fill='none' stroke='%232d4635' stroke-width='1.5' opacity='0.3'/%3E%3Cpath d='M50,85 L45,75 M65,75 L60,60' stroke='%232d4635' stroke-width='1' opacity='0.2'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    z-index: 0 !important;
    pointer-events: none !important;
}
/* 4. 主要文本内容：确保极致可读性 */
.markdown-body {
    color: #1a2a1e !important; /* 极深墨绿色，接近墨黑 */
    font-family: "Noto Serif SC", "STSong", "SimSun", serif !important;
    line-height: 1.75 !important;
    z-index: 1 !important;
    position: relative !important;
    background: transparent !important;
}
/* 5. 底部附加元素：按钮与模型信息 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #4a5d4e !important; /* 沉稳的中性墨绿 */
    font-weight: 600 !important;
    opacity: 0.85 !important;
}
/* 6. 加载动画美化：青竹脉动 */
/* 隐藏原生加载点 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}
/* 使用SVG SMIL实现自定义加载动画 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
}
.flex.items-center.justify-center.w-6.h-5::before {
    content: "" !important;
    width: 18px !important;
    height: 18px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='6' fill='%232d4635'%3E%3Canimate attributeName='r' values='4;7;4' dur='2s' repeatCount='indefinite' /%3E%3Canimate attributeName='opacity' values='0.2;0.7;0.2' dur='2s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    display: block !important;
}
/* 7. 移动端适配 */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block {
        border-left-width: 4px !important;
        padding: 10px !important;
    }
    .bg-gray-100\/90.relative.inline-block::before {
        width: 60px;
        height: 60px;
    }
}