:root{
  --mhg-bg-1:#160e09;
  --mhg-bg-2:#24160e;
  --mhg-bg-3:#322014;
  --mhg-panel:#2b1a10;
  --mhg-panel-2:#3a2415;
  --mhg-line:#7f592e;
  --mhg-line-soft:rgba(244,208,138,.18);
  --mhg-gold:#d2a45e;
  --mhg-gold-2:#f4d08a;
  --mhg-text:#f5e6bf;
  --mhg-text-soft:#d5be93;
  --mhg-red:#5b251f;
  --mhg-red-2:#3a1714;
}

/* 通用滚动条 */
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:rgba(36,22,14,.88);border:1px solid rgba(244,208,138,.08)}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9b723b,#6e4924);border:1px solid rgba(244,208,138,.22)}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#b48847,#7f5629)}

/* 通用输入框、文本域、下拉框 */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
textarea,
select,
.el-input__wrapper,
.el-textarea__inner,
.el-select__wrapper,
.ant-input,
.ant-input-affix-wrapper,
.ant-select-selector,
.ant-picker,
.ant-input-number,
.ant-input-number-input,
.cm-editor,
.ProseMirror{
  color:var(--mhg-text) !important;
  background:linear-gradient(180deg,var(--mhg-bg-3),var(--mhg-bg-2)) !important;
  border:1px solid var(--mhg-line) !important;
  border-radius:0 !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.22) !important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):focus,
textarea:focus,
select:focus,
.el-input__wrapper.is-focus,
.el-select__wrapper.is-focused,
.ant-input:focus,
.ant-input-focused,
.ant-select-focused .ant-select-selector,
.ant-picker-focused,
.cm-focused,
.ProseMirror:focus{
  border-color:var(--mhg-gold-2) !important;
  box-shadow:0 0 0 3px rgba(244,208,138,.12), inset 0 1px 2px rgba(0,0,0,.24) !important;
}

input::placeholder,
textarea::placeholder,
.el-input__inner::placeholder,
.el-textarea__inner::placeholder,
.ant-input::placeholder,
.ProseMirror p.is-editor-empty:first-child::before{
  color:#a78961 !important;
}

/* 通用按钮 */
button,
.el-button,
.ant-btn,
input[type="button"],
input[type="submit"],
input[type="reset"]{
  position:relative !important;
  overflow:hidden !important;
  color:#20140b !important;
  background:linear-gradient(180deg,#dfb06a,#ad793b 58%,#8a5d2d) !important;
  border:1px solid var(--mhg-gold-2) !important;
  border-radius:0 !important;
  box-shadow:0 8px 16px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,242,211,.22) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease !important;
}
button::before,
.el-button::before,
.ant-btn::before,
input[type="button"]::before,
input[type="submit"]::before,
input[type="reset"]::before{
  content:"";
  position:absolute;
  inset:5px;
  pointer-events:none;
  border:1px solid rgba(70,40,12,.14);
  background:
    linear-gradient(rgba(72,42,15,.72),rgba(72,42,15,.72)) left top/12px 1px no-repeat,
    linear-gradient(rgba(72,42,15,.72),rgba(72,42,15,.72)) left top/1px 12px no-repeat,
    linear-gradient(rgba(72,42,15,.72),rgba(72,42,15,.72)) right top/12px 1px no-repeat,
    linear-gradient(rgba(72,42,15,.72),rgba(72,42,15,.72)) right top/1px 12px no-repeat,
    linear-gradient(rgba(72,42,15,.72),rgba(72,42,15,.72)) left bottom/12px 1px no-repeat,
    linear-gradient(rgba(72,42,15,.72),rgba(72,42,15,.72)) left bottom/1px 12px no-repeat,
    linear-gradient(rgba(72,42,15,.72),rgba(72,42,15,.72)) right bottom/12px 1px no-repeat,
    linear-gradient(rgba(72,42,15,.72),rgba(72,42,15,.72)) right bottom/1px 12px no-repeat;
}
button:hover,
.el-button:hover,
.ant-btn:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.03) !important;
  box-shadow:0 12px 20px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,242,211,.32) !important;
}
button:active,
.el-button:active,
.ant-btn:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active{
  transform:translateY(0) !important;
}

/* 次按钮 / 幽暗按钮 */
button.secondary,
.el-button--default,
.ant-btn-default,
.ant-btn:not(.ant-btn-primary){
  color:var(--mhg-gold-2) !important;
  background:linear-gradient(180deg,var(--mhg-red),var(--mhg-red-2)) !important;
  border-color:#9d5b45 !important;
}
button.secondary::before,
.el-button--default::before,
.ant-btn-default::before,
.ant-btn:not(.ant-btn-primary)::before{
  border-color:rgba(244,208,138,.10) !important;
  background:
    linear-gradient(rgba(244,208,138,.72),rgba(244,208,138,.72)) left top/12px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.72),rgba(244,208,138,.72)) left top/1px 12px no-repeat,
    linear-gradient(rgba(244,208,138,.72),rgba(244,208,138,.72)) right top/12px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.72),rgba(244,208,138,.72)) right top/1px 12px no-repeat,
    linear-gradient(rgba(244,208,138,.72),rgba(244,208,138,.72)) left bottom/12px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.72),rgba(244,208,138,.72)) left bottom/1px 12px no-repeat,
    linear-gradient(rgba(244,208,138,.72),rgba(244,208,138,.72)) right bottom/12px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.72),rgba(244,208,138,.72)) right bottom/1px 12px no-repeat;
}

/* 常见卡片 / 折叠面板 */
details.ui-card,
.ui-card,
.el-card,
.ant-card,
[role="tabpanel"],
.tab-pane,
.panel,
.card{
  color:var(--mhg-text) !important;
  background:linear-gradient(180deg,var(--mhg-panel-2),var(--mhg-panel)) !important;
  border:1px solid var(--mhg-line-soft) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

details.ui-card > summary,
.ui-card > .ui-card-head,
.el-card__header,
.ant-card-head,
.panel-heading,
.card-header{
  color:var(--mhg-gold-2) !important;
  background:linear-gradient(180deg,rgba(88,51,25,.55),rgba(52,30,17,.38)) !important;
  border-bottom:1px solid rgba(244,208,138,.12) !important;
}

/* 通用提示、弹层、下拉菜单 */
.el-select-dropdown,
.el-popper,
.ant-select-dropdown,
.ant-dropdown,
.ant-popover-inner,
.ant-tooltip-inner,
.ant-modal-content,
.ant-drawer-content,
.el-dialog,
.el-message,
.el-notification{
  color:var(--mhg-text) !important;
  background:linear-gradient(180deg,var(--mhg-panel-2),var(--mhg-panel)) !important;
  border:1px solid rgba(244,208,138,.18) !important;
  border-radius:0 !important;
  box-shadow:0 12px 28px rgba(0,0,0,.24) !important;
}

/* 标签 / 开关 / 单选多选 */
label,
.el-form-item__label,
.ant-form-item-label > label,
.el-checkbox__label,
.el-radio__label,
.ant-checkbox-wrapper,
.ant-radio-wrapper{color:var(--mhg-text-soft) !important}
.el-checkbox__inner,
.el-radio__inner,
.ant-checkbox-inner,
.ant-radio-inner,
.el-switch__core{background:#2a1a10 !important;border-color:#7f592e !important;border-radius:0 !important}
.el-checkbox.is-checked .el-checkbox__inner,
.el-radio__input.is-checked .el-radio__inner,
.ant-checkbox-checked .ant-checkbox-inner,
.ant-radio-checked .ant-radio-inner,
.el-switch.is-checked .el-switch__core{background:linear-gradient(180deg,#dfb06a,#8a5d2d) !important;border-color:#f4d08a !important}

/* 表格 */
table,
.el-table,
.ant-table{color:var(--mhg-text) !important;background:transparent !important}
.el-table th,.el-table td,.ant-table th,.ant-table td,table th,table td{border-color:rgba(244,208,138,.10) !important}
.el-table tr,.ant-table-tbody > tr > td{background:rgba(36,22,14,.40) !important}
.el-table__header-wrapper th,.ant-table-thead > tr > th,table th{background:rgba(74,43,22,.55) !important;color:var(--mhg-gold-2) !important}


/* =========================================
   顶部栏、模型选择、底部输入区继续深化美化
   对应截图红框区域
   ========================================= */

/* ---------- 顶部固定栏 ---------- */
div.sticky:has(#customized-model-selector) {
  position: sticky !important;
  top: 0 !important;
  z-index: 40 !important;
  box-sizing: border-box !important;
  min-height: 58px !important;
  padding: 8px 12px !important;
  color: var(--mhg-text) !important;
  background:
    radial-gradient(circle at 50% -24%, rgba(244,208,138,.12), transparent 42%),
    linear-gradient(180deg, rgba(49,30,18,.96), rgba(30,19,12,.94)) !important;
  border-bottom: 1px solid rgba(244,208,138,.18) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18), inset 0 -1px 0 rgba(244,208,138,.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

div.sticky:has(#customized-model-selector)::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  top: 8px;
  bottom: 8px;
  pointer-events: none;
  border: 1px solid rgba(244,208,138,.08);
  background:
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) left top/20px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) left top/1px 20px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) right top/20px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) right top/1px 20px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) left bottom/20px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) left bottom/1px 20px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) right bottom/20px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) right bottom/1px 20px no-repeat;
}

div.sticky:has(#customized-model-selector) > div.flex.items-center.justify-between {
  position: relative !important;
  min-width: 0 !important;
  gap: 12px !important;
  z-index: 2 !important;
}

/* 左上角状态胶囊，例如“未公开” */
div.sticky:has(#customized-model-selector) > div.flex.items-center.justify-between > div:first-child,
div.sticky:has(#customized-model-selector) > div:first-child > div:first-child {
  color: #f4d08a !important;
}

div.sticky:has(#customized-model-selector) .rounded-full,
div.sticky:has(#customized-model-selector) [class*="rounded-full"] {
  border-radius: 0 !important;
}

/* 顶部模型选择器位置 */
#customized-model-selector {
  max-width: min(58vw, 430px) !important;
}
#ai-model-selector {
  width: 100% !important;
}

/* 顶部模型选择框 */
#ai-model-selector > div > div > div.group,
div[class*="max-w-[50vw]"][class*="outline-grey-300"][class*="justify-between"] {
  position: relative !important;
  box-sizing: border-box !important;
  min-width: 220px !important;
  max-width: min(52vw, 440px) !important;
  height: 38px !important;
  padding: 0 16px !important;
  color: var(--mhg-text) !important;
  background: linear-gradient(180deg, #402816, #2d1b10) !important;
  border: 1px solid rgba(244,208,138,.38) !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: inset 0 1px 0 rgba(255,230,186,.08), 0 6px 14px rgba(0,0,0,.14) !important;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

#ai-model-selector > div > div > div.group::after,
div[class*="max-w-[50vw]"][class*="outline-grey-300"][class*="justify-between"]::after {
  content: "";
  position: absolute;
  inset: 5px;
  pointer-events: none;
  border: 1px solid rgba(244,208,138,.10);
  background:
    linear-gradient(rgba(244,208,138,.75),rgba(244,208,138,.75)) left top/12px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.75),rgba(244,208,138,.75)) left top/1px 12px no-repeat,
    linear-gradient(rgba(244,208,138,.75),rgba(244,208,138,.75)) right top/12px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.75),rgba(244,208,138,.75)) right top/1px 12px no-repeat,
    linear-gradient(rgba(244,208,138,.75),rgba(244,208,138,.75)) left bottom/12px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.75),rgba(244,208,138,.75)) left bottom/1px 12px no-repeat,
    linear-gradient(rgba(244,208,138,.75),rgba(244,208,138,.75)) right bottom/12px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.75),rgba(244,208,138,.75)) right bottom/1px 12px no-repeat;
}

#ai-model-selector > div > div > div.group:hover,
div[class*="max-w-[50vw]"][class*="outline-grey-300"][class*="justify-between"]:hover {
  background: linear-gradient(180deg, #4a2e1a, #321d11) !important;
  border-color: rgba(244,208,138,.70) !important;
  box-shadow: inset 0 1px 0 rgba(255,230,186,.14), 0 8px 18px rgba(0,0,0,.18) !important;
  transform: translateY(-1px) !important;
}

#ai-model-selector > div > div > div.group > div.truncate,
#ai-model-selector .truncate {
  color: var(--mhg-text) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
}
#ai-model-selector svg {
  color: var(--mhg-gold-2) !important;
  filter: drop-shadow(0 1px 3px rgba(244,208,138,.16));
  transition: transform .2s ease !important;
}
#ai-model-selector:hover svg { transform: translateY(1px) rotate(180deg) !important; }

/* 顶部设置按钮 */
:is(#header-setting-music, #header-setting-button) {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  color: var(--mhg-gold-2) !important;
  background: linear-gradient(180deg, #5f3a1e, #3b2314) !important;
  border: 1px solid rgba(244,208,138,.42) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,230,186,.10), 0 6px 14px rgba(0,0,0,.16) !important;
  transition: color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
:is(#header-setting-music, #header-setting-button)::after {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1px solid rgba(244,208,138,.10);
  pointer-events: none;
}
:is(#header-setting-music, #header-setting-button):hover {
  color: #ffe2a6 !important;
  background: linear-gradient(180deg, #714624, #452817) !important;
  border-color: rgba(244,208,138,.76) !important;
  box-shadow: inset 0 1px 0 rgba(255,230,186,.16), 0 8px 16px rgba(0,0,0,.18) !important;
  transform: translateY(-1px) !important;
}
:is(#header-setting-music, #header-setting-button) svg,
div.sticky:has(#customized-model-selector) .lucide-clock-8 {
  color: currentColor !important;
}

/* ---------- 底部整体栏 ---------- */
div.bg-gradient-to-t:has(#customized-pagination):has(#ai-chat-input) {
  position: relative !important;
  box-sizing: border-box !important;
  padding-top: 22px !important;
  padding-bottom: 14px !important;
  background:
    linear-gradient(to top, rgba(20,13,8,.98) 0%, rgba(25,16,10,.95) 52%, rgba(25,16,10,.74) 78%, transparent 100%) !important;
  filter: none !important;
}

div.bg-gradient-to-t:has(#customized-pagination):has(#ai-chat-input)::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: 8px;
  bottom: 8px;
  border: 1px solid rgba(244,208,138,.08);
  pointer-events: none;
}

div.bg-gradient-to-t:has(#customized-pagination):has(#ai-chat-input) > div.mx-auto {
  box-sizing: border-box !important;
  width: min(860px, 100%) !important;
  max-width: 860px !important;
  padding-right: 14px !important;
  padding-left: 14px !important;
}

/* 底部工具栏容器 */
div:has(> #ai-mod-button) {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  padding: 8px 10px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  background: linear-gradient(180deg, rgba(62,38,22,.92), rgba(43,26,15,.92)) !important;
  border: 1px solid rgba(244,208,138,.16) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,230,186,.06), 0 6px 16px rgba(0,0,0,.10) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(244,208,138,.36) rgba(24,15,10,.48);
}

/* 底部工具按钮 */
:is(
  #ai-mod-button,
  #customized-ai-summary-button,
  #customized-prompt-debug-button,
  #customized-flow-button,
  #customized-comment-button,
  #customized-scroll-to-bottom-button,
  #customized-more-button,
  #toggle-sub-buttons
) {
  flex: 0 0 auto !important;
  min-width: auto !important;
  min-height: 34px !important;
  box-sizing: border-box !important;
  padding: 6px 12px !important;
  color: #20140b !important;
  font-family: "Microsoft YaHei","PingFang SC",sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
  background: linear-gradient(180deg, #dfb06a, #a97639 58%, #8b5d2e) !important;
  border: 1px solid rgba(244,208,138,.76) !important;
  border-radius: 0 !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,242,211,.22) !important;
  text-transform: none !important;
  transition: color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
:is(
  #ai-mod-button,
  #customized-ai-summary-button,
  #customized-prompt-debug-button,
  #customized-flow-button,
  #customized-comment-button,
  #customized-scroll-to-bottom-button,
  #customized-more-button,
  #toggle-sub-buttons
):hover {
  background: linear-gradient(180deg, #e6bb76, #b07c3f 58%, #946333) !important;
  border-color: #f4d08a !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,242,211,.30) !important;
  transform: translateY(-1px) !important;
}
:is(
  #ai-mod-button,
  #customized-ai-summary-button,
  #customized-prompt-debug-button,
  #customized-flow-button,
  #customized-comment-button,
  #customized-scroll-to-bottom-button,
  #customized-more-button,
  #toggle-sub-buttons
) svg { color: #402511 !important; filter: none !important; }
#customized-comment-button .text-xs {
  color: #2a180d !important;
  background: linear-gradient(180deg, #f2d28f, #d3a055) !important;
  border: 1px solid rgba(89,56,23,.22) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 输入框外层 */
div:has(> #ai-chat-input) {
  position: relative !important;
  box-sizing: border-box !important;
  margin: 6px 0 0 !important;
  padding: 8px 10px !important;
  overflow-y: auto !important;
  background: linear-gradient(180deg, rgba(62,38,22,.98), rgba(35,21,13,.98)) !important;
  border: 1px solid rgba(244,208,138,.26) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,230,186,.05), 0 8px 18px rgba(0,0,0,.12) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: border-color .22s ease, box-shadow .22s ease, background .22s ease, transform .22s ease !important;
}

div:has(> #ai-chat-input)::after {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(244,208,138,.08);
  pointer-events: none;
  background:
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) left top/16px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) left top/1px 16px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) right top/16px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) right top/1px 16px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) left bottom/16px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) left bottom/1px 16px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) right bottom/16px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) right bottom/1px 16px no-repeat;
}

