/* 初中三年模拟器 · 清新校园风格 */
.school-wrap {
  background: #f0f7f0;
  color: #2c4a2c;
  font-family: 'Segoe UI', 'Roboto', 'Noto Sans SC', 'Inter', sans-serif;
  border-radius: 28px;
  padding: 16px 20px;
  max-width: 760px;
  margin: 24px auto;
  border: 1px solid #c0d0c0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  position: relative;
}

/* 思维推理折叠块 */
.school-detail {
  background: #ffffff;
  border-radius: 24px;
  margin-bottom: 20px;
  border: 1px solid #d0e0d0;
  overflow: hidden;
}
.school-detail[open] {
  background: #ffffff;
}
.school-detail summary {
  padding: 12px 20px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
  position: relative;
  background: #e8f0e8;
  font-size: 0.95rem;
  color: #3a6e3a;
}
.school-detail summary::-webkit-details-marker { display: none; }
.school-detail summary::before {
  content: '📅';
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.school-content {
  padding: 12px 20px 18px;
  line-height: 1.6;
  font-size: 0.85rem;
  border-top: 1px solid #e2e8f0;
  color: #2c4a2c;
}
.school-content strong { color: #4a7c4a; }

/* 场景折叠块 */
.school-scene {
  background: #ffffff;
  border-radius: 24px;
  margin-bottom: 20px;
  border: 1px solid #d0e0d0;
  overflow: hidden;
}
.school-scene summary {
  padding: 10px 20px;
  font-weight: 600;
  cursor: pointer;
  background: #e8f0e8;
  color: #3a6e3a;
}
.school-scene-content {
  padding: 12px 20px;
  font-size: 0.85rem;
  color: #3a5e3a;
  border-top: 1px solid #e2e8f0;
}

/* 对话气泡 */
.school-bubble {
  display: flex;
  gap: 10px;
  margin: 14px 0;
  align-items: flex-start;
  animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}
.bubble-avatar {
  width: 42px;
  height: 42px;
  background: #c8e0c8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  flex-shrink: 0;
}
.bubble-content {
  background: #ffffff;
  border-radius: 20px 20px 20px 8px;
  padding: 10px 16px;
  max-width: calc(100% - 60px);
  border: 1px solid #d0e0d0;
}
.bubble-name {
  color: #4a7c4a;
  font-weight: bold;
  font-size: 0.8rem;
  margin-bottom: 4px;
}
.bubble-text {
  color: #2c4a2c;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* 互动对象档案区 */
.school-profile {
  background: #ffffff;
  border-radius: 24px;
  padding: 14px 18px;
  margin: 20px 0;
  border-left: 4px solid #4a7c4a;
  border: 1px solid #d0e0d0;
}
.profile-title {
  font-size: 0.85rem;
  font-weight: bold;
  color: #4a7c4a;
  margin-bottom: 10px;
  letter-spacing: 1px;
}
.school-profile markdown {
  display: block;
  font-size: 0.8rem;
  line-height: 1.6;
  color: #3a5e3a;
  white-space: pre-wrap;
}

/* 状态面板 */
.school-status {
  background: #ffffff;
  border: 1px solid #d0e0d0;
  border-radius: 24px;
  padding: 16px 22px;
  margin: 24px 0;
}
.status-title {
  text-align: center;
  color: #4a7c4a;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 12px;
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 8px;
  font-size: 0.85rem;
}
.status-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  font-size: 0.85rem;
}
.status-row span:first-child { color: #5a7a5a; }
.status-row span:last-child { color: #2d5a2c; font-weight: 600; }

/* 选项列表 */
.school-acts {
  background: #ffffff;
  border: 1px solid #d0e0d0;
  border-radius: 24px;
  padding: 18px 20px;
  margin-top: 16px;
}
.school-acts-h {
  color: #4a7c4a;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 14px;
  padding-bottom: 6px;
  border-bottom: 1px solid #e2e8f0;
  letter-spacing: 3px;
}
.school-acts-i {
  padding: 8px 0;
  font-size: 0.85rem;
  color: #2c4a2c;
  border-bottom: 1px dashed #e2e8f0;
  cursor: pointer;
  transition: 0.1s;
}
.school-acts-i:hover {
  color: #4a7c4a;
  transform: translateX(4px);
}
.school-acts-i:last-child {
  border-bottom: none;
  color: #6a8e6a;
  margin-top: 6px;
  padding-top: 10px;
  border-top: 1px dashed #e2e8f0;
}

/* 记忆区折叠块 */
.school-mem {
  background: #ffffff;
  border: 1px solid #d0e0d0;
  border-radius: 24px;
  margin-top: 20px;
  font-size: 0.8rem;
  color: #3a5e3a;
  line-height: 1.6;
}
.school-mem summary {
  padding: 12px 16px;
  cursor: pointer;
  user-select: none;
  color: #4a7c4a;
  font-weight: 600;
  letter-spacing: 1px;
}
.school-mem[open] summary {
  border-bottom: 1px solid #e2e8f0;
}
.school-mem-in {
  padding: 12px 16px;
}
.school-mem-s {
  margin-bottom: 16px;
}
.school-mem-t {
  color: #4a7c4a;
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 6px;
  letter-spacing: 1px;
}
.school-mem-l, .school-mem-p {
  padding: 4px 0 4px 12px;
  border-left: 2px solid #d0e0d0;
  margin: 4px 0;
  color: #3a5e3a;
  font-size: 0.75rem;
}
.school-mem-w {
  color: #8aa88a;
  font-size: 0.7rem;
  margin-top: 12px;
  padding-top: 8px;
  border-top: 1px solid #e2e8f0;
  text-align: center;
}

@media (max-width: 640px) {
  .school-wrap { padding: 12px 14px; }
  .bubble-avatar { width: 36px; height: 36px; font-size: 20px; }
  .bubble-content { max-width: calc(100% - 48px); }
  .bubble-text { font-size: 0.8rem; }
}

/* ========== 平台全局美化 ========== */
.sticky.w-full.top-0.flex.items-center {
  background: #ffe4ec !important;
  border-bottom: 1px solid #d8b7eb !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen !important;
  color: #6d4cae !important;
  box-shadow: 0 2px 6px rgba(218, 185, 221, 0.3) !important;
}
#ai-model-selector .group.flex.items-center {
  background: #fff0f6 !important;
  border-radius: 6px !important;
  padding: 0 8px !important;
  transition: background-color 0.3s ease !important;
}
#ai-model-selector .group.flex.items-center:hover {
  background: #d8b7eb !important;
  color: #fff !important;
}
#ai-model-selector .truncate.text-\[13px\] {
  color: #9c6cbc !important;
  font-weight: 600 !important;
}
#ai-model-selector .shrink-0.flex.items-center svg {
  stroke: #9c6cbc !important;
  transition: transform 0.3s ease !important;
}
#ai-model-selector .group.flex.items-center:hover svg {
  transform: rotate(180deg);
  stroke: #fff !important;
}
.sticky.w-full.top-0 svg.lucide-clock-8 {
  stroke: #d994d8 !important;
  filter: drop-shadow(0 0 2px #f9d5d8);
}
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
  background-color: #f9c5d1 !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2) {
  background: #fff6e8 !important;
  border-radius: 50% !important;
  transition: background-color 0.3s ease;
}
.sticky.w-full.top-0 button.MuiIconButton-root:hover {
  background: #fd91b1 !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {
  stroke: #db7093 !important;
}
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
  stroke: #cda4de !important;
}
#header-setting-button {
  background: #fff0f5 !important;
  border-radius: 6px !important;
  padding: 6px;
  transition: background-color 0.3s ease;
}
#header-setting-button:hover {
  background: #efb7d4 !important;
}
#header-setting-button svg {
  stroke: #a87fbf !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
  background: #fef3f8 !important;
  border: 1px solid #d1b3e0 !important;
  color: #7b4ca6 !important;
  font-weight: 600 !important;
  transition: background-color 0.3s ease;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
  background: #d8b7eb !important;
  color: #fff !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"],
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
  stroke: #9c6cbc !important;
  transition: stroke 0.3s ease;
}
div.flex.items-center.h-9.cursor-pointer.group:hover svg {
  stroke: #fff !important;
}
#ai-mod-button2 button.MuiButton-root {
  background: linear-gradient(135deg, #ffd6e8 0%, #e0c3fc 100%) !important;
  border-radius: 12px !important;
  color: #852d87 !important;
  font-weight: 700 !important;
  padding: 8px 16px !important;
  box-shadow: inset 0 0 0 0 #fcc0d9;
  transition: background 0.4s ease, color 0.4s ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen !important;
}
#ai-mod-button2 button.MuiButton-root:hover,
#ai-mod-button2 button.MuiButton-root:focus {
  background: linear-gradient(135deg, #fde4f0 0%, #cbb0ff 100%) !important;
  color: #4b1f68 !important;
  box-shadow: 0 4px 8px rgba(252, 192, 217, 0.6);
  outline: none !important;
}
#ai-mod-button2 button.MuiButton-root svg {
  stroke: #a6569e !important;
  width: 18px !important;
  height: 18px !important;
  margin-right: 6px;
  vertical-align: middle;
  transition: stroke 0.2s;
}