@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap');

/* ════════════════════════════════════════════════
   ⚜️修仙⚜️ · 颠覆重构 v6「大道至简·玉骨冰肌」
   · 极简苍青灰白 + 高透琉璃感 + 深邃星轨蓝/翡翠绿高光
   · 采用 CSS Grid + details 折叠 + clip-path 裁切 + SVG 边框
   · 全 !important，无变量，Zero-JS
   ════════════════════════════════════════════════ */

/* ───────── §0 重置 ───────── */
[class*="bg-[#F1CBCB]"], [class*="bg-[#c9e1e9]"] { display: none !important; }
.xx, .markdown-body { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; text-rendering: optimizeLegibility !important; }

/* ───────── §1 全局背景 · 极简冷玉 ───────── */
#root, .app-root, .h-screen { background-color: hsl(190,12%,92%) !important; color: hsl(190,20%,15%) !important; }
#root { background-image: radial-gradient(ellipse 70% 50% at 50% 0, hsla(160,30%,50%,0.05), transparent 60%), radial-gradient(ellipse 60% 50% at 100% 100%, hsla(220,30%,50%,0.05), transparent 60%) !important; background-attachment: fixed !important; }

/* ───────── §2 顶部栏 ───────── */
.sticky.w-full.top-0.flex.items-center { background: hsla(190,15%,95%,0.85) !important; border-bottom: 1px solid hsla(190,20%,80%,0.5) !important; box-shadow: 0 4px 15px hsla(190,20%,40%,0.05) !important; }
#ai-model-selector .group.flex.items-center { background: transparent !important; border: 1px solid transparent !important; border-radius: 8px !important; padding: 4px 10px !important; transition: background 0.2s, border-color 0.2s !important; }
#ai-model-selector .group.flex.items-center:hover { background: hsla(190,20%,85%,0.5) !important; border-color: hsl(220,30%,60%) !important; }
#ai-model-selector .truncate.text-\[13px\] { color: hsl(190,30%,30%) !important; font-weight: 600 !important; }
.sticky.w-full.top-0 svg { color: hsl(190,20%,50%) !important; transition: color 0.2s !important; }
.sticky.w-full.top-0 svg:hover, #header-setting-button:hover svg { color: hsl(220,40%,50%) !important; }

/* ───────── §3 侧边栏 ───────── */
.shadow-lg.border-r.border-gray-200 { background: hsl(190,15%,94%) !important; border-right: 1px solid hsla(190,20%,80%,0.5) !important; }
.MuiList-root { background: transparent !important; }
.conversation-text { color: hsl(190,20%,35%) !important; }

/* ───────── §4 开场白区 ───────── */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] { background: hsla(190,15%,96%,0.8) !important; border: 1px solid hsla(190,20%,80%,0.5) !important; transition: all 0.2s !important; }
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover { border-color: hsl(220,30%,60%) !important; box-shadow: 0 0 10px hsla(220,40%,60%,0.1) !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: hsl(190,20%,50%) !important; fill: hsl(190,20%,50%) !important; }

/* ───────── §5 功能按钮 ───────── */
#ai-mod-button2 { background: transparent !important; }
#ai-mod-button2 button.MuiButton-root { color: hsl(190,20%,45%) !important; border: 1px solid hsla(190,20%,75%,0.6) !important; background: transparent !important; border-radius: 20px !important; font-size: 13px !important; transition: all 0.2s !important; }
#ai-mod-button2 button.MuiButton-root:hover { background: hsla(220,30%,90%,0.5) !important; border-color: hsl(220,30%,60%) !important; color: hsl(220,40%,40%) !important; }
#ai-mod-button2 button.MuiButton-root svg { fill: hsl(190,20%,45%) !important; }

