/* ============================================================
   ⚔️ 道家墨金 · 修仙界面终极美化方案
   主色：墨底 · 暗金 · 朱砂 · 竹青
   直接复制到 AI风月 内置CSS 区域
   ============================================================ */

/* ==================== 顶部栏 ==================== */
.sticky.w-full.top-0.flex.items-center {
  background: linear-gradient(180deg, rgba(12,10,8,0.97) 0%, rgba(18,14,10,0.95) 100%) !important;
  border-bottom: 1px solid rgba(180,145,60,0.25) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.50), 0 1px 0 rgba(180,145,60,0.12) !important;
  backdrop-filter: blur(16px) !important;
}
#ai-model-selector .group.flex.items-center {
  background: rgba(180,145,60,0.07) !important;
  border-radius: 5px !important;
  padding: 4px 12px !important;
  border: 1px solid rgba(180,145,60,0.18) !important;
  transition: all 0.4s ease !important;
}
#ai-model-selector .group.flex.items-center:hover {
  background: rgba(180,145,60,0.15) !important;
  box-shadow: 0 0 14px rgba(180,145,60,0.22) !important;
  border-color: rgba(200,165,80,0.40) !important;
}
#ai-model-selector .truncate.text-\[13px\] {
  color: #c8a840 !important;
  font-family: 'Noto Serif SC', serif !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
}
#ai-model-selector .shrink-0.flex.items-center svg { color: #b49030 !important; }
.sticky.w-full.top-0 svg.lucide-clock-8 {
  color: #c8a840 !important;
  filter: drop-shadow(0 0 4px rgba(180,145,60,0.45)) !important;
}
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
  background: linear-gradient(135deg, #cc4444, #992222) !important;
  box-shadow: 0 0 7px rgba(180,60,60,0.55) !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 { color: #c8a840 !important; }
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
  color: #c8a840 !important;
  filter: drop-shadow(0 0 4px rgba(180,145,60,0.38)) !important;
}
#header-setting-button {
  background: transparent !important;
  border: 1px solid rgba(180,145,60,0.28) !important;
  border-radius: 5px !important;
  padding: 6px 14px !important;
  color: #c8a840 !important;
  font-family: 'Noto Serif SC', serif !important;
  font-weight: 500 !important;
  letter-spacing: 2px !important;
  transition: all 0.35s ease !important;
}
#header-setting-button:hover {
  background: rgba(180,145,60,0.10) !important;
  box-shadow: 0 0 12px rgba(180,145,60,0.28) !important;
  border-color: #c8a840 !important;
}
#header-setting-button svg { color: #c8a840 !important; }

