ai{
  display:block;
  font-family:'Courier New',Courier,monospace;
  font-size:14px;
  line-height:1.6;
  color:#2c1a0e;
  max-width:700px;
  margin:0 auto;
  -webkit-tap-highlight-color:transparent;
}
ai sec{
  display:block;
  background:#f5e6c8;
  border:2px solid #7a5c3a;
  border-radius:2px;
  margin-bottom:8px;
  padding:10px 10px 8px;
  position:relative;
  background-image:repeating-linear-gradient(0deg,transparent,transparent 24px,rgba(90,60,20,.06) 24px,rgba(90,60,20,.06) 25px);
  box-sizing:border-box;
}
ai sec::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:4px;
  background:repeating-linear-gradient(90deg,#b8860b 0,#b8860b 18px,transparent 18px,transparent 24px);
  opacity:.5;
}
ai sec::after{
  content:'';
  position:absolute;
  bottom:6px;right:6px;
  width:24px;height:24px;
  background:linear-gradient(135deg,transparent 50%,rgba(122,92,58,.2) 50%);
  pointer-events:none;
}
ai hd{
  display:block;
  font-size:13px;
  font-weight:bold;
  color:#fff;
  background:#8b1a1a;
  padding:3px 10px;
  margin:-10px -10px 8px;
  letter-spacing:.1em;
  position:relative;
  overflow:hidden;
}
ai hd::before{
  content:'';
  position:absolute;
  top:0;left:-60%;
  width:40%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
  animation:shimmer 3s ease-in-out infinite;
}
@keyframes shimmer{
  0%{left:-60%;}
  100%{left:120%;}
}
ai hd::after{
  content:'CLASSIFIED';
  position:absolute;
  right:10px;top:3px;
  font-size:10px;
  opacity:.4;
  letter-spacing:.2em;
}
ai d{
  display:block;
  padding:3px 0;
  border-bottom:1px dashed rgba(90,60,20,.15);
  font-size:13px;
  transition:background .15s;
}
ai d:last-child{border-bottom:none;}
ai d:active{background:rgba(139,26,26,.06);}
ai f{
  color:#8b1a1a;
  font-weight:bold;
}
ai row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
ai row d{flex:1;min-width:100px;}
ai tag{
  display:inline-block;
  padding:0 6px;
  border-radius:2px;
  font-size:11px;
  font-weight:bold;
  background:#b8860b;
  color:#fff;
  letter-spacing:.05em;
}
ai tag[lv="1"]{background:#4a7a4a;}
ai tag[lv="2"]{background:#2a5a8a;}
ai tag[lv="3"]{background:#7a2a8a;}
ai tag[lv="4"]{background:#8b1a1a;}
ai d.item-hd{
  font-weight:bold;
  color:#b8860b;
  border-bottom:1px solid #b8860b;
  margin-top:4px;
}
ai d.item{padding-left:8px;}
ai f.score{color:#2a7a2a;font-size:15px;}
ai f.money{color:#b8860b;font-size:15px;}
ai .card{
  background:#ede0c4;
  border-left:3px solid #8b1a1a;
  padding:6px 8px;
  margin-top:6px;
  position:relative;
}
ai .card::before{
  content:'';
  position:absolute;
  top:-8px;left:20px;
  width:18px;height:10px;
  background:linear-gradient(#bbb,#999);
  border-radius:2px 2px 0 0;
  box-shadow:0 0 3px rgba(0,0,0,.3);
}
ai f.name{font-size:15px;color:#2c1a0e;font-weight:bold;}
ai span.age{
  font-size:11px;color:#666;
  background:rgba(0,0,0,.08);
  padding:0 4px;border-radius:2px;
}
ai f.alias{color:#8a4a00;font-style:italic;}
ai f.alias[uk]{
  filter:blur(5px);
  color:#999;
  cursor:pointer;
  transition:filter .4s ease;
  user-select:none;
  -webkit-user-select:none;
}
ai f.alias[uk]:hover{filter:blur(2.5px);}
ai f.alias[uk]:active{filter:blur(1px);}
ai d.body-hd{
  color:#b8860b;font-weight:bold;
  font-size:12px;margin-top:4px;
  letter-spacing:.08em;
}
ai meter{
  width:55px;height:8px;
  vertical-align:middle;
}
ai meter.like::-webkit-meter-optimum-value{background:#e06060;}
ai meter.fall::-webkit-meter-optimum-value{background:linear-gradient(90deg,#6a0a6a,#ff1a2e);}
ai meter.like::-moz-meter-bar{background:#e06060;}
ai meter.fall::-moz-meter-bar{background:linear-gradient(90deg,#6a0a6a,#ff1a2e);}
ai d.think{
  margin-top:3px;padding:4px 8px;
  border-radius:2px;font-size:12px;
}
ai d.think.r{
  background:rgba(139,26,26,.08);
  border-left:2px solid #8b1a1a;
}
ai d.think.dk{
  background:rgba(100,0,100,.1);
  border-left:2px solid #8a008a;
}
ai d.think q{
  display:block;font-style:italic;
  color:#444;quotes:'"' '"';
}
ai d.think q::before{content:open-quote;}
ai d.think q::after{content:close-quote;}
ai sec.bbs{
  background:#0d0d0d;
  border-color:#ff1a2e;
  color:#e8c8cc;
  background-image:repeating-linear-gradient(0deg,transparent,transparent 20px,rgba(255,26,46,.04) 20px,rgba(255,26,46,.04) 21px);
  box-shadow:0 0 18px rgba(255,26,46,.18),inset 0 0 30px rgba(255,26,46,.03);
}
ai sec.bbs::before{
  background:repeating-linear-gradient(90deg,#ff1a2e 0,#ff1a2e 18px,transparent 18px,transparent 24px);
  opacity:.35;
}
ai sec.bbs::after{display:none;}
ai hd.bbs-hd{
  background:linear-gradient(90deg,#1a0005,#2d0008);
  border-bottom:1px solid #ff1a2e;
  color:#ff1a2e;
  text-shadow:0 0 10px #ff1a2e,0 0 20px rgba(255,26,46,.4);
  letter-spacing:.15em;
}
ai hd.bbs-hd::before{
  background:linear-gradient(90deg,transparent,rgba(255,26,46,.2),transparent);
}
ai hd.bbs-hd::after{
  content:'● ONLINE';
  color:#00ff88;
  text-shadow:0 0 8px #00ff88;
  opacity:1;
  animation:blink 2s step-end infinite;
}
@keyframes blink{
  0%,100%{opacity:1;}
  50%{opacity:.3;}
}
ai hd.bbs-hd span{
  color:#fff;font-size:11px;
  opacity:.5;margin-left:8px;
}
ai d.zone{color:#888;font-size:12px;}
ai tag.ztag{
  background:transparent;
  border:1px solid #ff1a2e;
  color:#ff1a2e;
  text-shadow:0 0 4px #ff1a2e;
  box-shadow:0 0 4px rgba(255,26,46,.2);
}
ai .bb{
  border:1px solid rgba(255,26,46,.2);
  margin:6px 0;padding:6px 8px;
  background:rgba(255,26,46,.02);
  position:relative;overflow:hidden;
  transition:border-color .2s,background .2s;
}
ai .bb:active{
  background:rgba(255,26,46,.07);
  border-color:rgba(255,26,46,.5);
}
ai .bb::after{
  content:'';
  position:absolute;
  left:0;right:0;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(255,26,46,.6),transparent);
  animation:scanline 3s linear infinite;
  pointer-events:none;
  top:0;
}
@keyframes scanline{
  0%{top:-2px;opacity:0;}
  10%{opacity:1;}
  90%{opacity:1;}
  100%{top:100%;opacity:0;}
}
ai .bt{
  font-size:12px;font-weight:bold;
  color:#ff1a2e;
  text-shadow:0 0 6px #ff1a2e;
  border-left:3px solid #ff1a2e;
  padding-left:6px;margin-bottom:4px;
  letter-spacing:.08em;
}
ai post{
  display:block;
  border-top:1px dashed rgba(255,26,46,.15);
  padding:5px 0;margin-top:4px;
  transition:background .15s;
}
ai post:active{background:rgba(255,26,46,.05);}
ai .pt{font-size:13px;margin-bottom:2px;}
ai span.board{
  color:#ff8800;font-size:11px;
  background:rgba(255,136,0,.1);
  padding:0 3px;border-radius:2px;
}
ai span.by{font-size:11px;color:#555;}
ai sec.bbs d{
  border-bottom-color:rgba(255,26,46,.1);
  color:#bbb;font-size:12px;
}
ai sec.bbs d:active{background:rgba(255,26,46,.08);}
ai sec.bbs f{
  color:#ff1a2e;
  text-shadow:0 0 4px rgba(255,26,46,.5);
}
ai sec.bbs f.alias{
  color:#ff8800;font-style:italic;
  text-shadow:0 0 4px rgba(255,136,0,.4);
}
ai sec.bbs f.alias[uk]{
  filter:blur(5px);
  color:#333;text-shadow:none;
}
ai sec.bbs f.alias[uk]:active{filter:blur(2px);}
ai tag.att{
  background:rgba(255,26,46,.12);
  border:1px solid rgba(255,26,46,.3);
  color:#ff1a2e;font-size:11px;
}
ai tag.st{
  background:#0a2a0a;color:#00ff88;
  border:1px solid rgba(0,255,136,.4);
  font-size:11px;
  box-shadow:0 0 4px rgba(0,255,136,.2);
}
ai post.task .pt f{
  color:#ff8800;
  text-shadow:0 0 4px rgba(255,136,0,.4);
}
ai d.live{
  padding:3px 0 3px 8px;
  border-left:2px solid #ff8800;
  margin:3px 0;font-size:12px;color:#aaa;
}
ai d.msg{
  background:rgba(255,26,46,.05);
  border:1px solid rgba(255,26,46,.18);
  padding:4px 6px;border-radius:2px;
  font-size:12px;margin:3px 0;
  transition:background .15s,border-color .15s;
}
ai d.msg:active{
  background:rgba(255,26,46,.12);
  border-color:rgba(255,26,46,.4);
}
ai span.time{color:#444;font-size:11px;}
ai d.shop{font-size:12px;}
ai d.sdesc{font-size:11px;color:#555;padding-left:8px;}
ai f.price{
  color:#ffd700;
  text-shadow:0 0 6px rgba(255,215,0,.5);
}
ai sec.hunt{
  background:#f5e6c8;
  background-image:repeating-linear-gradient(0deg,transparent,transparent 24px,rgba(90,60,20,.06) 24px,rgba(90,60,20,.06) 25px);
}
ai .target{
  background:rgba(139,26,26,.04);
  border:1px dashed #8b1a1a;
  padding:6px 8px;
  position:relative;overflow:hidden;
  transition:background .15s;
}
ai .target:active{background:rgba(139,26,26,.1);}
ai .target::before{
  content:'TOP SECRET';
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%) rotate(-25deg);
  font-size:clamp(20px,6vw,36px);
  font-weight:bold;
  color:rgba(139,26,26,.05);
  pointer-events:none;
  letter-spacing:.2em;
  white-space:nowrap;
}
ai .tname{font-size:14px;font-weight:bold;margin-bottom:4px;}
ai tag.threat[lv="1"]{background:#2a5a2a;}
ai tag.threat[lv="2"]{background:#7a6a00;}
ai tag.threat[lv="3"]{background:#7a2a00;}
ai tag.threat[lv="4"]{
  background:#8b1a1a;
  animation:threatpulse 1s ease-in-out infinite;
  box-shadow:0 0 8px #8b1a1a;
}
@keyframes threatpulse{
  0%,100%{opacity:1;box-shadow:0 0 8px #8b1a1a;}
  50%{opacity:.5;box-shadow:0 0 2px #8b1a1a;}
}
ai sec.mem{
  background:#0a0f1e;
  border-color:#1a3a5a;
  color:#c8d8e8;
  background-image:
    radial-gradient(ellipse at 15% 50%,rgba(0,100,200,.07) 0%,transparent 55%),
    radial-gradient(ellipse at 85% 50%,rgba(100,0,200,.07) 0%,transparent 55%);
}
ai sec.mem::before{
  background:repeating-linear-gradient(90deg,#00d4ff 0,#00d4ff 18px,transparent 18px,transparent 24px);
  opacity:.2;
}
ai sec.mem::after{display:none;}
ai sec.mem hd{
  background:linear-gradient(90deg,#0a1a3a,#1a0a3a);
  color:#ffd700;
  text-shadow:0 0 10px #ffd700,0 0 20px rgba(255,215,0,.3);
  border-bottom:1px solid #1a3a5a;
}
ai sec.mem hd::before{
  background:linear-gradient(90deg,transparent,rgba(255,215,0,.15),transparent);
}
ai sec.mem hd::after{
  content:'MEMORY CORE';
  color:#00d4ff;
  text-shadow:0 0 6px #00d4ff;
  opacity:1;
}
ai .mc{
  font-size:11px;color:#00d4ff;
  margin-left:8px;
  text-shadow:0 0 4px #00d4ff;
}
ai .mz{
  margin:6px 0;padding:4px 0;
  border-top:1px solid rgba(0,212,255,.12);
}
ai .mz.ltm{border-left:3px solid #ffd700;padding-left:6px;}
ai .mz.stm{border-left:3px solid #00d4ff;padding-left:6px;}
ai .mt{
  font-size:12px;font-weight:bold;
  letter-spacing:.1em;margin-bottom:4px;
}
ai .mz.ltm .mt{color:#ffd700;text-shadow:0 0 4px rgba(255,215,0,.4);}
ai .mz.stm .mt{color:#00d4ff;text-shadow:0 0 4px rgba(0,212,255,.4);}
ai sec.mem table{
  width:100%;border-collapse:collapse;
  font-size:12px;color:#c8d8e8;
  table-layout:fixed;
  word-break:break-all;
}
ai sec.mem th{
  background:rgba(0,212,255,.08);
  color:#00d4ff;
  border:1px solid rgba(0,212,255,.18);
  padding:3px 5px;text-align:left;
  font-size:11px;letter-spacing:.05em;
}
ai .mz.ltm th{
  background:rgba(255,215,0,.07);
  color:#ffd700;
  border-color:rgba(255,215,0,.18);
}
ai sec.mem td{
  border:1px solid rgba(0,212,255,.1);
  padding:3px 5px;vertical-align:top;
}
ai .mz.ltm td{border-color:rgba(255,215,0,.1);}
ai sec.mem tr:hover td{background:rgba(0,212,255,.05);}
ai .mz.ltm tr:hover td{background:rgba(255,215,0,.04);}
ai sec.mem tr:active td{background:rgba(0,212,255,.1);}
ai .mz.ltm tr:active td{background:rgba(255,215,0,.08);}
ai sec.act{
  background:linear-gradient(135deg,#1a0f00,#0f0005);
  border-color:#3a2a1a;
  color:#e8d8c8;
}
ai sec.act::before{
  background:repeating-linear-gradient(90deg,#ff4466 0,#ff4466 18px,transparent 18px,transparent 24px);
  opacity:.2;
}
ai sec.act::after{display:none;}
ai sec.act hd{
  background:linear-gradient(90deg,#2a1500,#1a0010);
  color:#ffaa44;
  border-bottom:1px solid #3a2a1a;
  text-shadow:0 0 8px rgba(255,170,68,.5);
}
ai sec.act hd::before{
  background:linear-gradient(90deg,transparent,rgba(255,170,68,.15),transparent);
}
ai sec.act hd::after{
  content:'ACTION';
  color:#ff4466;
  text-shadow:0 0 6px #ff4466;
  opacity:1;
}
ai d.opt{
  padding:6px 10px;
  margin:4px 0;
  border:1px solid rgba(255,170,68,.2);
  border-left:3px solid transparent;
  border-radius:2px;
  background:rgba(255,170,68,.04);
  font-size:13px;
  position:relative;
  overflow:hidden;
  transition:border-left-color .2s,background .2s,padding-left .2s,transform .1s;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
ai d.opt::after{
  content:'';
  position:absolute;
  top:50%;left:10px;
  transform:translateY(-50%);
  width:0;height:0;
  background:rgba(255,170,68,.15);
  border-radius:50%;
  transition:width .4s ease,height .4s ease,left .4s ease,top .4s ease,opacity .4s ease;
  opacity:0;
  pointer-events:none;
}
ai d.opt:active{
  transform:scale(.98);
  background:rgba(255,170,68,.15);
  border-left-color:#ffaa44;
  padding-left:16px;
}
ai d.opt:active::after{
  width:200px;height:200px;
  left:calc(50% - 100px);
  top:calc(50% - 100px);
  opacity:0;
}
ai d.opt:hover{
  border-left-color:#ffaa44;
  background:rgba(255,170,68,.1);
  padding-left:16px;
}
ai d.opt.free{
  border-style:dashed;
  color:#666;font-style:italic;
}
ai d.opt.free:hover,ai d.opt.free:active{
  border-left-color:#ff4466;
  color:#ffaa44;
  background:rgba(255,68,102,.08);
}
@media(max-width:480px){
  ai{font-size:13px;}
  ai sec{padding:8px 8px 6px;margin-bottom:6px;}
  ai hd{padding:3px 8px;font-size:12px;margin:-8px -8px 7px;}
  ai hd::after{display:none;}
  ai d{font-size:12px;padding:2px 0;}
  ai f.name{font-size:14px;}
  ai f.score,ai f.money{font-size:14px;}
  ai meter{width:45px;}
  ai .card{padding:5px 6px;}
  ai row{gap:4px;}
  ai row d{min-width:80px;}
  ai sec.mem table{font-size:11px;}
  ai sec.mem th,ai sec.mem td{padding:2px 4px;}
  ai d.opt{padding:7px 8px;font-size:12px;}
  ai d.opt:hover{padding-left:8px;}
  ai d.opt:active{padding-left:14px;}
  ai .target::before{font-size:22px;}
  ai .bt{font-size:11px;}
  ai post{padding:4px 0;}
  ai .bb{padding:5px 6px;}
}
@media(max-width:360px){
  ai sec.mem table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
}
/* ============================================
   【聊天框美化】档案袋 × 暗网终端风格
   ============================================ */

/* --- 统一聊天框基础 --- */
.bg-gray-100\/90.relative.inline-block {
  background: #f5e6c8 !important;
  background-image:
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 24px,
      rgba(90,60,20,.06) 24px,
      rgba(90,60,20,.06) 25px
    ) !important;
  border: 2px solid #7a5c3a !important;
  border-radius: 3px !important;
  box-shadow:
    2px 2px 8px rgba(90,60,20,.18),
    inset 0 0 20px rgba(90,60,20,.04) !important;
  position: relative !important;
  font-family: 'Courier New', Courier, monospace !important;
  transition: box-shadow .25s ease, border-color .25s ease !important;
}

/* 顶部金色装订线 */
.bg-gray-100\/90.relative.inline-block::before {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 0; right: 0 !important;
  height: 4px !important;
  background: repeating-linear-gradient(
    90deg,
    #b8860b 0, #b8860b 18px,
    transparent 18px, transparent 24px
  ) !important;
  opacity: .55 !important;
  border-radius: 3px 3px 0 0 !important;
}

/* 右下角折角 */
.bg-gray-100\/90.relative.inline-block::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0; right: 0 !important;
  width: 20px; height: 20px !important;
  background: linear-gradient(
    135deg,
    transparent 50%,
    rgba(122,92,58,.22) 50%
  ) !important;
  pointer-events: none !important;
}

/* --- 用户输入框（单独） --- */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
  background: #0d0d0d !important;
  background-image: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 20px,
    rgba(255,26,46,.04) 20px,
    rgba(255,26,46,.04) 21px
  ) !important;
  border: 2px solid #ff1a2e !important;
  box-shadow:
    0 0 14px rgba(255,26,46,.2),
    inset 0 0 20px rgba(255,26,46,.03) !important;
  color: #e8c8cc !important;
}

.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90)::before {
  background: repeating-linear-gradient(
    90deg,
    #ff1a2e 0, #ff1a2e 18px,
    transparent 18px, transparent 24px
  ) !important;
  opacity: .3 !important;
}

/* --- 聊天框文字内容 --- */
.markdown-body {
  font-family: 'Courier New', Courier, monospace !important;
  color: #2c1a0e !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  background: transparent !important;
  z-index: 1 !important;
  position: relative !important;
}

/* 用户框文字 */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) .markdown-body {
  color: #e8c8cc !important;
}

/* markdown元素 */
.markdown-body strong {
  color: #8b1a1a !important;
  font-weight: bold !important;
}

.markdown-body em {
  color: #8a4a00 !important;
  font-style: italic !important;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3 {
  color: #8b1a1a !important;
  border-bottom: 1px solid rgba(139,26,26,.25) !important;
  padding-bottom: 2px !important;
  letter-spacing: .06em !important;
}

.markdown-body code {
  background: rgba(139,26,26,.1) !important;
  color: #8b1a1a !important;
  border: 1px solid rgba(139,26,26,.2) !important;
  border-radius: 2px !important;
  padding: 0 4px !important;
  font-family: 'Courier New', monospace !important;
}

.markdown-body blockquote {
  border-left: 3px solid #b8860b !important;
  background: rgba(184,134,11,.07) !important;
  color: #5c3a1e !important;
  padding: 4px 10px !important;
  margin: 4px 0 !important;
}

.markdown-body table {
  border-collapse: collapse !important;
  width: 100% !important;
}

.markdown-body th {
  background: rgba(139,26,26,.12) !important;
  color: #8b1a1a !important;
  border: 1px solid rgba(139,26,26,.2) !important;
  padding: 3px 8px !important;
}

.markdown-body td {
  border: 1px solid rgba(122,92,58,.2) !important;
  padding: 3px 8px !important;
}

.markdown-body tr:hover td {
  background: rgba(184,134,11,.06) !important;
}

.markdown-body a {
  color: #8a4a00 !important;
  text-decoration: underline dotted !important;
}

/* 用户框内markdown元素 */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) .markdown-body strong {
  color: #ff1a2e !important;
  text-shadow: 0 0 4px rgba(255,26,46,.4) !important;
}

.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) .markdown-body code {
  background: rgba(255,26,46,.1) !important;
  color: #ff8800 !important;
  border-color: rgba(255,26,46,.25) !important;
}

/* --- 隐藏顶部颜色条 --- */
[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e1e9]"] {
  display: none !important;
}

/* --- 底部附加元素（AI输出框）--- */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
  color: #7a5c3a !important;
  font-family: 'Courier New', monospace !important;
  font-size: 11px !important;
  opacity: .7 !important;
  transition: color .2s, opacity .2s !important;
  letter-spacing: .04em !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
  color: #8b1a1a !important;
  opacity: 1 !important;
}

.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
  color: #7a5c3a !important;
  font-family: 'Courier New', monospace !important;
  font-size: 11px !important;
  opacity: .6 !important;
  letter-spacing: .04em !important;
}

.text-orange-500 {
  color: #b8860b !important;
  font-family: 'Courier New', monospace !important;
  font-size: 11px !important;
}

/* --- 加载动画 --- */
.style_dot-flashing__8L91Q.style_text__zGhNq {
  display: none !important;
}

.flex.items-center.justify-center.w-6.h-5 {
  position: relative !important;
  min-height: 28px !important;
  width: 48px !important;
}

.flex.items-center.justify-center.w-6.h-5::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 36px !important;
  height: 16px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='16'%3E%3Ccircle cx='6' cy='8' r='3' fill='%238b1a1a'%3E%3Canimate attributeName='opacity' values='1;.2;1' dur='1.2s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;2;3' dur='1.2s' begin='0s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='18' cy='8' r='3' fill='%238b1a1a'%3E%3Canimate attributeName='opacity' values='1;.2;1' dur='1.2s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;2;3' dur='1.2s' begin='0.4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='30' cy='8' r='3' fill='%238b1a1a'%3E%3Canimate attributeName='opacity' values='1;.2;1' dur='1.2s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;2;3' dur='1.2s' begin='0.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

/* ============================================
   【界面美化】顶部栏 · 底部栏 · 评论区
   ============================================ */

/* ---- 顶部栏 ---- */
.sticky.w-full.top-0.flex.items-center {
  background: linear-gradient(90deg, #0f0005, #1a0008, #0f0005) !important;
  border-bottom: 1px solid #ff1a2e !important;
  box-shadow:
    0 2px 16px rgba(255,26,46,.18),
    0 1px 0 rgba(255,26,46,.1) !important;
  backdrop-filter: blur(8px) !important;
}

/* 顶部栏扫光 */
.sticky.w-full.top-0.flex.items-center::after {
  content: '' !important;
  position: absolute !important;
  top: 0; left: -60%; right: auto !important;
  width: 40%; height: 100% !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,26,46,.08),
    transparent
  ) !important;
  animation: topbar-scan 5s ease-in-out infinite !important;
  pointer-events: none !important;
}

@keyframes topbar-scan {
  0% { left: -60%; }
  100% { left: 120%; }
}

/* 模型选择器 */
#ai-model-selector .group.flex.items-center {
  background: rgba(255,26,46,.06) !important;
  border: 1px solid rgba(255,26,46,.25) !important;
  border-radius: 3px !important;
  transition: background .2s, border-color .2s, box-shadow .2s !important;
}

#ai-model-selector .group.flex.items-center:hover {
  background: rgba(255,26,46,.12) !important;
  border-color: #ff1a2e !important;
  box-shadow: 0 0 8px rgba(255,26,46,.2) !important;
}

#ai-model-selector .truncate.text-\[13px\] {
  color: #ff1a2e !important;
  font-family: 'Courier New', monospace !important;
  font-size: 12px !important;
  letter-spacing: .06em !important;
  text-shadow: 0 0 6px rgba(255,26,46,.4) !important;
}

#ai-model-selector .shrink-0.flex.items-center svg {
  color: #ff1a2e !important;
  filter: drop-shadow(0 0 3px rgba(255,26,46,.5)) !important;
  transition: transform .2s !important;
}

#ai-model-selector .group.flex.items-center:hover .shrink-0.flex.items-center svg {
  transform: rotate(180deg) !important;
}

/* 设置按钮 */
#header-setting-button {
  transition: transform .2s, background .2s !important;
  border-radius: 3px !important;
}

#header-setting-button:hover {
  background: rgba(255,26,46,.1) !important;
  transform: rotate(45deg) !important;
}

#header-setting-button:active {
  transform: rotate(90deg) scale(.92) !important;
}

#header-setting-button svg {
  color: #ff8800 !important;
  filter: drop-shadow(0 0 3px rgba(255,136,0,.4)) !important;
}

/* 历史记录图标 */
.sticky.w-full.top-0 svg.lucide-clock-8 {
  color: #ff1a2e !important;
  filter: drop-shadow(0 0 4px rgba(255,26,46,.4)) !important;
  transition: transform .2s !important;
}

.sticky.w-full.top-0 svg.lucide-clock-8:hover {
  transform: scale(1.15) !important;
}

/* 角标 */
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
  background: #ff1a2e !important;
  box-shadow: 0 0 6px #ff1a2e !important;
  animation: badge-pulse 1.5s ease-in-out infinite !important;
}

@keyframes badge-pulse {
  0%,100% { box-shadow: 0 0 6px #ff1a2e; }
  50% { box-shadow: 0 0 2px #ff1a2e; }
}

/* 移动端设置图标 */
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
  color: #ff8800 !important;
  filter: drop-shadow(0 0 3px rgba(255,136,0,.35)) !important;
}

/* ---- 开场白选择器 ---- */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
  background: #ede0c4 !important;
  border-color: #7a5c3a !important;
  border-radius: 3px !important;
  box-shadow: 1px 1px 4px rgba(90,60,20,.15) !important;
  transition: background .2s, box-shadow .2s, border-color .2s !important;
}

div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
  background: #f5e6c8 !important;
  border-color: #8b1a1a !important;
  box-shadow: 2px 2px 8px rgba(139,26,26,.15) !important;
}

div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"] {
  color: #8b1a1a !important;
  transition: transform .25s !important;
}

div.flex.items-center.h-9.cursor-pointer.group:hover svg[data-icon="SlidersH"] {
  transform: rotate(90deg) !important;
}

div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
  color: #b8860b !important;
  transition: transform .25s !important;
}

div.flex.items-center.h-9.cursor-pointer.group:hover svg[data-icon="ChevronDown"] {
  transform: translateY(2px) !important;
}

/* ---- 按钮栏 ---- */
#ai-mod-button2 button.MuiButton-root {
  background: rgba(139,26,26,.08) !important;
  border: 1px solid rgba(139,26,26,.2) !important;
  border-radius: 3px !important;
  color: #8b1a1a !important;
  font-family: 'Courier New', monospace !important;
  font-size: 12px !important;
  letter-spacing: .04em !important;
  transition: background .2s, border-color .2s, box-shadow .2s, transform .1s !important;
}

#ai-mod-button2 button.MuiButton-root:hover {
  background: rgba(139,26,26,.16) !important;
  border-color: #8b1a1a !important;
  box-shadow: 0 0 6px rgba(139,26,26,.2) !important;
}

#ai-mod-button2 button.MuiButton-root:active {
  transform: scale(.96) !important;
  background: rgba(139,26,26,.24) !important;
}

#ai-mod-button2 button.MuiButton-root svg {
  color: #b8860b !important;
  transition: transform .2s !important;
}

#ai-mod-button2 button.MuiButton-root:hover svg {
  transform: scale(1.1) !important;
}

/* ---- 底部输入栏 ---- */
.bg-gradient-to-t {
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(13,13,13,.95) 40%,
    #0d0d0d 100%
  ) !important;
}

#ai-chat-bottom-input {
  background: #0d0d0d !important;
  border: 2px solid rgba(255,26,46,.3) !important;
  border-radius: 3px !important;
  box-shadow:
    0 0 16px rgba(255,26,46,.12),
    inset 0 0 20px rgba(255,26,46,.03) !important;
  transition: border-color .25s, box-shadow .25s !important;
  position: relative !important;
}

#ai-chat-bottom-input:focus-within {
  border-color: #ff1a2e !important;
  box-shadow:
    0 0 20px rgba(255,26,46,.22),
    inset 0 0 20px rgba(255,26,46,.05) !important;
}

#ai-chat-input {
  background: transparent !important;
  color: #e8c8cc !important;
  font-family: 'Courier New', monospace !important;
  font-size: 14px !important;
  caret-color: #ff1a2e !important;
}

#ai-chat-input::placeholder {
  color: rgba(255,26,46,.35) !important;
  font-style: italic !important;
  letter-spacing: .04em !important;
}