/* ───────── §6 聊天气泡 ───────── */
.chat-container { background-color: transparent !important; }
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) { background: hsla(190,15%,95%,0.9) !important; color: hsl(190,20%,20%) !important; border: 1px solid hsla(190,20%,80%,0.4) !important; border-left: 3px solid hsl(220,40%,60%) !important; border-radius: 6px !important; font-family: 'Noto Serif SC',serif !important; font-size: 15px !important; line-height: 1.8 !important; box-shadow: 0 2px 8px hsla(190,20%,40%,0.05) !important; }
.chat-answer-container .bg-gray-100\/90.relative.inline-block { background: transparent !important; border: none !important; box-shadow: none !important; }

/* ───────── §7 markdown 兜底 ───────── */
.markdown-body { color: hsl(190,20%,15%) !important; background: transparent !important; font-family: 'Noto Serif SC',serif !important; font-size: 1.05em !important; line-height: 1.85 !important; }
.markdown-body strong, .markdown-body b { color: hsl(220,40%,35%) !important; font-weight: 700 !important; }
.markdown-body em, .markdown-body i { color: hsl(160,40%,35%) !important; font-style: normal !important; }
.markdown-body h1, .markdown-body h2, .markdown-body h3 { color: hsl(190,30%,25%) !important; border-bottom: 1px solid hsla(190,20%,80%,0.5) !important; padding-bottom: 4px !important; }
.markdown-body a { color: hsl(220,40%,45%) !important; text-decoration: none !important; border-bottom: 1px solid hsla(220,40%,45%,0.3) !important; transition: all 0.2s !important; }
.markdown-body a:hover { color: hsl(160,40%,40%) !important; border-bottom-color: hsl(160,40%,40%) !important; }

/* ───────── §8 加载动画 · 灵气流转 ───────── */
.style-module__AtdJSq__dot-flashing, .style-module__AtdJSq__text { display: none !important; }
.style-module__AtdJSq__dot-flashing::before, .style-module__AtdJSq__dot-flashing::after { background-color: transparent !important; box-shadow: none !important; }
.flex.items-center.justify-center.w-6.h-5 {
  position: relative !important; width: 60vw !important; max-width: 300px !important; height: 80px !important; margin: 10px auto !important; overflow: hidden !important; border-radius: 8px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 80'%3E%3Cpath d='M0,40 Q75,10 150,40 T300,40' fill='none' stroke='hsl(160,40%25,60%25)' stroke-width='1' opacity='0.3'%3E%3Canimate attributeName='d' values='M0,40 Q75,10 150,40 T300,40; M0,40 Q75,70 150,40 T300,40; M0,40 Q75,10 150,40 T300,40' dur='4s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M0,40 Q75,70 150,40 T300,40' fill='none' stroke='hsl(220,40%25,60%25)' stroke-width='1' opacity='0.3'%3E%3Canimate attributeName='d' values='M0,40 Q75,70 150,40 T300,40; M0,40 Q75,10 150,40 T300,40; M0,40 Q75,70 150,40 T300,40' dur='5s' repeatCount='indefinite'/%3E%3C/path%3E%3Ccircle cx='150' cy='40' r='2' fill='hsl(160,50%25,50%25)'%3E%3Canimate attributeName='r' values='2;4;2' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.3;0.8;0.3' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") !important;
  background-size: 100% 100% !important; background-repeat: no-repeat !important; background-position: center !important;
}
.flex.items-center.justify-center.w-6.h-5::after { content: '天地衍化中...' !important; position: absolute !important; bottom: 5px !important; left: 50% !important; transform: translateX(-50%) !important; font-family: 'Noto Serif SC',serif !important; font-size: 12px !important; color: hsl(190,20%,50%) !important; letter-spacing: 4px !important; white-space: nowrap !important; animation: xx-pulse 2s ease-in-out infinite !important; }
@keyframes xx-pulse { 0%,100% { opacity: 0.4; } 50% { opacity: 0.9; text-shadow: 0 0 5px hsla(160,40%,60%,0.3); } }

