css
/* ============================================
   MACHINIUM · 工业蜂巢主题
   膜黑 #1A1D23 | 银灰 #3A3F47 | M2金 #D4A574
   主字 #E0E3E8 | 次字 #8A8F98
   ============================================ */
/* ===== 顶部栏 ===== */
.sticky.w-full.top-0.flex.items-center {
  background: rgba(26, 29, 35, 0.85) !important;
  backdrop-filter: blur(12px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(120%) !important;
  border-bottom: 1px solid rgba(58, 63, 71, 0.6) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4) !important;
}
#ai-model-selector .group.flex.items-center {
  background: linear-gradient(135deg, #1A1D23 0%, #25282F 50%, #1A1D23 100%) !important;
  border: 1px solid rgba(58, 63, 71, 0.8) !important;
  border-radius: 4px !important;
  padding: 4px 10px !important;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
#ai-model-selector .group.flex.items-center:hover {
  border-color: rgba(212, 165, 116, 0.5) !important;
  box-shadow: 0 0 8px rgba(212, 165, 116, 0.25) !important;
}
#ai-model-selector .truncate.text-\[13px\] {
  color: #E0E3E8 !important;
  font-family: 'JetBrains Mono', 'Fira Code', Consolas, monospace !important;
  letter-spacing: 0.4px !important;
}
#ai-model-selector .shrink-0.flex.items-center svg {
  color: #8A8F98 !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}
#ai-model-selector .group.flex.items-center:hover svg {
  color: #D4A574 !important;
}
.sticky.w-full.top-0 svg.lucide-clock-8 {
  color: #8A8F98 !important;
  transition: color 0.2s ease, filter 0.2s ease !important;
}
.sticky.w-full.top-0 svg.lucide-clock-8:hover {
  color: #D4A574 !important;
  filter: drop-shadow(0 0 4px rgba(212, 165, 116, 0.6)) !important;
}
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
  background-color: #C95D63 !important;
  box-shadow: 0 0 6px rgba(201, 93, 99, 0.7) !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2) {
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {
  color: #8A8F98 !important;
  opacity: 0.7 !important;
  transition: all 0.2s ease !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2):hover svg.lucide-music-2 {
  color: #D4A574 !important;
  opacity: 1 !important;
  filter: drop-shadow(0 0 4px rgba(212, 165, 116, 0.6)) !important;
}
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
  color: #8A8F98 !important;
  transition: all 0.2s ease !important;
}
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]):hover {
  color: #D4A574 !important;
  filter: drop-shadow(0 0 4px rgba(212, 165, 116, 0.6)) !important;
}
#header-setting-button {
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
#header-setting-button svg {
  color: #8A8F98 !important;
  opacity: 0.7 !important;
  transition: all 0.2s ease !important;
}
#header-setting-button:hover svg {
  color: #D4A574 !important;
  opacity: 1 !important;
  filter: drop-shadow(0 0 4px rgba(212, 165, 116, 0.6)) !important;
}
#header-setting-button:active {
  transform: scale(0.92) !important;
}
/* ===== 开场白选择器 ===== */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
  background: linear-gradient(135deg, #1A1D23 0%, #25282F 50%, #1A1D23 100%) !important;
  border: 1px solid rgba(58, 63, 71, 0.8) !important;
  border-radius: 4px !important;
  color: #E0E3E8 !important;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
  border-color: rgba(212, 165, 116, 0.5) !important;
  box-shadow: 0 0 8px rgba(212, 165, 116, 0.25) !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"] {
  color: #D4A574 !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
  color: #8A8F98 !important;
}
/* ===== 按钮栏 ===== */
#ai-mod-button2 button.MuiButton-root {
  background: rgba(26, 29, 35, 0.6) !important;
  border: 1px solid rgba(58, 63, 71, 0.6) !important;
  border-radius: 3px !important;
  color: #8A8F98 !important;
  font-size: 11px !important;
  letter-spacing: 0.6px !important;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
  background: rgba(58, 63, 71, 0.4) !important;
  border-color: rgba(212, 165, 116, 0.5) !important;
  color: #D4A574 !important;
}
#ai-mod-button2 button.MuiButton-root:active {
  transform: scale(0.96) !important;
}
#ai-mod-button2 button.MuiButton-root svg {
  color: inherit !important;
  transition: color 0.2s ease !important;
}
/* ===== 底部输入栏 ===== */
html body .bg-gradient-to-t {
  background: linear-gradient(to top, rgba(13, 15, 18, 0.95), rgba(13, 15, 18, 0)) !important;
}
html body #ai-chat-bottom-input {
  background: rgba(26, 29, 35, 0.92) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(58, 63, 71, 0.6) !important;
  border-radius: 4px !important;
  transition: all 0.2s ease !important;
}
html body #ai-chat-input {
  background: rgba(13, 15, 18, 0.6) !important;
  color: #E0E3E8 !important;
  border-radius: 4px !important;
}
html body #ai-chat-input:focus {
  box-shadow: 0 0 8px rgba(212, 165, 116, 0.2) !important;
}
html body #ai-chat-input::placeholder {
  color: #8A8F98 !important;
  opacity: 0.6 !important;
  letter-spacing: 0.4px !important;
}
html body #ai-chat-bottom-input {
    background: rgba(13, 15, 18, 0.6) !important;
    border: 1px solid rgba(58, 63, 71, 0.5) !important;
    border-radius: 4px !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
