@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700;900&family=Ma+Shan+Zheng&display=swap');
ai{
  display:block;
  position:relative;
  font-family:'Noto Sans SC',sans-serif;
  color:#111;
  background:#fff;
  max-width:100%;
  overflow-x:hidden;
  padding:0 0 20px 0;
  background-image:radial-gradient(circle,#ddd .4px,transparent .4px);
  background-size:14px 14px;
}

/* ══════════ 场景信息区 sc ══════════ */
ai sc{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto auto auto;
  gap:0;
  border:2.5px solid #111;
  border-radius:6px;
  margin:0 0 14px 0;
  padding:10px 14px 8px;
  background:#fff;
  position:relative;
  box-shadow:3px 3px 0 #ccc;
}
ai sc::before{
  content:'';
  position:absolute;
  top:-6px;left:20px;
  width:40px;height:10px;
  background:#fff;
  border:2px solid #111;
  clip-path:polygon(0 100%,10% 0,90% 0,100% 100%);
}
ai sc::after{
  content:'';
  position:absolute;
  bottom:-6px;right:20px;
  width:40px;height:10px;
  background:#fff;
  border:2px solid #111;
  clip-path:polygon(0 0,10% 100%,90% 100%,100% 0);
}
ai sc t{
  display:block;
  grid-column:1/-1;
  text-align:center;
  font-size:20px;
  font-weight:900;
  letter-spacing:2px;
  padding:2px 0 8px;
  border-bottom:2px solid #111;
  margin-bottom:8px;
  color:#111;
}
ai sc t::before{
  content:'';
  display:inline-block;
  width:6px;height:6px;
  border:2px solid #111;
  border-radius:50%;
  margin-right:8px;
  vertical-align:middle;
  background:#fff;
}
ai sc t::after{
  content:'';
  display:inline-block;
  width:6px;height:6px;
  border:2px solid #111;
  border-radius:50%;
  margin-left:8px;
  vertical-align:middle;
  background:#fff;
}
ai sc d{
  display:flex;
  justify-content:space-between;
  grid-column:1/-1;
  font-size:13px;
}
ai sc d i{
  font-style:normal;
  font-weight:700;
}
ai sc d b{
  font-weight:700;
}
ai sc > p{
  grid-column:1/-1;
  text-align:center;
  font-size:12px;
  color:#555;
  margin:6px 0 2px;
  font-style:italic;
  border-top:1px dashed #aaa;
  padding-top:6px;
}
ai sc small{
  grid-column:1/-1;
  text-align:right;
  font-size:10px;
  color:#999;
}

/* ══════════ 折叠区 details/summary ══════════ */
ai > details{
  border:2.5px solid #111;
  border-radius:4px;
  margin:0 0 14px 0;
  background:#fff;
  box-shadow:3px 3px 0 #ccc;
}
ai > details > summary{
  font-weight:900;
  font-size:15px;
  padding:8px 12px;
  cursor:pointer;
  background:#fff;
  color:#111;
  border-bottom:2px solid #111;
  border-radius:2px 2px 0 0;
  letter-spacing:1px;
  list-style:none;
  position:relative;
  transition:background .15s ease;
}
ai > details > summary::-webkit-details-marker{display:none}
ai > details > summary::before{
  content:'▸ ';
  font-size:14px;
}
ai > details[open] > summary::before{
  content:'▾ ';
}
ai > details > summary:hover{
  background:#f5f5f5;
}
ai > details[open] > summary{
  border-bottom:2px solid #111;
}
ai tc{
  display:block;
  padding:10px 12px;
  font-size:13px;
  line-height:1.7;
  color:#333;
  white-space:pre-wrap;
}

/* ══════════ 正文 article ══════════ */
ai article{
  border-left:3px solid #111;
  margin:0 0 14px 0;
  padding:12px 14px;
  background:#fff;
  position:relative;
  line-height:1.9;
  font-size:15px;
}
ai article::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  background:
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 28px,
      #eee 28px,
      #eee 29px
    );
  pointer-events:none;
  opacity:.35;
}
ai article p{
  margin:0 0 12px 0;
  text-indent:2em;
  position:relative;
  z-index:1;
}
ai article p:first-child::first-letter{
  font-size:2.2em;
  font-weight:900;
  float:left;
  line-height:1;
  margin:4px 6px 0 0;
  border:2.5px solid #111;
  padding:2px 6px;
  background:#fff;
  color:#111;
}