div:has(> #ai-chat-input):focus-within {
  background: linear-gradient(180deg, rgba(72,43,24,.98), rgba(39,23,14,.98)) !important;
  border-color: rgba(244,208,138,.62) !important;
  box-shadow: inset 0 1px 0 rgba(255,230,186,.10), 0 10px 22px rgba(0,0,0,.16) !important;
  transform: translateY(-1px);
}

/* 输入框本体 */
#ai-chat-input {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 10px 116px 10px 12px !important;
  color: var(--mhg-text) !important;
  font-family: "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
  caret-color: var(--mhg-gold-2) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: none !important;
  resize: none !important;
  transition: color .2s ease, opacity .2s ease !important;
}
#ai-chat-input::placeholder {
  color: rgba(219,189,140,.70) !important;
  font-weight: 500 !important;
  letter-spacing: .02em;
}
#ai-chat-input:focus::placeholder {
  color: rgba(244,208,138,.46) !important;
}

/* 右侧字数与发送按钮控制组 */
div:has(> #ai-send-button) {
  right: 8px !important;
  bottom: 8px !important;
  gap: 6px !important;
  height: 34px !important;
  padding: 3px 4px 3px 7px !important;
  background: linear-gradient(180deg, rgba(84,51,28,.92), rgba(48,29,17,.92)) !important;
  border: 1px solid rgba(244,208,138,.18) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,230,186,.05) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

div:has(> #ai-send-button) > div:first-child {
  min-width: 24px !important;
  height: 22px !important;
  padding: 0 7px !important;
  color: rgba(244,224,188,.82) !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  background: rgba(34,21,13,.74) !important;
  border: 1px solid rgba(244,208,138,.12) !important;
  border-radius: 0 !important;
}

/* 发送按钮 */
#ai-send-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 30px !important;
  height: 30px !important;
  color: #24150a !important;
  background: linear-gradient(180deg, #f0ca84, #c9954d 56%, #a57235) !important;
  border: 1px solid rgba(89,56,23,.30) !important;
  border-radius: 0 !important;
  box-shadow: 0 5px 12px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.26) !important;
  transition: background .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
#ai-send-button:hover {
  background: linear-gradient(180deg, #f6d590, #d5a155 56%, #b17a3a) !important;
  box-shadow: 0 7px 16px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.30) !important;
  transform: translateY(-1px) scale(1.03);
}
#ai-send-button:active { transform: translateY(0) scale(.96); }
#ai-send-button svg {
  color: #2a170b !important;
  font-size: 20px !important;
  filter: none !important;
}

@media (max-width: 680px) {
  div.sticky:has(#customized-model-selector) {
    min-height: 50px !important;
    padding: 6px 8px !important;
  }
  #customized-model-selector { max-width: 62vw !important; }
  #ai-model-selector > div > div > div.group,
  div[class*="max-w-[50vw]"][class*="outline-grey-300"][class*="justify-between"] {
    min-width: 0 !important;
    max-width: 62vw !important;
  }
}


/* =========================================
   终调增强：
   1) 顶部栏/底部栏与主面板边框体系一体化
   2) hover / focus / active / selected / disabled 交互细化
   ========================================= */

:root {
  --mhg-accent-shadow: rgba(244,208,138,.18);
  --mhg-accent-shadow-strong: rgba(244,208,138,.28);
  --mhg-panel-edge: rgba(244,208,138,.12);
  --mhg-disabled-bg-1: #473424;
  --mhg-disabled-bg-2: #342418;
  --mhg-disabled-text: #9f8764;
}

/* ---------- 统一主框线体系 ---------- */
div.sticky:has(#customized-model-selector),
div.bg-gradient-to-t:has(#customized-pagination):has(#ai-chat-input),
div:has(> #ai-mod-button),
div:has(> #ai-chat-input) {
  position: relative !important;
}

div.sticky:has(#customized-model-selector)::before,
div.bg-gradient-to-t:has(#customized-pagination):has(#ai-chat-input)::after,
div:has(> #ai-mod-button)::before,
div:has(> #ai-chat-input)::before {
  content: "";
  position: absolute;
  pointer-events: none;
  border: 1px solid var(--mhg-panel-edge);
  background:
    linear-gradient(rgba(244,208,138,.48),rgba(244,208,138,.48)) left top/18px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.48),rgba(244,208,138,.48)) left top/1px 18px no-repeat,
    linear-gradient(rgba(244,208,138,.48),rgba(244,208,138,.48)) right top/18px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.48),rgba(244,208,138,.48)) right top/1px 18px no-repeat,
    linear-gradient(rgba(244,208,138,.48),rgba(244,208,138,.48)) left bottom/18px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.48),rgba(244,208,138,.48)) left bottom/1px 18px no-repeat,
    linear-gradient(rgba(244,208,138,.48),rgba(244,208,138,.48)) right bottom/18px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.48),rgba(244,208,138,.48)) right bottom/1px 18px no-repeat;
}

div.sticky:has(#customized-model-selector)::before {
  inset: 7px 10px !important;
  z-index: 1 !important;
}

div.bg-gradient-to-t:has(#customized-pagination):has(#ai-chat-input)::after {
  inset: 10px 18px !important;
  z-index: 0 !important;
}

div:has(> #ai-mod-button)::before {
  inset: 6px !important;
  z-index: 1 !important;
}

div:has(> #ai-chat-input)::before {
  inset: 6px !important;
  z-index: 0 !important;
}

/* 顶部和底部与主页面更统一的色阶 */
div.sticky:has(#customized-model-selector) {
  background:
    radial-gradient(circle at 50% -24%, rgba(244,208,138,.12), transparent 42%),
    linear-gradient(180deg, rgba(56,35,22,.98), rgba(33,20,13,.96)) !important;
}

div.bg-gradient-to-t:has(#customized-pagination):has(#ai-chat-input) {
  background:
    linear-gradient(to top, rgba(27,17,11,.99) 0%, rgba(36,22,14,.96) 44%, rgba(38,23,14,.84) 74%, transparent 100%) !important;
}

div:has(> #ai-mod-button) {
  background:
    linear-gradient(180deg, rgba(57,35,21,.94), rgba(38,23,14,.94)) !important;
}

div:has(> #ai-chat-input) {
  background:
    linear-gradient(180deg, rgba(57,35,21,.98), rgba(32,20,13,.98)) !important;
}

div:has(> #ai-chat-input):focus-within {
  background:
    linear-gradient(180deg, rgba(70,43,24,.98), rgba(40,24,15,.98)) !important;
  border-color: rgba(244,208,138,.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,230,186,.12),
    0 12px 24px rgba(0,0,0,.18),
    0 0 0 1px rgba(244,208,138,.12) !important;
}

/* ---------- 顶部状态 / 模型选择 / 设置按钮交互细修 ---------- */
#customized-model-selector,
#ai-model-selector,
:is(#header-setting-music, #header-setting-button) {
  z-index: 2 !important;
}

#ai-model-selector > div > div > div.group,
div[class*="max-w-[50vw]"][class*="outline-grey-300"][class*="justify-between"] {
  will-change: transform, box-shadow, border-color;
}

#ai-model-selector > div > div > div.group:hover,
div[class*="max-w-[50vw]"][class*="outline-grey-300"][class*="justify-between"]:hover {
  box-shadow:
    inset 0 1px 0 rgba(255,230,186,.16),
    0 8px 18px rgba(0,0,0,.18),
    0 0 0 1px rgba(244,208,138,.10) !important;
}

#ai-model-selector > div > div > div.group:active,
div[class*="max-w-[50vw]"][class*="outline-grey-300"][class*="justify-between"]:active {
  transform: translateY(0) scale(.992) !important;
}

:is(#header-setting-music, #header-setting-button):active {
  transform: translateY(0) scale(.97) !important;
}

/* ---------- 底部工具栏按钮：状态更细 ---------- */
:is(
  #ai-mod-button,
  #customized-ai-summary-button,
  #customized-prompt-debug-button,
  #customized-flow-button,
  #customized-comment-button,
  #customized-scroll-to-bottom-button,
  #customized-more-button,
  #toggle-sub-buttons
) {
  position: relative !important;
  overflow: hidden !important;
}

:is(
  #ai-mod-button,
  #customized-ai-summary-button,
  #customized-prompt-debug-button,
  #customized-flow-button,
  #customized-comment-button,
  #customized-scroll-to-bottom-button,
  #customized-more-button,
  #toggle-sub-buttons
)::after {
  content: "";
  position: absolute;
  inset: 4px;
  border: 1px solid rgba(70,40,12,.16);
  pointer-events: none;
  background:
    linear-gradient(rgba(70,40,12,.70),rgba(70,40,12,.70)) left top/10px 1px no-repeat,
    linear-gradient(rgba(70,40,12,.70),rgba(70,40,12,.70)) left top/1px 10px no-repeat,
    linear-gradient(rgba(70,40,12,.70),rgba(70,40,12,.70)) right top/10px 1px no-repeat,
    linear-gradient(rgba(70,40,12,.70),rgba(70,40,12,.70)) right top/1px 10px no-repeat,
    linear-gradient(rgba(70,40,12,.70),rgba(70,40,12,.70)) left bottom/10px 1px no-repeat,
    linear-gradient(rgba(70,40,12,.70),rgba(70,40,12,.70)) left bottom/1px 10px no-repeat,
    linear-gradient(rgba(70,40,12,.70),rgba(70,40,12,.70)) right bottom/10px 1px no-repeat,
    linear-gradient(rgba(70,40,12,.70),rgba(70,40,12,.70)) right bottom/1px 10px no-repeat;
}

:is(
  #ai-mod-button,
  #customized-ai-summary-button,
  #customized-prompt-debug-button,
  #customized-flow-button,
  #customized-comment-button,
  #customized-scroll-to-bottom-button,
  #customized-more-button,
  #toggle-sub-buttons
):focus-visible {
  outline: none !important;
  border-color: #f4d08a !important;
  box-shadow:
    0 0 0 3px rgba(244,208,138,.12),
    0 8px 18px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,242,211,.30) !important;
}

:is(
  #ai-mod-button,
  #customized-ai-summary-button,
  #customized-prompt-debug-button,
  #customized-flow-button,
  #customized-comment-button,
  #customized-scroll-to-bottom-button,
  #customized-more-button,
  #toggle-sub-buttons
):active {
  transform: translateY(0) scale(.975) !important;
  box-shadow:
    0 4px 10px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,242,211,.18) !important;
}

:is(
  #ai-mod-button,
  #customized-ai-summary-button,
  #customized-prompt-debug-button,
  #customized-flow-button,
  #customized-comment-button,
  #customized-scroll-to-bottom-button,
  #customized-more-button,
  #toggle-sub-buttons
)[disabled],
:is(
  #ai-mod-button,
  #customized-ai-summary-button,
  #customized-prompt-debug-button,
  #customized-flow-button,
  #customized-comment-button,
  #customized-scroll-to-bottom-button,
  #customized-more-button,
  #toggle-sub-buttons
).disabled,
:is(
  #ai-mod-button,
  #customized-ai-summary-button,
  #customized-prompt-debug-button,
  #customized-flow-button,
  #customized-comment-button,
  #customized-scroll-to-bottom-button,
  #customized-more-button,
  #toggle-sub-buttons
)[aria-disabled="true"] {
  color: var(--mhg-disabled-text) !important;
  background: linear-gradient(180deg, var(--mhg-disabled-bg-1), var(--mhg-disabled-bg-2)) !important;
  border-color: rgba(159,135,100,.28) !important;
  box-shadow: none !important;
  filter: grayscale(.18) saturate(.82) !important;
  opacity: .72 !important;
  cursor: not-allowed !important;
}

:is(
  #ai-mod-button,
  #customized-ai-summary-button,
  #customized-prompt-debug-button,
  #customized-flow-button,
  #customized-comment-button,
  #customized-scroll-to-bottom-button,
  #customized-more-button,
  #toggle-sub-buttons
)[disabled]::after,
:is(
  #ai-mod-button,
  #customized-ai-summary-button,
  #customized-prompt-debug-button,
  #customized-flow-button,
  #customized-comment-button,
  #customized-scroll-to-bottom-button,
  #customized-more-button,
  #toggle-sub-buttons
).disabled::after,
:is(
  #ai-mod-button,
  #customized-ai-summary-button,
  #customized-prompt-debug-button,
  #customized-flow-button,
  #customized-comment-button,
  #customized-scroll-to-bottom-button,
  #customized-more-button,
  #toggle-sub-buttons
)[aria-disabled="true"]::after {
  border-color: rgba(159,135,100,.12) !important;
}

/* 激活态 / 高亮按钮，尽可能兼容常见 class */
:is(
  #ai-mod-button,
  #customized-ai-summary-button,
  #customized-prompt-debug-button,
  #customized-flow-button,
  #customized-comment-button,
  #customized-scroll-to-bottom-button,
  #customized-more-button,
  #toggle-sub-buttons
).active,
:is(
  #ai-mod-button,
  #customized-ai-summary-button,
  #customized-prompt-debug-button,
  #customized-flow-button,
  #customized-comment-button,
  #customized-scroll-to-bottom-button,
  #customized-more-button,
  #toggle-sub-buttons
)[aria-pressed="true"] {
  background: linear-gradient(180deg, #f0ca84, #c9954d 56%, #a57235) !important;
  border-color: rgba(244,208,138,.92) !important;
  color: #27170b !important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.18),
    0 0 0 1px rgba(244,208,138,.14),
    inset 0 1px 0 rgba(255,249,231,.34) !important;
}

/* ---------- 输入区状态细化 ---------- */
#ai-chat-input:focus {
  outline: none !important;
}

#ai-chat-input:disabled,
#ai-chat-input[disabled],
textarea#ai-chat-input[disabled] {
  color: var(--mhg-disabled-text) !important;
  -webkit-text-fill-color: var(--mhg-disabled-text) !important;
  cursor: not-allowed !important;
}

div:has(> #ai-send-button) > div:first-child {
  transition: background .18s ease, border-color .18s ease, color .18s ease !important;
}

div:has(> #ai-chat-input):focus-within div:has(> #ai-send-button) > div:first-child {
  color: #f6e3bd !important;
  border-color: rgba(244,208,138,.22) !important;
  background: rgba(47,30,18,.92) !important;
}

#ai-send-button {
  position: relative !important;
  overflow: hidden !important;
}

#ai-send-button::after {
  content: "";
  position: absolute;
  inset: 4px;
  border: 1px solid rgba(70,40,12,.18);
  pointer-events: none;
  background:
    linear-gradient(rgba(70,40,12,.66),rgba(70,40,12,.66)) left top/8px 1px no-repeat,
    linear-gradient(rgba(70,40,12,.66),rgba(70,40,12,.66)) left top/1px 8px no-repeat,
    linear-gradient(rgba(70,40,12,.66),rgba(70,40,12,.66)) right top/8px 1px no-repeat,
    linear-gradient(rgba(70,40,12,.66),rgba(70,40,12,.66)) right top/1px 8px no-repeat,
    linear-gradient(rgba(70,40,12,.66),rgba(70,40,12,.66)) left bottom/8px 1px no-repeat,
    linear-gradient(rgba(70,40,12,.66),rgba(70,40,12,.66)) left bottom/1px 8px no-repeat,
    linear-gradient(rgba(70,40,12,.66),rgba(70,40,12,.66)) right bottom/8px 1px no-repeat,
    linear-gradient(rgba(70,40,12,.66),rgba(70,40,12,.66)) right bottom/1px 8px no-repeat;
}

#ai-send-button:focus-visible {
  outline: none !important;
  box-shadow:
    0 0 0 3px rgba(244,208,138,.16),
    0 7px 16px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.32) !important;
}

#ai-send-button[disabled],
#ai-send-button:disabled,
#ai-send-button.disabled,
#ai-send-button[aria-disabled="true"] {
  color: var(--mhg-disabled-text) !important;
  background: linear-gradient(180deg, var(--mhg-disabled-bg-1), var(--mhg-disabled-bg-2)) !important;
  border-color: rgba(159,135,100,.26) !important;
  box-shadow: none !important;
  opacity: .74 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

#ai-send-button[disabled]::after,
#ai-send-button:disabled::after,
#ai-send-button.disabled::after,
#ai-send-button[aria-disabled="true"]::after {
  border-color: rgba(159,135,100,.10) !important;
}

/* ---------- 常规输入框 focus-visible / disabled 一并收口 ---------- */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):focus-visible,
textarea:focus-visible,
select:focus-visible,
.el-input__wrapper.is-focus,
.el-select__wrapper.is-focused,
.ant-input-focused,
.ant-select-focused .ant-select-selector,
.ant-picker-focused {
  outline: none !important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):disabled,
textarea:disabled,
select:disabled,
.el-input.is-disabled .el-input__wrapper,
.el-textarea.is-disabled .el-textarea__inner,
.ant-input[disabled],
.ant-select-disabled .ant-select-selector,
.ant-picker-disabled {
  color: var(--mhg-disabled-text) !important;
  background: linear-gradient(180deg, var(--mhg-disabled-bg-1), var(--mhg-disabled-bg-2)) !important;
  border-color: rgba(159,135,100,.22) !important;
  box-shadow: none !important;
  opacity: .78 !important;
  cursor: not-allowed !important;
}