html body #ai-chat-bottom-input:focus-within {
    border-color: rgba(212, 165, 116, 0.6) !important;
    box-shadow: 0 0 8px rgba(212, 165, 116, 0.2) !important;
}
html body #ai-chat-input {
    color: #C4C7CB !important;
    font-family: 'Inter', -apple-system, 'Noto Sans SC', sans-serif !important;
}
html body #ai-chat-input::placeholder {
    color: #8A8F98 !important;
    opacity: 0.6 !important;
    letter-spacing: 0.6px !important;
}
html body #ai-chat-input::selection {
    background: rgba(212, 165, 116, 0.3) !important;
    color: #C4C7CB !important;
}
/* ===== 分页栏（仅颜色/视觉，不动布局）===== */
.MuiPaginationItem-root {
  color: #8A8F98 !important;
  border: 1px solid rgba(58, 63, 71, 0.6) !important;
  background: rgba(26, 29, 35, 0.5) !important;
  transition: all 0.15s ease !important;
}
.MuiPaginationItem-root:hover {
  border-color: rgba(212, 165, 116, 0.5) !important;
  color: #D4A574 !important;
}
.MuiPaginationItem-root.Mui-selected {
  background: rgba(212, 165, 116, 0.2) !important;
  border: 1px solid #D4A574 !important;
  color: #D4A574 !important;
}
.MuiPaginationItem-root.Mui-disabled {
  opacity: 0.35 !important;
}
.MuiPaginationItem-icon {
  color: #8A8F98 !important;
}
.MuiStack-root.css-1uwir8f .MuiBox-root {
  color: #8A8F98 !important;
}
.MuiInputBase-input {
  color: #E0E3E8 !important;
  background: rgba(13, 15, 18, 0.6) !important;
  border: 1px solid rgba(58, 63, 71, 0.6) !important;
  border-radius: 3px !important;
}
/* ===== 评论区 ===== */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
  background: rgba(26, 29, 35, 0.85) !important;
  backdrop-filter: blur(12px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(120%) !important;
}
div.text-lg.font-bold {
  color: #E0E3E8 !important;
  letter-spacing: 0.6px !important;
}
p.MuiTypography-body1.text-grey-600 {
  color: #8A8F98 !important;
}
span.MuiRating-iconEmpty svg {
  color: rgba(58, 63, 71, 0.9) !important;
}
span.MuiRating-iconFilled svg {
  color: #D4A574 !important;
  filter: drop-shadow(0 0 3px rgba(212, 165, 116, 0.5)) !important;
}
span.text-orange-500 {
  color: #D4A574 !important;
}
div.flex.flex-col.border-gray-200 {
  background: rgba(13, 15, 18, 0.6) !important;
  border: 1px solid rgba(58, 63, 71, 0.5) !important;
  border-radius: 4px !important;
}
textarea.rc-textarea {
  background: transparent !important;
  color: #E0E3E8 !important;
}
textarea.rc-textarea::placeholder {
  color: #8A8F98 !important;
  opacity: 0.5 !important;
}
div.bg-gray-100.text-gray-500 {
  background: rgba(58, 63, 71, 0.4) !important;
  color: #8A8F98 !important;
  border-radius: 3px !important;
}
div.cursor-pointer.group.flex.items-center.justify-center {
  background: rgba(212, 165, 116, 0.15) !important;
  border: 1px solid #D4A574 !important;
  border-radius: 4px !important;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover {
  background: rgba(212, 165, 116, 0.25) !important;
  box-shadow: 0 0 8px rgba(212, 165, 116, 0.4) !important;
}
div[data-state="closed"] svg[data-icon="Send03"] {
  color: #D4A574 !important;
}
div.style_divider__mW0YX {
  background: rgba(58, 63, 71, 0.4) !important;
}
button.MuiButton-outlinedPrimary {
  background: rgba(26, 29, 35, 0.6) !important;
  border: 1px solid rgba(58, 63, 71, 0.6) !important;
  color: #8A8F98 !important;
  transition: all 0.15s ease !important;
}
button.MuiButton-outlinedPrimary:hover {
  border-color: rgba(212, 165, 116, 0.5) !important;
  color: #D4A574 !important;
}
button.MuiButton-containedPrimary {
  background: rgba(212, 165, 116, 0.2) !important;
  border: 1px solid #D4A574 !important;
  color: #D4A574 !important;
}
div.p-3.overflow-y-auto {
  background: transparent !important;
}
div.group.ml-0 {
  transition: background 0.2s ease !important;
}
div.group img.rounded-full {
  border: 1px solid rgba(58, 63, 71, 0.6) !important;
}
div.text-sm.text-grey-600 span.font-bold {
  color: #E0E3E8 !important;
}
span.text-\[10px\] {
  color: #D4A574 !important;
  background: rgba(212, 165, 116, 0.15) !important;
  border: 1px solid rgba(212, 165, 116, 0.4) !important;
  border-radius: 2px !important;
  padding: 1px 4px !important;
  letter-spacing: 0.4px !important;
}
div.break-all {
  color: #E0E3E8 !important;
}
div.text-xs.text-grey-600 {
  color: #8A8F98 !important;
  font-family: 'JetBrains Mono', Consolas, monospace !important;
}
button.text-gray-400 {
  color: #8A8F98 !important;
  transition: all 0.15s ease !important;
}
button.text-gray-400:hover {
  color: #D4A574 !important;
}
button.text-gray-400 svg {
  color: inherit !important;
}
span.cursor-pointer {
  color: #8A8F98 !important;
  transition: color 0.2s ease !important;
}
span.cursor-pointer:hover {
  color: #D4A574 !important;
}
div.ml-8.border-l {
  border-left: 1px solid rgba(58, 63, 71, 0.5) !important;
}
css
/* ===== 统一聊天框：纳米膜黑表面 ===== */
.bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(135deg, #1A1D23 0%, #25282F 50%, #1A1D23 100%) !important;
    border: 1px solid rgba(58, 63, 71, 0.7) !important;
    border-radius: 4px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 4px 16px rgba(0,0,0,0.5) !important;
    isolation: isolate !important;
    overflow: hidden !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
.bg-gray-100\/90.relative.inline-block:hover {
    border-color: rgba(212, 165, 116, 0.4) !important;
    box-shadow: 0 0 12px rgba(212,165,116,0.15), 0 4px 16px rgba(0,0,0,0.5) !important;
}
/* ===== 输出框(Machina)：左侧琥珀竖线标识 + 蜂巢辉光背景 ===== */
.chat-answer-container .bg-gray-100\/90.relative.inline-block {
    border-left: 2px solid #D4A574 !important;
    background: linear-gradient(135deg, #2A2E34 0%, #2F333A 50%, #2A2E34 100%) !important;
}
/* 静态蜂巢辉光层(SVG SMIL 呼吸动画，CSP兼容 data:) */
.chat-answer-container .bg-gray-100\/90.relative.inline-block::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='104' viewBox='0 0 60 104'%3E%3Cg fill='none' stroke='%236B7078' stroke-width='1' opacity='0.55'%3E%3Cpath d='M30 2 L56 17 L56 47 L30 62 L4 47 L4 17 Z'/%3E%3Cpath d='M30 54 L56 69 L56 99 L30 114 L4 99 L4 69 Z'/%3E%3C/g%3E%3Cg fill='%23D4A574' opacity='0.12'%3E%3Ccircle cx='30' cy='32' r='2'/%3E%3Ccircle cx='30' cy='84' r='2'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-size: 60px 104px !important;
    background-repeat: repeat !important;
    opacity: 0.8 !important;
    pointer-events: none !important;
}
/* M2 呼吸辉光(SVG SMIL，禁用CSS动画时仍生效) */
.chat-answer-container .bg-gray-100\/90.relative.inline-block::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cdefs%3E%3CradialGradient id='g' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%23D4A574' stop-opacity='0.5'/%3E%3Cstop offset='100%25' stop-color='%23D4A574' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='100' cy='100' r='60' fill='url(%23g)'%3E%3Canimate attributeName='r' values='50;70;50' dur='4s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.35;0.6;0.35' dur='4s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 90% 110% !important;
    background-size: 200px 200px !important;
    mix-blend-mode: screen !important;
}
/* ===== 文本：冷白高对比，浮于背景之上 ===== */
.markdown-body {
    color: #E0E3E8 !important;
    background: transparent !important;
    position: relative !important;
    z-index: 1 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans SC', sans-serif !important;
    line-height: 1.7 !important;
}
.markdown-body strong, .markdown-body b {
    color: #D4A574 !important;
    font-weight: bold !important;
}
/* Machina 内感读数 / 数据：等宽琥珀高亮 */
.markdown-body code {
    color: #D4A574 !important;
    font-family: 'JetBrains Mono', 'Fira Code', Consolas, monospace !important;
    background: rgba(212, 165, 116, 0.1) !important;
    padding: 1px 5px !important;
    border-radius: 2px !important;
    font-size: 0.95em !important;
}
/* ===== 底部附加元素：灰蓝→琥珀 hover ===== */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #8A8F98 !important;
    position: relative !important;
    z-index: 1 !important;
    transition: color 0.2s ease !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    color: #D4A574 !important;
    filter: drop-shadow(0 0 4px rgba(212, 165, 116, 0.6)) !important;
}
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #8A8F98 !important;
    font-family: 'JetBrains Mono', Consolas, monospace !important;
    letter-spacing: 0.6px !important;
    position: relative !important; z-index: 1 !important;
}
.text-orange-500 {
    color: #D4A574 !important;
    font-family: 'JetBrains Mono', Consolas, monospace !important;
    position: relative !important; z-index: 1 !important;
}
@media (max-width: 480px) {
    .chat-answer-container .bg-gray-100\/90.relative.inline-block::before { opacity: 0.25 !important; }
}
@media (prefers-reduced-motion: reduce) {
    .chat-answer-container .bg-gray-100\/90.relative.inline-block::after { opacity: 0.3 !important; }
}
css
.sticky.w-full.top-0.flex.items-center {
    background: rgba(26, 29, 35, 0.85) !important;
    backdrop-filter: blur(12px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(120%) !important;
    border-bottom: 1px solid rgba(58, 63, 71, 0.6) !important;
}
/* 模型名：等宽冷白 */
#ai-model-selector .truncate.text-\[13px\] {
    color: #E0E3E8 !important;
    font-family: 'JetBrains Mono', Consolas, monospace !important;
    letter-spacing: 0.6px !important;
}
#ai-model-selector .group.flex.items-center {
    background: rgba(212, 165, 116, 0.08) !important;
    border: 1px solid rgba(58, 63, 71, 0.6) !important;
    border-radius: 3px !important;
    transition: border-color 0.2s ease !important;
}
#ai-model-selector .group.flex.items-center:hover {
    border-color: rgba(212, 165, 116, 0.5) !important;
}
#ai-model-selector .shrink-0.flex.items-center svg { color: #8A8F98 !important; }
/* 设置按钮 */
#header-setting-button svg,
.sticky.w-full.top-0 svg.lucide-clock-8,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
    color: #8A8F98 !important;
    opacity: 0.75 !important;
    transition: color 0.2s ease, opacity 0.2s ease !important;
}
#header-setting-button:hover svg,
.sticky.w-full.top-0 svg.lucide-clock-8:hover,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]):hover {
    color: #D4A574 !important;
    opacity: 1 !important;
    filter: drop-shadow(0 0 4px rgba(212, 165, 116, 0.6)) !important;
}
css
#ai-mod-button2 button.MuiButton-root {
    background: rgba(26, 29, 35, 0.6) !important;
    border: 1px solid rgba(58, 63, 71, 0.6) !important;
    border-radius: 3px !important;
    color: #8A8F98 !important;
    font-size: 11px !important;
    letter-spacing: 0.6px !important;
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
    background: rgba(58, 63, 71, 0.4) !important;
    border-color: rgba(212, 165, 116, 0.5) !important;
    color: #D4A574 !important;
}
#ai-mod-button2 button.MuiButton-root:active {
    transform: scale(0.96) !important;
}
#ai-mod-button2 button.MuiButton-root svg {
    color: inherit !important;
}
css
mch{
  display:block;margin:12px 0;
  --hf:'Noto Serif SC',serif;--mf:'JetBrains Mono',ui-monospace,monospace;
  --bg:#2a2118;--panel:#33281c;--fg:#e7dccb;--ac:#c85a4a;--ac2:#e0985a;--blue:#5fd2e0;
  --rad:14px;--bw:2px;--org:1;--hex:0;--gl:.15;--pf:var(--hf);--tear:0;--pulse:organ;
  color:var(--fg);font-family:var(--hf);font-size:14px;line-height:1.55;
}
mch[s="0"]{--bg:#2a2118;--panel:#33281c;--fg:#e7dccb;--ac:#c85a4a;--ac2:#e0985a;--rad:14px;--bw:2px;--org:1;--hex:0;--gl:.15;--tear:0;--pf:var(--hf);--pulse:organ}
mch[s="1"]{--bg:#251d18;--panel:#2c241b;--fg:#ddd1bd;--ac:#c25b47;--ac2:#d69254;--rad:11px;--bw:1.7px;--org:.8;--hex:.18;--gl:.3;--tear:0;--pf:var(--hf);--pulse:organ}
mch[s="2"]{--bg:#1d1a17;--panel:#232019;--fg:#cdc4b3;--ac:#c17c4c;--ac2:#cfa15a;--rad:8px;--bw:1.4px;--org:.55;--hex:.42;--gl:.5;--tear:0;--pf:var(--hf);--pulse:mixed}
mch[s="3"]{--bg:#15171a;--panel:#1b1e22;--fg:#bfc2c0;--ac:#cf9a5e;--ac2:#8fc4b4;--rad:6px;--bw:1.1px;--org:.35;--hex:.62;--gl:.7;--tear:1;--pf:var(--mf);--pulse:mixed}
mch[s="4"]{--bg:#0f1114;--panel:#14171b;--fg:#b3b8bd;--ac:#c2a374;--ac2:#5fd2e0;--rad:4px;--bw:.8px;--org:.15;--hex:.82;--gl:.88;--tear:1;--pf:var(--mf);--pulse:square}
mch[s="5"]{--bg:#0a0c0f;--panel:#0e1114;--fg:#c9cdd4;--ac:#d4a574;--ac2:#5fd2e0;--rad:2px;--bw:.6px;--org:0;--hex:1;--gl:1;--tear:1;--pf:var(--mf);--pulse:square}
/* ===== 面板：不透明实底 + 材质，不再依赖 color-mix ===== */
mch details{
  position:relative;background:var(--panel);
  border:var(--bw) solid var(--ac);border-radius:var(--rad);
  margin:8px 0;overflow:hidden;
  box-shadow:inset 0 1px 4px rgba(0,0,0,.6),0 4px 14px rgba(0,0,0,.5),
    0 0 calc(16px*var(--gl)) var(--ac);
}
/* 有机噪点层（人类阶段） */
mch>details::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:var(--org);
  background:
    radial-gradient(circle at 15% 10%,rgba(200,90,74,.12),transparent 45%),
    radial-gradient(circle at 85% 90%,rgba(224,152,90,.08),transparent 40%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='80' height='80' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
  mix-blend-mode:soft-light;
}
/* 纳米六边形层（机械阶段） */
mch>details::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:var(--hex);
  background:
    linear-gradient(135deg,rgba(95,210,224,.06),transparent 40%,rgba(212,165,116,.05)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='60'%3E%3Cpath d='M17 0l17 10v20l-17 10L0 30V10z' fill='none' stroke='%235fd2e0' stroke-width='.6' opacity='.5'/%3E%3C/svg%3E");
  background-size:auto,30px 52px;
  /* 增强2：对角撕裂——机械层只在斜切区域显现 */
  clip-path:polygon(100% 0,100% 100%,calc(35% + var(--tear)*30%) 100%,calc(65% + var(--tear)*10%) 0);
}
mch details>*{position:relative;z-index:2}
/* ===== 标题栏 ===== */
mch summary{
  list-style:none;cursor:pointer;padding:8px 12px;
  font-family:var(--mf);font-size:12px;letter-spacing:1px;font-weight:700;
  color:var(--ac);text-transform:uppercase;
  border-bottom:var(--bw) solid var(--ac);
  background:linear-gradient(90deg,var(--ac) -40%,transparent 45%);
  background-blend-mode:overlay;
}
mch summary::-webkit-details-marker{display:none}
mch summary::before{content:"▸";display:inline-block;margin-right:6px;transition:.2s;color:var(--ac2)}
mch details[open]>summary::before{transform:rotate(90deg)}
mch summary:hover{color:var(--ac2);letter-spacing:1.6px;text-shadow:0 0 8px var(--ac2)}
mch hd{
  display:block;padding:9px 13px;margin:0;
  font-family:var(--mf);font-size:13px;letter-spacing:1px;font-weight:800;
  color:var(--ac);text-transform:uppercase;
  border-left:4px solid var(--ac);
  background:linear-gradient(90deg,var(--ac) -60%,transparent 40%);
  background-blend-mode:overlay;
  text-shadow:0 0 calc(10px*var(--gl)) var(--ac);
}
mch hd em{color:var(--ac2);font-family:var(--mf);font-style:normal;font-size:11px;padding:1px 6px;border:1px solid var(--ac2);border-radius:3px;margin-left:6px}
mch nm{display:block;padding:9px 13px 5px;font-family:var(--hf);font-size:18px;font-weight:700;letter-spacing:1px;color:var(--fg);border-bottom:1px dashed var(--ac)}
mch[s="4"] nm,mch[s="5"] nm{font-family:var(--mf);text-transform:uppercase;font-size:15px;letter-spacing:2px}
mch p[t]{display:block;margin:6px 0;padding:5px 12px 6px 15px;position:relative}
mch p[t]::before{content:attr(t);display:block;font-family:var(--mf);font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ac2);margin-bottom:4px;border-left:2px solid var(--ac);padding-left:7px;margin-left:-9px}
mch p[t]:hover{background:rgba(255,255,255,.02)}
mch d{display:block;font-family:var(--pf);font-size:13.5px;line-height:1.7;color:var(--fg);letter-spacing:.2px}
mch[s="4"] d,mch[s="5"] d{font-family:var(--mf);font-size:12.5px;letter-spacing:.5px}
mch wn{display:block;font-family:var(--pf);font-size:13px;line-height:1.65;padding:1px 0 1px 16px;color:var(--ac);position:relative}
mch wn::before{content:"⚠";position:absolute;left:0;font-size:10px;animation:wnp 2.4s infinite}
@keyframes wnp{0%,100%{opacity:.5}50%{opacity:1;text-shadow:0 0 7px var(--ac)}}
/* 增强1：体征脉冲——生命节律 → 方波同化 */
mch p[t="体征"]::after{
  content:"";display:block;height:22px;margin-top:6px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='22'%3E%3Cpath d='M0 11h30l4-8 6 16 5-14 4 6h40l4-8 6 16 5-14 4 6h40l4-8 6 16 5-14 4 6h20' fill='none' stroke='%23c85a4a' stroke-width='1.5'/%3E%3C/svg%3E") repeat-x;
  background-size:200px 22px;opacity:.7;
  animation:beat 2.2s linear infinite;
}
mch[s="2"] p[t="体征"]::after,mch[s="3"] p[t="体征"]::after{
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='22'%3E%3Cpath d='M0 11h20l4-6 5 12 4-10 3 4h30v-6h20v6h20l4-6 5 12 4-10 3 4h30v-6h15' fill='none' stroke='%23cf9a5e' stroke-width='1.5'/%3E%3C/svg%3E") repeat-x;
  background-size:200px 22px;animation:beat 1.6s linear infinite;
}
mch[s="4"] p[t="体征"]::after,mch[s="5"] p[t="体征"]::after{
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='22'%3E%3Cpath d='M0 17h25v-12h25v12h25v-12h25v12h25v-12h25v12h25' fill='none' stroke='%235fd2e0' stroke-width='1.5'/%3E%3C/svg%3E") repeat-x;
  background-size:200px 22px;animation:beat 1s linear infinite;
}
@keyframes beat{0%{background-position-x:0}100%{background-position-x:-200px}}
mch lv{display:inline-block;font-family:var(--mf);font-size:11px;font-weight:700;color:#0a0c0f;background:var(--ac);padding:0 6px;border-radius:2px;box-shadow:0 0 calc(8px*var(--gl)) var(--ac)}
mch link{display:inline-block;font-family:var(--mf);font-size:11px;padding:0 6px;border-radius:2px;border:1px solid var(--ac2);color:var(--ac2)}
mch link[ok]::before{content:"● ";color:#6cd08a;animation:blink 1.5s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
mch bar{display:block;position:relative;font-family:var(--mf);font-size:10.5px;letter-spacing:1px;color:#fff;text-transform:uppercase;text-align:center;height:20px;line-height:20px;border-radius:3px;overflow:hidden;background:#000;border:1px solid var(--ac)}
mch bar::before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--v,50)*1%);background:linear-gradient(90deg,var(--ac),var(--ac2));box-shadow:0 0 12px var(--ac);opacity:.6;z-index:0}
mch bar::after{content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--ac2);box-shadow:0 0 9px var(--ac2);animation:scan 2.6s linear infinite;z-index:1}
@keyframes scan{0%{left:0}100%{left:100%}}
mch bar span{position:relative;z-index:3}
mch bar[v="0"]{--v:0}mch bar[v="1"]{--v:1}mch bar[v="2"]{--v:2}mch bar[v="3"]{--v:3}mch bar[v="4"]{--v:4}mch bar[v="5"]{--v:5}mch bar[v="6"]{--v:6}mch bar[v="7"]{--v:7}mch bar[v="8"]{--v:8}mch bar[v="9"]{--v:9}mch bar[v="10"]{--v:10}mch bar[v="11"]{--v:11}mch bar[v="12"]{--v:12}mch bar[v="13"]{--v:13}mch bar[v="14"]{--v:14}mch bar[v="15"]{--v:15}mch bar[v="16"]{--v:16}mch bar[v="17"]{--v:17}mch bar[v="18"]{--v:18}mch bar[v="19"]{--v:19}mch bar[v="20"]{--v:20}mch bar[v="21"]{--v:21}mch bar[v="22"]{--v:22}mch bar[v="23"]{--v:23}mch bar[v="24"]{--v:24}mch bar[v="25"]{--v:25}mch bar[v="26"]{--v:26}mch bar[v="27"]{--v:27}mch bar[v="28"]{--v:28}mch bar[v="29"]{--v:29}mch bar[v="30"]{--v:30}mch bar[v="31"]{--v:31}mch bar[v="32"]{--v:32}mch bar[v="33"]{--v:33}mch bar[v="34"]{--v:34}mch bar[v="35"]{--v:35}mch bar[v="36"]{--v:36}mch bar[v="37"]{--v:37}mch bar[v="38"]{--v:38}mch bar[v="39"]{--v:39}mch bar[v="40"]{--v:40}mch bar[v="41"]{--v:41}mch bar[v="42"]{--v:42}mch bar[v="43"]{--v:43}mch bar[v="44"]{--v:44}mch bar[v="45"]{--v:45}mch bar[v="46"]{--v:46}mch bar[v="47"]{--v:47}mch bar[v="48"]{--v:48}mch bar[v="49"]{--v:49}mch bar[v="50"]{--v:50}mch bar[v="51"]{--v:51}mch bar[v="52"]{--v:52}mch bar[v="53"]{--v:53}mch bar[v="54"]{--v:54}mch bar[v="55"]{--v:55}mch bar[v="56"]{--v:56}mch bar[v="57"]{--v:57}mch bar[v="58"]{--v:58}mch bar[v="59"]{--v:59}mch bar[v="60"]{--v:60}mch bar[v="61"]{--v:61}mch bar[v="62"]{--v:62}mch bar[v="63"]{--v:63}mch bar[v="64"]{--v:64}mch bar[v="65"]{--v:65}mch bar[v="66"]{--v:66}mch bar[v="67"]{--v:67}mch bar[v="68"]{--v:68}mch bar[v="69"]{--v:69}mch bar[v="70"]{--v:70}mch bar[v="71"]{--v:71}mch bar[v="72"]{--v:72}mch bar[v="73"]{--v:73}mch bar[v="74"]{--v:74}mch bar[v="75"]{--v:75}mch bar[v="76"]{--v:76}mch bar[v="77"]{--v:77}mch bar[v="78"]{--v:78}mch bar[v="79"]{--v:79}mch bar[v="80"]{--v:80}mch bar[v="81"]{--v:81}mch bar[v="82"]{--v:82}mch bar[v="83"]{--v:83}mch bar[v="84"]{--v:84}mch bar[v="85"]{--v:85}mch bar[v="86"]{--v:86}mch bar[v="87"]{--v:87}mch bar[v="88"]{--v:88}mch bar[v="89"]{--v:89}mch bar[v="90"]{--v:90}mch bar[v="91"]{--v:91}mch bar[v="92"]{--v:92}mch bar[v="93"]{--v:93}mch bar[v="94"]{--v:94}mch bar[v="95"]{--v:95}mch bar[v="96"]{--v:96}mch bar[v="97"]{--v:97}mch bar[v="98"]{--v:98}mch bar[v="99"]{--v:99}mch bar[v="100"]{--v:100}
/* 生殖器区 + 增强3：萤蓝渗透流光 */
mch gen{display:block;margin:7px 9px;border-radius:var(--rad);overflow:hidden;border:var(--bw) solid var(--ac);background:#0d0f12;position:relative}
mch gen summary{font-size:11px;color:var(--ac2)}
mch gen[id="machina"]::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  opacity:var(--hex);
  background:linear-gradient(120deg,transparent 30%,rgba(95,210,224,.25) 50%,transparent 70%);
  background-size:250% 100%;
  animation:flow 3.5s linear infinite;
}
@keyframes flow{0%{background-position-x:200%}100%{background-position-x:-50%}}
mch gen[id="machina"] p[t="阴性器组"] d{color:var(--blue);text-shadow:0 0 calc(6px*var(--gl)) var(--blue)}
mch .ap{margin:7px 9px}
mch row{display:grid;grid-template-columns:34px 76px 1fr;grid-template-areas:"n tm sc" "n ev ev";gap:1px 8px;padding:7px 12px;align-items:center;border-bottom:1px solid var(--ac);font-family:var(--mf)}
mch row:hover{background:rgba(255,255,255,.03);box-shadow:inset 3px 0 0 var(--ac2)}
mch row n{grid-area:n;font-size:14px;font-weight:700;color:var(--ac);text-align:center}
mch row tm{grid-area:tm;font-size:10.5px;color:var(--ac2)}
mch row sc{grid-area:sc;font-size:11px;color:var(--fg);opacity:.75;font-style:italic}
mch row ev{grid-area:ev;font-size:12.5px;color:var(--fg);line-height:1.5}
mch row[lt] n{color:var(--ac2);text-shadow:0 0 8px var(--ac2)}
css
/* --- 1. 玩家气泡真身:冷银蓝渐变 --- */
#customized-question-content:is(.dark *) {
    background: linear-gradient(135deg, #1E2733 0%, #242F3D 50%, #1E2733 100%) !important;
    background-color: #242F3D !important;
    border: 1px solid rgba(95, 168, 211, 0.4) !important;
    border-radius: 8px !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45),
                inset 0 0 0 1px rgba(122, 155, 181, 0.1) !important;
    color: #C5D4E0 !important;
}
/* --- 2. 十字工程蓝图网格 --- */
#customized-question-content:is(.dark *)::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cg stroke='%237A9BB5' stroke-width='1.1' opacity='0.55'%3E%3Cpath d='M22 12 L22 32 M12 22 L32 22' fill='none'/%3E%3C/g%3E%3Cg stroke='%237A9BB5' stroke-width='0.6' opacity='0.25' fill='none'%3E%3Crect x='4' y='4' width='36' height='36'/%3E%3C/g%3E%3Cg fill='%235FA8D3' opacity='0.22'%3E%3Crect x='21' y='21' width='2' height='2'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-size: 44px 44px !important;
    background-repeat: repeat !important;
    opacity: 0.75 !important;
    pointer-events: none !important;
}
/* --- 3. 冷蓝辉光 --- */
#customized-question-content:is(.dark *)::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 0 !important;
    background: radial-gradient(circle at 12% 12%, rgba(95, 168, 211, 0.22) 0%, transparent 55%) !important;
    mix-blend-mode: screen !important;
    pointer-events: none !important;
}
/* --- 4. 顶部装饰线银蓝色 --- */
#customized-question-content:is(.dark *) > .absolute {
    background: linear-gradient(90deg, transparent 0%, #5FA8D3 50%, transparent 100%) !important;
    opacity: 0.6 !important;
    z-index: 1 !important;
}
/* --- 5. 文字/markdown内容浮层 + 冷银蓝字色 --- */
#customized-question-content:is(.dark *) .markdown-body,
#customized-question-content:is(.dark *) .markdown-body p,
#customized-question-content:is(.dark *) > *:not(.absolute) {
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
    color: #C5D4E0 !important;
}