#customized-answer-content .PS{
  width:min(100%, 560px);
  min-height:760px;
  margin:18px auto;
  background:#0f1115;
  color:#f5f7fb;
  border-radius:32px;
  overflow:hidden;
  box-shadow:0 18px 50px rgba(0,0,0,.28), 0 2px 10px rgba(0,0,0,.12);
  border:1px solid rgba(255,255,255,.08);
  position:relative;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Helvetica Neue",Arial,sans-serif;
}

#customized-answer-content .PS::before{
  content:"";
  position:absolute;
  top:10px;
  left:50%;
  transform:translateX(-50%);
  width:108px;
  height:22px;
  border-radius:14px;
  background:rgba(0,0,0,.72);
  z-index:8;
}

#customized-answer-content .FM{
  background:linear-gradient(180deg,#12141a 0%,#171b23 100%);
}

#customized-answer-content .CM{
  background:linear-gradient(180deg,#111319 0%,#161b22 100%);
}

#customized-answer-content .SB{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 18px 8px;
  font-size:12px;
  color:rgba(255,255,255,.9);
  position:sticky;
  top:0;
  z-index:6;
  background:linear-gradient(180deg, rgba(15,17,21,.92) 0%, rgba(15,17,21,.62) 70%, rgba(15,17,21,0) 100%);
  backdrop-filter:blur(10px);
}

#customized-answer-content .SB-TM{
  font-weight:700;
  letter-spacing:.2px;
}

#customized-answer-content .IC{
  font-size:12px;
  opacity:.9;
  letter-spacing:.8px;
}

#customized-answer-content .HD{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 16px 14px;
  position:sticky;
  top:34px;
  z-index:5;
  background:linear-gradient(180deg, rgba(20,23,30,.88) 0%, rgba(20,23,30,.72) 100%);
  border-bottom:1px solid rgba(255,255,255,.06);
  backdrop-filter:blur(14px);
}

#customized-answer-content .CH{
  display:grid;
  grid-template-columns:32px 36px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px 16px 14px;
  position:sticky;
  top:34px;
  z-index:5;
  background:linear-gradient(180deg, rgba(18,20,26,.9) 0%, rgba(18,20,26,.75) 100%);
  border-bottom:1px solid rgba(255,255,255,.06);
  backdrop-filter:blur(14px);
}

#customized-answer-content .CH > .AV{
  width:36px;
  height:36px;
  border-radius:50%;
  object-fit:cover;
  display:block;
  border:1px solid rgba(255,255,255,.12);
}

#customized-answer-content .CH > .NM{
  min-width:0;
  font-size:15px;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#customized-answer-content .CH > .ST{
  justify-self:end;
  font-size:12px;
  color:#7ee2a8;
  background:rgba(126,226,168,.12);
  border:1px solid rgba(126,226,168,.18);
  padding:4px 8px;
  border-radius:999px;
}

#customized-answer-content .BK,
#customized-answer-content .SR{
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:16px;
  flex:0 0 auto;
}

#customized-answer-content .TT{
  flex:1;
  text-align:center;
  font-size:17px;
  font-weight:700;
  letter-spacing:.3px;
}

#customized-answer-content .PF{
  margin:12px 14px 10px;
  padding:16px 16px 14px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.04) 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

#customized-answer-content .PF .AV{
  width:64px;
  height:64px;
  border-radius:50%;
  object-fit:cover;
  display:block;
  border:2px solid rgba(255,255,255,.14);
  box-shadow:0 4px 16px rgba(0,0,0,.2);
}

#customized-answer-content .NM{
  color:#fff;
}

#customized-answer-content .PF .NM{
  margin-top:10px;
  font-size:18px;
  font-weight:800;
}

#customized-answer-content .DS{
  margin-top:6px;
  font-size:13px;
  line-height:1.45;
  color:rgba(255,255,255,.7);
}

#customized-answer-content .PF .ST{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:12px;
  font-size:12px;
  color:rgba(255,255,255,.72);
}

#customized-answer-content .BT{
  margin-top:14px;
  border:0;
  outline:0;
  background:linear-gradient(135deg,#ff4fa0 0%,#ff7a8f 100%);
  color:#fff;
  height:38px;
  min-width:88px;
  padding:0 16px;
  border-radius:999px;
  font-size:14px;
  font-weight:700;
  box-shadow:0 8px 20px rgba(255,89,149,.28);
}

#customized-answer-content .FL{
  padding:2px 12px 84px;
}