/* 常见标签页 / 选项卡激活态 */
[role="tab"],
.el-tabs__item,
.ant-tabs-tab {
  transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

[role="tab"].active,
[role="tab"][aria-selected="true"],
.el-tabs__item.is-active,
.ant-tabs-tab-active {
  color: var(--mhg-gold-2) !important;
  text-shadow: 0 0 10px rgba(244,208,138,.16) !important;
}

/* 更协调的滚动条 */
div.sticky:has(#customized-model-selector) *::-webkit-scrollbar-thumb,
div.bg-gradient-to-t:has(#customized-pagination):has(#ai-chat-input) *::-webkit-scrollbar-thumb,
div:has(> #ai-mod-button)::-webkit-scrollbar-thumb,
div:has(> #ai-chat-input)::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #a77a40, #775127) !important;
  border: 1px solid rgba(244,208,138,.12) !important;
}


/* =========================================================
   底部工具栏与输入区精确适配
   按当前网页实际 DOM：#ai-mod-button2 / #ai-chat-input
   ========================================================= */

/* 底部整块底座：覆盖原白色渐变与 utility class */
div.bg-gradient-to-t.absolute.w-full.bottom-0.left-0.right-0:has(#ai-mod-button2):has(#ai-chat-input) {
  box-sizing: border-box !important;
  padding: 24px 0 14px !important;
  background:
    linear-gradient(to top,
      rgba(18,11,7,.995) 0%,
      rgba(29,18,11,.985) 48%,
      rgba(36,22,14,.88) 76%,
      rgba(36,22,14,0) 100%) !important;
  filter: none !important;
  isolation: isolate !important;
}

div.bg-gradient-to-t.absolute.w-full.bottom-0.left-0.right-0:has(#ai-mod-button2):has(#ai-chat-input)::before {
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  bottom:8px !important;
  height:calc(100% - 18px) !important;
  z-index:-1 !important;
  pointer-events:none !important;
  border:1px solid rgba(244,208,138,.11) !important;
  background:
    linear-gradient(rgba(244,208,138,.50),rgba(244,208,138,.50)) left top/22px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.50),rgba(244,208,138,.50)) left top/1px 22px no-repeat,
    linear-gradient(rgba(244,208,138,.50),rgba(244,208,138,.50)) right top/22px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.50),rgba(244,208,138,.50)) right top/1px 22px no-repeat,
    linear-gradient(rgba(244,208,138,.50),rgba(244,208,138,.50)) left bottom/22px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.50),rgba(244,208,138,.50)) left bottom/1px 22px no-repeat,
    linear-gradient(rgba(244,208,138,.50),rgba(244,208,138,.50)) right bottom/22px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.50),rgba(244,208,138,.50)) right bottom/1px 22px no-repeat !important;
}

/* 底部内容宽度与布局 */
div.bg-gradient-to-t.absolute.w-full.bottom-0.left-0.right-0:has(#ai-mod-button2):has(#ai-chat-input) > div.mx-auto.w-full {
  box-sizing:border-box !important;
  width:min(920px,100%) !important;
  max-width:920px !important;
  padding-left:14px !important;
  padding-right:14px !important;
}

div.bg-gradient-to-t.absolute.w-full.bottom-0.left-0.right-0:has(#ai-mod-button2):has(#ai-chat-input) .relative.mt-2 {
  margin-top:0 !important;
}

/* ---------- 精确匹配工具栏 ---------- */
#ai-mod-button2 {
  position:relative !important;
  z-index:3 !important;
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  width:100% !important;
  box-sizing:border-box !important;
  margin:0 0 8px !important;
  padding:9px 10px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  background:linear-gradient(180deg,rgba(66,40,22,.98),rgba(40,24,14,.98)) !important;
  border:1px solid rgba(244,208,138,.24) !important;
  border-radius:0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,230,186,.07),
    0 7px 16px rgba(0,0,0,.12) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(210,164,94,.62) rgba(26,16,10,.62) !important;
}

#ai-mod-button2::before {
  content:"" !important;
  position:absolute !important;
  inset:6px !important;
  pointer-events:none !important;
  border:1px solid rgba(244,208,138,.08) !important;
  background:
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) left top/16px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) left top/1px 16px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) right top/16px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) right top/1px 16px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) left bottom/16px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) left bottom/1px 16px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) right bottom/16px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) right bottom/1px 16px no-repeat !important;
}

#ai-mod-button2::-webkit-scrollbar { height:6px !important; }
#ai-mod-button2::-webkit-scrollbar-track {
  background:rgba(24,15,10,.54) !important;
  border:1px solid rgba(244,208,138,.06) !important;
}
#ai-mod-button2::-webkit-scrollbar-thumb {
  background:linear-gradient(90deg,#80572b,#bd8d49,#80572b) !important;
  border:1px solid rgba(244,208,138,.16) !important;
  border-radius:0 !important;
}

/* 工具栏内所有实际 MUI 按钮 */
#ai-mod-button2 > button,
#ai-mod-button2 > .MuiButton-root {
  position:relative !important;
  z-index:2 !important;
  flex:0 0 auto !important;
  min-width:auto !important;
  min-height:36px !important;
  box-sizing:border-box !important;
  padding:7px 13px !important;
  color:#24150a !important;
  font-family:"Microsoft YaHei","PingFang SC",sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  letter-spacing:.025em !important;
  white-space:nowrap !important;
  text-transform:none !important;
  background:linear-gradient(180deg,#e2b56d,#b47e3e 58%,#8f6030) !important;
  border:1px solid rgba(244,208,138,.78) !important;
  border-radius:0 !important;
  box-shadow:
    0 6px 12px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,243,217,.24) !important;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    background .18s ease,
    color .18s ease !important;
}

#ai-mod-button2 > button::before,
#ai-mod-button2 > .MuiButton-root::before {
  content:"" !important;
  position:absolute !important;
  inset:4px !important;
  pointer-events:none !important;
  border:1px solid rgba(72,42,15,.16) !important;
  background:
    linear-gradient(rgba(72,42,15,.72),rgba(72,42,15,.72)) left top/10px 1px no-repeat,
    linear-gradient(rgba(72,42,15,.72),rgba(72,42,15,.72)) left top/1px 10px no-repeat,
    linear-gradient(rgba(72,42,15,.72),rgba(72,42,15,.72)) right top/10px 1px no-repeat,
    linear-gradient(rgba(72,42,15,.72),rgba(72,42,15,.72)) right top/1px 10px no-repeat,
    linear-gradient(rgba(72,42,15,.72),rgba(72,42,15,.72)) left bottom/10px 1px no-repeat,
    linear-gradient(rgba(72,42,15,.72),rgba(72,42,15,.72)) left bottom/1px 10px no-repeat,
    linear-gradient(rgba(72,42,15,.72),rgba(72,42,15,.72)) right bottom/10px 1px no-repeat,
    linear-gradient(rgba(72,42,15,.72),rgba(72,42,15,.72)) right bottom/1px 10px no-repeat !important;
}

#ai-mod-button2 > button:hover,
#ai-mod-button2 > .MuiButton-root:hover {
  color:#1d1008 !important;
  background:linear-gradient(180deg,#edc37a,#c18a47 58%,#9b6935) !important;
  border-color:#f4d08a !important;
  box-shadow:
    0 9px 17px rgba(0,0,0,.18),
    0 0 0 1px rgba(244,208,138,.10),
    inset 0 1px 0 rgba(255,248,226,.32) !important;
  transform:translateY(-1px) !important;
}

#ai-mod-button2 > button:focus-visible,
#ai-mod-button2 > .MuiButton-root:focus-visible {
  outline:none !important;
  border-color:#ffe0a3 !important;
  box-shadow:
    0 0 0 3px rgba(244,208,138,.14),
    0 8px 16px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,248,226,.30) !important;
}

#ai-mod-button2 > button:active,
#ai-mod-button2 > .MuiButton-root:active {
  transform:translateY(0) scale(.975) !important;
  box-shadow:
    0 4px 9px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,243,217,.18) !important;
}

#ai-mod-button2 > button[data-state="open"],
#ai-mod-button2 > button[aria-expanded="true"],
#ai-mod-button2 > button[aria-pressed="true"],
#ai-mod-button2 > button.active {
  color:#f4d08a !important;
  background:linear-gradient(180deg,#6b2b24,#451b17 58%,#351411) !important;
  border-color:#a96048 !important;
  box-shadow:
    0 7px 15px rgba(0,0,0,.17),
    0 0 0 1px rgba(244,208,138,.08),
    inset 0 1px 0 rgba(255,225,194,.07) !important;
}

#ai-mod-button2 > button[data-state="open"]::before,
#ai-mod-button2 > button[aria-expanded="true"]::before,
#ai-mod-button2 > button[aria-pressed="true"]::before,
#ai-mod-button2 > button.active::before {
  border-color:rgba(244,208,138,.11) !important;
  background:
    linear-gradient(rgba(244,208,138,.62),rgba(244,208,138,.62)) left top/10px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.62),rgba(244,208,138,.62)) left top/1px 10px no-repeat,
    linear-gradient(rgba(244,208,138,.62),rgba(244,208,138,.62)) right top/10px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.62),rgba(244,208,138,.62)) right top/1px 10px no-repeat,
    linear-gradient(rgba(244,208,138,.62),rgba(244,208,138,.62)) left bottom/10px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.62),rgba(244,208,138,.62)) left bottom/1px 10px no-repeat,
    linear-gradient(rgba(244,208,138,.62),rgba(244,208,138,.62)) right bottom/10px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.62),rgba(244,208,138,.62)) right bottom/1px 10px no-repeat !important;
}

#ai-mod-button2 > button:disabled,
#ai-mod-button2 > button[disabled],
#ai-mod-button2 > button[aria-disabled="true"] {
  color:#9f8764 !important;
  background:linear-gradient(180deg,#473424,#342418) !important;
  border-color:rgba(159,135,100,.28) !important;
  box-shadow:none !important;
  opacity:.72 !important;
  cursor:not-allowed !important;
  transform:none !important;
}

#ai-mod-button2 > button svg,
#ai-mod-button2 > button use,
#ai-mod-button2 > .MuiButton-root svg {
  color:#3c220f !important;
  fill:currentColor !important;
  stroke:currentColor !important;
  filter:none !important;
}

#ai-mod-button2 > button[data-state="open"] svg,
#ai-mod-button2 > button[aria-expanded="true"] svg,
#ai-mod-button2 > button[aria-pressed="true"] svg,
#ai-mod-button2 > button.active svg {
  color:#f4d08a !important;
}

#ai-mod-button2 .MuiTouchRipple-root {
  color:rgba(244,208,138,.18) !important;
}

#customized-comment-button .text-xs {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:20px !important;
  height:20px !important;
  margin-left:6px !important;
  padding:0 6px !important;
  color:#26160a !important;
  font-size:10px !important;
  font-weight:800 !important;
  background:linear-gradient(180deg,#f2d28f,#ca954a) !important;
  border:1px solid rgba(72,42,15,.20) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* ---------- 精确匹配输入框整块 ---------- */
div.relative.mb-2:has(#ai-chat-input),
div.bg-white.border-\[1\.5px\].relative.rounded-xl.mb-2:has(#ai-chat-input) {
  position:relative !important;
  z-index:3 !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:8px 10px !important;
  min-height:62px !important;
  overflow:visible !important;
  color:var(--mhg-text) !important;
  background:linear-gradient(180deg,rgba(66,40,22,.99),rgba(34,21,13,.99)) !important;
  border:1px solid rgba(244,208,138,.28) !important;
  border-radius:0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,230,186,.06),
    0 9px 18px rgba(0,0,0,.14) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    background .2s ease,
    transform .2s ease !important;
}

div.relative.mb-2:has(#ai-chat-input)::before,
div.bg-white.border-\[1\.5px\].relative.rounded-xl.mb-2:has(#ai-chat-input)::before {
  content:"" !important;
  position:absolute !important;
  inset:6px !important;
  z-index:0 !important;
  pointer-events:none !important;
  border:1px solid rgba(244,208,138,.08) !important;
  background:
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) left top/16px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) left top/1px 16px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) right top/16px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) right top/1px 16px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) left bottom/16px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) left bottom/1px 16px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) right bottom/16px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.56),rgba(244,208,138,.56)) right bottom/1px 16px no-repeat !important;
}

div.relative.mb-2:has(#ai-chat-input):focus-within,
div.bg-white.border-\[1\.5px\].relative.rounded-xl.mb-2:has(#ai-chat-input):focus-within {
  background:linear-gradient(180deg,rgba(77,46,25,.99),rgba(40,24,15,.99)) !important;
  border-color:rgba(244,208,138,.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,230,186,.12),
    0 11px 22px rgba(0,0,0,.18),
    0 0 0 1px rgba(244,208,138,.10) !important;
  transform:translateY(-1px) !important;
}

/* 输入区内部滚动容器 */
div.relative.mb-2:has(#ai-chat-input) > div.w-full.overflow-y-auto,
div.relative.mb-2:has(#ai-chat-input) > div:first-child {
  position:relative !important;
  z-index:2 !important;
  box-sizing:border-box !important;
  width:100% !important;
  max-height:160px !important;
  padding:5px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#ai-chat-input {
  position:relative !important;
  z-index:2 !important;
  box-sizing:border-box !important;
  display:block !important;
  width:100% !important;
  min-height:42px !important;
  max-height:150px !important;
  padding:10px 118px 10px 11px !important;
  color:#f5e6bf !important;
  -webkit-text-fill-color:#f5e6bf !important;
  font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:1.72 !important;
  caret-color:#f4d08a !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  outline:none !important;
  box-shadow:none !important;
  resize:none !important;
}

#ai-chat-input::placeholder {
  color:rgba(219,189,140,.72) !important;
  -webkit-text-fill-color:rgba(219,189,140,.72) !important;
  font-weight:500 !important;
  letter-spacing:.02em !important;
}

#ai-chat-input:focus::placeholder {
  color:rgba(244,208,138,.44) !important;
  -webkit-text-fill-color:rgba(244,208,138,.44) !important;
}

#ai-chat-input:disabled,
#ai-chat-input[disabled] {
  color:#9f8764 !important;
  -webkit-text-fill-color:#9f8764 !important;
  cursor:not-allowed !important;
}

/* 右下角字数与发送控制组 */
div.absolute.bottom-2.right-2:has(> #ai-send-button) {
  position:absolute !important;
  right:10px !important;
  bottom:10px !important;
  z-index:5 !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  height:34px !important;
  padding:3px 4px 3px 7px !important;
  background:linear-gradient(180deg,rgba(86,52,29,.94),rgba(47,28,17,.94)) !important;
  border:1px solid rgba(244,208,138,.18) !important;
  border-radius:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,230,186,.05) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

div.absolute.bottom-2.right-2:has(> #ai-send-button) > div:first-child {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:24px !important;
  height:22px !important;
  padding:0 7px !important;
  color:rgba(244,224,188,.84) !important;
  font-size:10px !important;
  font-weight:750 !important;
  background:rgba(34,21,13,.78) !important;
  border:1px solid rgba(244,208,138,.12) !important;
  border-radius:0 !important;
}

div.absolute.bottom-2.right-2:has(> #ai-send-button) > .mx-1.w-px.h-4 {
  width:1px !important;
  height:18px !important;
  margin:0 2px !important;
  background:rgba(244,208,138,.16) !important;
  opacity:1 !important;
}

#ai-send-button {
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:30px !important;
  height:30px !important;
  box-sizing:border-box !important;
  color:#25150a !important;
  background:linear-gradient(180deg,#f0ca84,#c9954d 56%,#a57235) !important;
  border:1px solid rgba(89,56,23,.30) !important;
  border-radius:0 !important;
  box-shadow:
    0 5px 12px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.26) !important;
  cursor:pointer !important;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease,
    border-color .18s ease !important;
}

#ai-send-button::after {
  content:"" !important;
  position:absolute !important;
  inset:4px !important;
  pointer-events:none !important;
  border:1px solid rgba(70,40,12,.18) !important;
  background:
    linear-gradient(rgba(70,40,12,.66),rgba(70,40,12,.66)) left top/8px 1px no-repeat,
    linear-gradient(rgba(70,40,12,.66),rgba(70,40,12,.66)) left top/1px 8px no-repeat,
    linear-gradient(rgba(70,40,12,.66),rgba(70,40,12,.66)) right bottom/8px 1px no-repeat,
    linear-gradient(rgba(70,40,12,.66),rgba(70,40,12,.66)) right bottom/1px 8px no-repeat !important;
}

#ai-send-button:hover {
  background:linear-gradient(180deg,#f6d590,#d5a155 56%,#b17a3a) !important;
  border-color:rgba(244,208,138,.72) !important;
  box-shadow:
    0 8px 16px rgba(0,0,0,.20),
    0 0 0 1px rgba(244,208,138,.10),
    inset 0 1px 0 rgba(255,255,255,.32) !important;
  transform:translateY(-1px) scale(1.03) !important;
}

#ai-send-button:focus-visible {
  outline:none !important;
  box-shadow:
    0 0 0 3px rgba(244,208,138,.16),
    0 8px 16px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.32) !important;
}

#ai-send-button:active {
  transform:translateY(0) scale(.95) !important;
}