/* ══════════ 手机悬浮窗 ph ══════════ */
ai ph{
  display:block;
  position:fixed;
  right:6px;
  top:50%;
  transform:translateY(-50%);
  width:230px;
  max-height:58vh;
  overflow-y:auto;
  overflow-x:hidden;
  background:#fff;
  border:2.5px solid #111;
  border-radius:22px;
  box-shadow:4px 4px 0 #ccc;
  z-index:999;
  padding:0 0 8px;
  scrollbar-width:thin;
  scrollbar-color:#bbb transparent;
  color:#111;
}
ai ph::-webkit-scrollbar{width:3px}
ai ph::-webkit-scrollbar-thumb{background:#bbb;border-radius:3px}
ai ph::before{
  content:'';
  display:block;
  width:60px;
  height:5px;
  border:2px solid #111;
  background:#fff;
  border-radius:4px;
  margin:10px auto 4px;
}
ai ph::after{
  content:'';
  display:block;
  width:28px;
  height:28px;
  border:2px solid #111;
  border-radius:50%;
  margin:6px auto 4px;
  background:#fff;
  position:sticky;
  bottom:4px;
}
ai ph h3{
  display:block;
  text-align:center;
  font-size:14px;
  margin:0;
  padding:2px 0 6px;
  border-bottom:2px solid #111;
  color:#111;
}

/* ── app 通用容器 ── */
ai ph app{
  display:block;
  padding:6px 10px 8px;
  border-bottom:1px dashed #ccc;
}
ai ph app:last-of-type{border-bottom:none}

/* ── app 标题标签 ── */
ai ph app h4{
  display:inline-block;
  font-size:10px;
  font-weight:900;
  margin:0 0 6px;
  padding:2px 8px;
  background:#fff;
  color:#111;
  border:2px solid #111;
  border-radius:3px;
  letter-spacing:1px;
}

/* ══════════ 手机消息气泡 · 通用基础 ══════════ */
ai ph app d{
  display:block;
  font-size:11px;
  line-height:1.5;
  padding:5px 9px;
  margin:5px 0;
  background:#f8f8f8;
  border-radius:10px 10px 10px 2px;
  position:relative;
  border:1.5px solid #e0e0e0;
  color:#222;
  word-wrap:break-word;
  overflow-wrap:break-word;
  white-space:normal;
}

/* ── 群聊气泡 · 左侧小竖条 ── */
ai ph app d[g="群聊"]{
  background:#f6f6f6;
  border-color:#ddd;
  border-left:3px solid #999;
  border-radius:2px 10px 10px 2px;
  padding-left:10px;
}
ai ph app d[g="群聊"]::before{
  content:'👥';
  position:absolute;
  top:-1px;
  right:6px;
  font-size:8px;
  opacity:.4;
}

/* ── 私聊气泡 · 右侧对齐 + 深色底 ── */
ai ph app d[g="私聊"]{
  background:#eef2f5;
  border-color:#c8d8e4;
  border-radius:10px 10px 2px 10px;
  margin-left:16px;
  text-align:right;
}
ai ph app d[g="私聊"]::after{
  content:'';
  position:absolute;
  right:-4px;
  bottom:5px;
  width:7px;
  height:7px;
  background:#eef2f5;
  border-right:1.5px solid #c8d8e4;
  border-bottom:1.5px solid #c8d8e4;
  transform:rotate(-45deg) skew(-8deg,-8deg);
}

/* ── QQ空间气泡 · 虚线边框 + 星标 ── */
ai ph app d[g="空间"]{
  background:#fefcf7;
  border:1.5px dashed #d4c9a8;
  border-radius:4px;
  padding:6px 9px 6px 22px;
  margin:5px 0;
  font-style:italic;
  color:#555;
}
ai ph app d[g="空间"]::before{
  content:'✦';
  position:absolute;
  left:7px;
  top:50%;
  transform:translateY(-50%);
  font-size:10px;
  color:#c4b078;
  font-style:normal;
}

/* ── 微博热搜 · 火焰标 ── */
ai ph app d[g="热搜"]{
  background:#fff8f6;
  border-color:#e8c8c0;
  border-left:3px solid #cc7755;
  border-radius:2px 10px 10px 2px;
  padding-left:22px;
}
ai ph app d[g="热搜"]::before{
  content:'🔥';
  position:absolute;
  left:5px;
  top:50%;
  transform:translateY(-50%);
  font-size:10px;
}

/* ── 微博评论 · 引用线 ── */
ai ph app d[g="评论"]{
  background:#f9f9fc;
  border-color:#d8d8e8;
  border-radius:4px;
  padding:6px 9px 6px 12px;
  position:relative;
  margin-left:8px;
}
ai ph app d[g="评论"]::before{
  content:'';
  position:absolute;
  left:0;
  top:4px;
  bottom:4px;
  width:2.5px;
  background:linear-gradient(180deg,#aaa,#ddd);
  border-radius:2px;
}

/* ── 系统通知 · 居中灰色胶囊 ── */
ai ph app d[g="通知"]{
  background:#f0f0f0;
  border:1px solid #ddd;
  border-radius:20px;
  text-align:center;
  font-size:10px;
  color:#888;
  padding:4px 12px;
  margin:4px auto;
  max-width:90%;
  font-style:normal;
}
ai ph app d[g="通知"]::before{
  content:none;
}

/* ══════════ 冰箱贴 memo ══════════ */
ai memo{
  display:block;
  position:relative;
  background:#fff;
  border:2.5px solid #111;
  border-radius:3px;
  margin:14px 0;
  padding:34px 24px 28px;
  box-shadow:3px 3px 0 #ccc;
  min-height:150px;
  transform:rotate(-1deg);
  overflow:hidden;
  color:#333;
}
ai memo::before{
  content:'';
  position:absolute;
  top:-2px;
  left:50%;
  transform:translateX(-50%);
  width:48px;
  height:16px;
  background:#fff;
  border:2px solid #111;
  border-radius:0 0 6px 6px;
  border-top:none;
  z-index:3;
}
ai memo::after{
  content:'📌';
  position:absolute;
  top:-10px;
  left:50%;
  transform:translateX(-50%);
  font-size:16px;
  z-index:4;
}
ai memo img{
  position:absolute;
  left:-8px;
  bottom:-8px;
  width:72px;
  height:auto;
  opacity:.12;
  filter:grayscale(100%) contrast(2.5);
  transform:rotate(5deg);
  pointer-events:none;
  z-index:0;
}
ai memo div{
  text-align:center;
  position:relative;
  z-index:1;
  padding:0 10px;
}

/* ── 陈霖的冰箱贴文字 ── */
ai memo div p{
  font-family:'Ma Shan Zheng','Segoe Script','Comic Sans MS',cursive;
  font-size:16px;
  color:#333;
  margin:6px 0;
  line-height:1.7;
  display:block;
  visibility:visible;
}
ai memo div p:not(.player):first-of-type{
  transform:rotate(.8deg);
  margin-left:8px;
}
ai memo div p:not(.player):nth-of-type(2){
  transform:rotate(-1.2deg);
  margin-right:5px;
}
ai memo div p:not(.player):nth-of-type(3){
  transform:rotate(.5deg);
  margin-left:-3px;
}

/* ── 陈霖署名 ── */
ai memo sign{
  display:block;
  text-align:right;
  font-family:'Ma Shan Zheng','Segoe Script',cursive;
  font-size:17px;
  font-style:italic;
  color:#555;
  margin-top:12px;
  padding-right:12px;
  transform:rotate(-2deg);
  position:relative;
  z-index:1;
  visibility:visible;
}

/* ══════════ 冰箱贴 · 玩家便签样式（双贴模式） ══════════ */
ai memo div p.player{
  font-family:'Ma Shan Zheng','Segoe Script','Comic Sans MS',cursive;
  font-size:15px;
  color:#3a5068;
  background:
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 23px,
      #d5dce4 23px,
      #d5dce4 24px
    );
  background-color:#eef2f5;
  border:none;
  border-left:3px solid #7a9bb5;
  border-radius:0;
  padding:10px 14px 10px 16px;
  margin:4px 0 6px;
  transform:rotate(1.2deg);
  position:relative;
  line-height:1.7;
  text-align:left;
  letter-spacing:.6px;
  box-shadow:1px 1px 4px rgba(0,0,0,.06);
}
ai memo div p.player::before{
  content:'';
  position:absolute;
  top:-7px;
  right:20px;
  width:44px;
  height:12px;
  background:rgba(122,155,181,.25);
  border:none;
  border-radius:1px;
  transform:rotate(-3deg);
}
ai memo div p.player::after{
  content:'〰';
  position:absolute;
  bottom:2px;
  right:8px;
  font-size:10px;
  color:rgba(58,80,104,.15);
  pointer-events:none;
}
ai memo div sign.player{
  display:block;
  text-align:right;
  font-family:'Ma Shan Zheng','Segoe Script',cursive;
  font-size:15px;
  font-style:italic;
  color:#5a7a94;
  margin:2px 0 14px;
  padding:0 16px 12px 0;
  border-bottom:1px dashed #b0c4d4;
  transform:rotate(.8deg);
  letter-spacing:.5px;
  position:relative;
}
ai memo div sign.player::before{
  content:'——';
  margin-right:2px;
  color:#8aa4b8;
  font-style:normal;
}

/* ══════════ 角色状态区 cp ══════════ */
ai cp{
  display:block;
  padding:8px 12px 10px;
}
ai cp f{
  display:block;
  font-weight:900;
  font-size:14px;
  margin:10px 0 4px;
  padding:2px 0;
  border-bottom:2px solid #111;
  position:relative;
}
ai cp f::after{
  content:'';
  position:absolute;
  bottom:-2px;
  left:0;
  width:30px;
  height:2px;
  background:#999;
}
ai cp d{
  display:block;
  font-size:13px;
  line-height:1.7;
  padding:2px 0 2px 14px;
  position:relative;
  border-left:1.5px solid #ddd;
  margin:2px 0;
}
ai cp d::before{
  content:'';
  position:absolute;
  left:-4px;
  top:9px;
  width:6px;
  height:6px;
  border:1.5px solid #111;
  border-radius:50%;
  background:#fff;
}

/* ══════════ 选项区 opt ══════════ */
ai opt{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:14px 0 0;
}
ai opt d{
  display:block;
  border:2.5px solid #111;
  border-radius:4px;
  padding:10px 14px;
  font-size:13px;
  font-weight:700;
  line-height:1.5;
  background:#fff;
  cursor:pointer;
  transition:all .15s ease;
  position:relative;
  box-shadow:3px 3px 0 #ccc;
}
ai opt d:hover{
  background:#111;
  color:#fff;
  transform:translate(-1px,-1px);
  box-shadow:5px 5px 0 #999;
}
ai opt d:active{
  transform:translate(2px,2px);
  box-shadow:1px 1px 0 #111;
}

/* ═══════════════════════════════════════════
   D选项 · 漫画吐槽气泡框
   ═══════════════════════════════════════════ */
ai opt d[v="D"]{
  background:#fff;
  border:2.5px solid #111;
  border-radius:18px 18px 18px 4px;
  position:relative;
  overflow:hidden;
  margin-top:10px;
  padding:14px 80px 14px 18px;
  box-shadow:3px 3px 0 #ccc;
  letter-spacing:.3px;
  min-height:56px;
}
ai opt d[v="D"]::before{
  content:'';
  position:absolute;
  bottom:-8px;
  left:18px;
  width:16px;
  height:16px;
  background:#fff;
  border-left:2.5px solid #111;
  border-bottom:2.5px solid #111;
  transform:rotate(-45deg) skewX(-12deg);
}
ai opt d[v="D"]::after{
  content:'';
  position:absolute;
  top:-12px;
  right:-10px;
  width:80px;
  height:80px;
  background-image:url('https://i.postimg.cc/sDXbbHpV/ef142d216e11a5eee7166938e3ef3a02.jpg');
  background-size:cover;
  background-position:center;
  border-radius:50%;
  opacity:.35;
  filter:grayscale(80%) blur(1px);
  pointer-events:none;
  border:2px solid #ddd;
}
ai opt d[v="D"] span{
  position:relative;
  z-index:1;
  display:block;
}
ai opt d[v="D"]:hover{
  background:#111;
  color:#fff;
  border-radius:18px 18px 18px 4px;
  transform:translate(-1px,-2px);
  box-shadow:5px 5px 0 #999;
}
ai opt d[v="D"]:hover::before{
  background:#111;
}
ai opt d[v="D"]:hover::after{
  opacity:.2;
  filter:grayscale(100%) blur(2px);
}
ai opt d[v="D"]:active{
  transform:translate(2px,2px);
  box-shadow:1px 1px 0 #111;
}

/* ═══════════════════════════════════════════
   E选项 · 撕纸便签条
   ═══════════════════════════════════════════ */
ai opt d[v="E"]{
  background:#fafaf6;
  border:none;
  border-top:none;
  border-bottom:2px solid #ddd;
  border-left:2px solid #e0e0e0;
  border-right:2px solid #e0e0e0;
  border-radius:0;
  position:relative;
  overflow:hidden;
  margin-top:10px;
  padding:16px 80px 16px 20px;
  box-shadow:1px 2px 6px rgba(0,0,0,.06);
  font-family:'Ma Shan Zheng','Segoe Script','Comic Sans MS',cursive;
  font-size:14.5px;
  font-weight:400;
  letter-spacing:.8px;
  color:#444;
  transform:rotate(-.4deg);
  min-height:56px;
}
ai opt d[v="E"]::before{
  content:'';
  position:absolute;
  top:-1px;
  left:0;
  right:0;
  height:8px;
  background:
    linear-gradient(135deg,#fafaf6 33.33%,transparent 33.33%) 0 0,
    linear-gradient(225deg,#fafaf6 33.33%,transparent 33.33%) 0 0;
  background-color:#fff;
  background-size:6px 8px;
  background-repeat:repeat-x;
  pointer-events:none;
}
ai opt d[v="E"]::after{
  content:'';
  position:absolute;
  top:-14px;
  right:-8px;
  width:82px;
  height:82px;
  background-image:url('https://i.postimg.cc/pLyxYX0Y/f40312cde904f11ce8da8247a340b929.jpg');
  background-size:cover;
  background-position:center top;
  opacity:.28;
  filter:grayscale(60%) blur(.5px);
  pointer-events:none;
  mask-image:radial-gradient(ellipse 70% 70% at 60% 50%,#000 50%,transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 70% 70% at 60% 50%,#000 50%,transparent 100%);
}
ai opt d[v="E"] span{
  position:relative;
  z-index:1;
  display:block;
  line-height:1.6;
}
ai opt d[v="E"] span::after{
  content:'';
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  background:
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 24px,
      #e0ddd5 24px,
      #e0ddd5 25px
    );
  opacity:.3;
  pointer-events:none;
  z-index:-1;
}
ai opt d[v="E"]:hover{
  background:#f5f5ef;
  color:#111;
  border-color:#bbb;
  transform:rotate(0deg) translateY(-2px);
  box-shadow:2px 4px 8px rgba(0,0,0,.08);
}
ai opt d[v="E"]:hover::after{
  opacity:.18;
  filter:grayscale(80%) blur(1px);
}
ai opt d[v="E"]:active{
  transform:rotate(-.2deg) translateY(1px);
  box-shadow:0 1px 3px rgba(0,0,0,.06);
}

/* ══════════ 间距微调 ══════════ */
ai > details + details{
  margin-top:-2px;
}

/* ══════════ 移动端适配 ══════════ */
@media(max-width:600px){
  ai ph{
    position:relative;
    right:auto;
    top:auto;
    transform:none;
    width:100%;
    max-height:none;
    overflow-y:visible;
    border-radius:22px;
    box-shadow:3px 3px 0 #ccc;
    margin:14px 0;
    padding:0 0 8px;
  }
  ai ph::after{
    position:relative;
    bottom:auto;
    margin:8px auto 6px;
  }
  ai{
    padding-bottom:20px;
  }
  ai sc{
    grid-template-columns:1fr;
  }
  ai sc t{
    font-size:17px;
  }
  ai sc d{
    flex-direction:column;
    gap:2px;
  }
  ai article{
    font-size:14px;
    padding:10px 10px;
    border-left-width:2.5px;
  }
  ai memo{
    padding:28px 16px 22px;
    transform:rotate(-.5deg);
    min-height:120px;
  }
  ai memo div p{
    font-size:15px;
  }
  ai memo img{
    width:60px;
    left:-6px;
    bottom:-6px;
  }
  ai memo div p.player{
    font-size:14px;
    padding:8px 12px 8px 14px;
    border-left-width:2.5px;
  }
  ai memo div p.player::before{
    width:36px;
    height:10px;
    top:-6px;
    right:16px;
  }
  ai memo div sign.player{
    font-size:14px;
    padding-right:12px;
  }
  ai opt d{
    padding:9px 12px;
    font-size:12.5px;
  }
  ai opt d[v="D"]{
    padding:12px 65px 12px 14px;
    border-radius:14px 14px 14px 3px;
    min-height:48px;
  }
  ai opt d[v="D"]::after{
    width:62px;
    height:62px;
    top:-8px;
    right:-6px;
    opacity:.3;
  }
  ai opt d[v="D"]::before{
    bottom:-6px;
    left:14px;
    width:12px;
    height:12px;
  }
  ai opt d[v="E"]{
    padding:14px 65px 14px 16px;
    font-size:13.5px;
    min-height:48px;
  }
  ai opt d[v="E"]::after{
    width:64px;
    height:64px;
    top:-10px;
    right:-6px;
    opacity:.22;
  }
  /* 手机消息移动端微调 */
  ai ph app d{
    font-size:10.5px;
    padding:4px 8px;
    margin:4px 0;
  }
  ai ph app d[g="私聊"]{
    margin-left:12px;
  }
  ai ph app d[g="空间"]{
    padding-left:18px;
  }
  ai ph app d[g="通知"]{
    font-size:9.5px;
    padding:3px 10px;
  }
}
@media(max-width:360px){
  ai sc{
    padding:8px 10px 6px;
  }
  ai sc t{
    font-size:15px;
  }
  ai article{
    font-size:13px;
    padding:8px 8px;
    line-height:1.8;
  }
  ai opt d{
    padding:8px 10px;
    font-size:12px;
  }
  ai opt d[v="D"]{
    padding:10px 55px 10px 12px;
  }
  ai opt d[v="D"]::after{
    width:52px;
    height:52px;
  }
  ai opt d[v="E"]{
    padding:12px 55px 12px 14px;
    font-size:13px;
  }
  ai opt d[v="E"]::after{
    width:52px;
    height:52px;
  }
  ai memo{
    padding:24px 12px 18px;
  }
  ai memo div p{
    font-size:14px;
  }
  ai memo div p.player{
    font-size:13px;
    padding:7px 10px 7px 12px;
  }
  ai memo div sign.player{
    font-size:13px;
  }
  ai ph app{
    padding:5px 8px;
  }
  ai ph app d{
    font-size:10px;
    padding:3px 7px;
  }
  ai ph app d[g="私聊"]{
    margin-left:10px;
  }
  ai ph app d[g="空间"]{
    padding-left:16px;
  }
  ai ph app d[g="通知"]{
    font-size:9px;
  }
}

/* ══════════════════════════════════════
   黑白漫画风 · 全界面美化
   ══════════════════════════════════════ */

.sticky.w-full.top-0.flex.items-center{
  background:#fff !important;
  border-bottom:3px solid #111 !important;
  box-shadow:0 4px 0 rgba(0,0,0,.06) !important;
  position:relative !important;
}
.sticky.w-full.top-0.flex.items-center::after{
  content:'';
  position:absolute;
  bottom:0;left:0;right:0;
  height:100%;
  background:
    radial-gradient(circle,#000 .4px,transparent .4px) !important;
  background-size:6px 6px !important;
  opacity:.03;
  pointer-events:none;
}

#ai-model-selector .group.flex.items-center{
  background:#fff !important;
  border:2.5px solid #111 !important;
  border-radius:0 !important;
  padding:4px 10px !important;
  transition:all .15s ease !important;
  position:relative !important;
  box-shadow:2px 2px 0 #111 !important;
}
#ai-model-selector .group.flex.items-center:hover{
  background:#111 !important;
  box-shadow:3px 3px 0 #555 !important;
}
#ai-model-selector .truncate.text-\[13px\]{
  color:#111 !important;
  font-weight:900 !important;
  font-family:'Noto Sans SC',system-ui,sans-serif !important;
  letter-spacing:.5px !important;
}
#ai-model-selector .group.flex.items-center:hover .truncate.text-\[13px\]{
  color:#fff !important;
}
#ai-model-selector .shrink-0.flex.items-center svg{
  color:#111 !important;
  transition:transform .2s ease !important;
}
#ai-model-selector .group.flex.items-center:hover .shrink-0.flex.items-center svg{
  color:#fff !important;
  transform:rotate(180deg) !important;
}

