/* ============ 末世BB小子·赤红终端 ============ */
ai{
  --rd:#ff2a2a; --gl:#ff5544; --ac:#ffaa44; --gn:#88ff44;
  --bg1:#150606; --bg2:#260b0b; --bg3:#380f0f;
  --ln:rgba(255,42,42,.35); --ln2:rgba(255,42,42,.6);
  --mono:'JetBrains Mono','Cascadia Code','Consolas','Sarasa Mono SC',monospace;
  display:block; max-width:760px; margin:8px auto; padding:6px;
  font-family:var(--mono); color:#ffd9d0;
  background:
    radial-gradient(ellipse at top,#3a0e0e 0%,var(--bg1) 70%),
    repeating-linear-gradient(90deg,transparent 0 2px,rgba(255,42,42,.04) 2px 3px);
  border:1px solid var(--ln2);
  border-radius:6px;
  box-shadow:0 0 0 1px #000 inset,0 0 24px rgba(255,42,42,.25),0 0 60px rgba(255,42,42,.15) inset;
  position:relative; overflow:hidden;
  text-shadow:0 0 1px rgba(255,80,60,.5);
}
ai::before{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:1;
  background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.18) 2px 3px);
  mix-blend-mode:multiply;
}
ai::after{
  content:""; position:absolute; left:0;right:0; height:80px; pointer-events:none; z-index:2;
  background:linear-gradient(180deg,transparent,rgba(255,80,60,.08),transparent);
  animation:scan 6s linear infinite;
}
@keyframes scan{0%{top:-80px}100%{top:100%}}

/* ===== 通用 details ===== */
ai details{
  margin:10px 0; border:1px solid var(--ln);
  background:linear-gradient(180deg,var(--bg2),var(--bg1));
  border-radius:4px; position:relative; overflow:hidden;
}
ai details[open]{box-shadow:0 0 0 1px var(--ln) inset,0 0 12px rgba(255,42,42,.2)}
ai summary{
  cursor:pointer; list-style:none; padding:8px 12px 8px 36px;
  font-weight:700; letter-spacing:1px; color:#ffe2dc;
  background:linear-gradient(90deg,rgba(255,42,42,.25),transparent 60%);
  border-bottom:1px dashed var(--ln);
  position:relative; user-select:none;
  transition:.3s;
}
ai summary::-webkit-details-marker{display:none}
ai summary:hover{background:linear-gradient(90deg,rgba(255,42,42,.45),transparent 70%);letter-spacing:2px}

/* ===== 正文 ===== */
ai article{
  display:block; padding:10px 14px; margin:10px 0;
  background:linear-gradient(180deg,rgba(40,8,8,.6),rgba(20,5,5,.6));
  border-left:3px solid var(--rd); border-right:1px solid var(--ln);
  border-radius:3px; line-height:1.85; font-size:15px;
  color:#fde7e0;
  box-shadow:inset 0 0 30px rgba(255,42,42,.08);
}
ai article p{margin:.5em 0}
ai article strong{color:var(--ac);text-shadow:0 0 6px rgba(255,170,68,.6)}
ai article em{color:#ff8888;font-style:italic}

/* ============ ☢ 当前情况 HUD ============ */
ai details.hud summary{padding-left:42px}
ai details.hud summary::before{
  content:"▶"; position:absolute; left:14px; top:50%; transform:translateY(-50%);
  color:var(--rd); transition:.4s; font-size:12px;
  filter:drop-shadow(0 0 4px var(--gl));
}
ai details.hud[open] summary::before{transform:translateY(-50%) rotate(90deg)}
ai details.hud summary::after{
  content:"☢ HUD-01 SYSTEM ACTIVE"; position:absolute; right:12px; top:50%;
  transform:translateY(-50%); font-size:10px; color:var(--ac);
  animation:blink 1.5s infinite;
}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:.3}}