#ai-send-button[disabled],
#ai-send-button:disabled,
#ai-send-button[aria-disabled="true"],
#ai-send-button.pointer-events-none {
  color:#9f8764 !important;
  background:linear-gradient(180deg,#473424,#342418) !important;
  border-color:rgba(159,135,100,.26) !important;
  box-shadow:none !important;
  opacity:.72 !important;
  cursor:not-allowed !important;
  transform:none !important;
}

#ai-send-button svg,
#ai-send-button use {
  color:#2a170b !important;
  fill:currentColor !important;
  stroke:currentColor !important;
  font-size:20px !important;
  filter:none !important;
}

#ai-send-button[disabled] svg,
#ai-send-button:disabled svg,
#ai-send-button[aria-disabled="true"] svg,
#ai-send-button.pointer-events-none svg {
  color:#9f8764 !important;
}

@media (max-width:680px) {
  div.bg-gradient-to-t.absolute.w-full.bottom-0.left-0.right-0:has(#ai-mod-button2):has(#ai-chat-input) {
    padding-top:18px !important;
    padding-bottom:10px !important;
  }
  #ai-mod-button2 {
    gap:6px !important;
    padding:8px !important;
  }
  #ai-mod-button2 > button,
  #ai-mod-button2 > .MuiButton-root {
    min-height:34px !important;
    padding:6px 10px !important;
    font-size:11px !important;
  }
  div.relative.mb-2:has(#ai-chat-input) {
    padding:7px 8px !important;
  }
  #ai-chat-input {
    padding-right:108px !important;
  }
}


/* =========================================================
   莽荒纪：用户消息、AI回复、正文与修仙功能栏统一美化
   参考原卡外层气泡与details工作台结构，改为棕金天机阁风
   ========================================================= */

/* ---------- 用户消息外层 ---------- */
#customized-question-content {
  position: relative !important;
  box-sizing: border-box !important;
  max-width: min(80%, 780px) !important;
  padding: 16px 18px 13px !important;
  color: var(--mhg-text) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(244,208,138,.08), transparent 34%),
    linear-gradient(150deg, rgba(83,44,25,.98), rgba(45,25,15,.98)) !important;
  border: 1px solid rgba(244,208,138,.48) !important;
  border-radius: 0 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,230,186,.07) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

#customized-question-content::before {
  content: "";
  position: absolute;
  inset: 7px;
  pointer-events: none;
  border: 1px solid rgba(244,208,138,.08);
  background:
    linear-gradient(rgba(244,208,138,.64),rgba(244,208,138,.64)) left top/18px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.64),rgba(244,208,138,.64)) left top/1px 18px no-repeat,
    linear-gradient(rgba(244,208,138,.64),rgba(244,208,138,.64)) right top/18px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.64),rgba(244,208,138,.64)) right top/1px 18px no-repeat,
    linear-gradient(rgba(244,208,138,.64),rgba(244,208,138,.64)) left bottom/18px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.64),rgba(244,208,138,.64)) left bottom/1px 18px no-repeat,
    linear-gradient(rgba(244,208,138,.64),rgba(244,208,138,.64)) right bottom/18px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.64),rgba(244,208,138,.64)) right bottom/1px 18px no-repeat;
}

#customized-question-content:hover {
  border-color: rgba(244,208,138,.74) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.24), 0 0 0 1px rgba(244,208,138,.08), inset 0 1px 0 rgba(255,230,186,.10) !important;
  transform: translateY(-1px);
}

#customized-question-content > div.absolute:first-child {
  top: 0 !important;
  width: 92% !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(244,208,138,.24) 12%, rgba(244,208,138,.88) 50%, rgba(244,208,138,.24) 88%, transparent) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#customized-question-content,
#customized-question-content p,
#customized-question-content div,
#customized-question-content span {
  color: var(--mhg-text) !important;
  font-family: "STSong","Songti SC","Noto Serif SC","SimSun","Microsoft YaHei",serif !important;
}

#customized-question-content > .text-xs.text-text-secondary {
  margin-top: 8px !important;
  color: rgba(218,194,147,.62) !important;
  font-size: 11px !important;
  letter-spacing: .025em !important;
}

#customized-question-content > .MuiStack-root:last-child {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 9px !important;
  padding-top: 8px !important;
  border-top: 1px solid rgba(244,208,138,.12) !important;
}

#customized-question-content > .MuiStack-root:last-child > button {
  min-width: auto !important;
  min-height: 29px !important;
  padding: 4px 9px !important;
  color: #f0ca84 !important;
  background: linear-gradient(180deg,#5b2a1d,#3e1b14) !important;
  border: 1px solid rgba(244,208,138,.18) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#customized-question-content > .MuiStack-root:last-child > button:hover {
  color: #ffe5aa !important;
  border-color: rgba(244,208,138,.46) !important;
  background: linear-gradient(180deg,#6b3423,#492017) !important;
}

/* ---------- AI回复外层 ---------- */
#customized-answer-content {
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
  padding: 16px 16px 13px !important;
  color: var(--mhg-text) !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(244,208,138,.06), transparent 34%),
    linear-gradient(160deg, rgba(50,31,19,.98), rgba(27,17,11,.99)) !important;
  border: 1px solid rgba(244,208,138,.30) !important;
  border-radius: 0 !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,230,186,.05) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

#customized-answer-content::before {
  content: "";
  position: absolute;
  inset: 8px;
  pointer-events: none;
  border: 1px solid rgba(244,208,138,.06);
  background:
    linear-gradient(rgba(244,208,138,.46),rgba(244,208,138,.46)) left top/20px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.46),rgba(244,208,138,.46)) left top/1px 20px no-repeat,
    linear-gradient(rgba(244,208,138,.46),rgba(244,208,138,.46)) right top/20px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.46),rgba(244,208,138,.46)) right top/1px 20px no-repeat,
    linear-gradient(rgba(244,208,138,.46),rgba(244,208,138,.46)) left bottom/20px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.46),rgba(244,208,138,.46)) left bottom/1px 20px no-repeat,
    linear-gradient(rgba(244,208,138,.46),rgba(244,208,138,.46)) right bottom/20px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.46),rgba(244,208,138,.46)) right bottom/1px 20px no-repeat;
}

#customized-answer-content:hover {
  border-color: rgba(244,208,138,.48) !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.24), 0 0 0 1px rgba(244,208,138,.06), inset 0 1px 0 rgba(255,230,186,.07) !important;
}

#customized-answer-content > div.absolute:first-child {
  top: 0 !important;
  width: 94% !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(244,208,138,.18) 12%, rgba(244,208,138,.68) 50%, rgba(244,208,138,.18) 88%, transparent) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#customized-answer-content > .text-xs.text-text-secondary {
  margin: 9px 4px 0 !important;
  color: rgba(218,194,147,.58) !important;
  font-size: 11px !important;
  letter-spacing: .025em !important;
}

#customized-answer-content > .MuiStack-root.text-purple-500 {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 8px 3px 0 !important;
  padding: 7px 9px !important;
  color: #d8bf90 !important;
  background: rgba(47,29,18,.72) !important;
  border: 1px solid rgba(244,208,138,.10) !important;
  border-radius: 0 !important;
}

/* AI普通Markdown正文兜底风格 */
#customized-answer-content :is(.markdown-body,.prose,.ui-prose),
#customized-answer-content :is(.markdown-body,.prose,.ui-prose) p,
#customized-answer-content :is(.markdown-body,.prose,.ui-prose) li,
#customized-answer-content :is(.markdown-body,.prose,.ui-prose) span {
  color: var(--mhg-text) !important;
  font-family: "STSong","Songti SC","Noto Serif SC","SimSun","Microsoft YaHei",serif !important;
}

#customized-answer-content :is(.markdown-body,.prose,.ui-prose) {
  font-size: 16px !important;
  line-height: 2 !important;
  letter-spacing: .015em !important;
}

#customized-answer-content :is(.markdown-body,.prose,.ui-prose) p {
  margin: 0 0 1.05em !important;
}

#customized-answer-content :is(.markdown-body,.prose,.ui-prose) h1,
#customized-answer-content :is(.markdown-body,.prose,.ui-prose) h2,
#customized-answer-content :is(.markdown-body,.prose,.ui-prose) h3,
#customized-answer-content :is(.markdown-body,.prose,.ui-prose) h4 {
  color: #f4d08a !important;
  border-color: rgba(244,208,138,.16) !important;
  font-family: "STSong","Songti SC","Noto Serif SC","SimSun",serif !important;
}

#customized-answer-content :is(.markdown-body,.prose,.ui-prose) strong { color: #ffe1a3 !important; }
#customized-answer-content :is(.markdown-body,.prose,.ui-prose) em { color: #dfc79c !important; }
#customized-answer-content :is(.markdown-body,.prose,.ui-prose) a { color: #f1bd67 !important; }
#customized-answer-content :is(.markdown-body,.prose,.ui-prose) hr {
  height: 1px !important;
  border: 0 !important;
  background: linear-gradient(90deg,transparent,rgba(244,208,138,.42),transparent) !important;
}
#customized-answer-content :is(.markdown-body,.prose,.ui-prose) blockquote {
  color: #d8bf90 !important;
  background: rgba(64,38,22,.62) !important;
  border-left: 3px solid rgba(244,208,138,.48) !important;
}
#customized-answer-content :is(.markdown-body,.prose,.ui-prose) code {
  color: #f2d59f !important;
  background: rgba(25,16,10,.90) !important;
  border: 1px solid rgba(244,208,138,.10) !important;
  border-radius: 0 !important;
}

/* ---------- 正文与功能栏基础卡 ---------- */
.mhg-response {
  display: block;
  width: 100%;
  box-sizing: border-box;
  color: var(--mhg-text);
  font-family: "STSong","Songti SC","Noto Serif SC","SimSun","Microsoft YaHei",serif;
}

.mhg-card {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  margin: 13px 0;
  overflow: hidden;
  color: var(--mhg-text);
  background: linear-gradient(180deg, rgba(58,36,22,.96), rgba(31,19,12,.98));
  border: 1px solid rgba(244,208,138,.22);
  border-radius: 0;
  box-shadow: none;
}

.mhg-card::before {
  content: "";
  position: absolute;
  inset: 7px;
  pointer-events: none;
  border: 1px solid rgba(244,208,138,.05);
  background:
    linear-gradient(rgba(244,208,138,.50),rgba(244,208,138,.50)) left top/16px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.50),rgba(244,208,138,.50)) left top/1px 16px no-repeat,
    linear-gradient(rgba(244,208,138,.50),rgba(244,208,138,.50)) right top/16px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.50),rgba(244,208,138,.50)) right top/1px 16px no-repeat,
    linear-gradient(rgba(244,208,138,.50),rgba(244,208,138,.50)) left bottom/16px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.50),rgba(244,208,138,.50)) left bottom/1px 16px no-repeat,
    linear-gradient(rgba(244,208,138,.50),rgba(244,208,138,.50)) right bottom/16px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.50),rgba(244,208,138,.50)) right bottom/1px 16px no-repeat;
}

.mhg-card:hover { border-color: rgba(244,208,138,.36); }

.mhg-card > summary {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  box-sizing: border-box;
  padding: 14px 18px;
  color: #f5d99f;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.45;
  cursor: pointer;
  user-select: none;
  list-style: none;
  background: linear-gradient(90deg, rgba(91,50,25,.48), rgba(44,27,17,.22));
  border-bottom: 0;
}

.mhg-card > summary::-webkit-details-marker { display: none; }
.mhg-card > summary::marker { content: ""; display: none; }
.mhg-card > summary::after {
  content: "＋";
  margin-left: auto;
  color: rgba(244,208,138,.68);
  font-size: 19px;
  font-weight: 400;
}
.mhg-card[open] > summary::after { content: "－"; }
.mhg-card[open] > summary { border-bottom: 1px solid rgba(244,208,138,.12); }

.mhg-summary-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  color: #29180c;
  background: linear-gradient(180deg,#e0b56b,#9a6932);
  border: 1px solid rgba(244,208,138,.54);
  font-size: 13px;
  font-weight: 800;
}

.mhg-card > summary small {
  margin-left: 2px;
  color: #bda578;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .03em;
}