/* ==================== 开场白选择器 ==================== */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
  background: linear-gradient(90deg, rgba(180,145,60,0.08), rgba(140,110,40,0.08)) !important;
  border: 1px solid rgba(180,145,60,0.25) !important;
  color: #c8a840 !important;
  font-family: 'Noto Serif SC', serif !important;
  transition: all 0.35s ease !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
  background: linear-gradient(90deg, rgba(180,145,60,0.16), rgba(140,110,40,0.16)) !important;
  border-color: #c8a840 !important;
  box-shadow: 0 0 14px rgba(180,145,60,0.25) !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"],
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] { color: #b49030 !important; }

/* ==================== 按钮栏 · 修仙名称替换 ==================== */
#ai-mod-button2 button.MuiButton-root {
  font-family: 'Noto Serif SC', serif !important;
  background: linear-gradient(135deg, rgba(28,22,12,0.92), rgba(42,34,16,0.88)) !important;
  color: transparent !important;
  font-size: 0 !important;
  border: 1px solid rgba(180,145,60,0.35) !important;
  border-radius: 5px !important;
  padding: 7px 16px !important;
  min-width: 80px !important;
  min-height: 34px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.35), inset 0 1px 0 rgba(180,145,60,0.08) !important;
  transition: all 0.35s cubic-bezier(.4,0,.2,1) !important;
  position: relative !important;
  overflow: hidden !important;
  text-transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#ai-mod-button2 button.MuiButton-root::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: -100% !important;
  width: 100% !important; height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(180,145,60,0.12), transparent) !important;
  transition: left 0.5s ease !important;
}
#ai-mod-button2 button.MuiButton-root:hover::before { left: 100% !important; }
#ai-mod-button2 button.MuiButton-root:hover {
  background: linear-gradient(135deg, rgba(42,34,16,0.96), rgba(58,46,20,0.92)) !important;
  box-shadow: 0 0 18px rgba(180,145,60,0.35), inset 0 1px 0 rgba(200,165,80,0.12) !important;
  border-color: #c8a840 !important;
  transform: translateY(-1px) !important;
}
#ai-mod-button2 button.MuiButton-root svg {
  color: #c8a840 !important;
  font-size: 16px !important;
  width: 16px !important; height: 16px !important;
  flex-shrink: 0 !important;
}
#ai-mod-button2 button.MuiButton-root::after {
  font-size: 13px !important;
  color: #c8a840 !important;
  font-family: 'Noto Serif SC', serif !important;
  letter-spacing: 2px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  display: inline-block !important;
  margin-left: 4px !important;
}
#ai-mod-button2 button.MuiButton-root:nth-child(1)::after { content: '法旨' !important; }
#ai-mod-button2 button.MuiButton-root:nth-child(2)::after { content: '观想' !important; }
#ai-mod-button2 button.MuiButton-root:nth-child(3)::after { content: '踏虚' !important; }
#ai-mod-button2 button.MuiButton-root:nth-child(4)::after { content: '结印' !important; }
#ai-mod-button2 button.MuiButton-root:nth-child(5)::after { content: '炼化' !important; }
#ai-mod-button2 button.MuiButton-root:nth-child(6)::after { content: '问道' !important; }
#ai-mod-button2 button.MuiButton-root:nth-child(7)::after { content: '封禁' !important; }
#ai-mod-button2 button.MuiButton-root:nth-child(8)::after { content: '轮回' !important; }

/* ==================== 底部输入栏 ==================== */
.bg-gradient-to-t {
  background: linear-gradient(0deg, rgba(10,8,6,0.97) 0%, rgba(10,8,6,0.85) 60%, transparent 100%) !important;
  backdrop-filter: blur(12px) !important;
}
#ai-chat-bottom-input {
  background: rgba(18,14,10,0.92) !important;
  border: 1px solid rgba(180,145,60,0.22) !important;
  border-radius: 8px !important;
  box-shadow: 0 0 20px rgba(0,0,0,0.45), inset 0 1px 0 rgba(180,145,60,0.07) !important;
  padding: 10px 16px !important;
  transition: all 0.35s ease !important;
}
#ai-chat-bottom-input:focus-within {
  border-color: rgba(180,145,60,0.50) !important;
  box-shadow: 0 0 28px rgba(0,0,0,0.50), 0 0 14px rgba(180,145,60,0.18) !important;
}
#ai-chat-input {
  background: transparent !important;
  color: #c0a060 !important;
  font-family: 'Noto Serif SC', serif !important;
  font-size: 1em !important;
  line-height: 1.8 !important;
  caret-color: #c8a840 !important;
}
#ai-chat-input::placeholder {
  color: rgba(180,145,60,0.32) !important;
  font-style: italic !important;
}
#ai-chat-input::selection {
  background: rgba(180,145,60,0.28) !important;
  color: #d4b060 !important;
}