/* ───────── §9 底部输入区 ───────── */
.bg-gradient-to-t { background: none !important; background-color: transparent !important; }
#ai-chat-bottom-input { background: hsla(190,15%,95%,0.9) !important; border-top: 1px solid hsla(190,20%,80%,0.5) !important; box-shadow: 0 -4px 15px hsla(190,20%,40%,0.03) !important; }
#ai-chat-input { background: hsla(190,20%,98%,0.8) !important; color: hsl(190,20%,20%) !important; caret-color: hsl(220,40%,50%) !important; border: 1px solid hsla(190,20%,75%,0.6) !important; border-radius: 8px !important; font-family: 'Noto Serif SC',serif !important; font-size: 15px !important; line-height: 1.7 !important; transition: all 0.2s !important; }
#ai-chat-input:focus { border-color: hsl(220,40%,60%) !important; box-shadow: 0 0 0 2px hsla(220,40%,60%,0.15) !important; outline: none !important; }
#ai-chat-input::placeholder { color: hsl(190,15%,60%) !important; opacity: 1 !important; }
textarea.rc-textarea { background: transparent !important; color: hsl(190,20%,20%) !important; border: none !important; font-family: 'Noto Serif SC',serif !important; }
#ai-send-button { background: hsl(220,35%,45%) !important; color: hsl(0,0%,100%) !important; border-radius: 8px !important; transition: all 0.2s !important; }
#ai-send-button:hover { background: hsl(220,40%,50%) !important; box-shadow: 0 0 10px hsla(220,40%,50%,0.3) !important; }

/* ───────── §10 分页 / MUI ───────── */
.MuiPaginationItem-root { color: hsl(190,20%,45%) !important; transition: all 0.2s !important; }
.MuiPaginationItem-root:hover { background: hsla(190,20%,85%,0.5) !important; color: hsl(220,40%,50%) !important; }
.MuiPaginationItem-root.Mui-selected { background: hsla(220,30%,50%,0.1) !important; color: hsl(220,40%,45%) !important; border: 1px solid hsl(220,30%,60%) !important; font-weight: 600 !important; }
.MuiDialog-paper, .MuiDrawer-paper { background: hsl(190,15%,96%) !important; color: hsl(190,20%,20%) !important; border: 1px solid hsla(190,20%,80%,0.5) !important; border-radius: 12px !important; }
.MuiBackdrop-root { background: hsla(190,20%,20%,0.4) !important; }

/* ───────── §13 滚动条 ───────── */
::-webkit-scrollbar { width: 4px !important; height: 4px !important; }
::-webkit-scrollbar-track { background: transparent !important; }
::-webkit-scrollbar-thumb { background: hsla(190,20%,70%,0.5) !important; border-radius: 2px !important; }
::-webkit-scrollbar-thumb:hover { background: hsl(220,30%,60%) !important; }
::selection { background: hsla(220,40%,60%,0.2) !important; color: hsl(220,50%,30%) !important; }

/* ════════════════════════════════════════════════
   AI 输出内容 · .xx (琉璃玉简)
   ════════════════════════════════════════════════ */
.xx, .xx div, .xx span, .xx p, .xx i, .xx b, .xx pre, .xx code, .xx details, .xx summary { box-sizing: border-box !important; }
.xx {
  position: relative !important; color: hsl(190,20%,18%) !important;
  font-family: 'Noto Serif SC',serif !important; line-height: 1.8 !important; 
  padding: 24px 20px !important; border-radius: 12px !important;
  background: linear-gradient(135deg, hsla(190,15%,98%,0.95), hsla(190,12%,94%,0.95)) !important;
  box-shadow: 0 10px 30px hsla(190,20%,30%,0.08), inset 0 0 0 1px hsla(0,0%,100%,0.8), inset 0 0 20px hsla(190,20%,85%,0.3) !important;
  overflow: hidden !important;
}