.sticky.w-full.top-0 svg.lucide-clock-8{
  color:#111 !important;
  transition:transform .2s ease !important;
}
.sticky.w-full.top-0 svg.lucide-clock-8:hover{
  transform:rotate(-15deg) scale(1.15) !important;
}
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden{
  background:#111 !important;
  border:1.5px solid #fff !important;
}
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]){
  color:#111 !important;
}
#header-setting-button{
  background:transparent !important;
  border:2px solid #111 !important;
  border-radius:0 !important;
  box-shadow:1.5px 1.5px 0 #111 !important;
  transition:all .15s ease !important;
}
#header-setting-button:hover{
  background:#111 !important;
  box-shadow:2.5px 2.5px 0 #666 !important;
}
#header-setting-button svg{
  color:#111 !important;
  transition:all .15s ease !important;
}
#header-setting-button:hover svg{
  color:#fff !important;
  transform:rotate(60deg) !important;
}

div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]{
  background:#fff !important;
  border:2.5px solid #111 !important;
  border-radius:0 !important;
  box-shadow:2px 2px 0 #111 !important;
  transition:all .15s ease !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover{
  background:#111 !important;
  color:#fff !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"]{
  color:#111 !important;
  transition:all .15s ease !important;
}
div.flex.items-center.h-9.cursor-pointer.group:hover svg[data-icon="SlidersH"]{
  color:#fff !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"]{
  color:#111 !important;
  transition:all .15s ease !important;
}
div.flex.items-center.h-9.cursor-pointer.group:hover svg[data-icon="ChevronDown"]{
  color:#fff !important;
  transform:rotate(180deg) !important;
}

/* ══════════ 按钮栏 ══════════ */
#ai-mod-button2{
  background:transparent !important;
  padding:6px 0 !important;
}
#ai-mod-button2 button.MuiButton-root{
  background:#fff !important;
  color:#111 !important;
  border:2.5px solid #111 !important;
  border-radius:0 !important;
  font-weight:900 !important;
  font-family:'Noto Sans SC',system-ui,sans-serif !important;
  letter-spacing:.5px !important;
  box-shadow:2px 2px 0 #111 !important;
  transition:all .12s ease !important;
  text-transform:none !important;
  position:relative !important;
}
#ai-mod-button2 button.MuiButton-root::after{
  content:'';
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  background:
    radial-gradient(circle,#000 .3px,transparent .3px);
  background-size:5px 5px;
  opacity:0;
  transition:opacity .15s ease;
  pointer-events:none;
}
#ai-mod-button2 button.MuiButton-root:hover{
  background:#111 !important;
  color:#fff !important;
  transform:translate(-1px,-1px) !important;
  box-shadow:4px 4px 0 #888 !important;
}
#ai-mod-button2 button.MuiButton-root:hover::after{
  opacity:.08;
}
#ai-mod-button2 button.MuiButton-root:active{
  transform:translate(2px,2px) !important;
  box-shadow:0 0 0 #111 !important;
}
#ai-mod-button2 button.MuiButton-root svg{
  color:inherit !important;
}