.mhg-content {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  padding: 18px 20px 20px;
  color: var(--mhg-text);
  font-size: 14px;
  line-height: 1.86;
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* 正文 */
.mhg-story { border-color: rgba(244,208,138,.30); }
.mhg-story > summary { background: linear-gradient(90deg, rgba(112,61,28,.54), rgba(44,27,17,.18)); }
.mhg-prose { font-size: 16px; line-height: 2; letter-spacing: .015em; }
.mhg-prose p { margin: 0 0 1.08em; color: #f2e3c1; }
.mhg-prose p:last-child { margin-bottom: 0; }

.mhg-scene-head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  padding: 10px 12px;
  color: #ddc492;
  background: rgba(35,21,13,.66);
  border: 1px solid rgba(244,208,138,.10);
}
.mhg-scene-head span { color: #f1bd67; font-size: 10px; letter-spacing: .16em; }
.mhg-scene-head strong { color: #f7ddaa; font-size: 15px; }
.mhg-scene-head em { color: #bda578; font-size: 11px; font-style: normal; text-align: right; }

/* 现场NPC对白 */
.mhg-dialogue-row {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin: 14px 0 18px;
}
.mhg-dialogue-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  overflow: hidden;
  color: #2a180d;
  background: linear-gradient(180deg,#e0b56b,#9a6932);
  border: 1px solid rgba(244,208,138,.48);
  font-size: 17px;
  font-weight: 800;
}
.mhg-dialogue-avatar img { display:block; width:100%; height:100%; object-fit:cover; }
.mhg-dialogue-body { min-width: 0; flex: 1; }
.mhg-dialogue-name { display: block; margin: 0 0 5px 2px; color: #d6bd8e; font-size: 11px; }
.mhg-dialogue-bubble {
  position: relative;
  display: inline-block;
  max-width: 100%;
  box-sizing: border-box;
  padding: 10px 13px;
  color: #f5e5c0;
  background: linear-gradient(180deg,#4b2c1a,#332015);
  border: 1px solid rgba(244,208,138,.18);
  line-height: 1.78;
}

/* 功能栏内容通用 */
.mhg-stat-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px 12px;
}
.mhg-stat {
  box-sizing: border-box;
  padding: 10px 12px;
  background: rgba(35,21,13,.54);
  border: 1px solid rgba(244,208,138,.09);
}
.mhg-stat-wide { grid-column: 1/-1; }
.mhg-stat span { display:block; color:#bda578; font-size:11px; margin-bottom:3px; }
.mhg-stat strong,.mhg-stat p { margin:0; color:#f0dfbb; font-size:13px; font-weight:600; line-height:1.7; }
.mhg-stat p { font-weight:400; }

.mhg-chip-row { display:flex; flex-wrap:wrap; gap:7px; margin:8px 0; }
.mhg-chip {
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 8px;
  color:#e8d2a6;
  font-size:11px;
  background:rgba(89,50,25,.42);
  border:1px solid rgba(244,208,138,.14);
}
.mhg-chip-good { color:#aee0b7; border-color:rgba(135,205,151,.20); background:rgba(37,83,49,.28); }
.mhg-chip-warn { color:#f2c879; border-color:rgba(229,165,65,.22); background:rgba(98,62,19,.32); }
.mhg-chip-danger { color:#f0a093; border-color:rgba(218,101,84,.24); background:rgba(103,36,29,.32); }
.mhg-chip-sealed { color:#c3addc; border-color:rgba(151,121,185,.22); background:rgba(57,42,78,.34); }

.mhg-list { display:grid; gap:9px; }
.mhg-list-item,.mhg-item-card {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:start;
  gap:10px;
  padding:10px 12px;
  background:rgba(34,21,13,.58);
  border:1px solid rgba(244,208,138,.09);
}
.mhg-item-mark {
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  color:#29180c;
  background:linear-gradient(180deg,#ddb06a,#96642e);
  font-size:11px;
  font-weight:800;
}
.mhg-item-main { min-width:0; }
.mhg-item-main strong { display:block; color:#f4dcaa; font-size:13px; }
.mhg-item-main p { margin:3px 0 0; color:#cdb58a; font-size:11px; line-height:1.65; }
.mhg-item-meta { color:#e5c381; font-size:11px; white-space:nowrap; text-align:right; }

.mhg-progress {
  position:relative;
  height:8px;
  margin-top:7px;
  overflow:hidden;
  background:#1d120b;
  border:1px solid rgba(244,208,138,.08);
}
.mhg-progress > i { display:block; height:100%; width:var(--mhg-progress,0%); background:linear-gradient(90deg,#8f5f2b,#e1b36b); }

/* 各模块辨识色，仅微差 */
.mhg-time > summary { background:linear-gradient(90deg,rgba(82,56,31,.58),rgba(43,27,17,.18)); }
.mhg-user > summary { background:linear-gradient(90deg,rgba(101,49,29,.54),rgba(43,27,17,.18)); }
.mhg-cultivation > summary { background:linear-gradient(90deg,rgba(77,52,78,.50),rgba(43,27,17,.18)); }
.mhg-people > summary { background:linear-gradient(90deg,rgba(74,61,38,.52),rgba(43,27,17,.18)); }
.mhg-quest > summary { background:linear-gradient(90deg,rgba(85,57,28,.56),rgba(43,27,17,.18)); }
.mhg-inventory > summary { background:linear-gradient(90deg,rgba(92,60,27,.58),rgba(43,27,17,.18)); }
.mhg-treasure > summary { background:linear-gradient(90deg,rgba(90,44,34,.56),rgba(43,27,17,.18)); }
.mhg-skill > summary { background:linear-gradient(90deg,rgba(61,50,84,.54),rgba(43,27,17,.18)); }
.mhg-faction > summary { background:linear-gradient(90deg,rgba(49,66,69,.48),rgba(43,27,17,.18)); }
.mhg-memory { border-bottom:2px solid #a97934; }
.mhg-memory > summary { background:linear-gradient(90deg,rgba(105,67,24,.60),rgba(43,27,17,.18)); color:#f1c878; }

/* 任务条目 */
.mhg-quest-card {
  padding:11px 12px;
  background:rgba(35,21,13,.56);
  border-left:3px solid #a97639;
  border-top:1px solid rgba(244,208,138,.08);
  border-right:1px solid rgba(244,208,138,.08);
  border-bottom:1px solid rgba(244,208,138,.08);
}
.mhg-quest-card + .mhg-quest-card { margin-top:9px; }
.mhg-quest-head { display:flex; align-items:center; gap:8px; }
.mhg-quest-head strong { color:#f2d7a2; font-size:13px; }
.mhg-quest-head span { margin-left:auto; color:#c5ac80; font-size:10px; }
.mhg-quest-card p { margin:6px 0 0; color:#d1bb93; font-size:12px; line-height:1.7; }

/* 功法、法宝品级标签 */
.mhg-rank-mortal { color:#cfc4b0; }
.mhg-rank-earth { color:#a9d6a7; }
.mhg-rank-heaven { color:#8ecbe2; }
.mhg-rank-immortal { color:#c6a7e4; }
.mhg-rank-pureyang { color:#f1c66f; }
.mhg-rank-innate { color:#f09a74; }
.mhg-rank-chaos { color:#e98181; }
.mhg-rank-eternal { color:#fff0aa; text-shadow:0 0 8px rgba(255,224,120,.18); }

@media(max-width:680px){
  #customized-question-content{max-width:92% !important;padding:14px 14px 12px !important}
  #customized-answer-content{padding:12px 10px 11px !important}
  .mhg-card{margin:10px 0}
  .mhg-card > summary{min-height:52px;padding:12px 13px;font-size:15px}
  .mhg-content{padding:15px 14px 16px;font-size:13px}
  .mhg-prose{font-size:15px}
  .mhg-stat-grid{grid-template-columns:1fr}
  .mhg-stat-wide{grid-column:auto}
  .mhg-scene-head{grid-template-columns:auto 1fr}
  .mhg-scene-head em{grid-column:1/-1;text-align:left}
  .mhg-list-item,.mhg-item-card{grid-template-columns:auto minmax(0,1fr)}
  .mhg-item-meta{grid-column:2;text-align:left}
}


/* =========================================
   对话文字高对比金色修正
   覆盖站点默认灰字、text-main/text-secondary 与 Markdown 子级颜色
   ========================================= */

#customized-answer-content,
#customized-answer-content :is(
  .markdown-body,
  .prose,
  .ui-prose,
  .mhg-response,
  .mhg-card,
  .mhg-content,
  .mhg-prose
) {
  color:#f5e6bf !important;
  -webkit-text-fill-color:#f5e6bf !important;
}

/* AI 回复中的普通正文一律使用清晰浅金色 */
#customized-answer-content :is(
  p,div,span,li,ul,ol,dl,dt,dd,
  section,article,main,aside,
  table,thead,tbody,tfoot,tr,td,th,
  label,small
):not(.mhg-dialogue-avatar):not([class*="rank-"]) {
  color:#f3dca8 !important;
  -webkit-text-fill-color:#f3dca8 !important;
}

/* 标题、栏目名、强调文字用亮金色 */
#customized-answer-content :is(
  h1,h2,h3,h4,h5,h6,
  strong,b,summary,
  .mhg-output-head,
  .mhg-scene-head strong,
  .mhg-card > summary,
  .mhg-section-title,
  .mhg-dialogue-name
) {
  color:#ffdc91 !important;
  -webkit-text-fill-color:#ffdc91 !important;
  text-shadow:0 1px 8px rgba(244,208,138,.10) !important;
}

/* 次要信息也保持金色，只降低明度，不再使用灰黑色 */
#customized-answer-content :is(
  time,.timestamp,.text-xs,.text-sm,
  em,i,
  .mhg-scene-head em,
  .mhg-stat span,
  .mhg-item-meta,
  .mhg-muted,
  [class*="text-gray"],
  [class*="text-grey"],
  [class*="text-text-secondary"],
  [class*="text-secondary"],
  [class*="text-muted"]
) {
  color:#d7b97f !important;
  -webkit-text-fill-color:#d7b97f !important;
  opacity:1 !important;
}

/* 链接和重点交互文字 */
#customized-answer-content a {
  color:#f6c96f !important;
  -webkit-text-fill-color:#f6c96f !important;
  text-decoration-color:rgba(246,201,111,.48) !important;
}
#customized-answer-content a:hover {
  color:#ffe5a5 !important;
  -webkit-text-fill-color:#ffe5a5 !important;
}

/* 引用、代码、表格文字 */
#customized-answer-content blockquote,
#customized-answer-content blockquote * {
  color:#efd49d !important;
  -webkit-text-fill-color:#efd49d !important;
}
#customized-answer-content :is(code,pre,kbd,samp),
#customized-answer-content :is(code,pre,kbd,samp) * {
  color:#f8dda4 !important;
  -webkit-text-fill-color:#f8dda4 !important;
}
#customized-answer-content :is(th,caption) {
  color:#ffdb8c !important;
  -webkit-text-fill-color:#ffdb8c !important;
}

/* 修仙功能栏全部文本强制金色层级 */
#customized-answer-content .mhg-response,
#customized-answer-content .mhg-response *:not(.mhg-dialogue-avatar):not([class*="mhg-rank-"]) {
  color:#f2d9a3 !important;
  -webkit-text-fill-color:#f2d9a3 !important;
}
#customized-answer-content .mhg-card > summary,
#customized-answer-content .mhg-card > summary *,
#customized-answer-content .mhg-content :is(strong,b,h1,h2,h3,h4,h5,h6),
#customized-answer-content .mhg-stat strong,
#customized-answer-content .mhg-list-title,
#customized-answer-content .mhg-item-name {
  color:#ffdc91 !important;
  -webkit-text-fill-color:#ffdc91 !important;
}
#customized-answer-content .mhg-content :is(p,li,div,span),
#customized-answer-content .mhg-prose p,
#customized-answer-content .mhg-dialogue-bubble,
#customized-answer-content .mhg-stat p {
  color:#f5e3bd !important;
  -webkit-text-fill-color:#f5e3bd !important;
}
#customized-answer-content .mhg-stat span,
#customized-answer-content .mhg-item-meta,
#customized-answer-content .mhg-scene-head em {
  color:#d9ba80 !important;
  -webkit-text-fill-color:#d9ba80 !important;
}

/* 站点强制注入的深色字体 class 兜底 */
#customized-answer-content [class*="text-black"],
#customized-answer-content [class*="text-slate"],
#customized-answer-content [class*="text-neutral"],
#customized-answer-content [class*="text-zinc"],
#customized-answer-content [class*="text-stone"],
#customized-answer-content [class*="dark:text-text-main"],
#customized-answer-content [style*="color"] {
  color:#f3dca8 !important;
  -webkit-text-fill-color:#f3dca8 !important;
}

/* 用户消息同步为金色文字，避免白底或深底时割裂 */
#customized-question-content,
#customized-question-content :is(p,div,span,li,strong,b,em,i,time,small) {
  color:#f4dca8 !important;
  -webkit-text-fill-color:#f4dca8 !important;
}
#customized-question-content :is(strong,b,h1,h2,h3,h4,h5,h6) {
  color:#ffdc91 !important;
  -webkit-text-fill-color:#ffdc91 !important;
}

/* 保留少数需要深色字的金色徽章/头像 */
#customized-answer-content .mhg-dialogue-avatar,
#customized-answer-content .mhg-dialogue-avatar *,
#customized-answer-content .mhg-chip-good,
#customized-answer-content .mhg-chip-warn,
#customized-answer-content .mhg-chip-danger {
  -webkit-text-fill-color:currentColor !important;
}


/* =========================================
   修仙功能栏深化：状态卡、进度条、功法卡、法宝卡
   ========================================= */

.mhg-seal {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  flex:0 0 42px;
  color:#fff0c7 !important;
  background:linear-gradient(180deg,#d9b066,#a06d34);
  border:1px solid rgba(255,231,182,.22);
  box-shadow:inset 0 1px 0 rgba(255,245,220,.22);
  font-size:24px;
  font-weight:700;
  line-height:1;
}
.mhg-card > summary .mhg-summary-meta,
.mhg-card > summary em.mhg-summary-meta {
  margin-left:6px;
  color:#e5c381 !important;
  font-style:normal;
  font-size:13px;
  font-weight:600;
}
.mhg-summary-sub {
  margin-left:auto;
  padding-right:12px;
  color:#e5c381 !important;
  font-size:12px;
  font-weight:600;
}

.mhg-panel-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 14px;
}
.mhg-panel-grid-3 {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px 12px;
}
.mhg-info-box {
  box-sizing:border-box;
  min-height:88px;
  padding:16px 16px 14px;
  background:rgba(33,20,12,.58);
  border:1px solid rgba(244,208,138,.09);
}
.mhg-info-box > span,
.mhg-info-title {
  display:block;
  margin:0 0 8px;
  color:#d8bc88 !important;
  font-size:12px;
  line-height:1.4;
}
.mhg-info-box > strong,
.mhg-info-strong {
  display:block;
  color:#f8dc9f !important;
  font-size:18px;
  line-height:1.55;
  font-weight:700;
}
.mhg-info-box p,
.mhg-info-text {
  margin:0;
  color:#f1d7a1 !important;
  font-size:14px;
  line-height:1.9;
}
.mhg-limit-box {
  margin-top:12px;
  padding:14px 16px;
  background:rgba(40,23,12,.52);
  border:1px solid rgba(244,208,138,.10);
}
.mhg-limit-box strong {
  display:block;
  margin-bottom:8px;
  color:#f5d99f !important;
  font-size:13px;
}
.mhg-limit-box p { margin:0; color:#edd4a0 !important; line-height:1.85; }

.mhg-progress-list {
  display:grid;
  gap:10px;
}
.mhg-progress-card {
  padding:12px 14px 10px;
  background:rgba(34,21,13,.56);
  border:1px solid rgba(244,208,138,.10);
}
.mhg-progress-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 6px;
}
.mhg-progress-head strong {
  color:#f7db9f !important;
  font-size:13px;
  line-height:1.5;
}
.mhg-progress-head span {
  color:#d8bc88 !important;
  font-size:11px;
  white-space:nowrap;
}
.mhg-progress-note {
  margin:7px 0 0;
  color:#cfb482 !important;
  font-size:11px;
  line-height:1.7;
}
.mhg-progress.mhg-energy > i { background:linear-gradient(90deg,#8e5a24,#f0c878); }
.mhg-progress.mhg-body > i { background:linear-gradient(90deg,#6d4d22,#d9a55f); }
.mhg-progress.mhg-soul > i { background:linear-gradient(90deg,#5e4679,#c9a0ff); }
.mhg-progress.mhg-mind > i { background:linear-gradient(90deg,#355873,#7fd8f5); }
.mhg-progress.mhg-dao > i { background:linear-gradient(90deg,#85712f,#f3de7a); }

.mhg-item-main .mhg-item-desc,
.mhg-item-desc {
  margin:6px 0 0;
  color:#efd7a6 !important;
  font-size:12px;
  line-height:1.8;
}
.mhg-item-main .mhg-item-sub,
.mhg-item-sub {
  margin:4px 0 0;
  color:#d8bc88 !important;
  font-size:11px;
  line-height:1.75;
}
.mhg-tag-row {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}
.mhg-tag {
  display:inline-flex;
  align-items:center;
  padding:3px 8px;
  color:#ead0a0 !important;
  font-size:10px;
  line-height:1.2;
  background:rgba(88,52,27,.44);
  border:1px solid rgba(244,208,138,.13);
}
.mhg-item-foot {
  margin-top:8px;
  color:#d1b37d !important;
  font-size:10px;
  line-height:1.7;
}
.mhg-empty {
  color:#d8bc88 !important;
  font-size:13px;
  line-height:1.8;
}

@media(max-width:680px){
  .mhg-panel-grid,.mhg-panel-grid-3{grid-template-columns:1fr}
  .mhg-info-box>strong,.mhg-info-strong{font-size:16px}
  .mhg-seal{width:36px;height:36px;flex-basis:36px;font-size:21px}
}


/* 战斗与伤势状态视觉 */
.mhg-chip-injury-light{color:#f3ce83!important;border-color:rgba(226,177,80,.24)!important;background:rgba(94,63,21,.34)!important}
.mhg-chip-injury-mid{color:#efa968!important;border-color:rgba(226,132,65,.28)!important;background:rgba(104,48,19,.38)!important}
.mhg-chip-injury-heavy{color:#f08d78!important;border-color:rgba(218,91,72,.30)!important;background:rgba(105,33,26,.40)!important}
.mhg-chip-injury-critical{color:#ffb0a5!important;border-color:rgba(238,78,69,.34)!important;background:rgba(99,20,20,.50)!important;text-shadow:0 0 8px rgba(238,78,69,.12)}
.mhg-chip-captured{color:#cbb6e6!important;border-color:rgba(151,121,185,.25)!important;background:rgba(56,41,76,.42)!important}
.mhg-state-warning{padding:10px 12px;border-left:3px solid #b77b35;background:rgba(52,30,14,.54);color:#efd5a1!important;line-height:1.75}
.mhg-state-danger{padding:10px 12px;border-left:3px solid #b64132;background:rgba(70,24,18,.56);color:#ffc3b5!important;line-height:1.75}


/* =========================================
   AI回复底部按钮统一：修正错位并统一为图二风格
   ========================================= */

:root {
  --mhg-reply-btn-bg-1:#6b321d;
  --mhg-reply-btn-bg-2:#4b2315;
  --mhg-reply-btn-line:rgba(244,208,138,.18);
  --mhg-reply-btn-border:rgba(244,208,138,.22);
  --mhg-reply-btn-text:#f3d797;
  --mhg-reply-btn-icon:#f0ca84;
}

/* AI回复底部的操作栏容器 */
/* 尽量避开底部工具栏专用按钮 */
div:has(> button.MuiButton-root):not(#ai-mod-button2):not(:has(> #ai-mod-button)) {
  align-items:center;
}

/* 回复底部按钮本体 */
button.MuiButton-root:not(#ai-mod-button):not(#customized-prompt-debug-button):not(#customized-flow-button):not(#customized-comment-button):not(#customized-scroll-to-bottom-button):not(#customized-more-button):not(#toggle-sub-buttons),
a.MuiButton-root:not(#ai-mod-button):not(#customized-prompt-debug-button):not(#customized-flow-button):not(#customized-comment-button):not(#customized-scroll-to-bottom-button):not(#customized-more-button):not(#toggle-sub-buttons) {
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  box-sizing:border-box !important;
  min-width:auto !important;
  height:40px !important;
  padding:0 18px !important;
  margin:0 8px 8px 0 !important;
  color:var(--mhg-reply-btn-text) !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.02em !important;
  vertical-align:middle !important;
  text-transform:none !important;
  white-space:nowrap !important;
  background:linear-gradient(180deg,var(--mhg-reply-btn-bg-1),var(--mhg-reply-btn-bg-2)) !important;
  border:1px solid var(--mhg-reply-btn-border) !important;
  border-radius:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,233,190,.05) !important;
  overflow:hidden !important;
}

button.MuiButton-root:not(#ai-mod-button):not(#customized-prompt-debug-button):not(#customized-flow-button):not(#customized-comment-button):not(#customized-scroll-to-bottom-button):not(#customized-more-button):not(#toggle-sub-buttons)::before,
a.MuiButton-root:not(#ai-mod-button):not(#customized-prompt-debug-button):not(#customized-flow-button):not(#customized-comment-button):not(#customized-scroll-to-bottom-button):not(#customized-more-button):not(#toggle-sub-buttons)::before {
  content:"" !important;
  position:absolute !important;
  inset:4px !important;
  pointer-events:none !important;
  border:1px solid var(--mhg-reply-btn-line) !important;
  background:
    linear-gradient(rgba(244,208,138,.70),rgba(244,208,138,.70)) left top/12px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.70),rgba(244,208,138,.70)) left top/1px 12px no-repeat,
    linear-gradient(rgba(244,208,138,.70),rgba(244,208,138,.70)) right top/12px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.70),rgba(244,208,138,.70)) right top/1px 12px no-repeat,
    linear-gradient(rgba(244,208,138,.70),rgba(244,208,138,.70)) left bottom/12px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.70),rgba(244,208,138,.70)) left bottom/1px 12px no-repeat,
    linear-gradient(rgba(244,208,138,.70),rgba(244,208,138,.70)) right bottom/12px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.70),rgba(244,208,138,.70)) right bottom/1px 12px no-repeat !important;
}

button.MuiButton-root:not(#ai-mod-button):not(#customized-prompt-debug-button):not(#customized-flow-button):not(#customized-comment-button):not(#customized-scroll-to-bottom-button):not(#customized-more-button):not(#toggle-sub-buttons):hover,
a.MuiButton-root:not(#ai-mod-button):not(#customized-prompt-debug-button):not(#customized-flow-button):not(#customized-comment-button):not(#customized-scroll-to-bottom-button):not(#customized-more-button):not(#toggle-sub-buttons):hover {
  color:#fde4aa !important;
  background:linear-gradient(180deg,#7a3922,#572818) !important;
  border-color:rgba(244,208,138,.34) !important;
  box-shadow:0 6px 14px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,233,190,.09) !important;
  transform:translateY(-1px) !important;
}

button.MuiButton-root:not(#ai-mod-button):not(#customized-prompt-debug-button):not(#customized-flow-button):not(#customized-comment-button):not(#customized-scroll-to-bottom-button):not(#customized-more-button):not(#toggle-sub-buttons):active,
a.MuiButton-root:not(#ai-mod-button):not(#customized-prompt-debug-button):not(#customized-flow-button):not(#customized-comment-button):not(#customized-scroll-to-bottom-button):not(#customized-more-button):not(#toggle-sub-buttons):active {
  transform:translateY(0) scale(.985) !important;
}

/* 按钮内图标与文字对齐 */
button.MuiButton-root:not(#ai-mod-button):not(#customized-prompt-debug-button):not(#customized-flow-button):not(#customized-comment-button):not(#customized-scroll-to-bottom-button):not(#customized-more-button):not(#toggle-sub-buttons) > svg,
button.MuiButton-root:not(#ai-mod-button):not(#customized-prompt-debug-button):not(#customized-flow-button):not(#customized-comment-button):not(#customized-scroll-to-bottom-button):not(#customized-more-button):not(#toggle-sub-buttons) .lucide,
button.MuiButton-root:not(#ai-mod-button):not(#customized-prompt-debug-button):not(#customized-flow-button):not(#customized-comment-button):not(#customized-scroll-to-bottom-button):not(#customized-more-button):not(#toggle-sub-buttons) .inline-block,
a.MuiButton-root:not(#ai-mod-button):not(#customized-prompt-debug-button):not(#customized-flow-button):not(#customized-comment-button):not(#customized-scroll-to-bottom-button):not(#customized-more-button):not(#toggle-sub-buttons) > svg,
a.MuiButton-root:not(#ai-mod-button):not(#customized-prompt-debug-button):not(#customized-flow-button):not(#customized-comment-button):not(#customized-scroll-to-bottom-button):not(#customized-more-button):not(#toggle-sub-buttons) .lucide,
a.MuiButton-root:not(#ai-mod-button):not(#customized-prompt-debug-button):not(#customized-flow-button):not(#customized-comment-button):not(#customized-scroll-to-bottom-button):not(#customized-more-button):not(#toggle-sub-buttons) .inline-block {
  flex:0 0 auto !important;
  width:16px !important;
  height:16px !important;
  margin:0 !important;
  color:var(--mhg-reply-btn-icon) !important;
  font-size:16px !important;
  line-height:1 !important;
  vertical-align:middle !important;
  transform:none !important;
}

button.MuiButton-root:not(#ai-mod-button):not(#customized-prompt-debug-button):not(#customized-flow-button):not(#customized-comment-button):not(#customized-scroll-to-bottom-button):not(#customized-more-button):not(#toggle-sub-buttons) .MuiButton-startIcon,
button.MuiButton-root:not(#ai-mod-button):not(#customized-prompt-debug-button):not(#customized-flow-button):not(#customized-comment-button):not(#customized-scroll-to-bottom-button):not(#customized-more-button):not(#toggle-sub-buttons) .MuiButton-endIcon,
a.MuiButton-root:not(#ai-mod-button):not(#customized-prompt-debug-button):not(#customized-flow-button):not(#customized-comment-button):not(#customized-scroll-to-bottom-button):not(#customized-more-button):not(#toggle-sub-buttons) .MuiButton-startIcon,
a.MuiButton-root:not(#ai-mod-button):not(#customized-prompt-debug-button):not(#customized-flow-button):not(#customized-comment-button):not(#customized-scroll-to-bottom-button):not(#customized-more-button):not(#toggle-sub-buttons) .MuiButton-endIcon {
  margin:0 !important;
}

/* 清除 ripple / 多余占位导致的错位 */
button.MuiButton-root:not(#ai-mod-button):not(#customized-prompt-debug-button):not(#customized-flow-button):not(#customized-comment-button):not(#customized-scroll-to-bottom-button):not(#customized-more-button):not(#toggle-sub-buttons) .MuiTouchRipple-root,
a.MuiButton-root:not(#ai-mod-button):not(#customized-prompt-debug-button):not(#customized-flow-button):not(#customized-comment-button):not(#customized-scroll-to-bottom-button):not(#customized-more-button):not(#toggle-sub-buttons) .MuiTouchRipple-root {
  display:none !important;
}

/* 回复底部按钮组行高、换行和间距 */
div:has(> button.MuiButton-root:not(#ai-mod-button):not(#customized-prompt-debug-button):not(#customized-flow-button):not(#customized-comment-button):not(#customized-scroll-to-bottom-button):not(#customized-more-button):not(#toggle-sub-buttons)),
div:has(> a.MuiButton-root:not(#ai-mod-button):not(#customized-prompt-debug-button):not(#customized-flow-button):not(#customized-comment-button):not(#customized-scroll-to-bottom-button):not(#customized-more-button):not(#toggle-sub-buttons)) {
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:0 !important;
  line-height:1 !important;
}


/* =========================================
   术法 / 功法 / 神通显现铭牌
   棕金天机阁风，入场轻震与金纹脉动
   ========================================= */

@keyframes mhgCastEnter {
  0% { opacity:0; transform:translateY(7px) scale(.985); filter:brightness(.85); }
  100% { opacity:1; transform:translateY(0) scale(1); filter:brightness(1); }
}

@keyframes mhgCastShake {
  0%,100% { transform:translate3d(0,0,0) rotate(0deg); }
  18% { transform:translate3d(-1.5px,.5px,0) rotate(-.18deg); }
  36% { transform:translate3d(1.5px,-.5px,0) rotate(.16deg); }
  54% { transform:translate3d(-1px,0,0) rotate(-.10deg); }
  72% { transform:translate3d(1px,.3px,0) rotate(.08deg); }
}

@keyframes mhgCastGlow {
  0%,100% { box-shadow:inset 0 1px 0 rgba(255,235,194,.08), 0 0 0 rgba(244,208,138,0); }
  50% { box-shadow:inset 0 1px 0 rgba(255,235,194,.16), 0 0 18px rgba(244,208,138,.20); }
}

@keyframes mhgCastRune {
  0%,100% { opacity:.42; transform:scaleX(.92); }
  50% { opacity:.88; transform:scaleX(1); }
}

.mhg-technique-cast {
  --mhg-cast-accent:#d5a85e;
  --mhg-cast-accent-light:#f4d08a;
  --mhg-cast-bg-1:#4a2a18;
  --mhg-cast-bg-2:#27170e;
  position:relative;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  box-sizing:border-box;
  width:min(760px,100%);
  min-height:66px;
  margin:16px 0 18px;
  padding:10px 14px;
  overflow:hidden;
  color:#f6dfad !important;
  background:
    radial-gradient(circle at 12% 50%, color-mix(in srgb, var(--mhg-cast-accent) 15%, transparent), transparent 34%),
    linear-gradient(180deg,var(--mhg-cast-bg-1),var(--mhg-cast-bg-2));
  border:1px solid color-mix(in srgb, var(--mhg-cast-accent) 58%, transparent);
  border-left:3px solid var(--mhg-cast-accent);
  border-radius:0;
  isolation:isolate;
  animation:
    mhgCastEnter .28s ease-out both,
    mhgCastShake .46s .28s ease-in-out 2,
    mhgCastGlow 1.5s .22s ease-in-out 2;
}

.mhg-technique-cast::before {
  content:"";
  position:absolute;
  inset:6px;
  z-index:-1;
  pointer-events:none;
  border:1px solid color-mix(in srgb, var(--mhg-cast-accent) 18%, transparent);
  background:
    linear-gradient(var(--mhg-cast-accent-light),var(--mhg-cast-accent-light)) left top/20px 1px no-repeat,
    linear-gradient(var(--mhg-cast-accent-light),var(--mhg-cast-accent-light)) left top/1px 20px no-repeat,
    linear-gradient(var(--mhg-cast-accent-light),var(--mhg-cast-accent-light)) right bottom/20px 1px no-repeat,
    linear-gradient(var(--mhg-cast-accent-light),var(--mhg-cast-accent-light)) right bottom/1px 20px no-repeat;
  opacity:.60;
}

.mhg-technique-cast::after {
  content:"";
  position:absolute;
  left:64px;
  right:16px;
  bottom:8px;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,var(--mhg-cast-accent),transparent 76%);
  transform-origin:left center;
  animation:mhgCastRune 1.4s ease-in-out 2;
}

.mhg-cast-sigil {
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  color:#211308 !important;
  background:linear-gradient(180deg,var(--mhg-cast-accent-light),var(--mhg-cast-accent));
  border:1px solid rgba(255,240,203,.24);
  font-size:21px;
  font-weight:800;
  line-height:1;
  text-shadow:0 1px 0 rgba(255,255,255,.18);
}

.mhg-cast-main {
  min-width:0;
  padding:1px 0 4px;
}

.mhg-cast-label {
  display:block;
  margin-bottom:3px;
  color:color-mix(in srgb, var(--mhg-cast-accent-light) 88%, #fff) !important;
  font-size:10px;
  font-weight:700;
  letter-spacing:.18em;
  line-height:1.3;
  text-transform:uppercase;
}

.mhg-cast-main strong {
  display:block;
  overflow-wrap:anywhere;
  color:#ffe6ac !important;
  font-size:19px;
  font-weight:800;
  line-height:1.45;
  letter-spacing:.04em;
  text-shadow:0 0 12px color-mix(in srgb, var(--mhg-cast-accent) 26%, transparent);
}

.mhg-cast-meta {
  align-self:center;
  padding:5px 8px;
  color:var(--mhg-cast-accent-light) !important;
  background:rgba(24,14,8,.48);
  border:1px solid color-mix(in srgb, var(--mhg-cast-accent) 24%, transparent);
  font-size:10px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
}

/* 类型差异：仅改变强调色，不破坏整卡棕金体系 */
.mhg-cast-technique { --mhg-cast-accent:#c99a52; --mhg-cast-accent-light:#f0c97f; }
.mhg-cast-divine { --mhg-cast-accent:#b98c56; --mhg-cast-accent-light:#f4d8a4; --mhg-cast-bg-1:#49301d; }
.mhg-cast-secret { --mhg-cast-accent:#9e7442; --mhg-cast-accent-light:#dfbd7c; --mhg-cast-bg-1:#3d2819; }
.mhg-cast-forbidden { --mhg-cast-accent:#b65e45; --mhg-cast-accent-light:#f1ad83; --mhg-cast-bg-1:#4a2019; --mhg-cast-bg-2:#24100d; }
.mhg-cast-array { --mhg-cast-accent:#8c7561; --mhg-cast-accent-light:#d7c4a1; --mhg-cast-bg-1:#342a20; }
.mhg-cast-treasure { --mhg-cast-accent:#c69a42; --mhg-cast-accent-light:#f4d271; --mhg-cast-bg-1:#443017; }
.mhg-cast-soul { --mhg-cast-accent:#8a6b9c; --mhg-cast-accent-light:#d4b7e2; --mhg-cast-bg-1:#302338; }

/* 禁法/禁术轻微强化，不使用高频永久抖动 */
.mhg-cast-forbidden {
  animation:
    mhgCastEnter .25s ease-out both,
    mhgCastShake .38s .24s ease-in-out 3,
    mhgCastGlow 1.2s .18s ease-in-out 3;
}

@media(max-width:680px){
  .mhg-technique-cast{
    grid-template-columns:38px minmax(0,1fr);
    gap:10px;
    min-height:60px;
    padding:9px 11px;
    margin:13px 0 15px;
  }
  .mhg-cast-sigil{width:36px;height:36px;font-size:18px}
  .mhg-cast-main strong{font-size:16px}
  .mhg-cast-meta{grid-column:2;justify-self:start;margin-top:-2px;padding:3px 6px}
  .mhg-technique-cast::after{left:56px;right:12px}
}

@media(prefers-reduced-motion:reduce){
  .mhg-technique-cast,
  .mhg-technique-cast::after{
    animation:none !important;
  }
}


/* =========================================
   货币与财产工作台
   ========================================= */

.mhg-finance > summary {
  background:linear-gradient(90deg,rgba(86,61,25,.62),rgba(43,27,17,.18));
}

.mhg-finance-overview {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px 12px;
  margin-bottom:12px;
}

.mhg-finance-summary {
  box-sizing:border-box;
  min-height:82px;
  padding:13px 14px;
  background:rgba(35,21,13,.58);
  border:1px solid rgba(244,208,138,.10);
}

.mhg-finance-summary span {
  display:block;
  margin-bottom:5px;
  color:#d6b982 !important;
  font-size:11px;
}

.mhg-finance-summary strong {
  display:block;
  color:#f7d996 !important;
  font-size:17px;
  line-height:1.45;
}

.mhg-wallet-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
}

.mhg-wallet-card {
  position:relative;
  box-sizing:border-box;
  padding:13px 14px 12px;
  background:linear-gradient(180deg,rgba(54,32,17,.76),rgba(31,19,12,.82));
  border:1px solid rgba(244,208,138,.11);
}

.mhg-wallet-head {
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
}

.mhg-wallet-head strong {
  color:#f5d899 !important;
  font-size:13px;
}

.mhg-wallet-id {
  margin-left:auto;
  color:#d2b276 !important;
  font-size:10px;
}

.mhg-wallet-amount {
  color:#ffe2a0 !important;
  font-size:21px;
  font-weight:750;
  line-height:1.35;
}

.mhg-wallet-unit {
  margin-left:5px;
  color:#d8bb82 !important;
  font-size:11px;
  font-weight:500;
}

.mhg-wallet-meta {
  margin-top:6px;
  color:#ceb07c !important;
  font-size:10px;
  line-height:1.7;
}

.mhg-property-grid {
  display:grid;
  gap:9px;
  margin-top:12px;
}

.mhg-property-card {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:start;
  gap:10px;
  padding:10px 12px;
  background:rgba(34,21,13,.56);
  border:1px solid rgba(244,208,138,.09);
}

.mhg-property-mark {
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  color:#2a170b !important;
  background:linear-gradient(180deg,#dfb36b,#9c692f);
  font-size:10px;
  font-weight:800;
}

.mhg-property-main strong {
  display:block;
  color:#f4dba4 !important;
  font-size:12px;
}

.mhg-property-main p {
  margin:4px 0 0;
  color:#d2b886 !important;
  font-size:10px;
  line-height:1.7;
}

.mhg-property-value {
  color:#e8c881 !important;
  font-size:10px;
  text-align:right;
  white-space:nowrap;
}

.mhg-ledger {
  margin-top:12px;
  border-top:1px solid rgba(244,208,138,.10);
}

.mhg-tx-row {
  display:grid;
  grid-template-columns:76px minmax(0,1fr) auto;
  gap:10px;
  align-items:start;
  padding:9px 3px;
  border-bottom:1px solid rgba(244,208,138,.07);
}

.mhg-tx-id {
  color:#caa96f !important;
  font-size:10px;
}

.mhg-tx-main strong {
  display:block;
  color:#efd59d !important;
  font-size:11px;
}

.mhg-tx-main p {
  margin:3px 0 0;
  color:#cdb180 !important;
  font-size:10px;
  line-height:1.65;
}

.mhg-tx-amount {
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
}

.mhg-tx-income { color:#b9dc9f !important; }
.mhg-tx-outflow { color:#e5a58d !important; }
.mhg-tx-neutral { color:#e6c67f !important; }

.mhg-finance-note {
  margin-top:10px;
  padding:9px 11px;
  color:#d6ba86 !important;
  font-size:10px;
  line-height:1.75;
  background:rgba(62,38,19,.38);
  border-left:3px solid #a97934;
}

@media(max-width:680px) {
  .mhg-finance-overview,
  .mhg-wallet-grid {
    grid-template-columns:1fr;
  }

  .mhg-tx-row {
    grid-template-columns:62px minmax(0,1fr);
  }

  .mhg-tx-amount {
    grid-column:2;
    text-align:left;
  }

  .mhg-property-card {
    grid-template-columns:auto minmax(0,1fr);
  }

  .mhg-property-value {
    grid-column:2;
    text-align:left;
  }
}


/* =========================================
   主线与世界进程工作台
   ========================================= */

.mhg-mainline > summary {
  background:linear-gradient(90deg,rgba(92,43,27,.62),rgba(43,27,17,.18));
}

.mhg-mainline-overview {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px 12px;
  margin-bottom:12px;
}

.mhg-mainline-summary {
  box-sizing:border-box;
  min-height:78px;
  padding:12px 14px;
  background:rgba(35,21,13,.58);
  border:1px solid rgba(244,208,138,.10);
}

.mhg-mainline-summary span {
  display:block;
  margin-bottom:5px;
  color:#d4b780 !important;
  font-size:11px;
}

.mhg-mainline-summary strong {
  display:block;
  color:#f7d99b !important;
  font-size:15px;
  line-height:1.55;
}

.mhg-timeline-track {
  position:relative;
  height:8px;
  margin:12px 0 14px;
  overflow:hidden;
  background:#1d120b;
  border:1px solid rgba(244,208,138,.09);
}

.mhg-timeline-track > i {
  display:block;
  height:100%;
  width:var(--mhg-timeline,0%);
  background:linear-gradient(90deg,#744322,#d5a15a,#f0cf85);
}

.mhg-mainline-list {
  display:grid;
  gap:9px;
}

.mhg-mainline-event {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:start;
  padding:11px 12px;
  background:rgba(34,21,13,.58);
  border:1px solid rgba(244,208,138,.09);
}

.mhg-mainline-mark {
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  color:#29180c !important;
  background:linear-gradient(180deg,#deb16a,#95622d);
  font-size:10px;
  font-weight:800;
}

.mhg-mainline-body strong {
  display:block;
  color:#f5dca6 !important;
  font-size:12px;
}

.mhg-mainline-body p {
  margin:4px 0 0;
  color:#d1b787 !important;
  font-size:10px;
  line-height:1.75;
}

.mhg-mainline-meta {
  color:#e5c381 !important;
  font-size:10px;
  text-align:right;
  white-space:nowrap;
}

.mhg-mainline-status {
  display:inline-flex;
  align-items:center;
  margin-top:7px;
  padding:3px 8px;
  color:#e8ce9b !important;
  font-size:10px;
  background:rgba(88,52,27,.42);
  border:1px solid rgba(244,208,138,.13);
}

.mhg-mainline-active {
  color:#f6d77f !important;
  border-color:rgba(239,184,76,.28);
  background:rgba(103,66,18,.35);
}

.mhg-mainline-altered {
  color:#efad98 !important;
  border-color:rgba(218,101,84,.25);
  background:rgba(103,36,29,.32);
}

.mhg-mainline-resolved {
  color:#b8dcaa !important;
  border-color:rgba(135,205,151,.20);
  background:rgba(37,83,49,.28);
}

.mhg-mainline-unknown {
  color:#c5afd8 !important;
  border-color:rgba(151,121,185,.20);
  background:rgba(57,42,78,.30);
}

.mhg-branch-note {
  margin-top:10px;
  padding:10px 12px;
  color:#d5b984 !important;
  font-size:10px;
  line-height:1.75;
  background:rgba(65,38,18,.38);
  border-left:3px solid #a87834;
}

@media(max-width:680px) {
  .mhg-mainline-overview {
    grid-template-columns:1fr;
  }

  .mhg-mainline-event {
    grid-template-columns:auto minmax(0,1fr);
  }

  .mhg-mainline-meta {
    grid-column:2;
    text-align:left;
  }
}


/* 全站原生下拉菜单棕金配色兜底 */
select {
  color-scheme: dark !important;
}

select option,
select optgroup {
  color: #f5dfac !important;
  -webkit-text-fill-color: #f5dfac !important;
  background: #2a190f !important;
  background-color: #2a190f !important;
}

select option:checked {
  color: #211309 !important;
  -webkit-text-fill-color: #211309 !important;
  background: #d2a45e !important;
  background-color: #d2a45e !important;
  font-weight: 700 !important;
}

select option:disabled {
  color: #9f8460 !important;
  background: #21140d !important;
}


/* =========================================
   时间线追踪与下一步选项
   ========================================= */

.mhg-timeline > summary {
  background:
    linear-gradient(90deg,rgba(83,55,28,.68),rgba(43,27,17,.18)) !important;
}

.mhg-timeline-head {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px 12px;
  margin-bottom:12px;
}

.mhg-timeline-anchor {
  box-sizing:border-box;
  min-height:78px;
  padding:12px 14px;
  background:rgba(35,21,13,.58);
  border:1px solid rgba(244,208,138,.10);
}

.mhg-timeline-anchor span {
  display:block;
  margin-bottom:5px;
  color:#d2b67e !important;
  font-size:11px;
}

.mhg-timeline-anchor strong {
  display:block;
  color:#f7d99b !important;
  font-size:14px;
  line-height:1.6;
}

.mhg-timeline-section {
  margin-top:11px;
  padding:11px 12px 10px;
  background:rgba(32,19,12,.52);
  border:1px solid rgba(244,208,138,.08);
}

.mhg-timeline-title {
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:7px;
  color:#f0d39a !important;
  font-size:12px;
  font-weight:700;
}

.mhg-timeline-title::before {
  content:"";
  width:7px;
  height:7px;
  transform:rotate(45deg);
  background:#c7954a;
  box-shadow:0 0 0 1px rgba(255,232,181,.16);
}

.mhg-timeline-list {
  display:grid;
  gap:6px;
}

.mhg-timeline-item {
  position:relative;
  padding:7px 10px 7px 24px;
  color:#e8cfa0 !important;
  font-size:11px;
  line-height:1.75;
  border-left:1px solid rgba(244,208,138,.16);
}

.mhg-timeline-item::before {
  content:"";
  position:absolute;
  left:-4px;
  top:13px;
  width:7px;
  height:7px;
  background:#b9833f;
  border:1px solid rgba(255,232,181,.24);
}

.mhg-timeline-item strong {
  color:#f8dda2 !important;
}

.mhg-timeline-item.mhg-tl-active::before {
  background:#e0b35e;
  box-shadow:0 0 10px rgba(224,179,94,.20);
}

.mhg-timeline-item.mhg-tl-diverged::before {
  background:#a94e36;
}

.mhg-timeline-item.mhg-tl-unknown::before {
  background:#715b81;
}

.mhg-timeline-lock {
  margin-top:10px;
  padding:9px 11px;
  color:#d7ba85 !important;
  font-size:10px;
  line-height:1.75;
  background:rgba(69,39,18,.38);
  border-left:3px solid #a97934;
}

/* 下一步选项模块 */
.mhg-next > summary {
  background:
    linear-gradient(90deg,rgba(94,45,27,.68),rgba(43,27,17,.18)) !important;
}

.mhg-choice-intro {
  margin:0 0 10px;
  color:#d8bc88 !important;
  font-size:11px;
  line-height:1.75;
}

.mhg-choice-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
}

.mhg-choice-btn {
  position:relative !important;
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;
  width:100% !important;
  min-height:68px !important;
  padding:12px 14px !important;
  margin:0 !important;
  color:#f4d99f !important;
  text-align:left !important;
  font-family:"STSong","Songti SC","Noto Serif SC","SimSun","Microsoft YaHei",serif !important;
  background:linear-gradient(180deg,#512c19,#321c11) !important;
  border:1px solid rgba(244,208,138,.20) !important;
  border-radius:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,231,184,.05) !important;
  overflow:hidden !important;
  cursor:pointer !important;
  transform:none !important;
}

.mhg-choice-btn::before {
  content:"" !important;
  position:absolute !important;
  inset:5px !important;
  pointer-events:none !important;
  border:1px solid rgba(244,208,138,.08) !important;
  background:
    linear-gradient(rgba(244,208,138,.66),rgba(244,208,138,.66)) left top/12px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.66),rgba(244,208,138,.66)) left top/1px 12px no-repeat,
    linear-gradient(rgba(244,208,138,.66),rgba(244,208,138,.66)) right bottom/12px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.66),rgba(244,208,138,.66)) right bottom/1px 12px no-repeat !important;
}

.mhg-choice-btn::after {
  content:"点击复制" !important;
  position:absolute !important;
  right:10px !important;
  bottom:7px !important;
  color:#bd9e69 !important;
  font-size:9px !important;
  line-height:1 !important;
  opacity:.82 !important;
  border:0 !important;
  background:none !important;
}

.mhg-choice-btn:hover {
  color:#ffe6ab !important;
  background:linear-gradient(180deg,#65351e,#3e2213) !important;
  border-color:rgba(244,208,138,.42) !important;
  box-shadow:0 7px 15px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,231,184,.08) !important;
  transform:translateY(-1px) !important;
}

.mhg-choice-btn:active {
  transform:translateY(0) scale(.992) !important;
}

.mhg-choice-btn.is-copied {
  border-color:rgba(167,218,151,.42) !important;
  background:linear-gradient(180deg,#3f5328,#28351b) !important;
}

.mhg-choice-btn.is-copied::after {
  content:"已复制" !important;
  color:#bfe1a8 !important;
}

.mhg-choice-no {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  color:#27160b !important;
  background:linear-gradient(180deg,#dfb36b,#97642f);
  font-size:11px;
  font-weight:800;
}

.mhg-choice-main {
  position:relative;
  z-index:2;
  min-width:0;
  padding-right:45px;
}

.mhg-choice-main strong {
  display:block;
  color:#f7dda5 !important;
  font-size:12px;
  line-height:1.55;
}

.mhg-choice-main small {
  display:block;
  margin-top:4px;
  color:#cfb481 !important;
  font-size:10px;
  line-height:1.65;
}

.mhg-choice-risk {
  color:#e7ae8e !important;
}

@media(max-width:680px) {
  .mhg-timeline-head,
  .mhg-choice-grid {
    grid-template-columns:1fr;
  }

  .mhg-choice-btn {
    min-height:64px !important;
  }
}


/* =========================================
   刷新稳定补丁：锁定底部输入栏与工具栏
   防止旧 :has 规则把 absolute 覆盖为 relative
   ========================================= */

div.bg-gradient-to-t.absolute.w-full.bottom-0.left-0.right-0:has(#ai-chat-input),
div[class*="bg-gradient-to-t"][class*="absolute"][class*="bottom-0"]:has(#ai-chat-input) {
  position:absolute !important;
  top:auto !important;
  right:0 !important;
  bottom:0 !important;
  left:0 !important;
  z-index:80 !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  pointer-events:auto !important;
  transform:none !important;
  filter:none !important;
}

div.bg-gradient-to-t.absolute.w-full.bottom-0.left-0.right-0:has(#ai-chat-input) > div.mx-auto,
div[class*="bg-gradient-to-t"][class*="absolute"][class*="bottom-0"]:has(#ai-chat-input) > div.mx-auto {
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

#ai-mod-button2 {
  position:relative !important;
  z-index:4 !important;
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  min-height:42px !important;
  max-height:none !important;
  pointer-events:auto !important;
  transform:none !important;
}

div.relative.mb-2:has(#ai-chat-input),
div[class*="bg-white"][class*="border"]:has(#ai-chat-input),
div[class*="dark:bg-background"]:has(#ai-chat-input) {
  position:relative !important;
  z-index:4 !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  min-height:58px !important;
  max-height:none !important;
  overflow:visible !important;
  pointer-events:auto !important;
  transform:none !important;
}

div:has(> #ai-chat-input) {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  min-height:45px !important;
  pointer-events:auto !important;
}

#ai-chat-input {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  min-height:45px !important;
  pointer-events:auto !important;
}

div:has(> #ai-send-button),
#ai-send-button {
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}

/* 防止模型栏或消息内容覆盖底部输入层 */
div.sticky:has(#customized-model-selector) {
  z-index:70 !important;
}

#customized-answer-content,
#customized-question-content {
  position:relative !important;
  z-index:1 !important;
}

@media(max-width:680px) {
  div.bg-gradient-to-t.absolute.w-full.bottom-0.left-0.right-0:has(#ai-chat-input),
  div[class*="bg-gradient-to-t"][class*="absolute"][class*="bottom-0"]:has(#ai-chat-input) {
    z-index:90 !important;
  }

  #ai-mod-button2 {
    min-height:40px !important;
  }
}


/* =========================================
   老对话底栏强制固定终修
   旧会话恢复后，absolute 会相对长对话容器定位并被 overflow 裁切；
   这里改为视口 fixed，并为正文预留底部空间。
   ========================================= */

/* 精确命中包含工具栏与聊天输入框的底部底座 */
div.bg-gradient-to-t.absolute.w-full.bottom-0.left-0.right-0:has(#ai-mod-button2):has(#ai-chat-input),
div[class*="bg-gradient-to-t"][class*="absolute"][class*="bottom-0"]:has(#ai-mod-button2):has(#ai-chat-input),
div[class*="bg-gradient-to-t"][class*="bottom-0"]:has(#ai-mod-button2):has(#ai-chat-input) {
  position:fixed !important;
  inset:auto 0 0 0 !important;
  top:auto !important;
  right:0 !important;
  bottom:0 !important;
  left:0 !important;
  z-index:2147483000 !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  box-sizing:border-box !important;
  width:100vw !important;
  min-width:100vw !important;
  max-width:none !important;
  height:auto !important;
  min-height:112px !important;
  max-height:44vh !important;
  margin:0 !important;
  padding:18px 0 12px !important;
  overflow:visible !important;
  pointer-events:auto !important;
  transform:none !important;
  translate:none !important;
  filter:none !important;
  clip:auto !important;
  clip-path:none !important;
  isolation:isolate !important;
  background:
    linear-gradient(to top,
      rgba(18,11,7,1) 0%,
      rgba(28,17,11,.995) 62%,
      rgba(37,23,14,.96) 82%,
      rgba(37,23,14,.10) 100%) !important;
  border-top:1px solid rgba(244,208,138,.18) !important;
  box-shadow:
    0 -16px 32px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,230,186,.05) !important;
}

/* 底栏内部仍按页面中心宽度排布 */
div.bg-gradient-to-t.absolute.w-full.bottom-0.left-0.right-0:has(#ai-mod-button2):has(#ai-chat-input) > div.mx-auto,
div[class*="bg-gradient-to-t"][class*="bottom-0"]:has(#ai-mod-button2):has(#ai-chat-input) > div.mx-auto {
  position:relative !important;
  z-index:3 !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  box-sizing:border-box !important;
  width:min(100%, 900px) !important;
  max-width:900px !important;
  margin:0 auto !important;
  padding:0 14px !important;
  overflow:visible !important;
  transform:none !important;
}

/* 解除旧会话祖先层的 transform/contain，避免 fixed 退化成局部定位 */
div:has(> div.bg-gradient-to-t.absolute.w-full.bottom-0.left-0.right-0:has(#ai-chat-input)),
div:has(> div[class*="bg-gradient-to-t"][class*="bottom-0"]:has(#ai-chat-input)) {
  transform:none !important;
  translate:none !important;
  filter:none !important;
  perspective:none !important;
  contain:none !important;
  clip-path:none !important;
}

/* 工具栏、输入框与发送按钮始终可见 */
#ai-mod-button2,
div:has(> #ai-chat-input),
#ai-chat-input,
div:has(> #ai-send-button),
#ai-send-button {
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}

#ai-mod-button2 {
  position:relative !important;
  z-index:5 !important;
  display:flex !important;
  min-height:38px !important;
  max-height:none !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
}

div:has(> #ai-chat-input) {
  position:relative !important;
  z-index:5 !important;
  display:block !important;
  min-height:56px !important;
  max-height:170px !important;
  overflow:visible !important;
}

/* 给消息滚动区预留固定底栏空间，防止最后一条回复被遮住 */
div[class*="overflow-y-auto"]:has(#customized-answer-content),
div[class*="overflow-auto"]:has(#customized-answer-content),
main:has(#customized-answer-content),
section:has(#customized-answer-content) {
  padding-bottom:170px !important;
  scroll-padding-bottom:170px !important;
}

/* 兜底：站点将 absolute 类移除后，仍可依靠输入框反向命中 */
body > div:has(#ai-chat-input) {
  --mhg-composer-reserve:170px;
}

/* 避免背景、伪元素和消息操作栏覆盖输入区 */
body::before,
body::after,
#root::before,
#root::after {
  pointer-events:none !important;
}

@media(max-width:680px) {
  div.bg-gradient-to-t.absolute.w-full.bottom-0.left-0.right-0:has(#ai-mod-button2):has(#ai-chat-input),
  div[class*="bg-gradient-to-t"][class*="bottom-0"]:has(#ai-mod-button2):has(#ai-chat-input) {
    min-height:104px !important;
    max-height:52vh !important;
    padding:12px 0 8px !important;
  }

  div[class*="overflow-y-auto"]:has(#customized-answer-content),
  div[class*="overflow-auto"]:has(#customized-answer-content),
  main:has(#customized-answer-content),
  section:has(#customized-answer-content) {
    padding-bottom:156px !important;
    scroll-padding-bottom:156px !important;
  }
}


/* =========================================
   右侧内容区底栏适配终修
   覆盖上一版全屏 fixed：改为内容区内 sticky，
   自动跟随左右伸缩栏变化，不再横跨整个网页。
   ========================================= */

/* 底部工具栏与输入区只占当前右侧内容容器宽度 */
div.bg-gradient-to-t.absolute.w-full.bottom-0.left-0.right-0:has(#ai-mod-button2):has(#ai-chat-input),
div[class*="bg-gradient-to-t"][class*="absolute"][class*="bottom-0"]:has(#ai-mod-button2):has(#ai-chat-input),
div[class*="bg-gradient-to-t"][class*="bottom-0"]:has(#ai-mod-button2):has(#ai-chat-input) {
  position:sticky !important;
  position:-webkit-sticky !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:0 !important;
  left:auto !important;

  z-index:120 !important;

  display:block !important;
  visibility:visible !important;
  opacity:1 !important;

  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:auto !important;
  min-height:112px !important;
  max-height:44vh !important;

  margin:0 !important;
  padding:18px 0 12px !important;

  overflow:visible !important;
  pointer-events:auto !important;

  transform:none !important;
  translate:none !important;
  filter:none !important;
  clip:auto !important;
  clip-path:none !important;
  isolation:isolate !important;

  background:
    linear-gradient(to top,
      rgba(18,11,7,1) 0%,
      rgba(28,17,11,.995) 62%,
      rgba(37,23,14,.96) 82%,
      rgba(37,23,14,.10) 100%) !important;

  border-top:1px solid rgba(244,208,138,.18) !important;
  box-shadow:
    0 -16px 32px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,230,186,.05) !important;
}

/* 内部控件占满右侧内容区，但保持既有最大阅读宽度 */
div.bg-gradient-to-t.absolute.w-full.bottom-0.left-0.right-0:has(#ai-mod-button2):has(#ai-chat-input) > div.mx-auto,
div[class*="bg-gradient-to-t"][class*="bottom-0"]:has(#ai-mod-button2):has(#ai-chat-input) > div.mx-auto {
  position:relative !important;
  z-index:3 !important;

  display:block !important;
  visibility:visible !important;
  opacity:1 !important;

  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  max-width:900px !important;

  margin:0 auto !important;
  padding:0 14px !important;

  overflow:visible !important;
  transform:none !important;
}

/* 让右侧聊天主容器成为底栏的粘滞范围 */
main:has(#customized-answer-content):has(#ai-chat-input),
section:has(#customized-answer-content):has(#ai-chat-input),
div[class*="overflow-y-auto"]:has(#customized-answer-content):has(#ai-chat-input),
div[class*="overflow-auto"]:has(#customized-answer-content):has(#ai-chat-input) {
  position:relative !important;
  box-sizing:border-box !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}

/* 取消上一版为了 fixed 全屏底栏设置的 100vw 与全屏边界影响 */
div.bg-gradient-to-t:has(#ai-chat-input) {
  min-width:0 !important;
  max-width:100% !important;
}

/* 给当前右侧消息区预留空间，避免最后一条消息被输入栏盖住 */
div[class*="overflow-y-auto"]:has(#customized-answer-content),
div[class*="overflow-auto"]:has(#customized-answer-content),
main:has(#customized-answer-content),
section:has(#customized-answer-content) {
  padding-bottom:18px !important;
  scroll-padding-bottom:150px !important;
}

/* 工具栏与输入区保持完整可见 */
#ai-mod-button2,
div:has(> #ai-chat-input),
#ai-chat-input,
div:has(> #ai-send-button),
#ai-send-button {
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}

/* 桌面端跟随右侧主内容区，不侵入左侧导航和会话栏 */
@media(min-width:681px) {
  div.bg-gradient-to-t.absolute.w-full.bottom-0.left-0.right-0:has(#ai-mod-button2):has(#ai-chat-input),
  div[class*="bg-gradient-to-t"][class*="bottom-0"]:has(#ai-mod-button2):has(#ai-chat-input) {
    width:100% !important;
    max-width:100% !important;
  }
}

/* 手机端仍允许占满当前页面宽度 */
@media(max-width:680px) {
  div.bg-gradient-to-t.absolute.w-full.bottom-0.left-0.right-0:has(#ai-mod-button2):has(#ai-chat-input),
  div[class*="bg-gradient-to-t"][class*="bottom-0"]:has(#ai-mod-button2):has(#ai-chat-input) {
    position:sticky !important;
    bottom:0 !important;
    width:100% !important;
    min-height:104px !important;
    max-height:52vh !important;
    padding:12px 0 8px !important;
  }
}


/* =========================================
   评论界面关闭按钮层级修复
   评论页打开时降低模型顶栏层级，并将评论弹层/关闭按钮抬到其上方。
   ========================================= */

/* 通过“发表评论”输入区识别评论界面 */
body:has(textarea[placeholder*="发表评论"]) div.sticky:has(#customized-model-selector),
body:has(input[placeholder*="发表评论"]) div.sticky:has(#customized-model-selector),
body:has([contenteditable="true"][data-placeholder*="发表评论"]) div.sticky:has(#customized-model-selector) {
  z-index:18 !important;
}

/* 评论弹层、抽屉和遮罩始终高于顶部模型栏 */
body:has(textarea[placeholder*="发表评论"]) :is(
  [role="dialog"],
  [data-slot="dialog-content"],
  [data-slot="sheet-content"],
  [data-radix-dialog-content],
  [data-radix-popper-content-wrapper],
  [class*="dialog-content"],
  [class*="sheet-content"],
  [class*="drawer-content"],
  [class*="modal-content"]
),
body:has(input[placeholder*="发表评论"]) :is(
  [role="dialog"],
  [data-slot="dialog-content"],
  [data-slot="sheet-content"],
  [data-radix-dialog-content],
  [data-radix-popper-content-wrapper],
  [class*="dialog-content"],
  [class*="sheet-content"],
  [class*="drawer-content"],
  [class*="modal-content"]
) {
  z-index:1000 !important;
}

/* 评论界面的关闭按钮 */
body:has(textarea[placeholder*="发表评论"]) :is(
  button[data-slot="dialog-close"],
  button[data-slot="sheet-close"],
  button[aria-label*="关闭"],
  button[aria-label*="Close"],
  button[title*="关闭"],
  button[title*="Close"],
  button:has(svg.lucide-x),
  button:has([class*="icon-close"]),
  button:has(use[href*="close"]),
  button:has(use[href*="guanbi"])
),
body:has(input[placeholder*="发表评论"]) :is(
  button[data-slot="dialog-close"],
  button[data-slot="sheet-close"],
  button[aria-label*="关闭"],
  button[aria-label*="Close"],
  button[title*="关闭"],
  button[title*="Close"],
  button:has(svg.lucide-x),
  button:has([class*="icon-close"]),
  button:has(use[href*="close"]),
  button:has(use[href*="guanbi"])
) {
  position:fixed !important;
  top:14px !important;
  right:14px !important;
  z-index:2147483600 !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  padding:0 !important;
  margin:0 !important;

  color:#f4d08a !important;
  background:linear-gradient(180deg,#63371f,#3d2113) !important;
  border:1px solid rgba(244,208,138,.42) !important;
  border-radius:0 !important;
  box-shadow:
    0 7px 16px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,230,186,.10) !important;

  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  transform:none !important;
  filter:none !important;
}

/* 古风内框，同时保证伪元素不拦截点击 */
body:has(textarea[placeholder*="发表评论"]) :is(
  button[data-slot="dialog-close"],
  button[data-slot="sheet-close"],
  button[aria-label*="关闭"],
  button[aria-label*="Close"],
  button[title*="关闭"],
  button[title*="Close"],
  button:has(svg.lucide-x),
  button:has([class*="icon-close"]),
  button:has(use[href*="close"]),
  button:has(use[href*="guanbi"])
)::before,
body:has(input[placeholder*="发表评论"]) :is(
  button[data-slot="dialog-close"],
  button[data-slot="sheet-close"],
  button[aria-label*="关闭"],
  button[aria-label*="Close"],
  button[title*="关闭"],
  button[title*="Close"],
  button:has(svg.lucide-x),
  button:has([class*="icon-close"]),
  button:has(use[href*="close"]),
  button:has(use[href*="guanbi"])
)::before {
  content:"" !important;
  position:absolute !important;
  inset:5px !important;
  pointer-events:none !important;
  border:1px solid rgba(244,208,138,.12) !important;
  background:none !important;
}

body:has(textarea[placeholder*="发表评论"]) :is(
  button[data-slot="dialog-close"],
  button[data-slot="sheet-close"],
  button[aria-label*="关闭"],
  button[aria-label*="Close"],
  button[title*="关闭"],
  button[title*="Close"],
  button:has(svg.lucide-x),
  button:has([class*="icon-close"]),
  button:has(use[href*="close"]),
  button:has(use[href*="guanbi"])
):hover,
body:has(input[placeholder*="发表评论"]) :is(
  button[data-slot="dialog-close"],
  button[data-slot="sheet-close"],
  button[aria-label*="关闭"],
  button[aria-label*="Close"],
  button[title*="关闭"],
  button[title*="Close"],
  button:has(svg.lucide-x),
  button:has([class*="icon-close"]),
  button:has(use[href*="close"]),
  button:has(use[href*="guanbi"])
):hover {
  color:#ffe6aa !important;
  background:linear-gradient(180deg,#784426,#482718) !important;
  border-color:rgba(244,208,138,.72) !important;
  transform:translateY(-1px) !important;
}

/* 防止顶部栏伪元素覆盖评论按钮的点击区域 */
body:has(textarea[placeholder*="发表评论"]) div.sticky:has(#customized-model-selector)::before,
body:has(textarea[placeholder*="发表评论"]) div.sticky:has(#customized-model-selector)::after,
body:has(input[placeholder*="发表评论"]) div.sticky:has(#customized-model-selector)::before,
body:has(input[placeholder*="发表评论"]) div.sticky:has(#customized-model-selector)::after {
  pointer-events:none !important;
}


/* =========================================
   评论区、弹窗与顶部栏层级终修
   完整采用《沪上月》角色卡的处理逻辑：
   不再依赖“发表评论”占位符识别。
   ========================================= */

/*
  顶部栏只覆盖普通会话内容，
  不覆盖评论区、弹窗、抽屉与关闭按钮。
*/
div.sticky:has(#customized-model-selector) {
  z-index:20 !important;
}

/* MUI、Radix及常见门户弹层统一抬高 */
.MuiModal-root,
.MuiDialog-root,
.MuiDrawer-root,
.MuiPopover-root,
.MuiMenu-root,
.MuiPopper-root,
[data-radix-portal],
body > [role="presentation"],
body > [role="dialog"],
body > div:has(> [role="dialog"]),
body > div:has(.MuiModal-root),
body > div:has(.MuiDialog-root),
body > div:has(.MuiDrawer-root) {
  z-index:1300 !important;
}

/* 评论区常见全屏固定层 */
body > div.fixed.inset-0,
body > div[class*="fixed"][class*="inset-0"],
[role="dialog"] {
  z-index:1300 !important;
}

/* 弹层内全部按钮保持最高可点击层级 */
[role="dialog"] button,
.MuiModal-root button,
.MuiDialog-root button,
.MuiDrawer-root button,
body > div.fixed.inset-0 button,
body > div[class*="fixed"][class*="inset-0"] button {
  position:relative !important;
  z-index:1301 !important;
  pointer-events:auto !important;
  visibility:visible !important;
  opacity:1 !important;
}

/*
  评论弹层存在时，顶部栏整体及其按钮停止接收点击，
  避免透明背景、伪元素或设置按钮截获右上角关闭操作。
*/
body:has([role="dialog"]) div.sticky:has(#customized-model-selector),
body:has(.MuiModal-root) div.sticky:has(#customized-model-selector),
body:has(.MuiDialog-root) div.sticky:has(#customized-model-selector),
body:has(.MuiDrawer-root) div.sticky:has(#customized-model-selector),
body:has(body > div.fixed.inset-0) div.sticky:has(#customized-model-selector),
body:has(body > div[class*="fixed"][class*="inset-0"]) div.sticky:has(#customized-model-selector) {
  pointer-events:none !important;
}

body:has([role="dialog"]) div.sticky:has(#customized-model-selector) button,
body:has(.MuiModal-root) div.sticky:has(#customized-model-selector) button,
body:has(.MuiDialog-root) div.sticky:has(#customized-model-selector) button,
body:has(.MuiDrawer-root) div.sticky:has(#customized-model-selector) button,
body:has(body > div.fixed.inset-0) div.sticky:has(#customized-model-selector) button,
body:has(body > div[class*="fixed"][class*="inset-0"]) div.sticky:has(#customized-model-selector) button {
  pointer-events:none !important;
}

/* 顶栏古风装饰伪元素始终不截获点击 */
div.sticky:has(#customized-model-selector)::before,
div.sticky:has(#customized-model-selector)::after {
  pointer-events:none !important;
}

/* 关闭按钮仅做颜色统一，不再强制移动位置 */
:is(
  [role="dialog"],
  .MuiModal-root,
  .MuiDialog-root,
  .MuiDrawer-root,
  body > div.fixed.inset-0,
  body > div[class*="fixed"][class*="inset-0"]
) :is(
  button[aria-label*="关闭"],
  button[aria-label*="Close"],
  button[title*="关闭"],
  button[title*="Close"],
  button[data-slot="dialog-close"],
  button[data-slot="sheet-close"],
  button:has(svg.lucide-x),
  button:has([class*="icon-close"]),
  button:has(use[href*="close"]),
  button:has(use[href*="guanbi"])
) {
  color:#f4d08a !important;
  background:linear-gradient(180deg,#63371f,#3d2113) !important;
  border:1px solid rgba(244,208,138,.42) !important;
  border-radius:0 !important;
  box-shadow:
    0 7px 16px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,230,186,.10) !important;
  pointer-events:auto !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* 旧补丁曾将关闭按钮改为fixed，这里恢复平台原布局 */
:is(
  [role="dialog"],
  .MuiModal-root,
  .MuiDialog-root,
  .MuiDrawer-root,
  body > div.fixed.inset-0,
  body > div[class*="fixed"][class*="inset-0"]
) :is(
  button[aria-label*="关闭"],
  button[aria-label*="Close"],
  button[title*="关闭"],
  button[title*="Close"],
  button[data-slot="dialog-close"],
  button[data-slot="sheet-close"],
  button:has(svg.lucide-x),
  button:has([class*="icon-close"]),
  button:has(use[href*="close"]),
  button:has(use[href*="guanbi"])
) {
  position:relative !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  width:auto !important;
  min-width:36px !important;
  height:36px !important;
  margin:0 !important;
}


/* =========================================
   互动人物状态栏与三清单核对条
   ========================================= */

.mhg-interaction > summary {
  background:
    linear-gradient(90deg,rgba(72,59,34,.68),rgba(43,27,17,.18)) !important;
}

.mhg-npc-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px 12px;
}

.mhg-npc-card {
  position:relative;
  box-sizing:border-box;
  padding:13px 14px 12px;
  color:#f1d8a4 !important;
  background:
    linear-gradient(180deg,rgba(53,33,20,.82),rgba(31,19,12,.88));
  border:1px solid rgba(244,208,138,.11);
}

.mhg-npc-card::before {
  content:"";
  position:absolute;
  inset:5px;
  pointer-events:none;
  border:1px solid rgba(244,208,138,.05);
  background:
    linear-gradient(rgba(244,208,138,.55),rgba(244,208,138,.55)) left top/13px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.55),rgba(244,208,138,.55)) left top/1px 13px no-repeat,
    linear-gradient(rgba(244,208,138,.55),rgba(244,208,138,.55)) right bottom/13px 1px no-repeat,
    linear-gradient(rgba(244,208,138,.55),rgba(244,208,138,.55)) right bottom/1px 13px no-repeat;
}

.mhg-npc-head {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  margin-bottom:9px;
}

.mhg-npc-mark {
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  color:#29180c !important;
  background:linear-gradient(180deg,#deb36b,#95632e);
  border:1px solid rgba(244,208,138,.35);
  font-size:10px;
  font-weight:800;
}

.mhg-npc-name {
  min-width:0;
}

.mhg-npc-name strong {
  display:block;
  color:#f7dda4 !important;
  font-size:13px;
  line-height:1.5;
}

.mhg-npc-name small {
  display:block;
  margin-top:2px;
  color:#cdb17e !important;
  font-size:10px;
  line-height:1.5;
}

.mhg-npc-id {
  color:#dfbf7c !important;
  font-size:10px;
  white-space:nowrap;
}

.mhg-npc-tags {
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:9px;
}

.mhg-npc-tags span {
  display:inline-flex;
  align-items:center;
  padding:3px 7px;
  color:#dfc38d !important;
  font-size:10px;
  line-height:1.3;
  background:rgba(83,48,24,.42);
  border:1px solid rgba(244,208,138,.11);
}

.mhg-npc-state-grid {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px 8px;
}

.mhg-npc-state-grid > div {
  min-width:0;
  padding:7px 8px;
  background:rgba(28,17,11,.54);
  border:1px solid rgba(244,208,138,.07);
}

.mhg-npc-state-grid span {
  display:block;
  margin-bottom:3px;
  color:#bca06f !important;
  font-size:9px;
}

.mhg-npc-state-grid strong {
  display:block;
  color:#ecd19a !important;
  font-size:10px;
  line-height:1.65;
  font-weight:600;
}

.mhg-npc-address {
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:9px;
  padding:8px 9px;
  background:rgba(70,39,19,.34);
  border-left:3px solid #a87935;
}

.mhg-npc-address b {
  color:#f1d398 !important;
  font-size:10px;
}

.mhg-npc-address span {
  color:#d5b982 !important;
  font-size:10px;
  line-height:1.65;
}

.mhg-npc-empty {
  padding:16px;
  color:#d8bd89 !important;
  text-align:center;
  background:rgba(34,21,13,.46);
  border:1px dashed rgba(244,208,138,.15);
}

/* IT / SK / TR清单核对提示 */
.mhg-audit-strip {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin:0 0 10px;
  padding:8px 10px;
  color:#d8bd89 !important;
  font-size:10px;
  line-height:1.6;
  background:rgba(67,39,19,.38);
  border:1px solid rgba(244,208,138,.09);
  border-left:3px solid #b27e38;
}

.mhg-audit-strip strong {
  color:#f3d79a !important;
  font-size:10px;
}

.mhg-audit-strip span {
  display:inline-flex;
  padding:2px 6px;
  color:#e1c58d !important;
  background:rgba(31,19,12,.52);
  border:1px solid rgba(244,208,138,.08);
}

@media(max-width:760px) {
  .mhg-npc-grid {
    grid-template-columns:1fr;
  }

  .mhg-npc-state-grid {
    grid-template-columns:1fr;
  }
}