.sc-ctn{
  --bg:#f2f0ea;--card:#faf9f5;--border:#d9d5c8;--accent:#7c8b6f;
  --txt:#3a3a38;--sub:#7a7a6e;--hover:#eceadf;
  --red:#c45c4a;--blue:#5f8aab;--green:#6b9a5e;--amber:#c4943a;
  --kakao:#fee500;--kakao-brown:#3c1e1e;--kt-bg:#b2c7d9;
  background:var(--bg);
  background-image:repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(170,175,180,.05) 27px,rgba(170,175,180,.05) 28px);
  color:var(--txt);
  font:14.5px/1.72 'Pretendard','Noto Sans KR','Apple SD Gothic Neo','Segoe UI','Microsoft YaHei',sans-serif;
  padding:10px 12px;border:1px solid var(--border);border-radius:5px;
  box-shadow:inset 0 0 24px rgba(0,0,0,.015),0 1px 5px rgba(0,0,0,.06);
  max-width:100%;box-sizing:border-box;
}

.sc-ctn .sc-body{
  background:var(--card);border-left:3px solid var(--accent);
  padding:14px 16px;margin:8px 0;font-size:15px;line-height:1.88;
  color:#2e2e2c;border-radius:0 5px 5px 0;box-shadow:0 1px 3px rgba(0,0,0,.03);
}

.sc-ctn .sc-sec{padding:10px 14px 12px}