/* ══════════ 底部栏 ══════════ */
.bg-gradient-to-t{
  background:transparent !important;
}
#ai-chat-bottom-input{
  background:#fff !important;
  border:2.5px solid #111 !important;
  border-radius:0 !important;
  box-shadow:3px 3px 0 #111 !important;
  position:relative !important;
  transition:box-shadow .15s ease !important;
}
#ai-chat-bottom-input:focus-within{
  box-shadow:4px 4px 0 #555, inset 0 0 0 1px #111 !important;
}
#ai-chat-input{
  background:transparent !important;
  color:#111 !important;
  font-family:'Noto Sans SC',system-ui,sans-serif !important;
  font-weight:700 !important;
  font-size:14px !important;
  letter-spacing:.3px !important;
  caret-color:#111 !important;
}
#ai-chat-input::placeholder{
  color:#aaa !important;
  font-style:italic !important;
  font-weight:400 !important;
  letter-spacing:1px !important;
}
#ai-chat-input::selection{
  background:#111 !important;
  color:#fff !important;
}

/* ══════════ 分页栏 ══════════ */
.MuiPaginationItem-root{
  background:#fff !important;
  color:#111 !important;
  border:2px solid #111 !important;
  border-radius:0 !important;
  font-weight:900 !important;
  font-family:'Noto Sans SC',system-ui,sans-serif !important;
  box-shadow:1.5px 1.5px 0 #111 !important;
  transition:all .12s ease !important;
}
.MuiPaginationItem-root:hover{
  background:#111 !important;
  color:#fff !important;
  transform:translate(-1px,-1px) !important;
  box-shadow:3px 3px 0 #888 !important;
}
.MuiPaginationItem-root.Mui-selected{
  background:#111 !important;
  color:#fff !important;
  box-shadow:none !important;
  border-color:#111 !important;
}
.MuiPaginationItem-root.Mui-disabled{
  background:#f0f0f0 !important;
  color:#bbb !important;
  border-color:#ccc !important;
  box-shadow:none !important;
}
.MuiPaginationItem-icon{
  color:inherit !important;
}
.MuiStack-root.css-1uwir8f{
  background:transparent !important;
}
.MuiStack-root.css-1uwir8f .MuiBox-root{
  color:#111 !important;
  font-weight:700 !important;
  font-family:'Noto Sans SC',system-ui,sans-serif !important;
}
.MuiInputBase-input{
  background:#fff !important;
  color:#111 !important;
  border:2px solid #111 !important;
  border-radius:0 !important;
  font-weight:700 !important;
  box-shadow:1px 1px 0 #111 !important;
}

