@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;700;900&family=Noto+Sans+SC:wght@300;400;500;700&family=Ma+Shan+Zheng&family=ZCOOL+XiaoWei&display=swap');

/* ============ 平台底色 & 通用容器 ============ */
.overflow-hidden{overflow:visible}
.relative.inline-block.text-gray-900.rounded-xl.text-sm.bg-white.overflow-hidden,
.absolute.top-0.MuiBox-root,
.relative.inline-block.max-w-full.text-gray-900.bg-gray-100\/90.rounded-xl.text-sm.bg-white,
.chat-answer-container .bg-gray-100\/90{background:transparent!important}
.w-full.h-auto.absolute.top-1\/2.left-0.transform.-translate-y-1\/2.object-cover,
.translate-y-full.opacity-0.w-full.h-full.absolute.bottom-0.z-20.inset-x-0.bg-white.mx-auto.transition-all.duration-300.ease-in-out.flex.flex-col.justify-between,
.flex.h-full.items-center.flex-col.gap-2.w-full{
  background:
    linear-gradient(180deg, #f5efe4 0%, #efe6d5 100%),
    radial-gradient(circle at 10% 10%, rgba(166,124,82,0.05) 0, transparent 40%),
    radial-gradient(circle at 90% 90%, rgba(74,88,118,0.04) 0, transparent 40%);
  background-color:#f5efe4;
}

/* 顶栏 */
.sticky.w-full.top-0.flex.items-center.px-2.h-16.bg-white\/80{
  background:linear-gradient(180deg,#fbf5e8 0%,#f0e6d1 100%)!important;
  border-bottom:2px solid #a67c52!important;
  box-shadow:0 3px 12px rgba(120,90,60,.18), inset 0 -3px 0 rgba(166,124,82,.15)!important;
  height:3.4rem;
}
.sticky.w-full.top-0.flex.items-center.px-2.h-16.bg-white\/80::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(90deg, transparent 49%, rgba(166,124,82,.08) 50%, transparent 51%);
  background-size:24px 100%;
}

/* 模型选择 */
#ai-model-selector [data-state] .group.flex.items-center.justify-between.cursor-pointer,
.group.flex.items-center.px-2.h-8.rounded-lg.bg-gray-100.justify-between.hover\:bg-gray-200.cursor-pointer{
  background:linear-gradient(180deg,#faf3e2,#ecdfc0)!important;
  border:1px solid #a67c52!important;border-radius:4px!important;
  color:#3a2e22!important;font-family:'Noto Serif SC',serif;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 1px 3px rgba(80,60,40,.2);
  position:relative;overflow:hidden;
}
#ai-model-selector [data-state] .group.flex.items-center.justify-between.cursor-pointer *,
.group.flex.items-center.px-2.h-8.rounded-lg.bg-gray-100.justify-between.hover\:bg-gray-200.cursor-pointer *{color:#3a2e22!important}
#ai-model-selector [data-state="open"] .group.flex.items-center.justify-between.cursor-pointer,
.group.flex.items-center.px-2.h-8.rounded-lg.bg-gray-100.justify-between.hover\:bg-gray-200.cursor-pointer.\!bg-gray-200{
  background:linear-gradient(180deg,#a67c52,#7a5a3b)!important;
  border-color:#4a3520!important;
}
#ai-model-selector [data-state="open"] .group.flex.items-center.justify-between.cursor-pointer *,
.group.flex.items-center.px-2.h-8.rounded-lg.bg-gray-100.justify-between.hover\:bg-gray-200.cursor-pointer.\!bg-gray-200 *{color:#faf3e2!important}

/* 设置菜单 */
.absolute.z-40.text-gray-700.right-0.mt-6.w-48.bg-white.border.border-gray-200.rounded-lg.shadow-lg.py-2{
  background:#faf6ee;border:1px solid #a67c52;box-shadow:0 8px 24px rgba(80,60,40,.25);
}
.px-4.py-2.hover\:bg-indigo-100.cursor-pointer.font-normal.text-sm:hover{background:#e8dcc0}

/* 分页 */
.py-0.w-full.flex.justify-center.items-center.MuiBox-root.css-0,
.relative.bg-red .w-full.flex.justify-center.items-center.MuiBox-root.css-0{
  background:linear-gradient(90deg,transparent,#a67c52 40%,#a67c52 60%,transparent);
  padding:2px 0;color:#3a2e22;font-family:'Noto Serif SC',serif;
}
.MuiPaginationItem-page{background:rgba(166,124,82,.15)!important;color:#3a2e22!important;border-radius:3px!important}
.MuiPaginationItem-page:hover{background:rgba(166,124,82,.35)!important}
.Mui-selected{background:#7a5a3b!important;color:#faf3e2!important;border:1px solid #4a3520!important;box-shadow:inset 0 0 8px rgba(255,240,200,.3)}

/* ============ 输入区 ============ */
.mx-auto .bg-white.border-\[1\.5px\].border-gray-200.rounded-xl.mb-2{
  background:linear-gradient(180deg,#fbf5e8,#f0e6d1);
  border:1.5px solid #a67c52;border-radius:6px;
  box-shadow:inset 0 2px 6px rgba(80,60,40,.12), 0 2px 8px rgba(80,60,40,.15);
  padding: 2px !important;
}
.rc-textarea.appearance-none.resize-none[id="ai-chat-input"]{
  color:#2a2018!important;background:transparent;font-family:'Noto Serif SC',serif;
  font-size:14px;line-height:1.6;
}
.flex.items-center.px-1.h-5.rounded-md.bg-gray-100.text-xs.font-medium.text-gray-500{
  background:rgba(166,124,82,.2);color:#3a2e22;border:1px solid rgba(74,53,32,.3);
}
.mx-1.w-\[1px\].h-4.bg-black.opacity-5{background:#a67c52;opacity:.4}

/* 发送按钮 */
.cursor-pointer.group.flex.items-center.justify-center.w-8.h-8.rounded-lg.hover\:bg-\[#EBF5FF\],
div[data-state="closed"] .group.flex.items-center.cursor-pointer[id="ai-send-button"],
div[data-state="open"] .group.flex.items-center.cursor-pointer[id="ai-send-button"]{
  background:linear-gradient(180deg,#b58968,#7a5a3b)!important;
  border:1px solid #4a3520!important;border-radius:6px!important;
  box-shadow:inset 0 1px 0 rgba(255,240,200,.3), 0 2px 5px rgba(80,60,40,.3)!important;
  transition:all .2s ease;
}
div[data-state="open"] .group.flex.items-center.cursor-pointer[id="ai-send-button"]:hover{
  background:linear-gradient(180deg,#c89975,#8a6a48)!important;transform:translateY(-1px);
}
.w-5.h-5.text-gray-300.group-hover\:text-primary-600{color:#faf3e2!important}
.group.flex.items-center.justify-center.w-8.h-8.rounded-full.bg-black.cursor-pointer{
  background:radial-gradient(circle,#a04747 0%,#4a3520 70%);
  border:2px solid #4a3520;box-shadow:0 0 10px rgba(160,71,71,.5);
  animation:pulse-eye 1.4s ease-in-out infinite;
}
@keyframes pulse-eye{0%,100%{transform:scale(1);box-shadow:0 0 10px rgba(160,71,71,.5)}50%{transform:scale(.92);box-shadow:0 0 18px rgba(160,71,71,.8)}}

/* 快捷按钮 */
.flex.items-center.gap-2.pb-2.overflow-x-auto button:nth-child(n){
  background:linear-gradient(180deg,#faf3e2,#ecdfc0);
  color:#3a2e22;border:1px solid #a67c52;border-radius:4px;
  font-family:'Noto Serif SC',serif;font-size:12.5px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 1px 2px rgba(80,60,40,.2);
  transition:all .2s ease;
}
.flex.items-center.gap-2.pb-2.overflow-x-auto button:nth-child(n):hover{transform:translateY(-1px);box-shadow:0 3px 6px rgba(80,60,40,.3)}

/* 底部渐变遮罩 */
.bg-gradient-to-t.from-white.via-white.to-transparent.absolute.w-full.bottom-0.left-0.right-0.pb-4{
  background:linear-gradient(180deg,transparent 0%, #f5efe4 40%, #f5efe4 100%);
  border-top:1px solid rgba(166,124,82,.3);
  padding-bottom: 0 !important;
}

/* ============ 加载动效（瞳孔式） ============ */
.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text{
  width:36px;height:36px;position:relative;background:none;animation:none;
}
.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text::before{
  content:"";position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle at 50% 50%, #4a3520 0%, #4a3520 22%, transparent 24%),
    radial-gradient(circle at 50% 50%, #a67c52 26%, #a67c52 46%, transparent 48%),
    radial-gradient(circle at 50% 50%, #faf3e2 50%, #faf3e2 62%, transparent 64%),
    radial-gradient(circle at 50% 50%, #7a5a3b 66%, #7a5a3b 74%, transparent 76%);
  animation:iris 1.6s ease-in-out infinite;
  box-shadow:0 0 12px rgba(166,124,82,.6), inset 0 0 6px rgba(74,53,32,.4);
}
.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text::after{
  content:'秘视聚焦中';position:absolute;left:44px;top:9px;white-space:nowrap;
  font-family:'Noto Serif SC',serif;font-size:12.5px;color:#7a5a3b;letter-spacing:2px;
  animation:whisper 2s ease-in-out infinite;
}
@keyframes iris{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(.7) rotate(180deg)}}
@keyframes whisper{0%,100%{opacity:.4}50%{opacity:1}}

/* ============ 状态栏 sh ============ */
.sh{
  position:relative;margin:6px 2px 14px;padding:14px 16px 12px;
  background:
    linear-gradient(180deg,#fbf5e8 0%,#f5ecd6 100%),
    repeating-linear-gradient(0deg, transparent 0 22px, rgba(166,124,82,.08) 22px 23px);
  background-blend-mode:normal, multiply;
  border:1px solid #a67c52;border-left:4px double #7a5a3b;border-radius:2px;
  box-shadow:2px 3px 0 rgba(122,90,59,.15), 0 4px 12px rgba(80,60,40,.12);
  font-family:'Noto Serif SC',serif;color:#3a2e22;
  display:grid;grid-template-columns:1fr auto;gap:4px 12px;
}
.sh::before{
  content:"卷宗";position:absolute;top:-9px;left:14px;
  background:#7a5a3b;color:#faf3e2;padding:1px 10px;
  font-size:11px;letter-spacing:3px;border-radius:1px;
  font-family:'Ma Shan Zheng',cursive;
  box-shadow:0 2px 4px rgba(80,60,40,.3);
}
.sh::after{
  content:"";position:absolute;top:6px;right:10px;width:28px;height:28px;border-radius:50%;
  background:
    radial-gradient(circle,transparent 40%,#a04747 41%,#a04747 46%,transparent 47%),
    radial-gradient(circle,transparent 55%,#a04747 56%,#a04747 61%,transparent 62%);
  opacity:.55;transform:rotate(-14deg);
}
.sh-h{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;
  border-bottom:1px dashed rgba(122,90,59,.4);padding-bottom:6px;margin-bottom:2px}
.sh-w{font-size:11.5px;color:#7a5a3b;background:rgba(166,124,82,.15);
  padding:1px 8px;border-radius:2px;letter-spacing:1px}
.sh-d{font-size:14px;font-weight:700;color:#3a2e22;letter-spacing:1.5px;font-family:'Ma Shan Zheng',cursive}
.sh-m{grid-column:1/-1;display:flex;justify-content:space-between;font-size:12.5px;color:#4a3520}
.sh-s,.sh-t{display:inline-flex;align-items:center;gap:4px}
.sh-l{grid-column:1/-1;font-size:13px;font-weight:500;color:#4a5876;display:flex;align-items:center;gap:6px;margin-top:2px}
.sh-l i{display:inline-block;background:#a04747;color:#faf3e2;font-style:normal;
  padding:1px 6px;border-radius:2px;font-size:11px;transform:rotate(-3deg);
  box-shadow:0 1px 2px rgba(0,0,0,.2)}
.sh-i{grid-column:1/-1;font-size:12.5px;color:#7a5a3b;font-style:italic;
  padding:6px 10px;background:rgba(255,255,255,.5);border-left:3px solid #b56576;
  margin-top:4px;letter-spacing:.5px;font-family:'ZCOOL XiaoWei',serif}
.sh-c,.sh-x{grid-column:1/-1;font-size:12.5px;padding:4px 0;color:#3a2e22}
.sh-c b,.sh-x b{display:inline-block;background:#4a5876;color:#faf3e2;
  padding:1px 8px;margin-right:6px;font-size:11px;font-weight:400;letter-spacing:2px;border-radius:2px}
.sh-x b{background:#b58968}

/* ============ 正文 zx ============ */
.zx{
  position:relative;margin:14px 1px;padding:16px 12px 14px;
  background:
    linear-gradient(#fbf5e8,#fbf5e8) padding-box,
    repeating-linear-gradient(0deg, transparent 0 27px, rgba(74,88,118,.06) 27px 28px);
  background-blend-mode:multiply;
  border:1px solid rgba(122,90,59,.35);border-radius:2px;
  box-shadow:inset 0 0 40px rgba(166,124,82,.05), 0 2px 8px rgba(80,60,40,.08);
  font-family:'Noto Serif SC','ZCOOL XiaoWei',serif;
  color:#2a2018;font-size:21px;line-height:1.95;
  text-indent:2em;letter-spacing:.3px;
  word-break:break-word;
}
.zx::before{
  content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;
  border:1px solid rgba(166,124,82,.2);pointer-events:none;border-radius:1px;
}
.zx p{text-indent:2em;margin:0 0 .4em}
.zx strong,.zx b{color:#a04747;font-weight:700;text-shadow:0 0 1px rgba(160,71,71,.2)}
.zx em,.zx i{color:#4a5876;font-style:italic}
.zx code{background:rgba(166,124,82,.15);color:#7a5a3b;padding:0 4px;border-radius:2px;font-size:.9em}

.zx div[style] {
  margin: 11px auto !important;
  position: relative;
  text-indent: 0 !important;
}

/* ============ 记忆区 jq ============ */
.jq{margin:14px 2px}
.jq-s,.jq-b{
  background:linear-gradient(180deg,#faf6ee,#f0e6d1);
  border:1px solid #a67c52;border-radius:3px;margin-bottom:8px;
  box-shadow:0 2px 6px rgba(80,60,40,.1);overflow:hidden;
}
.jq-s > summary,.jq-b > summary{
  cursor:pointer;padding:8px 14px;font-size:13.5px;color:#3a2e22;
  background:linear-gradient(180deg,#e8dcc0,#d4c5a1);
  border-bottom:1px solid #a67c52;list-style:none;user-select:none;
  font-family:'Noto Serif SC',serif;letter-spacing:1px;
  position:relative;transition:background .2s;
}
.jq-s > summary::-webkit-details-marker,.jq-b > summary::-webkit-details-marker{display:none}
.jq-s > summary::after,.jq-b > summary::after{
  content:"▸";position:absolute;right:14px;top:50%;transform:translateY(-50%);
  color:#7a5a3b;transition:transform .2s;
}
.jq-s[open] > summary::after,.jq-b[open] > summary::after{transform:translateY(-50%) rotate(90deg)}
.jq-s > summary:hover,.jq-b > summary:hover{background:linear-gradient(180deg,#d4c5a1,#c0b088)}
.jq-b{margin:8px 10px;box-shadow:inset 0 1px 2px rgba(80,60,40,.1)}

/* 记忆区表格（markdown 生成） */
.jq table{
  width:100%;border-collapse:collapse;margin:6px 0;font-size:12.5px;
  background:#fdfaf3;font-family:'Noto Sans SC',sans-serif;
}
.jq th{
  background:#7a5a3b;color:#faf3e2;padding:6px 8px;font-weight:500;
  letter-spacing:1px;font-size:12px;border:1px solid #4a3520;
}
.jq td{
  padding:5px 8px;border:1px solid rgba(166,124,82,.4);color:#3a2e22;
  vertical-align:top;
}
.jq tr:nth-child(even) td{background:rgba(166,124,82,.06)}
.jq tr:hover td{background:rgba(181,101,118,.1)}
.jq td:first-child{
  font-family:'Ma Shan Zheng',cursive;color:#a04747;text-align:center;
  background:rgba(160,71,71,.05);font-size:11.5px;letter-spacing:1px;
}

/* ============ PC 好感度 pi ============ */
.pi{margin:14px 2px}
.pi-s{
  background:linear-gradient(180deg,#fbf5e8,#f5ecd6);
  border:1px solid #b56576;border-radius:3px;
  box-shadow:0 2px 6px rgba(181,101,118,.15);overflow:hidden;
}
.pi-s > summary{
  cursor:pointer;padding:8px 14px;font-size:13.5px;color:#3a2e22;
  background:linear-gradient(180deg,#f4dfe4,#e5c5cd);
  border-bottom:1px solid #b56576;list-style:none;user-select:none;
  font-family:'Noto Serif SC',serif;letter-spacing:1px;position:relative;
}
.pi-s > summary::-webkit-details-marker{display:none}
.pi-h{padding:10px 14px;display:flex;flex-direction:column;gap:10px}
.pi-f{background:rgba(255,255,255,.5);padding:8px 10px;border-radius:2px;border-left:3px solid #b56576}
.pi-hd{font-size:12.5px;color:#7a5a3b;margin-bottom:5px;font-weight:500}
.pi-b{
  height:12px;background:rgba(74,53,32,.15);border-radius:6px;overflow:hidden;
  border:1px solid rgba(122,90,59,.3);position:relative;
  box-shadow:inset 0 1px 3px rgba(80,60,40,.2);
}
.pi-p{
  height:100%;background:linear-gradient(90deg,#e5a5b0 0%,#b56576 50%,#8a4759 100%);
  transition:width .6s cubic-bezier(.2,.9,.3,1);
  box-shadow:0 0 8px rgba(181,101,118,.5);position:relative;
}
.pi-p::after{
  content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(90deg,transparent 0 6px,rgba(255,255,255,.15) 6px 8px);
  animation:flow 3s linear infinite;
}
@keyframes flow{0%{transform:translateX(0)}100%{transform:translateX(14px)}}
.pi-t{display:flex;justify-content:space-between;margin-top:5px;font-size:11.5px;color:#4a3520}
.pi-t span:first-child{font-weight:700;color:#a04747}
.pi-t span:last-child{font-family:'Ma Shan Zheng',cursive;color:#b56576;letter-spacing:1px}

/* ============ NPC 档案卡 np ============ */
.np{margin:14px 2px}
.np-s{
  background:linear-gradient(180deg,#fbf5e8,#f5ecd6);
  border:1px solid #4a5876;border-radius:3px;
  box-shadow:0 3px 10px rgba(74,88,118,.15);overflow:hidden;
}
.np-s > summary{
  cursor:pointer;padding:8px 14px;font-size:13.5px;color:#faf3e2;
  background:linear-gradient(180deg,#5a6b8f,#4a5876);
  border-bottom:1px solid #2c3548;list-style:none;user-select:none;
  font-family:'Noto Serif SC',serif;letter-spacing:2px;
}
.np-s > summary::-webkit-details-marker{display:none}

/* 单个 NPC 卡 */
.np-c{
  margin:10px;border:1px solid rgba(74,88,118,.4);border-radius:3px;
  background:
    linear-gradient(180deg,#fdfaf3,#f5ecd6),
    repeating-linear-gradient(0deg,transparent 0 21px,rgba(74,88,118,.05) 21px 22px);
  background-blend-mode:multiply;
  box-shadow:2px 2px 0 rgba(74,88,118,.1), 0 3px 8px rgba(80,60,40,.1);
  overflow:hidden;position:relative;
}
.np-c::before{
  content:"";position:absolute;top:0;right:0;width:0;height:0;
  border-top:22px solid #a67c52;border-left:22px solid transparent;
  filter:drop-shadow(-1px 1px 1px rgba(0,0,0,.2));z-index:2;
}
.np-c > summary{
  cursor:pointer;padding:9px 14px;font-size:14.5px;color:#2c3548;
  background:linear-gradient(180deg,#ecdfc0,#d4c5a1);
  border-bottom:1px solid #a67c52;list-style:none;user-select:none;
  font-family:'Ma Shan Zheng',cursive;letter-spacing:3px;position:relative;
}
.np-c > summary::-webkit-details-marker{display:none}
.np-c > summary::before{
  content:"❋";margin-right:6px;color:#a04747;font-size:12px;
}
.np-c > summary::after{
  content:"档案";position:absolute;right:14px;top:50%;transform:translateY(-50%);
  font-size:10px;color:#7a5a3b;letter-spacing:2px;font-family:'Noto Serif SC',serif;
  background:rgba(255,255,255,.5);padding:1px 6px;border-radius:1px;
}

/* 当前动态 */
.np-y{padding:8px 14px 4px}
.np-y .dt{
  display:inline-block;font-size:11px;color:#faf3e2;background:#7a5a3b;
  padding:2px 10px;letter-spacing:2px;font-family:'Noto Serif SC',serif;
  border-radius:1px;
}
.np-d{
  padding:6px 14px 10px;font-size:13px;color:#3a2e22;line-height:1.75;
  font-family:'Noto Serif SC',serif;font-style:italic;
  border-bottom:1px dashed rgba(122,90,59,.3);
}

/* 好感度块 */
.np-f{padding:10px 14px;background:rgba(255,255,255,.4);border-bottom:1px dashed rgba(122,90,59,.3)}
.np-hd{font-size:12px;color:#7a5a3b;margin-bottom:5px;font-weight:500;letter-spacing:1px}
.np-b{
  height:14px;background:rgba(74,53,32,.15);border-radius:2px;overflow:hidden;
  border:1px solid rgba(122,90,59,.3);position:relative;
  box-shadow:inset 0 1px 3px rgba(80,60,40,.25);
}
.np-p{
  height:100%;
  background:linear-gradient(90deg,#c8a8b4 0%,#b56576 45%,#a04747 100%);
  transition:width .8s cubic-bezier(.2,.9,.3,1);
  box-shadow:0 0 10px rgba(160,71,71,.4);position:relative;
}
.np-p::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);
  animation:sweep 2.5s ease-in-out infinite;
}
@keyframes sweep{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}
.np-t{display:flex;justify-content:space-between;margin-top:5px;font-size:11.5px;color:#4a3520}
.np-t span:first-child{font-weight:700;color:#a04747}
.np-t span:nth-child(2){color:#7a5a3b;font-family:'Ma Shan Zheng',cursive;font-size:12.5px}
.np-t span:last-child{color:#b56576;letter-spacing:1px;font-family:'Ma Shan Zheng',cursive;font-size:12.5px}
.np-cg{font-size:11.5px;color:#7a5a3b;margin-top:5px;padding-left:6px;
  border-left:2px solid rgba(181,101,118,.4);font-family:'Noto Sans SC',sans-serif}

/* 秘密进度块——罗盘 */
.np-g{
  padding:12px 14px;background:
    linear-gradient(180deg,rgba(74,88,118,.06),rgba(122,90,59,.06));
  border-bottom:1px dashed rgba(122,90,59,.3);position:relative;
}
.np-gd{margin-bottom:8px}
.np-gd .bt{
  display:inline-block;font-size:11px;color:#faf3e2;
  background:linear-gradient(90deg,#4a5876,#2c3548);
  padding:2px 10px;letter-spacing:3px;font-family:'Noto Serif SC',serif;
  box-shadow:0 1px 3px rgba(0,0,0,.2);border-radius:1px;
}
.np-gd .bt::before{content:"◐ ";margin-right:2px}
.np-px{background:rgba(255,255,255,.55);padding:10px 12px;border-radius:2px;
  border:1px solid rgba(74,88,118,.25);position:relative;overflow:hidden}
.np-px::before{
  content:"";position:absolute;right:-30px;top:50%;transform:translateY(-50%);
  width:80px;height:80px;border-radius:50%;
  background:conic-gradient(#a04747 0deg, #a04747 var(--l,72deg), rgba(74,88,118,.1) var(--l,72deg));
  opacity:.13;pointer-events:none;
}
.np-px[data-lv="0"]{--l:0deg}
.np-px[data-lv="1"]{--l:72deg}
.np-px[data-lv="2"]{--l:144deg}
.np-px[data-lv="3"]{--l:216deg}
.np-px[data-lv="4"]{--l:288deg}
.np-px[data-lv="5"]{--l:360deg}
.np-i{font-size:12.5px;margin-bottom:4px}
.np-i .fd{
  color:#a04747;font-weight:700;font-family:'Ma Shan Zheng',cursive;
  letter-spacing:2px;font-size:14px;text-shadow:0 0 6px rgba(160,71,71,.25);
}
.np-e{font-size:12px;color:#3a2e22;padding:4px 0 6px;line-height:1.6;font-style:italic}

/* 反差萌核心：对PC认知（表面清晰） vs 真实想法（褪色朦胧） */
.np-tp{
  font-size:12px;color:#3a2e22;margin-top:5px;padding:5px 8px;
  background:linear-gradient(90deg,rgba(74,88,118,.1),transparent);
  border-left:2px solid #4a5876;
}
.np-tp .itp{color:#4a5876;font-weight:500;letter-spacing:.3px}
.np-hp{
  font-size:12px;color:#7a5a3b;margin-top:4px;padding:5px 8px;
  background:
    linear-gradient(90deg,rgba(181,101,118,.15),transparent),
    repeating-linear-gradient(45deg,transparent 0 3px,rgba(160,71,71,.05) 3px 4px);
  border-left:2px dashed #b56576;
  filter:blur(.4px);opacity:.7;transition:all .35s ease;
  position:relative;cursor:help;
}
.np-hp::before{
  content:"🔓";position:absolute;right:6px;top:50%;transform:translateY(-50%);
  font-size:10px;opacity:.5;transition:opacity .3s;
}
.np-hp:hover{filter:blur(0);opacity:1}
.np-hp:hover::before{opacity:0}
.np-hp .ihp{color:#a04747;font-style:italic;letter-spacing:.3px}

/* 关键转变 & 锚点池 */
.np-u{margin:8px 12px;background:rgba(255,255,255,.35);border:1px solid rgba(122,90,59,.3);border-radius:2px}
.np-u > summary{
  cursor:pointer;padding:6px 10px;font-size:12.5px;color:#3a2e22;
  background:linear-gradient(180deg,rgba(166,124,82,.15),rgba(166,124,82,.05));
  border-bottom:1px dashed rgba(122,90,59,.3);list-style:none;user-select:none;
  font-family:'Noto Serif SC',serif;letter-spacing:1px;position:relative;
}
.np-u > summary::-webkit-details-marker{display:none}
.np-u > summary::before{content:"┃ ";color:#a04747;margin-right:2px}
.np-l{list-style:none;padding:6px 12px;margin:0}
.np-l li{
  padding:4px 0 4px 14px;font-size:12px;color:#3a2e22;line-height:1.65;
  border-bottom:1px dotted rgba(122,90,59,.2);position:relative;
}
.np-l li:last-child{border-bottom:none}
.np-l li::before{content:"◇";position:absolute;left:0;top:4px;color:#b58968;font-size:10px}
.np-tg{
  display:inline-block;font-size:10.5px;color:#faf3e2;background:#7a5a3b;
  padding:1px 6px;margin-right:4px;letter-spacing:1px;border-radius:1px;
}
.np-l strong{color:#a04747}

/* ============ 下一步 xt ============ */
.xt{margin:8px 1px 4px;padding:6px 0}
.xt-h{
  display:inline-block;padding:5px 14px;font-size:13px;color:#faf3e2;
  background:linear-gradient(90deg,#7a5a3b,#4a3520);
  font-family:'Noto Serif SC',serif;letter-spacing:3px;
  clip-path:polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
  margin-bottom:5px;box-shadow:0 2px 5px rgba(80,60,40,.3);
}
/* 三个代码块区分风格（保留 ``` 代码块结构以启用复制） */
.xt pre{background:transparent;padding:0;margin:8px 0;overflow:visible}
.xt pre > div{margin:0!important}
.xt pre code{
  display:block;padding:12px 16px;font-family:'Noto Serif SC','ZCOOL XiaoWei',serif!important;
  font-size:13.5px;line-height:1.7;letter-spacing:.5px;
  border-radius:3px;position:relative;overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease;white-space:pre-wrap;word-break:break-word;
}
.xt pre code:hover{transform:translateX(4px)}
/* A 探索 · 米色纸卡 */
.xt pre:nth-of-type(1) code,
.xt pre:has(code.language-A) code{
  background:linear-gradient(135deg,#fbf5e8 0%,#ecdfc0 100%)!important;
  color:#3a2e22!important;border:1px solid #a67c52;
  border-left:5px solid #a67c52;box-shadow:2px 2px 0 rgba(122,90,59,.15);
}
.xt pre:nth-of-type(1) code::before,
.xt pre:has(code.language-A) code::before{
  content:"◈";display:block;font-size:11px;color:#7a5a3b;
  letter-spacing:3px;margin-bottom:6px;font-family:'Ma Shan Zheng',cursive;
}
/* B 调教 · 玫瑰纸卡 */
.xt pre:nth-of-type(2) code,
.xt pre:has(code.language-B) code{
  background:linear-gradient(135deg,#f5e5e8 0%,#e5c5cd 100%)!important;
  color:#4a2028!important;border:1px solid #b56576;
  border-left:5px solid #b56576;box-shadow:2px 2px 0 rgba(160,71,71,.2);
}
.xt pre:nth-of-type(2) code::before,
.xt pre:has(code.language-B) code::before{
  content:"◉";display:block;font-size:11px;color:#a04747;
  letter-spacing:3px;margin-bottom:6px;font-family:'Ma Shan Zheng',cursive;
}
/* C 恋爱 · 靛蓝纸卡 */
.xt pre:nth-of-type(3) code,
.xt pre:has(code.language-C) code{
  background:linear-gradient(135deg,#eef0f5 0%,#d4d9e5 100%)!important;
  color:#1e2438!important;border:1px solid #4a5876;
  border-left:5px solid #4a5876;box-shadow:2px 2px 0 rgba(74,88,118,.2);
}
.xt pre:nth-of-type(3) code::before,
.xt pre:has(code.language-C) code::before{
  content:"♥";display:block;font-size:11px;color:#4a5876;
  letter-spacing:3px;margin-bottom:6px;font-family:'Ma Shan Zheng',cursive;
}

/* ============ 用户提问气泡 ============ */
.inline-block.bg-gray-100\/90:not(.chat-answer-container .bg-gray-100\/90){
  display:block;padding:10px 14px;
  background:linear-gradient(135deg,#e8dcc0 0%,#d4c5a1 100%)!important;
  border:1px solid #7a5a3b!important;border-radius:2px!important;
  box-shadow:2px 2px 0 rgba(80,60,40,.15), 0 2px 6px rgba(80,60,40,.15);
  color:#2a2018;font-family:'Noto Serif SC',serif;font-size:14px;line-height:1.7;
  position:relative;
}
.inline-block.bg-gray-100\/90:not(.chat-answer-container .bg-gray-100\/90)::before{
  content:"手记";position:absolute;top:-9px;left:12px;
  background:#a04747;color:#faf3e2;padding:1px 8px;font-size:10px;letter-spacing:2px;
  font-family:'Ma Shan Zheng',cursive;transform:rotate(-3deg);
  box-shadow:0 2px 3px rgba(0,0,0,.25);border-radius:1px;
}

/* 头像区调整 */
.mb-2 .shrink-0.rounded-full.block{display:none}
.mr-2{margin-right:0}
.ml-4{margin:0 0 .8rem}
.group .px-4{padding-left:0;padding-right:0}
.chat-answer-container .px-4{padding:0 .3rem}
.group.ml-2{margin-left:.2rem}
.group.relative.ml-2.md\:ml-4.mr-4.md\:mr-0{margin:0 .3rem}
.rounded-b-2xl{border-bottom-left-radius:0;border-bottom-right-radius:0}
.rounded-tr-2xl{border-top-right-radius:0;border-top-left-radius:0}
.border-t-2.border-\[\#F1CBCB\].border-r-0.border-b-0.border-l-0,
.border-t-2.border-\[\#C9E1E9\].border-r-0.border-b-0,
.group .border-t-2{border:none}
.group .clip-path-triangle-right,
.absolute.flex.justify-end.gap-1.-top-3\.5.-right-3\.5,
#Rectangle\ 1{display:none}

/* 通用 markdown 表格 */
.zx table,.jq-b table{
  width:100%;border-collapse:collapse;margin:8px 0;font-size:13px;
  background:#fdfaf3;
}
.zx th,.jq-b th{
  background:#7a5a3b;color:#faf3e2;padding:6px 10px;font-weight:500;
  letter-spacing:1px;border:1px solid #4a3520;
}
.zx td,.jq-b td{
  padding:6px 10px;border:1px solid rgba(166,124,82,.4);color:#3a2e22;
  text-indent:0;line-height:1.6;
}
.zx tr:nth-child(even) td,.jq-b tr:nth-child(even) td{background:rgba(166,124,82,.06)}

/* 通用 ul */
.zx ul,.zx ol{padding-left:1.8em;margin:.4em 0}
.zx li{text-indent:0;line-height:1.8;margin:.15em 0}

/* 消耗 · 复制等 */
.text-orange-500{font-size:11px;color:#7a5a3b}
.text-purple-500{font-size:11px;color:#a67c52}

/* 滚动条 */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:rgba(166,124,82,.08)}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#a67c52,#7a5a3b);border-radius:2px;
  border:1px solid rgba(74,53,32,.3);
}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#b58968,#8a6a48)}

/* ============ 移动端适配 ============ */
@media (max-width:652px){
  .sh{padding:12px 12px 10px;font-size:12.5px}
  .sh-d{font-size:12.5px;letter-spacing:1px}
  .sh-m,.sh-l,.sh-i,.sh-c,.sh-x{font-size:11.5px}
  .zx{padding:12px 10px;font-size:14px;line-height:1.85}
  .zx::first-letter{font-size:2.2em}
  .jq table,.zx table,.jq-b table{font-size:11px}
  .jq th,.jq td,.zx th,.zx td,.jq-b th,.jq-b td{padding:4px 6px}
  .np-c > summary{font-size:13px;letter-spacing:2px}
  .np-d{font-size:12px}
  .np-tp,.np-hp{font-size:11.5px}
  .xt pre code{font-size:12.5px;padding:10px 12px}
  .xt-h{font-size:12px;padding:4px 10px;letter-spacing:2px}
  .pi-h{padding:8px 10px}
  .style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text{width:32px;height:32px}
  .style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text::after{left:40px;font-size:11px}
}