/* 适配 game_ui / Text / top_info / PANEL 状态区输出格式 */
[class*="bg-[#F1CBCB]"], [class*="bg-[#c9e1e9]"] { display: none !important; }
html, body, #root, .h-screen {
  background:
    radial-gradient(circle at 12% 18%, hsla(330, 82%, 82%, 0.42) 0, transparent 28%),
    radial-gradient(circle at 88% 12%, hsla(39, 92%, 68%, 0.35) 0, transparent 24%),
    radial-gradient(circle at 50% 92%, hsla(318, 74%, 52%, 0.22) 0, transparent 34%),
    linear-gradient(135deg, hsl(330, 38%, 97%) 0%, hsl(42, 65%, 94%) 45%, hsl(336, 42%, 94%) 100%) !important;
  color: hsl(326, 24%, 18%) !important;
}
body::before {
  content: "✦ ｡･:*:･ﾟ☆ ｡･:*:･ﾟ✧" !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 72px !important;
  pointer-events: none !important;
  z-index: 0 !important;
  color: hsla(35, 88%, 45%, 0.42) !important;
  font-size: 28px !important;
  letter-spacing: 30px !important;
  text-align: right !important;
  padding-right: 26px !important;
  background: linear-gradient(180deg, hsla(30, 52%, 86%, 0.72), hsla(330, 42%, 96%, 0.18)) !important;
  border-bottom: 2px solid hsl(34, 92%, 52%) !important;
}
::-webkit-scrollbar { width: 8px !important; height: 8px !important; }
::-webkit-scrollbar-track { background: hsl(42, 55%, 94%) !important; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, hsl(34, 92%, 54%), hsl(330, 78%, 62%)) !important; border-radius: 999px !important; }
::selection { background: hsl(332, 84%, 86%) !important; color: hsl(326, 28%, 15%) !important; }
.sticky.w-full.top-0.flex.items-center {
  background: hsla(30, 42%, 88%, 0.76) !important;
  -webkit-backdrop-filter: blur(12px) saturate(130%) !important;
  backdrop-filter: blur(12px) saturate(130%) !important;
  border-bottom: 2px solid hsl(34, 92%, 52%) !important;
  box-shadow: 0 8px 26px hsla(28, 78%, 38%, 0.18) !important;
}
#ai-model-selector .group.flex.items-center {
  background: hsl(42, 70%, 98%) !important;
  color: hsl(326, 22%, 18%) !important;
  border: 1px solid hsl(34, 92%, 58%) !important;
  box-shadow: 0 4px 14px hsla(34, 88%, 45%, 0.18) !important;
}
#ai-model-selector .truncate.text-\[13px\], #header-setting-button {
  color: hsl(326, 24%, 18%) !important;
}
.chat-container {
  background:
    linear-gradient(90deg, hsla(0, 0%, 100%, 0.45), hsla(0, 0%, 100%, 0.08) 18%, hsla(0, 0%, 100%, 0.08) 82%, hsla(0, 0%, 100%, 0.45)),
    radial-gradient(circle at 50% 30%, hsla(330, 88%, 80%, 0.16), transparent 46%) !important;
}
.markdown-body {
  color: hsl(326, 26%, 18%) !important;
  line-height: 1.82 !important;
}
.markdown-body p {
  color: hsl(326, 26%, 18%) !important;
}
.bg-gray-100\/90.relative.inline-block {
  background: hsla(42, 76%, 98%, 0.92) !important;
  border: 2px solid hsl(34, 92%, 52%) !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 34px hsla(30, 82%, 34%, 0.18), inset 0 0 0 1px hsla(0, 0%, 100%, 0.58) !important;
}
.chat-answer-container .bg-gray-100\/90.relative.inline-block {
  background: hsla(42, 86%, 98%, 0.94) !important;
  border-color: hsl(34, 92%, 52%) !important;
}
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
  background: linear-gradient(135deg, hsl(336, 72%, 93%), hsl(42, 78%, 96%)) !important;
  border-color: hsl(330, 78%, 62%) !important;
}
.style_dot-flashing__8L91Q {
  background: hsl(330, 78%, 62%) !important;
  color: hsl(330, 78%, 62%) !important;
}
.bg-gradient-to-t {
  background: linear-gradient(0deg, hsla(42, 86%, 98%, 0.96), hsla(42, 86%, 98%, 0.68), transparent) !important;
}
#ai-chat-bottom-input {
  background: hsl(42, 82%, 98%) !important;
  color: hsl(326, 26%, 18%) !important;
  border: 2px solid hsl(34, 92%, 52%) !important;
  border-radius: 18px !important;
  box-shadow: 0 0 0 3px hsla(34, 92%, 72%, 0.22), 0 10px 24px hsla(30, 82%, 34%, 0.14) !important;
}
#ai-chat-input {
  background: hsl(42, 82%, 98%) !important;
  color: hsl(326, 26%, 18%) !important;
  caret-color: hsl(330, 78%, 48%) !important;
}
#ai-chat-input::placeholder {
  color: hsl(326, 12%, 58%) !important;
}
textarea.rc-textarea {
  background: hsl(42, 82%, 98%) !important;
  color: hsl(326, 26%, 18%) !important;
  border: 1px solid hsl(34, 82%, 66%) !important;
}
.MuiButton-root, .MuiPaginationItem-root {
  background: hsl(42, 76%, 98%) !important;
  color: hsl(28, 82%, 34%) !important;
  border: 1px solid hsl(34, 92%, 52%) !important;
  border-radius: 8px !important;
}
.MuiButton-contained, .MuiPaginationItem-root.Mui-selected {
  background: linear-gradient(180deg, hsl(38, 96%, 58%), hsl(31, 96%, 48%)) !important;
  color: hsl(42, 92%, 98%) !important;
}
details, pre, code {
  background: hsl(42, 72%, 97%) !important;
  color: hsl(326, 26%, 18%) !important;
  border-color: hsl(34, 82%, 66%) !important;
}
.game_ui, game_ui {
  display: block !important;
  max-width: 760px !important;
  margin: 18px auto !important;
  color: hsl(326, 26%, 18%) !important;
}
top_info {
  display: block !important;
  margin: 0 auto 14px auto !important;
  padding: 16px 18px !important;
  background: linear-gradient(135deg, hsl(42, 86%, 96%) 0%, hsl(50, 94%, 88%) 58%, hsl(336, 86%, 94%) 100%) !important;
  border: 2px solid hsl(34, 92%, 52%) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 28px hsla(30, 82%, 34%, 0.16), inset 0 0 0 1px hsla(0, 0%, 100%, 0.7) !important;
}
top_info::before {
  content: "✦ 星辉记录" !important;
  display: block !important;
  margin-bottom: 8px !important;
  color: hsl(28, 90%, 38%) !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
}
top_info time, top_info position, top_info game_area_rule {
  display: block !important;
  margin: 6px 0 !important;
  color: hsl(326, 28%, 24%) !important;
  font-weight: 700 !important;
}
top_info game_area_rule {
  padding-top: 10px !important;
  border-top: 1px dashed hsl(34, 82%, 66%) !important;
  color: hsl(28, 78%, 36%) !important;
  font-weight: 500 !important;
}
chatting, PlotClips, Title, guide, cot, locked {
  display: none !important;
}
Text, text {
  display: block !important;
  margin: 14px auto 16px auto !important;
  padding: 22px 24px !important;
  background:
    linear-gradient(180deg, hsla(0, 0%, 100%, 0.94), hsla(42, 90%, 97%, 0.96)),
    radial-gradient(circle at 90% 8%, hsla(330, 78%, 82%, 0.25), transparent 24%) !important;
  border: 2px solid hsl(34, 92%, 52%) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 36px hsla(30, 82%, 34%, 0.18), inset 0 0 0 1px hsla(0, 0%, 100%, 0.82) !important;
}
Text p, text p {
  margin: 0 0 14px 0 !important;
  color: hsl(20, 72%, 30%) !important;
  text-indent: 0 !important;
  line-height: 1.9 !important;
}
Text p:last-child, text p:last-child {
  margin-bottom: 0 !important;
}
.sggs-state, .game_ui details {
  margin: 12px 0 !important;
  background: hsl(42, 86%, 98%) !important;
  border: 1.5px solid hsl(34, 92%, 58%) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 20px hsla(30, 78%, 35%, 0.12) !important;
}
.sggs-state summary, .game_ui details > summary {
  padding: 12px 16px !important;
  background: linear-gradient(90deg, hsl(42, 92%, 96%), hsl(45, 100%, 86%)) !important;
  color: hsl(28, 86%, 36%) !important;
  border-bottom: 1px solid hsl(34, 82%, 72%) !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
.sggs-state-body {
  padding: 14px 16px !important;
  color: hsl(326, 26%, 20%) !important;
}
.sggs-map-box, .sggs-memory-box, .sggs-news-box, .sggs-relation-box {
  background: linear-gradient(180deg, hsl(42, 82%, 98%), hsl(44, 80%, 94%)) !important;
  border: 1px solid hsl(34, 82%, 72%) !important;
  border-radius: 12px !important;
  padding: 12px !important;
  box-shadow: inset 0 0 16px hsla(34, 92%, 70%, 0.14) !important;
}
.sggs-map-title, .sggs-memory-title, .sggs-news-title, .sggs-relation-title {
  color: hsl(28, 86%, 36%) !important;
  font-weight: 800 !important;
  border-bottom: 1px solid hsl(34, 82%, 72%) !important;
  padding-bottom: 6px !important;
  margin-bottom: 10px !important;
}
.sggs-map, .sggs-map-scroll pre {
  background: hsl(326, 30%, 15%) !important;
  color: hsl(45, 100%, 86%) !important;
  border: 1px solid hsl(34, 82%, 62%) !important;
  border-radius: 10px !important;
  padding: 12px !important;
  overflow: auto !important;
}
.sggs-map-row, .sggs-news-item, .sggs-relation-item, .sggs-memory-box {
  color: hsl(326, 24%, 20%) !important;
}
.sggs-news-comment, .sggs-relation-sub, .sggs-relation-note, .sggs-map-hint {
  color: hsl(326, 10%, 45%) !important;
}
character-header {
  display: block !important;
  text-align: center !important;
  padding: 14px 10px 18px 10px !important;
  border-bottom: 2px solid hsl(34, 82%, 72%) !important;
  background: radial-gradient(circle at 50% 0%, hsla(43, 100%, 82%, 0.55), transparent 62%) !important;
}
char-name {
  display: block !important;
  color: hsl(20, 76%, 28%) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 0 hsl(42, 92%, 98%) !important;
}
.char-details, .char-mind {
  margin-top: 10px !important;
  color: hsl(326, 24%, 24%) !important;
  line-height: 1.75 !important;
}
.char-mind {
  padding: 10px 12px !important;
  background: hsl(336, 74%, 96%) !important;
  border: 1px dashed hsl(330, 78%, 72%) !important;
  border-radius: 10px !important;
}
actor_age, game_age, level, info {
  color: hsl(28, 86%, 36%) !important;
  font-weight: 800 !important;
}
.stat-focus-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 12px 0 !important;
}
.focus-item {
  padding: 12px !important;
  background: hsl(44, 80%, 94%) !important;
  border: 1px solid hsl(34, 82%, 72%) !important;
  border-radius: 10px !important;
  text-align: center !important;
}
.focus-label {
  display: block !important;
  color: hsl(326, 10%, 42%) !important;
  font-weight: 700 !important;
}
.focus-value {
  display: block !important;
  margin-top: 4px !important;
  color: hsl(28, 86%, 34%) !important;
  font-weight: 900 !important;
}
.resource-bars {
  display: block !important;
  margin: 12px 0 !important;
}
.progress-bar-container {
  position: relative !important;
  height: 22px !important;
  margin: 9px 0 !important;
  background: linear-gradient(180deg, hsl(42, 18%, 88%), hsl(42, 16%, 82%)) !important;
  border: 1px solid hsla(326, 18%, 44%, 0.22) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  box-shadow: inset 0 2px 5px hsla(0, 0%, 0%, 0.12) !important;
}
.progress-bar-fill {
  height: 100% !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.42), 0 0 10px hsla(34, 92%, 58%, 0.34) !important;
}
.progress-bar-container.hp .progress-bar-fill { background: linear-gradient(90deg, hsl(145, 64%, 55%), hsl(145, 72%, 42%)) !important; }
.progress-bar-container.mp .progress-bar-fill { background: linear-gradient(90deg, hsl(236, 86%, 72%), hsl(250, 82%, 58%)) !important; }
.progress-bar-container.tp .progress-bar-fill { background: linear-gradient(90deg, hsl(42, 12%, 90%), hsl(42, 8%, 70%)) !important; }
.progress-bar-container.lust .progress-bar-fill { background: linear-gradient(90deg, hsl(332, 82%, 72%), hsl(326, 76%, 55%)) !important; }
.progress-bar-container.exposure .progress-bar-fill { background: linear-gradient(90deg, hsl(0, 88%, 70%), hsl(358, 78%, 55%)) !important; }
.progress-bar-label, .progress-bar-value, .progress-bar-percent {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: hsl(42, 92%, 98%) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.4) !important;
  z-index: 2 !important;
}
.progress-bar-label { left: 10px !important; }
.progress-bar-value, .progress-bar-percent { right: 10px !important; }
attributes, social-status {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 12px 0 !important;
}
attr, social-status div {
  display: inline-block !important;
  padding: 8px 12px !important;
  background: hsl(42, 86%, 98%) !important;
  border: 1px solid hsl(34, 82%, 72%) !important;
  border-radius: 999px !important;
  color: hsl(28, 76%, 34%) !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 10px hsla(30, 78%, 35%, 0.08) !important;
}
divider {
  display: block !important;
  height: 1px !important;
  margin: 14px 0 !important;
  background: linear-gradient(90deg, transparent, hsl(34, 92%, 58%), transparent) !important;
}
.lewd-attributes, .special-status, .clothing-details, npc_panel, current_quest, acceptable_quest, recommend_choice {
  display: block !important;
  margin: 12px 0 !important;
  padding: 14px !important;
  background: hsl(42, 82%, 97%) !important;
  border: 1px solid hsl(34, 82%, 72%) !important;
  border-radius: 12px !important;
}
.lewd-core {
  display: flex !important;
  gap: 12px !important;
  justify-content: space-around !important;
  padding: 10px !important;
  background: linear-gradient(90deg, hsl(336, 76%, 96%), hsl(42, 86%, 96%)) !important;
  border-radius: 10px !important;
  color: hsl(28, 76%, 34%) !important;
  font-weight: 800 !important;
}
.body-status {
  margin-top: 12px !important;
  padding: 12px !important;
  background: hsl(336, 78%, 97%) !important;
  border: 1px solid hsl(330, 78%, 82%) !important;
  border-radius: 10px !important;
}
.body-status p, .clothing-details p {
  margin: 7px 0 !important;
  color: hsl(326, 24%, 22%) !important;
}
.body-status span, .clothing-details span, .status-subtitle, .panel-subtitle, list_title, quest_name {
  color: hsl(28, 86%, 36%) !important;
  font-weight: 900 !important;
}
effects-list, buff, debuff {
  display: block !important;
}
buff, debuff {
  margin: 8px 0 !important;
  padding: 10px 12px !important;
  border-radius: 999px !important;
  color: hsl(42, 92%, 98%) !important;
  font-weight: 800 !important;
}
buff { background: linear-gradient(90deg, hsl(160, 82%, 38%), hsl(154, 82%, 44%)) !important; }
debuff { background: linear-gradient(90deg, hsl(270, 78%, 60%), hsl(286, 78%, 52%)) !important; }
.slots-container {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
  gap: 10px !important;
  margin: 10px 0 !important;
}
.item-slot {
  position: relative !important;
  padding: 10px 12px !important;
  background: hsl(42, 86%, 98%) !important;
  border: 1px solid hsl(34, 82%, 72%) !important;
  border-radius: 10px !important;
  color: hsl(326, 24%, 22%) !important;
  box-shadow: 0 5px 12px hsla(30, 78%, 35%, 0.08) !important;
}
.quality-superior { border-color: hsl(204, 78%, 62%) !important; }
.quality-epic { border-color: hsl(274, 76%, 64%) !important; }
.quality-artifact { border-color: hsl(36, 96%, 54%) !important; }
.quality-text, .enchant-effect, .tattoo-name {
  color: hsl(330, 76%, 48%) !important;
  font-weight: 900 !important;
}
.tooltip-card {
  display: none !important;
  position: absolute !important;
  left: 50% !important;
  top: calc(100% + 8px) !important;
  transform: translateX(-50%) !important;
  min-width: 220px !important;
  max-width: 320px !important;
  z-index: 20 !important;
  padding: 12px !important;
  background: hsl(42, 80%, 94%) !important;
  border: 2px solid hsl(34, 82%, 62%) !important;
  border-radius: 8px !important;
  color: hsl(326, 24%, 22%) !important;
  box-shadow: 0 12px 26px hsla(0, 0%, 0%, 0.25) !important;
}
.item-slot:hover .tooltip-card {
  display: block !important;
}
.card-footer {
  margin-top: 8px !important;
  padding-top: 8px !important;
  border-top: 1px dashed hsl(34, 82%, 72%) !important;
  color: hsl(326, 10%, 42%) !important;
  font-style: italic !important;
}
npc_panel {
  line-height: 1.8 !important;
}
.sggs-relation-core {
  border-left: 4px solid hsl(330, 78%, 62%) !important;
}
.sggs-relation-name {
  color: hsl(28, 86%, 36%) !important;
  font-weight: 900 !important;
}
current_quest h2, acceptable_quest h2, recommend_choice h2 {
  margin: 0 0 12px 0 !important;
  color: hsl(20, 76%, 28%) !important;
  text-align: center !important;
  border-bottom: 1px solid hsl(34, 82%, 72%) !important;
  padding-bottom: 10px !important;
}
recommend_choice ol {
  margin: 0 !important;
  padding-left: 22px !important;
}
recommend_choice li {
  margin: 9px 0 !important;
  padding: 10px 12px !important;
  background: linear-gradient(90deg, hsl(42, 92%, 96%), hsl(45, 100%, 90%)) !important;
  border-left: 5px solid hsl(34, 92%, 52%) !important;
  border-radius: 8px !important;
  color: hsl(326, 24%, 20%) !important;
}
@media (max-width: 480px) {
  .game_ui, game_ui { max-width: 100% !important; margin: 10px auto !important; }
  Text, text, PANEL, panel { padding: 14px !important; border-radius: 12px !important; }
  .stat-focus-grid, .slots-container { grid-template-columns: 1fr !important; }
  .lewd-core, attributes, social-status { flex-direction: column !important; }
  .tooltip-card { position: static !important; transform: none !important; max-width: 100% !important; margin-top: 8px !important; }
  .item-slot:hover .tooltip-card { display: block !important; }
  body::before { letter-spacing: 14px !important; font-size: 20px !important; height: 58px !important; }
}
@media (prefers-reduced-motion: reduce) {
  * { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}
/* 追加到当前内置CSS末尾：修复词条弹窗遮挡、关系状态网分区不清 */
.chat-answer-container, .chat-answer-container .bg-gray-100\/90.relative.inline-block, .markdown-body, .game_ui, game_ui, PANEL, panel, .game_ui details, game_ui details, .sggs-state, .sggs-state-body, .slots-container, .item-slot, .special-status, .clothing-details { overflow: visible !important; }
.progress-bar-container, .sggs-map-scroll { overflow: hidden !important; }
.item-slot { position: relative !important; z-index: 1 !important; }
.item-slot:hover, .item-slot:focus-within { z-index: 9998 !important; }
.tooltip-card { top: auto !important; bottom: calc(100% + 10px) !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; z-index: 9999 !important; width: max-content !important; min-width: 220px !important; max-width: min(340px, calc(100vw - 48px)) !important; white-space: normal !important; pointer-events: none !important; }
.slots-container .item-slot:nth-child(3n+1) .tooltip-card { left: 0 !important; right: auto !important; transform: none !important; }
.slots-container .item-slot:nth-child(3n) .tooltip-card { left: auto !important; right: 0 !important; transform: none !important; }
.item-slot:hover .tooltip-card, .item-slot:focus-within .tooltip-card { display: block !important; }
.sggs-relation-box { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; padding: 12px !important; background: linear-gradient(180deg, hsl(42, 86%, 98%), hsl(44, 82%, 95%)) !important; border: 1px solid hsl(34, 82%, 72%) !important; border-radius: 12px !important; box-shadow: inset 0 0 16px hsla(34, 92%, 70%, 0.14) !important; }
.sggs-relation-section { display: block !important; padding: 12px !important; border: 1px solid hsl(34, 74%, 76%) !important; border-left: 6px solid hsl(34, 92%, 52%) !important; border-radius: 12px !important; background: hsl(42, 92%, 98%) !important; box-shadow: 0 6px 14px hsla(30, 70%, 36%, 0.08) !important; }
.sggs-relation-trust { border-left-color: hsl(145, 58%, 44%) !important; background: linear-gradient(180deg, hsl(44, 92%, 98%), hsl(108, 50%, 96%)) !important; }
.sggs-relation-special { border-left-color: hsl(330, 78%, 58%) !important; background: linear-gradient(180deg, hsl(42, 92%, 98%), hsl(336, 78%, 96%)) !important; }
.sggs-relation-neutral { border-left-color: hsl(42, 92%, 48%) !important; background: linear-gradient(180deg, hsl(42, 92%, 98%), hsl(42, 92%, 94%)) !important; }
.sggs-relation-sleep-area { border-left-color: hsl(244, 46%, 58%) !important; background: linear-gradient(180deg, hsl(42, 86%, 97%), hsl(245, 36%, 95%)) !important; opacity: 0.94 !important; }
.sggs-relation-title { display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 0 10px 0 !important; padding: 0 0 8px 0 !important; border-bottom: 1px solid hsla(34, 82%, 62%, 0.5) !important; color: hsl(28, 86%, 34%) !important; font-weight: 900 !important; }
.sggs-relation-title::before { content: "" !important; display: inline-block !important; width: 9px !important; height: 9px !important; border-radius: 999px !important; background: hsl(34, 92%, 52%) !important; box-shadow: 0 0 8px hsla(34, 92%, 52%, 0.45) !important; flex: 0 0 auto !important; }
.sggs-relation-trust .sggs-relation-title::before { background: hsl(145, 58%, 44%) !important; box-shadow: 0 0 8px hsla(145, 58%, 44%, 0.42) !important; }
.sggs-relation-special .sggs-relation-title::before { background: hsl(330, 78%, 58%) !important; box-shadow: 0 0 8px hsla(330, 78%, 58%, 0.42) !important; }
.sggs-relation-neutral .sggs-relation-title::before { background: hsl(42, 92%, 48%) !important; box-shadow: 0 0 8px hsla(42, 92%, 48%, 0.42) !important; }
.sggs-relation-sleep-area .sggs-relation-title::before { background: hsl(244, 46%, 58%) !important; box-shadow: 0 0 8px hsla(244, 46%, 58%, 0.42) !important; }
.sggs-relation-list { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; }
.sggs-relation-item { margin: 0 !important; padding: 10px 12px !important; border: 1px solid hsla(34, 70%, 66%, 0.48) !important; border-radius: 10px !important; background: hsla(0, 0%, 100%, 0.48) !important; color: hsl(326, 24%, 20%) !important; }
.sggs-relation-core { border-left: 4px solid hsl(330, 78%, 62%) !important; }
.sggs-relation-sleep { border-style: dashed !important; opacity: 0.82 !important; }
.sggs-relation-main { display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; gap: 6px 10px !important; }
.sggs-relation-name { color: hsl(28, 86%, 34%) !important; font-weight: 900 !important; }
.sggs-relation-meta { color: hsl(330, 34%, 40%) !important; font-weight: 700 !important; }
.sggs-relation-sub, .sggs-relation-note { margin-top: 5px !important; color: hsl(326, 10%, 45%) !important; line-height: 1.65 !important; }
.sggs-relation-empty { padding: 10px 12px !important; border: 1px dashed hsl(34, 70%, 72%) !important; border-radius: 10px !important; background: hsla(42, 88%, 94%, 0.72) !important; color: hsl(326, 10%, 45%) !important; text-align: center !important; font-weight: 700 !important; }
@media (max-width: 480px) { .tooltip-card { position: static !important; transform: none !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; margin-top: 8px !important; pointer-events: auto !important; } .sggs-relation-box { padding: 10px !important; gap: 10px !important; } .sggs-relation-section { padding: 10px !important; } }
/* ===== 信息 / 回忆 / 交互 手风琴基础样式 ===== */
/* 不使用链接锚点、radio 或 JS，避免点击后跳转页面。 */
.sggs-accordion-system {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
width: 100% !important;
margin: 0 0 16px 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
}

.game_ui details.sggs-accordion-item,
details.sggs-accordion-item {
display: block !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 16px !important;
box-shadow: none !important;
overflow: visible !important;
}

.game_ui details.sggs-accordion-item > summary,
details.sggs-accordion-item > summary {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 44px !important;
padding: 12px 8px !important;
box-sizing: border-box !important;
text-align: center !important;
color: hsl(28, 82%, 34%) !important;
background: hsl(42, 86%, 98%) !important;
border: 1.5px solid hsl(34, 92%, 52%) !important;
border-radius: 10px !important;
font-weight: 900 !important;
letter-spacing: 1px !important;
box-shadow: 0 4px 12px hsla(30, 78%, 35%, 0.12) !important;
cursor: pointer !important;
user-select: none !important;
list-style: none !important;
}

.game_ui details.sggs-accordion-item > summary::-webkit-details-marker,
details.sggs-accordion-item > summary::-webkit-details-marker {
display: none !important;
}

.game_ui details.sggs-accordion-item > summary::before,
details.sggs-accordion-item > summary::before {
content: "＋" !important;
margin-right: 8px !important;
font-weight: 900 !important;
}

.game_ui details.sggs-accordion-item[open] > summary,
details.sggs-accordion-item[open] > summary {
background: linear-gradient(180deg, hsl(38, 98%, 58%), hsl(32, 98%, 49%)) !important;
color: hsl(42, 92%, 98%) !important;
box-shadow: 0 7px 18px hsla(30, 88%, 42%, 0.28), inset 0 0 0 1px hsla(0, 0%, 100%, 0.35) !important;
}

.game_ui details.sggs-accordion-item[open] > summary::before,
details.sggs-accordion-item[open] > summary::before {
content: "－" !important;
}

.sggs-accordion-panel {
display: block !important;
margin: 10px 0 6px 0 !important;
padding: 18px !important;
background:
linear-gradient(180deg, hsl(42, 88%, 98%), hsl(44, 72%, 96%)),
radial-gradient(circle at 96% 6%, hsla(330, 78%, 82%, 0.22), transparent 30%) !important;
border: 2px solid hsl(34, 92%, 52%) !important;
border-radius: 16px !important;
box-shadow:
0 18px 36px hsla(30, 82%, 34%, 0.18),
inset 0 0 0 1px hsla(0, 0%, 100%, 0.75) !important;
color: hsl(326, 26%, 18%) !important;
overflow: visible !important;
}

@media (max-width: 480px) {
.sggs-accordion-system {
gap: 8px !important;
margin: 0 0 12px 0 !important;
}

.game_ui details.sggs-accordion-item > summary,
details.sggs-accordion-item > summary {
min-height: 40px !important;
padding: 10px 6px !important;
font-size: 13px !important;
border-radius: 9px !important;
}

.sggs-accordion-panel {
padding: 14px !important;
border-radius: 12px !important;
}
}
/* 实际模板类名覆盖：三按钮并排固定在顶栏，展开内容占据下方整行。 */
.sggs-accordion-system {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  margin: 8px 0 16px 0 !important;
  padding: 52px 0 0 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
.game_ui .sggs-accordion-system > details.sggs-accordion-item,
.sggs-accordion-system > details.sggs-accordion-item {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.sggs-accordion-system > .sggs-accordion-info > summary {
  left: 0 !important;
}
.sggs-accordion-system > .sggs-accordion-past > summary {
  left: calc(33.333% + 2.667px) !important;
}
.sggs-accordion-system > .sggs-accordion-interact > summary {
  left: calc(66.666% + 5.333px) !important;
}
.sggs-accordion-system > details.sggs-accordion-item > summary {
  position: absolute !important;
  top: 0 !important;
  width: calc(33.333% - 5.333px) !important;
  min-width: 0 !important;
  min-height: 44px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  z-index: 3 !important;
}
.sggs-accordion-system > details.sggs-accordion-item > .sggs-accordion-panel {
  display: none !important;
  width: 100% !important;
  margin: 0 0 16px 0 !important;
  box-sizing: border-box !important;
}
.sggs-accordion-system > details.sggs-accordion-item[open] > .sggs-accordion-panel {
  display: block !important;
}
@media (max-width: 480px) {
  .sggs-accordion-system {
    padding-top: 48px !important;
    margin: 6px 0 14px 0 !important;
  }
  .sggs-accordion-system > .sggs-accordion-past > summary {
    left: calc(33.333% + 2px) !important;
  }
  .sggs-accordion-system > .sggs-accordion-interact > summary {
    left: calc(66.666% + 4px) !important;
  }
  .sggs-accordion-system > details.sggs-accordion-item > summary {
    width: calc(33.333% - 4px) !important;
  }
}

/* 在你的内置CSS区域添加 */
locked {
    display: none;
}