/* ==================== 分页栏 ==================== */
.MuiPaginationItem-root {
  color: #c8a840 !important;
  border: 1px solid rgba(180,145,60,0.18) !important;
  background: rgba(18,14,10,0.60) !important;
  font-family: 'Noto Serif SC', serif !important;
  transition: all 0.3s ease !important;
}
.MuiPaginationItem-root:hover {
  background: rgba(180,145,60,0.12) !important;
  border-color: #c8a840 !important;
  box-shadow: 0 0 10px rgba(180,145,60,0.22) !important;
}
.MuiPaginationItem-root.Mui-selected {
  background: linear-gradient(135deg, rgba(100,78,20,0.92), rgba(140,110,36,0.88)) !important;
  color: #e8c860 !important;
  border-color: #c8a840 !important;
  box-shadow: 0 0 12px rgba(180,145,60,0.35) !important;
}
.MuiPaginationItem-root.Mui-disabled { opacity: 0.35 !important; }
.MuiPaginationItem-icon { color: #b49030 !important; }
.MuiStack-root.css-1uwir8f .MuiBox-root { color: #c8a840 !important; }
.MuiInputBase-input {
  background: rgba(18,14,10,0.72) !important;
  border: 1px solid rgba(180,145,60,0.22) !important;
  color: #c0a060 !important;
  border-radius: 4px !important;
}

/* ==================== 评论区 ==================== */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
  background-color: #0e0b08 !important;
  border-top: 1px solid rgba(180,145,60,0.18) !important;
  box-shadow: 0 -4px 22px rgba(0,0,0,0.45) !important;
  color: #c0a060 !important;
}
div.text-lg.font-bold {
  color: #c8a840 !important;
  font-family: 'Noto Serif SC', serif !important;
  letter-spacing: 3px !important;
}
p.MuiTypography-body1.text-grey-600 { color: #b49030 !important; }
span.MuiRating-iconEmpty svg { color: rgba(180,145,60,0.25) !important; }
span.MuiRating-iconFilled svg {
  color: #d4903a !important;
  filter: drop-shadow(0 0 5px rgba(200,130,50,0.55)) !important;
}
span.text-orange-500 { color: #c8a840 !important; }
div.flex.flex-col.border-gray-200 {
  border: 1px solid rgba(180,145,60,0.22) !important;
  border-radius: 6px !important;
  background: rgba(18,14,10,0.85) !important;
}
textarea.rc-textarea {
  background: transparent !important;
  color: #c0a060 !important;
  caret-color: #c8a840 !important;
  font-family: 'Noto Serif SC', serif !important;
}
div.bg-gray-100.text-gray-500 {
  background: rgba(18,14,10,0.65) !important;
  color: rgba(180,145,60,0.55) !important;
}
div.cursor-pointer.group.flex.items-center.justify-center {
  background: linear-gradient(135deg, rgba(100,78,20,0.92), rgba(140,110,36,0.88)) !important;
  border-radius: 5px !important;
  transition: all 0.3s ease !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover {
  background: linear-gradient(135deg, rgba(140,110,36,0.96), rgba(170,138,45,0.92)) !important;
  box-shadow: 0 0 12px rgba(180,145,60,0.42) !important;
}
div[data-state="closed"] svg[data-icon="Send03"] { color: #e8c860 !important; }
div.style_divider__mW0YX { background: rgba(180,145,60,0.14) !important; }
button.MuiButton-containedPrimary {
  background: linear-gradient(135deg, rgba(100,78,20,0.95), rgba(140,110,36,0.90)) !important;
  color: #e8c860 !important;
  border-color: #c8a840 !important;
  font-family: 'Noto Serif SC', serif !important;
  letter-spacing: 2px !important;
  box-shadow: 0 0 10px rgba(180,145,60,0.28) !important;
}
button.MuiButton-outlinedPrimary {
  border-color: rgba(180,145,60,0.32) !important;
  color: #c8a840 !important;
  font-family: 'Noto Serif SC', serif !important;
  letter-spacing: 1px !important;
}
button.MuiButton-outlinedPrimary:hover {
  background: rgba(180,145,60,0.10) !important;
  border-color: #c8a840 !important;
}
div.group.ml-0 {
  background: rgba(18,14,10,0.45) !important;
  border-radius: 7px !important;
  padding: 12px !important;
  margin-bottom: 10px !important;
  border: 1px solid rgba(180,145,60,0.10) !important;
  transition: border-color 0.3s ease !important;
}
div.group.ml-0:hover { border-color: rgba(180,145,60,0.24) !important; }
div.group img.rounded-full {
  border: 2px solid rgba(180,145,60,0.40) !important;
  box-shadow: 0 0 8px rgba(180,145,60,0.22) !important;
}
div.text-sm.text-grey-600 span.font-bold { color: #c8a840 !important; }
span.text-\[10px\] {
  color: #b49030 !important;
  background: rgba(180,145,60,0.14) !important;
  padding: 2px 7px !important;
  border-radius: 3px !important;
}
div.break-all { color: #c0a060 !important; }
div.text-xs.text-grey-600 { color: rgba(180,145,60,0.55) !important; }
button.text-gray-400, button.text-gray-400 svg { color: rgba(180,145,60,0.50) !important; }
button.text-gray-400:hover svg {
  color: #c8a840 !important;
  filter: drop-shadow(0 0 4px rgba(180,145,60,0.45)) !important;
}
span.cursor-pointer { color: #c8a840 !important; }
div.ml-8.border-l { border-left-color: rgba(180,145,60,0.22) !important; }
[class*="bg-[#F1CBCB]"], [class*="bg-[#c9e1e9]"] { display: none !important; }

/* ============================================================
   🗡️ 聊天框修仙核心 · 墨金符文包裹
   ============================================================ */

/* 聊天框容器 */
.bg-gray-100\/90.relative.inline-block {
  background: linear-gradient(160deg, rgba(14,11,7,0.95) 0%, rgba(20,16,10,0.97) 100%) !important;
  border: 1px solid rgba(180,145,60,0.30) !important;
  border-radius: 10px !important;
  box-shadow:
    0 4px 30px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(180,145,60,0.04),
    0 0 0 1px rgba(180,145,60,0.08) !important;
  backdrop-filter: blur(14px) !important;
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;
}

/* 四角符文装饰（不遮挡文字）*/
.bg-gray-100\/90.relative.inline-block::before {
  content: '' !important;
  position: absolute !important;
  inset: -2px !important;
  border-radius: 11px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse at 0% 0%, rgba(180,145,60,0.22) 0%, transparent 55%),
    radial-gradient(ellipse at 100% 0%, rgba(180,145,60,0.18) 0%, transparent 55%),
    radial-gradient(ellipse at 0% 100%, rgba(180,145,60,0.18) 0%, transparent 55%),
    radial-gradient(ellipse at 100% 100%, rgba(180,145,60,0.22) 0%, transparent 55%) !important;
  animation: corner-glow 4s ease-in-out infinite !important;
}

/* 顶部符文横线装饰 */
.bg-gray-100\/90.relative.inline-block::after {
  content: '— ✦ 道 · 法 · 自 · 然 ✦ —' !important;
  position: absolute !important;
  top: -18px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  font-size: 9px !important;
  color: rgba(180,145,60,0.55) !important;
  font-family: 'Noto Serif SC', serif !important;
  letter-spacing: 4px !important;
  white-space: nowrap !important;
  z-index: 10 !important;
  pointer-events: none !important;
  text-shadow: 0 0 6px rgba(180,145,60,0.40) !important;
}

/* ==================== 聊天框文字 ==================== */
.markdown-body {
  color: #c0a060 !important;
  line-height: 1.92 !important;
  font-size: 15px !important;
  background: transparent !important;
  position: relative !important;
  z-index: 2 !important;
  font-family: 'Noto Serif SC', serif !important;
}
/* 段落 · 朱砂竖线点缀 */
.markdown-body p {
  position: relative !important;
  padding-left: 12px !important;
  margin-bottom: 1em !important;
  color: #c0a060 !important;
}
.markdown-body p::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 6px !important;
  bottom: 6px !important;
  width: 2px !important;
  background: linear-gradient(180deg, transparent, rgba(180,60,40,0.55), rgba(180,145,60,0.45), transparent) !important;
  border-radius: 1px !important;
}
/* 段首符文点 */
.markdown-body p::after {
  content: '◆' !important;
  position: absolute !important;
  left: -8px !important;
  top: 4px !important;
  font-size: 5px !important;
  color: rgba(180,145,60,0.45) !important;
  line-height: 1 !important;
}
/* 加粗 · 暗金 */
.markdown-body strong {
  color: #d4a840 !important;
  font-weight: 700 !important;
  text-shadow: 0 0 6px rgba(180,145,60,0.30) !important;
}
/* 斜体 · 朱砂 */
.markdown-body em {
  color: #c06040 !important;
  font-style: italic !important;
}
/* 引用块 · 竹简风 */
.markdown-body blockquote {
  border-left: 3px solid rgba(180,145,60,0.55) !important;
  background: rgba(180,145,60,0.06) !important;
  padding: 8px 14px !important;
  border-radius: 0 6px 6px 0 !important;
  color: #b49030 !important;
  font-style: italic !important;
}
/* 代码 */
.markdown-body code {
  background: rgba(100,78,20,0.25) !important;
  color: #d4b060 !important;
  border-radius: 3px !important;
  padding: 2px 6px !important;
  font-size: 0.88em !important;
  border: 1px solid rgba(180,145,60,0.18) !important;
}
/* 分割线 */
.markdown-body hr {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(180,145,60,0.40), rgba(180,60,40,0.30), rgba(180,145,60,0.40), transparent) !important;
  margin: 14px 0 !important;
}
/* 列表 */
.markdown-body ul li::marker,
.markdown-body ol li::marker { color: #c8a840 !important; }
.markdown-body li { color: #c0a060 !important; padding-left: 4px !important; }

/* 聊天框底部按钮 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
  color: #b49030 !important;
  font-family: 'Noto Serif SC', serif !important;
  font-size: 0.82em !important;
  letter-spacing: 1px !important;
  text-transform: none !important;
  transition: all 0.3s ease !important;
  border-radius: 4px !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
  color: #c8a840 !important;
  background: rgba(180,145,60,0.10) !important;
  text-shadow: 0 0 6px rgba(180,145,60,0.38) !important;
}
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
  color: #b49030 !important;
  font-family: 'Noto Serif SC', serif !important;
  font-size: 0.80em !important;
  letter-spacing: 1px !important;
}
.text-orange-500 { color: #d4903a !important; }

/* ==================== 状态栏美化（details/summary折叠块） ==================== */
/* summary 标题行 */
details > summary {
  cursor: pointer !important;
  padding: 8px 14px !important;
  background: linear-gradient(90deg, rgba(100,78,20,0.55), rgba(60,46,14,0.45)) !important;
  border: 1px solid rgba(180,145,60,0.28) !important;
  border-radius: 5px !important;
  color: #c8a840 !important;
  font-family: 'Noto Serif SC', serif !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  font-size: 0.92em !important;
  list-style: none !important;
  transition: all 0.3s ease !important;
  position: relative !important;
}
details > summary::before {
  content: '⚔' !important;
  margin-right: 8px !important;
  color: #d4903a !important;
  font-size: 0.85em !important;
}
details > summary:hover {
  background: linear-gradient(90deg, rgba(140,110,36,0.65), rgba(100,78,20,0.55)) !important;
  box-shadow: 0 0 12px rgba(180,145,60,0.22) !important;
  border-color: #c8a840 !important;
}
details[open] > summary {
  border-radius: 5px 5px 0 0 !important;
  border-bottom-color: rgba(180,145,60,0.15) !important;
}
/* details 展开内容区 */
details > *:not(summary) {
  background: rgba(14,11,7,0.70) !important;
  border: 1px solid rgba(180,145,60,0.18) !important;
  border-top: none !important;
  border-radius: 0 0 5px 5px !important;
  padding: 10px 14px !important;
  color: #c0a060 !important;
  font-family: 'Noto Serif SC', serif !important;
  font-size: 0.90em !important;
  line-height: 1.85 !important;
}
/* 状态栏内 table 美化 */
details table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 6px 0 !important;
}
details table th {
  background: rgba(100,78,20,0.45) !important;
  color: #c8a840 !important;
  padding: 5px 10px !important;
  font-family: 'Noto Serif SC', serif !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  font-size: 0.88em !important;
  border: 1px solid rgba(180,145,60,0.20) !important;
}
details table td {
  color: #b89840 !important;
  padding: 5px 10px !important;
  font-size: 0.88em !important;
  border: 1px solid rgba(180,145,60,0.12) !important;
  font-family: 'Noto Serif SC', serif !important;
}
details table tr:nth-child(even) td {
  background: rgba(100,78,20,0.12) !important;
}
/* 状态栏内 strong/b */
details strong, details b {
  color: #d4a840 !important;
  font-weight: 700 !important;
}
/* 状态栏内 列表 */
details ul, details ol {
  padding-left: 18px !important;
}
details li {
  color: #c0a060 !important;
  padding: 2px 0 !important;
}
details li::marker { color: #c8a840 !important; }
/* 状态栏内水平分割线 */
details hr {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(180,145,60,0.38), transparent) !important;
  margin: 8px 0 !important;
}

/* ==================== 修仙思考动画 · 道家阵盘旋转 ==================== */
/* 隐藏默认加载点 */
.style_dot-flashing__8L91Q.style_text__zGhNq { display: none !important; }

/* 加载容器 */
.flex.items-center.justify-center.w-6.h-5 {
  position: relative !important;
  width: 52px !important;
  height: 52px !important;
  overflow: visible !important;
}

/* SMIL SVG 道家阵盘（符文轮转 + 太极感） */
.flex.items-center.justify-center.w-6.h-5::before {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 52px !important;
  height: 52px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52' width='52' height='52'%3E%3C!-- 外圈旋转阵盘 --%3E%3Cg%3E%3Canimate attributeName='transform' type='rotate' values='0 26 26;360 26 26' dur='6s' repeatCount='indefinite'/%3E%3Ccircle cx='26' cy='26' r='23' fill='none' stroke='rgba(180,145,60,0.28)' stroke-width='1' stroke-dasharray='4 3'/%3E%3C!-- 八卦八个方位点 --%3E%3Ccircle cx='26' cy='4' r='1.8' fill='%23c8a840' opacity='0.7'%3E%3Canimate attributeName='opacity' values='0.7;0.2;0.7' dur='1.5s' begin='0s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='42.3' cy='10' r='1.8' fill='%23c8a840' opacity='0.6'%3E%3Canimate attributeName='opacity' values='0.6;0.15;0.6' dur='1.5s' begin='0.19s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='48' cy='26' r='1.8' fill='%23c8a840' opacity='0.7'%3E%3Canimate attributeName='opacity' values='0.7;0.2;0.7' dur='1.5s' begin='0.38s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='42.3' cy='42' r='1.8' fill='%23c8a840' opacity='0.6'%3E%3Canimate attributeName='opacity' values='0.6;0.15;0.6' dur='1.5s' begin='0.56s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='26' cy='48' r='1.8' fill='%23c8a840' opacity='0.7'%3E%3Canimate attributeName='opacity' values='0.7;0.2;0.7' dur='1.5s' begin='0.75s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='9.7' cy='42' r='1.8' fill='%23c8a840' opacity='0.6'%3E%3Canimate attributeName='opacity' values='0.6;0.15;0.6' dur='1.5s' begin='0.94s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='4' cy='26' r='1.8' fill='%23c8a840' opacity='0.7'%3E%3Canimate attributeName='opacity' values='0.7;0.2;0.7' dur='1.5s' begin='1.13s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='9.7' cy='10' r='1.8' fill='%23c8a840' opacity='0.6'%3E%3Canimate attributeName='opacity' values='0.6;0.15;0.6' dur='1.5s' begin='1.31s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C!-- 中圈反向旋转 --%3E%3Cg%3E%3Canimate attributeName='transform' type='rotate' values='0 26 26;-360 26 26' dur='4s' repeatCount='indefinite'/%3E%3Ccircle cx='26' cy='26' r='14' fill='none' stroke='rgba(180,60,40,0.35)' stroke-width='1' stroke-dasharray='3 4'/%3E%3Ccircle cx='26' cy='13' r='1.4' fill='%23c05030' opacity='0.8'/%3E%3Ccircle cx='37.1' cy='19.5' r='1.4' fill='%23c05030' opacity='0.7'/%3E%3Ccircle cx='37.1' cy='32.5' r='1.4' fill='%23c05030' opacity='0.8'/%3E%3Ccircle cx='26' cy='39' r='1.4' fill='%23c05030' opacity='0.7'/%3E%3Ccircle cx='14.9' cy='32.5' r='1.4' fill='%23c05030' opacity='0.8'/%3E%3Ccircle cx='14.9' cy='19.5' r='1.4' fill='%23c05030' opacity='0.7'/%3E%3C/g%3E%3C!-- 内核太极符 --%3E%3Ccircle cx='26' cy='26' r='7' fill='rgba(100,78,20,0.55)' stroke='rgba(180,145,60,0.50)' stroke-width='1'%3E%3Canimate attributeName='r' values='7;8.5;7' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.9;0.5;0.9' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ctext x='26' y='29.5' text-anchor='middle' font-size='8' fill='%23e8c860' font-family='serif' opacity='0.85'%3E道%3C/text%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

/* ==================== 关键帧动画 ==================== */
@keyframes corner-glow {
  0%,100% {
    background:
      radial-gradient(ellipse at 0% 0%, rgba(180,145,60,0.22) 0%, transparent 55%),
      radial-gradient(ellipse at 100% 0%, rgba(180,145,60,0.18) 0%, transparent 55%),
      radial-gradient(ellipse at 0% 100%, rgba(180,145,60,0.18) 0%, transparent 55%),
      radial-gradient(ellipse at 100% 100%, rgba(180,145,60,0.22) 0%, transparent 55%);
  }
  50% {
    background:
      radial-gradient(ellipse at 0% 0%, rgba(180,145,60,0.40) 0%, transparent 55%),
      radial-gradient(ellipse at 100% 0%, rgba(180,60,40,0.30) 0%, transparent 55%),
      radial-gradient(ellipse at 0% 100%, rgba(180,60,40,0.30) 0%, transparent 55%),
      radial-gradient(ellipse at 100% 100%, rgba(180,145,60,0.40) 0%, transparent 55%);
  }
}

/* ==================== 移动端适配 ==================== */
@media (max-width: 480px) {
  .flex.items-center.justify-center.w-6.h-5 {
    width: 42px !important;
    height: 42px !important;
  }
  .bg-gray-100\/90.relative.inline-block::after {
    font-size: 8px !important;
    letter-spacing: 2px !important;
    top: -16px !important;
  }
}

/* 降低动效模式 */
@media (prefers-reduced-motion: reduce) {
  @keyframes corner-glow {
    0%,100% {
      background:
        radial-gradient(ellipse at 0% 0%, rgba(180,145,60,0.15) 0%, transparent 55%),
        radial-gradient(ellipse at 100% 100%, rgba(180,145,60,0.15) 0%, transparent 55%);
    }
  }
}