#ai-chat-input::selection {
  background: rgba(255,26,46,.3) !important;
  color: #fff !important;
}

/* ---- 分页栏 ---- */
.MuiPaginationItem-root {
  color: #7a5c3a !important;
  border-color: rgba(122,92,58,.3) !important;
  font-family: 'Courier New', monospace !important;
  font-size: 12px !important;
  transition: background .2s, color .2s, border-color .2s !important;
}

.MuiPaginationItem-root:hover {
  background: rgba(139,26,26,.1) !important;
  color: #8b1a1a !important;
  border-color: rgba(139,26,26,.3) !important;
}

.MuiPaginationItem-root.Mui-selected {
  background: #8b1a1a !important;
  color: #f5e6c8 !important;
  border-color: #8b1a1a !important;
  box-shadow: 0 0 6px rgba(139,26,26,.3) !important;
}

.MuiPaginationItem-root.Mui-disabled {
  color: rgba(122,92,58,.3) !important;
  opacity: .5 !important;
}

.MuiPaginationItem-icon {
  color: #b8860b !important;
}

.MuiStack-root.css-1uwir8f .MuiBox-root {
  color: #7a5c3a !important;
  font-family: 'Courier New', monospace !important;
  font-size: 12px !important;
}

.MuiInputBase-input {
  color: #2c1a0e !important;
  font-family: 'Courier New', monospace !important;
  font-size: 12px !important;
  background: #ede0c4 !important;
  border-radius: 2px !important;
}

