aot {
  display: block;
  font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
  background: linear-gradient(135deg, #f5f1e8 0%, #e8e4d9 100%);
  border: 3px solid #8b7355;
  border-radius: 8px;
  padding: 20px;
  margin: 15px 0;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15), inset 0 0 30px rgba(139,115,85,0.05);
  position: relative;
  line-height: 1.7;
  color: #2c2416;
}
aot::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 6px;
  background: repeating-linear-gradient(90deg, #8b7355 0px, #8b7355 20px, transparent 20px, transparent 40px);
}
aot::after {
  content: '⚔ SURVEY CORPS CLASSIFIED DOCUMENT ⚔';
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #f5f1e8;
  padding: 0 15px;
  font-size: 11px;
  font-weight: bold;
  color: #8b7355;
  letter-spacing: 2px;
  white-space: nowrap;
}
aot details {
  background: #fdfcf9;
  border: 2px solid #c4b5a0;
  border-radius: 6px;
  margin: 12px 0;
  padding: 0;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}
aot details:hover {
  box-shadow: 0 4px 12px rgba(139,115,85,0.2);
  border-color: #8b7355;
}
aot details[open] {
  background: #fffef9;
  border-color: #8b7355;
}
aot summary {
  cursor: pointer;
  padding: 14px 18px;
  font-weight: bold;
  font-size: 15px;
  color: #4a3c2a;
  background: linear-gradient(to right, #e8dcc8 0%, #f5f1e8 100%);
  border-bottom: 2px solid transparent;
  transition: all 0.3s ease;
  user-select: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
aot details[open] > summary {
  border-bottom-color: #c4b5a0;
  background: linear-gradient(to right, #d4c4a8 0%, #e8dcc8 100%);
  color: #2c2416;
}
aot summary:hover {
  background: linear-gradient(to right, #d4c4a8 0%, #e8dcc8 100%);
}
aot summary::marker {
  content: '▸ ';
  font-size: 14px;
  color: #8b7355;
}
aot details[open] > summary::marker {
  content: '▾ ';
}
.aot-content {
  padding: 16px 18px;
  line-height: 1.8;
  color: #3a3025;
}
row {
  display: block;
  margin: 8px 0;
  padding: 6px 0;
  border-bottom: 1px dashed #e0d5c5;
}
row:last-child {
  border-bottom: none;
}
row b {
  color: #6b5940;
  font-weight: 600;
}
l {
  display: block;
  margin: 6px 0 6px 20px;
  padding-left: 15px;
  border-left: 3px solid #c4b5a0;
  color: #4a3c2a;
}
.mt-2 {
  margin-top: 16px !important;
}
.divider {
  height: 2px;
  background: linear-gradient(to right, transparent 0%, #c4b5a0 20%, #c4b5a0 80%, transparent 100%);
  margin: 16px 0;
  position: relative;
  clear: both;
}
.divider::after {
  content: '⚔';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fdfcf9;
  padding: 0 10px;
  color: #8b7355;
  font-size: 14px;
}
.sub-title {
  font-size: 14px;
  font-weight: bold;
  color: #6b5940;
  margin: 14px 0 10px 0;
  padding: 8px 12px;
  background: linear-gradient(to right, #e8dcc8 0%, transparent 100%);
  border-left: 4px solid #8b7355;
}
.text-body {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E"),
    linear-gradient(180deg, #fffef9 0%, #faf6ee 30%, #f5f0e4 70%, #faf6ee 100%) !important;
  padding: 24px 22px !important;
  border: 1px solid #d4c4a8;
  border-radius: 6px;
  font-size: 15px;
  line-height: 2.05;
  color: #2c2416;
  min-height: 100px;
  position: relative;
  box-shadow: inset 0 0 40px rgba(139,115,85,0.04), 0 2px 8px rgba(139,115,85,0.08);
}
.text-body::before {
  content: '';
  position: absolute;
  top: 12px;
  left: 12px;
  right: 12px;
  bottom: 12px;
  border: 1px solid rgba(196,181,160,0.25);
  border-radius: 3px;
  pointer-events: none;
}
.text-body::after {
  content: '';
  position: absolute;
  top: 0;
  left: 40px;
  bottom: 0;
  width: 1px;
  background: repeating-linear-gradient(
    to bottom,
    transparent 0px,
    transparent 4px,
    rgba(180,160,130,0.12) 4px,
    rgba(180,160,130,0.12) 8px
  );
  pointer-events: none;
}
.text-body p {
  margin: 14px 0;
  text-indent: 2em;
  color: #2c2416;
  position: relative;
}
.text-body p:first-child {
  margin-top: 0;
}
.text-body p:last-child {
  margin-bottom: 0;
}
.avatar {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border: 3px solid #8b7355;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  background: linear-gradient(135deg, #d4c4a8 0%, #e8dcc8 100%);
}
.avatar img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
  transition: transform 0.4s ease;
}
.avatar:hover img {
  transform: scale(1.05);
}
.avatar-label {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #6b5940;
  padding: 4px 0;
  background: rgba(232, 220, 200, 0.92);
  border-top: 2px solid #8b7355;
  letter-spacing: 1px;
}
.player-avatar {
  width: 160px;
  height: 240px;
  float: left;
  margin: 0 20px 15px 0;
  border-color: #6b5940;
  box-shadow: 0 4px 12px rgba(107,89,64,0.3), inset 0 0 0 1px rgba(255,255,255,0.3);
}
.player-avatar::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  height: 4px;
  background: linear-gradient(to right, #8b7355, #d4a574, #8b7355);
  z-index: 2;
  border-radius: 6px 6px 0 0;
}
.player-avatar .avatar-label {
  background: rgba(107, 89, 64, 0.9);
  color: #f5f1e8;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.npc-avatar {
  width: 150px;
  height: 220px;
  float: left;
  margin: 0 15px 10px 0;
  border-color: #a08060;
}
.npc-avatar::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 4px;
  z-index: 1;
  pointer-events: none;
}
.npc-avatar .avatar-label {
  background: rgba(139, 115, 85, 0.88);
  color: #f5ebe0;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.npc-avatar-small {
  width: 60px;
  height: 80px;
  flex-shrink: 0;
  border-width: 2px;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}
aot .avatar,
aot .player-avatar,
aot .npc-avatar,
aot .npc-avatar-small,
aot .dlg-avatar {
  overflow: hidden;
  position: relative;
  font-size: 0;
  line-height: 0;
}
aot .player-avatar img,
aot .npc-avatar img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
  display: block;
}
aot .npc-avatar-small img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  border-radius: 2px;
  display: block;
}
aot .dlg-avatar img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}
aot .avatar-label {
  z-index: 3;
  line-height: 1.4;
}

/* ==================== 立绘CG系统 - <pic>标签基础 ==================== */
aot pic {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: transform 0.4s ease, filter 0.4s ease;
}
/* 三场景裁切焦点 */
aot .dlg-avatar pic.p1 {
  background-position: center 12%;
  border-radius: 50%;
}
aot .npc-avatar-small pic.p2 {
  background-position: center 15%;
  border-radius: 2px;
}
aot .npc-avatar pic.p3 {
  background-position: center 16%;
}
/* hover微动效 */
aot .dlg-avatar:hover pic.p1,
aot .npc-avatar-small:hover pic.p2,
aot .npc-avatar:hover pic.p3 {
  transform: scale(1.06);
  filter: saturate(1.08) contrast(1.03);
}

/* ==================== 立绘CG图库 - 12角色 × 3场景 ==================== */
/* c=1 利威尔 */
aot pic[c="1"].p1 { background-image: url("https://pic1.imgdb.cn/i/0341PrFbj82rn2tcW3ZpAY.jpg"); }
aot pic[c="1"].p3 { background-image: url("https://pic1.imgdb.cn/i/0341PrHIK0b1tjSl6JwzAB.webp"); }
aot pic[c="1"].p2 { background-image: url("https://pic1.imgdb.cn/i/0341PrINgWiR3PwW7vEC2Y.webp"); }
/* c=2 埃尔文 */
aot pic[c="2"].p1 { background-image: url("https://pic1.imgdb.cn/i/0341PwPtP480CT9JOTFMpO.jpg"); }
aot pic[c="2"].p3 { background-image: url("https://pic1.imgdb.cn/i/0341PwOVWSiLROGE6gG2YK.jpg"); }
aot pic[c="2"].p2 { background-image: url("https://pic1.imgdb.cn/i/0341PwN9sq9l7WAxJrPU74.webp"); }
/* c=3 阿尔敏 */
aot pic[c="3"].p1 { background-image: url("https://pic1.imgdb.cn/i/0341Pxcf4N7rFI5mRzIOro.jpg"); }
aot pic[c="3"].p3 { background-image: url("https://pic1.imgdb.cn/i/0341Pxcp0qoacxq43CHwEE.jpg"); }
aot pic[c="3"].p2 { background-image: url("https://pic1.imgdb.cn/i/0341PxbWIO1UiqRAbETqRo.jpg"); }
/* c=4 韩吉 */
aot pic[c="4"].p1 { background-image: url("https://pic1.imgdb.cn/i/0341PyjZujQwtVM8qKg3Y6.png"); }
aot pic[c="4"].p3 { background-image: url("https://pic1.imgdb.cn/i/0341PyhGuHjw4FdnY99TgL.jpg"); }
aot pic[c="4"].p2 { background-image: url("https://pic1.imgdb.cn/i/0341PybrsApiKADAhJn5VV.jpg"); }
/* c=5 莱纳 */
aot pic[c="5"].p1 { background-image: url("https://pic1.imgdb.cn/i/0341Q0RPOmVWDnw4LMWkQg.jpg"); }
aot pic[c="5"].p3 { background-image: url("https://pic1.imgdb.cn/i/0341Q0SBqR2lutQhliEyXJ.jpg"); }
aot pic[c="5"].p2 { background-image: url("https://pic1.imgdb.cn/i/0341Q0Qj5d5h90sIOp27vL.webp"); }
/* c=6 吉克 */
aot pic[c="6"].p1 { background-image: url("https://pic1.imgdb.cn/i/0341Q2CAyMfXz9VTTXyfvE.jpg"); }
aot pic[c="6"].p3 { background-image: url("https://pic1.imgdb.cn/i/0341Q29oejNn5gPCKKVx2E.webp"); }
aot pic[c="6"].p2 { background-image: url("https://pic1.imgdb.cn/i/0341Q2DHzQYwqYzEUj3YBJ.jpg"); }
/* c=7 亚妮 */
aot pic[c="7"].p1 { background-image: url("https://pic1.imgdb.cn/i/0341Q3r1pYqYvrWUeb0Hqf.jpg"); }
aot pic[c="7"].p3 { background-image: url("https://pic1.imgdb.cn/i/0341Q3nhGb6JXn8Shbblea.webp"); }
aot pic[c="7"].p2 { background-image: url("https://pic1.imgdb.cn/i/0341Q3mX2GaU87CI7u4ojk.webp"); }
/* c=8 希丝特莉亚 */
aot pic[c="8"].p1 { background-image: url("https://pic1.imgdb.cn/i/0341Q5G5n0K0RussYWHBbS.png"); }
aot pic[c="8"].p3 { background-image: url("https://pic1.imgdb.cn/i/0341Q574pwPD1mg5XhcWpj.jpg"); }
aot pic[c="8"].p2 { background-image: url("https://pic1.imgdb.cn/i/0341Q56NSW6PFNTpcxRrpy.webp"); }
/* c=9 让 */
aot pic[c="9"].p1 { background-image: url("https://pic1.imgdb.cn/i/0341Q6kuuxZRqrjErsX2yC.webp"); }
aot pic[c="9"].p3 { background-image: url("https://pic1.imgdb.cn/i/0341Q6lq2TXLru6KFTTlI7.jpg"); }
aot pic[c="9"].p2 { background-image: url("https://pic1.imgdb.cn/i/0341Q6mlqWLTpfKmDM9edw.webp"); }
/* c=10 萨莎 */
aot pic[c="10"].p1 { background-image: url("https://pic1.imgdb.cn/i/0341Q7yqKRpww3A1IZxjZf.jpg"); }
aot pic[c="10"].p3 { background-image: url("https://pic1.imgdb.cn/i/0341Q8Mx5YXHO20qdLegnS.png"); }
aot pic[c="10"].p2 { background-image: url("https://pic1.imgdb.cn/i/0341Q7xWXi4v4HOYq9k5vD.jpg"); }
/* c=11 三笠 */
aot pic[c="11"].p1 { background-image: url("https://pic1.imgdb.cn/i/0341CvZik9HZt29orGEByP.jpg"); }
aot pic[c="11"].p3 { background-image: url("https://pic1.imgdb.cn/i/0341CvaidqwgoW6adjgnJA.jpg"); }
aot pic[c="11"].p2 { background-image: url("https://pic1.imgdb.cn/i/0341CvaaYHV6hYr06xTqY2.jpg"); }
/* c=12 艾伦 */
aot pic[c="12"].p1 { background-image: url("https://pic1.imgdb.cn/i/0341GpzpC1vvtwFGp2mt5V.jpg"); }
aot pic[c="12"].p3 { background-image: url("https://pic1.imgdb.cn/i/0341GqOFqDDn2xmwPF9qIL.jpg"); }
aot pic[c="12"].p2 { background-image: url("https://pic1.imgdb.cn/i/0341GqnhGO0qB7uFxC0oeC.jpg"); }
/* ==================== 立绘CG图库扩展 - 新增c=13~c=22 ==================== */
/* c=13 贝尔托特 */
aot pic[c="13"].p1 { background-image: url("https://pic1.imgdb.cn/i/0341m2O6EIKM3oNrR1DHv0.jpg"); }
aot pic[c="13"].p3 { background-image: url("https://pic1.imgdb.cn/i/0341m2Gtrzs2emgVq6OGEg.jpg"); }
aot pic[c="13"].p2 { background-image: url("https://pic1.imgdb.cn/i/0341m2PTEdJ1zLwflwrcQb.jpg"); }
/* c=14 贾碧 */
aot pic[c="14"].p1 { background-image: url("https://pic1.imgdb.cn/i/0341m3egU5MRTI2JBuPB88.jpg"); }
aot pic[c="14"].p3 { background-image: url("https://pic1.imgdb.cn/i/0341m3bj7l0z03vpzm5mEg.png"); }
aot pic[c="14"].p2 { background-image: url("https://pic1.imgdb.cn/i/0341m3hM68uL8UU7wJIX8v.jpg"); }
/* c=15 法尔克 */
aot pic[c="15"].p1 { background-image: url("https://pic1.imgdb.cn/i/0341m4jDG1YHCvfa6kYosX.jpg"); }
aot pic[c="15"].p3 { background-image: url("https://pic1.imgdb.cn/i/0341m4iKZPyzPBg22RaC01.jpg"); }
aot pic[c="15"].p2 { background-image: url("https://pic1.imgdb.cn/i/0341m4kXoqh3zYv4JObZZC.jpg"); }
/* c=16 皮克 */
aot pic[c="16"].p1 { background-image: url("https://pic1.imgdb.cn/i/0341m5taGMqcRXgPQyFKtx.jpg"); }
aot pic[c="16"].p3 { background-image: url("https://pic1.imgdb.cn/i/0341m5u2L0PRGOXBX5PWLA.webp"); }
aot pic[c="16"].p2 { background-image: url("https://pic1.imgdb.cn/i/0341m5unuRrv45z3vdqNaw.jpg"); }
/* c=17 波尔克 */
aot pic[c="17"].p1 { background-image: url("https://pic1.imgdb.cn/i/0341m70PSHx9Fe3sYbcacM.png"); }
aot pic[c="17"].p3 { background-image: url("https://pic1.imgdb.cn/i/0341m6wtmdzinprMGudyhS.jpg"); }
aot pic[c="17"].p2 { background-image: url("https://pic1.imgdb.cn/i/0341m6xOC68597VxiflCGd.webp"); }
/* c=18 康尼 */
aot pic[c="18"].p1 { background-image: url("https://pic1.imgdb.cn/i/0341m7yxVzmVyIpScx3FtV.jpg"); }
aot pic[c="18"].p3 { background-image: url("https://pic1.imgdb.cn/i/0341m83JF3lekriTbtsc6P.jpg"); }
aot pic[c="18"].p2 { background-image: url("https://pic1.imgdb.cn/i/0341m83jGcox8XvFVabD7u.jpg"); }
/* c=19 弗洛克 */
aot pic[c="19"].p1 { background-image: url("https://pic1.imgdb.cn/i/0341mHykGo1gKSJsPBYjRt.webp"); }
aot pic[c="19"].p3 { background-image: url("https://pic1.imgdb.cn/i/0341mI5ZWanqonqr9hwu0Q.jpg"); }
aot pic[c="19"].p2 { background-image: url("https://pic1.imgdb.cn/i/0341mI1mVEO4Tp3j9xWz8D.jpg"); }
/* c=20 凯尼 */
aot pic[c="20"].p1 { background-image: url("https://pic1.imgdb.cn/i/0341mIro7TDSt8dk4RAEgL.jpg"); }
aot pic[c="20"].p3 { background-image: url("https://pic1.imgdb.cn/i/0341mIrbq1bDRwV9CQgLrU.jpg"); }
aot pic[c="20"].p2 { background-image: url("https://pic1.imgdb.cn/i/0341mIsOZqWEEXUdbNCWEK.jpg"); }
/* c=21 尤弥尔 */
aot pic[c="21"].p1 { background-image: url("https://pic1.imgdb.cn/i/0341mJeOLtJAR3X1Kw1t0m.webp"); }
aot pic[c="21"].p3 { background-image: url("https://pic1.imgdb.cn/i/0341mJfDQwWYfzZLd6AW2Y.jpg"); }
aot pic[c="21"].p2 { background-image: url("https://pic1.imgdb.cn/i/0341mJiGFQyEsLRnnEorLA.jpg"); }
/* c=22 格里沙 */
aot pic[c="22"].p1 { background-image: url("https://pic1.imgdb.cn/i/0341mKuE0NBqTPPUHQVPWa.jpg"); }
aot pic[c="22"].p3 { background-image: url("https://pic1.imgdb.cn/i/0341mL0MfO7BTbbWz8N8co.jpg"); }
aot pic[c="22"].p2 { background-image: url("https://pic1.imgdb.cn/i/0341mKuVka4dY6TAlC6CRQ.jpg"); }
/* ==================== 立绘CG图库扩展 - 新增c=23~c=32 ==================== */
/* c=23 艾伦·克鲁格 */
aot pic[c="23"].p1 { background-image: url("https://pic1.imgdb.cn/i/0342KBoGNaAckZixOYQKZ4.jpg"); }
aot pic[c="23"].p3 { background-image: url("https://pic1.imgdb.cn/i/0342KBnn2AlszkBl3pjqGe.jpg"); }
aot pic[c="23"].p2 { background-image: url("https://pic1.imgdb.cn/i/0342KBoPLKcJ2UGDmC3Q86.jpg"); }
/* c=24 黛娜·弗里茨 */
aot pic[c="24"].p1 { background-image: url("https://pic1.imgdb.cn/i/0342KDOwifeL2W1m02Wxi3.jpg"); }
aot pic[c="24"].p3 { background-image: url("https://pic1.imgdb.cn/i/0342KDQXl7H12oYZv4H1yV.png"); }
aot pic[c="24"].p2 { background-image: url("https://pic1.imgdb.cn/i/0342KDNeCQp3pu9pQfaeAK.jpg"); }
/* c=25 罗德·雷伊斯 */
aot pic[c="25"].p1 { background-image: url("https://pic1.imgdb.cn/i/0342KEU9nOalbpmlAZZmup.jpg"); }
aot pic[c="25"].p3 { background-image: url("https://pic1.imgdb.cn/i/0342KEUdv42swKleTrF0Zv.jpg"); }
aot pic[c="25"].p2 { background-image: url("https://pic1.imgdb.cn/i/0342KETMT74kbIk6Ohdpa5.webp"); }
/* c=26 芙莉妲·雷伊斯 */
aot pic[c="26"].p1 { background-image: url("https://pic1.imgdb.cn/i/0342KGApdHB0r1GYLwCtjv.webp"); }
aot pic[c="26"].p3 { background-image: url("https://pic1.imgdb.cn/i/0342KGBXUpVsMvTm1WMFiJ.webp"); }
aot pic[c="26"].p2 { background-image: url("https://pic1.imgdb.cn/i/0342KGBJAPvDwdzK8SGqot.webp"); }
/* c=27 基斯·夏迪斯 */
aot pic[c="27"].p1 { background-image: url("https://pic1.imgdb.cn/i/0342KIDdD6vYyTBkXmFQ6k.webp"); }
aot pic[c="27"].p3 { background-image: url("https://pic1.imgdb.cn/i/0342KIF0PEEPxvhOuszIvw.png"); }
aot pic[c="27"].p2 { background-image: url("https://pic1.imgdb.cn/i/0342KIFY2TKFsmIT1U8WkU.jpg"); }
/* c=28 多托·匹西斯 */
aot pic[c="28"].p1 { background-image: url("https://pic1.imgdb.cn/i/0342KMSo0u3UjWJugczJ8R.webp"); }
aot pic[c="28"].p3 { background-image: url("https://pic1.imgdb.cn/i/0342KMTFtXUp7RfX78LA6F.webp"); }
aot pic[c="28"].p2 { background-image: url("https://pic1.imgdb.cn/i/0342KMTJhFpL2wYjVVVi2M.jpg"); }
/* c=29 威利·戴巴 */
aot pic[c="29"].p1 { background-image: url("https://pic1.imgdb.cn/i/0342KNVJoWxmJTz85y5eZO.jpg"); }
aot pic[c="29"].p3 { background-image: url("https://pic1.imgdb.cn/i/0342KNbK5uXXwQxAivnRhp.png"); }
aot pic[c="29"].p2 { background-image: url("https://pic1.imgdb.cn/i/0342KNUYvSV7uvYrvrDNzP.webp"); }
/* c=30 拉拉·戴巴 */
aot pic[c="30"].p1 { background-image: url("https://pic1.imgdb.cn/i/0342KPeGdZTcj8dnmnizJM.png"); }
aot pic[c="30"].p3 { background-image: url("https://pic1.imgdb.cn/i/0342KPcmQBPXA7uXN9vJW1.png"); }
aot pic[c="30"].p2 { background-image: url("https://pic1.imgdb.cn/i/0342KPcmQBPXA7uXN9vJW1.png"); }
/* c=31 汤姆·库沙瓦 */
aot pic[c="31"].p1 { background-image: url("https://pic1.imgdb.cn/i/0342KR3nkMahryUgNIIjqj.jpg"); }
aot pic[c="31"].p3 { background-image: url("https://pic1.imgdb.cn/i/0342KR2x6fLlC3bSHGvaKe.jpg"); }
aot pic[c="31"].p2 { background-image: url("https://pic1.imgdb.cn/i/0342KR3nkMahryUgNIIjqj.jpg"); }
/* c=32 尤弥尔·弗里茨 */
aot pic[c="32"].p1 { background-image: url("https://pic1.imgdb.cn/i/0342KSL15CNHP5g6Lud9IF.jpg"); }
aot pic[c="32"].p3 { background-image: url("https://pic1.imgdb.cn/i/0342KSLj95kianpLrelKl2.jpg"); }
aot pic[c="32"].p2 { background-image: url("https://pic1.imgdb.cn/i/0342KSMuYACaXqjeOG89VY.jpg"); }
/* ==================== 立绘CG图库扩展 - 默认/通用NPC ==================== */
/* c=91 默认NPC 1 */
aot pic[c="91"].p1 { background-image: url("https://pic1.imgdb.cn/i/0344l5q3B1s8TOnbm3DcOu.jpg"); }
aot pic[c="91"].p3 { background-image: url("https://pic1.imgdb.cn/i/0344l5q3B1s8TOnbm3DcOu.jpg"); }
aot pic[c="91"].p2 { background-image: url("https://pic1.imgdb.cn/i/0344l5q3B1s8TOnbm3DcOu.jpg"); }
/* c=92 默认NPC 2 */
aot pic[c="92"].p1 { background-image: url("https://pic1.imgdb.cn/i/0344l5poM5wQOWvuuAeuNT.jpg"); }
aot pic[c="92"].p3 { background-image: url("https://pic1.imgdb.cn/i/0344l5poM5wQOWvuuAeuNT.jpg"); }
aot pic[c="92"].p2 { background-image: url("https://pic1.imgdb.cn/i/0344l5poM5wQOWvuuAeuNT.jpg"); }
/* c=93 默认NPC 3 */
aot pic[c="93"].p1 { background-image: url("https://pic1.imgdb.cn/i/0344l5pDbZpCNpfuoHRtTx.jpg"); }
aot pic[c="93"].p3 { background-image: url("https://pic1.imgdb.cn/i/0344l5pDbZpCNpfuoHRtTx.jpg"); }
aot pic[c="93"].p2 { background-image: url("https://pic1.imgdb.cn/i/0344l5pDbZpCNpfuoHRtTx.jpg"); }
/* ==================== 立绘CG图库扩展 - 特殊系统NPC ==================== */
/* c=999 片场导演(系统小诗人) */
aot pic[c="999"].p1 { background-image: url("https://pic1.imgdb.cn/i/0344l5puCo221heMrIe0B2.jpg"); }
aot pic[c="999"].p3 { background-image: url("https://pic1.imgdb.cn/i/0344l5puCo221heMrIe0B2.jpg"); }
aot pic[c="999"].p2 { background-image: url("https://pic1.imgdb.cn/i/0344l5puCo221heMrIe0B2.jpg"); }
/* ==================== 立绘CG图库扩展 - 新增c=33~c=36 ==================== */
/* c=33 米娜·卡罗莱纳 */
aot pic[c="33"].p1 { background-image: url("https://pic1.imgdb.cn/i/0346sErdBzu1GYqQmUF8wl.jpg"); }
aot pic[c="33"].p3 { background-image: url("https://pic1.imgdb.cn/i/0346sErG5WcVHOgxJEV2uH.jpg"); }
aot pic[c="33"].p2 { background-image: url("https://pic1.imgdb.cn/i/0346sErKlVpAXaIrj2CWN2.jpg"); }
/* c=34 佩特拉·拉鲁 */
aot pic[c="34"].p1 { background-image: url("https://pic1.imgdb.cn/i/0346sG1SNXoMocGIkI3yRo.jpg"); }
aot pic[c="34"].p3 { background-image: url("https://pic1.imgdb.cn/i/0346sG1ctypgP2ErLHg1ey.jpg"); }
aot pic[c="34"].p2 { background-image: url("https://pic1.imgdb.cn/i/0346sG2XFX6cukRr6drWcm.jpg"); }
/* c=35 纳拿巴 */
aot pic[c="35"].p1 { background-image: url("https://pic1.imgdb.cn/i/0346sGryDEgP8jSua5bV78.jpg"); }
aot pic[c="35"].p3 { background-image: url("https://pic1.imgdb.cn/i/0346sGrsAbMMWlSv7AZI7a.jpg"); }
aot pic[c="35"].p2 { background-image: url("https://pic1.imgdb.cn/i/0346sGrnsZEFapfFQ0BvMS.webp"); }
/* c=36 米克·扎卡利亚斯 */
aot pic[c="36"].p1 { background-image: url("https://pic1.imgdb.cn/i/0346sHsZTlKCWOTJlAkvJI.png"); }
aot pic[c="36"].p3 { background-image: url("https://pic1.imgdb.cn/i/0346sHsX8a1YLKHpU9NtOw.jpg"); }
aot pic[c="36"].p2 { background-image: url("https://pic1.imgdb.cn/i/0346sHsZBoIx1LQzDHGxbZ.jpg"); }

/* ==================== 羁绊网络条目样式 ==================== */
.relationship-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 12px 0;
  padding: 12px;
  background: #f5ebe0;
  border: 1px solid #d4c4a8;
  border-left: 4px solid #8b7355;
  border-radius: 6px;
  transition: all 0.3s ease;
}
.relationship-item:hover {
  background: #e8dcc8;
  border-color: #8b7355;
  box-shadow: 0 2px 8px rgba(139,115,85,0.15);
  transform: translateX(3px);
}
.relationship-text {
  flex: 1;
  line-height: 1.7;
  color: #4a3c2a;
  font-size: 14px;
  padding-top: 4px;
}
.relationship-text b {
  color: #6b5940;
}
.hud-content {
  position: relative;
  padding: 15px;
  background: #fffef9;
  border: 1px solid #e0d5c5;
  border-radius: 6px;
  margin: 12px 0;
  min-height: 240px;
  overflow: hidden;
}
.hud-content::after {
  content: '';
  display: block;
  clear: both;
}
name, info, abli {
  font-weight: 600;
  margin-right: 6px;
}
name {
  color: #8b4513;
  font-size: 16px;
}
info {
  color: #6b5940;
}
abli {
  color: #2f4f4f;
}
.dlg {
  display: flex;
  align-items: flex-start;
  gap: 0;
  margin: 20px 0;
  padding: 0;
  position: relative;
  text-indent: 0;
}
.dlg-avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  border: 2.5px solid #8b7355;
  box-shadow: 0 3px 8px rgba(0,0,0,0.15), 0 0 0 2px rgba(139,115,85,0.15);
  background: linear-gradient(135deg, #e8dcc8 0%, #d4c4a8 100%);
  position: relative;
  z-index: 2;
}
.dlg-bubble {
  position: relative;
  margin-left: 14px;
  max-width: calc(100% - 80px);
  background: linear-gradient(135deg, #f0ebe3 0%, #e8e2d6 50%, #f0ebe3 100%);
  border: 1.5px solid #c4b5a0;
  border-radius: 2px 12px 12px 12px;
  padding: 0;
  box-shadow: 0 3px 10px rgba(139,115,85,0.12), inset 0 1px 0 rgba(255,255,255,0.6);
}
.dlg-bubble::before {
  content: '';
  position: absolute;
  top: 16px;
  left: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 9px 6px 0;
  border-color: transparent #c4b5a0 transparent transparent;
  z-index: 1;
}
.dlg-bubble::after {
  content: '';
  position: absolute;
  top: 17px;
  left: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 8px 5px 0;
  border-color: transparent #f0ebe3 transparent transparent;
  z-index: 2;
}
.dlg-name {
  padding: 8px 14px 4px 14px;
  font-size: 13.5px;
  font-weight: 700;
  color: #6b8f3c;
  border-bottom: 1px solid rgba(196,181,160,0.35);
  background: linear-gradient(to right, rgba(107,143,60,0.06) 0%, transparent 100%);
  border-radius: 0 12px 0 0;
  letter-spacing: 0.5px;
  position: relative;
}
.dlg-name::before {
  content: '';
  position: absolute;
  left: 14px;
  bottom: -1px;
  width: 30px;
  height: 2px;
  background: linear-gradient(to right, #6b8f3c, transparent);
  border-radius: 1px;
}
.dlg-text {
  padding: 10px 14px 12px 14px;
  font-size: 14.5px;
  line-height: 1.85;
  color: #3a3025;
}
.dlg-right {
  flex-direction: row;
  justify-content: flex-end;
}
.dlg-right .dlg-bubble {
  margin-left: 0;
  margin-right: 14px;
  border-radius: 12px 2px 12px 12px;
  order: 1;
}
.dlg-right .dlg-avatar {
  order: 2;
}
.dlg-right .dlg-bubble::before {
  left: auto;
  right: -9px;
  border-width: 6px 0 6px 9px;
  border-color: transparent transparent transparent #c4b5a0;
}
.dlg-right .dlg-bubble::after {
  left: auto;
  right: -7px;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #f0ebe3;
}
.dlg-right .dlg-name {
  text-align: right;
  background: linear-gradient(to left, rgba(107,143,60,0.06) 0%, transparent 100%);
  border-radius: 12px 0 0 0;
}
.dlg-right .dlg-name::before {
  left: auto;
  right: 14px;
  background: linear-gradient(to left, #6b8f3c, transparent);
}
.dlg-player {
  flex-direction: row;
  justify-content: flex-end;
}
.dlg-player .dlg-bubble {
  margin-left: 0;
  margin-right: 14px;
  border-radius: 12px 2px 12px 12px;
  order: 1;
  background: linear-gradient(135deg, #eae2d0 0%, #e0d6bf 50%, #eae2d0 100%);
  border-color: #b5a179;
}
.dlg-player .dlg-avatar {
  order: 2;
  border-color: #6b5940;
  box-shadow: 0 3px 8px rgba(107,89,64,0.25), 0 0 0 2px rgba(107,89,64,0.18);
}
.dlg-player .dlg-bubble::before {
  left: auto;
  right: -9px;
  border-width: 6px 0 6px 9px;
  border-color: transparent transparent transparent #b5a179;
}
.dlg-player .dlg-bubble::after {
  left: auto;
  right: -7px;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #eae2d0;
}
.dlg-player .dlg-name {
  text-align: right;
  color: #a0741e;
  background: linear-gradient(to left, rgba(160,116,30,0.08) 0%, transparent 100%);
  border-radius: 12px 0 0 0;
}
.dlg-player .dlg-name::before {
  left: auto;
  right: 14px;
  background: linear-gradient(to left, #a0741e, transparent);
}
.dlg-player .dlg-bubble:hover {
  border-color: #8b7355;
  background: linear-gradient(135deg, #f0e8d6 0%, #e6dcc5 50%, #f0e8d6 100%);
}
.dlg-bubble:hover {
  border-color: #8b7355;
  box-shadow: 0 4px 14px rgba(139,115,85,0.2), inset 0 1px 0 rgba(255,255,255,0.7);
  background: linear-gradient(135deg, #f5f0e8 0%, #ece6da 50%, #f5f0e8 100%);
}
.dlg-avatar:hover {
  border-color: #6b5940;
  box-shadow: 0 3px 10px rgba(0,0,0,0.2), 0 0 0 3px rgba(139,115,85,0.2);
}
.mono {
  display: block;
  margin: 18px 20px;
  padding: 14px 18px;
  font-style: italic;
  color: #6b5940;
  font-size: 14.5px;
  line-height: 1.9;
  text-indent: 0;
  background: linear-gradient(135deg, rgba(139,115,85,0.04) 0%, rgba(139,115,85,0.08) 100%);
  border-left: 3px solid rgba(139,115,85,0.35);
  border-radius: 0 6px 6px 0;
  position: relative;
}
.mono::before {
  content: '💭';
  position: absolute;
  top: -10px;
  left: -12px;
  font-size: 18px;
  font-style: normal;
  filter: grayscale(0.3);
}
.mono::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: repeating-linear-gradient(
    0deg,
    transparent 0px,
    transparent 26px,
    rgba(139,115,85,0.04) 26px,
    rgba(139,115,85,0.04) 27px
  );
  pointer-events: none;
  border-radius: 0 6px 6px 0;
}
.pop-info {
  display: inline-block;
  position: relative;
  cursor: help;
  padding: 2px 8px;
  border-radius: 4px;
  background: linear-gradient(to bottom, #f5ebe0 0%, #e8dcc8 100%);
  border: 1px solid #c4b5a0;
  color: #4a3c2a;
  font-weight: 600;
  transition: all 0.3s ease;
  text-decoration: none;
}
.pop-info:hover {
  background: linear-gradient(to bottom, #e8dcc8 0%, #d4c4a8 100%);
  border-color: #8b7355;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(139,115,85,0.25);
}
.pop-info::after {
  content: attr(data-desc);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 12px);
  transform: translateX(-50%) scale(0.9);
  opacity: 0;
  visibility: hidden;
  background: #2c2416;
  color: #f5f1e8;
  padding: 12px 16px;
  border-radius: 6px;
  border: 2px solid #8b7355;
  white-space: normal;
  width: max-content;
  max-width: 320px;
  font-size: 13px;
  line-height: 1.6;
  font-weight: normal;
  z-index: 1000;
  box-shadow: 0 6px 16px rgba(0,0,0,0.3);
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.pop-info::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: calc(100% + 4px);
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  border: 8px solid transparent;
  border-top-color: #8b7355;
  z-index: 1001;
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.pop-info:hover::after,
.pop-info:focus::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) scale(1);
}
.pop-info:hover::before,
.pop-info:focus::before {
  opacity: 1;
  visibility: visible;
}
.pop-info[data-rarity*="S"],
.pop-info[data-rarity*="传说"],
.pop-info[data-rarity*="稀有"] {
  background: linear-gradient(to bottom, #fff4e6 0%, #ffe4b5 100%);
  border-color: #daa520;
  color: #8b6914;
}
.pop-info[data-rarity*="S"]::after,
.pop-info[data-rarity*="传说"]::after,
.pop-info[data-rarity*="稀有"]::after {
  border-color: #daa520;
  background: linear-gradient(135deg, #3d2e10 0%, #2c2416 100%);
}
.pop-info[data-rarity*="S"]::before,
.pop-info[data-rarity*="传说"]::before,
.pop-info[data-rarity*="稀有"]::before {
  border-top-color: #daa520;
}
.pop-info[data-rarity*="A"],
.pop-info[data-rarity*="优秀"] {
  background: linear-gradient(to bottom, #f0e6ff 0%, #e6d9ff 100%);
  border-color: #9370db;
  color: #4b0082;
}
.pop-info[data-rarity*="A"]::after,
.pop-info[data-rarity*="优秀"]::after {
  border-color: #9370db;
}
.pop-info[data-rarity*="A"]::before,
.pop-info[data-rarity*="优秀"]::before {
  border-top-color: #9370db;
}
.pop-info[data-rarity*="B"] {
  background: linear-gradient(to bottom, #e6f3ff 0%, #cce5ff 100%);
  border-color: #4682b4;
  color: #1a3d5c;
}
.pop-info[data-rarity*="B"]::after {
  border-color: #4682b4;
}
.pop-info[data-rarity*="B"]::before {
  border-top-color: #4682b4;
}
.pop-info[data-rarity*="C"] {
  background: linear-gradient(to bottom, #e8f5e9 0%, #c8e6c9 100%);
  border-color: #66bb6a;
  color: #2e7d32;
}
.pop-info[data-rarity*="C"]::after {
  border-color: #66bb6a;
}
.pop-info[data-rarity*="C"]::before {
  border-top-color: #66bb6a;
}
.pop-info[data-rarity*="D"] {
  background: linear-gradient(to bottom, #f5f5f5 0%, #e0e0e0 100%);
  border-color: #9e9e9e;
  color: #616161;
}
.pop-info[data-rarity*="D"]::after {
  border-color: #9e9e9e;
}
.pop-info[data-rarity*="D"]::before {
  border-top-color: #9e9e9e;
}
.pop-info[data-rarity*="消耗"],
.pop-info[data-rarity*="损耗"] {
  background: linear-gradient(to bottom, #ffe6e6 0%, #ffd9d9 100%);
  border-color: #cd5c5c;
  color: #8b0000;
}
.pop-info[data-rarity*="消耗"]::after,
.pop-info[data-rarity*="损耗"]::after {
  border-color: #cd5c5c;
}
.pop-info[data-rarity*="消耗"]::before,
.pop-info[data-rarity*="损耗"]::before {
  border-top-color: #cd5c5c;
}
.pop-info[data-rarity*="制式"],
.pop-info[data-rarity*="标准"] {
  background: linear-gradient(to bottom, #f0ebe3 0%, #e0d5c5 100%);
  border-color: #8b7355;
  color: #4a3c2a;
}
.pop-info[data-rarity*="机密"] {
  background: linear-gradient(to bottom, #fff0f0 0%, #ffe0e0 100%);
  border-color: #b22222;
  color: #8b0000;
  position: relative;
}
.pop-info[data-rarity*="机密"]::after {
  border-color: #b22222;
  background: linear-gradient(135deg, #3d1010 0%, #2c1616 100%);
}
.pop-info[data-rarity*="机密"]::before {
  border-top-color: #b22222;
}
.pop-info[data-rarity*="沦陷"] {
  background: linear-gradient(to bottom, #ffe8e0 0%, #ffd0c0 100%);
  border-color: #d2691e;
  color: #8b4513;
}
.pop-info[data-rarity*="沦陷"]::after {
  border-color: #d2691e;
}
.pop-info[data-rarity*="沦陷"]::before {
  border-top-color: #d2691e;
}
.pi-name {
  background: linear-gradient(to bottom, #eef6e8 0%, #ddeedd 100%);
  border-color: #6b8f3c;
  color: #3d5c1e;
  border-radius: 3px;
  padding: 1px 7px;
  font-size: inherit;
  line-height: inherit;
}
.pi-name:hover {
  background: linear-gradient(to bottom, #ddeedd 0%, #c8e0c0 100%);
  border-color: #4a7a20;
  box-shadow: 0 3px 8px rgba(107,143,60,0.25);
  transform: translateY(-1px);
}
.pi-name::after {
  border-color: #6b8f3c;
  background: linear-gradient(135deg, #1a2e10 0%, #2a3d1a 100%);
}
.pi-name::before {
  border-top-color: #6b8f3c;
}
.text-body .pi-name {
  position: relative;
  padding-left: 22px;
}
.text-body .pi-name::marker {
  content: none;
}
aot .text-body b.pi-name {
  border-left: 3px solid #6b8f3c;
  padding-left: 7px;
  margin-left: 2px;
}
.pi-loc {
  background: linear-gradient(to bottom, #e8f0fa 0%, #d0e0f5 100%);
  border-color: #4a7fb5;
  color: #1a3d6b;
  border-radius: 3px;
  padding: 1px 7px;
  font-size: inherit;
  line-height: inherit;
}
.pi-loc:hover {
  background: linear-gradient(to bottom, #d0e0f5 0%, #b8d0ea 100%);
  border-color: #2e6699;
  box-shadow: 0 3px 8px rgba(74,127,181,0.25);
  transform: translateY(-1px);
}
.pi-loc::after {
  border-color: #4a7fb5;
  background: linear-gradient(135deg, #0d1f33 0%, #1a2e45 100%);
}
.pi-loc::before {
  border-top-color: #4a7fb5;
}
aot .text-body b.pi-loc {
  border-left: 3px solid #4a7fb5;
  padding-left: 7px;
  margin-left: 2px;
}
.pi-item {
  background: linear-gradient(to bottom, #fdf6e3 0%, #f5e6c0 100%);
  border-color: #c8a832;
  color: #7a6510;
  border-radius: 3px;
  padding: 1px 7px;
  font-size: inherit;
  line-height: inherit;
}
.pi-item:hover {
  background: linear-gradient(to bottom, #f5e6c0 0%, #edd9a0 100%);
  border-color: #a08820;
  box-shadow: 0 3px 8px rgba(200,168,50,0.3);
  transform: translateY(-1px);
}
.pi-item::after {
  border-color: #c8a832;
  background: linear-gradient(135deg, #332a0d 0%, #45390f 100%);
}
.pi-item::before {
  border-top-color: #c8a832;
}
aot .text-body b.pi-item {
  border-left: 3px solid #c8a832;
  padding-left: 7px;
  margin-left: 2px;
}
.butterfly-box {
  background: linear-gradient(135deg, #fffef9 0%, #f5ebe0 100%);
  border: 2px solid #c4b5a0;
  border-left: 5px solid #8b7355;
  border-radius: 6px;
  padding: 14px 16px;
  margin: 12px 0;
  box-shadow: 0 2px 8px rgba(139,115,85,0.12);
  position: relative;
}
.butterfly-box::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' opacity='0.08'%3E%3Cpath d='M30 10 C20 0 5 5 10 20 C15 30 25 28 30 30 C35 28 45 30 50 20 C55 5 40 0 30 10Z' fill='%238b7355'/%3E%3Cpath d='M30 50 C20 60 5 55 10 40 C15 30 25 32 30 30 C35 32 45 30 50 40 C55 55 40 60 30 50Z' fill='%238b7355'/%3E%3C/svg%3E") no-repeat;
  pointer-events: none;
}
.butterfly-box b {
  color: #6b5940;
  display: block;
  margin: 6px 0;
}
.butterfly-box ul {
  margin: 10px 0 0 0;
  padding-left: 20px;
}
.butterfly-box li {
  margin: 8px 0;
  color: #4a3c2a;
  line-height: 1.7;
}
.kono-details summary {
  background: linear-gradient(to right, #e8dcc8 0%, #d4c4a8 100%);
}
.kono-details[open] > summary {
  background: linear-gradient(to right, #d4c4a8 0%, #c4b090 100%);
}
.kono-content {
  background: #fffef9;
  padding: 16px;
}
.inner-details {
  background: #f5ebe0;
  border: 1px solid #d4c4a8;
  border-radius: 4px;
  margin: 10px 0;
  padding: 0;
}
.inner-details summary {
  padding: 10px 14px;
  font-size: 14px;
  background: #e8dcc8;
  color: #4a3c2a;
  border-radius: 4px 4px 0 0;
}
.inner-details[open] > summary {
  border-bottom: 1px solid #c4b5a0;
  border-radius: 4px 4px 0 0;
}
.inner-details .aot-content {
  padding: 12px 14px;
  font-size: 14px;
}
.mem-outer .aot-content {
  background: #fdfcf9;
}
pan {
  display: block;
}
.mm {
  padding: 10px 14px;
  background: #fffef9;
  border-radius: 4px;
}
.mm row {
  font-size: 14px;
  color: #6b5940;
  font-weight: 600;
}
.mm l {
  margin: 8px 0 8px 10px;
  padding: 8px 12px;
  background: #f5ebe0;
  border-left: 3px solid #8b7355;
  color: #3a3025;
  line-height: 1.7;
  font-size: 14px;
  border-radius: 0 4px 4px 0;
}

/* ==================== ★ 3-2-1 网格布局（关键修正版：展开即跨全宽） ==================== */
aot grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
  margin: 12px 0;
  align-items: start;
}
/* 折叠状态（默认）：前 3 个各占 2 列 -> 每行 3 个 */
aot grid > details:nth-of-type(1),
aot grid > details:nth-of-type(2),
aot grid > details:nth-of-type(3) {
  grid-column: span 2;
  margin: 0;
  min-width: 0;
}
/* 折叠状态：第 4、5 个各占 3 列 -> 每行 2 个 */
aot grid > details:nth-of-type(4),
aot grid > details:nth-of-type(5) {
  grid-column: span 3;
  margin: 0;
  min-width: 0;
}
/* 带 f 属性的战术指令：始终占满整行 */
aot grid > details[f] {
  grid-column: 1 / -1;
  margin: 0;
  min-width: 0;
}
/* ★★★ 关键规则：任意 details 一旦展开，强制跨满整行，展开后布局与原始一致 ★★★ */
aot grid > details[open] {
  grid-column: 1 / -1 !important;
}
/* 折叠头（summary）在网格窄格中的字号紧凑处理，仅影响折叠头显示 */
aot grid > details:not([open]) > summary {
  padding: 11px 12px;
  font-size: 13.5px;
  line-height: 1.35;
  word-break: break-word;
}
/* 展开后 summary 恢复原始大小与内边距 */
aot grid > details[open] > summary {
  padding: 14px 18px;
  font-size: 15px;
  line-height: 1.7;
}

@media (max-width: 768px) {
  aot {
    padding: 14px;
    margin: 8px 0;
    border-radius: 6px;
  }
  aot::after {
    font-size: 9px;
    letter-spacing: 1px;
    padding: 0 8px;
  }
  aot summary {
    padding: 12px 14px;
    font-size: 14px;
  }
  .aot-content {
    padding: 12px 14px;
  }
  .player-avatar {
    float: none;
    display: block;
    margin: 0 auto 15px auto;
    width: 140px;
    height: 210px;
  }
  .npc-avatar {
    float: none;
    display: block;
    margin: 0 auto 12px auto;
    width: 130px;
    height: 195px;
  }
  .relationship-item {
    padding: 10px;
    gap: 10px;
  }
  .npc-avatar-small {
    width: 50px;
    height: 66px;
  }
  .relationship-text {
    font-size: 13px;
  }
  .hud-content {
    padding: 12px;
    min-height: auto;
  }
  .text-body {
    padding: 18px 14px !important;
    font-size: 14px;
    line-height: 1.95;
  }
  .text-body::before {
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
  }
  .text-body::after {
    left: 28px;
  }
  .text-body p {
    margin: 12px 0;
  }
  .dlg {
    margin: 16px 0;
  }
  .dlg-avatar {
    width: 48px;
    height: 48px;
    border-width: 2px;
  }
  .dlg-bubble {
    margin-left: 10px;
    max-width: calc(100% - 68px);
  }
  .dlg-right .dlg-bubble {
    margin-right: 10px;
  }
  .dlg-player .dlg-bubble {
    margin-left: 0;
    margin-right: 10px;
  }
  .dlg-name {
    padding: 7px 12px 3px 12px;
    font-size: 12.5px;
  }
  .dlg-text {
    padding: 8px 12px 10px 12px;
    font-size: 13.5px;
    line-height: 1.8;
  }
  .dlg-bubble::before {
    top: 14px;
    left: -8px;
    border-width: 5px 8px 5px 0;
  }
  .dlg-bubble::after {
    top: 15px;
    left: -6px;
    border-width: 4px 7px 4px 0;
  }
  .dlg-right .dlg-bubble::before {
    right: -8px;
    border-width: 5px 0 5px 8px;
  }
  .dlg-right .dlg-bubble::after {
    right: -6px;
    border-width: 4px 0 4px 7px;
  }
  .dlg-player .dlg-bubble::before {
    right: -8px;
    border-width: 5px 0 5px 8px;
  }
  .dlg-player .dlg-bubble::after {
    right: -6px;
    border-width: 4px 0 4px 7px;
  }
  .mono {
    margin: 14px 10px;
    padding: 12px 14px;
    font-size: 13.5px;
  }
  .mono::before {
    font-size: 16px;
    top: -8px;
    left: -8px;
  }
  .pi-name,
  .pi-loc,
  .pi-item {
    padding: 1px 5px;
  }
  aot .text-body b.pi-name,
  aot .text-body b.pi-loc,
  aot .text-body b.pi-item {
    border-left-width: 2px;
    padding-left: 5px;
  }
  .pop-info::after {
    max-width: 220px;
    font-size: 12px;
    padding: 10px 12px;
    left: 0;
    transform: translateX(0) scale(0.9);
  }
  .pop-info:hover::after,
  .pop-info:focus::after {
    transform: translateX(0) scale(1);
  }
  .pop-info::before {
    left: 20px;
    transform: none;
  }
  .text-body .pop-info::after {
    max-width: 200px;
    font-size: 12px;
    padding: 8px 10px;
    left: 0;
    transform: translateX(0) scale(0.9);
  }
  .text-body .pop-info:hover::after,
  .text-body .pop-info:focus::after {
    transform: translateX(0) scale(1);
  }
  .text-body .pop-info::before {
    left: 16px;
    transform: none;
  }
  .butterfly-box {
    padding: 12px;
  }
  .butterfly-box::before {
    width: 40px;
    height: 40px;
  }
  .divider {
    margin: 12px 0;
  }
  .sub-title {
    font-size: 13px;
    padding: 6px 10px;
  }
  .mm l {
    padding: 6px 10px;
    font-size: 13px;
  }
  .inner-details summary {
    padding: 8px 12px;
    font-size: 13px;
  }
  .inner-details .aot-content {
    padding: 10px 12px;
    font-size: 13px;
  }
  /* ★ 网格 - 移动端：仅调整折叠头，展开后维持全宽正常 */
  aot grid {
    gap: 8px;
  }
  aot grid > details:not([open]) > summary {
    padding: 10px 10px;
    font-size: 12.5px;
    line-height: 1.3;
  }
  aot grid > details[open] > summary {
    padding: 12px 14px;
    font-size: 14px;
    line-height: 1.6;
  }
}
@media (max-width: 400px) {
  aot {
    padding: 10px;
    border-width: 2px;
  }
  aot::after {
    font-size: 8px;
    letter-spacing: 0.5px;
    top: -10px;
  }
  aot summary {
    padding: 10px 12px;
    font-size: 13px;
  }
  .aot-content {
    padding: 10px 12px;
  }
  .player-avatar {
    width: 120px;
    height: 180px;
  }
  .npc-avatar {
    width: 110px;
    height: 165px;
  }
  .npc-avatar-small {
    width: 44px;
    height: 58px;
  }
  .relationship-item {
    padding: 8px;
    gap: 8px;
  }
  .relationship-text {
    font-size: 12px;
    line-height: 1.6;
  }
  .text-body {
    padding: 14px 10px !important;
    font-size: 13.5px;
    line-height: 1.9;
  }
  .text-body::before {
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
  }
  .text-body::after {
    left: 20px;
  }
  .dlg-avatar {
    width: 42px;
    height: 42px;
  }
  .dlg-bubble {
    margin-left: 8px;
    max-width: calc(100% - 58px);
  }
  .dlg-right .dlg-bubble {
    margin-right: 8px;
  }
  .dlg-player .dlg-bubble {
    margin-right: 8px;
  }
  .dlg-name {
    padding: 6px 10px 3px 10px;
    font-size: 12px;
  }
  .dlg-text {
    padding: 6px 10px 8px 10px;
    font-size: 13px;
    line-height: 1.75;
  }
  .dlg-bubble::before {
    top: 12px;
    left: -7px;
    border-width: 4px 7px 4px 0;
  }
  .dlg-bubble::after {
    top: 13px;
    left: -5px;
    border-width: 3px 6px 3px 0;
  }
  .dlg-right .dlg-bubble::before {
    right: -7px;
    border-width: 4px 0 4px 7px;
  }
  .dlg-right .dlg-bubble::after {
    right: -5px;
    border-width: 3px 0 3px 6px;
  }
  .dlg-player .dlg-bubble::before {
    right: -7px;
    border-width: 4px 0 4px 7px;
  }
  .dlg-player .dlg-bubble::after {
    right: -5px;
    border-width: 3px 0 3px 6px;
  }
  .mono {
    margin: 12px 6px;
    padding: 10px 12px;
    font-size: 13px;
  }
  .mono::before {
    font-size: 14px;
    top: -7px;
    left: -6px;
  }
  .pop-info {
    padding: 1px 6px;
    font-size: 13px;
  }
  .pop-info::after {
    max-width: 180px;
    font-size: 11px;
    padding: 8px 10px;
  }
  .text-body .pop-info::after {
    max-width: 170px;
    font-size: 11px;
    padding: 6px 8px;
  }
  row {
    margin: 6px 0;
    padding: 4px 0;
    font-size: 13px;
  }
  l {
    margin: 4px 0 4px 12px;
    padding-left: 10px;
    font-size: 13px;
  }
  name {
    font-size: 14px;
  }
  /* ★ 网格 - 极窄屏：仅调整折叠头，展开后维持全宽正常 */
  aot grid {
    gap: 6px;
  }
  aot grid > details:not([open]) > summary {
    padding: 8px 8px;
    font-size: 11.5px;
    line-height: 1.25;
    letter-spacing: 0;
  }
  aot grid > details:not([open]) > summary::marker {
    font-size: 11px;
  }
  aot grid > details[open] > summary {
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.5;
  }
}
aot .avatar,
aot .player-avatar,
aot .npc-avatar,
aot .npc-avatar-small,
aot .dlg-avatar {
  overflow: hidden !important;
  position: relative !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
}
aot .avatar > img,
aot .player-avatar > img,
aot .npc-avatar > img,
aot .npc-avatar-small > img,
aot .dlg-avatar > img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  display: block !important;
  box-sizing: border-box !important;
}
aot .dlg-avatar > img {
  object-position: center 15% !important;
  border-radius: 50% !important;
}
aot .npc-avatar-small > img {
  object-position: center 15% !important;
  border-radius: 2px !important;
}
aot .player-avatar > img,
aot .npc-avatar > img {
  object-position: center 18% !important;
}
aot .avatar-label {
  z-index: 5 !important;
  line-height: 1.4 !important;
  font-size: 11px !important;
}

/* =========================================
   进击的巨人 - 思维链终端美化 (Eldia System)
   作用域限定：仅对 .cot 及其外层 details 生效
   ========================================= */

/* 外层折叠面板设计 - 绝密战术档案袋 */
details:has(.cot) {
    background: #111412; /* 深黯绿色，调查兵团披风的暗调 */
    border: 1px solid #2a332c;
    border-left: 4px solid #8b2323; /* 象征高墙与鲜血的残酷红 */
    border-radius: 2px;
    margin-bottom: 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.6);
    transition: all 0.3s ease;
}

/* 折叠标题栏美化 */
details:has(.cot) summary {
    background: linear-gradient(90deg, #181d1a, #0d100e);
    color: #8fa393;
    padding: 10px 15px;
    font-family: "Courier New", Courier, monospace;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    list-style: none;
    border-bottom: 1px solid #1a221c;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
}

/* 隐藏原生箭头 */
details:has(.cot) summary::-webkit-details-marker {
    display: none;
}

/* 自定义前缀标识 */
details:has(.cot) summary::before {
    content: "▶ [ ELDIA NETWORK INIT ] ";
    color: #8b2323;
    font-size: 12px;
    margin-right: 8px;
    display: inline-block;
    transition: transform 0.2s ease;
}

/* 展开时的通道交汇高亮状态 */
details:has(.cot)[open] summary::before {
    content: "▼ [ COORDINATE CONNECTED ] ";
    color: #c9a752; /* 尤弥尔通道的金色发光 */
    text-shadow: 0 0 5px rgba(201, 167, 82, 0.6);
}

details:has(.cot)[open] summary {
    border-bottom: 1px solid #2a332c;
    color: #c9a752;
}

/* 核心内容终端区 - 系统波长映射 */
.cot {
    background: #0d100e;
    color: #92a896;
    padding: 15px 20px;
    font-family: "Consolas", "Courier New", monospace;
    font-size: 13px;
    line-height: 1.6;
    position: relative;
    box-shadow: inset 0 0 30px rgba(0,0,0,0.9);
    /* 模拟旧式CRT雷达屏幕或通道树的斑驳纹理 */
    background-image: 
        radial-gradient(circle at 50% 50%, rgba(201,167,82,0.03) 0%, transparent 60%),
        linear-gradient(rgba(146, 168, 150, 0.02) 1px, transparent 1px);
    background-size: 100% 100%, 100% 3px;
    overflow: hidden;
}

/* 军用系统边角取景器 */
.cot::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 20px; height: 20px;
    border-top: 2px solid #5a6b5e;
    border-left: 2px solid #5a6b5e;
    opacity: 0.5;
}
.cot::after {
    content: "";
    position: absolute;
    bottom: 0; right: 0;
    width: 20px; height: 20px;
    border-bottom: 2px solid #5a6b5e;
    border-right: 2px solid #5a6b5e;
    opacity: 0.5;
}

/* 文本格式化 */
.cot p {
    margin: 8px 0;
    text-align: justify;
}

.cot ul {
    margin: 10px 0;
    padding-left: 5px;
    list-style: none;
}

/* 列表条目美化 */
.cot li {
    position: relative;
    margin-bottom: 6px;
    padding-left: 20px;
    color: #a4bba8;
    transition: color 0.2s, background 0.2s;
}

/* 悬停时的微光交互 */
.cot li:hover {
    color: #c9dcd0;
    background: rgba(255,255,255,0.03);
    border-radius: 2px;
}

/* 尤弥尔通道的坐标交汇点 (星芒效果) */
.cot li::before {
    content: "✦";
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 12px;
    color: #c9a752;
    text-shadow: 0 0 6px rgba(201,167,82,0.8);
    opacity: 0.8;
}

/* 分割线美化为能量扫频仪的电火花 */
.cot hr {
    border: none;
    height: 1px;
    background: linear-gradient(90deg, transparent, #4b5e50, #c9a752, #4b5e50, transparent);
    margin: 18px 0;
    opacity: 0.5;
    box-shadow: 0 0 5px rgba(201,167,82,0.3);
}

/* 强调字体 - 战地绝境预警 */
.cot strong, .cot b {
    color: #d45959;
    font-weight: normal;
    text-shadow: 0 0 3px rgba(212,89,89,0.4);
    background: rgba(139,35,35,0.1);
    padding: 0 4px;
    border-radius: 2px;
}

/* ═══ B平台按钮组保护（自动注入 — 防止按钮消失）═══
   原理：B平台消息操作按钮结构为：
   .flex.items-center.gap-1.ml-auto (hover显隐包装)
     └── .bg-muted.rounded.flex.p-0.5 (按钮组容器)
           └── button.rounded-full.size-7 (单个按钮)
   以下规则使用高specificity + !important确保按钮
   不被任何转换后/透传的CSS规则意外隐藏
   ═══════════════════════════════════════════════ */
/* 按钮组容器保护 */
.w-full.h-full.flex.group .bg-muted.rounded.flex.p-0\.5,
.is-user .bg-muted.rounded.flex.p-0\.5,
.is-assistant .bg-muted.rounded.flex.p-0\.5 {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  position: relative !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  pointer-events: auto !important;
  clip: auto !important;
  clip-path: none !important;
}
/* 单个按钮保护 */
.w-full.h-full.flex.group .bg-muted.rounded.flex.p-0\.5 > button,
.is-user .bg-muted.rounded.flex.p-0\.5 > button,
.is-assistant .bg-muted.rounded.flex.p-0\.5 > button {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: relative !important;
  clip: auto !important;
  clip-path: none !important;
}
/* hover显隐包装层保护 — 仅保留B平台原生的opacity过渡 */
.flex.items-center.gap-1.ml-auto.md\:opacity-0.group-hover\:opacity-100 {
  visibility: visible !important;
  display: flex !important;
  pointer-events: auto !important;
  overflow: visible !important;
}
/* 操作行保护 */
.flex.w-full.items-center.justify-between.gap-2.px-2 {
  display: flex !important;
  visibility: visible !important;
  overflow: visible !important;
}

/* 7.2 输入框：进击的巨人 - 战地绝密档案风格 (Tactical Terminal & Blood Accent) */
/* 设计理念：模拟前线作战的军用终端与粗糙的报告纸，深绿色调与钢铁质感 */
textarea, input[type="text"] {
    /* 背景：暗沉的军绿色/黑色，模拟夜间作战或暗室里的报告 */
    background-color: rgba(22, 26, 23, 0.95) !important;
    
    /* 文字：清晰的浅灰绿色，确保在深色背景下的绝对可读性 */
    color: #d1ddd4 !important;
    
    /* 边框：超硬质钢的冷硬金属灰 */
    border: 2px solid #3c4a3f !important;
    
    /* 左侧高亮：玛利亚之墙沦陷的鲜血红，象征残酷的世界 */
    border-left: 5px solid #8b2323 !important;
    
    /* 字体：采用等宽或黑体风格，营造冷峻的军事报告感 */
    font-family: 'Consolas', 'Courier New', 'Microsoft YaHei', sans-serif !important;
    
    /* 圆角：微小的切角，保持军用设备的硬朗 */
    border-radius: 4px !important;
    
    /* 光标：尤弥尔通道的坐标金色 */
    caret-color: #c9a752 !important;
    
    /* 阴影：深邃的内阴影，增加厚重感 */
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8) !important;
    
    /* 增加内边距 */
    padding: 10px 12px !important;
    
    /* 切换状态的平滑过渡 */
    transition: all 0.3s ease !important;
}

/* 聚焦状态：当输入时，边框泛起尤弥尔通道的金色光芒 */
textarea:focus, input[type="text"]:focus {
    background-color: #1a1e1b !important;
    border-color: #5a6e5f !important;
    border-left-color: #c9a752 !important; /* 鲜血变坐标金 */
    box-shadow: 0 0 12px rgba(201, 167, 82, 0.3), inset 0 2px 8px rgba(0, 0, 0, 0.9) !important;
    outline: none !important;
}

/* 占位符：战地灰绿色 */
textarea::placeholder, input::placeholder {
    color: rgba(146, 168, 150, 0.5) !important;
    font-style: normal !important;
    letter-spacing: 1px !important;
}

/* 7.3 平台按钮：适配 进击的巨人 风格 (调查兵团披风 & 立体机动装置) */
button, .menu_button {
    /* 背景：调查兵团标志性的深绿色披风 */
    background: linear-gradient(180deg, #2a332c, #161c18) !important;
    /* 文字：白银色，如刀刃的反光 */
    color: #e4eee6 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9) !important;
    
    /* 边框：钢铁质感的灰绿色 */
    border: 1px solid #4a5c4e !important;
    border-bottom: 3px solid #0a0d0b !important; /* 模拟立体机动装置的厚重扳机 */
    
    /* 字体：无情、冷峻 */
    font-family: 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: bold !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    
    /* 细节：方正硬朗的边角 */
    border-radius: 3px !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.6) !important;
    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

button:hover, .menu_button:hover {
    /* 悬停：提亮绿色，犹如战火中的信号弹照亮披风 */
    background: linear-gradient(180deg, #3d4a40, #202923) !important;
    
    /* 文字：坐标之光的亮白金 */
    color: #ffffff !important;
    
    /* 边框：浮现尤弥尔通道的金色 */
    border-color: #c9a752 !important;
    border-bottom-color: #635021 !important;
    
    /* 效果：金色的轻微脉冲发光 */
    box-shadow: 0 0 12px rgba(201, 167, 82, 0.4), inset 0 0 5px rgba(255, 255, 255, 0.1) !important;
    transform: translateY(-1px) !important;
}

button:active, .menu_button:active {
    /* 点击：如同按下双刀的发射扳机 */
    transform: translateY(2px) !important;
    border-bottom-width: 1px !important;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.8) !important;
}

/* 1. 聊天框主体美化 - 进击的巨人：残酷高墙与战壕 */
.is-user > .border.border-muted,
.is-assistant > .border.border-muted {
    /* 背景：高墙石砖与阴暗战壕的深灰绿色渐变 */
    background: linear-gradient(to bottom, #1f2621, #131714) !important;
    
    /* 边框：冰冷的岩石与金属边框 */
    border: 1px solid #323d34 !important;
    
    /* 造型：刚硬的军事化直角，微弱的倒角 */
    border-radius: 4px !important;
    
    /* 阴影：沉重压抑的巨物压迫感 */
    box-shadow: 
        0 4px 12px rgba(0, 0, 0, 0.5), /* 沉重的底影 */
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important; /* 极微弱的金属倒角反光 */
        
    /* 字体颜色：具有极高对比度的骨白色，绝对保证可读性 */
    color: #d1ddd4 !important; 
}

/* User与NPC侧边标记区分 */
.is-user > .border.border-muted {
    /* 玩家：代表调查兵团的自由之翼墨绿 */
    border-left: 4px solid #526656 !important; 
}

.is-assistant > .border.border-muted {
    /* NPC：代表巨人降临、战斗流血的警告红 */
    border-left: 4px solid #8b2323 !important; 
}

/* ========================================================================= */
/* --- ★★★ 进击的巨人风格・调查兵团&巨人化核心加载框 (终极战损版) ★★★ --- */
/* ========================================================================= */

/* 1. 隐藏默认加载点 */
.flex.items-center.justify-center.size-6 > .flex.gap-2 { display: none !important; }

/* 2. 容器重构：自适应高度 + 强制盒模型 (石壁质感与巨人化闪电晕染 - 实体防透版) */
.flex.items-center.justify-center.size-6 {
    /* 布局重置 */
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 130px !important; /* 增加最小高度容纳立体机动徽记 */
    margin: 8px 0 !important;
    padding: 0 !important;
    
    /* 进击的巨人风格外观：帕拉迪岛石壁底色 + 顶部SVG系统警告文字(巨人袭来预警) */
    /* ★★★ 优化修复：增加 !important 强制覆盖平台透明背景，改为纯实体墙壁质感 ★★★ */
    background: 
        /* 顶部系统警告文字（SVG文本，背景块改为不透明暗石灰防止顶部脏污） */
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='22' viewBox='0 0 400 22'><rect width='400' height='22' fill='%23d3c8b4'/><text x='8' y='15' font-family='Courier New,monospace' font-size='10' font-weight='bold' fill='%238b0000' letter-spacing='1.2'>⚠ ALERT::TITAN_SPOTTED // WALL_ROSE_BREACHED</text></svg>") top left / 100% 22px no-repeat,
        /* 巨人化金色闪电与战损血液交融晕染氛围 */
        radial-gradient(ellipse 80px 50px at 50% 70px, rgba(139, 0, 0, 0.15) 0%, rgba(255, 215, 0, 0.12) 50%, transparent 75%),
        /* 主底色：罗塞之墙石板质感（纯实色渐变，彻底拒绝透明） */
        linear-gradient(135deg, #f0ede6 0%, #e4ded5 40%, #c4bcb0 100%) !important;
    
    background-color: #e4ded5 !important; /* 终极防透明保底色 */
    background-repeat: no-repeat !important;
    opacity: 1 !important; /* 强制完全不透明 */
    backdrop-filter: blur(12px) !important; /* 防止被父级强制透明时的毛玻璃兜底方案 */
    
    border: 1px solid #b8b1a2;
    border-left: 3px solid #8b0000; /* 左侧鲜血暗红警戒条 */
    border-radius: 4px;
    
    /* 关键：防止溢出 */
    box-sizing: border-box !important;
    overflow: hidden !important;
    position: relative !important;
    box-shadow: inset 0 0 15px rgba(44, 94, 59, 0.08), 0 2px 8px rgba(139, 0, 0, 0.15);
    
    /* 容器自身呼吸动画：巨人化脉动 */
    animation: titan-border-pulse 2.5s infinite ease-in-out;
    
    /* 确保容器不会被外部样式影响 */
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

/* ========== ★ 核心：::before 改造为持续旋转的立体机动装置与自由之翼核心 ★ ========== */
.flex.items-center.justify-center.size-6::before {
    content: "";
    position: absolute !important;
    top: 32px;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    
    /* 立体机动徽记：内置SVG，外沿驱动齿轮 + 交叉超硬质刃 + 坐标之力核心 */
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
<defs>\
<linearGradient id='blade_steel' x1='0%25' y1='0%25' x2='100%25' y2='100%25'>\
<stop offset='0%25' stop-color='%23e0e0e0'/>\
<stop offset='50%25' stop-color='%239e9e9e'/>\
<stop offset='100%25' stop-color='%234a4a4a'/>\
</linearGradient>\
<radialGradient id='coordinate_spark' cx='50%25' cy='50%25' r='50%25'>\
<stop offset='0%25' stop-color='%23ffd700'/>\
<stop offset='50%25' stop-color='%23ff4500'/>\
<stop offset='100%25' stop-color='%238b0000' stop-opacity='0.6'/>\
</radialGradient>\
</defs>\
<g transform='translate(50 50)'>\
<!-- 驱动齿轮 -->\
<circle cx='0' cy='0' r='38' fill='none' stroke='%234a4a4a' stroke-width='4' stroke-dasharray='10 6'/>\
<!-- 调查兵团绿环 -->\
<circle cx='0' cy='0' r='30' fill='none' stroke='%231a472a' stroke-width='2.5' opacity='0.85'/>\
<!-- 巨人化坐标核心 -->\
<circle cx='0' cy='0' r='12' fill='url(%23coordinate_spark)'/>\
<!-- 自由之翼抽象盾牌内框 -->\
<polygon points='0,-22 18,-10 18,10 0,26 -18,10 -18,-10' fill='none' stroke='%232c5e3b' stroke-width='2'/>\
<!-- 交叉超硬质刃 -->\
<path d='M -26 -26 L 26 26 M -26 26 L 26 -26' stroke='url(%23blade_steel)' stroke-width='3' stroke-linecap='square'/>\
<path d='M -20 -26 L 26 20 M -26 20 L 20 -26' stroke='%23d3d3d3' stroke-width='1' opacity='0.7'/>\
</g>\
</svg>") center / contain no-repeat;
    
    /* 战火与巨人闪电高光晕滤镜 */
    filter: drop-shadow(0 0 6px rgba(139, 0, 0, 0.6)) drop-shadow(0 0 12px rgba(255, 215, 0, 0.4));
    
    /* 关键：旋转动画 + 蒸汽脉动 */
    animation: 
        aot-crest-spin 6s linear infinite,
        aot-crest-glow 2s ease-in-out infinite alternate;
    
    z-index: 2;
    pointer-events: none;
    transform-origin: center center;
}

/* 3. 驱动齿轮旋转动画 */
@keyframes aot-crest-spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 4. 坐标之力光晕脉动 (巨人化金黄与调查兵团翠绿交替) */
@keyframes aot-crest-glow {
    0% { 
        filter: drop-shadow(0 0 4px rgba(139, 0, 0, 0.5)) drop-shadow(0 0 8px rgba(44, 94, 59, 0.3));
    }
    100% { 
        filter: drop-shadow(0 0 10px rgba(139, 0, 0, 1)) drop-shadow(0 0 20px rgba(255, 215, 0, 0.7)) drop-shadow(0 0 30px rgba(255, 69, 0, 0.4));
    }
}

/* 5. 核心：动态台词区 */
.flex.items-center.justify-center.size-6::after {
    content: ""; 
    display: block;
    width: 100%;
    /* 关键：上边距留出 100px 给系统提示栏(22px) + 徽记(60px) + 间距(18px) */
    padding: 100px 12px 12px 12px;
    
    /* 字体与排版 */
    font-family: 'Georgia', 'Songti SC', serif !important;
    font-size: 13.5px;
    line-height: 1.6;
    color: #2b2b2b; /* 墙壁卷轴上的深墨色 */
    text-align: left !important;
    font-style: italic;
    
    /* ★★★ 优化修复：加粗字重与强化白边发光，无惧复杂背景吃字 ★★★ */
    font-weight: 500 !important; 
    text-shadow: 
        0 1px 1px rgba(240, 237, 230, 1),
        0 0 4px rgba(240, 237, 230, 0.9),
        0 0 10px rgba(240, 237, 230, 0.7) !important;
    
    /* 关键修复：强制换行 */
    white-space: normal !important; 
    word-wrap: break-word !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
    
    /* 防止被外部样式覆盖 */
    text-transform: none !important;
    letter-spacing: normal !important;
    
    position: relative;
    z-index: 3;
    
    /* 双重动画：台词轮播 + 文字呼吸 */
    animation: 
        aot-quote-cycle 32s infinite step-end,
        aot-text-breath 3s ease-in-out infinite;
}

/* 6. 添加轻微的文字闪烁效果，增强坐标通道的精神共鸣感 */
@keyframes aot-text-breath {
    0%, 100% { 
        opacity: 1; 
        text-shadow: 0 1px 1px rgba(240, 237, 230, 1), 0 0 6px rgba(240, 237, 230, 0.9), 0 0 8px rgba(44, 94, 59, 0.3); 
    }
    50% { 
        opacity: 0.88; 
        text-shadow: 0 1px 1px rgba(240, 237, 230, 1), 0 0 6px rgba(240, 237, 230, 0.9), 0 0 12px rgba(139, 0, 0, 0.3); 
    }
}

/* 7. 台词内容轮播动画 (进击的巨人经典金句回溯) */
@keyframes aot-quote-cycle {
    0%   { content: "为什么要杀死艾伦，因为艾伦要杀死世界。艾伦为什么要杀死世界，因为世界要杀死我们。"; }
    12.5% { content: "「如果不战斗就会赢不了，战斗吧，战斗吧！塔塔开！」 ——艾伦·耶格尔"; }
    25%  { content: "「什么都无法舍弃的人，什么都无法改变。为了凌驾于怪物之上，哪怕是人性也要舍弃。」 ——阿尔敏·阿诺德"; }
    37.5% { content: "「放弃梦想，去死吧。带领新兵们冲向地狱，兽之巨人由我来解决。」 ——利威尔·阿克曼"; }
    50%  { content: "「这个世界是残酷的，但也是美丽的。所以我要活下去。」 ——三笠·阿克曼"; }
    62.5% { content: "「心臓を捧げよ！为了人类的荣光，献出你们的心脏吧！」 ——埃尔文·史密斯"; }
    75%  { content: "「我一直，在这个世界上，寻找着自由。墙外的大海，那是自由的象征。」 ——艾伦·耶格尔"; }
    87.5% { content: "「唯有胜者，才被允许生存，这就是这个世界的法则。」 ——阿尼·雷恩哈特"; }
}

/* 8. 边框呼吸动画 (巨人化闪电与高温蒸汽脉冲) */
@keyframes titan-border-pulse {
    0% { 
        border-bottom: 2px solid rgba(139, 0, 0, 0.3); 
        box-shadow: inset 0 0 15px rgba(44, 94, 59, 0.08), 0 2px 8px rgba(139, 0, 0, 0.15);
    }
    50% { 
        border-bottom: 2px solid rgba(255, 215, 0, 0.8); 
        box-shadow: 
            inset 0 0 25px rgba(139, 0, 0, 0.15), 
            0 4px 18px rgba(255, 69, 0, 0.35),
            inset 0 40px 50px -25px rgba(255, 215, 0, 0.2);
    }
    100% { 
        border-bottom: 2px solid rgba(139, 0, 0, 0.3); 
        box-shadow: inset 0 0 15px rgba(44, 94, 59, 0.08), 0 2px 8px rgba(139, 0, 0, 0.15);
    }
}

/* 9. 移动端字体微调 */
@media (max-width: 768px) {
    .flex.items-center.justify-center.size-6 {
        min-height: 120px !important;
        margin: 6px 0 !important;
    }
    
    .flex.items-center.justify-center.size-6::before {
        top: 30px;
        width: 52px;
        height: 52px;
        margin-left: -26px;
    }
    
    .flex.items-center.justify-center.size-6::after {
        font-size: 12.5px;
        line-height: 1.5;
        padding: 92px 10px 10px 10px;
    }
}

/* 10. 超小屏幕设备适配 */
@media (max-width: 480px) {
    .flex.items-center.justify-center.size-6 {
        min-height: 110px !important;
    }
    .flex.items-center.justify-center.size-6::before {
        top: 28px;
        width: 46px;
        height: 46px;
        margin-left: -23px;
    }
    .flex.items-center.justify-center.size-6::after {
        font-size: 11.5px;
        line-height: 1.4;
        padding: 82px 10px 10px 10px;
    }
}

/* 11. 高对比度模式适配 */
@media (prefers-contrast: high) {
    .flex.items-center.justify-center.size-6::after {
        color: #000000 !important;
        text-shadow: none !important;
    }
}

/* 12. 减少动画偏好用户的关怀模式 */
@media (prefers-reduced-motion: reduce) {
    .flex.items-center.justify-center.size-6::before {
        animation: aot-crest-spin 30s linear infinite, aot-crest-glow 4s ease-in-out infinite alternate;
    }
}