css
ai{
  display:block;
  position:relative;
  max-width:780px;
  margin:8px auto;
  padding:14px 12px 18px;
  font-family:"HarmonyOS Sans SC","PingFang SC",system-ui,sans-serif;
  font-size:15px;
  line-height:1.75;
  color:#d4c9b8;
  background:
    radial-gradient(ellipse at 20% 0%,rgba(217,74,31,.08),transparent 50%),
    radial-gradient(ellipse at 80% 100%,rgba(168,214,0,.06),transparent 55%),
    linear-gradient(180deg,#161210 0%,#0f0d0a 100%);
  border:1px solid #3a2a1c;
  border-radius:6px;
  box-shadow:0 0 0 1px #0a0806 inset,0 8px 30px rgba(0,0,0,.6);
  overflow:hidden;
}
ai, ai *{color:#d4c9b8}
ai p, ai span, ai div, ai li, ai h1, ai h2, ai h3, ai h4, ai h5, ai h6,
ai strong, ai b, ai em, ai i, ai u, ai code, ai pre, ai blockquote{
  color:#d4c9b8;
}
ai strong, ai b{color:#f5c518;font-weight:700;text-shadow:0 0 4px rgba(245,197,24,.3)}
ai em, ai i{color:#4fd0e0;font-style:italic}
ai code{
  padding:1px 6px;
  font:600 12px/1.4 "JetBrains Mono",monospace;
  color:#a8d600;
  background:rgba(10,8,6,.6);
  border:1px solid #3a2a1c;
  border-radius:2px;
}
ai a{color:#e8b76d;text-decoration:underline dotted #a8d600}
/* 恢复我特意设色的自定义标签（避免被上面通配符压过去） */
ai t{color:#a8d600 !important}
ai q{color:#a89886 !important}
ai m{color:#a8d600 !important}
ai m:first-of-type{color:#4fd0e0 !important}
ai hd u:nth-child(4){color:#4fd0e0 !important}
ai hd u:nth-child(5){color:#ff5a7a !important}
ai hd u{color:#e8dcc8 !important}
ai details>summary{color:#e8dcc8 !important}
ai details[open]>summary:hover,ai details>summary:hover{color:#f5c518 !important}
ai d f{color:#0f0d0a !important}
ai d[lv="low"] f{color:#fff !important}
ai d[lv="mid"] f{color:#0f0d0a !important}
ai d[lv="high"] f{color:#0f0d0a !important}
ai w f{color:#fff !important}
ai w[lv="elite"] f{color:#0f0d0a !important}
ai w[lv="boss"] f{color:#fff !important}
ai article p:first-of-type::first-letter{color:#f5c518 !important}
ai::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 2px,transparent 2px 4px),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='280' height='280' viewBox='0 0 100 100'><g fill='none' stroke='%23d94a1f' stroke-width='.4' opacity='.08'><circle cx='50' cy='50' r='8'/><path d='M50 42 L58 56 L42 56 Z'/><path d='M50 58 L42 44 L58 44 Z' transform='rotate(120 50 50)'/><path d='M50 58 L42 44 L58 44 Z' transform='rotate(240 50 50)'/></g></svg>") center/280px no-repeat;
  mix-blend-mode:screen;
}
ai::after{
  content:"WASTELAND · SYS.OS v6.66 · ENCRYPTED";
  position:absolute;top:6px;right:12px;z-index:2;
  font:600 9px/1 "JetBrains Mono",monospace;
  letter-spacing:.15em;color:#a8d600;opacity:.55;
}
ai>*{position:relative;z-index:1}
/* ========== 顶部战术条 ========== */
ai hd{
  display:flex;flex-wrap:wrap;gap:2px;
  margin-bottom:12px;padding:8px 10px 8px;
  background:
    linear-gradient(90deg,#1a1410,#241a12,#1a1410);
  border:1px solid #4a2f1d;
  border-left:3px solid #d94a1f;
  border-right:3px solid #d94a1f;
  border-radius:3px;
  position:relative;overflow:hidden;
}
ai hd::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:repeating-linear-gradient(90deg,#f5c518 0 8px,#0a0806 8px 16px);
}
ai hd::after{
  content:"";position:absolute;bottom:0;left:0;right:0;height:2px;
  background:repeating-linear-gradient(90deg,#0a0806 0 8px,#f5c518 8px 16px);
}
ai hd u{
  flex:1 1 auto;min-width:110px;
  padding:4px 10px;
  font:600 12px/1.4 "JetBrains Mono",monospace;
  color:#e8dcc8;text-decoration:none;
  border-right:1px dashed #4a2f1d;
  letter-spacing:.03em;
  white-space:nowrap;
}
ai hd u:last-child{border-right:none}
ai hd u:nth-child(4){color:#4fd0e0}
ai hd u:nth-child(5){color:#ff5a7a}
/* ========== 正文 · 作战记录 ========== */
ai article{
  display:block;
  margin:0 0 14px;
  padding:14px 14px 8px;
  background:
    linear-gradient(180deg,rgba(30,22,16,.85),rgba(20,15,11,.85)),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'><rect width='4' height='4' fill='%23000' opacity='0'/><circle cx='1' cy='1' r='.3' fill='%23a8d600' opacity='.06'/></svg>");
  border:1px solid #3a2a1c;
  border-left:none;border-right:none;
  position:relative;
}
ai article::before{
  content:"◤ FIELD LOG ◥";
  position:absolute;top:-1px;left:12px;
  padding:2px 10px;font:700 10px/1 "JetBrains Mono",monospace;
  letter-spacing:.2em;color:#0f0d0a;
  background:linear-gradient(90deg,#a8d600,#f5c518);
  border-radius:0 0 4px 4px;
}
ai article::after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,#d94a1f,#a8d600,#4fd0e0);
  opacity:.7;
}
ai article p{
  margin:0 0 10px;padding:0 0 0 14px;
  text-indent:2em;
  position:relative;
  text-shadow:0 1px 0 rgba(0,0,0,.6);
}
ai article p::before{
  content:"";position:absolute;left:0;top:.6em;bottom:.4em;width:2px;
  background:repeating-linear-gradient(180deg,#4a2f1d 0 3px,transparent 3px 6px);
}
ai article p:first-of-type::first-letter{
  float:left;margin:2px 8px 0 0;padding:2px 8px;
  font:900 32px/1 "JetBrains Mono",monospace;
  color:#f5c518;
  background:linear-gradient(135deg,#3a2416,#1a1410);
  border:1px solid #a8d600;
  text-shadow:0 0 10px rgba(168,214,0,.5);
  text-indent:0;
}
/* ========== 折叠面板 ========== */
ai details{
  display:block;margin:0 0 8px;
  background:linear-gradient(180deg,#211b15,#1a1510);
  border:1px solid #3a2a1c;
  border-radius:4px;
  position:relative;
  overflow:hidden;
}
ai details::before,ai details::after{
  content:"";position:absolute;width:10px;height:10px;pointer-events:none;
  border-color:#d94a1f;border-style:solid;border-width:0;
}
ai details::before{top:2px;left:2px;border-top-width:1px;border-left-width:1px}
ai details::after{bottom:2px;right:2px;border-bottom-width:1px;border-right-width:1px}
ai details>summary{
  list-style:none;cursor:pointer;
  padding:9px 14px 9px 30px;
  font:700 14px/1.3 system-ui;
  color:#e8dcc8;letter-spacing:.05em;
  background:linear-gradient(90deg,#2a1f16 0%,#1f1811 60%,transparent 100%);
  border-bottom:1px solid transparent;
  position:relative;
  transition:.25s;
}
ai details>summary::-webkit-details-marker{display:none}
ai details>summary::before{
  content:"[+]";
  position:absolute;left:10px;top:50%;transform:translateY(-50%);
  font:800 11px/1 "JetBrains Mono",monospace;
  color:#a8d600;
  text-shadow:0 0 6px rgba(168,214,0,.6);
  transition:.3s;
}
ai details[open]>summary::before{content:"[▼]";color:#d94a1f;text-shadow:0 0 6px rgba(217,74,31,.6)}
ai details[open]>summary{
  border-bottom:1px solid #4a2f1d;
  background:linear-gradient(90deg,#3a2416 0%,#241a12 60%,transparent 100%);
}
ai details>summary:hover{color:#f5c518}
ai details[open]>d,ai details[open]>t,ai details[open]>n,ai details[open]>w,ai details[open]>m,ai details[open]>q{
  animation:slidein .35s ease-out both;
}
@keyframes slidein{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* ========== 数据行 ========== */
ai d{
  display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;
  padding:5px 14px;
  font-size:13px;
  border-bottom:1px dashed rgba(74,47,29,.5);
  position:relative;
  overflow:hidden;
}
ai d:last-child{border-bottom:none}
ai d::after{
  content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(168,214,0,.08),transparent);
  transition:.6s;pointer-events:none;
}
ai d:hover::after{left:100%}
ai d:hover{background:rgba(217,74,31,.06)}
ai d f{
  display:inline-block;min-width:56px;
  padding:1px 8px;
  font:600 11px/1.5 "JetBrains Mono",monospace;
  color:#0f0d0a;
  background:linear-gradient(135deg,#e8b76d,#c8944a);
  border-radius:2px;
  letter-spacing:.05em;
  box-shadow:0 1px 0 #3a2416,inset 0 -1px 0 rgba(0,0,0,.2);
  font-style:normal;
}
/* 状态梯度：lv属性驱动 */
ai d[lv="low"] f{background:linear-gradient(135deg,#ff2d55,#a01530);color:#fff}
ai d[lv="mid"] f{background:linear-gradient(135deg,#f5c518,#c89610);color:#0f0d0a}
ai d[lv="high"] f{background:linear-gradient(135deg,#a8d600,#5c8a00);color:#0f0d0a}
/* ========== 二级标题 ========== */
ai t{
  display:block;margin:8px 8px 4px;padding:5px 12px;
  font:800 11px/1.4 "JetBrains Mono",monospace;
  color:#a8d600;letter-spacing:.15em;
  background:linear-gradient(90deg,rgba(168,214,0,.12),transparent);
  border-left:3px solid #a8d600;
  text-shadow:0 0 4px rgba(168,214,0,.4);
}
/* ========== NPC 档案卡 ========== */
ai n{
  display:block;margin:10px 8px;padding:8px 0;
  background:
    linear-gradient(180deg,rgba(58,36,22,.4),rgba(26,20,15,.4));
  border:1px solid #4a2f1d;
  border-radius:3px;
  position:relative;
  box-shadow:0 2px 0 #0a0806,inset 0 0 30px rgba(0,0,0,.3);
}
ai n::before{
  content:"CLASSIFIED · DOSSIER";
  position:absolute;top:-8px;left:14px;
  padding:1px 8px;font:700 9px/1.4 "JetBrains Mono",monospace;
  letter-spacing:.2em;color:#0f0d0a;
  background:#e8b76d;border-radius:2px;
}
ai n[sex="female"]{border-color:#c8547a;box-shadow:0 2px 0 #0a0806,inset 0 0 30px rgba(200,84,122,.08)}
ai n[sex="female"]::before{content:"♀ SUBJECT · FEMALE";background:linear-gradient(90deg,#ff5a7a,#c8547a);color:#fff}
ai n[sex="male"]{border-color:#4fd0e0;box-shadow:0 2px 0 #0a0806,inset 0 0 30px rgba(79,208,224,.08)}
ai n[sex="male"]::before{content:"♂ SUBJECT · MALE";background:linear-gradient(90deg,#4fd0e0,#2f8898);color:#0f0d0a}
ai n::after{
  content:"";position:absolute;right:8px;top:8px;width:24px;height:24px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8b76d' stroke-width='1'><circle cx='12' cy='8' r='4'/><path d='M4 22c0-5 4-8 8-8s8 3 8 8'/><circle cx='12' cy='12' r='11' stroke-dasharray='2 2'/></svg>") center/contain no-repeat;
  opacity:.5;
}
/* ========== 威胁警报 ========== */
ai w{
  display:flex;gap:10px;align-items:center;
  margin:6px 8px;padding:6px 12px;
  font-size:13px;
  background:linear-gradient(90deg,rgba(217,74,31,.2),rgba(217,74,31,.05));
  border:1px solid #d94a1f;
  border-left:4px solid #d94a1f;
  border-radius:2px;
  animation:pulse-red 2s ease-in-out infinite;
}
ai w[lv="elite"]{
  border-color:#f5c518;border-left-color:#f5c518;
  background:linear-gradient(90deg,rgba(245,197,24,.2),rgba(245,197,24,.05));
  animation:pulse-yellow 1.8s ease-in-out infinite;
}
ai w[lv="boss"]{
  border-color:#ff2d55;border-left-color:#ff2d55;
  background:linear-gradient(90deg,rgba(255,45,85,.25),rgba(255,45,85,.05));
  animation:pulse-boss 1s ease-in-out infinite;
}
ai w f{background:linear-gradient(135deg,#d94a1f,#8a2810);color:#fff}
ai w[lv="elite"] f{background:linear-gradient(135deg,#f5c518,#c89610);color:#0f0d0a}
ai w[lv="boss"] f{background:linear-gradient(135deg,#ff2d55,#8a1030);color:#fff}
@keyframes pulse-red{0%,100%{box-shadow:0 0 0 0 rgba(217,74,31,.4)}50%{box-shadow:0 0 12px 2px rgba(217,74,31,.6)}}
@keyframes pulse-yellow{0%,100%{box-shadow:0 0 0 0 rgba(245,197,24,.4)}50%{box-shadow:0 0 14px 2px rgba(245,197,24,.7)}}
@keyframes pulse-boss{0%,100%{box-shadow:0 0 0 0 rgba(255,45,85,.5)}50%{box-shadow:0 0 18px 3px rgba(255,45,85,.9)}}
/* ========== 系统引述/描述 ========== */
ai q{
  display:block;margin:4px 8px 8px;padding:6px 12px 6px 26px;
  font:italic 12px/1.6 system-ui;
  color:#a89886;
  background:linear-gradient(90deg,rgba(79,208,224,.05),transparent);
  border-left:2px solid #4fd0e0;
  border-radius:0 3px 3px 0;
  position:relative;
  quotes:none;
}
ai q::before{
  content:">_";
  position:absolute;left:8px;top:6px;
  font:700 11px/1.4 "JetBrains Mono",monospace;
  color:#4fd0e0;
}
/* ========== 记忆/日志 ========== */
ai m{
  display:block;margin:0 8px;padding:5px 12px 5px 24px;
  font:12px/1.5 "JetBrains Mono","Courier New",monospace;
  color:#a8d600;
  background:rgba(10,8,6,.5);
  border-bottom:1px dashed rgba(74,47,29,.5);
  position:relative;
  text-shadow:0 0 4px rgba(168,214,0,.3);
}
ai m:first-of-type{
  color:#4fd0e0;font-weight:700;
  background:linear-gradient(90deg,rgba(79,208,224,.08),transparent);
}
ai m::before{
  content:"▸";position:absolute;left:10px;top:5px;
  color:#d94a1f;
  animation:blink 1.4s steps(2) infinite;
}
@keyframes blink{50%{opacity:.2}}
/* ========== 移动端优化 ========== */
@media (max-width:520px){
  ai{padding:10px 8px 14px;font-size:14px}
  ai hd{padding:6px 8px}
  ai hd u{min-width:90px;padding:3px 6px;font-size:11px}
  ai article{padding:12px 10px 6px}
  ai article p{padding-left:10px}
  ai article p:first-of-type::first-letter{font-size:26px;padding:2px 6px}
  ai details>summary{padding:8px 10px 8px 28px;font-size:13px}
  ai d{padding:5px 10px;font-size:12px}
  ai d f{min-width:48px;font-size:10px;padding:1px 6px}
  ai t{font-size:10px;margin:6px 6px 3px;padding:4px 10px}
  ai n{margin:8px 4px}
  ai w{margin:5px 4px;padding:5px 10px;font-size:12px}
  ai q{font-size:11px;margin:3px 4px 6px;padding:5px 10px 5px 24px}
  ai m{font-size:11px;margin:0 4px;padding:4px 10px 4px 22px}
}