/* ---- 评论区 ---- */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
  background: #f5e6c8 !important;
  background-image: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 24px,
    rgba(90,60,20,.05) 24px,
    rgba(90,60,20,.05) 25px
  ) !important;
  border-top: 2px solid #7a5c3a !important;
  box-shadow: 0 -4px 20px rgba(90,60,20,.12) !important;
}

div.text-lg.font-bold {
  color: #8b1a1a !important;
  font-family: 'Courier New', monospace !important;
  letter-spacing: .08em !important;
  border-bottom: 1px solid rgba(139,26,26,.2) !important;
  padding-bottom: 4px !important;
}

p.MuiTypography-body1.text-grey-600 {
  color: #7a5c3a !important;
  font-family: 'Courier New', monospace !important;
  font-size: 12px !important;
}

span.MuiRating-iconEmpty svg {
  color: rgba(184,134,11,.3) !important;
}

span.MuiRating-iconFilled svg {
  color: #b8860b !important;
  filter: drop-shadow(0 0 2px rgba(184,134,11,.4)) !important;
}

span.text-orange-500 {
  color: #b8860b !important;
  font-family: 'Courier New', monospace !important;
}

div.flex.flex-col.border-gray-200 {
  border-color: rgba(122,92,58,.3) !important;
  border-radius: 3px !important;
  background: #ede0c4 !important;
}