/* ── 1. 报头 .xx-mast ── */
.xx-mast { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 20px !important; padding-bottom: 12px !important; border-bottom: 1px solid hsla(190,20%,80%,0.4) !important; }
.xx-mast span { font-size: 1.2em !important; font-weight: 700 !important; letter-spacing: 6px !important; color: hsl(190,25%,35%) !important; text-transform: uppercase !important; }
.xx-mast i { font-style: normal !important; font-size: 0.8em !important; color: hsl(190,20%,40%) !important; letter-spacing: 2px !important; }

/* ── 2. 当前世界 .xx-world (带天气叠加) ── */
.xx-world { position: relative !important; display: flex !important; flex-wrap: wrap !important; gap: 12px 24px !important; margin-bottom: 24px !important; padding: 16px !important; border-radius: 8px !important; background: hsla(190,20%,95%,0.5) !important; border: 1px solid hsla(190,20%,85%,0.4) !important; box-shadow: inset 0 2px 10px hsla(0,0%,100%,0.5) !important; overflow: hidden !important; }
.xx-env { display: flex !important; gap: 16px !important; width: 100% !important; font-size: 0.9em !important; color: hsl(190,20%,40%) !important; border-bottom: 1px dotted hsla(190,20%,75%,0.5) !important; padding-bottom: 8px !important; }
.xx-kv b { color: hsl(190,25%,30%) !important; margin-right: 4px !important; }
.xx-loc { width: 100% !important; font-size: 0.9em !important; color: hsl(220,35%,45%) !important; display: flex !important; align-items: center !important; }
.xx-loc::before { content: '◈' !important; margin-right: 6px !important; color: hsl(160,40%,45%) !important; }
.xx-loc i { font-style: normal !important; }
.xx-loc i:not(:last-child)::after { content: '/' !important; margin: 0 6px !important; color: hsla(190,20%,70%,0.5) !important; }
.xx-news { width: 100% !important; font-size: 0.9em !important; color: hsl(190,20%,35%) !important; }
.xx-news b { font-size: 0.85em !important; background: hsla(190,20%,85%,0.5) !important; padding: 2px 6px !important; border-radius: 4px !important; margin-right: 6px !important; color: hsl(190,25%,30%) !important; }
/* 天气动效 (以 rain 为例) */
.xx-world[data-env="rain"]::before {
  content: '' !important; position: absolute !important; inset: 0 !important; pointer-events: none !important;
  background-image: repeating-linear-gradient(165deg, transparent 0, transparent 10px, hsla(190,30%,60%,0.1) 10px, hsla(190,30%,60%,0.1) 11px) !important;
  background-size: 100% 20px !important;
  animation: xx-rain 1s linear infinite !important;
}
@keyframes xx-rain { 0% { background-position: 0 0; } 100% { background-position: 0 20px; } }

/* ── 3. 正文 .xx-txt ── */
.xx-txt { font-size: 1.1em !important; text-align: justify !important; line-height: 2 !important; margin: 0 4px 30px !important; color: hsl(190,20%,18%) !important; }
.xx-txt::first-letter { font-size: 1.8em !important; float: left !important; margin: 6px 6px 0 0 !important; color: hsl(160,40%,40%) !important; font-weight: 700 !important; line-height: 1 !important; text-shadow: 2px 2px 4px hsla(160,40%,40%,0.2) !important; }

/* ── 4. 玩家/NPC 面板共通 ── */
.xx-plr, .xx-npc { margin-bottom: 24px !important; padding: 20px !important; border-radius: 10px !important; position: relative !important; z-index: 1 !important; }
/* 动态 SVG 边框 (玉简裁切感) */
.xx-plr::before, .xx-npc::before {
  content: '' !important; position: absolute !important; inset: 0 !important; z-index: -1 !important; border-radius: 10px !important;
  padding: 1px !important;
  background: linear-gradient(135deg, hsla(190,30%,80%,0.8), hsla(190,20%,90%,0.2), hsla(160,30%,70%,0.6)) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important; mask-composite: exclude !important;
}
.xx-plr::after, .xx-npc::after {
  content: '' !important; position: absolute !important; inset: 1px !important; z-index: -2 !important; border-radius: 9px !important;
  background: linear-gradient(to bottom right, hsla(190,15%,98%,0.8), hsla(190,10%,95%,0.6)) !important;
  box-shadow: inset 0 0 20px hsla(0,0%,100%,0.5) !important;
}