ai hud{
  display:grid; grid-template-columns:auto 1fr; gap:6px 10px;
  padding:10px 14px; font-size:13px; align-items:center;
}
ai hud i{
  display:inline-flex; width:24px; height:24px; align-items:center; justify-content:center;
  background:radial-gradient(circle,var(--rd),#660);
  color:#fff; border-radius:50%; font-style:normal; font-size:13px;
  box-shadow:0 0 8px var(--gl),inset 0 0 4px #000;
}
ai hud i.rad{animation:spin 4s linear infinite,pulse 1.2s ease-in-out infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{50%{box-shadow:0 0 18px var(--rd)}}
ai hud b{color:#ffe5dc; font-weight:500; letter-spacing:.5px}
ai hud rad{
  display:block; position:relative; padding:4px 10px; font-size:12px;
  color:#fff; background:#1a0303; border:1px solid var(--ln2); border-radius:2px;
  overflow:hidden; z-index:0;
}
ai hud rad::before{
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(90deg,#ffaa44,#ff2a2a,#ff00aa);
  width:0; transition:width 1s;
}
ai rad[lv="0"]::before{width:0%} ai rad[lv="1"]::before{width:10%}
ai rad[lv="2"]::before{width:20%} ai rad[lv="3"]::before{width:30%}
ai rad[lv="4"]::before{width:40%} ai rad[lv="5"]::before{width:50%}
ai rad[lv="6"]::before{width:60%} ai rad[lv="7"]::before{width:70%}
ai rad[lv="8"]::before{width:80%} ai rad[lv="9"]::before{width:90%}
ai rad[lv="10"]::before{width:100%}

/* ============ 🧬 Pip-Boy 主屏 ============ */
ai details.pip{
  border:2px solid var(--rd);
  background:
    radial-gradient(ellipse at center,#2a0808 0%,#0a0202 100%),
    repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,42,42,.05) 3px 4px);
  box-shadow:0 0 20px rgba(255,42,42,.4),inset 0 0 40px rgba(255,42,42,.15);
}
ai details.pip summary{
  background:linear-gradient(90deg,#4a0e0e,#1a0303);
  padding-left:42px; color:var(--ac); text-transform:uppercase;
}
ai details.pip summary::before{
  content:"⏻"; position:absolute; left:12px; top:50%; transform:translateY(-50%);
  width:22px;height:22px;line-height:20px;text-align:center;
  border:1px solid var(--ac); border-radius:50%; color:var(--ac);
  font-size:14px; box-shadow:0 0 8px var(--ac); transition:.4s;
}
ai details.pip[open] summary::before{
  background:var(--ac); color:#000;
  animation:pulse 2s infinite;
}
ai details.pip[open] pip{animation:bootup .8s ease-out}
@keyframes bootup{
  0%{filter:brightness(0) contrast(2);opacity:0}
  30%{filter:brightness(3) contrast(1.5);opacity:.5}
  100%{filter:none;opacity:1}
}

ai pip{display:block;padding:12px 14px;font-size:13px}
ai pip head{display:block;border-bottom:1px dashed var(--ln);padding-bottom:8px;margin-bottom:10px;position:relative}
ai pip head::after{
  content:""; position:absolute; bottom:-1px; left:0; width:30%; height:2px;
  background:linear-gradient(90deg,var(--rd),transparent);
}
ai pip n{display:inline-block;font-size:20px;font-weight:900;color:var(--ac);
  text-shadow:0 0 10px var(--ac); letter-spacing:2px;}
ai pip tag{
  display:inline-block; margin-left:8px; padding:2px 8px;
  background:var(--rd); color:#000; font-size:11px; font-weight:700;
  border-radius:2px; vertical-align:middle;
  box-shadow:0 0 8px var(--gl);
}
ai pip meta{display:block;margin-top:4px;font-size:12px;color:#ff9988}

ai pip sec{
  display:block; margin:10px 0; padding:8px 10px 6px;
  background:rgba(255,42,42,.04); border-left:2px solid var(--rd);
  border-radius:2px; position:relative;
}
ai pip sec::before{
  content:"▎"attr(t); display:block; font-size:11px; font-weight:700;
  color:var(--ac); letter-spacing:3px; margin-bottom:6px;
  text-transform:uppercase; text-shadow:0 0 6px var(--ac);
}
ai pip sec p{margin:0;line-height:1.7;color:#ffdcd2}

/* ===== 数值条核心 ===== */
ai bar{
  display:grid; grid-template-columns:110px 1fr auto; align-items:center;
  gap:8px; margin:5px 0; padding:0 8px; height:22px;
  background:#0a0202; border:1px solid var(--ln);
  border-radius:2px; position:relative; overflow:hidden;
  font-size:11px; transition:.3s;
}
ai bar i{font-style:normal;color:#ffe5dc;z-index:2;position:relative;font-size:11px;letter-spacing:1px}
ai bar v{z-index:2;position:relative;color:#fff;font-weight:700;font-size:11px;
  text-shadow:0 0 4px #000;letter-spacing:.5px;}
ai bar::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:0;
  background:linear-gradient(90deg,var(--gn),var(--ac),var(--rd));
  transition:width .8s cubic-bezier(.2,.8,.3,1);
  box-shadow:0 0 12px currentColor;
}
ai bar::after{
  content:""; position:absolute; left:0; top:0; bottom:0; width:30px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);
  animation:sweep 2.5s linear infinite;
}
@keyframes sweep{0%{transform:translateX(-30px)}100%{transform:translateX(760px)}}
ai bar:hover{border-color:var(--ac);box-shadow:0 0 10px var(--ac)}
ai bar:hover::after{animation-duration:1s}

/* lv 宽度映射 */
ai bar[lv="0"]::before{width:2%} ai bar[lv="1"]::before{width:10%}
ai bar[lv="2"]::before{width:20%} ai bar[lv="3"]::before{width:30%}
ai bar[lv="4"]::before{width:40%} ai bar[lv="5"]::before{width:50%}
ai bar[lv="6"]::before{width:60%} ai bar[lv="7"]::before{width:70%}
ai bar[lv="8"]::before{width:80%} ai bar[lv="9"]::before{width:90%}
ai bar[lv="10"]::before{width:100%}

/* 不同 k 配色 */
ai bar[k="hp"]::before{background:linear-gradient(90deg,#ff2222,#ff5544,#ff8866)}
ai bar[k="mp"]::before{background:linear-gradient(90deg,#aa44ff,#dd66ff,#ff88dd)}
ai bar[k="food"]::before{background:linear-gradient(90deg,#88aa00,#ddaa44,#ff8844)}
ai bar[k="water"]::before{background:linear-gradient(90deg,#0088cc,#22ccdd,#88eeff)}
ai bar[k="rad"]::before{background:linear-gradient(90deg,#88ff44,#ddff44,#ff8844,#ff0000)}
ai bar[k="virus"]::before{background:linear-gradient(90deg,#440044,#aa00aa,#ff00aa)}
ai bar[k^="r"]::before{background:linear-gradient(90deg,#660000,var(--rd),var(--ac))}
ai bar[k="love"]::before{background:linear-gradient(90deg,#ff66aa,#ff3388,#ff0066)}
ai bar[k="obey"]::before{background:linear-gradient(90deg,#aa3333,#ff5544,#ffaa44)}
ai bar[k="hate"]::before{background:linear-gradient(90deg,#660000,#ff0000,#ffaa00)}
ai bar[k="own"]::before{background:linear-gradient(90deg,#440000,#aa0044,#ff0088)}

/* 危险低血警报 */
ai bar[k="hp"][lv="0"],ai bar[k="hp"][lv="1"],ai bar[k="hp"][lv="2"],ai bar[k="hp"][lv="3"],
ai bar[k="mp"][lv="0"],ai bar[k="mp"][lv="1"],ai bar[k="mp"][lv="2"],
ai bar[k="food"][lv="0"],ai bar[k="food"][lv="1"],ai bar[k="food"][lv="2"],
ai bar[k="water"][lv="0"],ai bar[k="water"][lv="1"],ai bar[k="water"][lv="2"]
{animation:warn 1s ease-in-out infinite}
ai bar[k="rad"][lv="8"],ai bar[k="rad"][lv="9"],ai bar[k="rad"][lv="10"],
ai bar[k="virus"][lv="7"],ai bar[k="virus"][lv="8"],ai bar[k="virus"][lv="9"],ai bar[k="virus"][lv="10"]
{animation:warn .6s ease-in-out infinite;border-color:var(--rd)}
@keyframes warn{50%{box-shadow:0 0 14px var(--rd),inset 0 0 12px rgba(255,0,0,.4)}}

/* 装备 */
ai pip sec.gear{display:block}
ai eq{
  display:grid; grid-template-columns:28px 1fr auto; gap:8px; align-items:center;
  margin:4px 0; padding:5px 8px; font-size:12px;
  background:rgba(0,0,0,.3); border:1px solid rgba(255,42,42,.2);
  border-radius:2px; transition:.25s;
}
ai eq:hover{transform:translateX(4px);border-color:var(--ac);box-shadow:-3px 0 0 var(--ac)}
ai eq i{
  font-style:normal; width:24px;height:24px;line-height:22px;text-align:center;
  background:var(--rd); color:#000; font-weight:900; border-radius:2px;
  box-shadow:0 0 6px var(--gl);
}
ai eq dura{
  display:inline-block; padding:2px 6px; font-size:11px; min-width:42px; text-align:center;
  background:#1a0303; border:1px solid var(--ln); border-radius:2px; position:relative;
  color:#fff; z-index:0; overflow:hidden;
}
ai eq dura::before{
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(90deg,var(--rd),var(--ac),var(--gn));
}
ai dura[lv="0"]::before{width:5%} ai dura[lv="1"]::before{width:15%}
ai dura[lv="2"]::before{width:25%} ai dura[lv="3"]::before{width:35%}
ai dura[lv="4"]::before{width:45%} ai dura[lv="5"]::before{width:55%}
ai dura[lv="6"]::before{width:65%} ai dura[lv="7"]::before{width:75%}
ai dura[lv="8"]::before{width:85%} ai dura[lv="9"]::before{width:92%}
ai dura[lv="10"]::before{width:100%}
ai eq note{grid-column:2/-1;font-size:10px;color:#ff9988;font-style:italic}

/* 物资背包 */
ai pip sec.bag{display:flex;flex-wrap:wrap;gap:5px;padding-top:24px}
ai it{
  display:inline-block; padding:3px 8px; font-size:11px;
  background:linear-gradient(180deg,#3a0808,#1a0303);
  border:1px solid var(--ln); border-radius:2px; color:#ffd9d0;
  transition:.25s; cursor:default;
}
ai it:hover{
  background:linear-gradient(180deg,var(--rd),#660);
  color:#000; font-weight:700; transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(255,42,42,.5);
}

/* 货币 */
ai pip sec.coin{display:flex;gap:10px}
ai c{
  display:inline-block; padding:5px 12px; font-size:13px; font-weight:700;
  background:linear-gradient(135deg,#ffaa44,#cc6600);
  color:#1a0303; border-radius:2px;
  box-shadow:0 0 10px rgba(255,170,68,.5),inset 0 -2px 0 rgba(0,0,0,.3);
  letter-spacing:1px;
}

/* ============ 👥 NPC 机密档案 ============ */
ai details.dossier{
  background:
    repeating-linear-gradient(45deg,#1a0303 0 10px,#240606 10px 20px);
  border:1px solid #aa3333;
}
ai details.dossier summary{
  background:linear-gradient(90deg,#660000,#220000);
  padding-left:42px;
  border-bottom:2px double var(--rd);
}
ai details.dossier summary::before{
  content:"🔒"; position:absolute; left:12px; top:50%; transform:translateY(-50%);
  font-size:16px; transition:.5s;
}
ai details.dossier[open] summary::before{content:"🔓";transform:translateY(-50%) rotate(15deg)}

ai dos{display:block;padding:14px;position:relative;font-size:13px}
ai stamp{
  position:absolute; top:8px; right:10px;
  padding:6px 14px; font-size:13px; font-weight:900; letter-spacing:3px;
  color:var(--rd); border:3px double var(--rd);
  transform:rotate(-12deg); opacity:.85;
  text-shadow:0 0 4px var(--rd);
  box-shadow:0 0 0 1px rgba(255,42,42,.3) inset;
  animation:stampdrop .6s cubic-bezier(.5,1.6,.5,1);
  pointer-events:none;
}
@keyframes stampdrop{
  0%{transform:rotate(-90deg) scale(3);opacity:0}
  60%{transform:rotate(-5deg) scale(1.3);opacity:1}
  100%{transform:rotate(-12deg) scale(1);opacity:.85}
}
ai dos head{display:block;margin-bottom:10px;padding-bottom:6px;border-bottom:1px dashed #aa3333}
ai dos n{font-size:18px;color:var(--ac);font-weight:900;letter-spacing:2px}
ai dos meta{display:block;font-size:11px;color:#ff9988;margin-top:2px}

ai dos row{
  display:grid; grid-template-columns:60px 1fr; gap:10px;
  padding:4px 0; border-bottom:1px dotted rgba(255,42,42,.15);
  align-items:start; transition:.2s;
}
ai dos row:hover{background:rgba(255,42,42,.06);padding-left:6px}
ai dos row k{
  font-size:11px; color:var(--rd); font-weight:700; letter-spacing:2px;
  padding-top:1px;
}
ai dos row k::before{content:"›";margin-right:3px;color:var(--ac)}
ai dos row v{color:#ffe2dc;line-height:1.6}
ai dos row v.st{color:var(--ac);font-weight:700}
ai dos row v.think{color:#ffaaaa;font-style:italic;
  background:linear-gradient(90deg,rgba(255,42,42,.1),transparent);
  padding:4px 8px; border-left:2px solid var(--rd);}

ai dos sec{display:block;margin:8px 0;padding:6px 8px;background:rgba(0,0,0,.3);border-radius:2px}
ai dos sec::before{
  content:"▎"attr(t); display:block; font-size:11px; color:var(--ac);
  font-weight:700; letter-spacing:2px; margin-bottom:4px;
}
ai dos sec li{margin:3px 0;list-style:none;padding-left:12px;position:relative;font-size:12px}
ai dos sec li::before{content:"▸";position:absolute;left:0;color:var(--rd)}
ai dos sec li b{color:var(--ac)}

/* ============ 📋 任务终端 ============ */
ai details.quest{background:#0a0202;border:1px solid #00ff66;border-color:var(--rd)}
ai details.quest summary{
  background:#1a0303; font-family:var(--mono);
  padding-left:42px; color:var(--gn);
}
ai details.quest summary::before{
  content:">_"; position:absolute; left:12px; top:50%; transform:translateY(-50%);
  color:var(--gn); font-weight:900;
  animation:blink 1s steps(1) infinite;
}
ai details.quest[open] qst{animation:typein .5s ease-out}
@keyframes typein{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}

ai qst{display:block;padding:10px 14px;font-size:13px}
ai line{
  display:block; margin:8px 0; padding:8px 10px 8px 70px;
  background:rgba(255,42,42,.04); border-left:3px solid var(--rd);
  position:relative; transition:.3s;
}
ai line:hover{background:rgba(255,42,42,.1);padding-left:80px}
ai line::before{
  content:attr(t); position:absolute; left:6px; top:50%; transform:translateY(-50%);
  width:58px; padding:3px 0; text-align:center; font-size:9px; font-weight:900;
  letter-spacing:1px; color:#000; background:var(--rd); border-radius:2px;
  box-shadow:0 0 6px var(--gl);
}
ai line[t*="SIDE"]::before{background:var(--ac);box-shadow:0 0 6px var(--ac)}
ai line[t*="STANDBY"]::before{background:#888;color:#222;box-shadow:none;opacity:.7}
ai line[t="DONE"]::before{background:#444;color:#888;box-shadow:none}
ai line[t="DONE"]{opacity:.5;text-decoration:line-through}
ai line[t="MAIN"]{border-left-width:5px}
ai line[t="MAIN"]::after{
  content:"█"; color:var(--gn); margin-left:4px;
  animation:blink .8s steps(1) infinite;
}
ai line h{display:block;font-size:14px;font-weight:900;color:var(--ac);
  letter-spacing:1px;margin-bottom:4px;text-shadow:0 0 6px rgba(255,170,68,.4)}
ai line step{display:block;font-size:12px;color:#ffd9d0;line-height:1.6;padding-left:14px;position:relative}
ai line step::before{content:"›";position:absolute;left:0;color:var(--rd)}

/* ============ 📡 情报雷达 ============ */
ai details.intel{
  background:radial-gradient(circle at 80% 20%,#3a0808 0%,#0a0202 60%);
  border:1px solid var(--rd);
}
ai details.intel summary{
  padding-left:42px;
  background:linear-gradient(90deg,#440000,transparent);
}
ai details.intel summary::before{
  content:"📡"; position:absolute; left:10px; top:50%; transform:translateY(-50%);
  font-size:16px;
}
ai details.intel summary::after{
  content:""; position:absolute; right:14px; top:50%; width:8px; height:8px;
  border-radius:50%; background:var(--gn); transform:translateY(-50%);
  box-shadow:0 0 0 0 var(--gn); animation:radar 2s infinite;
}
@keyframes radar{
  0%{box-shadow:0 0 0 0 rgba(136,255,68,.6)}
  100%{box-shadow:0 0 0 14px rgba(136,255,68,0)}
}

ai itl{display:block;padding:12px 14px;font-size:13px;position:relative}
ai thr{
  display:block; margin-bottom:10px; padding:6px 10px; font-size:12px;
  color:var(--ac); font-weight:700; letter-spacing:1px;
  background:#1a0303; border:1px solid var(--ln); border-radius:2px;
  position:relative; overflow:hidden;
}
ai thr::before{
  content:""; position:absolute; inset:0; z-index:0;
  background:linear-gradient(90deg,#88ff44,#ffaa44,#ff2a2a);
}
ai thr[lv="0"]::before{width:5%} ai thr[lv="1"]::before{width:15%}
ai thr[lv="2"]::before{width:25%} ai thr[lv="3"]::before{width:35%}
ai thr[lv="4"]::before{width:45%} ai thr[lv="5"]::before{width:55%}
ai thr[lv="6"]::before{width:65%} ai thr[lv="7"]::before{width:75%}
ai thr[lv="8"]::before{width:85%} ai thr[lv="9"]::before{width:92%}
ai thr[lv="10"]::before{width:100%}
ai thr{position:relative}
ai thr::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:-1}

ai itl sec{display:block;margin:8px 0;padding:6px 10px;background:rgba(0,0,0,.4);
  border-left:2px solid var(--rd);border-radius:2px;}
ai itl sec::before{content:"◤ "attr(t);display:block;color:var(--ac);font-size:11px;
  font-weight:700;letter-spacing:2px;margin-bottom:4px}

ai wn{
  display:grid; grid-template-columns:60px 1fr auto; gap:8px; align-items:center;
  padding:4px 6px; margin:3px 0; font-size:12px;
  background:rgba(255,42,42,.05); border-radius:2px; transition:.25s;
}
ai wn:hover{background:rgba(255,42,42,.18);transform:translateX(4px)}
ai wn dir{color:var(--ac);font-weight:700;text-align:center;
  border:1px solid var(--ac);border-radius:2px;padding:1px 0;font-size:11px}
ai wn tx{color:#ffe2dc;line-height:1.5}
ai wn lv{font-size:11px;color:var(--rd);font-weight:700;white-space:nowrap}

ai fac{
  display:block; padding:5px 8px 5px 16px; margin:3px 0; font-size:12px;
  background:rgba(0,0,0,.3); border-radius:2px; position:relative;
  transition:.25s; line-height:1.6;
}
ai fac::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}
ai fac[f="1"]::before{background:#44aaff}
ai fac[f="2"]::before{background:var(--rd)}
ai fac[f="3"]::before{background:#aaaa44}
ai fac[f="4"]::before{background:var(--ac)}
ai fac:hover{background:rgba(255,42,42,.12);padding-left:22px}

ai rm{
  display:block; padding:5px 8px; margin:3px 0; font-size:12px;
  font-style:italic; color:#ffaaaa;
  background:repeating-linear-gradient(45deg,rgba(255,42,42,.04) 0 4px,transparent 4px 8px);
  border:1px dashed rgba(255,42,42,.3); border-radius:2px;
}

ai itl sec.cd{display:flex;gap:10px}
ai cd{
  flex:1; padding:8px; text-align:center; font-size:11px; color:#ff9988;
  background:linear-gradient(180deg,#1a0303,#0a0202);
  border:1px solid var(--ln); border-radius:2px;
}
ai cd num{display:block;font-size:24px;font-weight:900;color:var(--rd);
  text-shadow:0 0 10px var(--rd);font-family:var(--mono);
  animation:pulse 1.5s ease-in-out infinite;}

/* ============ 🧠 记忆磁带 ============ */
ai details.mem{
  background:linear-gradient(180deg,#0a0202,#1a0303);
  border:1px solid var(--rd);
}
ai details.mem summary{padding-left:42px;background:linear-gradient(90deg,#330000,transparent)}
ai details.mem summary::before{
  content:"⏵"; position:absolute; left:14px; top:50%; transform:translateY(-50%);
  width:18px;height:18px;line-height:16px;text-align:center;
  border:1px solid var(--rd);border-radius:50%;
  font-size:10px;color:var(--rd);transition:.3s;
}
ai details.mem[open] summary::before{
  content:"⏸"; background:var(--rd); color:#000;
  box-shadow:0 0 10px var(--gl);
}

ai mm{display:block;padding:10px 12px;font-size:12px;overflow-x:auto}
ai tape{
  display:block; margin:10px 0 6px; padding:6px 14px 6px 50px;
  font-size:12px; font-weight:900; letter-spacing:3px; color:var(--ac);
  background:linear-gradient(90deg,#330000,#1a0303 60%,transparent);
  border:1px solid var(--ln); border-radius:2px; position:relative;
  text-transform:uppercase;
}
ai tape::before,ai tape::after{
  content:""; position:absolute; top:50%; transform:translateY(-50%);
  width:14px; height:14px; border-radius:50%;
  background:radial-gradient(circle,#000 30%,var(--rd) 32% 60%,#000 62%);
  animation:spin 3s linear infinite;
  box-shadow:0 0 6px var(--gl);
}
ai tape::before{left:14px}
ai tape::after{left:32px}
ai tape[t="KEY"]::before,ai tape[t="KEY"]::after{
  background:radial-gradient(circle,#000 30%,var(--ac) 32% 60%,#000 62%);
}

ai mm table{
  width:100%; border-collapse:collapse; font-size:11px; margin:6px 0;
  font-family:var(--mono); background:#0a0202;
}
ai mm th{
  background:linear-gradient(180deg,#440000,#220000);
  color:var(--ac); padding:6px 4px; font-size:10px; letter-spacing:1px;
  border:1px solid var(--ln); text-align:center;
}
ai mm td{
  padding:5px; border:1px solid rgba(255,42,42,.15); color:#ffd9d0;
  vertical-align:top; line-height:1.5;
}
ai mm tr:nth-child(even) td{background:rgba(255,42,42,.04)}
ai mm tbody tr{transition:.25s;position:relative}
ai mm tbody tr:hover td{background:rgba(255,42,42,.15);color:#fff;
  text-shadow:0 0 4px rgba(255,80,60,.6)}
ai mm tbody tr:hover td:first-child{box-shadow:inset 4px 0 0 var(--rd)}

/* ============ 🎯 行动按钮 ============ */
ai details.act{
  background:linear-gradient(180deg,#1a0303,#0a0202);
  border:1px solid var(--ac);
}
ai details.act summary{
  padding-left:42px;
  background:linear-gradient(90deg,#664400,#220000);
  color:var(--ac); letter-spacing:2px;
}
ai details.act summary::before{
  content:"⚡"; position:absolute; left:14px; top:50%; transform:translateY(-50%);
  font-size:16px; animation:flash 1.5s ease-in-out infinite;
}
@keyframes flash{
  0%,100%{filter:drop-shadow(0 0 2px var(--ac))}
  50%{filter:drop-shadow(0 0 12px var(--ac)) brightness(1.5)}
}

ai acts{display:block;padding:10px 12px}
ai op{
  display:grid; grid-template-columns:36px 1fr; gap:10px; align-items:center;
  margin:6px 0; padding:8px 12px 8px 8px; font-size:13px;
  background:linear-gradient(90deg,rgba(255,42,42,.08),rgba(0,0,0,.4));
  border:1px solid var(--ln); border-left:4px solid var(--rd);
  border-radius:2px; position:relative; overflow:hidden;
  cursor:pointer; transition:.3s; color:#ffe2dc;
  animation:slidein .5s backwards;
}
ai op[n="1"]{animation-delay:.05s;border-left-color:#88ff44}
ai op[n="2"]{animation-delay:.15s;border-left-color:#ff66aa}
ai op[n="3"]{animation-delay:.25s;border-left-color:var(--ac)}
ai op[n="4"]{animation-delay:.35s;border-left-color:#44aaff}
ai op[n="5"]{animation-delay:.45s;border-left-color:#aa00ff}
@keyframes slidein{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}

ai op::before{
  content:attr(n); display:flex; align-items:center; justify-content:center;
  width:32px; height:32px; font-size:18px; font-weight:900;
  background:linear-gradient(135deg,var(--rd),#660);
  color:#fff; border-radius:2px;
  box-shadow:0 0 8px var(--gl),inset 0 -2px 0 rgba(0,0,0,.3);
  text-shadow:0 0 4px #000;
  transition:.3s;
}
ai op[t="safe"]::before{background:linear-gradient(135deg,#88ff44,#448822)}
ai op[t="bond"]::before{background:linear-gradient(135deg,#ff66aa,#aa3366)}
ai op[t="risk"]::before{background:linear-gradient(135deg,#ffaa44,#aa6600)}
ai op[t="plot"]::before{background:linear-gradient(135deg,#44aaff,#226699)}
ai op[t="dark"]::before{background:linear-gradient(135deg,#aa00ff,#440066);color:#ff66ff}

ai op::after{
  content:""; position:absolute; left:-100%; top:0; bottom:0; width:60%;
  background:linear-gradient(90deg,transparent,rgba(255,170,68,.3),transparent);
  transition:.5s;
}
ai op:hover{
  transform:translateX(6px) scale(1.01);
  background:linear-gradient(90deg,rgba(255,42,42,.25),rgba(0,0,0,.3));
  box-shadow:0 4px 16px rgba(255,42,42,.4),0 0 0 1px var(--ac);
  color:#fff;
  letter-spacing:.5px;
}
ai op:hover::before{transform:rotate(-8deg) scale(1.1)}
ai op:hover::after{left:100%}

/* ============ markdown 兜底 ============ */
ai strong{color:var(--ac)}
ai em{color:#ff8888}
ai hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--rd),transparent);margin:12px 0}
ai code{background:rgba(255,42,42,.15);color:var(--ac);padding:1px 6px;border-radius:2px;font-size:90%}

/* 移动端 */
@media(max-width:520px){
  ai{font-size:13px;padding:4px}
  ai bar{grid-template-columns:90px 1fr auto;font-size:10px}
  ai pip n{font-size:16px}
  ai cd num{font-size:18px}
  ai stamp{font-size:10px;padding:4px 8px}
  ai mm{font-size:10px}
  ai mm th,ai mm td{padding:3px 2px}
}
/* ========== 全局变量主题 (容器作用域) ========== */
.bg-gray-100\/90.relative.inline-block,
.sticky.w-full.top-0.flex.items-center,
#ai-chat-bottom-input,
.MuiPaginationItem-root,
div[class*="w-full"][class*="bg-white"][class*="bottom-0"]{
  --rd:#ff2a2a !important;
  --gl:#ff5544 !important;
  --ac:#ffaa44 !important;
  --gn:#88ff44 !important;
  --bg1:#150606 !important;
  --bg2:#260b0b !important;
  --ln:rgba(255,42,42,.4) !important;
  --mono:'JetBrains Mono','Cascadia Code','Sarasa Mono SC',monospace !important;
}

/* ===================================================== */
/* 一、聊天框 (输入 + 输出统一)                           */
/* ===================================================== */
.bg-gray-100\/90.relative.inline-block{
  background:
    radial-gradient(ellipse at top,#3a0e0e 0%,#150606 70%) !important,
    repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,42,42,.05) 2px 3px) !important;
  border:1px solid rgba(255,42,42,.5) !important;
  border-radius:6px !important;
  box-shadow:
    0 0 0 1px #000 inset,
    0 0 20px rgba(255,42,42,.25),
    0 0 40px rgba(255,42,42,.12) inset !important;
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
}
.bg-gray-100\/90.relative.inline-block::before{
  content:"" !important;
  position:absolute !important; inset:0 !important;
  background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.18) 2px 3px) !important;
  pointer-events:none !important;
  z-index:0 !important;
  mix-blend-mode:multiply !important;
}
.bg-gray-100\/90.relative.inline-block::after{
  content:"" !important;
  position:absolute !important; left:0 !important; right:0 !important;
  height:60px !important;
  background:linear-gradient(180deg,transparent,rgba(255,80,60,.1),transparent) !important;
  pointer-events:none !important;
  z-index:0 !important;
  animation:chatScan 6s linear infinite !important;
}
@keyframes chatScan{0%{top:-60px}100%{top:100%}}

/* 输入框 (与输出区分:左上角加 USER INPUT 标签) */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90){
  background:
    radial-gradient(ellipse at top,#4a1010 0%,#1a0606 70%) !important,
    repeating-linear-gradient(90deg,transparent 0 2px,rgba(255,170,68,.06) 2px 3px) !important;
  border:1px dashed rgba(255,170,68,.5) !important;
}
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90)::before{
  background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.2) 2px 3px) !important;
}

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

/* 主文本 */
.markdown-body{
  color:#ffe2dc !important;
  background:transparent !important;
  position:relative !important;
  z-index:1 !important;
  font-family:var(--mono),'Microsoft YaHei',sans-serif !important;
  text-shadow:0 0 1px rgba(255,80,60,.4) !important;
  letter-spacing:.3px !important;
}
.markdown-body strong{color:#ffaa44 !important;font-weight:bold !important}
.markdown-body em{color:#ff8888 !important}
.markdown-body a{color:#ffaa44 !important;border-bottom:1px dashed #ffaa44 !important}
.markdown-body hr{
  border:none !important; height:1px !important;
  background:linear-gradient(90deg,transparent,#ff2a2a,transparent) !important;
}
.markdown-body code{
  background:rgba(255,42,42,.15) !important;
  color:#ffaa44 !important;
  border:1px solid rgba(255,42,42,.3) !important;
  border-radius:2px !important;
}

/* 底部按钮 (复制/编辑/删除等) */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary{
  color:#ffaa44 !important;
  background:linear-gradient(180deg,#3a0808,#1a0303) !important;
  border:1px solid rgba(255,42,42,.4) !important;
  border-radius:2px !important;
  font-family:var(--mono),sans-serif !important;
  font-size:11px !important;
  letter-spacing:1px !important;
  padding:2px 8px !important;
  margin:0 2px !important;
  transition:.25s !important;
  box-shadow:0 0 6px rgba(255,42,42,.2) !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover{
  background:linear-gradient(180deg,#ff2a2a,#660000) !important;
  color:#000 !important;
  font-weight:700 !important;
  box-shadow:0 0 14px #ff5544 !important;
  transform:translateY(-1px) !important;
}

/* 模型名称 */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2{
  color:#ff9988 !important;
  font-family:var(--mono),sans-serif !important;
  font-size:10px !important;
  letter-spacing:1px !important;
  text-transform:uppercase !important;
}
.MuiTypography-root.MuiTypography-body2.css-6c0gf2::before{
  content:"⏵ MODEL: " !important;
  color:#ffaa44 !important;
}

/* Token 消耗 */
.text-orange-500{
  color:#ffaa44 !important;
  font-family:var(--mono),sans-serif !important;
  font-size:10px !important;
  text-shadow:0 0 4px rgba(255,170,68,.5) !important;
}

/* 自定义加载动画 (隐藏默认) */
.style_dot-flashing__8L91Q.style_text__zGhNq{display:none !important}
.flex.items-center.justify-center.w-6.h-5{
  position:relative !important;
  width:80px !important;
  height:24px !important;
  overflow:visible !important;
}
.flex.items-center.justify-center.w-6.h-5::before{
  content:"" !important;
  position:absolute !important;
  top:50% !important; left:50% !important;
  width:60px !important; height:20px !important;
  transform:translate(-50%,-50%) !important;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 20'><circle cx='10' cy='10' r='4' fill='%23ff2a2a'><animate attributeName='opacity' values='0.2;1;0.2' dur='1s' repeatCount='indefinite' begin='0s'/><animate attributeName='r' values='3;5;3' dur='1s' repeatCount='indefinite' begin='0s'/></circle><circle cx='30' cy='10' r='4' fill='%23ffaa44'><animate attributeName='opacity' values='0.2;1;0.2' dur='1s' repeatCount='indefinite' begin='0.33s'/><animate attributeName='r' values='3;5;3' dur='1s' repeatCount='indefinite' begin='0.33s'/></circle><circle cx='50' cy='10' r='4' fill='%23ff5544'><animate attributeName='opacity' values='0.2;1;0.2' dur='1s' repeatCount='indefinite' begin='0.66s'/><animate attributeName='r' values='3;5;3' dur='1s' repeatCount='indefinite' begin='0.66s'/></circle></svg>") center/contain no-repeat !important;
  filter:drop-shadow(0 0 4px #ff5544) !important;
}
.flex.items-center.justify-center.w-6.h-5::after{
  content:"SIGNAL..." !important;
  position:absolute !important;
  bottom:-12px !important; left:50% !important;
  transform:translateX(-50%) !important;
  font-size:8px !important;
  color:#ffaa44 !important;
  letter-spacing:2px !important;
  font-family:var(--mono),sans-serif !important;
  animation:loadBlink 1s steps(1) infinite !important;
}
@keyframes loadBlink{50%{opacity:.3}}


/* ===================================================== */
/* 二、顶部栏                                              */
/* ===================================================== */
.sticky.w-full.top-0.flex.items-center{
  background:linear-gradient(180deg,#2a0808,#150606) !important;
  border-bottom:2px solid #ff2a2a !important;
  box-shadow:0 4px 14px rgba(255,42,42,.3),inset 0 -1px 0 rgba(255,170,68,.4) !important;
  backdrop-filter:blur(8px) !important;
  position:sticky !important;
}
.sticky.w-full.top-0.flex.items-center::before{
  content:"" !important;
  position:absolute !important;
  left:0; right:0; bottom:0;
  height:1px !important;
  background:linear-gradient(90deg,transparent,#ff2a2a 20%,#ffaa44 50%,#ff2a2a 80%,transparent) !important;
  animation:topFlow 3s linear infinite !important;
}
@keyframes topFlow{
  0%{filter:hue-rotate(0deg)}
  100%{filter:hue-rotate(20deg)}
}

/* 模型选择器 */
#ai-model-selector .group.flex.items-center{
  background:linear-gradient(180deg,#3a0808,#1a0303) !important;
  border:1px solid rgba(255,42,42,.5) !important;
  border-radius:3px !important;
  padding:4px 10px !important;
  box-shadow:0 0 10px rgba(255,42,42,.25),inset 0 0 8px rgba(255,42,42,.15) !important;
  transition:.3s !important;
}
#ai-model-selector .group.flex.items-center:hover{
  border-color:#ffaa44 !important;
  box-shadow:0 0 14px #ffaa44 !important;
}
#ai-model-selector .truncate.text-\[13px\]{
  color:#ffaa44 !important;
  font-family:var(--mono),sans-serif !important;
  font-weight:700 !important;
  letter-spacing:1px !important;
  text-shadow:0 0 6px rgba(255,170,68,.6) !important;
  text-transform:uppercase !important;
}
#ai-model-selector .shrink-0.flex.items-center svg{
  color:#ff2a2a !important;
  filter:drop-shadow(0 0 3px #ff5544) !important;
}

/* 顶部图标统一 */
.sticky.w-full.top-0 svg.lucide-clock-8,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]),
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2,
#header-setting-button svg{
  color:#ffaa44 !important;
  filter:drop-shadow(0 0 4px #ff5544) !important;
  transition:.3s !important;
}
.sticky.w-full.top-0 svg.lucide-clock-8:hover,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]):hover,
#header-setting-button:hover svg{
  color:#ff2a2a !important;
  transform:rotate(20deg) scale(1.15) !important;
  filter:drop-shadow(0 0 8px #ff2a2a) !important;
}

/* 历史记录红点 */
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden{
  background:#ff2a2a !important;
  box-shadow:0 0 0 0 rgba(255,42,42,.7) !important;
  animation:dotPulse 1.4s infinite !important;
}
@keyframes dotPulse{
  0%{box-shadow:0 0 0 0 rgba(255,42,42,.7)}
  100%{box-shadow:0 0 0 8px rgba(255,42,42,0)}
}

/* 设置按钮 */
#header-setting-button{
  background:rgba(255,42,42,.12) !important;
  border:1px solid rgba(255,42,42,.4) !important;
  border-radius:50% !important;
  transition:.4s !important;
}
#header-setting-button:hover{
  background:rgba(255,42,42,.3) !important;
  border-color:#ffaa44 !important;
  box-shadow:0 0 12px #ff2a2a !important;
}


/* ===================================================== */
/* 三、开场白选择器                                        */
/* ===================================================== */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]{
  background:linear-gradient(90deg,#3a0808,#1a0303) !important;
  border:1px solid rgba(255,42,42,.5) !important;
  border-radius:3px !important;
  box-shadow:0 0 10px rgba(255,42,42,.2),inset 0 0 6px rgba(0,0,0,.5) !important;
  color:#ffaa44 !important;
  font-family:var(--mono),sans-serif !important;
  letter-spacing:1px !important;
  transition:.3s !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover{
  border-color:#ffaa44 !important;
  box-shadow:0 0 16px #ffaa44 !important;
  transform:translateY(-1px) !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"]{
  color:#ff2a2a !important;
  filter:drop-shadow(0 0 4px #ff5544) !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"]{
  color:#ffaa44 !important;
  transition:.3s !important;
}
div.flex.items-center.h-9.cursor-pointer.group:hover svg[data-icon="ChevronDown"]{
  transform:rotate(180deg) !important;
}


/* ===================================================== */
/* 四、按钮栏                                              */
/* ===================================================== */
#ai-mod-button2{
  background:linear-gradient(180deg,transparent,rgba(255,42,42,.06)) !important;
}
#ai-mod-button2 button.MuiButton-root{
  background:linear-gradient(180deg,#3a0808,#1a0303) !important;
  border:1px solid rgba(255,42,42,.4) !important;
  border-radius:2px !important;
  color:#ffaa44 !important;
  font-family:var(--mono),sans-serif !important;
  font-size:12px !important;
  letter-spacing:1px !important;
  text-transform:uppercase !important;
  font-weight:700 !important;
  box-shadow:0 0 6px rgba(255,42,42,.2),inset 0 -2px 0 rgba(0,0,0,.3) !important;
  transition:.3s !important;
  position:relative !important;
  overflow:hidden !important;
}
#ai-mod-button2 button.MuiButton-root::before{
  content:"" !important;
  position:absolute !important;
  left:-100% !important; top:0 !important; bottom:0 !important;
  width:60% !important;
  background:linear-gradient(90deg,transparent,rgba(255,170,68,.4),transparent) !important;
  transition:.5s !important;
}
#ai-mod-button2 button.MuiButton-root:hover{
  background:linear-gradient(180deg,#ff2a2a,#660000) !important;
  color:#000 !important;
  border-color:#ffaa44 !important;
  box-shadow:0 0 14px #ff5544,0 4px 0 rgba(0,0,0,.4) !important;
  transform:translateY(-2px) !important;
}
#ai-mod-button2 button.MuiButton-root:hover::before{left:100% !important}
#ai-mod-button2 button.MuiButton-root svg{
  color:inherit !important;
  filter:drop-shadow(0 0 3px currentColor) !important;
}


/* ===================================================== */
/* 五、底部输入栏                                          */
/* ===================================================== */
.bg-gradient-to-t{
  background:linear-gradient(180deg,transparent,rgba(20,5,5,.85) 40%,#150606) !important;
}
#ai-chat-bottom-input{
  background:linear-gradient(180deg,#2a0808,#150606) !important;
  border:1px solid rgba(255,42,42,.5) !important;
  border-radius:4px !important;
  box-shadow:
    0 0 16px rgba(255,42,42,.3),
    inset 0 0 12px rgba(255,42,42,.12),
    inset 0 1px 0 rgba(255,170,68,.3) !important;
  position:relative !important;
}
#ai-chat-bottom-input::before{
  content:"⏵" !important;
  position:absolute !important;
  left:8px !important; top:50% !important;
  transform:translateY(-50%) !important;
  color:#ffaa44 !important;
  font-family:var(--mono),sans-serif !important;
  font-weight:900 !important;
  font-size:14px !important;
  text-shadow:0 0 6px #ffaa44 !important;
  animation:loadBlink 1s steps(1) infinite !important;
  z-index:5 !important;
  pointer-events:none !important;
}
#ai-chat-input{
  background:transparent !important;
  color:#ffe2dc !important;
  font-family:var(--mono),'Microsoft YaHei',sans-serif !important;
  letter-spacing:.5px !important;
  caret-color:#ff2a2a !important;
  padding-left:24px !important;
  text-shadow:0 0 1px rgba(255,80,60,.5) !important;
}
#ai-chat-input::placeholder{
  color:rgba(255,170,68,.4) !important;
  font-style:italic !important;
  letter-spacing:1px !important;
}
#ai-chat-input::selection{
  background:#ff2a2a !important;
  color:#000 !important;
}


/* ===================================================== */
/* 六、分页栏                                              */
/* ===================================================== */
.MuiPaginationItem-root{
  background:linear-gradient(180deg,#2a0808,#150606) !important;
  border:1px solid rgba(255,42,42,.4) !important;
  color:#ffaa44 !important;
  font-family:var(--mono),sans-serif !important;
  font-weight:700 !important;
  border-radius:2px !important;
  transition:.25s !important;
  box-shadow:0 0 4px rgba(255,42,42,.2) !important;
}
.MuiPaginationItem-root:hover{
  background:linear-gradient(180deg,#ff2a2a,#660000) !important;
  color:#000 !important;
  border-color:#ffaa44 !important;
  box-shadow:0 0 12px #ff5544 !important;
}
.MuiPaginationItem-root.Mui-selected{
  background:linear-gradient(180deg,#ffaa44,#cc6600) !important;
  color:#1a0303 !important;
  border-color:#ffaa44 !important;
  box-shadow:0 0 14px #ffaa44,inset 0 -2px 0 rgba(0,0,0,.3) !important;
  font-weight:900 !important;
}
.MuiPaginationItem-root.Mui-disabled{
  background:#0a0202 !important;
  color:#553333 !important;
  border-color:rgba(85,51,51,.4) !important;
  opacity:.5 !important;
}
.MuiPaginationItem-icon{
  color:inherit !important;
  filter:drop-shadow(0 0 3px currentColor) !important;
}
.MuiStack-root.css-1uwir8f .MuiBox-root{
  color:#ffaa44 !important;
  font-family:var(--mono),sans-serif !important;
  font-size:12px !important;
  letter-spacing:1px !important;
}
.MuiInputBase-input{
  background:#1a0303 !important;
  color:#ffe2dc !important;
  border:1px solid rgba(255,42,42,.4) !important;
  border-radius:2px !important;
  font-family:var(--mono),sans-serif !important;
  text-align:center !important;
}


/* ===================================================== */
/* 七、评论区                                              */
/* ===================================================== */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"]{
  background:
    radial-gradient(ellipse at top,#2a0808 0%,#0a0202 70%) !important,
    repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,42,42,.04) 2px 3px) !important;
  border-top:2px solid #ff2a2a !important;
  box-shadow:inset 0 4px 20px rgba(255,42,42,.2) !important;
}

/* 顶部标题 */
div.text-lg.font-bold{
  color:#ffaa44 !important;
  font-family:var(--mono),sans-serif !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  text-shadow:0 0 10px #ffaa44 !important;
  border-left:4px solid #ff2a2a !important;
  padding-left:10px !important;
}

/* 个人评分文字 */
p.MuiTypography-body1.text-grey-600{
  color:#ff9988 !important;
  font-family:var(--mono),sans-serif !important;
  font-size:12px !important;
  letter-spacing:1px !important;
}

/* 评分星星 */
span.MuiRating-iconEmpty svg{
  color:rgba(255,170,68,.25) !important;
  filter:drop-shadow(0 0 2px rgba(255,170,68,.3)) !important;
  transition:.3s !important;
}
span.MuiRating-iconFilled svg{
  color:#ff2a2a !important;
  filter:drop-shadow(0 0 6px #ff5544) !important;
  transition:.3s !important;
}
span.MuiRating-root:hover svg{transform:scale(1.15) rotate(-8deg) !important}
span.text-orange-500{
  color:#ffaa44 !important;
  font-family:var(--mono),sans-serif !important;
  font-weight:900 !important;
  font-size:14px !important;
  text-shadow:0 0 8px #ffaa44 !important;
}

/* 输入框 */
div.flex.flex-col.border-gray-200{
  background:linear-gradient(180deg,#1a0303,#0a0202) !important;
  border:1px solid rgba(255,42,42,.5) !important;
  border-radius:3px !important;
  box-shadow:0 0 12px rgba(255,42,42,.2),inset 0 0 8px rgba(0,0,0,.5) !important;
}
textarea.rc-textarea{
  background:transparent !important;
  color:#ffe2dc !important;
  font-family:var(--mono),'Microsoft YaHei',sans-serif !important;
  caret-color:#ff2a2a !important;
}
textarea.rc-textarea::placeholder{
  color:rgba(255,170,68,.4) !important;
  font-style:italic !important;
}
div.bg-gray-100.text-gray-500{
  background:rgba(255,42,42,.15) !important;
  color:#ffaa44 !important;
  font-family:var(--mono),sans-serif !important;
  font-size:10px !important;
  border:1px solid rgba(255,42,42,.3) !important;
  border-radius:2px !important;
}

/* 发送按钮 */
div.cursor-pointer.group.flex.items-center.justify-center{
  background:linear-gradient(135deg,#ff2a2a,#660000) !important;
  border:1px solid #ffaa44 !important;
  border-radius:3px !important;
  box-shadow:0 0 10px #ff5544,inset 0 -2px 0 rgba(0,0,0,.3) !important;
  transition:.3s !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover{
  background:linear-gradient(135deg,#ffaa44,#cc6600) !important;
  box-shadow:0 0 18px #ffaa44 !important;
  transform:translateY(-2px) scale(1.05) !important;
}
div[data-state="closed"] svg[data-icon="Send03"]{
  color:#fff !important;
  filter:drop-shadow(0 0 4px #000) !important;
}

/* 分隔线 */
div.style_divider__mW0YX{
  background:linear-gradient(90deg,transparent,#ff2a2a,transparent) !important;
  height:1px !important;
  border:none !important;
}

/* 排序按钮 */
button.MuiButton-containedPrimary,
button.MuiButton-outlinedPrimary{
  font-family:var(--mono),sans-serif !important;
  letter-spacing:1px !important;
  border-radius:2px !important;
  text-transform:uppercase !important;
  transition:.25s !important;
}
button.MuiButton-outlinedPrimary{
  background:linear-gradient(180deg,#2a0808,#150606) !important;
  border:1px solid rgba(255,42,42,.5) !important;
  color:#ff9988 !important;
}
button.MuiButton-outlinedPrimary:hover{
  background:linear-gradient(180deg,#3a0808,#1a0303) !important;
  color:#ffaa44 !important;
  border-color:#ffaa44 !important;
}
button.MuiButton-containedPrimary{
  background:linear-gradient(180deg,#ff2a2a,#660000) !important;
  border:1px solid #ffaa44 !important;
  color:#fff !important;
  font-weight:900 !important;
  box-shadow:0 0 12px #ff5544,inset 0 -2px 0 rgba(0,0,0,.3) !important;
}

/* 评论项 */
div.group.ml-0{
  background:linear-gradient(90deg,rgba(255,42,42,.06),transparent) !important;
  border-left:2px solid rgba(255,42,42,.4) !important;
  border-radius:2px !important;
  margin:6px 0 !important;
  padding:6px 8px !important;
  transition:.3s !important;
}
div.group.ml-0:hover{
  background:linear-gradient(90deg,rgba(255,42,42,.18),transparent) !important;
  border-left-color:#ffaa44 !important;
  border-left-width:4px !important;
  box-shadow:0 0 10px rgba(255,42,42,.25) !important;
}

div.group img.rounded-full{
  border:2px solid #ff2a2a !important;
  box-shadow:0 0 8px #ff5544 !important;
  filter:contrast(1.1) saturate(1.2) !important;
  transition:.3s !important;
}
div.group:hover img.rounded-full{
  border-color:#ffaa44 !important;
  box-shadow:0 0 14px #ffaa44 !important;
  transform:scale(1.08) rotate(-3deg) !important;
}

div.text-sm.text-grey-600 span.font-bold{
  color:#ffaa44 !important;
  font-family:var(--mono),sans-serif !important;
  letter-spacing:1px !important;
  text-shadow:0 0 4px rgba(255,170,68,.5) !important;
}
span.text-\[10px\]{
  background:#ff2a2a !important;
  color:#000 !important;
  padding:1px 5px !important;
  border-radius:2px !important;
  font-weight:900 !important;
  letter-spacing:1px !important;
  box-shadow:0 0 6px #ff5544 !important;
}
div.break-all{
  color:#ffe2dc !important;
  line-height:1.7 !important;
  font-family:var(--mono),'Microsoft YaHei',sans-serif !important;
}
div.text-xs.text-grey-600{
  color:#ff9988 !important;
  font-family:var(--mono),sans-serif !important;
  font-size:10px !important;
  letter-spacing:1px !important;
}
div.text-xs.text-grey-600::before{
  content:"⏱ " !important;
  color:#ffaa44 !important;
}

/* 点赞按钮 */
button.text-gray-400{
  color:#ff9988 !important;
  transition:.3s !important;
}
button.text-gray-400:hover{
  color:#ff2a2a !important;
  transform:scale(1.2) !important;
}
button.text-gray-400:hover svg{
  filter:drop-shadow(0 0 6px #ff2a2a) !important;
}

/* 回复 */
span.cursor-pointer{
  color:#ffaa44 !important;
  font-family:var(--mono),sans-serif !important;
  font-size:11px !important;
  letter-spacing:1px !important;
  transition:.25s !important;
}
span.cursor-pointer:hover{
  color:#ff2a2a !important;
  text-shadow:0 0 6px #ff2a2a !important;
}
span.cursor-pointer::before{content:"↪ " !important}

/* 回复区域边框 */
div.ml-8.border-l{
  border-left:1px dashed rgba(255,42,42,.5) !important;
  background:linear-gradient(90deg,rgba(255,42,42,.04),transparent) !important;
}

/* 移动端 */
@media(max-width:520px){
  .bg-gray-100\/90.relative.inline-block{box-shadow:0 0 12px rgba(255,42,42,.2) !important}
  div.text-lg.font-bold{font-size:15px !important;letter-spacing:1px !important}
}