#customized-answer-content .PC{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.07);
  border-radius:22px;
  padding:14px;
  box-shadow:0 10px 28px rgba(0,0,0,.14);
}

#customized-answer-content .PH{
  display:flex;
  align-items:center;
  gap:10px;
}

#customized-answer-content .PH .AV{
  width:40px;
  height:40px;
  border-radius:50%;
  object-fit:cover;
  flex:0 0 auto;
  border:1px solid rgba(255,255,255,.12);
}

#customized-answer-content .PH .NM{
  font-size:14px;
  font-weight:700;
  flex:1;
}

#customized-answer-content .PC-TM{
  font-size:11px;
  color:rgba(255,255,255,.48);
  white-space:nowrap;
}

#customized-answer-content .PT{
  margin-top:12px;
  font-size:14px;
  line-height:1.6;
  color:rgba(255,255,255,.92);
  word-break:break-word;
}

#customized-answer-content .PI{
  margin-top:12px;
  border-radius:18px;
  overflow:hidden;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
}

#customized-answer-content .PI img,
#customized-answer-content .IMG{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
  background:#222834;
}

#customized-answer-content .PA{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.06);
}

#customized-answer-content .LK,
#customized-answer-content .CMT{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  color:rgba(255,255,255,.72);
}

#customized-answer-content .CL{
  margin-top:10px;
  padding:10px 10px 2px;
  border-radius:14px;
  background:rgba(255,255,255,.035);
}

#customized-answer-content .CI{
  padding:6px 0;
  border-bottom:1px solid rgba(255,255,255,.05);
}

#customized-answer-content .CI:last-child{
  border-bottom:0;
}

#customized-answer-content .CI .NM{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  color:#ffbdd4;
  margin-right:6px;
  vertical-align:top;
}

#customized-answer-content .CI .TX{
  display:inline;
  font-size:12px;
  line-height:1.45;
  color:rgba(255,255,255,.86);
  word-break:break-word;
}

#customized-answer-content .CI-TM{
  display:block;
  margin-top:3px;
  font-size:10px;
  color:rgba(255,255,255,.38);
}

#customized-answer-content .UC .NM{
  color:#9fd0ff;
}

#customized-answer-content .CC .NM{
  color:#ff8fba;
}

#customized-answer-content .CF{
  margin-top:6px;
  font-size:11px;
  color:rgba(255,255,255,.42);
}

#customized-answer-content .NV{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:space-around;
  gap:8px;
  padding:12px 10px calc(12px + env(safe-area-inset-bottom, 0px));
  background:linear-gradient(180deg, rgba(18,21,27,.1) 0%, rgba(18,21,27,.92) 36%);
  border-top:1px solid rgba(255,255,255,.06);
  backdrop-filter:blur(14px);
}

#customized-answer-content .NV span{
  font-size:12px;
  color:rgba(255,255,255,.68);
}

#customized-answer-content .ML{
  min-height:560px;
  padding:12px 12px 88px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:10px;
}

#customized-answer-content .SP{
  display:none;
}

#customized-answer-content .MS,
#customized-answer-content .MO{
  display:flex;
  width:100%;
  gap:8px;
  align-items:flex-start;
}

#customized-answer-content .MO{
  justify-content:flex-start;
}

#customized-answer-content .MS{
  justify-content:flex-end;
}

#customized-answer-content .MO > .AV,
#customized-answer-content .MS > .AV{
  width:32px;
  height:32px;
  border-radius:50%;
  flex:0 0 32px;
  margin-top:2px;
}

#customized-answer-content .MO > .AV{
  object-fit:cover;
  display:block;
  border:1px solid rgba(255,255,255,.1);
  order:1;
}

#customized-answer-content .MS > .AV{
  order:2;
}

#customized-answer-content .PL{
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#74a9ff 0%,#4e6dff 100%);
  color:#fff;
  font-size:13px;
  font-weight:800;
  box-shadow:0 4px 12px rgba(78,109,255,.25);
}

#customized-answer-content .MO > .CT{
  max-width:72%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  order:2;
}

#customized-answer-content .MS > .CT{
  max-width:72%;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:5px;
  order:1;
}

#customized-answer-content .MS .TX,
#customized-answer-content .MO .TX,
#customized-answer-content .MC,
#customized-answer-content .TP{
  border-radius:18px;
  padding:10px 12px;
  font-size:14px;
  line-height:1.55;
  word-break:break-word;
  box-shadow:0 8px 22px rgba(0,0,0,.12);
}