/* 头部 (姓名+标签) */
.xx-head { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 16px !important; }
.xx-name { font-size: 1.3em !important; font-weight: 700 !important; color: hsl(190,30%,25%) !important; letter-spacing: 2px !important; }
.xx-tags { display: flex !important; gap: 8px !important; }
.xx-tag { font-size: 0.8em !important; padding: 2px 8px !important; border-radius: 4px !important; border: 1px solid hsla(190,20%,75%,0.5) !important; color: hsl(190,20%,45%) !important; background: hsla(190,20%,90%,0.3) !important; }
/* 标签等级颜色 (Filter 链替代) */
.xx-tag[data-tier="common"] { border-color: hsl(190,10%,70%) !important; color: hsl(190,15%,45%) !important; }
.xx-tag[data-tier="uncommon"] { border-color: hsl(130,30%,60%) !important; color: hsl(130,40%,40%) !important; background: hsla(130,30%,90%,0.3) !important; }
.xx-tag[data-tier="rare"] { border-color: hsl(220,40%,65%) !important; color: hsl(220,50%,45%) !important; background: hsla(220,40%,90%,0.3) !important; }
.xx-tag[data-tier="epic"] { border-color: hsl(280,40%,65%) !important; color: hsl(280,50%,45%) !important; background: hsla(280,40%,90%,0.3) !important; }
.xx-tag[data-tier="legendary"] { border-color: hsl(40,60%,60%) !important; color: hsl(30,70%,45%) !important; background: hsla(40,60%,90%,0.3) !important; box-shadow: 0 0 8px hsla(40,60%,60%,0.3) !important; }

/* 进度条 (流转条纹) */
.xx-bars { display: flex !important; flex-direction: column !important; gap: 8px !important; margin-bottom: 16px !important; }
.xx-bar { position: relative !important; height: 16px !important; border-radius: 8px !important; background: hsla(190,15%,85%,0.5) !important; overflow: hidden !important; box-shadow: inset 0 1px 3px hsla(190,20%,20%,0.1) !important; }
.xx-bar i { display: block !important; height: 100% !important; width: 0; border-radius: 8px !important; transition: width 0.5s ease-out !important; }
.xx-bar b { position: absolute !important; inset: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 11px !important; font-weight: 600 !important; color: hsl(0,0%,100%) !important; text-shadow: 0 1px 2px hsla(0,0%,0%,0.5) !important; letter-spacing: 1px !important; z-index: 2 !important; }
/* 条纹遮罩 */
.xx-bar i::after { content: '' !important; position: absolute !important; inset: 0 !important; background-image: repeating-linear-gradient(-45deg, hsla(0,0%,100%,0.2) 0, hsla(0,0%,100%,0.2) 6px, transparent 6px, transparent 12px) !important; background-size: 17px 100% !important; animation: xx-stripes 2s linear infinite !important; }
@keyframes xx-stripes { 0% { background-position: 0 0; } 100% { background-position: 17px 0; } }

.xx-bar.hp i { background: linear-gradient(90deg, hsl(350,50%,60%), hsl(350,60%,50%)) !important; box-shadow: 0 0 8px hsla(350,60%,50%,0.4) !important; }
.xx-bar.hp.lo i { background: hsl(0,70%,45%) !important; animation: xx-danger 1s ease-in-out infinite !important; }
@keyframes xx-danger { 0%,100% { opacity: 1; } 50% { opacity: 0.6; } }
.xx-bar.mp i { background: linear-gradient(90deg, hsl(220,50%,65%), hsl(220,60%,55%)) !important; box-shadow: 0 0 8px hsla(220,60%,55%,0.4) !important; }
.xx-bar.xp i { background: linear-gradient(90deg, hsl(160,40%,60%), hsl(160,50%,45%)) !important; box-shadow: 0 0 8px hsla(160,50%,45%,0.4) !important; }