/* ══════════ 评论区 ══════════ */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"]{
  background:#fff !important;
  border-top:3px solid #111 !important;
}
div.text-lg.font-bold{
  color:#111 !important;
  font-weight:900 !important;
  font-family:'Noto Sans SC',system-ui,sans-serif !important;
  letter-spacing:1px !important;
  position:relative !important;
  display:inline-block !important;
}
div.text-lg.font-bold::after{
  content:'';
  position:absolute;
  bottom:-2px;left:0;
  width:100%;height:3px;
  background:#111;
}
p.MuiTypography-body1.text-grey-600{
  color:#555 !important;
  font-weight:700 !important;
}
span.MuiRating-iconEmpty svg{
  color:#ccc !important;
}
span.MuiRating-iconFilled svg{
  color:#111 !important;
}
span.text-orange-500{
  color:#111 !important;
  font-weight:900 !important;
}
div.flex.flex-col.border-gray-200{
  border-color:#111 !important;
  border-width:2.5px !important;
  border-radius:0 !important;
  box-shadow:2px 2px 0 #111 !important;
}
textarea.rc-textarea{
  background:#fff !important;
  color:#111 !important;
  font-family:'Noto Sans SC',system-ui,sans-serif !important;
  font-weight:700 !important;
  border:none !important;
  caret-color:#111 !important;
}
div.bg-gray-100.text-gray-500{
  background:#f5f5f5 !important;
  color:#888 !important;
  font-weight:700 !important;
  border-top:2px solid #111 !important;
}
div.cursor-pointer.group.flex.items-center.justify-center{
  background:#111 !important;
  border:2px solid #111 !important;
  border-radius:0 !important;
  box-shadow:2px 2px 0 #555 !important;
  transition:all .12s ease !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover{
  background:#fff !important;
  box-shadow:3px 3px 0 #111 !important;
  transform:translate(-1px,-1px) !important;
}
div[data-state="closed"] svg[data-icon="Send03"]{
  color:#fff !important;
  transition:color .15s ease !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover svg[data-icon="Send03"]{
  color:#111 !important;
}
div.style_divider__mW0YX{
  background:#111 !important;
  height:2px !important;
}
button.MuiButton-containedPrimary,
button.MuiButton-outlinedPrimary{
  border:2px solid #111 !important;
  border-radius:0 !important;
  font-weight:900 !important;
  font-family:'Noto Sans SC',system-ui,sans-serif !important;
  text-transform:none !important;
  box-shadow:1.5px 1.5px 0 #111 !important;
  transition:all .12s ease !important;
}
button.MuiButton-containedPrimary{
  background:#111 !important;
  color:#fff !important;
}
button.MuiButton-outlinedPrimary{
  background:#fff !important;
  color:#111 !important;
}
button.MuiButton-outlinedPrimary:hover{
  background:#111 !important;
  color:#fff !important;
  transform:translate(-1px,-1px) !important;
  box-shadow:3px 3px 0 #888 !important;
}
div.p-3.overflow-y-auto{
  background:transparent !important;
}
div.group.ml-0{
  border-bottom:2px solid #eee !important;
  padding:10px 0 !important;
  transition:background .1s ease !important;
  position:relative !important;
}
div.group.ml-0::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  background:
    radial-gradient(circle,#000 .3px,transparent .3px);
  background-size:8px 8px;
  opacity:0;
  transition:opacity .15s ease;
  pointer-events:none;
}
div.group.ml-0:hover::before{
  opacity:.02;
}
div.group img.rounded-full{
  border:2.5px solid #111 !important;
  border-radius:0 !important;
  box-shadow:1.5px 1.5px 0 #111 !important;
  transition:all .15s ease !important;
}
div.group img.rounded-full:hover{
  transform:rotate(-3deg) scale(1.08) !important;
  box-shadow:2.5px 2.5px 0 #888 !important;
}
div.text-sm.text-grey-600 span.font-bold{
  color:#111 !important;
  font-weight:900 !important;
  letter-spacing:.5px !important;
}
span.text-\[10px\]{
  background:#111 !important;
  color:#fff !important;
  padding:1px 5px !important;
  font-weight:900 !important;
  border-radius:0 !important;
}
div.break-all{
  color:#333 !important;
  font-family:'Noto Sans SC',system-ui,sans-serif !important;
  line-height:1.7 !important;
}
div.text-xs.text-grey-600{
  color:#999 !important;
  font-weight:700 !important;
  font-style:italic !important;
}
button.text-gray-400{
  color:#bbb !important;
  border:1.5px solid transparent !important;
  border-radius:0 !important;
  transition:all .12s ease !important;
}
button.text-gray-400:hover{
  color:#111 !important;
  border-color:#111 !important;
  box-shadow:1px 1px 0 #111 !important;
}
button.text-gray-400 svg{
  transition:transform .15s ease !important;
}
button.text-gray-400:hover svg{
  transform:scale(1.2) !important;
}
span.cursor-pointer{
  color:#888 !important;
  font-weight:700 !important;
  transition:all .12s ease !important;
  position:relative !important;
}
span.cursor-pointer::after{
  content:'';
  position:absolute;
  bottom:-1px;left:0;
  width:0;height:2px;
  background:#111;
  transition:width .2s ease;
}
span.cursor-pointer:hover{
  color:#111 !important;
}
span.cursor-pointer:hover::after{
  width:100%;
}
div.ml-8.border-l{
  border-color:#111 !important;
  border-width:2.5px !important;
  position:relative !important;
}
div.ml-8.border-l::before{
  content:'';
  position:absolute;
  top:12px;left:-6px;
  width:8px;height:8px;
  background:#fff;
  border:2px solid #111;
  border-radius:50%;
}

/* ══════════════════════════════════════
   黑白漫画风 · 聊天框美化
   ══════════════════════════════════════ */
[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e1e9]"]{
  display:none !important;
}
.bg-gray-100\/90.relative.inline-block{
  background:#fff !important;
  border:2.5px solid #111 !important;
  border-radius:0 !important;
  box-shadow:3px 3px 0 #ddd !important;
  position:relative !important;
  transition:box-shadow .15s ease !important;
  isolation:isolate !important;
}
.bg-gray-100\/90.relative.inline-block:hover{
  box-shadow:4px 4px 0 #ccc !important;
}
.bg-gray-100\/90.relative.inline-block::before{
  content:'' !important;
  position:absolute !important;
  top:-1px !important;
  left:-1px !important;
  width:14px !important;
  height:14px !important;
  background:
    linear-gradient(135deg,#f0f0f0 50%,transparent 50%) !important;
  border-right:2px solid #111 !important;
  border-bottom:2px solid #111 !important;
  z-index:0 !important;
  pointer-events:none !important;
}
.bg-gray-100\/90.relative.inline-block::after{
  content:'' !important;
  position:absolute !important;
  bottom:0 !important;
  right:0 !important;
  width:40px !important;
  height:40px !important;
  background:
    radial-gradient(circle,#111 .4px,transparent .4px) !important;
  background-size:5px 5px !important;
  opacity:.06 !important;
  z-index:0 !important;
  pointer-events:none !important;
}
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90){
  border-style:solid !important;
  border-left-width:4px !important;
  border-left-color:#111 !important;
}
.markdown-body{
  color:#222 !important;
  font-family:'Noto Sans SC',system-ui,-apple-system,sans-serif !important;
  font-weight:400 !important;
  line-height:1.85 !important;
  letter-spacing:.2px !important;
  background:transparent !important;
  position:relative !important;
  z-index:1 !important;
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4{
  color:#111 !important;
  font-weight:900 !important;
  letter-spacing:.5px !important;
  border-bottom:2px solid #111 !important;
  padding-bottom:4px !important;
  margin-bottom:10px !important;
}
.markdown-body strong,
.markdown-body b{
  color:#111 !important;
  font-weight:900 !important;
}
.markdown-body em{
  color:#444 !important;
  font-style:italic !important;
}
.markdown-body blockquote{
  border-left:3px solid #111 !important;
  background:#fafafa !important;
  color:#444 !important;
  padding:8px 14px !important;
  margin:8px 0 !important;
  position:relative !important;
}
.markdown-body blockquote::before{
  content:'"' !important;
  position:absolute !important;
  top:-6px !important;
  left:6px !important;
  font-size:28px !important;
  color:#ccc !important;
  font-weight:900 !important;
  line-height:1 !important;
}
.markdown-body code{
  background:#f5f5f5 !important;
  color:#111 !important;
  border:1.5px solid #ddd !important;
  border-radius:0 !important;
  padding:1px 5px !important;
  font-weight:700 !important;
}
.markdown-body pre{
  background:#fafafa !important;
  border:2px solid #111 !important;
  border-radius:0 !important;
  box-shadow:2px 2px 0 #ddd !important;
}
.markdown-body pre code{
  background:transparent !important;
  border:none !important;
}
.markdown-body a{
  color:#111 !important;
  font-weight:700 !important;
  text-decoration:none !important;
  border-bottom:2px solid #111 !important;
  transition:all .12s ease !important;
}
.markdown-body a:hover{
  background:#111 !important;
  color:#fff !important;
  padding:0 3px !important;
}
.markdown-body ul{
  list-style:none !important;
  padding-left:18px !important;
}
.markdown-body ul li{
  position:relative !important;
  padding-left:6px !important;
}
.markdown-body ul li::before{
  content:'■' !important;
  position:absolute !important;
  left:-14px !important;
  top:0 !important;
  color:#111 !important;
  font-size:8px !important;
  line-height:inherit !important;
}
.markdown-body ol li{
  font-weight:700 !important;
}
.markdown-body ol li::marker{
  color:#111 !important;
  font-weight:900 !important;
}
.markdown-body hr{
  border:none !important;
  border-top:2.5px solid #111 !important;
  margin:16px 0 !important;
  position:relative !important;
}
.markdown-body table{
  border:2px solid #111 !important;
  border-collapse:collapse !important;
}
.markdown-body th{
  background:#111 !important;
  color:#fff !important;
  font-weight:900 !important;
  border:2px solid #111 !important;
  padding:6px 10px !important;
}
.markdown-body td{
  border:1.5px solid #111 !important;
  padding:5px 10px !important;
  color:#222 !important;
}
.markdown-body tr:nth-child(even) td{
  background:#f8f8f8 !important;
}

/* ══════════ 底部操作按钮 ══════════ */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary{
  color:#999 !important;
  font-weight:700 !important;
  border:1.5px solid transparent !important;
  border-radius:0 !important;
  transition:all .12s ease !important;
  text-transform:none !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover{
  color:#111 !important;
  border-color:#111 !important;
  background:#fff !important;
  box-shadow:1.5px 1.5px 0 #111 !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:active{
  transform:translate(1px,1px) !important;
  box-shadow:none !important;
}
.MuiTypography-root.MuiTypography-body2.css-6c0gf2{
  color:#aaa !important;
  font-weight:700 !important;
  font-style:italic !important;
  font-family:'Noto Sans SC',system-ui,sans-serif !important;
  letter-spacing:.3px !important;
}
.text-orange-500{
  color:#888 !important;
  font-weight:700 !important;
  font-family:'Noto Sans SC',system-ui,sans-serif !important;
}

/* ══════════ 加载动画替换 ══════════ */
.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text{
  display:none !important;
}
.flex.items-center.justify-center.w-6.h-5{
  position:relative !important;
  width:36px !important;
  height:20px !important;
}
.flex.items-center.justify-center.w-6.h-5::before{
  content:'' !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  transform:translate(-50%,-50%) !important;
  width:36px !important;
  height:16px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='16' viewBox='0 0 36 16'%3E%3Ccircle cx='6' cy='8' r='2.5' fill='%23111'%3E%3Canimate attributeName='r' values='2.5;3.5;2.5' dur='0.8s' repeatCount='indefinite' begin='0s'/%3E%3Canimate attributeName='opacity' values='1;.3;1' dur='0.8s' repeatCount='indefinite' begin='0s'/%3E%3C/circle%3E%3Ccircle cx='18' cy='8' r='2.5' fill='%23111'%3E%3Canimate attributeName='r' values='2.5;3.5;2.5' dur='0.8s' repeatCount='indefinite' begin='0.15s'/%3E%3Canimate attributeName='opacity' values='1;.3;1' dur='0.8s' repeatCount='indefinite' begin='0.15s'/%3E%3C/circle%3E%3Ccircle cx='30' cy='8' r='2.5' fill='%23111'%3E%3Canimate attributeName='r' values='2.5;3.5;2.5' dur='0.8s' repeatCount='indefinite' begin='0.3s'/%3E%3Canimate attributeName='opacity' values='1;.3;1' dur='0.8s' repeatCount='indefinite' begin='0.3s'/%3E%3C/circle%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
}

/* ══════════ 移动端适配（界面部分） ══════════ */
@media(max-width:600px){
  .bg-gray-100\/90.relative.inline-block{
    border-width:2px !important;
    box-shadow:2px 2px 0 #ddd !important;
  }
  .bg-gray-100\/90.relative.inline-block::before{
    width:10px !important;
    height:10px !important;
  }
  .bg-gray-100\/90.relative.inline-block::after{
    width:28px !important;
    height:28px !important;
  }
  .markdown-body{
    font-size:14px !important;
    line-height:1.8 !important;
  }
  .flex.items-center.justify-center.w-6.h-5{
    width:30px !important;
    height:18px !important;
  }
  .flex.items-center.justify-center.w-6.h-5::before{
    width:30px !important;
    height:14px !important;
  }
}
@media(max-width:360px){
  .markdown-body{
    font-size:13px !important;
    line-height:1.75 !important;
  }
  .bg-gray-100\/90.relative.inline-block::before{
    width:8px !important;
    height:8px !important;
  }
  .bg-gray-100\/90.relative.inline-block::after{
    width:22px !important;
    height:22px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .bg-gray-100\/90.relative.inline-block{
    transition:none !important;
  }
  .flex.items-center.justify-center.w-6.h-5::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='16' viewBox='0 0 36 16'%3E%3Ccircle cx='6' cy='8' r='2.5' fill='%23111'%3E%3Canimate attributeName='opacity' values='1;.5;1' dur='2s' repeatCount='indefinite' begin='0s'/%3E%3C/circle%3E%3Ccircle cx='18' cy='8' r='2.5' fill='%23111'%3E%3Canimate attributeName='opacity' values='1;.5;1' dur='2s' repeatCount='indefinite' begin='0.3s'/%3E%3C/circle%3E%3Ccircle cx='30' cy='8' r='2.5' fill='%23111'%3E%3Canimate attributeName='opacity' values='1;.5;1' dur='2s' repeatCount='indefinite' begin='0.6s'/%3E%3C/circle%3E%3C/svg%3E") !important;
  }
}