textarea.rc-textarea {
  background: transparent !important;
  color: #2c1a0e !important;
  font-family: 'Courier New', monospace !important;
  font-size: 13px !important;
  caret-color: #8b1a1a !important;
}

textarea.rc-textarea::placeholder {
  color: rgba(44,26,14,.35) !important;
  font-style: italic !important;
}

div.bg-gray-100.text-gray-500 {
  background: rgba(184,134,11,.1) !important;
  color: #7a5c3a !important;
  font-family: 'Courier New', monospace !important;
  font-size: 11px !important;
}

div.cursor-pointer.group.flex.items-center.justify-center {
  background: #8b1a1a !important;
  border-radius: 3px !important;
  transition: background .2s, box-shadow .2s, transform .1s !important;
}

div.cursor-pointer.group.flex.items-center.justify-center:hover {
  background: #a02020 !important;
  box-shadow: 0 0 10px rgba(139,26,26,.35) !important;
}

div.cursor-pointer.group.flex.items-center.justify-center:active {
  transform: scale(.94) !important;
  background: #6a1010 !important;
}

div[data-state="closed"] svg[data-icon="Send03"] {
  color: #f5e6c8 !important;
  transition: transform .2s !important;
}

div.cursor-pointer.group.flex.items-center.justify-center:hover svg[data-icon="Send03"] {
  transform: translateX(2px) !important;
}