/* Width classes */
.xx-bar i.w0{width:0!important}.xx-bar i.w5{width:5%!important}.xx-bar i.w10{width:10%!important}.xx-bar i.w15{width:15%!important}.xx-bar i.w20{width:20%!important}.xx-bar i.w25{width:25%!important}.xx-bar i.w30{width:30%!important}.xx-bar i.w35{width:35%!important}.xx-bar i.w40{width:40%!important}.xx-bar i.w45{width:45%!important}.xx-bar i.w50{width:50%!important}.xx-bar i.w55{width:55%!important}.xx-bar i.w60{width:60%!important}.xx-bar i.w65{width:65%!important}.xx-bar i.w70{width:70%!important}.xx-bar i.w75{width:75%!important}.xx-bar i.w80{width:80%!important}.xx-bar i.w85{width:85%!important}.xx-bar i.w90{width:90%!important}.xx-bar i.w95{width:95%!important}.xx-bar i.w100{width:100%!important}

/* 信息条目 */
.xx-info { display: flex !important; flex-wrap: wrap !important; gap: 8px 16px !important; margin-bottom: 12px !important; }
.xx-r { display: flex !important; font-size: 0.9em !important; line-height: 1.5 !important; width: calc(50% - 8px) !important; border-bottom: 1px dotted hsla(190,20%,80%,0.5) !important; padding-bottom: 4px !important; }
.xx-r.wide { width: 100% !important; }
@media (max-width: 560px) { .xx-r, .xx-r.wide { width: 100% !important; } }
.xx-r:last-child { border-bottom: none !important; }
.xx-k { flex-shrink: 0 !important; width: 5em !important; color: hsl(190,20%,45%) !important; font-weight: 500 !important; }
.xx-v { flex: 1 !important; color: hsl(190,25%,25%) !important; }

/* ── 5. 折叠面板 details (0fr -> 1fr grid) ── */
.xx-det { margin-top: 16px !important; border-top: 1px dashed hsla(190,20%,80%,0.6) !important; padding-top: 12px !important; }
.xx-det summary { cursor: pointer !important; font-size: 0.95em !important; font-weight: 600 !important; color: hsl(160,40%,40%) !important; list-style: none !important; outline: none !important; display: flex !important; align-items: center !important; transition: color 0.2s !important; }
.xx-det summary::-webkit-details-marker { display: none !important; }
.xx-det summary::before { content: '◈' !important; margin-right: 6px !important; font-size: 0.8em !important; transition: transform 0.3s !important; }
.xx-det[open] summary::before { transform: rotate(90deg) !important; }
.xx-det summary span { font-weight: 400 !important; font-size: 0.85em !important; color: hsl(190,20%,55%) !important; margin-left: 8px !important; }
.xx-det-bdy { display: grid !important; grid-template-rows: 0fr !important; transition: grid-template-rows 0.3s ease-out !important; }
.xx-det[open] .xx-det-bdy { grid-template-rows: 1fr !important; }
.xx-det-bdy > div { overflow: hidden !important; }