#customized-answer-content .MO .TX{
  background:#262b35;
  color:#f5f7fb;
  border-bottom-left-radius:8px;
}

#customized-answer-content .MS .TX{
  background:linear-gradient(135deg,#4f8cff 0%,#6a6eff 100%);
  color:#fff;
  border-bottom-right-radius:8px;
}

#customized-answer-content .MC{
  background:#262b35;
  color:#f5f7fb;
  border-bottom-left-radius:8px;
  padding-bottom:8px;
}

#customized-answer-content .MI .CT{
  gap:6px;
}

#customized-answer-content .MI .IMG{
  width:100%;
  display:block;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 26px rgba(0,0,0,.16);
}

#customized-answer-content .MSG-TM{
  display:block;
  font-size:10px;
  line-height:1.2;
  color:rgba(255,255,255,.42);
  padding:0 4px;
}

#customized-answer-content .MS .MSG-TM{
  text-align:right;
}

#customized-answer-content .MO .MSG-TM{
  text-align:left;
}

#customized-answer-content .TP{
  display:flex;
  align-items:center;
  gap:8px;
  background:linear-gradient(135deg, rgba(255,195,92,.18) 0%, rgba(255,129,94,.22) 100%);
  border:1px solid rgba(255,184,76,.22);
  color:#ffe7b3;
}

#customized-answer-content .TP-IC{
  font-size:16px;
  line-height:1;
}

#customized-answer-content .TP-TX{
  font-size:13px;
  font-weight:700;
  letter-spacing:.2px;
}

#customized-answer-content .IB{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px calc(12px + env(safe-area-inset-bottom, 0px));
  background:linear-gradient(180deg, rgba(20,23,30,.12) 0%, rgba(20,23,30,.96) 36%);
  border-top:1px solid rgba(255,255,255,.06);
  backdrop-filter:blur(14px);
}

#customized-answer-content .IN{
  flex:1;
  min-width:0;
  height:40px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.06);
  color:#fff;
  padding:0 14px;
  font-size:14px;
  outline:none;
}

#customized-answer-content .IN::placeholder{
  color:rgba(255,255,255,.38);
}

#customized-answer-content .SD{
  height:40px;
  padding:0 16px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,#ff4fa0 0%,#ff7a8f 100%);
  color:#fff;
  font-size:14px;
  font-weight:700;
  box-shadow:0 8px 20px rgba(255,89,149,.28);
}

#customized-answer-content .FM .IB{
  display:none;
}

#customized-answer-content .CM .NV{
  display:none;
}



/* 1. 用户消息气泡 */
.group.flex.mb-2 .relative.inline-block {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

/* 2. AI消息气泡 */
.flex.mb-2#ai-chat-answer .relative.inline-block {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

/* 3. 用户头像 */
.bg-primary-600 {
  background: linear-gradient(135deg, #2f3f68 0%, #1f2740 100%) !important;
  color: #F5F5F5 !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}



/* 5. 用户装饰条 */
.bg-\[\#c9e1e9\] {
  background: linear-gradient(180deg, #33424d 0%, #26323b 100%) !important;
  opacity: 0.9 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04) !important;
}

/* 6. AI装饰条 */
.bg-\[\#F1CBCB\] {
  background: linear-gradient(180deg, #4a3539 0%, #35272a 100%) !important;
  opacity: 0.9 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04) !important;
}

/* 8. 消耗详情 */
.MuiStack-root.text-purple-500 {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #CBB6FF !important;
  border: 1px solid rgba(203, 182, 255, 0.16) !important;
  border-radius: 12px !important;
  padding: 6px 10px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18) !important;
}

/* 可读性补充：如果消息文字也在这些气泡内，统一提亮 */
.group.flex.mb-2 .relative.inline-block,
.flex.mb-2#ai-chat-answer .relative.inline-block,
.MuiStack-root.text-purple-500 {
  color: #F5F5F5 !important;
}

/* 深色场景下的链接或强调文本，避免过亮刺眼 */
.group.flex.mb-2 .relative.inline-block a,
.flex.mb-2#ai-chat-answer .relative.inline-block a {
  color: #A9C7FF !important;
}

/* 动效降级 */
@media (prefers-reduced-motion: reduce) {
  .group.flex.mb-2 .relative.inline-block,
  .flex.mb-2#ai-chat-answer .relative.inline-block,
  .bg-primary-600,
  img,
  .bg-\[\#c9e1e9\],
  .bg-\[\#F1CBCB\],
  .MuiStack-root.text-purple-500 {
    transition: none !important;
  }
}