div.style_divider__mW0YX {
  background: rgba(122,92,58,.2) !important;
}

.MuiStack-root.css-1dmzxoz {
  gap: 6px !important;
}

button.MuiButton-containedPrimary {
  background: #8b1a1a !important;
  color: #f5e6c8 !important;
  font-family: 'Courier New', monospace !important;
  font-size: 12px !important;
  box-shadow: 0 0 6px rgba(139,26,26,.25) !important;
  transition: background .2s, box-shadow .2s !important;
}

button.MuiButton-containedPrimary:hover {
  background: #a02020 !important;
  box-shadow: 0 0 10px rgba(139,26,26,.35) !important;
}

button.MuiButton-outlinedPrimary {
  border-color: rgba(139,26,26,.3) !important;
  color: #8b1a1a !important;
  font-family: 'Courier New', monospace !important;
  font-size: 12px !important;
  background: transparent !important;
  transition: background .2s, border-color .2s !important;
}

button.MuiButton-outlinedPrimary:hover {
  background: rgba(139,26,26,.08) !important;
  border-color: #8b1a1a !important;
}

div.p-3.overflow-y-auto {
  background: transparent !important;
}

div.group.ml-0 {
  border-bottom: 1px dashed rgba(122,92,58,.2) !important;
  padding-bottom: 6px !important;
  transition: background .15s !important;
}