/* 功法等列表区块 */
.xx-sec { font-weight: 600 !important; font-size: 0.9em !important; color: hsl(190,25%,35%) !important; margin: 12px 0 6px !important; position: relative !important; display: flex !important; align-items: center !important; }
.xx-sec::before { content: '' !important; display: inline-block !important; width: 4px !important; height: 12px !important; background: hsl(160,40%,50%) !important; margin-right: 8px !important; border-radius: 2px !important; }
.xx-gf { display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; gap: 6px !important; font-size: 0.85em !important; margin-bottom: 6px !important; padding: 4px 6px !important; background: hsla(190,20%,95%,0.5) !important; border-radius: 4px !important; }
.xx-gt { font-size: 0.8em !important; padding: 1px 6px !important; border-radius: 3px !important; color: #fff !important; font-weight: 600 !important; }
.xx-gt[data-tier="legendary"] { background: linear-gradient(135deg, hsl(40,60%,60%), hsl(30,70%,50%)) !important; }
.xx-gt[data-tier="epic"] { background: linear-gradient(135deg, hsl(280,40%,65%), hsl(280,50%,55%)) !important; }
.xx-gt[data-tier="rare"] { background: linear-gradient(135deg, hsl(220,40%,65%), hsl(220,50%,55%)) !important; }
.xx-gt[data-tier="uncommon"] { background: hsl(130,30%,60%) !important; }
.xx-gt[data-tier="common"] { background: hsl(190,15%,65%) !important; }
.xx-gn { font-weight: 600 !important; color: hsl(190,30%,25%) !important; }
.xx-gd { flex-basis: 100% !important; color: hsl(190,20%,45%) !important; }

/* 心声 (引用) */
.xx-nq { font-style: italic !important; color: hsl(220,40%,45%) !important; background: hsla(220,30%,95%,0.6) !important; border-left: 3px solid hsl(220,40%,60%) !important; padding: 8px 12px !important; border-radius: 0 4px 4px 0 !important; margin-bottom: 12px !important; }

/* ── 6. 行动选项 .xx-act (代码围栏·平台可复制) ── */
.xx-act { display: flex !important; flex-direction: column !important; gap: 10px !important; margin-top: 20px !important; }
.xx-act pre {
  margin: 0 !important; padding: 12px 42px 12px 16px !important; border-radius: 8px !important;
  background: linear-gradient(135deg, hsla(190,15%,96%,1), hsla(190,12%,92%,1)) !important;
  border: 1px solid hsla(190,20%,80%,0.6) !important; cursor: pointer !important;
  box-shadow: 0 2px 5px hsla(190,20%,40%,0.05) !important; position: relative !important; overflow-x: auto !important;
  transition: transform 0.2s ease-out, border-color 0.2s ease-out, box-shadow 0.2s ease-out !important;
}
.xx-act pre:hover { transform: translateY(-2px) !important; border-color: hsl(160,40%,50%) !important; box-shadow: 0 4px 10px hsla(160,40%,50%,0.15) !important; }
.xx-act pre code { background: transparent !important; border: none !important; color: hsl(190,30%,25%) !important; font-family: 'Noto Serif SC','Songti SC',serif !important; font-size: 0.95em !important; padding: 0 !important; white-space: pre-wrap !important; line-height: 1.6 !important; }

/* ── 7. 周围 .xx-amb ── */
.xx-amb { position: relative !important; margin-bottom: 22px !important; padding: 14px 20px !important; border-radius: 10px !important; background: hsla(190,18%,96%,0.55) !important; border: 1px solid hsla(190,20%,85%,0.5) !important; }
.xx-amb-h { font-weight: 600 !important; font-size: 0.92em !important; color: hsl(160,40%,40%) !important; margin-bottom: 8px !important; display: flex !important; align-items: center !important; letter-spacing: 1px !important; }
.xx-amb-h::before { content: '\25C8' !important; margin-right: 6px !important; font-size: 0.8em !important; }
.xx-ar { display: flex !important; gap: 10px !important; font-size: 0.88em !important; padding: 5px 0 !important; border-bottom: 1px dotted hsla(190,20%,80%,0.5) !important; }
.xx-ar:last-child { border-bottom: none !important; }
.xx-ak { flex-shrink: 0 !important; min-width: 5em !important; color: hsl(190,25%,40%) !important; font-weight: 600 !important; }
.xx-av { flex: 1 !important; color: hsl(190,20%,35%) !important; font-style: italic !important; }