/* ============ 桌面拼贴备忘录 · 主容器 ============ */
ai{
  display:block;
  padding:18px 12px 30px;
  background:
    radial-gradient(ellipse at 20% 10%,rgba(255,220,150,.12),transparent 60%),
    radial-gradient(ellipse at 80% 90%,rgba(180,100,80,.15),transparent 60%),
    repeating-linear-gradient(92deg,#3d2817 0 3px,#4a3020 3px 6px,#412a1a 6px 11px),
    linear-gradient(#3d2817,#5c3a23);
  border-radius:14px;
  box-shadow:inset 0 0 80px rgba(0,0,0,.5),0 8px 30px rgba(0,0,0,.4);
  font-family:"PingFang SC","Microsoft YaHei",sans-serif;
  color:#3a2618;
  position:relative;
  overflow:hidden;
}
ai::before{
  content:"📎 𝓜𝓮𝓶𝓸 ✦ 𝓓𝓮𝓼𝓴";
  position:absolute;top:8px;right:14px;
  font-size:11px;letter-spacing:3px;
  color:rgba(255,230,180,.35);
  font-style:italic;
  pointer-events:none;
}

ai details{
  margin:18px 6px;
  position:relative;
  transition:transform .4s cubic-bezier(.34,1.56,.64,1);
}
ai details[open]{transform:translateY(-2px)}
ai details summary{
  cursor:pointer;
  list-style:none;
  user-select:none;
  position:relative;
  font-weight:700;
}
ai details summary::-webkit-details-marker{display:none}
ai details summary::after{
  content:"▸";
  position:absolute;right:14px;top:50%;
  transform:translateY(-50%);
  transition:transform .3s;
  opacity:.6;
}
ai details[open] summary::after{transform:translateY(-50%) rotate(90deg)}

/* ============ 正文 ============ */
ai .story{
  display:block;
  margin:20px 12px;
  padding:22px 24px;
  background:
    repeating-linear-gradient(transparent 0 27px,rgba(180,140,90,.18) 27px 28px),
    linear-gradient(135deg,#fdf6e3 0%,#f4ebd0 100%);
  border-radius:3px 16px 4px 14px;
  box-shadow:
    0 2px 0 #d9c89a,
    0 4px 14px rgba(0,0,0,.25),
    inset 0 0 40px rgba(180,130,80,.08);
  font-size:15px;line-height:28px;
  color:#3a2a18;
  position:relative;
  text-indent:2em;
}
ai .story::before{
  content:"";position:absolute;top:-8px;left:30px;
  width:60px;height:18px;
  background:linear-gradient(135deg,rgba(255,200,100,.7),rgba(255,180,80,.4));
  border:1px dashed rgba(120,80,40,.4);
  transform:rotate(-4deg);
  box-shadow:0 2px 4px rgba(0,0,0,.2);
}

/* ============ ① 当前情况 · 黄色便利贴 ============ */
ai .sticky{
  background:linear-gradient(170deg,#fff6a8 0%,#ffe97a 100%);
  padding:14px 18px 18px;
  border-radius:2px 18px 4px 14px;
  transform:rotate(-1.5deg);
  box-shadow:
    2px 2px 0 rgba(200,160,40,.3),
    4px 6px 14px rgba(0,0,0,.25),
    inset 0 0 30px rgba(255,200,80,.3);
  font-family:"Kaiti SC","KaiTi","楷体",serif;
}
ai .sticky::before{
  content:"";position:absolute;top:-8px;left:50%;
  width:22px;height:22px;
  background:radial-gradient(circle at 35% 35%,#e74c3c,#922);
  border-radius:50%;
  transform:translateX(-50%);
  box-shadow:0 3px 5px rgba(0,0,0,.4),inset -2px -2px 4px rgba(0,0,0,.4);
  z-index:2;
}
ai .sticky::after{
  content:"";position:absolute;top:-2px;left:50%;
  width:3px;height:30px;background:#7a3018;
  transform:translateX(-50%);
}
ai .sticky summary{
  font-size:18px;color:#7a5a10;
  border-bottom:2px dashed rgba(120,80,20,.4);
  padding-bottom:6px;margin-bottom:8px;
  letter-spacing:2px;
}
ai .note-body p{
  margin:6px 0;font-size:14px;color:#4a3010;
}
ai .note-body .day em{
  font-style:normal;font-weight:bold;
  font-size:18px;color:#c0392b;
  padding:0 4px;
}
ai .persona{
  margin-top:10px!important;padding:6px 10px;
  border-radius:8px;
  background:rgba(255,255,255,.4);
  border-left:4px solid #e91e63;
}
ai .persona span{
  display:inline-block;padding:2px 10px;
  background:linear-gradient(90deg,#ff6b9d,#c44569);
  color:#fff;border-radius:10px;
  font-weight:bold;
  box-shadow:0 2px 4px rgba(0,0,0,.2);
}

/* ============ ② 主角档案 · 牛皮纸文件 ============ */
ai .dossier{
  background:
    radial-gradient(ellipse at 30% 20%,rgba(255,220,150,.4),transparent 50%),
    repeating-linear-gradient(45deg,#d4b886 0 2px,#c9ad7a 2px 4px),
    #d4b886;
  padding:18px 22px 20px;
  border-radius:4px;
  box-shadow:
    inset 0 0 40px rgba(100,60,20,.3),
    0 6px 16px rgba(0,0,0,.35);
  border:1px dashed rgba(80,50,20,.4);
  position:relative;
  transform:rotate(.4deg);
}
ai .dossier::before{
  content:"";position:absolute;
  top:0;bottom:0;left:18px;width:0;
  border-left:1px dashed rgba(80,50,20,.5);
}
ai .dossier::after{
  content:"●●●●●●●●●●●●";
  position:absolute;left:6px;top:14px;bottom:14px;
  width:8px;
  font-size:9px;line-height:18px;letter-spacing:0;
  color:rgba(60,30,10,.4);
  writing-mode:vertical-rl;
}
ai .dossier summary{
  font-size:17px;letter-spacing:4px;
  color:#5d2e0e;
  border-bottom:2px solid #5d2e0e;
  padding:0 0 6px 26px;margin-bottom:10px;
  font-family:"Times New Roman",serif;
}
ai .dossier summary::before{
  content:"📋";margin-right:8px;
}
ai .stamp{
  position:absolute;top:14px;right:18px;
  padding:4px 12px;
  border:3px double #c0392b;
  color:#c0392b;
  font-weight:900;font-size:12px;letter-spacing:3px;
  transform:rotate(-12deg);
  font-family:"Times New Roman",serif;
  opacity:.85;
  background:rgba(255,255,255,.05);
  text-shadow:1px 1px 0 rgba(192,57,43,.2);
  animation:stamp .6s cubic-bezier(.5,2,.5,1) both;
}
@keyframes stamp{
  0%{transform:rotate(-12deg) scale(3);opacity:0}
  60%{transform:rotate(-12deg) scale(.9);opacity:1}
  100%{transform:rotate(-12deg) scale(1);opacity:.85}
}
ai .dos-body{padding-left:26px;font-size:14px;line-height:24px}
ai .dos-body p{margin:4px 0;color:#3a2008}
ai .dos-body p.long{
  background:rgba(255,250,230,.5);
  padding:6px 10px;border-left:3px solid #8b5a2b;
  margin:8px 0;
}
ai .dos-body b{color:#6b3410;letter-spacing:1px}
ai tag{
  display:inline-block;padding:1px 10px;
  background:linear-gradient(90deg,#e74c3c,#c0392b);
  color:#fff;border-radius:10px;
  font-size:12px;
  box-shadow:0 1px 3px rgba(0,0,0,.3);
}
ai .money{
  display:inline-block;padding:6px 16px;
  background:linear-gradient(135deg,#f9e79f,#f4d03f);
  border:2px dashed #b7950b;
  border-radius:8px;
  font-weight:bold;color:#7d6608;
  font-size:16px;
  box-shadow:0 2px 4px rgba(0,0,0,.2);
}
ai .items{
  list-style:none;padding:8px 0 0 4px;margin:0;
}
ai .items li{
  position:relative;padding:4px 8px 4px 22px;
  margin:3px 0;
  background:rgba(255,250,235,.6);
  border-radius:4px;
  font-size:13px;
}
ai .items li::before{
  content:"▣";position:absolute;left:6px;color:#8b5a2b;
}

/* ============ ③ NPC信息 · 便签+拍立得 ============ */
ai .npc{
  background:transparent;
  padding:0;
}
ai .npc summary{
  display:inline-block;
  padding:8px 22px;
  background:linear-gradient(135deg,#fce4ec,#f8bbd0);
  color:#880e4f;font-size:16px;letter-spacing:3px;
  border-radius:18px 18px 4px 4px;
  box-shadow:0 2px 6px rgba(136,14,79,.25);
  transform:rotate(-1deg);
}
ai .card{
  margin-top:12px;
  padding:18px 16px;
  border-radius:4px;
  display:grid;
  grid-template-columns:140px 1fr;
  gap:14px;
  box-shadow:0 4px 14px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.4);
  position:relative;
  transform:rotate(.6deg);
}
ai .card.lin{
  background:
    radial-gradient(circle at 90% 10%,rgba(255,200,220,.6),transparent 50%),
    linear-gradient(170deg,#fff0f5 0%,#ffd6e7 100%);
  color:#5d1a3a;
}
ai .card.lan{
  background:
    radial-gradient(circle at 10% 90%,rgba(120,30,80,.4),transparent 50%),
    linear-gradient(170deg,#1a0a14 0%,#2d0f1f 60%,#1a0a14 100%);
  color:#f0c8d8;
  transform:rotate(-.8deg);
  box-shadow:0 4px 18px rgba(0,0,0,.6),inset 0 0 0 1px rgba(180,80,140,.3);
}
ai .card.lan b{color:#ff8ab8}
ai .card.lan i{color:#d090b8}
ai .card.lan::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(45deg,transparent 0 8px,rgba(180,80,140,.04) 8px 9px);
  border-radius:4px;
}

/* 拍立得 */
ai .polaroid{
  background:#fff;
  padding:8px 8px 36px;
  width:130px;
  box-shadow:0 4px 10px rgba(0,0,0,.4),inset 0 0 0 1px rgba(0,0,0,.05);
  transform:rotate(-3deg);
  transition:transform .4s cubic-bezier(.34,1.56,.64,1);
  position:relative;
  align-self:start;
}
ai .polaroid:hover{transform:rotate(0) scale(1.05)}
ai .polaroid::before{
  content:"";position:absolute;top:-6px;left:50%;
  width:50px;height:18px;
  background:linear-gradient(rgba(255,255,200,.7),rgba(255,230,140,.5));
  border:1px solid rgba(180,140,40,.3);
  transform:translateX(-50%) rotate(-3deg);
  box-shadow:0 1px 3px rgba(0,0,0,.2);
}
ai .polaroid.dark{background:#15080d;box-shadow:0 4px 10px rgba(0,0,0,.6),inset 0 0 0 1px rgba(180,80,140,.3)}
ai .polaroid.dark::before{
  background:linear-gradient(rgba(80,20,50,.8),rgba(120,40,80,.6));
}
ai .polaroid img{
  width:100%;display:block;
  aspect-ratio:1/1;object-fit:cover;
  filter:saturate(1.1) contrast(1.05);
}
ai .polaroid.dark img{filter:saturate(.9) contrast(1.1) hue-rotate(-10deg) brightness(.95)}
ai .polaroid .cap{
  position:absolute;left:0;right:0;bottom:8px;
  text-align:center;
  font-family:"Kaiti SC",cursive;
  font-size:14px;
  color:#5d1a3a;
}
ai .polaroid.dark .cap{color:#ff8ab8;text-shadow:0 0 6px rgba(255,80,140,.6)}

ai .info h3{
  margin:0 0 8px;font-size:18px;
  border-bottom:1px dotted currentColor;
  padding-bottom:4px;
}
ai .info h3 small{font-size:12px;opacity:.7;font-weight:normal;margin-left:8px}
ai .info p{margin:3px 0;font-size:13px;line-height:21px}
ai .info .sub{
  margin-top:8px;padding:2px 0;
  font-size:11px;letter-spacing:4px;
  text-align:center;opacity:.6;
  border-top:1px dashed currentColor;
  border-bottom:1px dashed currentColor;
}
ai .info .quote{
  background:rgba(255,255,255,.4);
  padding:6px 10px;border-radius:8px 8px 8px 0;
  font-style:italic;
  margin:6px 0!important;
}
ai .card.lan .quote{background:rgba(120,30,80,.25);border:1px solid rgba(180,80,140,.3)}

/* 数值条 */
ai .bar{
  display:grid;grid-template-columns:50px 1fr 60px;
  align-items:center;gap:8px;
  margin:5px 0!important;
  font-size:12px;
}
ai .bar b{font-size:12px;font-weight:bold}
ai .bar i{
  display:block;height:10px;
  background:rgba(0,0,0,.15);
  border-radius:5px;
  position:relative;overflow:hidden;
}
ai .bar i::before{
  content:"";position:absolute;inset:0;
  width:var(--w,0%);
  background:linear-gradient(90deg,#ff80ab,#f06292);
  border-radius:5px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 8px rgba(240,98,146,.5);
  transition:width 1s cubic-bezier(.34,1.56,.64,1);
}
ai .bar i::after{
  content:"";position:absolute;top:0;left:0;
  width:var(--w,0%);height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);
  background-size:30px 100%;
  animation:flow 2s linear infinite;
}
@keyframes flow{from{background-position:-30px 0}to{background-position:120% 0}}
ai .bar em{font-style:normal;font-size:11px;text-align:right;opacity:.8}
ai .bar.hot i::before{background:linear-gradient(90deg,#ff9800,#ff5722);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 10px rgba(255,87,34,.6)}
ai .bar.shy i::before{background:linear-gradient(90deg,#ffb6c1,#ff69b4);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 8px rgba(255,105,180,.5)}
ai .bar.hidden i::before{
  background:linear-gradient(90deg,#9c27b0,#673ab7);
  filter:blur(2px);
}
ai .bar.hidden em{filter:blur(1.5px);transition:filter .3s}
ai .bar.hidden:hover em,ai .bar.hidden:hover i::before{filter:none}

/* ============ ④ 恋爱絮语 · 皮质日记 ============ */
ai .diary{
  background:
    linear-gradient(90deg,#3d1810 0 22px,#5d2818 22px 28px,#fdf6e3 28px),
    #fdf6e3;
  padding:20px 26px 24px 50px;
  border-radius:4px 12px 12px 4px;
  box-shadow:
    inset 6px 0 0 rgba(0,0,0,.3),
    0 6px 18px rgba(0,0,0,.4);
  position:relative;
}
ai .diary::before{
  content:"";position:absolute;
  top:30px;left:8px;
  width:6px;height:60px;
  background:linear-gradient(180deg,#d4af37,#a8821e);
  box-shadow:0 4px 10px rgba(0,0,0,.3);
}
ai .diary::after{
  content:"";position:absolute;
  top:-4px;right:40px;
  width:30px;height:80px;
  background:linear-gradient(180deg,#e91e63,#ad1457);
  clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%);
  box-shadow:2px 2px 6px rgba(0,0,0,.3);
}
ai .diary summary{
  font-size:18px;color:#fdf6e3;
  position:absolute;top:-12px;left:60px;
  background:linear-gradient(135deg,#5d2818,#3d1810);
  padding:6px 18px;
  border-radius:6px;
  letter-spacing:3px;
  box-shadow:0 3px 8px rgba(0,0,0,.4),inset 0 0 0 1px #d4af37;
  font-family:"Kaiti SC",serif;
}
ai .diary .page{
  background:
    repeating-linear-gradient(transparent 0 26px,rgba(180,140,90,.25) 26px 27px),
    transparent;
  padding-top:8px;
  font-family:"Kaiti SC","KaiTi",serif;
  color:#3a2008;
}
ai .diary h4{
  margin:14px 0 6px;
  font-size:15px;
  color:#8b1a3f;
  border-bottom:1px solid rgba(139,26,63,.3);
  padding-bottom:2px;
}
ai .diary h4 small{font-size:11px;color:#a78458;font-weight:normal;margin-left:6px}
ai .moments,ai .secrets{
  list-style:none;padding:0;margin:0;
}
ai .moments li,ai .secrets li{
  padding:4px 8px 4px 26px;
  position:relative;
  font-size:14px;line-height:26px;
}
ai .moments li::before{
  content:"♡";position:absolute;left:6px;
  color:#e91e63;font-size:14px;
  animation:beat 1.4s ease-in-out infinite;
}
@keyframes beat{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}
ai .secrets li::before{content:"🔍";position:absolute;left:4px;font-size:12px}
ai .lin-d,ai .lan-d{
  margin:6px 0;
  padding:10px 14px 10px 36px;
  font-style:italic;
  font-size:14px;line-height:24px;
  border-radius:6px;
  position:relative;
}
ai .lin-d{
  background:linear-gradient(90deg,rgba(255,182,193,.4),rgba(255,228,235,.3));
  border-left:3px solid #ff80ab;
  color:#5d1a3a;
}
ai .lin-d::before{
  content:"❀";position:absolute;left:10px;top:8px;
  font-size:18px;color:#ff80ab;
}
ai .lan-d{
  background:linear-gradient(90deg,rgba(120,30,80,.2),rgba(60,15,40,.1));
  border-left:3px solid #7b2d4e;
  color:#5d1a3a;
}
ai .lan-d::before{
  content:"☾";position:absolute;left:10px;top:8px;
  font-size:18px;color:#7b2d4e;
}
ai .unsaid{
  padding:5px 10px;margin:4px 0!important;
  border-radius:4px;font-size:13px;
}
ai .unsaid.lin{background:rgba(255,182,193,.3);border-left:3px solid #f06292}
ai .unsaid.lan{background:rgba(120,30,80,.15);border-left:3px solid #7b2d4e}

/* ============ ⑤ 手机讯息 · iPhone拟真 ============ */
ai .phone{
  background:transparent;padding:0;
  display:flex;flex-direction:column;align-items:center;
}
ai .phone>summary{
  background:linear-gradient(135deg,#1c1c1e,#2c2c2e);
  color:#0af;
  padding:8px 22px;border-radius:14px;
  font-size:15px;letter-spacing:2px;
  box-shadow:0 2px 8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);
  align-self:flex-start;
}
ai .phone .screen{
  width:min(340px,96%);
  margin:14px auto 0;
  background:#000;
  border-radius:42px;
  padding:14px 8px 18px;
  box-shadow:
    0 0 0 4px #1c1c1e,
    0 0 0 6px #444,
    0 14px 30px rgba(0,0,0,.5),
    inset 0 0 0 2px #2a2a2c;
  position:relative;
  overflow:hidden;
}
ai .phone .screen::before{
  content:"";position:absolute;
  top:0;left:0;right:0;height:60%;
  background:linear-gradient(180deg,rgba(255,255,255,.04),transparent);
  pointer-events:none;
}
ai .island{
  width:100px;height:26px;
  background:#000;border-radius:14px;
  margin:0 auto 10px;
  box-shadow:inset 0 0 0 1px #1a1a1a,0 0 12px rgba(80,180,255,.15);
  position:relative;
  animation:islandBreath 3s ease-in-out infinite;
}
@keyframes islandBreath{0%,100%{box-shadow:inset 0 0 0 1px #1a1a1a,0 0 8px rgba(80,180,255,.1)}50%{box-shadow:inset 0 0 0 1px #1a1a1a,0 0 16px rgba(80,180,255,.3)}}
ai .island::after{
  content:"";position:absolute;right:10px;top:50%;
  width:8px;height:8px;border-radius:50%;
  background:radial-gradient(circle at 30% 30%,#222,#000);
  transform:translateY(-50%);
  box-shadow:inset 0 0 2px rgba(80,180,255,.3);
}
ai .statbar{
  display:flex;justify-content:space-between;
  padding:0 18px;color:#fff;font-size:11px;
  margin-bottom:10px;font-weight:600;
}
ai .phone .app{
  background:linear-gradient(180deg,#1c1c1e,#2c2c2e);
  margin:8px 6px;padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.06);
}
ai .phone .app h5{
  margin:0 0 8px;font-size:13px;
  color:#fff;letter-spacing:1px;
  border-bottom:1px solid rgba(255,255,255,.1);
  padding-bottom:5px;
}
ai .phone .app.wechat h5{color:#07c160}
ai .phone .app.qq h5{color:#12b7f5}
ai .phone .app.album h5{color:#ff9500}
ai .phone .app.memo h5{color:#ffcc00}
ai .phone .msg{
  background:#3a3a3c;
  margin:5px 0;padding:6px 10px;
  border-radius:10px;
  font-size:12px;color:#e5e5e7;
  position:relative;
  animation:msgIn .4s ease-out backwards;
}
ai .phone .msg:nth-child(2){animation-delay:.1s}
ai .phone .msg:nth-child(3){animation-delay:.2s}
ai .phone .msg:nth-child(4){animation-delay:.3s}
@keyframes msgIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
ai .phone .msg b{
  display:block;font-size:11px;color:#0af;
  margin-bottom:2px;
}
ai .phone .msg p{margin:0;line-height:18px;color:#fff}
ai .phone .qq .msg b{color:#12b7f5}
ai .phone .album .pics span{
  display:block;
  background:
    repeating-linear-gradient(45deg,#444 0 10px,#3a3a3c 10px 20px);
  padding:24px 10px;border-radius:8px;
  text-align:center;font-size:12px;color:#ddd;
  border:2px dashed rgba(255,149,0,.4);
}
ai .phone .memo p{
  background:linear-gradient(180deg,#3a3a2c,#2c2c1e);
  margin:0;padding:8px 10px;
  border-radius:8px;
  border-left:3px solid #ffcc00;
  font-size:12px;color:#ffe;
  font-family:monospace;
}

/* ============ ⑥ 记忆区 · 索引卡 ============ */
ai .memory{
  background:
    radial-gradient(circle at 20% 80%,rgba(139,69,19,.15) 18px,transparent 19px),
    radial-gradient(circle at 75% 30%,rgba(139,69,19,.1) 14px,transparent 15px),
    linear-gradient(#f5e6c8,#e8d4a8);
  padding:18px 20px;
  border-radius:2px;
  box-shadow:0 4px 12px rgba(0,0,0,.3),inset 0 0 0 1px rgba(80,40,10,.2);
  font-family:"Courier New",monospace;
  border-left:6px double #8b5a2b;
  position:relative;
  transform:rotate(-.3deg);
}
ai .memory::before{
  content:"INDEX · 档案室";
  position:absolute;top:8px;right:14px;
  font-size:10px;letter-spacing:2px;
  color:#8b5a2b;opacity:.6;
}
ai .memory summary{
  font-size:16px;color:#5d2e0e;
  letter-spacing:3px;
  border-bottom:2px dashed #8b5a2b;
  padding-bottom:6px;margin-bottom:10px;
  font-family:"Courier New",monospace;
}
ai .memory h4{
  margin:14px 0 6px;
  font-size:13px;color:#5d2e0e;
  background:rgba(139,90,43,.15);
  padding:4px 10px;
  border-left:4px solid #8b5a2b;
  letter-spacing:2px;
}
ai .memory table{
  width:100%;border-collapse:collapse;
  font-size:12px;
  background:rgba(255,250,235,.5);
}
ai .memory th{
  background:#8b5a2b;color:#fdf6e3;
  padding:5px 8px;font-weight:bold;
  letter-spacing:1px;font-size:11px;
}
ai .memory td{
  padding:6px 8px;
  border:1px dashed rgba(139,90,43,.4);
  color:#3a2008;
  vertical-align:top;
}
ai .memory tr:hover td{background:rgba(255,220,140,.3)}
ai .memory .stm th{background:#a0522d}

/* ============ ⑦ 行动推荐 · 打字机选单 ============ */
ai .action{
  background:linear-gradient(180deg,#2c1810,#3d2818);
  padding:16px 20px;
  border-radius:6px;
  box-shadow:0 6px 14px rgba(0,0,0,.4),inset 0 0 30px rgba(0,0,0,.4),inset 0 1px 0 rgba(212,175,55,.3);
  border:1px solid rgba(212,175,55,.4);
}
ai .action summary{
  font-size:15px;color:#d4af37;
  letter-spacing:6px;
  font-family:"Courier New",monospace;
  text-shadow:0 0 8px rgba(212,175,55,.4);
  padding-bottom:6px;
  border-bottom:1px solid rgba(212,175,55,.3);
}
ai .acts{
  list-style:none;padding:10px 0 0;margin:0;
  counter-reset:k;
}
ai .acts li{
  counter-increment:k;
  position:relative;
  margin:8px 0;padding:10px 14px 10px 50px;
  background:linear-gradient(90deg,rgba(212,175,55,.08),transparent);
  border:1px solid rgba(212,175,55,.2);
  border-radius:4px;
  color:#f0d97a;
  font-size:13px;line-height:20px;
  font-family:"Courier New","Kaiti SC",monospace;
  cursor:pointer;
  transition:all .3s;
}
ai .acts li::before{
  content:"["counter(k)"]";
  position:absolute;left:10px;top:50%;
  transform:translateY(-50%);
  width:30px;height:24px;
  background:linear-gradient(180deg,#d4af37,#8b6914);
  color:#2c1810;
  font-weight:bold;
  display:flex;align-items:center;justify-content:center;
  border-radius:3px;
  font-size:12px;
  box-shadow:0 2px 0 #5d4410,inset 0 1px 0 rgba(255,255,255,.4);
  transition:all .15s;
}
ai .acts li:hover{
  background:linear-gradient(90deg,rgba(212,175,55,.25),rgba(212,175,55,.05));
  border-color:#d4af37;
  transform:translateX(4px);
  box-shadow:0 0 12px rgba(212,175,55,.3);
}
ai .acts li:hover::before{
  transform:translateY(-50%) translateY(2px);
  box-shadow:0 0 0 #5d4410,inset 0 1px 0 rgba(255,255,255,.4);
}
ai .acts li:active{transform:translateX(2px)}

/* ============ 移动端适配 ============ */
@media(max-width:480px){
  ai{padding:12px 6px}
  ai details{margin:14px 2px}
  ai .card{grid-template-columns:1fr;gap:8px}
  ai .polaroid{margin:0 auto;width:160px}
  ai .story{padding:16px 14px;font-size:14px}
  ai .dossier{padding:14px 16px 16px 30px}
  ai .diary{padding:18px 16px 18px 38px}
  ai .stamp{top:10px;right:10px;font-size:10px;padding:3px 8px}
}
/* ============================================ */
/*  ✦ ENHANCEMENT PATCH · 质感与动效增强  ✦  */
/* ============================================ */

/* ---------- 全局：入场动画 + 折叠展开微动 ---------- */
@keyframes pickup{
  0%{opacity:0;transform:translateY(20px) rotate(-3deg) scale(.95)}
  60%{transform:translateY(-4px) rotate(.5deg) scale(1.02)}
  100%{opacity:1;transform:none}
}
ai>details{animation:pickup .6s cubic-bezier(.34,1.56,.64,1) backwards}
ai>details:nth-of-type(1){animation-delay:.05s}
ai>details:nth-of-type(2){animation-delay:.15s}
ai>details:nth-of-type(3){animation-delay:.25s}
ai>details:nth-of-type(4){animation-delay:.35s}
ai>details:nth-of-type(5){animation-delay:.45s}
ai>details:nth-of-type(6){animation-delay:.55s}
ai>details:nth-of-type(7){animation-delay:.65s}

ai details[open] summary{
  animation:summaryPress .3s ease;
}
@keyframes summaryPress{
  0%{transform:scale(1)}
  40%{transform:scale(.96)}
  100%{transform:scale(1)}
}
ai details summary:active{transform:scale(.97)!important;transition:transform .1s}

/* ---------- 桌面增强：木纹光晕 + 飘落樱花 ---------- */
ai::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 15% 25%,rgba(255,200,150,.08) 0,transparent 8%),
    radial-gradient(circle at 85% 70%,rgba(255,180,100,.06) 0,transparent 10%),
    radial-gradient(circle at 50% 50%,rgba(0,0,0,.15),transparent 70%);
  mix-blend-mode:overlay;
}
ai>article.story::after{
  content:"❀";position:absolute;top:8px;right:18px;
  font-size:14px;color:rgba(255,150,180,.5);
  animation:floatPetal 6s ease-in-out infinite;
  pointer-events:none;
}
@keyframes floatPetal{
  0%,100%{transform:translateY(0) rotate(0);opacity:.5}
  50%{transform:translateY(-6px) rotate(20deg);opacity:.9}
}

/* ---------- 正文：纸张噪点 + 墨迹首字 ---------- */
ai .story{
  background-image:
    repeating-linear-gradient(transparent 0 27px,rgba(180,140,90,.18) 27px 28px),
    radial-gradient(circle at 20% 30%,rgba(120,80,40,.04) 0,transparent 1px),
    radial-gradient(circle at 70% 60%,rgba(120,80,40,.03) 0,transparent 1px),
    linear-gradient(135deg,#fdf6e3 0%,#f4ebd0 100%);
  background-size:auto,3px 3px,5px 5px,auto;
  transition:transform .4s,box-shadow .4s;
}
ai .story:hover{
  transform:translateY(-2px) rotate(.2deg);
  box-shadow:0 2px 0 #d9c89a,0 10px 24px rgba(0,0,0,.32),inset 0 0 40px rgba(180,130,80,.08);
}
ai .story::after{
  content:"";position:absolute;left:0;top:0;width:100%;height:4px;
  background:linear-gradient(90deg,transparent,rgba(120,80,40,.2),transparent);
  animation:scan 8s linear infinite;
}
@keyframes scan{from{transform:translateX(-100%)}to{transform:translateX(100%)}}

/* ---------- 便利贴：风吹摇摆 + 图钉光泽 ---------- */
ai .sticky{
  transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .4s;
  transform-origin:top center;
}
ai .sticky:hover{
  transform:rotate(-2.5deg) translateY(-3px);
  animation:swing 2s ease-in-out infinite;
  box-shadow:3px 4px 0 rgba(200,160,40,.3),6px 10px 20px rgba(0,0,0,.3),inset 0 0 30px rgba(255,200,80,.4);
}
@keyframes swing{
  0%,100%{transform:rotate(-2.5deg) translateY(-3px)}
  50%{transform:rotate(-.8deg) translateY(-5px)}
}
ai .sticky::before{
  background:radial-gradient(circle at 35% 35%,#ff6e60 0,#e74c3c 40%,#922 80%);
  animation:pinShine 4s ease-in-out infinite;
}
@keyframes pinShine{
  0%,100%{box-shadow:0 3px 5px rgba(0,0,0,.4),inset -2px -2px 4px rgba(0,0,0,.4),0 0 0 rgba(255,200,150,0)}
  50%{box-shadow:0 3px 8px rgba(0,0,0,.5),inset -2px -2px 4px rgba(0,0,0,.4),0 0 12px rgba(255,200,150,.6)}
}
ai .persona span{
  position:relative;overflow:hidden;
}
ai .persona span::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);
  animation:shine 3s linear infinite;
}
@keyframes shine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}

/* ---------- 牛皮纸档案：纸张纤维 + 翻页 ---------- */
ai .dossier{
  background-image:
    radial-gradient(ellipse at 30% 20%,rgba(255,220,150,.4),transparent 50%),
    repeating-linear-gradient(45deg,#d4b886 0 2px,#c9ad7a 2px 4px),
    radial-gradient(circle at 25% 75%,rgba(80,40,10,.08) 0,transparent 2px),
    radial-gradient(circle at 75% 25%,rgba(80,40,10,.06) 0,transparent 2px);
  background-size:auto,auto,7px 7px,11px 11px;
  transition:transform .4s,box-shadow .4s;
}
ai .dossier:hover{
  transform:rotate(0) translateY(-3px);
  box-shadow:inset 0 0 40px rgba(100,60,20,.3),0 12px 24px rgba(0,0,0,.45);
}
ai .stamp{
  cursor:default;
  transition:transform .3s;
}
ai .stamp:hover{
  animation:stampShake .4s;
}
@keyframes stampShake{
  0%,100%{transform:rotate(-12deg) scale(1)}
  25%{transform:rotate(-15deg) scale(1.05)}
  75%{transform:rotate(-9deg) scale(1.05)}
}
ai .items li{
  transition:all .25s;
  cursor:default;
}
ai .items li:hover{
  background:rgba(255,235,180,.9);
  transform:translateX(6px);
  box-shadow:-3px 0 0 #c0392b;
}
ai .items li:hover::before{
  color:#c0392b;
  animation:tick .3s;
}
@keyframes tick{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.4) rotate(20deg)}100%{transform:scale(1) rotate(0)}}
ai .money{
  transition:transform .3s,box-shadow .3s;
  cursor:pointer;
}
ai .money:hover{
  transform:scale(1.05) rotate(-2deg);
  box-shadow:0 4px 10px rgba(0,0,0,.3),0 0 20px rgba(244,208,63,.6);
  animation:coinFlip 1s;
}
@keyframes coinFlip{
  0%,100%{filter:brightness(1)}
  50%{filter:brightness(1.3) saturate(1.3)}
}

/* ---------- NPC卡片：拍立得交互升级 ---------- */
ai .card{
  transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .4s;
}
ai .card.lin:hover{
  transform:rotate(0) translateY(-4px) scale(1.01);
  box-shadow:0 12px 30px rgba(255,105,180,.3),inset 0 0 0 1px rgba(255,255,255,.6);
}
ai .card.lan:hover{
  transform:rotate(0) translateY(-4px) scale(1.01);
  box-shadow:0 12px 30px rgba(180,80,140,.5),inset 0 0 0 1px rgba(180,80,140,.5);
}
ai .card.lan{
  position:relative;
}
ai .card.lan::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 30% 70%,rgba(255,80,140,.15),transparent 60%);
  animation:lanPulse 4s ease-in-out infinite;
  border-radius:4px;
}
@keyframes lanPulse{
  0%,100%{opacity:.4}
  50%{opacity:.9}
}
ai .polaroid{
  cursor:pointer;
}
ai .polaroid:hover::before{
  background:linear-gradient(rgba(255,255,200,.9),rgba(255,230,140,.7));
  animation:tapeShine .6s;
}
ai .polaroid.dark:hover::before{
  background:linear-gradient(rgba(120,40,80,1),rgba(180,80,140,.8));
}
@keyframes tapeShine{
  0%{filter:brightness(1)}
  50%{filter:brightness(1.5) drop-shadow(0 0 6px rgba(255,255,200,.8))}
  100%{filter:brightness(1)}
}
ai .polaroid img{transition:filter .4s,transform .4s}
ai .polaroid:hover img{filter:saturate(1.3) contrast(1.1) brightness(1.05)}
ai .polaroid.dark:hover img{filter:saturate(1.1) contrast(1.15) hue-rotate(-15deg) brightness(1)}

/* 数值条点击涟漪 + 满级金光 */
ai .bar{cursor:pointer;transition:transform .2s}
ai .bar:active{transform:scale(.98)}
ai .bar i{transition:height .2s}
ai .bar:hover i{height:13px}
ai .bar[data-v="100"] i::before,
ai .bar i::before{transition:width 1.2s cubic-bezier(.34,1.56,.64,1),box-shadow .4s}
ai .bar:hover i::before{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 0 16px currentColor;
}
ai .info .quote{
  transition:transform .3s,box-shadow .3s;
}
ai .info .quote:hover{
  transform:translateX(4px);
  box-shadow:-3px 0 0 #ff80ab,0 4px 8px rgba(0,0,0,.15);
}
ai .card.lan .quote:hover{box-shadow:-3px 0 0 #ff5090,0 4px 8px rgba(255,80,144,.3)}

/* ---------- 日记本：金属书脊光泽 + 心跳 ---------- */
ai .diary::before{
  background:linear-gradient(180deg,#f4d03f 0%,#d4af37 50%,#a8821e 100%);
  animation:metalShine 5s ease-in-out infinite;
}
@keyframes metalShine{
  0%,100%{box-shadow:0 4px 10px rgba(0,0,0,.3),inset 0 0 4px rgba(255,255,255,.3)}
  50%{box-shadow:0 4px 14px rgba(0,0,0,.4),inset 0 0 8px rgba(255,255,255,.7),0 0 12px rgba(212,175,55,.5)}
}
ai .diary::after{
  animation:ribbonSway 4s ease-in-out infinite;
  transform-origin:top center;
}
@keyframes ribbonSway{
  0%,100%{transform:rotate(0deg)}
  50%{transform:rotate(2deg) translateY(2px)}
}
ai .moments li,ai .secrets li,ai .unsaid{
  transition:all .3s;cursor:default;
}
ai .moments li:hover{
  background:linear-gradient(90deg,rgba(255,182,193,.3),transparent);
  transform:translateX(6px);
  border-radius:4px;
}
ai .moments li:hover::before{
  animation:beatFast .4s ease-in-out 2,beat 1.4s ease-in-out infinite .8s;
  color:#e91e63;
  text-shadow:0 0 10px rgba(233,30,99,.7);
}
@keyframes beatFast{0%,100%{transform:scale(1)}50%{transform:scale(1.6)}}
ai .secrets li:hover{
  background:linear-gradient(90deg,rgba(180,140,90,.2),transparent);
  transform:translateX(4px);
}
ai .lin-d,ai .lan-d{transition:all .4s}
ai .lin-d:hover{
  transform:translateX(3px) translateY(-2px);
  box-shadow:0 4px 12px rgba(240,98,146,.3),-3px 0 0 #ff80ab;
}
ai .lan-d:hover{
  transform:translateX(3px) translateY(-2px);
  box-shadow:0 4px 12px rgba(123,45,78,.4),-3px 0 0 #7b2d4e;
}
ai .lin-d::before,ai .lan-d::before{transition:transform .4s}
ai .lin-d:hover::before{transform:rotate(360deg) scale(1.3);color:#e91e63}
ai .lan-d:hover::before{transform:rotate(-360deg) scale(1.3);color:#a83560}
ai .unsaid:hover{transform:translateX(4px);filter:brightness(1.05)}

/* ---------- 手机：屏幕扫光 + 消息气泡按下 ---------- */
ai .phone .screen::after{
  content:"";position:absolute;
  top:-50%;left:-100%;width:80%;height:200%;
  background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.06) 50%,transparent 60%);
  animation:screenScan 6s ease-in-out infinite;
  pointer-events:none;
}
@keyframes screenScan{
  0%{transform:translate(0,0)}
  60%{transform:translate(250%,0)}
  100%{transform:translate(250%,0)}
}
ai .phone .msg{
  cursor:pointer;
  transition:all .25s;
  position:relative;
}
ai .phone .msg::after{
  content:"";position:absolute;top:8px;right:8px;
  width:7px;height:7px;border-radius:50%;
  background:#ff3b30;
  box-shadow:0 0 8px rgba(255,59,48,.7);
  animation:dotPulse 1.5s ease-in-out infinite;
}
@keyframes dotPulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.3);opacity:.6}
}
ai .phone .msg:hover{
  background:#48484a;
  transform:translateX(3px);
  box-shadow:-2px 0 0 #0af,0 2px 6px rgba(0,170,255,.3);
}
ai .phone .msg:active{transform:scale(.97)}
ai .phone .qq .msg::after{background:#ff9500;box-shadow:0 0 8px rgba(255,149,0,.7)}
ai .phone .album:hover .pics span{
  border-color:rgba(255,149,0,.8);
  box-shadow:inset 0 0 20px rgba(255,149,0,.2);
}
ai .island::before{
  content:"";position:absolute;left:14px;top:50%;
  width:5px;height:5px;border-radius:50%;
  background:#0af;
  transform:translateY(-50%);
  box-shadow:0 0 6px #0af;
  animation:dotPulse 2s infinite;
}

/* ---------- 记忆区：打字机 + 咖啡渍 ---------- */
ai .memory{
  background-image:
    radial-gradient(circle at 18% 80%,rgba(101,67,33,.25) 14px,rgba(101,67,33,.1) 16px,transparent 18px),
    radial-gradient(circle at 75% 28%,rgba(101,67,33,.18) 10px,transparent 14px),
    radial-gradient(circle at 90% 90%,rgba(101,67,33,.12) 8px,transparent 11px),
    linear-gradient(#f5e6c8,#e8d4a8);
  transition:transform .4s,box-shadow .4s;
}
ai .memory:hover{
  transform:rotate(0) translateY(-2px);
  box-shadow:0 8px 18px rgba(0,0,0,.35),inset 0 0 0 1px rgba(80,40,10,.3);
}
ai .memory tr{transition:all .25s;cursor:default}
ai .memory tr:hover td{
  background:rgba(255,220,140,.5);
  color:#1a0a02;
  box-shadow:inset 3px 0 0 #c0392b;
}
ai .memory td{transition:padding .2s}
ai .memory tr:hover td{padding-left:12px}

/* ---------- 行动推荐：按键按下 + 选中确认闪光 ---------- */
ai .action{
  position:relative;overflow:hidden;
}
ai .action::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 50% 0%,rgba(212,175,55,.15),transparent 60%);
  pointer-events:none;
  animation:goldGlow 4s ease-in-out infinite;
}
@keyframes goldGlow{
  0%,100%{opacity:.4}
  50%{opacity:.8}
}
ai .acts li{
  position:relative;overflow:hidden;
}
ai .acts li::after{
  content:"";position:absolute;
  top:50%;left:50%;
  width:0;height:0;
  border-radius:50%;
  background:radial-gradient(circle,rgba(212,175,55,.6),transparent 70%);
  transform:translate(-50%,-50%);
  transition:width .5s,height .5s;
  pointer-events:none;
}
ai .acts li:active::after{
  width:300px;height:300px;
  transition:0s;
}
ai .acts li:active{
  transform:translateX(2px) scale(.99);
  background:linear-gradient(90deg,rgba(212,175,55,.4),rgba(212,175,55,.1));
  box-shadow:inset 0 2px 6px rgba(0,0,0,.4);
}
ai .acts li:active::before{
  background:linear-gradient(180deg,#a8821e,#5d4410);
  box-shadow:0 0 0 #5d4410,inset 0 1px 3px rgba(0,0,0,.5);
  transform:translateY(-50%) translateY(3px);
  color:#f0d97a;
}
ai .acts li:hover{
  letter-spacing:.5px;
}
ai .acts li:hover::before{
  background:linear-gradient(180deg,#f4d03f,#a8821e);
  box-shadow:0 2px 0 #5d4410,inset 0 1px 0 rgba(255,255,255,.6),0 0 12px rgba(212,175,55,.7);
  text-shadow:0 0 4px rgba(0,0,0,.3);
}

/* ---------- 全局：通用点击反馈 ---------- */
ai details summary{
  position:relative;overflow:hidden;
}
ai details summary::before{
  content:"";position:absolute;
  top:50%;left:50%;
  width:0;height:0;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.4),transparent 70%);
  transform:translate(-50%,-50%);
  transition:width .6s,height .6s,opacity .6s;
  opacity:1;pointer-events:none;
}
ai details summary:active::before{
  width:200%;height:600%;opacity:0;
  transition:0s;
}

/* ---------- tag闪光 ---------- */
ai tag{
  position:relative;overflow:hidden;
}
ai tag::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.5) 50%,transparent 60%);
  animation:shine 3.5s linear infinite;
}

/* ---------- 减少动画偏好 ---------- */
@media(prefers-reduced-motion:reduce){
  ai *,ai *::before,ai *::after{animation-duration:.01s!important;animation-iteration-count:1!important;transition-duration:.1s!important}
}
/* ============================================ */
/*  ✦ 立绘尺寸放大补丁  ✦  */
/* ============================================ */

/* 卡片网格列宽：140px → 220px */
ai .card{
  grid-template-columns:220px 1fr!important;
  gap:20px!important;
}

/* 拍立得放大：130 → 200px */
ai .polaroid{
  width:200px!important;
  padding:12px 12px 48px!important;
  box-shadow:0 6px 16px rgba(0,0,0,.45),inset 0 0 0 1px rgba(0,0,0,.05)!important;
}
ai .polaroid.dark{
  box-shadow:0 6px 16px rgba(0,0,0,.7),inset 0 0 0 1px rgba(180,80,140,.3)!important;
}

/* 胶带跟着变大 */
ai .polaroid::before{
  width:72px!important;
  height:22px!important;
  top:-8px!important;
}

/* 立绘图片本身：从1:1正方形改为3:4竖向（更贴合人物立绘比例） */
ai .polaroid img{
  aspect-ratio:3/4!important;
  width:100%!important;
}

/* 名字标签放大 */
ai .polaroid .cap{
  font-size:17px!important;
  bottom:12px!important;
  letter-spacing:2px!important;
}

/* hover放大幅度增强 */
ai .polaroid:hover{
  transform:rotate(0) scale(1.08)!important;
  z-index:10!important;
}

/* ---------- 移动端：保持大尺寸但居中 ---------- */
@media(max-width:480px){
  ai .card{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  ai .polaroid{
    width:240px!important;
    margin:0 auto!important;
    padding:14px 14px 52px!important;
  }
  ai .polaroid .cap{font-size:18px!important}
  ai .polaroid::before{width:80px!important;height:24px!important}
}
/* ============================================ */
/*  ✦ 桌面拼贴风 · 聊天框美化 ✦  */
/* ============================================ */

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

/* ---------- 统一聊天框基础（木质桌面背景） ---------- */
.bg-gray-100\/90.relative.inline-block{
  background:
    radial-gradient(ellipse at 30% 20%,rgba(255,220,150,.15),transparent 60%)!important,
    repeating-linear-gradient(92deg,rgba(80,50,30,.04) 0 3px,transparent 3px 7px)!important,
    linear-gradient(135deg,#fdf6e3 0%,#f4ebd0 100%)!important;
  border:1px solid rgba(139,90,43,.3)!important;
  border-radius:4px 16px 6px 14px!important;
  box-shadow:
    0 2px 0 rgba(139,90,43,.2)!important,
    0 6px 18px rgba(0,0,0,.25)!important,
    inset 0 0 40px rgba(180,130,80,.08)!important;
  position:relative!important;
  isolation:isolate!important;
  padding:14px 16px!important;
  transition:transform .3s,box-shadow .3s!important;
}
.bg-gray-100\/90.relative.inline-block:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 2px 0 rgba(139,90,43,.2),0 10px 24px rgba(0,0,0,.32),inset 0 0 40px rgba(180,130,80,.08)!important;
}

/* 桌面纸张顶部胶带装饰 */
.bg-gray-100\/90.relative.inline-block::before{
  content:""!important;
  position:absolute!important;
  top:-8px!important;left:24px!important;
  width:56px!important;height:18px!important;
  background:linear-gradient(135deg,rgba(255,210,120,.75),rgba(255,180,80,.5))!important;
  border:1px dashed rgba(120,80,40,.4)!important;
  transform:rotate(-4deg)!important;
  box-shadow:0 2px 4px rgba(0,0,0,.2)!important;
  z-index:2!important;
}
/* 右下角折角 */
.bg-gray-100\/90.relative.inline-block::after{
  content:""!important;
  position:absolute!important;
  bottom:0!important;right:0!important;
  width:24px!important;height:24px!important;
  background:linear-gradient(135deg,transparent 50%,rgba(139,90,43,.3) 50%,rgba(180,140,80,.5))!important;
  border-radius:0 0 14px 0!important;
  pointer-events:none!important;
  z-index:1!important;
}

/* ---------- 输入框：黄色便签纸 ---------- */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90){
  background:
    radial-gradient(ellipse at 70% 30%,rgba(255,240,180,.6),transparent 60%)!important,
    repeating-linear-gradient(transparent 0 26px,rgba(180,140,80,.18) 26px 27px)!important,
    linear-gradient(170deg,#fff6a8 0%,#ffe97a 100%)!important;
  border:1px solid rgba(180,140,40,.4)!important;
  transform:rotate(-.5deg)!important;
  box-shadow:
    2px 2px 0 rgba(200,160,40,.3)!important,
    4px 6px 14px rgba(0,0,0,.25)!important,
    inset 0 0 30px rgba(255,200,80,.25)!important;
}
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90)::before{
  content:"📌"!important;
  background:none!important;border:none!important;
  font-size:20px!important;
  top:-12px!important;left:50%!important;
  transform:translateX(-50%) rotate(0)!important;
  width:auto!important;height:auto!important;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))!important;
  animation:pinSway 3s ease-in-out infinite!important;
}
@keyframes pinSway{
  0%,100%{transform:translateX(-50%) rotate(0deg)}
  50%{transform:translateX(-50%) rotate(8deg)}
}

/* ---------- 文本内容 ---------- */
.markdown-body{
  color:#3a2618!important;
  font-family:"Kaiti SC","KaiTi","PingFang SC",serif!important;
  font-size:15px!important;
  line-height:28px!important;
  background:transparent!important;
  position:relative!important;
  z-index:1!important;
}
.markdown-body strong,.markdown-body b{
  color:#8b1a3f!important;
  font-weight:bold!important;
}
.markdown-body em,.markdown-body i{
  color:#6b3410!important;
}
.markdown-body h1,.markdown-body h2,.markdown-body h3{
  color:#5d2e0e!important;
  border-bottom:2px dashed rgba(139,90,43,.4)!important;
  padding-bottom:4px!important;
  font-family:"Kaiti SC",serif!important;
}
.markdown-body blockquote{
  background:rgba(255,250,230,.5)!important;
  border-left:4px solid #8b5a2b!important;
  padding:8px 14px!important;
  border-radius:0 8px 8px 0!important;
  color:#5d2e0e!important;
  font-style:italic!important;
}
.markdown-body code{
  background:rgba(139,90,43,.15)!important;
  color:#8b1a3f!important;
  padding:1px 6px!important;
  border-radius:3px!important;
  font-family:"Courier New",monospace!important;
}
.markdown-body a{
  color:#c0392b!important;
  text-decoration:underline wavy rgba(192,57,43,.4)!important;
}

/* ---------- 底部按钮：黄铜按键风 ---------- */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary{
  background:linear-gradient(180deg,#fdf6e3,#e8d4a8)!important;
  color:#5d2e0e!important;
  border:1px solid rgba(139,90,43,.4)!important;
  border-radius:6px!important;
  padding:2px 10px!important;
  font-size:12px!important;
  margin:2px!important;
  box-shadow:0 2px 0 #a8821e,inset 0 1px 0 rgba(255,255,255,.5)!important;
  transition:all .15s!important;
  font-family:"Kaiti SC",serif!important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover{
  background:linear-gradient(180deg,#fff8c8,#f4d03f)!important;
  box-shadow:0 3px 0 #a8821e,inset 0 1px 0 rgba(255,255,255,.6),0 0 10px rgba(212,175,55,.5)!important;
  transform:translateY(-1px)!important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:active{
  transform:translateY(2px)!important;
  box-shadow:0 0 0 #a8821e,inset 0 2px 4px rgba(0,0,0,.2)!important;
}

/* ---------- 模型名称：打字机字符 ---------- */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2{
  color:#6b3410!important;
  font-family:"Courier New",monospace!important;
  font-size:11px!important;
  letter-spacing:1px!important;
  background:rgba(139,90,43,.1)!important;
  padding:2px 8px!important;
  border-radius:3px!important;
  border:1px dashed rgba(139,90,43,.3)!important;
}

/* ---------- Token消耗：邮戳风 ---------- */
.text-orange-500{
  color:#c0392b!important;
  font-family:"Courier New",monospace!important;
  font-weight:bold!important;
  border:1.5px solid #c0392b!important;
  padding:0 6px!important;
  border-radius:3px!important;
  display:inline-block!important;
  transform:rotate(-3deg)!important;
  font-size:11px!important;
  background:rgba(192,57,43,.05)!important;
}

/* ---------- 加载动画：墨水滴 SVG ---------- */
.style_dot-flashing__8L91Q.style_text__zGhNq{display:none!important}
.flex.items-center.justify-center.w-6.h-5{
  position:relative!important;
  width:60px!important;
  height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.flex.items-center.justify-center.w-6.h-5::before{
  content:""!important;
  position:absolute!important;
  left:50%;top:50%;
  transform:translate(-50%,-50%)!important;
  width:60px!important;height:30px!important;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'><circle cx='12' cy='15' r='4' fill='%238b1a3f'><animate attributeName='r' values='4;7;4' dur='1s' repeatCount='indefinite' begin='0s'/><animate attributeName='fill-opacity' values='1;.4;1' dur='1s' repeatCount='indefinite' begin='0s'/></circle><circle cx='30' cy='15' r='4' fill='%23c0392b'><animate attributeName='r' values='4;7;4' dur='1s' repeatCount='indefinite' begin='.25s'/><animate attributeName='fill-opacity' values='1;.4;1' dur='1s' repeatCount='indefinite' begin='.25s'/></circle><circle cx='48' cy='15' r='4' fill='%23d4af37'><animate attributeName='r' values='4;7;4' dur='1s' repeatCount='indefinite' begin='.5s'/><animate attributeName='fill-opacity' values='1;.4;1' dur='1s' repeatCount='indefinite' begin='.5s'/></circle></svg>") no-repeat center/contain!important;
}

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

/* ---------- 顶部栏：木质书架 ---------- */
.sticky.w-full.top-0.flex.items-center{
  background:
    radial-gradient(ellipse at 50% 100%,rgba(0,0,0,.3),transparent 60%)!important,
    repeating-linear-gradient(92deg,#3d2817 0 3px,#4a3020 3px 6px,#412a1a 6px 11px)!important,
    linear-gradient(180deg,#5c3a23,#3d2817)!important;
  border-bottom:3px solid #2c1810!important;
  box-shadow:0 4px 12px rgba(0,0,0,.4),inset 0 -1px 0 rgba(212,175,55,.3)!important;
}

/* 模型选择器：黄铜铭牌 */
#ai-model-selector .group.flex.items-center{
  background:linear-gradient(180deg,#f4d03f,#a8821e)!important;
  border:1px solid #5d4410!important;
  border-radius:6px!important;
  padding:4px 12px!important;
  box-shadow:0 2px 0 #5d4410,inset 0 1px 0 rgba(255,255,255,.4)!important;
  transition:all .2s!important;
}
#ai-model-selector .group.flex.items-center:hover{
  background:linear-gradient(180deg,#fff8c8,#d4af37)!important;
  box-shadow:0 3px 0 #5d4410,inset 0 1px 0 rgba(255,255,255,.5),0 0 12px rgba(212,175,55,.6)!important;
  transform:translateY(-1px)!important;
}
#ai-model-selector .truncate.text-\[13px\]{
  color:#2c1810!important;
  font-family:"Courier New",monospace!important;
  font-weight:bold!important;
  letter-spacing:1px!important;
  text-shadow:0 1px 0 rgba(255,255,255,.4)!important;
}
#ai-model-selector .shrink-0.flex.items-center svg{
  color:#2c1810!important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.3))!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{
  color:#f4d03f!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))!important;
  transition:all .25s!important;
}
.sticky.w-full.top-0 svg.lucide-clock-8:hover,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]):hover{
  color:#fff8c8!important;
  transform:rotate(15deg) scale(1.15)!important;
  filter:drop-shadow(0 0 8px rgba(244,208,63,.8))!important;
}
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden{
  background:#e74c3c!important;
  box-shadow:0 0 8px rgba(231,76,60,.8)!important;
  animation:badgePulse 1.5s ease-in-out infinite!important;
}
@keyframes badgePulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.3);opacity:.6}
}

/* 设置按钮：青铜齿轮 */
#header-setting-button{
  background:radial-gradient(circle at 30% 30%,#d4af37,#8b6914)!important;
  border:1px solid #2c1810!important;
  border-radius:50%!important;
  box-shadow:0 2px 4px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.3)!important;
  transition:transform .4s!important;
}
#header-setting-button:hover{
  transform:rotate(90deg)!important;
  box-shadow:0 2px 8px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.4),0 0 12px rgba(212,175,55,.7)!important;
}
#header-setting-button svg{color:#2c1810!important}

/* ---------- 开场白选择器：复古档案标签 ---------- */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]{
  background:linear-gradient(180deg,#fdf6e3,#e8d4a8)!important;
  border:1px solid #8b5a2b!important;
  border-radius:4px 12px 4px 12px!important;
  box-shadow:0 2px 6px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.4)!important;
  transition:all .3s!important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover{
  background:linear-gradient(180deg,#fff8c8,#f4d03f)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 4px 10px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.5)!important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"],
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"]{
  color:#5d2e0e!important;
}

/* ---------- 按钮栏：木质工具栏 ---------- */
#ai-mod-button2 button.MuiButton-root{
  background:linear-gradient(180deg,#5d3a1f,#3d2410)!important;
  color:#f4d03f!important;
  border:1px solid #2c1810!important;
  border-radius:6px!important;
  box-shadow:0 2px 4px rgba(0,0,0,.4),inset 0 1px 0 rgba(212,175,55,.3)!important;
  transition:all .2s!important;
  font-family:"Kaiti SC",serif!important;
}
#ai-mod-button2 button.MuiButton-root:hover{
  background:linear-gradient(180deg,#8b5a2b,#5d3a1f)!important;
  color:#fff8c8!important;
  box-shadow:0 3px 6px rgba(0,0,0,.5),inset 0 1px 0 rgba(212,175,55,.5),0 0 10px rgba(212,175,55,.4)!important;
  transform:translateY(-1px)!important;
}
#ai-mod-button2 button.MuiButton-root svg{
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))!important;
}

/* ---------- 底部栏：皮质写字板 ---------- */
.bg-gradient-to-t{
  background:
    linear-gradient(180deg,transparent,rgba(60,30,15,.4) 40%,rgba(45,20,10,.95))!important;
}
#ai-chat-bottom-input{
  background:
    radial-gradient(ellipse at 30% 30%,rgba(255,220,150,.1),transparent 60%)!important,
    linear-gradient(180deg,#fdf6e3,#e8d4a8)!important;
  border:2px solid #8b5a2b!important;
  border-radius:14px!important;
  box-shadow:
    0 4px 14px rgba(0,0,0,.4)!important,
    inset 0 0 20px rgba(180,130,80,.1)!important,
    inset 0 1px 0 rgba(255,255,255,.4)!important;
  padding:6px 10px!important;
  transition:box-shadow .3s,border-color .3s!important;
}
#ai-chat-bottom-input:focus-within{
  border-color:#d4af37!important;
  box-shadow:
    0 4px 18px rgba(0,0,0,.45)!important,
    inset 0 0 20px rgba(212,175,55,.2)!important,
    0 0 0 3px rgba(212,175,55,.3)!important;
}

#ai-chat-input{
  background:transparent!important;
  color:#3a2618!important;
  font-family:"Kaiti SC","KaiTi",serif!important;
  font-size:15px!important;
  line-height:24px!important;
  caret-color:#c0392b!important;
}
#ai-chat-input::placeholder{
  color:rgba(139,90,43,.5)!important;
  font-style:italic!important;
  font-family:"Kaiti SC",serif!important;
}
#ai-chat-input::selection{
  background:rgba(244,208,63,.5)!important;
  color:#2c1810!important;
}

/* ---------- 分页栏：黄铜按键 ---------- */
.MuiPaginationItem-root{
  background:linear-gradient(180deg,#fdf6e3,#e8d4a8)!important;
  color:#5d2e0e!important;
  border:1px solid #8b5a2b!important;
  font-family:"Courier New",monospace!important;
  font-weight:bold!important;
  box-shadow:0 2px 0 #5d4410,inset 0 1px 0 rgba(255,255,255,.4)!important;
}
.MuiPaginationItem-root:hover{
  background:linear-gradient(180deg,#fff8c8,#f4d03f)!important;
  box-shadow:0 3px 0 #5d4410,inset 0 1px 0 rgba(255,255,255,.5),0 0 8px rgba(212,175,55,.5)!important;
}
.MuiPaginationItem-root.Mui-selected{
  background:linear-gradient(180deg,#c0392b,#8b1a1a)!important;
  color:#fff8c8!important;
  border-color:#5d0a0a!important;
  box-shadow:0 2px 0 #5d0a0a,inset 0 1px 0 rgba(255,200,180,.4)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.5)!important;
}
.MuiPaginationItem-root.Mui-disabled{
  background:rgba(139,90,43,.15)!important;
  color:rgba(93,46,14,.4)!important;
  border-color:rgba(139,90,43,.2)!important;
  box-shadow:none!important;
}
.MuiPaginationItem-icon{color:inherit!important}

.MuiStack-root.css-1uwir8f .MuiBox-root{
  color:#5d2e0e!important;
  font-family:"Kaiti SC",serif!important;
}
.MuiInputBase-input{
  background:linear-gradient(180deg,#fdf6e3,#e8d4a8)!important;
  border:1px solid #8b5a2b!important;
  border-radius:4px!important;
  color:#3a2618!important;
  font-family:"Courier New",monospace!important;
  text-align:center!important;
}

/* ============================================ */
/*  ✦ 评论区 · 留言便利贴墙  ✦  */
/* ============================================ */

div[class*="w-full"][class*="bg-white"][class*="bottom-0"]{
  background:
    radial-gradient(ellipse at 20% 10%,rgba(255,220,150,.12),transparent 60%)!important,
    radial-gradient(ellipse at 80% 90%,rgba(180,100,80,.15),transparent 60%)!important,
    repeating-linear-gradient(92deg,#3d2817 0 3px,#4a3020 3px 6px,#412a1a 6px 11px)!important,
    linear-gradient(#3d2817,#5c3a23)!important;
  border-top:3px solid #2c1810!important;
  box-shadow:inset 0 4px 12px rgba(0,0,0,.5),inset 0 -1px 0 rgba(212,175,55,.2)!important;
  color:#fdf6e3!important;
}

div[class*="w-full"][class*="bg-white"][class*="bottom-0"] div.text-lg.font-bold{
  color:#f4d03f!important;
  font-family:"Kaiti SC",serif!important;
  letter-spacing:3px!important;
  text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 12px rgba(244,208,63,.3)!important;
  border-bottom:2px dashed rgba(212,175,55,.4)!important;
  padding-bottom:6px!important;
}

p.MuiTypography-body1.text-grey-600{
  color:#e8d4a8!important;
  font-family:"Kaiti SC",serif!important;
}

/* 评分星星 */
span.MuiRating-iconEmpty svg{
  color:rgba(212,175,55,.3)!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))!important;
}
span.MuiRating-iconFilled svg{
  color:#f4d03f!important;
  filter:drop-shadow(0 0 6px rgba(244,208,63,.7))!important;
  transition:transform .3s!important;
}
span.MuiRating-iconFilled:hover svg{
  transform:scale(1.3) rotate(15deg)!important;
}
span.text-orange-500{
  color:#f4d03f!important;
  font-weight:bold!important;
  text-shadow:0 0 6px rgba(244,208,63,.6)!important;
  border:none!important;
  transform:none!important;
  font-family:"Courier New",monospace!important;
}

/* 评论输入框：黄色便签 */
div.flex.flex-col.border-gray-200{
  background:linear-gradient(170deg,#fff6a8,#ffe97a)!important;
  border:1px solid rgba(180,140,40,.5)!important;
  border-radius:2px 14px 4px 12px!important;
  box-shadow:2px 2px 0 rgba(200,160,40,.3),4px 6px 12px rgba(0,0,0,.35),inset 0 0 20px rgba(255,200,80,.2)!important;
  transform:rotate(-.5deg)!important;
}
textarea.rc-textarea{
  background:transparent!important;
  color:#3a2618!important;
  font-family:"Kaiti SC",serif!important;
  font-size:14px!important;
  line-height:24px!important;
  caret-color:#c0392b!important;
}
textarea.rc-textarea::placeholder{
  color:rgba(139,90,43,.5)!important;
  font-style:italic!important;
}
div.bg-gray-100.text-gray-500{
  background:rgba(139,90,43,.2)!important;
  color:#5d2e0e!important;
  border-radius:8px!important;
  font-family:"Courier New",monospace!important;
  font-size:11px!important;
  padding:2px 8px!important;
}

/* 发送按钮：红色印章 */
div.cursor-pointer.group.flex.items-center.justify-center{
  background:radial-gradient(circle at 30% 30%,#e74c3c,#8b1a1a)!important;
  border-radius:50%!important;
  border:2px solid #5d0a0a!important;
  box-shadow:0 3px 6px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,200,180,.4)!important;
  transition:all .3s!important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover{
  transform:rotate(-12deg) scale(1.1)!important;
  box-shadow:0 4px 10px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,200,180,.5),0 0 14px rgba(231,76,60,.7)!important;
}
div.cursor-pointer.group.flex.items-center.justify-center:active{
  transform:rotate(0) scale(.95)!important;
}
div[data-state="closed"] svg[data-icon="Send03"]{
  color:#fff8c8!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))!important;
}

/* 分割线：金线 */
div.style_divider__mW0YX{
  background:linear-gradient(90deg,transparent,#d4af37 30%,#f4d03f 50%,#d4af37 70%,transparent)!important;
  height:1px!important;
  border:none!important;
  opacity:.6!important;
}

/* 排序按钮 */
.MuiStack-root.css-1dmzxoz button.MuiButton-containedPrimary{
  background:linear-gradient(180deg,#c0392b,#8b1a1a)!important;
  color:#fff8c8!important;
  border:1px solid #5d0a0a!important;
  border-radius:6px!important;
  font-family:"Kaiti SC",serif!important;
  box-shadow:0 2px 0 #5d0a0a,inset 0 1px 0 rgba(255,200,180,.4)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.4)!important;
}
.MuiStack-root.css-1dmzxoz button.MuiButton-outlinedPrimary{
  background:linear-gradient(180deg,#fdf6e3,#e8d4a8)!important;
  color:#5d2e0e!important;
  border:1px solid #8b5a2b!important;
  border-radius:6px!important;
  font-family:"Kaiti SC",serif!important;
  box-shadow:0 2px 0 #5d4410,inset 0 1px 0 rgba(255,255,255,.4)!important;
}
.MuiStack-root.css-1dmzxoz button.MuiButton-outlinedPrimary:hover{
  background:linear-gradient(180deg,#fff8c8,#f4d03f)!important;
  transform:translateY(-1px)!important;
}

/* 评论项：拼贴便签 */
div.p-3.overflow-y-auto div.group.ml-0{
  background:
    radial-gradient(ellipse at 80% 20%,rgba(255,240,180,.3),transparent 60%)!important,
    linear-gradient(170deg,#fdf6e3,#f4ebd0)!important;
  border:1px solid rgba(139,90,43,.3)!important;
  border-radius:4px 14px 6px 12px!important;
  padding:10px 14px!important;
  margin:8px 0!important;
  box-shadow:2px 3px 0 rgba(139,90,43,.15),3px 5px 12px rgba(0,0,0,.25)!important;
  position:relative!important;
  color:#3a2618!important;
  transition:transform .3s,box-shadow .3s!important;
}
div.p-3.overflow-y-auto div.group.ml-0:hover{
  transform:translateY(-2px) rotate(.3deg)!important;
  box-shadow:2px 4px 0 rgba(139,90,43,.2),4px 8px 18px rgba(0,0,0,.3)!important;
}
div.p-3.overflow-y-auto div.group.ml-0::before{
  content:""!important;
  position:absolute!important;
  top:-6px!important;right:20px!important;
  width:38px!important;height:14px!important;
  background:linear-gradient(135deg,rgba(255,210,120,.7),rgba(255,180,80,.5))!important;
  border:1px dashed rgba(120,80,40,.4)!important;
  transform:rotate(8deg)!important;
  box-shadow:0 1px 3px rgba(0,0,0,.2)!important;
}

div.group img.rounded-full{
  border:2px solid #f4d03f!important;
  box-shadow:0 2px 6px rgba(0,0,0,.3),0 0 0 1px #5d4410!important;
}
div.text-sm.text-grey-600 span.font-bold{
  color:#8b1a3f!important;
  font-family:"Kaiti SC",serif!important;
}
span.text-\[10px\]{
  background:linear-gradient(135deg,#e74c3c,#c0392b)!important;
  color:#fff!important;
  padding:1px 6px!important;
  border-radius:8px!important;
  font-size:9px!important;
  letter-spacing:1px!important;
  box-shadow:0 1px 3px rgba(0,0,0,.3)!important;
}
div.break-all{
  color:#3a2618!important;
  font-family:"Kaiti SC",serif!important;
  line-height:24px!important;
}
div.text-xs.text-grey-600{
  color:rgba(93,46,14,.6)!important;
  font-family:"Courier New",monospace!important;
  font-size:11px!important;
}

button.text-gray-400{
  color:#8b5a2b!important;
  transition:all .25s!important;
}
button.text-gray-400:hover{
  color:#c0392b!important;
  transform:scale(1.2)!important;
}
button.text-gray-400 svg{
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))!important;
}
span.cursor-pointer{
  color:#8b1a3f!important;
  font-family:"Kaiti SC",serif!important;
  font-weight:bold!important;
  transition:all .2s!important;
}
span.cursor-pointer:hover{
  color:#c0392b!important;
  text-shadow:0 0 6px rgba(192,57,43,.4)!important;
}
div.ml-8.border-l{
  border-left:2px dashed rgba(212,175,55,.5)!important;
  padding-left:12px!important;
}

/* ---------- 移动端适配 ---------- */
@media(max-width:480px){
  .bg-gray-100\/90.relative.inline-block{padding:12px 14px!important}
  .bg-gray-100\/90.relative.inline-block::before{left:18px!important;width:46px!important;height:14px!important}
  .markdown-body{font-size:14px!important;line-height:26px!important}
  div.p-3.overflow-y-auto div.group.ml-0{padding:8px 12px!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01s!important;transition-duration:.1s!important}
}