div.group.ml-0:hover {
  background: rgba(184,134,11,.05) !important;
}

div.group img.rounded-full {
  border: 2px solid rgba(139,26,26,.25) !important;
  filter: sepia(15%) !important;
}

div.text-sm.text-grey-600 span.font-bold {
  color: #5c3a1e !important;
  font-family: 'Courier New', monospace !important;
}

span.text-\[10px\] {
  background: rgba(139,26,26,.12) !important;
  color: #8b1a1a !important;
  border: 1px solid rgba(139,26,26,.2) !important;
  border-radius: 2px !important;
  padding: 0 3px !important;
  font-size: 10px !important;
}

div.break-all {
  color: #2c1a0e !important;
  font-family: 'Courier New', monospace !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

div.text-xs.text-grey-600 {
  color: #9a7a5a !important;
  font-family: 'Courier New', monospace !important;
  font-size: 11px !important;
}

button.text-gray-400 {
  color: #9a7a5a !important;
  transition: color .2s, transform .15s !important;
}

button.text-gray-400:hover {
  color: #8b1a1a !important;
}

button.text-gray-400:active {
  transform: scale(.88) !important;
}

button.text-gray-400 svg {
  transition: transform .15s !important;
}

button.text-gray-400:hover svg {
  transform: scale(1.15) !important;
}

span.cursor-pointer {
  color: #8b1a1a !important;
  font-family: 'Courier New', monospace !important;
  font-size: 12px !important;
  transition: color .15s, letter-spacing .15s !important;
}

span.cursor-pointer:hover {
  color: #a02020 !important;
  letter-spacing: .04em !important;
}

div.ml-8.border-l {
  border-left-color: rgba(139,26,26,.2) !important;
  padding-left: 8px !important;
}

/* ---- 移动端适配 ---- */
@media (max-width: @media (max-width: 480px) {
  .bg-gray-100\/90.relative.inline-block {
    font-size: 13px !important;
  }

  .markdown-body {
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  #ai-model-selector .truncate.text-\[13px\] {
    font-size: 11px !important;
    letter-spacing: .03em !important;
  }

  #ai-chat-input {
    font-size: 13px !important;
  }

  div.break-all {
    font-size: 12px !important;
  }

  div.text-lg.font-bold {
    font-size: 14px !important;
  }

  button.MuiButton-containedPrimary,
  button.MuiButton-outlinedPrimary {
    font-size: 11px !important;
    padding: 3px 8px !important;
  }

  .MuiPaginationItem-root {
    font-size: 11px !important;
    min-width: 28px !important;
    height: 28px !important;
  }

  div.cursor-pointer.group.flex.items-center.justify-center {
    min-width: 36px !important;
    min-height: 36px !important;
  }

  .flex.items-center.justify-center.w-6.h-5 {
    width: 40px !important;
    min-height: 24px !important;
  }

  .flex.items-center.justify-center.w-6.h-5::before {
    width: 30px !important;
    height: 14px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='14'%3E%3Ccircle cx='5' cy='7' r='2.5' fill='%238b1a1a'%3E%3Canimate attributeName='opacity' values='1;.2;1' dur='1.2s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='2.5;1.5;2.5' dur='1.2s' begin='0s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='15' cy='7' r='2.5' fill='%238b1a1a'%3E%3Canimate attributeName='opacity' values='1;.2;1' dur='1.2s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='2.5;1.5;2.5' dur='1.2s' begin='0.4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='25' cy='7' r='2.5' fill='%238b1a1a'%3E%3Canimate attributeName='opacity' values='1;.2;1' dur='1.2s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='2.5;1.5;2.5' dur='1.2s' begin='0.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") !important;
  }

  #ai-mod-button2 button.MuiButton-root {
    font-size: 11px !important;
    padding: 4px 8px !important;
  }

  div.group.ml-0 {
    padding-bottom: 8px !important;
  }

  div.group img.rounded-full {
    width: 32px !important;
    height: 32px !important;
  }

  div.ml-8.border-l {
    margin-left: 4px !important;
    padding-left: 6px !important;
  }

  textarea.rc-textarea {
    font-size: 12px !important;
  }
}

@media (max-width: 360px) {
  .sticky.w-full.top-0.flex.items-center::after {
    display: none !important;
  }

  #ai-model-selector .truncate.text-\[13px\] {
    font-size: 10px !important;
    max-width: 80px !important;
  }

  .MuiPaginationItem-root {
    min-width: 24px !important;
    height: 24px !important;
    font-size: 10px !important;
  }

  button.MuiButton-containedPrimary,
  button.MuiButton-outlinedPrimary {
    font-size: 10px !important;
    padding: 2px 6px !important;
  }

  div.text-lg.font-bold {
    font-size: 13px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  @keyframes shimmer {
    0%, 100% { left: -60%; }
  }
  @keyframes topbar-scan {
    0%, 100% { left: -60%; }
  }
  @keyframes scanline {
    0%, 100% { top: 0; opacity: .3; }
  }
  @keyframes blink {
    0%, 100% { opacity: 1; }
  }
  @keyframes badge-pulse {
    0%, 100% { box-shadow: 0 0 6px #ff1a2e; }
  }
  @keyframes threatpulse {
    0%, 100% { opacity: 1; }
  }
}