.sc-ctn details{
  background:var(--card);border:1px solid var(--border);border-radius:5px;
  margin:5px 0;overflow:hidden;transition:border-color .2s;
}
.sc-ctn details[open]{border-color:#b5b0a0}

.sc-ctn details summary{
  cursor:pointer;padding:9px 14px 9px 32px;font-weight:700;font-size:13.5px;
  color:#4a4a48;background:#edebe2;border-bottom:1px solid transparent;
  letter-spacing:.3px;position:relative;list-style:none;user-select:none;transition:background .15s;
}
.sc-ctn details summary::-webkit-details-marker{display:none}
.sc-ctn details summary::before{
  content:'▸';position:absolute;left:13px;top:50%;transform:translateY(-50%);
  font-size:10px;color:#9a9a8a;transition:transform .2s;
}
.sc-ctn details[open]>summary::before{transform:translateY(-50%) rotate(90deg)}
.sc-ctn details[open]>summary{background:#e5e3d8;border-bottom-color:var(--border)}
.sc-ctn details summary:hover{background:var(--hover)}

.sc-ctn .sc-grid{
  display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:baseline;margin:5px 0;
}
.sc-ctn .sc-k{
  font-size:12px;color:var(--sub);font-weight:600;white-space:nowrap;
  padding:2px 6px;background:#edeae0;border-radius:3px;text-align:right;
}
.sc-ctn .sc-v{font-size:13.5px;color:#333;line-height:1.6;padding:2px 0}

.sc-ctn .sc-st{
  font-size:12px;font-weight:700;color:var(--accent);margin:11px 0 5px;
  padding-bottom:3px;border-bottom:1px dashed #ccc8b8;letter-spacing:.2px;
}

.sc-ctn .sc-p{
  font-size:13px;color:#444;line-height:1.65;padding:5px 8px;margin:3px 0;
  background:#f6f5ef;border-radius:3px;border:1px solid #e8e5d8;
}

.sc-ctn .sc-tags{display:flex;flex-wrap:wrap;gap:5px;margin:5px 0}
.sc-ctn .sc-tg{
  font-size:11.5px;padding:2px 8px;background:#edebe2;
  border:1px solid var(--border);border-radius:10px;color:#555;
}

.sc-ctn .sc-ul{list-style:none;padding-left:2px;margin:3px 0}
.sc-ctn .sc-ul li{
  position:relative;padding-left:12px;margin:2px 0;font-size:13px;line-height:1.6;color:#444;
}
.sc-ctn .sc-ul li::before{
  content:'·';position:absolute;left:1px;top:0;color:#aaa89a;font-weight:700;font-size:15px;
}
.sc-ctn .sc-ul li strong{color:#2c2c2c}

/*进度条 */
.sc-ctn .sc-bars{margin:5px 0}
.sc-ctn .sc-br{display:flex;align-items:center;gap:7px;margin:4px 0}
.sc-ctn .sc-bl{
  font-size:11px;font-weight:600;color:#666;min-width:72px;text-align:right;flex-shrink:0;
}
.sc-ctn .sc-pg{
  flex:1;height:10px;background:#e6e4d9;border:1px solid #d4d1c4;border-radius:5px;overflow:hidden;
}
.sc-ctn .sc-pf{height:100%;border-radius:4px;transition:width .3s}
.sc-ctn .sc-c1{background:linear-gradient(90deg,#e8a89a,var(--red))}
.sc-ctn .sc-c2{background:linear-gradient(90deg,#a0bcd0,var(--blue))}
.sc-ctn .sc-c3{background:linear-gradient(90deg,#a8c8a0,var(--green))}
.sc-ctn .sc-c4{background:linear-gradient(90deg,#e0c48a,var(--amber))}
.sc-ctn .sc-bn{
  font-size:10.5px;font-weight:700;color:#999;min-width:38px;flex-shrink:0;
  font-family:'D2Coding','Consolas',monospace;
}

/* NPC */
.sc-ctn .sc-npc{
  background:#f6f5ef;border:1px solid #ddd9cc;border-radius:4px;padding:9px 11px;margin:5px 0;
}
.sc-ctn .sc-nh{
  font-size:14.5px;font-weight:700;color:#2c2c2c;margin-bottom:7px;
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
}
.sc-ctn .sc-name{font-size:14.5px}
.sc-ctn .sc-badge{
  font-size:10px;font-weight:700;padding:1px 6px;background:var(--red);color:#fff;border-radius:3px;
}
.sc-ctn .sc-hr{
  border:none;height:1px;margin:8px 0;
  background:repeating-linear-gradient(90deg,#c8c5b8,#c8c5b8 4px,transparent 4px,transparent 8px);
}

/* ===========================
   카카오톡 仿真手机界面
   =========================== */
.sc-ctn .sc-phone{
  background:#1a1a1a;border-radius:22px;padding:0;overflow:hidden;
  border:3px solid #333;box-shadow:0 4px 20px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.05);
}

.sc-ctn .sc-status{
  display:flex;justify-content:space-between;align-items:center;
  padding:4px 16px;font-size:10px;color:#fff;background:#1a1a1a;
  font-family:'D2Coding','SF Mono',monospace;font-weight:600;
}
.sc-ctn .sc-carrier{font-size:10px}
.sc-ctn .sc-time{font-size:11px;font-weight:700}
.sc-ctn .sc-icons{font-size:10px}

.sc-ctn .sc-kakao{background:#b2c7d9}

.sc-ctn .sc-ktop{
  display:flex;justify-content:space-between;align-items:center;
  padding:10px 14px 6px;background:#b2c7d9;
}
.sc-ctn .sc-klogo{
  font-size:17px;font-weight:800;color:#3b3b3b;letter-spacing:-.3px;
}
.sc-ctn .sc-kicons{font-size:14px;letter-spacing:6px}

.sc-ctn .sc-tabs{
  display:flex;background:#a8bfcf;border-bottom:1px solid #8fa8ba;
}
.sc-ctn .sc-tab{
  flex:1;text-align:center;padding:7px 0 5px;cursor:pointer;
  transition:background .15s;position:relative;
}
.sc-ctn .sc-tab:hover{background:rgba(255,255,255,.08)}
.sc-ctn .sc-tab-active{background:rgba(255,255,255,.12)}
.sc-ctn .sc-tab-active::after{
  content:'';position:absolute;bottom:0;left:20%;right:20%;
  height:2px;background:#3b6998;border-radius:1px;
}
.sc-ctn .sc-tab-icon{font-size:16px;margin-bottom:1px}
.sc-ctn .sc-tab-text{
  font-size:9.5px;font-weight:600;color:#3a5568;line-height:1.3;
}
.sc-ctn .sc-tab-sub{font-size:8px;color:#5a7a8a;font-weight:400}

.sc-ctn .sc-chatlist{
  background:#b2c7d9;padding:4px 08px;max-height:260px;overflow-y:auto;
}

.sc-ctn .sc-chatitem{
  display:flex;align-items:center;gap:9px;padding:8px 14px;
  cursor:pointer;transition:background .12s;
}
.sc-ctn .sc-chatitem:hover{background:rgba(255,255,255,.1)}
.sc-ctn .sc-unread{background:rgba(255,255,255,.06)}

.sc-ctn .sc-chatav{
  width:40px;height:40px;background:#e0ddd2;border-radius:14px;
  display:flex;align-items:center;justify-content:center;font-size:18px;
  flex-shrink:0;border:1px solid rgba(0,0,0,.06);
  box-shadow:0 1px 3px rgba(0,0,0,.06);
}

.sc-ctn .sc-chatinfo{flex:1;min-width:0}
.sc-ctn .sc-chatname{
  font-size:13px;font-weight:700;color:#1a2a3a;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.sc-ctn .sc-chatmsg{
  font-size:11.5px;color:#4a6070;margin-top:1px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.sc-ctn .sc-chatmeta{
  flex-shrink:0;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px;
}
.sc-ctn .sc-chattime{
  font-size:9.5px;color:#5a7a8a;font-family:'D2Coding',monospace;
}
.sc-ctn .sc-chatbadge{
  font-size:9px;font-weight:700;color:#fff;background:#f05050;
  min-width:16px;height:16px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;padding:0 4px;
}

.sc-ctn .sc-divider{
  text-align:center;font-size:10px;font-weight:700;color:#4a6a80;
  padding:8px 0 3px;margin:0 12px;
  border-top:1px solid rgba(255,255,255,.18);letter-spacing:.2px;
}

.sc-ctn .sc-smsbox{padding:0 10px 4px}
.sc-ctn .sc-smsitem{
  display:flex;align-items:center;gap:6px;padding:4px 6px;
  font-size:11.5px;color:#2a3a4a;background:rgba(255,255,255,.12);
  border-radius:6px;margin:2px 0;
}
.sc-ctn .sc-smsicon{font-size:13px;flex-shrink:0}
.sc-ctn .sc-smstxt{flex:1;line-height:1.4}
.sc-ctn .sc-smstime{
  font-size:9px;color:#5a7a8a;flex-shrink:0;font-family:'D2Coding',monospace;
}

.sc-ctn .sc-community{padding:0 10px 4px}
.sc-ctn .sc-commitem{
  background:rgba(255,255,255,.15);border-radius:8px;padding:7px 10px;margin:3px 0;
}
.sc-ctn .sc-commboard{font-size:10px;font-weight:700;color:#3b6998}
.sc-ctn .sc-commtitle{font-size:12.5px;color:#1a1a2a;margin:2px 0;line-height:1.45;font-weight:600}
.sc-ctn .sc-commstats{font-size:9.5px;color:#5a7a8a;margin:2px 0}
.sc-ctn .sc-commhot{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}
.sc-ctn .sc-hotcomm{
  font-size:10px;color:#3a5a6a;background:rgba(255,255,255,.28);
  padding:2px 7px;border-radius:8px;line-height:1.4;
}

.sc-ctn .sc-memo{
  margin:4px 10px 8px;padding:8px 10px;
  background:#fffde6;border:1px solid #e8e0a0;border-radius:6px;
  box-shadow:0 1px 3px rgba(0,0,0,.04);
}
.sc-ctn .sc-memotitle{
  font-size:11.5px;font-weight:700;color:#6a6a3a;margin-bottom:3px;
}
.sc-ctn .sc-memocontent{
  font-size:12px;color:#5a5a3a;line-height:1.55;
  font-family:'D2Coding','Consolas',monospace;
}
.sc-ctn .sc-memotime{
  font-size:9px;color:#9a9a6a;margin-top:4px;
  font-family:'D2Coding',monospace;
}

/*表格 */
.sc-ctn .sc-memtable{
  overflow-x:auto;margin:5px 0;border-radius:4px;border:1px solid var(--border);
}
.sc-ctn .sc-tb{width:100%;border-collapse:collapse;font-size:12px;background:var(--card)}
.sc-ctn .sc-tb thead th{
  background:#e5e3d8;color:#3a3a3a;font-weight:700;padding:6px 7px;
  border:1px solid #d0cdc0;text-align:left;font-size:11.5px;white-space:nowrap;
}
.sc-ctn .sc-tb tbody td{
  padding:5px 7px;border:1px solid #ddd9cc;color:#444;line-height:1.5;vertical-align:top;
}
.sc-ctn .sc-tb tbody tr:nth-child(even){background:#f3f2ec}

/* 行动推荐 */
.sc-ctn .sc-actions{
  list-style:none;padding-left:0;counter-reset:ac;margin:4px 0;
}
.sc-ctn .sc-actions li{
  counter-increment:ac;position:relative;padding:7px 10px 7px 36px;margin:4px 0;
  background:#f6f5ef;border:1px solid #ddd9cc;border-radius:4px;
  font-size:13.5px;line-height:1.5;color:#333;cursor:pointer;
  transition:background .15s,border-color .15s,box-shadow .15s;
}
.sc-ctn .sc-actions li::before{
  content:counter(ac);position:absolute;left:9px;top:50%;transform:translateY(-50%);
  width:19px;height:19px;background:#c5c0a8;color:#faf9f5;
  font-size:10.5px;font-weight:700;display:flex;align-items:center;
  justify-content:center;border-radius:3px;
}
.sc-ctn .sc-actions li:hover{
  background:#edebd9;border-color:#b8b4a0;box-shadow:0 1px 4px rgba(0,0,0,.05);
}
.sc-ctn .sc-actions li:active{background:#e5e3d0}

/*滚动条 */
.sc-ctn ::-webkit-scrollbar{width:4px;height:4px}
.sc-ctn ::-webkit-scrollbar-track{background:#eae8df;border-radius:2px}
.sc-ctn ::-webkit-scrollbar-thumb{background:#c0bca8;border-radius:2px}
.sc-ctn ::-webkit-scrollbar-thumb:hover{background:#a8a490}
.sc-ctn .sc-chatlist::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}
.sc-ctn .sc-chatlist::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25)}

/* 移动端 */
@media(max-width:768px){
  .sc-ctn{padding:6px 8px;font-size:13.5px}
  .sc-ctn .sc-body{padding:10px 12px;font-size:14px}
  .sc-ctn details summary{padding:8px 10px 8px 28px;font-size:13px}
  .sc-ctn details summary::before{left:10px}
  .sc-ctn .sc-grid{grid-template-columns:1fr;gap:2px 0}
  .sc-ctn .sc-k{text-align:left;margin-top:3px}
  .sc-ctn .sc-br{flex-wrap:wrap;gap:3px}
  .sc-ctn .sc-bl{min-width:50px;font-size:10.5px}
  .sc-ctn .sc-bn{font-size:10px;min-width:32px}
  .sc-ctn .sc-npc{padding:7px 9px}
  .sc-ctn .sc-phone{border-radius:16px}
  .sc-ctn .sc-chatav{width:34px;height:34px;font-size:15px;border-radius:11px}
  .sc-ctn .sc-chatname{font-size:12px}
  .sc-ctn .sc-chatmsg{font-size:11px}
  .sc-ctn .sc-tb{font-size:11px}
  .sc-ctn .sc-tb thead th{font-size:10.5px;padding:4px 5px}
  .sc-ctn .sc-tb tbody td{padding:4px 5px}
  .sc-ctn .sc-actions li{padding:6px 8px 6px 30px;font-size:13px}
  .sc-ctn .sc-actions li::before{left:7px;width:17px;height:17px;font-size:10px}
}

@media(max-width:480px){
  .sc-ctn .sc-grid{gap:1px 0}
  .sc-ctn .sc-tg{font-size:11px;padding:2px 6px}
  .sc-ctn .sc-chatlist{max-height:200px}
  .sc-ctn .sc-memo{font-size:11px}
  .sc-ctn .sc-commhot{flex-direction:column;gap:2px}
}

/* ===== 社畜职场风 聊天框美化 ===== */

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

/* --- 统一聊天框（输入与输出） --- */
.bg-gray-100\/90.relative.inline-block {
  background-color: #f0efe9 !important;
  background-image:
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 27px,
      rgba(180,190,200,0.08) 27px,
      rgba(180,190,200,0.08) 28px
    ) !important;
  border: 1px solid #c8c5b8 !important;
  border-radius: 3px !important;
  box-shadow:
    inset 0 0 20px rgba(0,0,0,0.02),
    0 1px 3px rgba(0,0,0,0.06) !important;
  padding: 12px 14px !important;
  position: relative !important;
  isolation: isolate !important;
}

/* --- 输入聊天框单独微调（左侧绿色边线，模拟便签） --- */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
  border-left: 3px solid #b0c4b1 !important;
  border-radius: 0 3px 3px 0 !important;
}

/* --- 正文文字 --- */
.markdown-body {
  color: #2e2e2e !important;
  font-family: 'Pretendard', 'Noto Sans KR', 'Segoe UI', 'Microsoft YaHei', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  background: transparent !important;
  position: relative !important;
  z-index: 1 !important;
}

/* 正文内加粗 */
.markdown-body strong {
  color: #2c2c2c !important;
  font-weight: 700 !important;
}

/* 正文内斜体 */
.markdown-body em {
  color: #6b7c5e !important;
  font-style: normal !important;
  font-weight: 600 !important;
}

/* 正文内链接 */
.markdown-body a {
  color: #6b7c5e !important;
  text-decoration: none !important;
  border-bottom: 1px dashed #6b7c5e !important;
}

.markdown-body a:hover {
  color: #4e5c42 !important;
  border-bottom-style: solid !important;
}

/* 正文内行内代码 */
.markdown-body code {
  background-color: #e8e6d8 !important;
  color: #555 !important;
  padding: 1px 5px !important;
  border-radius: 2px !important;
  font-size: 13px !important;
  font-family: 'D2Coding', 'Consolas', monospace !important;
}

/* 正文内引用块 */
.markdown-body blockquote {
  border-left: 3px solid #c5c0a8 !important;
  background-color: rgba(232,230,216,0.4) !important;
  padding: 8px 14px !important;
  margin: 8px 0 !important;
  color: #4a4a4a !important;
  border-radius: 0 3px 3px 0 !important;
}

/* 正文内分割线 */
.markdown-body hr {
  border: none !important;
  height: 1px !important;
  background: repeating-linear-gradient(
    90deg,
    #c8c5b8,
    #c8c5b8 4px,
    transparent 4px,
    transparent 8px
  ) !important;
  margin: 14px 0 !important;
}

/* 正文内表格 */
.markdown-body table {
  border-collapse: collapse !important;
  width: 100% !important;
  font-size: 13px !important;
  background-color: #faf9f5 !important;
}

.markdown-body thead th {
  background-color: #e2e0d5 !important;
  color: #3a3a3a !important;
  font-weight: 700 !important;
  padding: 7px 8px !important;
  border: 1px solid #d0cdc0 !important;
  text-align: left !important;
  font-size: 12.5px !important;
}

.markdown-body tbody td {
  padding: 6px 8px !important;
  border: 1px solid #ddd9cc !important;
  color: #444 !important;
  line-height: 1.55 !important;
}

.markdown-body tbody tr:nth-child(even) {
  background-color: #f3f2ec !important;
}

/* --- details/summary 折叠栏 --- */
.markdown-body details {
  background-color: #faf9f5 !important;
  border: 1px solid #d6d3c7 !important;
  border-radius: 3px !important;
  margin: 6px 0 !important;
  overflow: hidden !important;
}

.markdown-body details[open] {
  border-color: #a8a28f !important;
}

.markdown-body details summary {
  cursor: pointer !important;
  padding: 9px 14px 9px 32px !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  color: #4a4a4a !important;
  background-color: #eae8df !important;
  border-bottom: 1px solid transparent !important;
  letter-spacing: 0.5px !important;
  position: relative !important;
  list-style: none !important;
}

.markdown-body details summary::-webkit-details-marker {
  display: none !important;
}

.markdown-body details summary::before {
  content: '▸' !important;
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 12px !important;
  color: #8a8a7a !important;
  transition: transform 0.2s ease !important;
}

.markdown-body details[open] > summary::before {
  transform: translateY(-50%) rotate(90deg) !important;
}

.markdown-body details[open] > summary {
  background-color: #e2e0d5 !important;
  border-bottom: 1px solid #d6d3c7 !important;
}

.markdown-body details summary:hover {
  background-color: #dfddd2 !important;
}

/* --- 无序列表 --- */
.markdown-body ul {
  list-style: none !important;
  padding-left: 6px !important;
}

.markdown-body ul li {
  position: relative !important;
  padding-left: 16px !important;
  margin: 3px 0 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.markdown-body ul li::before {
  content: '·' !important;
  position: absolute !important;
  left: 2px !important;
  top: 0 !important;
  color: #9a9a88 !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

/* --- 有序列表（行动推荐） --- */
.markdown-body ol {
  list-style: none !important;
  padding-left: 4px !important;
  counter-reset: act-counter !important;
}

.markdown-body ol li {
  counter-increment: act-counter !important;
  position: relative !important;
  padding: 7px 10px 7px 36px !important;
  margin: 5px 0 !important;
  background-color: #f5f4ee !important;
  border: 1px solid #ddd9cc !important;
  border-radius: 3px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  cursor: pointer !important;
  transition: background-color 0.15s ease, border-color 0.15s ease !important;
}

.markdown-body ol li::before {
  content: counter(act-counter) !important;
  position: absolute !important;
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  height: 18px !important;
  background-color: #c5c0a8 !important;
  color: #faf9f5 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 2px !important;
}

.markdown-body ol li:hover {
  background-color: #edebd9 !important;
  border-color: #b8b4a0 !important;
}

/* --- 底部操作按钮 --- */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
  color: #8a8a7a !important;
  font-size: 12px !important;
  font-family: 'Pretendard', 'Noto Sans KR', sans-serif !important;
  opacity: 0.7 !important;
  transition: opacity 0.15s ease, color 0.15s ease !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
  color: #6b7c5e !important;
  opacity: 1 !important;
}

/* --- 模型名称文本 --- */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
  color: #a8a490 !important;
  font-size: 11px !important;
  font-family: 'D2Coding', 'Consolas', monospace !important;
  opacity: 0.6 !important;
}

/* --- Token消耗文本 --- */
.text-orange-500 {
  color: #b0a882 !important;
  font-size: 11px !important;
  font-family: 'D2Coding', 'Consolas', monospace !important;
  opacity: 0.6 !important;
}

/* --- 加载动画替换 --- */
/* 隐藏默认加载动画 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
  display: none !important;
}

/* 加载容器 */
.flex.items-center.justify-center.w-6.h-5 {
  position: relative !important;
  width: 40px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 打卡机风格光标闪烁 —— 用内联SVG SMIL实现 */
.flex.items-center.justify-center.w-6.h-5::before {
  content: '' !important;
  display: block !important;
  width: 36px !important;
  height: 20px !important;
  /* 三个方块依次闪烁，模拟打卡机/终端光标 */
  /* CSP兼容：data:image/svg+xml 内联方案 */
  /* 可替换为同源外链SVG：url('/assets/loading-clock.svg') */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 12'%3E%3Crect x='2' y='3' width='6' height='6' rx='1' fill='%23c5c0a8'%3E%3Canimate attributeName='opacity' values='0.2;1;0.2' dur='1.5s' begin='0s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='14' y='3' width='6' height='6' rx='1' fill='%23b0c4b1'%3E%3Canimate attributeName='opacity' values='0.2;1;0.2' dur='1.5s' begin='0.4s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='26' y='3' width='6' height='6' rx='1' fill='%23c5c0a8'%3E%3Canimate attributeName='opacity' values='0.2;1;0.2' dur='1.5s' begin='0.8s' repeatCount='indefinite'/%3E%3C/rect%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

/* --- 滚动条美化 --- */
.bg-gray-100\/90.relative.inline-block ::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}

.bg-gray-100\/90.relative.inline-block ::-webkit-scrollbar-track {
  background: #eae8df !important;
  border-radius: 3px !important;
}

.bg-gray-100\/90.relative.inline-block ::-webkit-scrollbar-thumb {
  background: #c0bca8 !important;
  border-radius: 3px !important;
}

.bg-gray-100\/90.relative.inline-block ::-webkit-scrollbar-thumb:hover {
  background: #a8a490 !important;
}

/* ===== 移动端适配 ===== */
@media (max-width: 480px) {
  .bg-gray-100\/90.relative.inline-block {
    padding: 8px 10px !important;
  }

  .markdown-body {
    font-size: 14px !important;
    line-height: 1.75 !important;
  }

  .markdown-body details summary {
    padding: 8px 10px 8px 26px !important;
    font-size: 13px !important;
  }

  .markdown-body details summary::before {
    left: 9px !important;
  }

  .markdown-body table {
    font-size: 12px !important;
    display: block !important;
    overflow-x: auto !important;
  }

  .markdown-body ol li {
    padding: 6px 8px 6px 30px !important;
    font-size: 13px !important;
  }

  .markdown-body ol li::before {
    left: 8px !important;
    width: 16px !important;
    height: 16px !important;
    font-size: 10px !important;
  }

  .flex.items-center.justify-center.w-6.h-5 {
    width: 32px !important;
    height: 20px !important;
  }
}

/* 低动效偏好 */
@media (prefers-reduced-motion: reduce) {
  .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' viewBox='0 0 36 12'%3E%3Crect x='2' y='3' width='6' height='6' rx='1' fill='%23c5c0a8'%3E%3Canimate attributeName='opacity' values='0.4;0.9;0.4' dur='3s' begin='0s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='14' y='3' width='6' height='6' rx='1' fill='%23b0c4b1'%3E%3Canimate attributeName='opacity' values='0.4;0.9;0.4' dur='3s' begin='0.8s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='26' y='3' width='6' height='6' rx='1' fill='%23c5c0a8'%3E%3Canimate attributeName='opacity' values='0.4;0.9;0.4' dur='3s' begin='1.6s' repeatCount='indefinite'/%3E%3C/rect%3E%3C/svg%3E") !important;
  }
}