/* === 完整蓝紫色风格（正文蓝紫 + 状态面板保留原始深蓝）=== */

/* ═══════════════════════════════════════════════════════════ */
/* 顶部状态栏与基础组件（保留原始深色科幻风格） */
/* ═══════════════════════════════════════════════════════════ */
.hb-wrap{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px 10px;background:linear-gradient(135deg,rgba(15,20,40,0.97)0%,rgba(20,30,55,0.97)100%);border-radius:16px;border:1px solid rgba(100,160,255,0.18);backdrop-filter:blur(12px);margin-bottom:10px;box-shadow:0 4px 24px rgba(0,80,200,0.13)}
.hb-left{display:flex;flex-direction:column;gap:4px;min-width:160px}
.hb-datetime{display:flex;align-items:baseline;gap:10px}
.hb-solar{font-size:12px;color:rgba(160,200,255,0.75);letter-spacing:0.5px}
.hb-clock{font-size:28px;font-weight:700;color:#e8f4ff;letter-spacing:2px;text-shadow:0 0 18px rgba(100,180,255,0.5);animation:hb-pulse 2s ease-in-out infinite}
@keyframes hb-pulse{0%,100%{text-shadow:0 0 18px rgba(100,180,255,0.5)}50%{text-shadow:0 0 28px rgba(100,180,255,0.9)}}
.hb-lunar{display:flex;gap:8px;align-items:center}
.hb-lunar-date{font-size:11px;color:rgba(200,220,255,0.6)}
.hb-festival{font-size:11px;color:#ffd97a;background:rgba(255,200,80,0.1);padding:1px 7px;border-radius:20px;border:1px solid rgba(255,200,80,0.25)}
.hb-center{display:flex;flex-direction:column;gap:5px;flex:1;min-width:160px}
.hb-weather-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hb-wi{font-size:20px}
.hb-wtext{font-size:13px;color:#c8e0ff}
.hb-temp{font-size:15px;font-weight:600;color:#7dd3fc}
.hb-aqi{font-size:11px;color:rgba(180,220,180,0.8);background:rgba(100,200,100,0.08);padding:1px 7px;border-radius:20px;border:1px solid rgba(100,200,100,0.2)}
.hb-forecast{font-size:11px;color:rgba(160,200,255,0.55);font-style:italic}
.hb-right{display:flex;flex-direction:column;gap:5px;min-width:160px}
.hb-location-row{display:flex;align-items:center;gap:5px}
.hb-loc-icon{font-size:13px}
.hb-location{font-size:12px;color:#a5c8f0;border-left:2px solid rgba(100,160,255,0.4);padding-left:6px}
.hb-news-ticker{font-size:11px;color:rgba(200,180,255,0.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.hb-bars{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px 8px;background:rgba(10,15,35,0.6);border-radius:0 0 14px 14px;border-top:1px solid rgba(100,140,255,0.1)}
.hb-bar-item{display:flex;align-items:center;gap:6px;flex:1;min-width:120px}
.hb-bl{font-size:11px;color:rgba(160,190,255,0.7);width:26px;flex-shrink:0}
.hb-bt{flex:1;height:5px;background:rgba(255,255,255,0.08);border-radius:3px;overflow:hidden}
.hb-bf{height:100%;border-radius:3px;transition:width 0.6s ease}
.hb-mood-f{background:linear-gradient(90deg,#f472b6,#e879f9)}
.hb-energy-f{background:linear-gradient(90deg,#34d399,#6ee7b7)}
.hb-desire-f{background:linear-gradient(90deg,#f97316,#fb923c)}
.hb-stress-f{background:linear-gradient(90deg,#ef4444,#f87171)}
.hb-bn{font-size:11px;color:rgba(200,220,255,0.7);width:22px;text-align:right;flex-shrink:0}
.hb-notify{display:flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(30,40,80,0.7);border-top:1px solid rgba(100,140,255,0.08);border-radius:0 0 16px 16px}
.hb-notify-icon{font-size:14px}
.hb-notify-text{font-size:11px;color:rgba(180,200,255,0.7);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-notify-badge{font-size:10px;background:rgba(239,68,68,0.85);color:#fff;border-radius:20px;padding:1px 6px;flex-shrink:0}

/* ═══════════════════════════════════════════════════════════ */
/* 正文区域 - 高级蓝紫色雾面玻璃风格 */
/* ═══════════════════════════════════════════════════════════ */
text {
  display: block !important;
  font-family: "Georgia", "Noto Serif SC", serif !important;
  font-size: 16px !important;
  line-height: 1.95 !important;
  color: #e6eaff !important;
  padding: 24px 20px !important;
  background: linear-gradient(145deg, 
    rgba(30, 25, 65, 0.75) 0%, 
    rgba(45, 35, 85, 0.65) 100%) !important;
  backdrop-filter: blur(12px) !important;
  border-left: 4px solid #9f8be5 !important;
  margin: 16px 0 !important;
  border-radius: 0 20px 20px 0 !important;
  box-shadow: 
    0 8px 20px -8px rgba(0, 0, 0, 0.3),
    inset 0 0 0 1px rgba(160, 140, 255, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}
text p {
  margin: 0 0 14px 0 !important;
  text-indent: 2em !important;
  color: #e6eaff !important;
}
text p:last-child {
  margin-bottom: 0 !important;
}

/* ═══════════════════════════════════════════════════════════ */
/* 梦境区域 - 幽深紫罗兰 */
/* ═══════════════════════════════════════════════════════════ */
dream {
  display: block !important;
  font-family: "Noto Serif SC", serif !important;
  font-size: 15px !important;
  line-height: 2 !important;
  color: #d4c9ff !important;
  background: linear-gradient(135deg, 
    rgba(60, 40, 120, 0.45) 0%, 
    rgba(80, 50, 140, 0.35) 100%) !important;
  backdrop-filter: blur(8px) !important;
  border-left: 4px solid #c0aef7 !important;
  padding: 20px 18px !important;
  border-radius: 0 16px 16px 0 !important;
  font-style: italic !important;
  margin: 16px 0 !important;
  box-shadow: 
    0 6px 16px -6px rgba(0, 0, 0, 0.3),
    inset 0 0 0 1px rgba(180, 150, 255, 0.2) !important;
}
dream p {
  margin: 0 0 12px !important;
  text-indent: 2em !important;
  color: #d4c9ff !important;
}

/* ═══════════════════════════════════════════════════════════ */
/* 状态面板 - 恢复原始深色科幻蓝色风格 */
/* ═══════════════════════════════════════════════════════════ */
.status-panel,.sp-card{all:unset}
.sp-title{display:flex;align-items:center;font-size:13px;font-weight:600;color:#93c5fd;letter-spacing:1px;padding:10px 4px;cursor:pointer;user-select:none;border-bottom:1px solid rgba(100,150,255,0.12)}
.sp-title:hover{color:#bfdbfe}
.sp-mem-title{color:#a78bfa}
.sp-mem-title:hover{color:#c4b5fd}
.sp-ow-title{color:#34d399}
.sp-ow-title:hover{color:#6ee7b7}
.sp-card{display:block;padding:10px 4px 4px;font-size:12.5px;color:#b8d0f0}
.sp-card p{margin:0 0 7px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.sp-label{font-size:11px;color:rgba(140,170,230,0.65);flex-shrink:0}
.sp-val{color:#d0e8ff;font-size:12.5px}
.ml{margin-left:8px}
.sp-sec-hd{font-size:11px;color:rgba(140,170,230,0.5);letter-spacing:2px;padding:6px 0 4px;border-top:1px solid rgba(100,140,255,0.08);width:100%}
.sp-npc-card{background:linear-gradient(135deg,rgba(20,30,60,0.7)0%,rgba(15,25,50,0.8)100%);border:1px solid rgba(100,140,255,0.14);border-radius:10px;padding:10px 12px;margin:6px 0}
.sp-npc-card p{margin:0 0 5px;display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 7px}
.sp-npc-name{font-size:14px;font-weight:700;color:#e0f0ff}
.sp-npc-rel-badge{font-size:10px;background:rgba(99,102,241,0.25);color:#a5b4fc;padding:1px 8px;border-radius:20px;border:1px solid rgba(99,102,241,0.35)}
.sp-npc-like-badge{font-size:10px;background:rgba(236,72,153,0.15);color:#f9a8d4;padding:1px 8px;border-radius:20px;border:1px solid rgba(236,72,153,0.25)}
.sp-emotion{font-size:12px;color:#fde68a;background:rgba(251,191,36,0.1);padding:1px 8px;border-radius:20px;border:1px solid rgba(251,191,36,0.2)}
.sp-secret{font-size:11px;color:rgba(167,139,250,0.75);font-style:italic;border-left:2px solid rgba(167,139,250,0.3);padding-left:6px}
.sp-money{color:#34d399;font-weight:600}
.sp-income{color:#6ee7b7}
.sp-outcome{color:#fca5a5}
.sp-debt{color:#ef4444;font-weight:600}
.sp-bt{flex:1;height:5px;background:rgba(255,255,255,0.08);border-radius:3px;overflow:hidden;min-width:60px}
.sp-bf{height:100%;border-radius:3px;transition:width 0.6s ease}
.sp-bn{font-size:11px;color:rgba(200,220,255,0.7);width:36px;flex-shrink:0}
.sp-health{background:linear-gradient(90deg,#f87171,#fbbf24,#34d399)}
.sp-energy{background:linear-gradient(90deg,#34d399,#6ee7b7)}
.sp-food{background:linear-gradient(90deg,#fb923c,#fbbf24)}
.sp-water{background:linear-gradient(90deg,#38bdf8,#7dd3fc)}
.sp-stress{background:linear-gradient(90deg,#ef4444,#f87171)}
.sp-desire{background:linear-gradient(90deg,#f97316,#fb923c)}
.sp-rep{background:linear-gradient(90deg,#818cf8,#a78bfa)}
.sp-tl-date{font-size:11px;color:#fbbf24;background:rgba(251,191,36,0.1);padding:1px 7px;border-radius:20px;border:1px solid rgba(251,191,36,0.2)}
.sp-tl-event{font-size:12px;color:#dde8ff;margin:0 4px}
.sp-tl-type{font-size:10px;padding:1px 7px;border-radius:20px}
.sp-tl-生日{background:rgba(236,72,153,0.15);color:#f9a8d4;border:1px solid rgba(236,72,153,0.25)}
.sp-tl-还款{background:rgba(239,68,68,0.15);color:#fca5a5;border:1px solid rgba(239,68,68,0.25)}
.sp-tl-纪念日{background:rgba(168,85,247,0.15);color:#d8b4fe;border:1px solid rgba(168,85,247,0.25)}
.sp-tl-节日{background:rgba(251,191,36,0.15);color:#fde68a;border:1px solid rgba(251,191,36,0.25)}
.sp-memory .sp-mem-type{font-size:12px;font-weight:700;color:#a78bfa;padding:8px 0 4px;letter-spacing:1px;border-bottom:1px solid rgba(167,139,250,0.15)}
.sp-anchor-list p,.sp-ltm-list p,.sp-stm-list p{font-size:11.5px;color:rgba(200,185,255,0.8);padding:4px 0;border-bottom:1px solid rgba(100,80,200,0.1);line-height:1.7}
.sp-anchor-list p{color:#f0abfc;font-weight:500}
.sp-stm-list p{color:rgba(190,210,255,0.75)}
.sp-progress .sp-ac-hd{font-size:11px;color:rgba(140,170,230,0.5);letter-spacing:2px;padding:8px 0 6px;border-top:1px solid rgba(100,140,255,0.08)}
.sp-actions{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:4px}
.sp-ac{font-size:11.5px;color:#bae6fd;background:rgba(14,165,233,0.1);border:1px solid rgba(14,165,233,0.25);padding:4px 12px;border-radius:20px;cursor:pointer;transition:all 0.2s}
.sp-ac:hover{background:rgba(14,165,233,0.25);color:#e0f7ff;border-color:rgba(14,165,233,0.5)}
details{border-bottom:1px solid rgba(100,140,255,0.08)}
details summary::-webkit-details-marker{display:none}
details summary::before{content:"▸";margin-right:7px;transition:transform 0.2s;display:inline-block;color:rgba(140,170,230,0.5)}
details[open] summary::before{transform:rotate(90deg)}

/* ═══════════════════════════════════════════════════════════ */
/* 成就弹出 */
/* ═══════════════════════════════════════════════════════════ */
achievement {
  display: block !important;
  background: linear-gradient(90deg, #2a1e4a, #3d2b5e) !important;
  color: #f5d742 !important;
  font-size: 13px !important;
  padding: 8px 14px !important;
  border-radius: 6px !important;
  margin-top: 16px !important;
  border: 1px solid #b49bff !important;
  letter-spacing: 0.5px !important;
}

/* ═══════════════════════════════════════════════════════════ */
/* 顶部 header-bar */
/* ═══════════════════════════════════════════════════════════ */
header-bar {
  display: block !important;
  background: linear-gradient(135deg, #1e1a3a 0%, #1f2350 60%, #1e2e60 100%) !important;
  border-radius: 16px !important;
  padding: 12px 14px 10px !important;
  margin-bottom: 8px !important;
  color: #d9d0ff !important;
  font-size: 12px !important;
  border: 1px solid rgba(130, 110, 220, 0.3) !important;
  box-shadow: 0 4px 16px rgba(40, 20, 100, 0.2) !important;
}

/* ═══════════════════════════════════════════════════════════ */
/* 以下保留原始深色科幻风格的所有其他美化 */
/* ═══════════════════════════════════════════════════════════ */
.sticky.w-full.top-0.flex.items-center{background:linear-gradient(180deg,rgba(6,12,35,0.98)0%,rgba(8,16,42,0.97)100%) !important;border-bottom:1px solid transparent !important;box-shadow:0 0 0 0 transparent !important;backdrop-filter:blur(24px) !important;position:relative !important}
.sticky.w-full.top-0.flex.items-center::before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(80,140,255,0.6)20%,rgba(180,100,255,0.7)50%,rgba(80,200,255,0.6)80%,transparent 100%);background-size:200% 100%;animation:topbar-flow 5s linear infinite;pointer-events:none}
@keyframes topbar-flow{0%{background-position:200% 0}100%{background-position:-200% 0}}
.sticky.w-full.top-0.flex.items-center::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 100% at 50% 0%,rgba(80,120,255,0.05)0%,transparent 70%);pointer-events:none}
#ai-model-selector .group.flex.items-center{background:rgba(20,35,85,0.7) !important;border:1px solid rgba(80,130,255,0.25) !important;border-radius:24px !important;padding:4px 14px 4px 10px !important;transition:all 0.3s !important;box-shadow:0 2px 12px rgba(40,80,200,0.15) !important}
#ai-model-selector .group.flex.items-center:hover{background:rgba(35,60,130,0.7) !important;border-color:rgba(120,170,255,0.5) !important;box-shadow:0 0 16px rgba(80,140,255,0.25) !important}
#ai-model-selector .truncate.text-\[13px\]{color:#a5c8f0 !important;font-size:12px !important;font-weight:500 !important}
#ai-model-selector .shrink-0.flex.items-center svg{opacity:0.6 !important;transition:opacity 0.2s !important}
#ai-model-selector .group.flex.items-center:hover svg{opacity:1 !important}
#header-setting-button{background:rgba(20,35,85,0.5) !important;border:1px solid rgba(80,130,255,0.2) !important;border-radius:50% !important;transition:all 0.3s !important}
#header-setting-button:hover{background:rgba(40,70,160,0.5) !important;border-color:rgba(120,170,255,0.5) !important;box-shadow:0 0 14px rgba(80,140,255,0.3) !important;transform:rotate(30deg) scale(1.08) !important}
#header-setting-button svg{opacity:0.75 !important}
#header-setting-button:hover svg{opacity:1 !important}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]{background:linear-gradient(135deg,rgba(15,25,65,0.9)0%,rgba(20,35,80,0.85)100%) !important;border:1px solid rgba(80,130,255,0.25) !important;border-radius:12px !important;box-shadow:0 2px 12px rgba(30,60,180,0.12) !important;transition:all 0.3s !important}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover{border-color:rgba(120,170,255,0.5) !important;box-shadow:0 0 16px rgba(80,140,255,0.2) !important}
#ai-mod-button2 button.MuiButton-root{background:rgba(15,28,75,0.75) !important;border:1px solid rgba(80,130,255,0.2) !important;border-radius:24px !important;color:rgba(160,200,255,0.85) !important;font-size:12px !important;transition:all 0.25s !important;box-shadow:0 2px 8px rgba(20,50,160,0.1) !important}
#ai-mod-button2 button.MuiButton-root:hover{background:rgba(35,65,155,0.5) !important;border-color:rgba(120,170,255,0.5) !important;color:#c8e0ff !important;box-shadow:0 0 14px rgba(80,140,255,0.25) !important;transform:translateY(-1px) !important}
#ai-mod-button2 button.MuiButton-root svg{transition:transform 0.25s !important}
#ai-mod-button2 button.MuiButton-root:hover svg{transform:scale(1.15) !important}
.bg-gradient-to-t{background:linear-gradient(0deg,rgba(5,10,30,0.99)0%,rgba(6,12,36,0.95)60%,transparent 100%) !important}
#ai-chat-bottom-input{background:rgba(5,10,30,0.97) !important;border-top:1px solid rgba(60,100,220,0.15) !important}
#ai-chat-input{background:rgba(12,22,60,0.75) !important;border:1px solid rgba(80,130,255,0.25) !important;border-radius:14px !important;color:#d0e8ff !important;caret-color:#60a5fa !important;font-size:14px !important;transition:all 0.3s !important;box-shadow:inset 0 1px 4px rgba(0,0,0,0.2) !important}
#ai-chat-input:focus{border-color:rgba(100,160,255,0.6) !important;box-shadow:0 0 0 3px rgba(60,120,255,0.1),inset 0 1px 4px rgba(0,0,0,0.2),0 0 20px rgba(80,140,255,0.12) !important;outline:none !important}
#ai-chat-input::placeholder{color:rgba(100,140,200,0.45) !important}
#ai-chat-input::selection{background:rgba(80,130,255,0.3) !important;color:#e0f0ff !important}
div[class*="w-full"][class*="bg-white"][class*="bottom-0"]{background:linear-gradient(180deg,rgba(6,11,32,0.99)0%,rgba(4,9,28,1)100%) !important;border-top:1px solid rgba(70,110,220,0.18) !important}
div.text-lg.font-bold{color:#93c5fd !important;font-size:15px !important;letter-spacing:1px !important}
p.MuiTypography-body1.text-grey-600{color:rgba(160,190,255,0.65) !important;font-size:12px !important}
span.MuiRating-iconEmpty svg{fill:rgba(80,100,160,0.4) !important}
span.MuiRating-iconFilled svg{fill:#f59e0b !important;filter:drop-shadow(0 0 4px rgba(245,158,11,0.5))}
span.text-orange-500{color:#fbbf24 !important}
div.flex.flex-col.border-gray-200{border:1px solid rgba(80,130,255,0.2) !important;border-radius:12px !important;background:rgba(12,22,60,0.6) !important}
textarea.rc-textarea{background:transparent !important;color:#d0e8ff !important;caret-color:#60a5fa !important;font-size:13.5px !important}
textarea.rc-textarea::placeholder{color:rgba(100,140,200,0.4) !important}
div.bg-gray-100.text-gray-500{background:rgba(20,35,85,0.5) !important;color:rgba(120,160,220,0.6) !important;font-size:11px !important;border-radius:0 0 10px 0 !important}
div.cursor-pointer.group.flex.items-center.justify-center{background:linear-gradient(135deg,rgba(60,100,220,0.3)0%,rgba(120,60,220,0.3)100%) !important;border:1px solid rgba(100,140,255,0.3) !important;border-radius:10px !important;transition:all 0.3s !important}
div.cursor-pointer.group.flex.items-center.justify-center:hover{background:linear-gradient(135deg,rgba(80,130,255,0.45)0%,rgba(150,80,255,0.45)100%) !important;border-color:rgba(140,170,255,0.6) !important;box-shadow:0 0 18px rgba(100,140,255,0.35) !important;transform:scale(1.06) !important}
div.style_divider__mW0YX{background:linear-gradient(90deg,transparent,rgba(80,120,255,0.3),rgba(160,80,255,0.3),transparent) !important;height:1px !important}
button.MuiButton-containedPrimary{background:linear-gradient(135deg,rgba(60,100,220,0.85)0%,rgba(100,60,210,0.85)100%) !important;border:1px solid rgba(100,140,255,0.4) !important;border-radius:20px !important;color:#dde8ff !important;box-shadow:0 0 12px rgba(80,120,255,0.25) !important;font-size:12px !important}
button.MuiButton-outlinedPrimary{background:rgba(15,28,75,0.6) !important;border:1px solid rgba(80,120,255,0.3) !important;border-radius:20px !important;color:rgba(140,180,255,0.8) !important;font-size:12px !important;transition:all 0.2s !important}
button.MuiButton-outlinedPrimary:hover{background:rgba(30,55,140,0.5) !important;border-color:rgba(120,160,255,0.5) !important}
div.p-3.overflow-y-auto{scrollbar-width:thin !important;scrollbar-color:rgba(80,120,255,0.3) transparent !important}
div.group.ml-0{border-radius:12px !important;padding:8px !important;transition:background 0.2s !important}
div.group.ml-0:hover{background:rgba(20,35,85,0.4) !important}
div.text-sm.text-grey-600 span.font-bold{color:#93c5fd !important}
div.break-all{color:#c8deff !important;font-size:13.5px !important;line-height:1.75 !important}
div.text-xs.text-grey-600{color:rgba(100,140,200,0.55) !important}
button.text-gray-400{color:rgba(100,140,200,0.5) !important;transition:all 0.2s !important}
button.text-gray-400:hover{color:rgba(160,200,255,0.9) !important}
span.cursor-pointer{color:rgba(120,160,255,0.7) !important;font-size:12px !important;transition:color 0.2s !important}
span.cursor-pointer:hover{color:#93c5fd !important}
div.ml-8.border-l{border-left:2px solid rgba(80,120,255,0.2) !important}
.MuiPaginationItem-root{background:rgba(15,28,75,0.7) !important;border:1px solid rgba(80,120,255,0.2) !important;color:rgba(140,180,255,0.8) !important;border-radius:8px !important;transition:all 0.2s !important}
.MuiPaginationItem-root:hover{background:rgba(35,65,155,0.5) !important;border-color:rgba(120,160,255,0.4) !important}
.MuiPaginationItem-root.Mui-selected{background:linear-gradient(135deg,rgba(60,100,220,0.85)0%,rgba(100,60,210,0.85)100%) !important;border-color:rgba(120,160,255,0.5) !important;color:#dde8ff !important;box-shadow:0 0 10px rgba(80,120,255,0.3) !important}
.MuiPaginationItem-root.Mui-disabled{opacity:0.3 !important}
.MuiInputBase-input{background:rgba(12,22,60,0.6) !important;border:1px solid rgba(80,120,255,0.2) !important;border-radius:8px !important;color:#a5c8f0 !important;font-size:12px !important}
[class*="bg-[#F1CBCB]"],[class*="bg-[#c9e1e9]"]{display:none !important}
.bg-gray-100\/90.relative.inline-block{background:linear-gradient(145deg,rgba(6,12,38,0.97)0%,rgba(10,18,50,0.98)100%) !important;border:1px solid rgba(70,120,240,0.18) !important;border-radius:18px !important;box-shadow:0 4px 32px rgba(0,40,180,0.14),inset 0 1px 0 rgba(100,160,255,0.07) !important;isolation:isolate !important;overflow:hidden !important;position:relative !important}
.bg-gray-100\/90.relative.inline-block::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 15% 25%,rgba(140,200,255,0.55)0%,transparent 100%),radial-gradient(1px 1px at 75% 15%,rgba(200,150,255,0.5)0%,transparent 100%),radial-gradient(1px 1px at 88% 72%,rgba(100,220,255,0.4)0%,transparent 100%),radial-gradient(1.5px 1.5px at 40% 85%,rgba(255,140,200,0.35)0%,transparent 100%),radial-gradient(1px 1px at 60% 40%,rgba(150,255,200,0.3)0%,transparent 100%),radial-gradient(1px 1px at 92% 35%,rgba(200,200,255,0.3)0%,transparent 100%),radial-gradient(2px 2px at 25% 60%,rgba(100,180,255,0.25)0%,transparent 100%),radial-gradient(1px 1px at 55% 10%,rgba(255,200,150,0.3)0%,transparent 100%)}
.bg-gray-100\/90.relative.inline-block::after{content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(120,180,255,0.05),rgba(180,140,255,0.04),transparent);z-index:0;pointer-events:none;animation:chat-sweep 10s ease-in-out infinite}
@keyframes chat-sweep{0%{left:-120%}100%{left:220%}}
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90){border-color:rgba(100,160,255,0.22) !important;box-shadow:0 4px 28px rgba(0,60,200,0.1),inset 0 1px 0 rgba(140,180,255,0.07),0 0 0 1px rgba(80,140,255,0.05) !important}
.markdown-body{position:relative !important;z-index:1 !important;background:transparent !important;color:#d8eaff !important;font-family:Georgia,"Noto Serif SC","Source Han Serif CN",serif !important;font-size:15px !important;line-height:1.95 !important;letter-spacing:0.02em !important}
.markdown-body p{margin:0 0 14px !important;text-indent:2em !important}
.markdown-body strong{color:#93c5fd !important;font-weight:700 !important}
.markdown-body em{color:#c4b5fd !important}
.markdown-body h1,.markdown-body h2,.markdown-body h3{color:#7dd3fc !important;border-bottom:1px solid rgba(80,140,255,0.2) !important;padding-bottom:6px !important}
.markdown-body hr{border:none !important;border-top:1px solid rgba(80,120,255,0.18) !important}
.markdown-body code{background:rgba(30,50,120,0.5) !important;color:#93c5fd !important;border-radius:5px !important;padding:1px 6px !important;font-size:13px !important}
.markdown-body blockquote{border-left:3px solid rgba(120,100,255,0.5) !important;background:rgba(60,40,120,0.12) !important;color:#c4b5fd !important;padding:8px 14px !important;border-radius:0 8px 8px 0 !important}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary{color:rgba(120,160,220,0.55) !important;font-size:11px !important;transition:color 0.2s !important}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover{color:rgba(160,200,255,0.9) !important}
.MuiTypography-root.MuiTypography-body2.css-6c0gf2{color:rgba(100,140,200,0.5) !important;font-size:11px !important}
.text-orange-500{color:rgba(160,140,255,0.6) !important;font-size:11px !important}
.style_dot-flashing__8L91Q.style_text__zGhNq{display:none !important}
.flex.items-center.justify-center.w-6.h-5{position:relative !important;width:44px !important;height:28px !important}
.flex.items-center.justify-center.w-6.h-5::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 24'%3E%3Ccircle cx='7' cy='12' r='3.5' fill='%2360a5fa'%3E%3Canimate attributeName='cy' values='12;5;12' dur='1.3s' begin='0s' repeatCount='indefinite' calcMode='spline' keySplines='0.4 0 0.2 1;0.4 0 0.2 1'/%3E%3Canimate attributeName='opacity' values='1;0.3;1' dur='1.3s' begin='0s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='22' cy='12' r='3.5' fill='%23a78bfa'%3E%3Canimate attributeName='cy' values='12;5;12' dur='1.3s' begin='0.22s' repeatCount='indefinite' calcMode='spline' keySplines='0.4 0 0.2 1;0.4 0 0.2 1'/%3E%3Canimate attributeName='opacity' values='1;0.3;1' dur='1.3s' begin='0.22s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='37' cy='12' r='3.5' fill='%23f472b6'%3E%3Canimate attributeName='cy' values='12;5;12' dur='1.3s' begin='0.44s' repeatCount='indefinite' calcMode='spline' keySplines='0.4 0 0.2 1;0.4 0 0.2 1'/%3E%3Canimate attributeName='opacity' values='1;0.3;1' dur='1.3s' begin='0.44s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain}

/* ═══════════════════════════════════════════════════════════ */
/* 响应式 */
/* ═══════════════════════════════════════════════════════════ */
@media(max-width:600px){
  .hb-wrap{padding:8px 10px !important}
  .hb-clock{font-size:20px !important}
  .hb-bars{gap:6px}
  .hb-bar-item{min-width:100px}
  .hb-news-ticker{max-width:160px}
  .sp-npc-card{padding:8px 10px}
  .sp-actions{gap:4px}
  .sp-ac{font-size:11px;padding:3px 10px}
  div.group.ml-0{padding:6px !important}
  div.break-all{font-size:13px !important}
  #ai-mod-button2 button.MuiButton-root{font-size:11px !important;padding:4px 10px !important}
  .markdown-body{font-size:14px !important;line-height:1.85 !important}
}
@media(prefers-reduced-motion:reduce){
  .bg-gray-100\/90.relative.inline-block::after{animation-duration:30s !important}
  .sticky.w-full.top-0.flex.items-center::before{animation-duration:15s !important}
}