/* ========== 樱泉密事 · 界面美化 ========== */
/* —— 主题变量参考 ——
主色 #ff7a9c | 樱紫 #c8a2c8 | 樱花粉 #ffb7c5
深文字 #4a2c3d | 辅文字 #8a6478 | 米白 #fff5f7
*/

/* ===== 全局字体 ===== */
body, .markdown-body, #ai-chat-input, textarea, input {
  font-family: "Noto Serif JP", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif !important;
}

/* ========== 一、消息气泡 ========== */
/* 气泡通用容器：毛玻璃+柔光 */
.group .bg-gray-100\/90 {
  background: linear-gradient(135deg, rgba(255,240,245,0.95), rgba(255,232,238,0.92)) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255,154,178,0.28) !important;
  box-shadow: 0 6px 20px rgba(255,122,156,0.12), 0 0 16px rgba(255,183,197,0.18) !important;
  isolation: isolate !important;
  position: relative !important;
}

/* AI气泡区分色（更偏紫粉，营造梦境感） */
.chat-answer-container .bg-gray-100\/90 {
  background: linear-gradient(135deg, rgba(254,245,250,0.95), rgba(245,230,245,0.92)) !important;
  border: 1px solid rgba(200,162,200,0.3) !important;
  box-shadow: 0 6px 20px rgba(200,162,200,0.15), 0 0 18px rgba(255,183,197,0.2) !important;
}

/* 气泡圆角 */
.group .rounded-xl,
.chat-answer-container .rounded-xl {
  border-radius: 18px !important;
}

/* 气泡内边距 */
.group .px-4 { padding-left: 18px !important; padding-right: 18px !important; }
.group .py-3 { padding-top: 14px !important; padding-bottom: 14px !important; }

/* 文字颜色（高对比度） */
.group .text-gray-900,
.group .markdown-body,
.chat-answer-container .markdown-body {
  color: #4a2c3d !important;
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
}

.group .text-sm {
  font-size: 15px !important;
  line-height: 1.85 !important;
  letter-spacing: 0.3px !important;
}

/* Markdown内强调元素 */
.group .markdown-body strong,
.chat-answer-container .markdown-body strong {
  color: #c44569 !important;
  font-weight: 700 !important;
}

.group .markdown-body em,
.chat-answer-container .markdown-body em {
  color: #8a4d6a !important;
  font-style: italic !important;
}

.group .markdown-body code,
.chat-answer-container .markdown-body code {
  background: rgba(255,183,197,0.22) !important;
  color: #9b2d4a !important;
  padding: 2px 7px !important;
  border-radius: 5px !important;
  font-size: 0.92em !important;
}

.group .markdown-body blockquote,
.chat-answer-container .markdown-body blockquote {
  border-left: 3px solid #ff7a9c !important;
  background: rgba(255,183,197,0.1) !important;
  padding: 8px 14px !important;
  border-radius: 0 8px 8px 0 !important;
  color: #6b3d52 !important;
}

/* 顶部装饰条美化 */
.group .bg-\[\#c9e1e9\] {
  background: linear-gradient(90deg, #ff7a9c, #ffb7c5, #c8a2c8) !important;
  height: 3px !important;
  border-radius: 2px !important;
  box-shadow: 0 0 8px rgba(255,122,156,0.4) !important;
}

.chat-answer-container .bg-\[\#F1CBCB\] {
  background: linear-gradient(90deg, #c8a2c8, #ffb7c5, #ff7a9c) !important;
  height: 3px !important;
  border-radius: 2px !important;
  box-shadow: 0 0 8px rgba(200,162,200,0.4) !important;
}

/* 模型标识 */
.chat-answer-container .text-purple-500.mt-1 {
  color: #c8a2c8 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.chat-answer-container .text-orange-500 {
  color: #e85a7a !important;
  font-weight: 600 !important;
}

/* ========== 二、气泡内操作按钮 ========== */
.group .MuiButton-textPrimary {
  color: #c8769b !important;
  border-radius: 50% !important;
  transition: all 0.25s ease !important;
  min-width: 32px !important;
  width: 32px !important;
  height: 32px !important;
  padding: 6px !important;
}

.group .MuiButton-textPrimary:hover {
  background: rgba(255,122,156,0.15) !important;
  color: #ff5582 !important;
  transform: translateY(-2px) scale(1.08) !important;
  box-shadow: 0 4px 12px rgba(255,122,156,0.3) !important;
}

.group .MuiButton-textPrimary:active {
  transform: translateY(0) scale(0.95) !important;
}

.group .MuiButton-textPrimary svg {
  filter: drop-shadow(0 1px 2px rgba(255,122,156,0.25)) !important;
}

/* ========== 三、加载动画（SVG SMIL替换） ========== */
.style_dot-flashing__8L91Q {
  display: none !important;
}

.flex.items-center.justify-center.w-6.h-5 {
  position: relative !important;
  width: 60px !important;
  height: 24px !important;
}

.flex.items-center.justify-center.w-6.h-5::before {
  content: '' !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 24'><g><circle cx='12' cy='12' r='4' fill='%23ff7a9c'><animate attributeName='r' values='4;6;4' dur='1.2s' repeatCount='indefinite' begin='0s'/><animate attributeName='opacity' values='0.4;1;0.4' dur='1.2s' repeatCount='indefinite' begin='0s'/></circle><circle cx='30' cy='12' r='4' fill='%23ffb7c5'><animate attributeName='r' values='4;6;4' dur='1.2s' repeatCount='indefinite' begin='0.3s'/><animate attributeName='opacity' values='0.4;1;0.4' dur='1.2s' repeatCount='indefinite' begin='0.3s'/></circle><circle cx='48' cy='12' r='4' fill='%23c8a2c8'><animate attributeName='r' values='4;6;4' dur='1.2s' repeatCount='indefinite' begin='0.6s'/><animate attributeName='opacity' values='0.4;1;0.4' dur='1.2s' repeatCount='indefinite' begin='0.6s'/></circle></g></svg>") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  filter: drop-shadow(0 0 4px rgba(255,183,197,0.6)) !important;
}

.style_text__zGhNq {
  color: #c8769b !important;
  font-size: 13px !important;
  letter-spacing: 1px !important;
}

/* ========== 四、顶部控制栏 ========== */
.sticky.top-0 {
  background: linear-gradient(180deg, rgba(255,245,247,0.95), rgba(255,232,238,0.85)) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(255,154,178,0.2) !important;
  box-shadow: 0 2px 12px rgba(255,122,156,0.08) !important;
}

/* 模型选择器 */
#ai-model-selector {
  background: linear-gradient(135deg, rgba(255,255,255,0.7), rgba(255,240,245,0.6)) !important;
  border: 1px solid rgba(255,154,178,0.35) !important;
  border-radius: 14px !important;
  color: #4a2c3d !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 2px 8px rgba(255,122,156,0.1) !important;
}

#ai-model-selector:hover {
  background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(255,232,238,0.85)) !important;
  border-color: #ff7a9c !important;
  box-shadow: 0 4px 14px rgba(255,122,156,0.22) !important;
}

#ai-model-selector .truncate {
  color: #4a2c3d !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

#ai-model-selector svg[data-icon="ChevronDown"] {
  color: #ff7a9c !important;
}

/* 设置按钮 */
#header-setting-button {
  color: #c8769b !important;
  border-radius: 50% !important;
  transition: all 0.3s ease !important;
}

#header-setting-button:hover {
  color: #ff5582 !important;
  background: rgba(255,122,156,0.12) !important;
  transform: rotate(60deg) !important;
}

/* 移动端历史/音乐按钮 */
.lucide-clock8.md\:hidden,
button .lucide-music2 {
  color: #c8769b !important;
  transition: all 0.25s ease !important;
}

button .lucide-music2:hover,
.lucide-clock8.md\:hidden:hover {
  color: #ff5582 !important;
  filter: drop-shadow(0 0 6px rgba(255,122,156,0.5)) !important;
}

/* ========== 五、快捷按钮组 ========== */
#ai-mod-button2 .MuiButton-outlinedPrimary {
  background: linear-gradient(135deg, rgba(255,255,255,0.85), rgba(255,240,245,0.75)) !important;
  border: 1px solid rgba(255,154,178,0.4) !important;
  color: #c8769b !important;
  border-radius: 16px !important;
  font-weight: 600 !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 2px 6px rgba(255,122,156,0.1) !important;
}

#ai-mod-button2 .MuiButton-outlinedPrimary:hover {
  background: linear-gradient(135deg, #ff7a9c, #c8a2c8) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(255,122,156,0.4), 0 0 20px rgba(255,183,197,0.4) !important;
}

#ai-mod-button2 .MuiButton-outlinedPrimary:hover svg {
  color: #ffffff !important;
}

#ai-mod-button2 svg {
  color: #c8769b !important;
}

/* ========== 六、底部输入区 ========== */
.bg-gradient-to-t {
  background: linear-gradient(180deg, transparent, rgba(255,245,247,0.85), rgba(255,232,238,0.95)) !important;
}

.bg-white.border-\[1\.5px\] {
  background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(255,248,250,0.88)) !important;
  border: 1.5px solid rgba(255,154,178,0.4) !important;
  border-radius: 22px !important;
  box-shadow: 0 4px 20px rgba(255,122,156,0.12), 0 0 24px rgba(255,183,197,0.15) !important;
  transition: all 0.3s ease !important;
}

.bg-white.border-\[1\.5px\]:focus-within {
  border-color: #ff7a9c !important;
  box-shadow: 0 0 0 3px rgba(255,122,156,0.15), 0 6px 24px rgba(255,122,156,0.22), 0 0 32px rgba(255,183,197,0.3) !important;
}

#ai-chat-input {
  color: #4a2c3d !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  background: transparent !important;
}

#ai-chat-input::placeholder {
  color: #c9a8b5 !important;
  font-style: italic !important;
}

#ai-chat-input::selection {
  background: rgba(255,122,156,0.3) !important;
  color: #4a2c3d !important;
}

/* 字符计数器 */
.absolute.bottom-2.right-2 .bg-gray-100 {
  background: rgba(255,183,197,0.2) !important;
  color: #8a6478 !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  padding: 2px 8px !important;
  border: 1px solid rgba(255,154,178,0.25) !important;
}

/* 发送按钮 */
#ai-send-button {
  background: linear-gradient(135deg, #ff7a9c, #c8a2c8) !important;
  border-radius: 50% !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 14px rgba(255,122,156,0.4), 0 0 20px rgba(255,183,197,0.35) !important;
}

#ai-send-button:hover {
  transform: scale(1.1) rotate(-8deg) !important;
  box-shadow: 0 6px 20px rgba(255,122,156,0.55), 0 0 28px rgba(255,183,197,0.5) !important;
}

#ai-send-button:active {
  transform: scale(0.95) !important;
}

#ai-send-button .icon-icon-send {
  color: #ffffff !important;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.15)) !important;
}

/* ========== 七、分页控制 ========== */
.MuiPaginationItem-root {
  color: #8a6478 !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}

.MuiPaginationItem-root:hover {
  background: rgba(255,183,197,0.2) !important;
  color: #ff5582 !important;
}

.MuiPaginationItem-root.Mui-selected {
  background: linear-gradient(135deg, #ff7a9c, #c8a2c8) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(255,122,156,0.35) !important;
}

.MuiPaginationItem-root.Mui-disabled {
  color: #d4b8c5 !important;
  opacity: 0.5 !important;
}

.MuiPaginationItem-previousNext .MuiPaginationItem-icon {
  color: #c8769b !important;
}

.forum-pagination-input-wrapper .MuiInputBase-input {
  background: rgba(255,255,255,0.7) !important;
  border: 1px solid rgba(255,154,178,0.35) !important;
  border-radius: 8px !important;
  color: #4a2c3d !important;
}

.MuiStack-root.text-sm .MuiBox-root {
  color: #8a6478 !important;
}

/* ========== 八、评论区 ========== */
/* 面板主容器（仅视觉，不动定位） */
.absolute.inset-x-0.bottom-0.z-20.bg-white {
  background: linear-gradient(180deg, rgba(255,245,247,0.98), rgba(255,232,238,0.96)) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-top: 1px solid rgba(255,154,178,0.3) !important;
  border-radius: 24px 24px 0 0 !important;
  box-shadow: 0 -8px 32px rgba(255,122,156,0.18) !important;
}

.text-lg.font-bold.pl-3 {
  color: #4a2c3d !important;
  background: linear-gradient(135deg, #ff7a9c, #c8a2c8) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
}

button[aria-label="close"] {
  color: #c8769b !important;
  transition: all 0.25s ease !important;
  border-radius: 50% !important;
}

button[aria-label="close"]:hover {
  color: #ff5582 !important;
  background: rgba(255,122,156,0.12) !important;
  transform: rotate(90deg) !important;
}

/* 评分区域 */
.MuiStack-root.px-3 p.text-grey-600 {
  color: #6b3d52 !important;
  font-weight: 600 !important;
}

.MuiRating-iconEmpty {
  color: rgba(255,154,178,0.35) !important;
}

.MuiRating-iconFilled {
  color: #ff7a9c !important;
  filter: drop-shadow(0 0 4px rgba(255,122,156,0.5)) !important;
}

.text-orange-500.w-14 {
  color: #e85a7a !important;
  font-weight: 700 !important;
}

/* 评论输入框 */
.flex.flex-col.border-\[1\.5px\].border-gray-200 {
  background: rgba(255,255,255,0.85) !important;
  border: 1.5px solid rgba(255,154,178,0.35) !important;
  border-radius: 16px !important;
  transition: all 0.25s ease !important;
}

.flex.flex-col.border-\[1\.5px\].border-gray-200:focus-within {
  border-color: #ff7a9c !important;
  box-shadow: 0 0 0 3px rgba(255,122,156,0.15), 0 4px 16px rgba(255,122,156,0.18) !important;
}

textarea[placeholder="发表评论"] {
  color: #4a2c3d !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  background: transparent !important;
}

textarea[placeholder="发表评论"]::placeholder {
  color: #c9a8b5 !important;
  font-style: italic !important;
}

.bg-gray-100.text-xs.font-medium {
  background: rgba(255,183,197,0.2) !important;
  color: #8a6478 !important;
  border-radius: 8px !important;
  padding: 2px 7px !important;
}

#basic-button {
  color: #c8769b !important;
  transition: all 0.2s ease !important;
}

#basic-button:hover {
  color: #ff5582 !important;
  transform: scale(1.15) !important;
}

/* 评论发送按钮 */
div[data-state="closed"] .cursor-pointer.group {
  background: linear-gradient(135deg, #ff7a9c, #c8a2c8) !important;
  border-radius: 50% !important;
  padding: 8px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 3px 10px rgba(255,122,156,0.35) !important;
}

div[data-state="closed"] .cursor-pointer.group:hover {
  transform: scale(1.1) rotate(-8deg) !important;
  box-shadow: 0 5px 16px rgba(255,122,156,0.5) !important;
}

svg[data-icon="Send03"] {
  color: #ffffff !important;
}

/* 排序按钮 */
.MuiButton-containedPrimary {
  background: linear-gradient(135deg, #ff7a9c, #c8a2c8) !important;
  color: #ffffff !important;
  border-radius: 14px !important;
  font-weight: 600 !important;
  box-shadow: 0 3px 10px rgba(255,122,156,0.3) !important;
}

.MuiButton-outlinedPrimary {
  background: rgba(255,255,255,0.7) !important;
  color: #c8769b !important;
  border: 1px solid rgba(255,154,178,0.4) !important;
  border-radius: 14px !important;
  font-weight: 600 !important;
}

.MuiButton-outlinedPrimary:hover {
  background: rgba(255,183,197,0.18) !important;
  border-color: #ff7a9c !important;
}

/* 分割线 */
.style_divider__mW0YX {
  background: linear-gradient(90deg, transparent, rgba(255,154,178,0.4), transparent) !important;
  height: 1px !important;
}

/* 评论列表 */
.p-3.overflow-y-auto.h-full {
  scrollbar-width: thin !important;
  scrollbar-color: #ffb7c5 transparent !important;
}

.p-3.overflow-y-auto.h-full::-webkit-scrollbar {
  width: 6px !important;
}

.p-3.overflow-y-auto.h-full::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #ff7a9c, #c8a2c8) !important;
  border-radius: 3px !important;
}

.p-3.overflow-y-auto.h-full::-webkit-scrollbar-track {
  background: transparent !important;
}

/* 评论项 */
img.rounded-full {
  border: 2px solid rgba(255,154,178,0.4) !important;
  box-shadow: 0 2px 8px rgba(255,122,156,0.15) !important;
}

.text-sm.text-grey-600 span.font-bold {
  color: #c44569 !important;
  font-weight: 700 !important;
}

div.break-all {
  color: #4a2c3d !important;
  line-height: 1.75 !important;
}

.text-xs.text-grey-600 {
  color: #8a6478 !important;
}

button.text-gray-400 {
  color: #c8a2c8 !important;
  transition: all 0.2s ease !important;
}

button.text-gray-400:hover {
  color: #ff5582 !important;
  transform: scale(1.1) !important;
}

span.cursor-pointer {
  color: #c8769b !important;
  font-weight: 600 !important;
  transition: color 0.2s ease !important;
}

span.cursor-pointer:hover {
  color: #ff5582 !important;
}

div.ml-8.border-l {
  border-color: rgba(255,154,178,0.3) !important;
}

/* ========== 九、响应式与降级 ========== */
@media (max-width: 768px) {
  .group .text-sm { font-size: 14px !important; }
  .group .px-4 { padding-left: 14px !important; padding-right: 14px !important; }
  #ai-mod-button2 .MuiButton-outlinedPrimary { font-size: 12px !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}

/* ========== 樱泉密事 · 叙事状态面板美化 ========== */
.relink-scope{
  --rs-primary:#ff7a9c;--rs-accent:#c8a2c8;--rs-sakura:#ffb7c5;
  --rs-text:#4a2c3d;--rs-text-sub:#8a6478;--rs-text-light:#a88497;
  --rs-bg-card:rgba(255,250,252,0.96);--rs-bg-soft:rgba(255,240,245,0.85);
  --rs-bg-inner:rgba(255,255,255,0.7);
  --rs-border:rgba(255,154,178,0.32);--rs-border-soft:rgba(200,162,200,0.22);
  --rs-shadow:0 10px 36px rgba(255,122,156,0.18),0 0 24px rgba(255,183,197,0.15);
  --rs-glow:0 0 16px rgba(255,183,197,0.45);
  --rs-radius:18px;--rs-radius-sm:10px;
  --rs-lv1:#a8d8b9;--rs-lv2:#ffd97d;--rs-lv3:#ffa07a;--rs-lv4:#ff6b8a;--rs-lv5:#c44569;
  font-family:"Noto Serif JP","PingFang SC","Microsoft YaHei",serif;
  color:var(--rs-text);
  max-width:880px;margin:18px auto;padding:22px;
  background:linear-gradient(135deg,rgba(255,245,247,0.92),rgba(245,232,245,0.88)),
    radial-gradient(ellipse at top right,rgba(255,183,197,0.18),transparent 60%);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid var(--rs-border);border-radius:24px;
  box-shadow:var(--rs-shadow);
  position:relative;overflow:hidden;
  animation:rs-fade-in 0.8s ease both;
}
.relink-scope::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--rs-primary),var(--rs-sakura),var(--rs-accent),var(--rs-primary));
  background-size:200% 100%;animation:rs-flow 4s linear infinite;}
@keyframes rs-fade-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes rs-flow{0%{background-position:0% 0}100%{background-position:200% 0}}
@keyframes rs-stripes{0%{background-position:0 0}100%{background-position:32px 0}}
@keyframes rs-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes rs-glow-pulse{0%,100%{box-shadow:0 0 12px rgba(255,122,156,0.3)}50%{box-shadow:0 0 22px rgba(255,122,156,0.55)}}
@keyframes rs-fill-grow{from{width:0!important}}

/* ========== 场景头部 ========== */
.relink-scope .rs-scene-header{margin-bottom:18px;padding:14px 16px;
  background:linear-gradient(135deg,rgba(255,255,255,0.7),rgba(255,240,245,0.6));
  border:1px solid var(--rs-border-soft);border-radius:var(--rs-radius);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.6);}
.relink-scope .rs-tags-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px;}
.relink-scope .rs-tag{display:flex;align-items:center;gap:6px;padding:8px 12px;
  background:linear-gradient(135deg,rgba(255,255,255,0.85),rgba(255,232,238,0.7));
  border:1px solid var(--rs-border);border-radius:12px;font-size:13px;color:var(--rs-text);
  box-shadow:0 2px 6px rgba(255,122,156,0.08);transition:transform 0.25s ease;}
.relink-scope .rs-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,122,156,0.2);}
.relink-scope .rs-tag b{color:var(--rs-primary);font-weight:700;}
.relink-scope .rs-icon{font-size:14px;filter:drop-shadow(0 0 4px rgba(255,183,197,0.6));}
.relink-scope .rs-scene-desc{padding:10px 14px;background:rgba(255,183,197,0.12);
  border-left:3px solid var(--rs-primary);border-radius:0 10px 10px 0;
  font-size:14px;color:var(--rs-text);}
.relink-scope .rs-scene-desc b{color:var(--rs-primary);font-weight:700;}

/* ========== 剧情正文 ========== */
.relink-scope .rs-story-content{padding:22px 24px;margin-bottom:20px;
  background:var(--rs-bg-card);border:1px solid var(--rs-border-soft);
  border-radius:var(--rs-radius);box-shadow:inset 0 0 24px rgba(255,183,197,0.08);
  font-size:15.5px;line-height:2;letter-spacing:0.4px;color:var(--rs-text);
  text-align:justify;position:relative;}
.relink-scope .rs-story-content::before{content:"❀";position:absolute;top:14px;right:18px;
  color:var(--rs-sakura);font-size:20px;opacity:0.5;animation:rs-float 3s ease infinite;}
.relink-scope .rs-story-content .story-image{margin:14px auto;display:block;border-radius:14px;
  box-shadow:0 8px 24px rgba(255,122,156,0.25);}

/* ========== 状态面板布局 ========== */
.relink-scope .rs-status-panel{display:grid;grid-template-columns:240px 1fr;gap:18px;margin-bottom:18px;}

/* ===== 左栏 ===== */
.relink-scope .rs-panel-left{padding:18px 14px;
  background:linear-gradient(160deg,rgba(255,250,252,0.95),rgba(255,232,238,0.85));
  border:1px solid var(--rs-border);border-radius:var(--rs-radius);
  box-shadow:var(--rs-shadow);text-align:center;}
.relink-scope .rs-avatar-box{position:relative;width:160px;height:240px;margin:0 auto 14px;
  border-radius:14px;overflow:hidden;
  box-shadow:0 12px 28px rgba(255,122,156,0.3),0 0 24px rgba(255,183,197,0.4);
  animation:rs-glow-pulse 3.5s ease infinite;}
.relink-scope .rs-avatar-box::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 65%,rgba(74,44,61,0.35));pointer-events:none;}
.relink-scope .rs-avatar{width:100%;height:100%;background-size:cover;background-position:center top;}
.relink-scope .rs-name{font-size:18px;font-weight:700;color:var(--rs-text);margin-bottom:6px;
  letter-spacing:1px;text-shadow:0 1px 2px rgba(255,255,255,0.6);}
.relink-scope .rs-age{font-size:13px;color:var(--rs-primary);font-weight:600;margin-left:4px;}
.relink-scope .rs-identity{display:inline-block;padding:4px 12px;margin-bottom:10px;
  background:linear-gradient(135deg,var(--rs-primary),var(--rs-accent));
  color:#fff;font-size:12px;border-radius:14px;font-weight:600;letter-spacing:0.5px;
  box-shadow:0 3px 10px rgba(255,122,156,0.35);}
.relink-scope .rs-mood,.relink-scope .rs-pose{font-size:12.5px;color:var(--rs-text-sub);
  padding:6px 10px;margin-top:8px;background:rgba(255,255,255,0.6);border-radius:10px;
  border:1px solid var(--rs-border-soft);text-align:left;line-height:1.6;}
.relink-scope .rs-mood span,.relink-scope .rs-pose span{color:var(--rs-text);font-weight:600;}

/* ===== 右栏 ===== */
.relink-scope .rs-panel-right{padding:18px;
  background:var(--rs-bg-card);border:1px solid var(--rs-border);
  border-radius:var(--rs-radius);box-shadow:var(--rs-shadow);}

/* 进度条组 */
.relink-scope .rs-bar-group{margin-bottom:16px;}
.relink-scope .rs-progress-container{margin-bottom:12px;}
.relink-scope .rs-progress-container:last-child{margin-bottom:0;}
.relink-scope .rs-progress-label{display:flex;justify-content:space-between;align-items:center;
  font-size:13px;margin-bottom:6px;}
.relink-scope .rs-label-title{color:var(--rs-text);font-weight:600;}
.relink-scope .rs-highlight{color:var(--rs-primary);font-weight:700;font-size:12px;
  padding:1px 8px;background:rgba(255,122,156,0.12);border-radius:8px;margin-left:4px;}
.relink-scope .rs-label-value{color:var(--rs-text-sub);font-weight:700;font-size:12.5px;
  font-variant-numeric:tabular-nums;}
.relink-scope .rs-progress-track{height:12px;border-radius:8px;
  background:rgba(255,183,197,0.18);overflow:hidden;
  box-shadow:inset 0 2px 4px rgba(196,69,105,0.12);position:relative;}
.relink-scope .rs-progress-fill{height:100%;border-radius:8px;position:relative;
  background-image:linear-gradient(135deg,var(--rs-primary),var(--rs-accent)),
    linear-gradient(45deg,rgba(255,255,255,0.18) 25%,transparent 25%,transparent 50%,
    rgba(255,255,255,0.18) 50%,rgba(255,255,255,0.18) 75%,transparent 75%);
  background-size:100% 100%,16px 16px;background-blend-mode:overlay;
  box-shadow:0 0 12px rgba(255,122,156,0.5);
  animation:rs-fill-grow 1.4s cubic-bezier(0.34,1.2,0.64,1) both,rs-stripes 1.2s linear infinite;}
.relink-scope .rs-fill-danger{background-image:linear-gradient(135deg,#c44569,#ff6b8a),
  linear-gradient(45deg,rgba(255,255,255,0.18) 25%,transparent 25%,transparent 50%,
  rgba(255,255,255,0.18) 50%,rgba(255,255,255,0.18) 75%,transparent 75%);
  box-shadow:0 0 14px rgba(196,69,105,0.55);}
.relink-scope .rs-fill-lust{background-image:linear-gradient(135deg,#ff5582,#ffb7c5),
  linear-gradient(45deg,rgba(255,255,255,0.18) 25%,transparent 25%,transparent 50%,
  rgba(255,255,255,0.18) 50%,rgba(255,255,255,0.18) 75%,transparent 75%);
  box-shadow:0 0 14px rgba(255,107,138,0.6);}
.relink-scope .rs-fill-preg{background-image:linear-gradient(135deg,#e85a7a,#c8a2c8),
  linear-gradient(45deg,rgba(255,255,255,0.18) 25%,transparent 25%,transparent 50%,
  rgba(255,255,255,0.18) 50%,rgba(255,255,255,0.18) 75%,transparent 75%);
  box-shadow:0 0 14px rgba(232,90,122,0.5);}

/* 开发度网格 */
.relink-scope .rs-dev-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;}
.relink-scope .rs-dev-item{padding:10px 12px;
  background:linear-gradient(135deg,rgba(255,255,255,0.85),rgba(255,240,245,0.7));
  border:1px solid var(--rs-border-soft);border-radius:12px;
  transition:transform 0.25s ease,box-shadow 0.25s ease;}
.relink-scope .rs-dev-item:hover{transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(255,122,156,0.18);border-color:var(--rs-primary);}
.relink-scope .rs-dev-title{font-size:13px;font-weight:700;color:var(--rs-primary);margin-bottom:4px;}
.relink-scope .rs-dev-value{font-size:11.5px;color:var(--rs-text-sub);font-weight:600;margin-bottom:4px;
  font-variant-numeric:tabular-nums;}
.relink-scope .rs-dev-desc{font-size:11.5px;color:var(--rs-text);line-height:1.55;
  padding-top:4px;border-top:1px dashed var(--rs-border-soft);}

/* 腔内情况 */
.relink-scope .rs-bq-box{margin-bottom:12px;padding:12px;
  background:linear-gradient(135deg,rgba(255,232,238,0.6),rgba(245,220,235,0.5));
  border:1px solid var(--rs-border);border-radius:12px;}
.relink-scope .rs-bq-title{font-size:13px;font-weight:700;color:var(--rs-primary);margin-bottom:8px;
  display:flex;align-items:center;gap:4px;}
.relink-scope .rs-bq-box .story-image{display:block;margin:8px auto;border-radius:10px;max-width:100%;
  box-shadow:0 4px 14px rgba(255,122,156,0.2);}
.relink-scope .rs-bq-desc{font-size:12.5px;color:var(--rs-text);line-height:1.7;margin-bottom:6px;}
.relink-scope .rs-bq-meta{font-size:12px;color:var(--rs-text-sub);padding-top:6px;
  border-top:1px dashed var(--rs-border-soft);}

/* 信息行 */
.relink-scope .rs-info-row{display:flex;gap:10px;padding:8px 0;
  border-bottom:1px dashed var(--rs-border-soft);font-size:13px;}
.relink-scope .rs-info-row:last-of-type{border-bottom:none;}
.relink-scope .rs-info-label{flex:0 0 90px;color:var(--rs-primary);font-weight:700;}
.relink-scope .rs-info-content{flex:1;color:var(--rs-text);line-height:1.7;}
.relink-scope .rs-info-content b{color:var(--rs-lv5);font-weight:700;}

/* 引用框 */
.relink-scope .rs-quote-box{margin-top:14px;padding:14px 16px 14px 40px;position:relative;
  background:linear-gradient(135deg,rgba(255,245,247,0.9),rgba(245,232,245,0.85));
  border:1px solid var(--rs-border);border-radius:12px;border-left:3px solid var(--rs-primary);
  box-shadow:0 4px 14px rgba(255,122,156,0.12);
  animation:rs-fade-in 1s ease 0.3s both;}
.relink-scope .rs-quote-icon{position:absolute;left:10px;top:6px;font-size:36px;line-height:1;
  color:var(--rs-primary);font-family:Georgia,serif;opacity:0.45;}
.relink-scope .rs-quote-text{font-size:13.5px;color:var(--rs-text);line-height:1.85;
  font-style:italic;letter-spacing:0.3px;}

/* ========== 剧情走向推荐（无动效） ========== */
.relink-scope .rs-choices-box{padding:18px;
  background:linear-gradient(135deg,rgba(255,250,252,0.95),rgba(255,240,245,0.88));
  border:1px solid var(--rs-border);border-radius:var(--rs-radius);
  box-shadow:var(--rs-shadow);}
.relink-scope .rs-choice-header{font-size:15px;font-weight:700;color:var(--rs-primary);
  margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--rs-border);
  letter-spacing:1px;}
.relink-scope .rs-choice-list{display:grid;gap:8px;}
.relink-scope .rs-choice-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;
  background:rgba(255,255,255,0.7);border:1px solid var(--rs-border-soft);border-radius:10px;}
.relink-scope .rs-choice-key{flex:0 0 28px;height:28px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--rs-primary),var(--rs-accent));color:#fff;
  font-weight:700;font-size:13px;border-radius:8px;
  box-shadow:0 2px 6px rgba(255,122,156,0.3);}
.relink-scope .rs-choice-text{flex:1;font-size:13.5px;color:var(--rs-text);line-height:1.7;
  padding-top:3px;}

/* ========== 响应式 ========== */
@media (max-width:768px){
  .relink-scope{padding:16px;margin:12px;}
  .relink-scope .rs-tags-grid{grid-template-columns:repeat(2,1fr);}
  .relink-scope .rs-status-panel{grid-template-columns:1fr;}
  .relink-scope .rs-panel-left{padding:14px;}
  .relink-scope .rs-avatar-box{width:140px;height:210px;}
  .relink-scope .rs-dev-grid{grid-template-columns:1fr;}
  .relink-scope .rs-story-content{padding:16px;font-size:14.5px;}
  .relink-scope .rs-info-label{flex:0 0 80px;}
}
@media (prefers-reduced-motion:reduce){
  .relink-scope,.relink-scope *,.relink-scope *::before,.relink-scope *::after{
    animation-duration:0.01ms!important;animation-iteration-count:1!important;
    transition-duration:0.01ms!important;}
  .relink-scope .rs-progress-fill{animation:none!important;}
}

/* ========== 补丁：立绘+第三框+移动端修复 ========== */

/* ① 状态面板改为：上(左右两栏) + 下(整行第三框) */
.relink-scope .rs-status-panel{
  display:grid!important;
  grid-template-columns:260px 1fr!important;
  grid-template-areas:"left right" "bottom bottom"!important;
  gap:18px!important;
}
.relink-scope .rs-panel-left{grid-area:left;}
.relink-scope .rs-panel-right{grid-area:right;}
.relink-scope .rs-panel-bottom{grid-area:bottom;}

/* ② 左栏立绘放大 + 四边等距 */
.relink-scope .rs-panel-left{
  padding:16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
}
.relink-scope .rs-avatar-box{
  width:100%!important;
  height:auto!important;
  aspect-ratio:2/3!important;
  max-width:none!important;
  margin:0 0 14px 0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  position:relative!important;
  box-shadow:0 12px 28px rgba(255,122,156,0.3),0 0 24px rgba(255,183,197,0.4)!important;
}
.relink-scope .rs-avatar{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* ③ 第三框样式（防线/欲望/视角/引用） */
.relink-scope .rs-panel-bottom{
  padding:18px 20px!important;
  background:var(--rs-bg-card)!important;
  border:1px solid var(--rs-border)!important;
  border-radius:var(--rs-radius)!important;
  box-shadow:var(--rs-shadow)!important;
  position:relative!important;
}
.relink-scope .rs-panel-bottom::before{
  content:""!important;position:absolute!important;
  top:0!important;left:20px!important;right:20px!important;height:2px!important;
  background:linear-gradient(90deg,transparent,var(--rs-primary),var(--rs-accent),transparent)!important;
  border-radius:0 0 2px 2px!important;
}

/* 第三框内的info-row布局优化 */
.relink-scope .rs-panel-bottom .rs-info-row{
  padding:10px 0!important;
  font-size:13.5px!important;
}
.relink-scope .rs-panel-bottom .rs-info-label{flex:0 0 100px!important;}
.relink-scope .rs-panel-bottom .rs-quote-box{margin-top:14px!important;}

/* ========== 移动端补丁 ========== */
@media (max-width:768px){
  .relink-scope .rs-status-panel{
    grid-template-columns:1fr!important;
    grid-template-areas:"left" "right" "bottom"!important;
    gap:14px!important;
  }
  /* 修复立绘错位：使用aspect-ratio强制比例，居中显示 */
  .relink-scope .rs-panel-left{
    padding:14px!important;
    align-items:center!important;
  }
  .relink-scope .rs-avatar-box{
    width:78%!important;
    max-width:280px!important;
    aspect-ratio:2/3!important;
    height:auto!important;
    margin:0 auto 12px auto!important;
  }
  .relink-scope .rs-avatar{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background-position:center center!important;
    background-size:cover!important;
  }
  /* 名称等信息居中显示 */
  .relink-scope .rs-name,
  .relink-scope .rs-identity{text-align:center!important;}
  .relink-scope .rs-mood,
  .relink-scope .rs-pose{font-size:12px!important;}
  /* 第三框移动端 */
  .relink-scope .rs-panel-bottom{padding:14px!important;}
  .relink-scope .rs-panel-bottom .rs-info-row{
    flex-direction:column!important;
    gap:4px!important;
    padding:8px 0!important;
  }
  .relink-scope .rs-panel-bottom .rs-info-label{flex:none!important;font-size:12.5px!important;}
}

@media (max-width:480px){
  .relink-scope .rs-avatar-box{width:88%!important;}
}

/* ========== 补丁：立绘对齐 + 移除进度条流光 ========== */

/* ① 修复立绘下串：story-image可能携带外部margin/padding/display样式 */
.relink-scope .rs-avatar-box{
  display:block!important;
  font-size:0!important;
  line-height:0!important;
}
.relink-scope .rs-avatar-box .rs-avatar,
.relink-scope .rs-avatar-box .story-image{
  position:absolute!important;
  top:0!important;left:0!important;right:0!important;bottom:0!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  border-radius:0!important;
  box-shadow:none!important;
  vertical-align:top!important;
}

/* ② 移除进度条条纹流光动画，保留填充增长动画 */
.relink-scope .rs-progress-fill,
.relink-scope .rs-fill-danger,
.relink-scope .rs-fill-lust,
.relink-scope .rs-fill-preg{
  background-image:none!important;
  animation:rs-fill-grow 1.4s cubic-bezier(0.34,1.2,0.64,1) both!important;
  background-size:auto!important;
  background-blend-mode:normal!important;
}
.relink-scope .rs-progress-fill{
  background:linear-gradient(135deg,var(--rs-primary),var(--rs-accent))!important;
}
.relink-scope .rs-fill-danger{
  background:linear-gradient(135deg,#c44569,#ff6b8a)!important;
}
.relink-scope .rs-fill-lust{
  background:linear-gradient(135deg,#ff5582,#ffb7c5)!important;
}
.relink-scope .rs-fill-preg{
  background:linear-gradient(135deg,#e85a7a,#c8a2c8)!important;
}

/* ========== 樱泉密事 · 移动端布局补丁 ========== */

/* 1. 聊天气泡拉宽：解决文字挤在中间的问题 */
/* 覆盖原有的 max-width 限制，让气泡占据更多空间 */
.group .max-w-md, 
.group .max-w-lg, 
.group .max-w-2xl,
.group .max-w-\[85\%\] {
    max-width: 96% !important;
}

/* 移动端针对性气泡优化 */
@media (max-width: 768px) {
    /* 强制消息容器占满屏幕宽度 */
    .group .flex.max-w-\[85\%\] {
        max-width: 98% !important;
        width: 98% !important;
    }
    
    /* 调整气泡内边距，增加文字展示空间 */
    .group .bg-gray-100\/90 {
        width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    /* 2. BQ/QN 系列插图放大补丁 */
    /* 将 BQ 系列图片从 50% 放大到 80%，并取消原有的 max-width 限制 */
    .story-image[class*="img-BQ-"],
    .story-image[class*="img-QN-"],
    .story-image.ratio-4x3 {
        width: 80% !important;
        max-width: 100% !important; /* 允许在气泡拉宽后随之放大 */
        margin: 1rem auto !important;
    }
}

/* 额外的视觉细节修复：确保大图在宽气泡中依然保持优雅 */
.story-image[class*="img-BQ-"] {
    border: 1px solid rgba(255, 154, 178, 0.2) !important;
    box-shadow: 0 10px 25px rgba(255, 122, 156, 0.2) !important;
}

/* ========== 樱泉密事 · 气泡可读性补丁（微透明） ========== */

/* 1. 用户气泡：保留一丝丝透明感 */
.group .bg-gray-100\/90 {
  background: linear-gradient(135deg, rgba(255,240,245,0.96), rgba(255,232,238,0.94)) !important;
}

/* 2. AI气泡：同样微透明 */
.chat-answer-container .bg-gray-100\/90 {
  background: linear-gradient(135deg, rgba(254,245,250,0.96), rgba(245,230,245,0.94)) !important;
}

/* 3. 文字颜色加深 */
.group .text-gray-900,
.group .markdown-body,
.chat-answer-container .markdown-body,
.group .text-sm,
.chat-answer-container .text-sm {
  color: #3a1f2e !important;
}

/* 4. 引用块与代码块加强 */
.group .markdown-body blockquote,
.chat-answer-container .markdown-body blockquote {
  background: rgba(255,183,197,0.18) !important;
  color: #4a2535 !important;
}

.group .markdown-body code,
.chat-answer-container .markdown-body code {
  background: rgba(255,183,197,0.30) !important;
  color: #7a1e38 !important;
}

/* ========== BQ/QN系列插图放大至80%补丁 ========== */

@media (max-width: 768px) {
    .story-image[class*="img-BQ-"],
    .story-image[class*="img-QN-"],
    .story-image.ratio-4x3 {
        width: 80% !important;
        max-width: 100% !important;
        margin: 1rem auto !important;
    }
}

.story-image[class*="img-BQ-"] {
    border: 1px solid rgba(255, 154, 178, 0.2) !important;
    box-shadow: 0 10px 25px rgba(255, 122, 156, 0.2) !important;
}

/* ==========================================
   补丁：立绘容器被省略时的灾难防御
   ========================================== */

/* 当 .rs-avatar 或 .story-image[class*="img-FZ-"] 直接出现在 .rs-panel-left 下
   （即容器被AI省略时），强制应用容器的约束规则 */
.relink-scope .rs-panel-left > .rs-avatar,
.relink-scope .rs-panel-left > .story-image[class*="img-FZ-"] {
    /* 继承容器本该有的尺寸约束 */
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 2/3 !important;
    max-width: none !important;
    
    /* 继承容器的视觉样式 */
    margin: 0 0 14px 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 12px 28px rgba(255,122,156,0.3), 0 0 24px rgba(255,183,197,0.4) !important;
    
    /* 确保背景图正确显示 */
    display: block !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    
    /* 防止内联样式覆盖 */
    position: relative !important;
}

/* 移动端同步修复 */
@media (max-width:768px) {
    .relink-scope .rs-panel-left > .rs-avatar,
    .relink-scope .rs-panel-left > .story-image[class*="img-FZ-"] {
        width: 78% !important;
        max-width: 280px !important;
        margin: 0 auto 12px auto !important;
    }
}

@media (max-width:480px) {
    .relink-scope .rs-panel-left > .rs-avatar,
    .relink-scope .rs-panel-left > .story-image[class*="img-FZ-"] {
        width: 88% !important;
    }
}

/* TinyFish Relink UX - Story Image Base Styles */
/* 这里的代码用于定义插图的容器基础属性，确保2:3比例及完整呈现 */

.story-image {
    /* 基础布局：宽度可根据父容器自适应，或设定固定宽度 */
    width: 100%;
    max-width: 500px; 
    margin: 1.5rem auto; 
    
    /* 核心比例控制：默认 2:3 比例 (宽2高3) */
    aspect-ratio: 2 / 3; 
    
    /* 背景图显示逻辑 */
    background-size: cover;      
    background-position: center; 
    background-repeat: no-repeat;
    
    /* 视觉优化：添加圆角与阴影提升梦境质感 */
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    
    /* 确保平滑过渡 */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.story-image:hover {
    transform: scale(1.02);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
}

/* ==========================================
   追加设计：4:3 比例支持与 BQ 系列专属适配
   ========================================== */

/* 1. 通用 4:3 比例修饰类 (横图) */
.story-image.ratio-4x3 {
    aspect-ratio: 4 / 3;
    max-width: 640px; /* 横图视觉占比更大，适当放宽最大宽度限制 */
    /* 备用方案：padding-bottom: 75%; */
}

/* 2. 针对 BQ-01 到 BQ-50 系列的批量自动适配 */
/* 使用 CSS 属性选择器 [class*="img-BQ-"] 自动匹配所有包含该字段的类名 */
.story-image[class*="img-BQ-"] {
    aspect-ratio: 4 / 3;
    max-width: 640px;
    /* 如果部分图需要包含完整人物而不被 cover 裁剪，可取消注释下方代码 */
    /* background-size: contain; */
    /* background-color: #1a1a1a; */ /* contain 时建议增加底色填补空白 */
}

/* ==========================================
   更新设计：4:3 比例与 BQ/QN 系列专属适配（气泡半宽 & 响应式）
   ========================================== */

/* 覆盖并合并 4:3 比例、BQ 系列与 QN 系列的样式 */
.story-image.ratio-4x3,
.story-image[class*="img-BQ-"],
.story-image[class*="img-QN-"] {
    aspect-ratio: 4 / 3;
    
    /* 核心修改：强制占据父容器（聊天气泡）50%的宽度 */
    width: 50%; 
    
    /* 响应式适配：设置上下限，防止在极端屏幕下过大或过小 */
    min-width: 140px; /* 移动端保底宽度 */
    max-width: 320px; /* PC端上限宽度 */
    
    /* 间距微调：保持居中 */
    margin: 0.8rem auto; 
    display: block; /* 确保 margin auto 生效 */
}

/* 移动端专属媒体查询（针对屏幕宽度小于768px的设备） */
@media screen and (max-width: 768px) {
    .story-image.ratio-4x3,
    .story-image[class*="img-BQ-"],
    .story-image[class*="img-QN-"] {
        /* 在手机端依然保持50%占比，但调整保底尺寸以适应更窄的屏幕 */
        min-width: 120px;
        /* 移动端气泡空间宝贵，进一步压缩上下间距 */
        margin: 0.5rem auto; 
        border-radius: 8px; 
    }
}

/* ==========================================
   补丁 3：粉碎输入窗口内部的白色长方形
   ========================================== */
/* 强制输入框本体透明，清除浏览器默认背景和内阴影 */
#ai-chat-input {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important; /* 移除可能存在的白色内阴影 */
    -webkit-appearance: none !important;
}

/* 强制覆盖 MUI 底层组件的白色背景 (如果是 MUI 渲染的输入框) */
.MuiInputBase-root,
.MuiOutlinedInput-root {
    background-color: transparent !important;
}

/* 暴力穿透：清除输入框外层容器内包裹的任何子级白色背景块 */
.bg-white.border-\[1\.5px\] * {
    background-color: transparent !important;
}

/* 恢复发送按钮的背景，防止被上面的通配符误伤透明化 */
#ai-send-button {
    background-color: #4A313A !important;
}


/* ==========================================
   追加设计：FZ系列服装立绘专属适配 (角色名下方 2:3 80%宽度)
   ========================================== */
.relink-status-panel .story-image[class*="img-FZ-"] {
    aspect-ratio: 2 / 3 !important;
    width: 80% !important;
    max-width: 100% !important;
    /* 上下留出15px间距，左右auto实现完美居中 */
    margin: 15px auto !important;
    /* 恢复四周圆角，因为不再贴合面板边缘 */
    border-radius: 12px !important;
    /* 恢复阴影增加立体质感 */
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
    /* 禁用悬停放大，保持面板内排版稳定 */
    transform: none !important;
}

/* --- 插图CG --- */
.img-N-01 { background-image: url('https://i.ibb.co/TMqcs9tm/00290-2205766488.png'); }
.img-N-02 { background-image: url('https://i.ibb.co/d0S3RKgb/00156-3753720934.png'); }
.img-N-03 { background-image: url('https://i.ibb.co/gZKPVMCC/00279-576565423.png'); }

.img-BQ-01 { background-image: url('https://i.ibb.co/6cZWqSGB/BQ-1.png'); }
.img-BQ-02 { background-image: url('https://i.ibb.co/gMT3RRK8/BQ-2.png'); }
.img-BQ-03 { background-image: url('https://i.ibb.co/wZRwZkKF/BQ-3.png'); }
.img-BQ-04 { background-image: url('https://i.ibb.co/rRWByxCk/BQ-4.png'); }
.img-BQ-05 { background-image: url('https://i.ibb.co/pvvc3qMJ/BQ-5.png'); }
.img-BQ-06 { background-image: url('https://i.ibb.co/hqRTr70/BQ-6.png'); }
.img-BQ-07 { background-image: url('https://i.ibb.co/DdNfCZb/BQ-7.png'); }
.img-BQ-08 { background-image: url('https://i.ibb.co/ZR8XLngd/BQ-8.png'); }
.img-BQ-09 { background-image: url('https://i.ibb.co/60NtwGnZ/BQ-9.png'); }
.img-BQ-10 { background-image: url('https://i.ibb.co/MwqQcYC/BQ-10.png'); }
.img-BQ-11 { background-image: url('https://i.ibb.co/2YKZQsW2/BQ-11.png'); }
.img-BQ-12 { background-image: url('https://i.ibb.co/jvRz32ky/BQ-12.png'); }
.img-BQ-13 { background-image: url('https://i.ibb.co/GfhJp0Ty/BQ-13.png'); }
.img-BQ-14 { background-image: url('https://i.ibb.co/hJSSWSbj/BQ-14.png'); }
.img-BQ-15 { background-image: url('https://i.ibb.co/DDLQdcHL/BQ-15.png'); }
.img-BQ-16 { background-image: url('https://i.ibb.co/qMnHycMK/BQ-16.png'); }
.img-BQ-17 { background-image: url('https://i.ibb.co/fYGhgJ9H/BQ-17.png'); }
.img-BQ-18 { background-image: url('https://i.ibb.co/Z1NJ6thk/BQ-18.png'); }
.img-BQ-19 { background-image: url('https://i.ibb.co/fV247CS4/BQ-19.png'); }
.img-BQ-20 { background-image: url('https://i.ibb.co/XfSTmBWC/BQ-20.png'); }
.img-BQ-21 { background-image: url('https://i.ibb.co/DDV440ZV/BQ-21.png'); }
.img-BQ-22 { background-image: url('https://i.ibb.co/HpLstPN9/BQ-22.png'); }
.img-BQ-23 { background-image: url('https://i.ibb.co/MxWZp44M/BQ-23.png'); }
.img-BQ-24 { background-image: url('https://i.ibb.co/vCVJjvw9/BQ-24.png'); }
.img-BQ-25 { background-image: url('https://i.ibb.co/Wpc1C6rq/BQ-25.png'); }
.img-BQ-26 { background-image: url('https://i.ibb.co/8DKWXCkm/BQ-26.png'); }
.img-BQ-27 { background-image: url('https://i.ibb.co/zVy5GKW8/BQ-27.png'); }
.img-BQ-28 { background-image: url('https://i.ibb.co/9dX8k5f/BQ-28.png'); }
.img-BQ-29 { background-image: url('https://i.ibb.co/j2sTDCH/BQ-29.png'); }
.img-BQ-30 { background-image: url('https://i.ibb.co/N602CHkb/BQ-30.png'); }
.img-BQ-31 { background-image: url('https://i.ibb.co/wF44jG6m/BQ-31.png'); }
.img-BQ-32 { background-image: url('https://i.ibb.co/ccPRz042/BQ-32.png'); }
.img-BQ-33 { background-image: url('https://i.ibb.co/B5HjbhyM/BQ-33.png'); }
.img-BQ-34 { background-image: url('https://i.ibb.co/wNKWyqwZ/BQ-34.png'); }

.img-Q-01 { background-image: url('https://i.ibb.co/C3bNnQcq/XXBQ-1.png'); }
.img-Q-02 { background-image: url('https://i.ibb.co/dJGHFjfW/XXBQ-2.png'); }
.img-Q-03 { background-image: url('https://i.ibb.co/Q3hy0B3R/XXBQ-3.png'); }
.img-Q-04 { background-image: url('https://i.ibb.co/6757L1yW/XXBQ-4.png'); }
.img-Q-05 { background-image: url('https://i.ibb.co/5hyFnMsy/XXBQ-5.png'); }
.img-Q-06 { background-image: url('https://i.ibb.co/RTTQpp1m/XXBQ-6.png'); }
.img-Q-07 { background-image: url('https://i.ibb.co/mYyrZ3W/XXBQ-7.png'); }
.img-Q-08 { background-image: url('https://i.ibb.co/Dff5ZvDY/XXBQ-8.png'); }
.img-Q-09 { background-image: url('https://i.ibb.co/B2fRHCK1/XXBQ-9.png'); }
.img-Q-10 { background-image: url('https://i.ibb.co/60nxzKbQ/XXBQ-10.png'); }
.img-Q-11 { background-image: url('https://i.ibb.co/vxRd3gXk/XXBQ-11.png'); }
.img-Q-12 { background-image: url('https://i.ibb.co/jZDJT1k1/XXBQ-12.png'); }

.img-QN-01 { background-image: url('https://i.ibb.co/S4VbDzKC/00359-380444191.png'); }
.img-QN-02 { background-image: url('https://i.ibb.co/m5dM0KdN/00371-453671555.png'); }
.img-QN-03 { background-image: url('https://i.ibb.co/RkLZHqgv/image.png'); }
.img-QN-04 { background-image: url('https://i.ibb.co/RTG2xRHp/00357-2901228379.png'); }
.img-QN-05 { background-image: url('https://i.ibb.co/PZXxSMFT/00348-3799012594.png'); }
.img-QN-06 { background-image: url('https://i.ibb.co/PZ46cFLs/image.png'); }
.img-QN-07 { background-image: url('https://i.ibb.co/k2MT8tdH/image.png'); }
.img-QN-08 { background-image: url('https://i.ibb.co/Q3sFBF4q/image.png'); }
.img-QN-09 { background-image: url('https://i.ibb.co/GQD8Tbm2/image.png'); }
.img-QN-10 { background-image: url('https://i.ibb.co/qLV0cfHz/image.png'); }
.img-QN-11 { background-image: url('https://i.ibb.co/FqzsBkgn/00341-3934039916.png'); }
.img-QN-12 { background-image: url('https://i.ibb.co/7tB2JpQs/00319-245657389.png'); }

.img-FJ-01 { background-image: url('https://i.ibb.co/6RYDQvyy/01495-4027306631.png'); }
.img-FJ-02 { background-image: url('https://i.ibb.co/vxtzCKq0/01485-1829796490.png'); }
.img-FJ-03 { background-image: url('https://i.ibb.co/jv5VMHQ6/01473-3753119801.png'); }
.img-FJ-04 { background-image: url('https://i.ibb.co/nNkx82XX/01457-1725982405.png'); }
.img-FJ-05 { background-image: url('https://i.ibb.co/99C62G8H/01433-3269766263.png'); }
.img-FJ-06 { background-image: url('https://i.ibb.co/21h1c3YZ/01428-2408523986.png'); }
.img-FJ-07 { background-image: url('https://i.ibb.co/7xxVPLrZ/01391-900839602.png'); }
.img-FJ-08 { background-image: url('https://i.ibb.co/L3CDxdG/01384-1001814284.png'); }
.img-FJ-09 { background-image: url('https://i.ibb.co/Y4c00jY8/01381-3936823586.png'); }
.img-FJ-10 { background-image: url('https://i.ibb.co/B5hsD0vP/01363-4014318348.png'); }
.img-FJ-11 { background-image: url('https://i.ibb.co/j9bxjvrL/01359-3252833684.png'); }
.img-FJ-12 { background-image: url('https://i.ibb.co/yBpt2KRN/01333-168319177.png'); }
.img-FJ-13 { background-image: url('https://i.ibb.co/SXrmqDzq/01263-2341424158.png'); }
.img-FJ-14 { background-image: url('https://i.ibb.co/gMBDFzqW/01230-541035450.png'); }
.img-FJ-15 { background-image: url('https://i.ibb.co/sJg9gCX0/00000-360222450.png'); }
.img-FJ-16 { background-image: url('https://i.ibb.co/B2C3dF42/01212-2851339928.png'); }
.img-FJ-17 { background-image: url('https://i.ibb.co/7JBBx68M/00015-1453927323.png'); }
.img-FJ-18 { background-image: url('https://i.ibb.co/7H7rtCM/01152-874467994.png'); }
.img-FJ-19 { background-image: url('https://i.ibb.co/ZRYwxFbg/01155-2409727192.png'); }
.img-FJ-20 { background-image: url('https://i.ibb.co/svHZN6L8/01164-4286926334.png'); }
.img-FJ-21 { background-image: url('https://i.ibb.co/rGtQXknG/01170-3635713616.png'); }
.img-FJ-22 { background-image: url('https://i.ibb.co/jvrMpGrN/00016-3599720730.png'); }
.img-FJ-23 { background-image: url('https://i.ibb.co/MyTtvkf5/01232-1956503117.png'); }
.img-FJ-24 { background-image: url('https://i.ibb.co/zTNFqbKp/01250-877949441.png'); }
.img-FJ-25 { background-image: url('https://i.ibb.co/k2YyVS9S/01279-3916174417.png'); }
.img-FJ-26 { background-image: url('https://i.ibb.co/4Z97qJ9d/01293-167948573.png'); }
.img-FJ-27 { background-image: url('https://i.ibb.co/PGBGM5JP/00018-936060415.png'); }
.img-FJ-28 { background-image: url('https://i.ibb.co/FbLznQXf/00001-1718687163.png'); }
.img-FJ-29 { background-image: url('https://i.ibb.co/Psb8XvLg/00010-3447338216.png'); }
.img-FJ-30 { background-image: url('https://i.ibb.co/b5x9YMBL/01051-3461807171.png'); }
.img-FJ-31 { background-image: url('https://i.ibb.co/3m5py7Dw/00012-3641224983.png'); }
.img-FJ-32 { background-image: url('https://i.ibb.co/Tyb18gD/01071-1575760245.png'); }
.img-FJ-33 { background-image: url('https://i.ibb.co/v6GScgqw/01081-3523244588.png'); }
.img-FJ-34 { background-image: url('https://i.ibb.co/hxMjTjs2/01093-7836214.png'); }
.img-FJ-35 { background-image: url('https://i.ibb.co/5xx9NcvS/01132-2749621297.png'); }
.img-FJ-36 { background-image: url('https://i.ibb.co/jPv17LHz/01127-2408523986.png'); }
.img-FJ-37 { background-image: url('https://i.ibb.co/xtxwQZGd/00106-3165423830.png'); }
.img-FJ-38 { background-image: url('https://i.ibb.co/7x4MnrdC/00092-438438254.png'); }
.img-FJ-39 { background-image: url('https://i.ibb.co/LFVvtST/00003-503870188.png'); }
.img-FJ-40 { background-image: url('https://i.ibb.co/pvx5rGjy/00085-1140701298.png'); }
.img-FJ-41 { background-image: url('https://i.ibb.co/Pz39rRSg/00010-2900955596.png'); }
.img-FJ-42 { background-image: url('https://i.ibb.co/TB18Ynh1/00043-4247782199.png'); }
.img-FJ-43 { background-image: url('https://i.ibb.co/rWgxCmp/00040-1258707551.png'); }
.img-FJ-44 { background-image: url('https://i.ibb.co/mQX1qFp/00583-4051833061.png'); }
.img-FJ-45 { background-image: url('https://i.ibb.co/VW5Bs3RD/00571-635810654.png'); }
.img-FJ-46 { background-image: url('https://i.ibb.co/G3F2zp5Q/00414-3575660449.png'); }
.img-FJ-47 { background-image: url('https://i.ibb.co/21hLQLB2/00589-889959933.png'); }
.img-FJ-48 { background-image: url('https://i.ibb.co/kChK8yM/00586-3989431758.png'); }
.img-FJ-49 { background-image: url('https://i.ibb.co/xS8zbZgL/00579-4203248260.png'); }
.img-FJ-50 { background-image: url('https://i.ibb.co/NdtLgHT4/00577-4203248258.png'); }
.img-FJ-51 { background-image: url('https://i.ibb.co/Fkt3B9Fb/00573-512925594.png'); }
.img-FJ-52 { background-image: url('https://i.ibb.co/k285SbCR/00569-2785897345.png'); }
.img-FJ-53 { background-image: url('https://i.ibb.co/6RX1XbY6/00561-889747867.png'); }
.img-FJ-54 { background-image: url('https://i.ibb.co/HDfxZcm7/00532-2838077440.png'); }
.img-FJ-55 { background-image: url('https://i.ibb.co/VYJMD8XS/00015-2907586590.png'); }
.img-FJ-56 { background-image: url('https://i.ibb.co/kscx4mw7/00372-1487203065.png'); }
.img-FJ-57 { background-image: url('https://i.ibb.co/zKpJnYQ/00502-2090075518.png'); }
.img-FJ-58 { background-image: url('https://i.ibb.co/0jgL58HC/00268-2630439123.png'); }
.img-FJ-59 { background-image: url('https://i.ibb.co/W4wGWFX8/00245-3066717856.png'); }
.img-FJ-60 { background-image: url('https://i.ibb.co/DBR7Sry/00683-3520727917.png'); }
.img-FJ-61 { background-image: url('https://i.ibb.co/bgSXB4K8/00024-979406537.png'); }
.img-FJ-62 { background-image: url('https://i.ibb.co/fzFc2SPL/00303-2446728525.png'); }

.img-FZ-01 { background-image: url('https://i.ibb.co/BHqsmSz2/00202-2538296241.png'); }
.img-FZ-02 { background-image: url('https://i.ibb.co/kg4rJvZb/00069-3766021354.png'); }
.img-FZ-03 { background-image: url('https://i.ibb.co/5hy9T4hj/00123-1237167317.png'); }
.img-FZ-04 { background-image: url('https://i.ibb.co/kgrr3pdX/00012-2639627424.png'); }
.img-FZ-05 { background-image: url('https://i.ibb.co/TB8y4S6r/02763-239351569.png'); }
.img-FZ-06 { background-image: url('https://i.ibb.co/1JzSL6ss/02757-1537116139.png'); }
.img-FZ-07 { background-image: url('https://i.ibb.co/6JnbvL9R/02753-2532734444.png'); }
.img-FZ-08 { background-image: url('https://i.ibb.co/dwTx6gF7/02751-2532734444.png'); }
.img-FZ-09 { background-image: url('https://i.ibb.co/gZyPC4fk/02749-2532734444.png'); }
.img-FZ-10 { background-image: url('https://i.ibb.co/V8DLM9s/02746-1897871693.png'); }
.img-FZ-11 { background-image: url('https://i.ibb.co/TBNHGk1d/02739-2019542618.png'); }
.img-FZ-12 { background-image: url('https://i.ibb.co/d0g3D5Fv/02734-3004576490.png'); }
.img-FZ-13 { background-image: url('https://i.ibb.co/p6tvPCPH/02726-1951799223.png'); }
.img-FZ-14 { background-image: url('https://i.ibb.co/whqnZHLZ/02724-1197995022.png'); }
.img-FZ-15 { background-image: url('https://i.ibb.co/nMfp5FF5/02722-674126565.png'); }
.img-FZ-16 { background-image: url('https://i.ibb.co/ZzSGjzKB/02712-4209300823.png'); }
.img-FZ-17 { background-image: url('https://i.ibb.co/wZkpZ41v/02709-647742090.png'); }
.img-FZ-18 { background-image: url('https://i.ibb.co/gMc19VPJ/02696-1092157069.png'); }
.img-FZ-19 { background-image: url('https://i.ibb.co/zLPPk49/02693-2152750353.png'); }
.img-FZ-20 { background-image: url('https://i.ibb.co/gZmPhyKb/02690-1937962330.png'); }
.img-FZ-21 { background-image: url('https://i.ibb.co/M5SC9ZHn/02683-3322655638.png'); }
.img-FZ-22 { background-image: url('https://i.ibb.co/Sw4XR5WQ/02681-2474261949.png'); }
.img-FZ-23 { background-image: url('https://i.ibb.co/mrZzrqY5/02677-4068696197.png'); }
.img-FZ-24 { background-image: url('https://i.ibb.co/dsnHTLHq/02663-824223881.png'); }
.img-FZ-25 { background-image: url('https://i.ibb.co/xtk97HnK/02658-2913800644.png'); }
.img-FZ-26 { background-image: url('https://i.ibb.co/MKjnP2Z/02656-3054615241.png'); }
.img-FZ-27 { background-image: url('https://i.ibb.co/TBq09sxv/02654-2694477145.png'); }
.img-FZ-28 { background-image: url('https://i.ibb.co/8LncCKDG/02648-2525571581.png'); }
.img-FZ-29 { background-image: url('https://i.ibb.co/Rd8MW3N/02647-206572970.png'); }
.img-FZ-30 { background-image: url('https://i.ibb.co/C3VVH2W8/02644-3279029687.png'); }
.img-FZ-31 { background-image: url('https://i.ibb.co/bjPKS8tW/02642-814672052.png'); }
.img-FZ-32 { background-image: url('https://i.ibb.co/GvWtXt72/02637-417690926.png'); }
.img-FZ-33 { background-image: url('https://i.ibb.co/HDg1grNZ/02627-417690926.png'); }
.img-FZ-34 { background-image: url('https://i.ibb.co/yc9QBSVS/02624-1797383774.png'); }
.img-FZ-35 { background-image: url('https://i.ibb.co/9mD0bn5c/02618-2540645906.png'); }
.img-FZ-36 { background-image: url('https://i.ibb.co/v6rB1w2s/02614-3206939339.png'); }
.img-FZ-37 { background-image: url('https://i.ibb.co/ynk9MQT0/02613-2365159125.png'); }
.img-FZ-38 { background-image: url('https://i.ibb.co/S7GHZDtJ/02606-1146769909.png'); }
.img-FZ-39 { background-image: url('https://i.ibb.co/DHYg2rW8/02603-1099388489.png'); }
.img-FZ-40 { background-image: url('https://i.ibb.co/nsdDR7WY/02602-9845738.png'); }
.img-FZ-41 { background-image: url('https://i.ibb.co/ymFTnrcY/02599-4091326258.png'); }
.img-FZ-42 { background-image: url('https://i.ibb.co/rGzGHb5Q/02595-966728470.png'); }
.img-FZ-43 { background-image: url('https://i.ibb.co/RGFmxWjL/02594-3453205402.png'); }
.img-FZ-44 { background-image: url('https://i.ibb.co/Wv5cMxWW/02574-626723349.png'); }
.img-FZ-45 { background-image: url('https://i.ibb.co/xqcwSwdW/02570-3642176506.png'); }
.img-FZ-46 { background-image: url('https://i.ibb.co/Jw14xPLS/02567-803173835.png'); }
.img-FZ-47 { background-image: url('https://i.ibb.co/gFmdjnbQ/02563-1253882710.png'); }
.img-FZ-48 { background-image: url('https://i.ibb.co/5xK6htGf/02563-819621959.png'); }
.img-FZ-49 { background-image: url('https://i.ibb.co/Mkmyf9wh/02561-4124524797.png'); }
.img-FZ-50 { background-image: url('https://i.ibb.co/P73TQ37/02558-3991089300.png'); }
.img-FZ-51 { background-image: url('https://i.ibb.co/pNnmJkq/02541-3675724580.png'); }
.img-FZ-52 { background-image: url('https://i.ibb.co/WpgFqgRD/02537-1375979476.png'); }
.img-FZ-53 { background-image: url('https://i.ibb.co/8gZhb5tB/02534-2405759844.png'); }
.img-FZ-54 { background-image: url('https://i.ibb.co/mCpzqv8x/02519-2790812248.png'); }
.img-FZ-55 { background-image: url('https://i.ibb.co/6RjTRxSV/02512-623224285.png'); }
.img-FZ-56 { background-image: url('https://i.ibb.co/KcpnK6Wd/02509-3536154228.png'); }
.img-FZ-57 { background-image: url('https://i.ibb.co/TxRgZWkD/02508-3676673046.png'); }
.img-FZ-58 { background-image: url('https://i.ibb.co/fYhw8GVp/02508-552220046.png'); }
.img-FZ-59 { background-image: url('https://i.ibb.co/99hYYkxm/02497-2464132277.png'); }
.img-FZ-60 { background-image: url('https://i.ibb.co/7xbmr1M9/02497-826283918.png'); }
.img-FZ-61 { background-image: url('https://i.ibb.co/7xWg3qZx/02496-2650029679.png'); }
.img-FZ-62 { background-image: url('https://i.ibb.co/FS7XTpy/02492-2147073447.png'); }
.img-FZ-63 { background-image: url('https://i.ibb.co/JWPVKc76/02491-1287196231.png'); }
.img-FZ-64 { background-image: url('https://i.ibb.co/153STDH/02483-156540817.png'); }
.img-FZ-65 { background-image: url('https://i.ibb.co/215S4nFK/02474-2790330076.png'); }
.img-FZ-66 { background-image: url('https://i.ibb.co/PkpndMN/02470-571406119.png'); }
.img-FZ-67 { background-image: url('https://i.ibb.co/MDNnbdQ1/02465-1825256978.png'); }
.img-FZ-68 { background-image: url('https://i.ibb.co/6QJcjFY/02465-1736926322.png'); }
.img-FZ-69 { background-image: url('https://i.ibb.co/G35Y9Gdv/02460-2215663122.png'); }
.img-FZ-70 { background-image: url('https://i.ibb.co/tpRXTNRH/02457-1603520715.png'); }
.img-FZ-71 { background-image: url('https://i.ibb.co/6cwH1712/02456-1697122292.png'); }
.img-FZ-72 { background-image: url('https://i.ibb.co/chyPnGD2/02455-4032261480.png'); }
.img-FZ-73 { background-image: url('https://i.ibb.co/MyjTpmbj/02450-3735431861.png'); }
.img-FZ-74 { background-image: url('https://i.ibb.co/tp2kq6fZ/02444-993075595.png'); }
.img-FZ-75 { background-image: url('https://i.ibb.co/93hsDCDt/02440-3354842978.png'); }
.img-FZ-76 { background-image: url('https://i.ibb.co/cpB5LMd/02412-1164821751.png'); }
.img-FZ-77 { background-image: url('https://i.ibb.co/nNs7d8xQ/02405-4227739939.png'); }
.img-FZ-78 { background-image: url('https://i.ibb.co/4ZPF6RHF/02404-4078133911.png'); }
.img-FZ-79 { background-image: url('https://i.ibb.co/8ggqKxKv/02399-2065936328.png'); }
.img-FZ-80 { background-image: url('https://i.ibb.co/YBSmBd3G/02393-495873159.png'); }
.img-FZ-81 { background-image: url('https://i.ibb.co/7NYn0Q10/02383-1732591487.png'); }
.img-FZ-82 { background-image: url('https://i.ibb.co/nqTHsmrR/02379-2467891877.png'); }
.img-FZ-83 { background-image: url('https://i.ibb.co/BV7HwR9k/02379-90403502.png'); }
.img-FZ-84 { background-image: url('https://i.ibb.co/QvYFYZKP/02375-993214840.png'); }
.img-FZ-85 { background-image: url('https://i.ibb.co/DfgW7yV5/01525-1015017338.png'); }
.img-FZ-86 { background-image: url('https://i.ibb.co/2YmrqKtR/01500-3258935523.png'); }
.img-FZ-87 { background-image: url('https://i.ibb.co/fYbS551D/01498-1185557672.png'); }
.img-FZ-88 { background-image: url('https://i.ibb.co/27KyGVNd/01493-3231916409.png'); }
.img-FZ-89 { background-image: url('https://i.ibb.co/1YB9Y0vh/01466-993075595.png'); }
.img-FZ-90 { background-image: url('https://i.ibb.co/4nySXgC2/01465-3641329698.png'); }
.img-FZ-91 { background-image: url('https://i.ibb.co/fGQN5BKT/00148-1667475863.png'); }
.img-FZ-92 { background-image: url('https://i.ibb.co/qM83nJTG/00003-780883125.png'); }
.img-FZ-93 { background-image: url('https://i.ibb.co/9mdPzfMz/02873-1912482391.png'); }
.img-FZ-94 { background-image: url('https://i.ibb.co/2YsVGq87/02860-2253753524.png'); }
.img-FZ-95 { background-image: url('https://i.ibb.co/TBmPLqf1/02851-1368028403.png'); }
.img-FZ-96 { background-image: url('https://i.ibb.co/7JfHJpK5/02832-50659606.png'); }
.img-FZ-97 { background-image: url('https://i.ibb.co/bjLVTy6F/02805-1841121403.png'); }
.img-FZ-98 { background-image: url('https://i.ibb.co/dJxWGLFP/02796-2857388694.png'); }
.img-FZ-99 { background-image: url('https://i.ibb.co/XfpdQTJn/02788-1268503281.png'); }
.img-FZ-100 { background-image: url('https://i.ibb.co/Lzt8S1DT/02766-2850290831.png'); }
.img-FZ-101 { background-image: url('https://i.ibb.co/ns6db3N4/02775-1243305210.png'); }

.img-BG-01 { background-image: url('https://i.ibb.co/hxN1xyzN/00159-2841287118.png'); }
.img-BG-02 { background-image: url('https://i.ibb.co/0j2N6SJF/00183-685648690.png'); }
.img-BG-03 { background-image: url('https://i.ibb.co/hJtfgY1v/00186-3036648219.png'); }
.img-BG-04 { background-image: url('https://i.ibb.co/HDgCjWBW/00194-1990880615.png'); }
.img-BG-05 { background-image: url('https://i.ibb.co/s9T05WJt/00196-278621466.png'); }
.img-BG-06 { background-image: url('https://i.ibb.co/V0sPwwhF/00200-224230466.png'); }
.img-BG-07 { background-image: url('https://i.ibb.co/N2gvDQjH/00208-1102824071.png'); }
.img-BG-08 { background-image: url('https://i.ibb.co/0R04JDt2/00211-1421555633.png'); }
.img-BG-09 { background-image: url('https://i.ibb.co/BVPqJbzh/00213-3819091746.png'); }
.img-BG-10 { background-image: url('https://i.ibb.co/XfKRX60H/00215-635910013.png'); }
.img-BG-11 { background-image: url('https://i.ibb.co/h1fR3cY9/00218-2512955375.png'); }
.img-BG-12 { background-image: url('https://i.ibb.co/G488x7Wh/00220-2759525520.png'); }
.img-BG-13 { background-image: url('https://i.ibb.co/Rk4qmYNT/00222-3390639245.png'); }
.img-BG-14 { background-image: url('https://i.ibb.co/7tMMZ6Sx/00224-2819759369.png'); }
.img-BG-15 { background-image: url('https://i.ibb.co/ymWpQ561/00229-1434197200.png'); }
.img-BG-16 { background-image: url('https://i.ibb.co/pvwrN1b4/00232-3990813138.png'); }
.img-BG-17 { background-image: url('https://i.ibb.co/Zp9ytvm3/00234-1497090759.png'); }
.img-BG-18 { background-image: url('https://i.ibb.co/0R21hpr1/00237-192855834.png'); }
.img-BG-19 { background-image: url('https://i.ibb.co/yrdQRS4/00240-3951531363.png'); }
.img-BG-20 { background-image: url('https://i.ibb.co/2r7zKjc/00242-3336302545.png'); }
.img-BG-21 { background-image: url('https://i.ibb.co/tM1Yt3dh/00244-882971632.png'); }
.img-BG-22 { background-image: url('https://i.ibb.co/vCmQBsxb/00257-212965856.png'); }
.img-BG-23 { background-image: url('https://i.ibb.co/bjKpSk7P/00260-4278280981.png'); }
.img-BG-24 { background-image: url('https://i.ibb.co/S4R5nPRj/00265-2757356428.png'); }
.img-BG-25 { background-image: url('https://i.ibb.co/mrGfpBH9/00271-3687392389.png'); }
.img-BG-26 { background-image: url('https://i.ibb.co/1t8jsTNv/00280-2845925776.png'); }
.img-BG-27 { background-image: url('https://i.ibb.co/JWzv1067/00282-354480871.png'); }
.img-BG-28 { background-image: url('https://i.ibb.co/qMfqrBdT/00288-3728133806.png'); }
.img-BG-29 { background-image: url('https://i.ibb.co/m5ShSwxf/00290-3103403312.png'); }
.img-BG-30 { background-image: url('https://i.ibb.co/RGdDctCn/00292-4246732580.png'); }
.img-BG-31 { background-image: url('https://i.ibb.co/chFcLbHv/00294-226748304.png'); }
.img-BG-32 { background-image: url('https://i.ibb.co/d4xs1R7J/00296-1012130774.png'); }
.img-BG-33 { background-image: url('https://i.ibb.co/DPDWZR6D/00298-1704761403.png'); }
.img-BG-34 { background-image: url('https://i.ibb.co/CprPtx6x/00300-317076808.png'); }
.img-BG-35 { background-image: url('https://i.ibb.co/PzWyB8Gg/00302-5172975.png'); }
.img-BG-36 { background-image: url('https://i.ibb.co/GvSkBYjX/300302-5172975.png'); }
.img-BG-37 { background-image: url('https://i.ibb.co/v41YyGmM/112.png'); }
.img-BG-38 { background-image: url('https://i.ibb.co/j9kZw9Z0/00306-1608800646.png'); }
.img-BG-39 { background-image: url('https://i.ibb.co/QvNgZZ9K/00320-2202866083.png'); }
.img-BG-40 { background-image: url('https://i.ibb.co/fd5Q4s4k/22e77617c28a2c822d8c5a6b0a508306.png'); }
.img-BG-41 { background-image: url('https://i.ibb.co/4ZTyQFm5/00355-1536698140.png'); }
.img-BG-42 { background-image: url('https://i.ibb.co/bj9VN5Gv/00351-4026997014.png'); }

.img-XA-01 { background-image: url('https://i.ibb.co/9m07s8rx/1.png'); }
.img-XA-02 { background-image: url('https://i.ibb.co/BV5FmZ6y/2.png'); }
.img-XA-03 { background-image: url('https://i.ibb.co/pBxsXkQY/1.png'); }
.img-XA-04 { background-image: url('https://i.ibb.co/prjhTjZ4/2.png'); }
.img-XA-05 { background-image: url('https://i.ibb.co/CszKWxN5/1.png'); }
.img-XA-06 { background-image: url('https://i.ibb.co/676x2Gff/2.png'); }
.img-XA-07 { background-image: url('https://i.ibb.co/sZJv3Dg/2.png'); }
.img-XA-08 { background-image: url('https://i.ibb.co/0VXSVFqF/1.png'); }
.img-XA-09 { background-image: url('https://i.ibb.co/GfHgWLsf/1.png'); }
.img-XA-10 { background-image: url('https://i.ibb.co/PZpPRsNs/2.png'); }
.img-XA-11 { background-image: url('https://i.ibb.co/whm8xYsC/1.png'); }
.img-XA-12 { background-image: url('https://i.ibb.co/vxcq894p/2.png'); }
.img-XA-13 { background-image: url('https://i.ibb.co/7J2vNtST/image.png'); }
.img-XA-14 { background-image: url('https://i.ibb.co/1fnP8MJR/1.png'); }
.img-XA-15 { background-image: url('https://i.ibb.co/BVSM4rJB/2.png'); }
.img-XA-16 { background-image: url('https://i.ibb.co/NQLbTJC/1.png'); }
.img-XA-17 { background-image: url('https://i.ibb.co/V0HR5KXg/2.png'); }
.img-XA-18 { background-image: url('https://i.ibb.co/8Lkd4x83/1.png'); }
.img-XA-19 { background-image: url('https://i.ibb.co/7xfhFJZ0/2.png'); }
.img-XA-20 { background-image: url('https://i.ibb.co/pBdmTCGS/1.png'); }
.img-XA-21 { background-image: url('https://i.ibb.co/8DHWVSjf/1.png'); }
.img-XA-22 { background-image: url('https://i.ibb.co/M55VsH29/2.png'); }
.img-XA-23 { background-image: url('https://i.ibb.co/bRjkNHNX/2.png'); }
.img-XA-24 { background-image: url('https://i.ibb.co/35WQtKF5/1.png'); }
.img-XA-25 { background-image: url('https://i.ibb.co/dJVmvncN/2.png'); }
.img-XA-26 { background-image: url('https://i.ibb.co/wFTdSVks/1.png'); }
.img-XA-27 { background-image: url('https://i.ibb.co/0jRr0n0k/2.png'); }
.img-XA-28 { background-image: url('https://i.ibb.co/0ycTh9mr/1.png'); }
.img-XA-29 { background-image: url('https://i.ibb.co/WW2nTW0Q/2.png'); }
.img-XA-30 { background-image: url('https://i.ibb.co/TxzBTSj2/3.png'); }
.img-XA-31 { background-image: url('https://i.ibb.co/ynjvP5jD/4.png'); }
.img-XA-32 { background-image: url('https://i.ibb.co/4wY0gfVt/1.png'); }
.img-XA-33 { background-image: url('https://i.ibb.co/pBvvXxBf/2.png'); }
.img-XA-34 { background-image: url('https://i.ibb.co/3YvgGk66/1.png'); }
.img-XA-35 { background-image: url('https://i.ibb.co/B5fz63FZ/2.png'); }
.img-XA-36 { background-image: url('https://i.ibb.co/r2Ty70MW/1.png'); }
.img-XA-37 { background-image: url('https://i.ibb.co/QvYy443N/2.png'); }
.img-XA-38 { background-image: url('https://i.ibb.co/nMNpkc1q/1.png'); }
.img-XA-39 { background-image: url('https://i.ibb.co/8nHYSGgL/2.png'); }
.img-XA-40 { background-image: url('https://i.ibb.co/0pxcX2Hr/1.png'); }
.img-XA-41 { background-image: url('https://i.ibb.co/xSqXCXJ6/2.png'); }
.img-XA-42 { background-image: url('https://i.ibb.co/jPdYznZT/1.png'); }
.img-XA-43 { background-image: url('https://i.ibb.co/gZDyBLv0/2.png'); }
.img-XA-44 { background-image: url('https://i.ibb.co/jktTmkGT/1.png'); }
.img-XA-45 { background-image: url('https://i.ibb.co/6R867LM9/2.png'); }
.img-XA-46 { background-image: url('https://i.ibb.co/Xrm63HgM/1.png'); }
.img-XA-47 { background-image: url('https://i.ibb.co/YBt9CqZs/2.png'); }
.img-XA-48 { background-image: url('https://i.ibb.co/21M5mcBJ/1.png'); }
.img-XA-49 { background-image: url('https://i.ibb.co/0VCJS49W/2.png'); }
.img-XA-50 { background-image: url('https://i.ibb.co/3mCkgzkM/1.png'); }
.img-XA-51 { background-image: url('https://i.ibb.co/d4gjF83g/2.png'); }
.img-XA-52 { background-image: url('https://i.ibb.co/cz5DghX/1.png'); }
.img-XA-53 { background-image: url('https://i.ibb.co/kgcxH5Tf/2.png'); }
.img-XA-54 { background-image: url('https://i.ibb.co/tTh2zHXk/1.png'); }
.img-XA-55 { background-image: url('https://i.ibb.co/fzK1Xr1F/2.png'); }
.img-XA-56 { background-image: url('https://i.ibb.co/JjXf2s30/1.png'); }
.img-XA-57 { background-image: url('https://i.ibb.co/PG8cKPLX/2.png'); }
.img-XA-58 { background-image: url('https://i.ibb.co/4RXhrSn8/1.png'); }
.img-XA-59 { background-image: url('https://i.ibb.co/5g7hyJPY/2.png'); }
.img-XA-60 { background-image: url('https://i.ibb.co/kVjhTCny/3.png'); }
.img-XA-61 { background-image: url('https://i.ibb.co/CpHndghk/4.png'); }
.img-XA-62 { background-image: url('https://i.ibb.co/gMJcQy74/5.png'); }
.img-XA-63 { background-image: url('https://i.ibb.co/60VfXrSG/1.png'); }
.img-XA-64 { background-image: url('https://i.ibb.co/JWmrGj2Z/2.png'); }
.img-XA-65 { background-image: url('https://i.ibb.co/j9Mzj616/3.png'); }
.img-XA-66 { background-image: url('https://i.ibb.co/ycpbBsF3/1.png'); }
.img-XA-67 { background-image: url('https://i.ibb.co/5XygmfYZ/2.png'); }
.img-XA-68 { background-image: url('https://i.ibb.co/KxCYp4vx/1.png'); }
.img-XA-69 { background-image: url('https://i.ibb.co/ZR6Czx3g/2.png'); }
.img-XA-70 { background-image: url('https://i.ibb.co/Vpw7M4vB/image.png'); }
.img-XA-71 { background-image: url('https://i.ibb.co/3mS5ZFnH/1.png'); }
.img-XA-72 { background-image: url('https://i.ibb.co/cSBYPKgY/2.png'); }
.img-XA-73 { background-image: url('https://i.ibb.co/Kp68Wtjb/1.png'); }
.img-XA-74 { background-image: url('https://i.ibb.co/k6rCcBG1/2.png'); }
.img-XA-75 { background-image: url('https://i.ibb.co/60zj5mwh/image.png'); }
.img-XA-76 { background-image: url('https://i.ibb.co/YTwq6Fgd/image.png'); }
.img-XA-77 { background-image: url('https://i.ibb.co/p8L88Wb/1.png'); }
.img-XA-78 { background-image: url('https://i.ibb.co/gMRjNBY3/2.png'); }
.img-XA-79 { background-image: url('https://i.ibb.co/k24Tcj7w/1.png'); }
.img-XA-80 { background-image: url('https://i.ibb.co/m54snLZM/2.png'); }
.img-XA-81 { background-image: url('https://i.ibb.co/4h5szCT/1.png'); }
.img-XA-82 { background-image: url('https://i.ibb.co/DHvT81d4/2.png'); }
.img-XA-83 { background-image: url('https://i.ibb.co/1JrTQV4w/1.png'); }
.img-XA-84 { background-image: url('https://i.ibb.co/JRSrr0WR/2.png'); }
.img-XA-85 { background-image: url('https://i.ibb.co/hJjh3TgF/1.png'); }
.img-XA-86 { background-image: url('https://i.ibb.co/tprcV3Ln/2.png'); }
.img-XA-87 { background-image: url('https://i.ibb.co/ynvTg14B/1.png'); }
.img-XA-88 { background-image: url('https://i.ibb.co/YBk74JT7/2.png'); }
.img-XA-89 { background-image: url('https://i.ibb.co/spRxf6fL/3.png'); }
.img-XA-90 { background-image: url('https://i.ibb.co/LX1S2SFY/4.png'); }
.img-XA-91 { background-image: url('https://i.ibb.co/JRmB4tXg/6.png'); }
.img-XA-92 { background-image: url('https://i.ibb.co/MxLZJLb8/5.png'); }
.img-XA-93 { background-image: url('https://i.ibb.co/5W4npv8V/7.png'); }
.img-XA-94 { background-image: url('https://i.ibb.co/Kj4wqysg/8.png'); }
.img-XA-95 { background-image: url('https://i.ibb.co/93TBdjNW/1.png'); }
.img-XA-96 { background-image: url('https://i.ibb.co/3mV4gmQq/2.png'); }
.img-XA-97 { background-image: url('https://i.ibb.co/4n9CDYY5/1.png'); }
.img-XA-98 { background-image: url('https://i.ibb.co/3YT0QTK6/2.png'); }
.img-XA-99 { background-image: url('https://i.ibb.co/YB49yZZ9/1.png'); }
.img-XA-100 { background-image: url('https://i.ibb.co/7xZ8JTZx/2.png'); }
.img-XA-101 { background-image: url('https://i.ibb.co/7xZf7GFp/1.png'); }
.img-XA-102 { background-image: url('https://i.ibb.co/rRVXtzZk/2.png'); }
.img-XA-103 { background-image: url('https://i.ibb.co/3yVQ5KYK/1.png'); }
.img-XA-104 { background-image: url('https://i.ibb.co/1JKzcftL/2.png'); }
.img-XA-105 { background-image: url('https://i.ibb.co/21jG0nQ9/1.png'); }
.img-XA-106 { background-image: url('https://i.ibb.co/zVp4mVKh/2.png'); }
.img-XA-107 { background-image: url('https://i.ibb.co/fGHFF6Wx/1.png'); }
.img-XA-108 { background-image: url('https://i.ibb.co/q3zJHFgG/2.png'); }
.img-XA-109 { background-image: url('https://i.ibb.co/5gb8ccJF/1.png'); }
.img-XA-110 { background-image: url('https://i.ibb.co/zWhQDpJm/2.png'); }
.img-XA-111 { background-image: url('https://i.ibb.co/jZkVs6DX/1.png'); }
.img-XA-112 { background-image: url('https://i.ibb.co/Zp9gfdt9/2.png'); }
.img-XA-113 { background-image: url('https://i.ibb.co/trFFfnn/1.png'); }
.img-XA-114 { background-image: url('https://i.ibb.co/N2ZNkDjx/2.png'); }
.img-XA-115 { background-image: url('https://i.ibb.co/zhhL53VF/1.png'); }
.img-XA-116 { background-image: url('https://i.ibb.co/h1wfxcMn/2.png'); }
.img-XA-117 { background-image: url('https://i.ibb.co/2BmFTkH/1.png'); }
.img-XA-118 { background-image: url('https://i.ibb.co/fGDyZsVP/2.png'); }
.img-XA-119 { background-image: url('https://i.ibb.co/LDGY59RV/1.png'); }
.img-XA-120 { background-image: url('https://i.ibb.co/3mddV6Gv/2.png'); }
.img-XA-121 { background-image: url('https://i.ibb.co/ks6TcNkX/1.png'); }
.img-XA-122 { background-image: url('https://i.ibb.co/nsm7jh4H/2.png'); }
.img-XA-123 { background-image: url('https://i.ibb.co/ynZYrX33/1.png'); }
.img-XA-124 { background-image: url('https://i.ibb.co/pNTkBf7/2.png'); }
.img-XA-125 { background-image: url('https://i.ibb.co/Mxbf04rq/1.png'); }
.img-XA-126 { background-image: url('https://i.ibb.co/8L1j0m3m/2.png'); }
.img-XA-127 { background-image: url('https://i.ibb.co/0Rtfvqh8/1.png'); }
.img-XA-128 { background-image: url('https://i.ibb.co/wFC6Hyk0/2.png'); }
.img-XA-129 { background-image: url('https://i.ibb.co/Z1tXht7m/1.png'); }
.img-XA-130 { background-image: url('https://i.ibb.co/TBn5JhNc/2.png'); }
.img-XA-131 { background-image: url('https://i.ibb.co/FLxD54Gc/3.png'); }
.img-XA-132 { background-image: url('https://i.ibb.co/yndzqrm9/image.png'); }
.img-XA-133 { background-image: url('https://i.ibb.co/zhPnqL1R/image.png'); }
.img-XA-134 { background-image: url('https://i.ibb.co/9khNM0Y4/image.png'); }
.img-XA-135 { background-image: url('https://i.ibb.co/XkJVTV1H/1.png'); }
.img-XA-136 { background-image: url('https://i.ibb.co/SXkMgSxN/2.png'); }
.img-XA-137 { background-image: url('https://i.ibb.co/qLmy7290/3.png'); }
.img-XA-138 { background-image: url('https://i.ibb.co/RGkG1sCT/image.png'); }
.img-XA-139 { background-image: url('https://i.ibb.co/39HBrgN9/image.png'); }
.img-XA-140 { background-image: url('https://i.ibb.co/wFq5GCks/1.png'); }
.img-XA-141 { background-image: url('https://i.ibb.co/fGQKh9Tw/2.png'); }
.img-XA-142 { background-image: url('https://i.ibb.co/zTfsbXKH/1.png'); }
.img-XA-143 { background-image: url('https://i.ibb.co/LX21sDMw/2.png'); }
.img-XA-144 { background-image: url('https://i.ibb.co/k6PKBQMR/1.png'); }
.img-XA-145 { background-image: url('https://i.ibb.co/VYtmyQbL/1.png'); }
.img-XA-146 { background-image: url('https://i.ibb.co/Zz1h6Bqt/2.png'); }
.img-XA-147 { background-image: url('https://i.ibb.co/5g9zm1D9/2.png'); }
.img-XA-148 { background-image: url('https://i.ibb.co/MDq378Xp/2.png'); }
.img-XA-149 { background-image: url('https://i.ibb.co/qY1Yp7JQ/1.png'); }
.img-XA-150 { background-image: url('https://i.ibb.co/DTsGDf3/2.png'); }
.img-XA-151 { background-image: url('https://i.ibb.co/s9mLQL09/1.png'); }
.img-XA-152 { background-image: url('https://i.ibb.co/YmPJknV/1.png'); }
.img-XA-153 { background-image: url('https://i.ibb.co/209kjJR2/2.png'); }

/* ==========================================
   新增模块 1：男主信息栏
   ========================================== */
.relink-scope .rs-player-info{
  margin-bottom:18px;padding:16px 20px;
  background:linear-gradient(135deg,rgba(240,248,255,0.95),rgba(230,240,250,0.9));
  border:1px solid rgba(100,149,237,0.3);border-radius:var(--rs-radius);
  box-shadow:0 8px 20px rgba(100,149,237,0.15);
}
.relink-scope .rs-player-header{
  font-size:15px;font-weight:700;color:#4169e1;margin-bottom:12px;
  padding-bottom:8px;border-bottom:2px solid rgba(100,149,237,0.3);
  letter-spacing:1px;
}
.relink-scope .rs-player-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px;
}
.relink-scope .rs-player-item{
  padding:10px 12px;
  background:rgba(255,255,255,0.8);
  border:1px solid rgba(100,149,237,0.2);border-radius:10px;
}
.relink-scope .rs-player-item-full{
  grid-column:1 / -1;
}
.relink-scope .rs-player-label{
  font-size:12px;color:#6495ed;font-weight:600;margin-bottom:4px;
}
.relink-scope .rs-player-value{
  font-size:14px;color:var(--rs-text);font-weight:700;
}
.relink-scope .rs-player-inventory{
  font-size:13px;color:var(--rs-text);line-height:1.6;
}

/* ==========================================
   新增模块 3：世界书触发词记录栏
   ========================================== */
.relink-scope .rs-worldbook-tracker{
  margin-bottom:18px;padding:16px 20px;
  background:linear-gradient(135deg,rgba(255,250,240,0.95),rgba(255,243,224,0.9));
  border:1px solid rgba(218,165,32,0.3);border-radius:var(--rs-radius);
  box-shadow:0 8px 20px rgba(218,165,32,0.15);
}
.relink-scope .rs-wb-header{
  font-size:15px;font-weight:700;color:#daa520;margin-bottom:12px;
  padding-bottom:8px;border-bottom:2px solid rgba(218,165,32,0.3);
  letter-spacing:1px;
}
.relink-scope .rs-wb-list{
  display:flex;flex-direction:column;gap:8px;
}
.relink-scope .rs-wb-item{
  padding:8px 12px;
  background:rgba(255,255,255,0.7);
  border:1px solid rgba(218,165,32,0.2);border-radius:10px;
  font-size:13px;color:var(--rs-text);
  display:flex;align-items:center;gap:8px;
}
.relink-scope .rs-wb-item span{
  font-weight:600;color:#b8860b;
}

/* ==========================================
   新增模块 2：iPhone锁屏通知界面
   ========================================== */
.relink-scope .rs-iphone-mock{
  /* 尺寸优化：几乎铺满聊天窗口 */
  width:min(95%, 480px);
  max-width:480px;
  aspect-ratio:9 / 19.5;
  margin:0 auto 20px;
  position:relative;
  
  /* 黑色外壳 */
  background:#1a1a1a;
  border-radius:48px;
  padding:16px;
  
  /* 外壳阴影与高光 */
  box-shadow:
    0 28px 80px rgba(0,0,0,0.6),
    inset 0 0 0 2px rgba(255,255,255,0.08),
    inset 0 1px 0 rgba(255,255,255,0.15);
}

/* 刘海（灵动岛样式） */
.relink-scope .rs-iphone-notch{
  position:absolute;
  top:0;left:50%;transform:translateX(-50%);
  width:180px;height:36px;
  background:#000;
  border-radius:0 0 22px 22px;
  z-index:10;
  box-shadow:0 2px 8px rgba(0,0,0,0.3);
}

/* 屏幕容器 */
.relink-scope .rs-iphone-screen{
  width:100%;
  height:100%;
  
  /* 背景图：自适应覆盖 */
  background:
    linear-gradient(180deg, rgba(10,10,15,0.4), rgba(10,10,15,0.6)),
    url('https://i.ibb.co/4nySXgC2/01465-3641329698.png');
  background-size:cover;
  background-position:center;
  
  border-radius:36px;
  overflow:hidden;
  padding:52px 20px 32px;
  
  display:flex;
  flex-direction:column;
  position:relative;
}

/* 锁屏顶部时间显示 */
.relink-scope .rs-lockscreen-time{
  text-align:center;
  color:#fff;
  margin-bottom:8px;
}

.relink-scope .rs-lockscreen-hour{
  font-size:72px;
  font-weight:300;
  line-height:1;
  letter-spacing:-2px;
  text-shadow:0 3px 12px rgba(0,0,0,0.6);
}

.relink-scope .rs-lockscreen-date{
  font-size:16px;
  font-weight:500;
  color:rgba(255,255,255,0.85);
  margin-top:4px;
  text-shadow:0 2px 6px rgba(0,0,0,0.5);
}

/* 通知卡片容器 */
.relink-scope .rs-notifications{
  flex:1;
  padding-top:28px;
  display:flex;
  flex-direction:column;
  gap:12px;
  overflow-y:auto;
  overflow-x:hidden;
}

.relink-scope .rs-notifications::-webkit-scrollbar{
  width:4px;
}

.relink-scope .rs-notifications::-webkit-scrollbar-track{
  background:transparent;
}

.relink-scope .rs-notifications::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,0.2);
  border-radius:2px;
}

/* 单个通知卡片 */
.relink-scope .rs-notification-card{
  background:rgba(30,30,35,0.75);
  backdrop-filter:blur(28px) saturate(150%);
  -webkit-backdrop-filter:blur(28px) saturate(150%);
  
  border-radius:18px;
  border:1px solid rgba(255,255,255,0.12);
  
  padding:14px 16px;
  
  box-shadow:
    0 8px 24px rgba(0,0,0,0.4),
    inset 0 1px 0 rgba(255,255,255,0.08);
  
  transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor:pointer;
}

.relink-scope .rs-notification-card:hover{
  background:rgba(40,40,48,0.85);
  transform:scale(1.02);
  box-shadow:
    0 12px 32px rgba(0,0,0,0.5),
    inset 0 1px 0 rgba(255,255,255,0.15);
}

.relink-scope .rs-notification-card:active{
  transform:scale(0.98);
}

/* 通知头部（图标+应用名+时间） */
.relink-scope .rs-notif-header{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}

.relink-scope .rs-notif-icon{
  width:26px;
  height:26px;
  border-radius:6px;
  background:linear-gradient(135deg, rgba(255,255,255,0.15), rgba(255,255,255,0.05));
  border:1px solid rgba(255,255,255,0.2);
  
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:15px;
  
  box-shadow:0 2px 6px rgba(0,0,0,0.3);
  flex-shrink:0;
}

.relink-scope .rs-notif-app{
  flex:1;
  font-size:13px;
  font-weight:600;
  color:rgba(255,255,255,0.9);
  text-shadow:0 1px 3px rgba(0,0,0,0.5);
}

.relink-scope .rs-notif-time{
  font-size:12px;
  color:rgba(255,255,255,0.5);
  font-weight:500;
}

/* 通知内容区 */
.relink-scope .rs-notif-content{
  padding-left:36px;
}

.relink-scope .rs-notif-title{
  font-size:14px;
  font-weight:600;
  color:#fff;
  margin-bottom:4px;
  text-shadow:0 1px 2px rgba(0,0,0,0.4);
}

.relink-scope .rs-notif-body{
  font-size:13px;
  line-height:1.5;
  color:rgba(255,255,255,0.75);
  text-shadow:0 1px 2px rgba(0,0,0,0.3);
}

/* 特殊样式：消息通知（带头像） */
.relink-scope .rs-notification-card.rs-notif-message .rs-notif-icon{
  border-radius:50%;
  background:linear-gradient(135deg, #667eea, #764ba2);
  border-color:rgba(255,255,255,0.3);
  font-size:13px;
}

/* 特殊样式：广告通知（带渐变边框） */
.relink-scope .rs-notification-card.rs-notif-ad{
  border:1px solid transparent;
  background:
    linear-gradient(rgba(30,30,35,0.75), rgba(30,30,35,0.75)) padding-box,
    linear-gradient(135deg, #f093fb, #f5576c) border-box;
}

.relink-scope .rs-notification-card.rs-notif-ad .rs-notif-icon{
  background:linear-gradient(135deg, #f5576c, #f093fb);
}

/* 特殊样式：促销通知（金色边框） */
.relink-scope .rs-notification-card.rs-notif-sale{
  border:1px solid transparent;
  background:
    linear-gradient(rgba(30,30,35,0.75), rgba(30,30,35,0.75)) padding-box,
    linear-gradient(135deg, #ffd89b, #19547b) border-box;
}

.relink-scope .rs-notification-card.rs-notif-sale .rs-notif-icon{
  background:linear-gradient(135deg, #ffd89b, #f6b93b);
}

/* 底部滑动提示 */
.relink-scope .rs-lockscreen-hint{
  text-align:center;
  padding:16px 0 8px;
  color:rgba(255,255,255,0.5);
  font-size:13px;
  font-weight:500;
  text-shadow:0 1px 3px rgba(0,0,0,0.5);
  
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}

.relink-scope .rs-lockscreen-hint::before{
  content:'';
  width:36px;
  height:4px;
  background:rgba(255,255,255,0.3);
  border-radius:2px;
  box-shadow:0 1px 3px rgba(0,0,0,0.3);
}

/* ==========================================
   响应式：移动端适配
   ========================================== */
@media (max-width:768px){
  .relink-scope .rs-iphone-mock{
    width:min(96%, 380px);
    border-radius:40px;
    padding:14px;
  }
  
  .relink-scope .rs-iphone-notch{
    width:150px;
    height:30px;
  }
  
  .relink-scope .rs-iphone-screen{
    padding:46px 18px 28px;
    border-radius:30px;
  }
  
  .relink-scope .rs-lockscreen-hour{
    font-size:60px;
  }
  
  .relink-scope .rs-lockscreen-date{
    font-size:14px;
  }
  
  .relink-scope .rs-notification-card{
    padding:12px 14px;
  }
  
  .relink-scope .rs-notif-icon{
    width:24px;
    height:24px;
    font-size:14px;
  }
  
  .relink-scope .rs-notif-content{
    padding-left:34px;
  }
}

@media (max-width:480px){
  .relink-scope .rs-iphone-mock{
    width:min(98%, 320px);
  }
  
  .relink-scope .rs-lockscreen-hour{
    font-size:52px;
  }
  
  .relink-scope .rs-notifications{
    gap:10px;
  }
  
  .relink-scope .rs-notification-card{
    padding:10px 12px;
  }
  
  .relink-scope .rs-notif-title{
    font-size:13px;
  }
  
  .relink-scope .rs-notif-body{
    font-size:12px;
  }
}

/* ==========================================
   修复补丁：iPhone 右上角状态栏对齐 + 80%电量
   放在 CSS 最末尾
   ========================================== */

/* 让 iPhone 外壳成为状态栏图标的定位基准 */
.relink-scope .rs-iphone-mock {
  position: relative !important;
}

/* 让屏幕也保持相对定位 */
.relink-scope .rs-iphone-screen {
  position: relative !important;
}

/* 禁用原本飞出去的 fixed 电池图标 */
.relink-scope .rs-iphone-notch::before,
.relink-scope .rs-iphone-notch::after,
.relink-scope .rs-lockscreen-hint::after {
  content: none !important;
  display: none !important;
}

/* 信号图标：放回屏幕右上角，并与电量百分比、电池水平对齐 */
.relink-scope .rs-iphone-screen::before {
  content: '' !important;
  position: absolute !important;

  top: 17px !important;
  right: 90px !important;

  width: 20px !important;
  height: 11px !important;
  z-index: 20 !important;
  pointer-events: none !important;

  background:
    linear-gradient(to top, rgba(255,255,255,0.92) 100%, transparent 0)
      0px bottom / 3px 5px no-repeat,
    linear-gradient(to top, rgba(255,255,255,0.92) 100%, transparent 0)
      5px bottom / 3px 7px no-repeat,
    linear-gradient(to top, rgba(255,255,255,0.92) 100%, transparent 0)
      10px bottom / 3px 9px no-repeat,
    linear-gradient(to top, rgba(255,255,255,0.92) 100%, transparent 0)
      15px bottom / 3px 11px no-repeat !important;

  filter: drop-shadow(0 1px 3px rgba(0,0,0,0.6)) !important;
}

/* 电量百分比：和信号、电池同一水平线 */
.relink-scope .rs-iphone-screen::after {
  content: '80%' !important;
  position: absolute !important;

  top: 17px !important;
  right: 20px !important;

  height: 11px !important;
  line-height: 11px !important;

  font-size: 12px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.92) !important;

  text-shadow: 0 1px 2px rgba(0,0,0,0.6) !important;
  z-index: 20 !important;
  pointer-events: none !important;
}

/* 电池主体：使用 rs-iphone-mock 的伪元素，避免 fixed 飞出 */
.relink-scope .rs-iphone-mock::before {
  content: '' !important;
  position: absolute !important;

  /*
    外壳有 padding，所以这里的 top/right 是相对外壳定位。
    16px 外壳 padding + 屏幕内 17px 状态栏高度 ≈ 33px
  */
  top: 33px !important;
  right: 68px !important;

  width: 26px !important;
  height: 11px !important;

  box-sizing: border-box !important;
  padding: 2px !important;

  border: 1.5px solid rgba(255,255,255,0.92) !important;
  border-radius: 3px !important;

  /*
    content-box 内部绿色填充模拟 80% 电量
  */
  background:
    linear-gradient(
      90deg,
      #4ade80 0%,
      #22c55e 80%,
      transparent 80%,
      transparent 100%
    ) content-box,
    rgba(0,0,0,0.35) padding-box !important;

  box-shadow:
    0 1px 3px rgba(0,0,0,0.6),
    inset 0 0 2px rgba(255,255,255,0.25) !important;

  z-index: 30 !important;
  pointer-events: none !important;
}

/* 电池正极小凸起 */
.relink-scope .rs-iphone-mock::after {
  content: '' !important;
  position: absolute !important;

  top: 35.5px !important;
  right: 65px !important;

  width: 2.5px !important;
  height: 6px !important;

  background: rgba(255,255,255,0.92) !important;
  border-radius: 0 1px 1px 0 !important;

  box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;

  z-index: 30 !important;
  pointer-events: none !important;
}

/* ==========================================
   平板端适配
   ========================================== */
@media (max-width: 768px) {
  .relink-scope .rs-iphone-screen::before {
    top: 15px !important;
    right: 82px !important;

    width: 18px !important;
    height: 10px !important;

    background:
      linear-gradient(to top, rgba(255,255,255,0.92) 100%, transparent 0)
        0px bottom / 2.5px 4px no-repeat,
      linear-gradient(to top, rgba(255,255,255,0.92) 100%, transparent 0)
        5px bottom / 2.5px 6px no-repeat,
      linear-gradient(to top, rgba(255,255,255,0.92) 100%, transparent 0)
        9px bottom / 2.5px 8px no-repeat,
      linear-gradient(to top, rgba(255,255,255,0.92) 100%, transparent 0)
        13px bottom / 2.5px 10px no-repeat !important;
  }

  .relink-scope .rs-iphone-screen::after {
    top: 15px !important;
    right: 18px !important;

    height: 10px !important;
    line-height: 10px !important;
    font-size: 11px !important;
  }

  .relink-scope .rs-iphone-mock::before {
    top: 29px !important;
    right: 62px !important;

    width: 24px !important;
    height: 10px !important;

    padding: 2px !important;
    border-width: 1.4px !important;
  }

  .relink-scope .rs-iphone-mock::after {
    top: 31.3px !important;
    right: 59px !important;

    width: 2px !important;
    height: 5.5px !important;
  }
}

/* ==========================================
   手机端适配
   ========================================== */
@media (max-width: 480px) {
  .relink-scope .rs-iphone-screen::before {
    top: 15px !important;
    right: 72px !important;

    width: 16px !important;
    height: 9px !important;

    background:
      linear-gradient(to top, rgba(255,255,255,0.92) 100%, transparent 0)
        0px bottom / 2px 4px no-repeat,
      linear-gradient(to top, rgba(255,255,255,0.92) 100%, transparent 0)
        4px bottom / 2px 5px no-repeat,
      linear-gradient(to top, rgba(255,255,255,0.92) 100%, transparent 0)
        8px bottom / 2px 7px no-repeat,
      linear-gradient(to top, rgba(255,255,255,0.92) 100%, transparent 0)
        12px bottom / 2px 9px no-repeat !important;
  }

  .relink-scope .rs-iphone-screen::after {
    top: 15px !important;
    right: 16px !important;

    height: 9px !important;
    line-height: 9px !important;
    font-size: 10px !important;
  }

  .relink-scope .rs-iphone-mock::before {
    top: 29px !important;
    right: 56px !important;

    width: 22px !important;
    height: 9px !important;

    padding: 1.8px !important;
    border-width: 1.2px !important;
    border-radius: 2.8px !important;
  }

  .relink-scope .rs-iphone-mock::after {
    top: 31px !important;
    right: 53px !important;

    width: 1.8px !important;
    height: 5px !important;
  }
}

/* ==========================================
   微调补丁：电池图标左移，统一三者间距
   放在 CSS 最末尾
   ========================================== */

/* 桌面 / 默认尺寸：电池整体左移 */
.relink-scope .rs-iphone-mock::before {
  right: 74px !important;
}

.relink-scope .rs-iphone-mock::after {
  right: 71px !important;
}

/* 平板端：同步左移 */
@media (max-width: 768px) {
  .relink-scope .rs-iphone-mock::before {
    right: 68px !important;
  }

  .relink-scope .rs-iphone-mock::after {
    right: 65px !important;
  }
}

/* 手机端：同步左移 */
@media (max-width: 480px) {
  .relink-scope .rs-iphone-mock::before {
    right: 62px !important;
  }

  .relink-scope .rs-iphone-mock::after {
    right: 59px !important;
  }
}

/* 手机屏幕内部可上下滑动：隐藏滚动条 + 移动端惯性滚动 */
.rs-iphone-screen {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-gutter: stable !important;
}

.rs-iphone-screen::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* 避免最后一条通知被底部提示挡住 */
.rs-notifications {
  padding-bottom: 56px !important;
}

/* 成人论坛图片附件：灰色独立外框 */
.rs-forum-attachment {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-top: 8px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.42) !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
}

/* 附件折叠标题：永远在图片上方，不被覆盖 */
.rs-attach-summary {
  position: relative !important;
  z-index: 2 !important;
  list-style: none !important;
  cursor: pointer !important;
  padding: 7px 9px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: rgba(45, 45, 50, 0.82) !important;
  background: rgba(255, 255, 255, 0.24) !important;
}

.rs-attach-summary::-webkit-details-marker {
  display: none !important;
}

.rs-attach-summary em {
  flex: 0 0 auto !important;
  font-style: normal !important;
  font-size: 11px !important;
  color: rgba(80, 80, 88, 0.58) !important;
}

/* 展开后的附件区域：负责给图片留边距 */
.rs-attach-body {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 8px 9px 9px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 5px !important;
}

/* 兼容旧的 .rs-attach-image 写法 */
.rs-attach-image {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  aspect-ratio: 3 / 4 !important;
  border-radius: 10px !important;
  background:
    linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.18)),
    url("your-image.jpg") center / cover no-repeat;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.16) !important;
}

/* 附件图片：适配 <div class="rs-avatar story-image img-FJ-{{编号}}"></div> */
.rs-forum-attachment .rs-avatar.story-image {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 3 / 4 !important;
  box-sizing: border-box !important;
  display: block !important;
  flex: none !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  transform: none !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.16) !important;
}

/* 覆盖头像原始样式，防止绝对定位、圆形头像、固定尺寸污染附件 */
.rs-forum-attachment .rs-avatar,
.rs-forum-attachment .story-image {
  position: relative !important;
  max-width: 100% !important;
  max-height: none !important;
  border-radius: 10px !important;
}

/* 附件说明文字：始终在图片下方 */
.rs-attach-meta {
  position: relative !important;
  z-index: 2 !important;
  margin-top: 0 !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  color: rgba(70, 70, 78, 0.56) !important;
}

/* 隐藏页面级滚动条 */
html,
body {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* 隐藏指定滚动容器滚动条 */
.rs-iphone-screen {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  -webkit-overflow-scrolling: touch !important;
}

.rs-iphone-screen::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* ==========================================
   最终补丁：iPhone 通知区隐藏滚动条 + 边缘渐隐
   放在整份 CSS 最末尾
   ========================================== */

/* 手机屏幕本体：允许滑动，但不显示滚动条、不预留滚动条槽位 */
.relink-scope .rs-iphone-screen {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-gutter: auto !important;
}

/* Chrome / Edge / Safari 隐藏屏幕滚动条 */
.relink-scope .rs-iphone-screen::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
}

/* 真正滚动的是通知列表：这里必须一起隐藏 */
.relink-scope .rs-notifications {
  flex: 1 !important;
  padding-top: 18px !important;
  padding-bottom: 74px !important;

  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;

  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  -webkit-overflow-scrolling: touch !important;

  /*
    核心：上下渐隐。
    18px 开始完全显示，底部 52px 前开始渐隐，
    这样通知卡片会更靠近屏幕边缘才消失。
  */
  mask-image: linear-gradient(
    to bottom,
    transparent 0px,
    rgba(0, 0, 0, 0.25) 8px,
    #000 18px,
    #000 calc(100% - 52px),
    rgba(0, 0, 0, 0.25) calc(100% - 24px),
    transparent 100%
  ) !important;

  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0px,
    rgba(0, 0, 0, 0.25) 8px,
    #000 18px,
    #000 calc(100% - 52px),
    rgba(0, 0, 0, 0.25) calc(100% - 24px),
    transparent 100%
  ) !important;
}

/* 强制干掉你前面写过的 4px 滚动条 */
.relink-scope .rs-notifications::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
}

.relink-scope .rs-notifications::-webkit-scrollbar-track {
  display: none !important;
  background: transparent !important;
}

.relink-scope .rs-notifications::-webkit-scrollbar-thumb {
  display: none !important;
  background: transparent !important;
}

/* 通知卡片靠近边缘时更自然：不再被硬切 */
.relink-scope .rs-notification-card {
  flex-shrink: 0 !important;
  will-change: transform, opacity !important;
}

/* 底部提示稍微贴底，让通知能滑到更外侧 */
.relink-scope .rs-lockscreen-hint {
  padding: 10px 0 4px !important;
  margin-top: 0 !important;
}

/* 小屏幕：渐隐范围稍微缩小，避免内容被吃太多 */
@media (max-width: 480px) {
  .relink-scope .rs-notifications {
    padding-top: 14px !important;
    padding-bottom: 64px !important;

    mask-image: linear-gradient(
      to bottom,
      transparent 0px,
      rgba(0, 0, 0, 0.3) 6px,
      #000 14px,
      #000 calc(100% - 44px),
      rgba(0, 0, 0, 0.3) calc(100% - 20px),
      transparent 100%
    ) !important;

    -webkit-mask-image: linear-gradient(
      to bottom,
      transparent 0px,
      rgba(0, 0, 0, 0.3) 6px,
      #000 14px,
      #000 calc(100% - 44px),
      rgba(0, 0, 0, 0.3) calc(100% - 20px),
      transparent 100%
    ) !important;
  }
}

/* ==========================================
   最终补丁：移动端 iPhone 拉满宽度 + 通知内容扩展
   放在整份 CSS 最末尾
   ========================================== */

/* 默认：让手机更接近聊天气泡宽度 */
.relink-scope .rs-iphone-mock {
  width: min(100%, 560px) !important;
  max-width: 560px !important;
  aspect-ratio: 9 / 19.5 !important;
  height: auto !important;
  margin: 0 auto 20px !important;
  box-sizing: border-box !important;
}

/* 屏幕内部减少左右浪费，让通知区更宽 */
.relink-scope .rs-iphone-screen {
  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box !important;
}

/* 通知列表尽量吃满屏幕内部宽度 */
.relink-scope .rs-notifications {
  width: 100% !important;
  box-sizing: border-box !important;
  gap: 10px !important;
}

/* 通知卡片拉宽，减少无效留白 */
.relink-scope .rs-notification-card {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
}

/* 通知正文缩小左缩进，释放更多文字宽度 */
.relink-scope .rs-notif-content {
  padding-left: 30px !important;
}

/* 通知文字稍微紧凑，移动端能显示更多 */
.relink-scope .rs-notif-title {
  font-size: 13.5px !important;
  line-height: 1.35 !important;
}

.relink-scope .rs-notif-body {
  font-size: 12.5px !important;
  line-height: 1.45 !important;
}

/* 平板/普通移动端：手机几乎拉满气泡 */
@media (max-width: 768px) {
  .relink-scope .rs-iphone-mock {
    width: calc(100vw - 28px) !important;
    max-width: none !important;
    aspect-ratio: 9 / 19.5 !important;
    height: auto !important;
    padding: 12px !important;
    border-radius: 38px !important;
  }

  .relink-scope .rs-iphone-screen {
    border-radius: 28px !important;
    padding: 44px 14px 24px !important;
  }

  .relink-scope .rs-iphone-notch {
    width: 138px !important;
    height: 28px !important;
  }

  .relink-scope .rs-lockscreen-hour {
    font-size: clamp(48px, 15vw, 66px) !important;
  }

  .relink-scope .rs-lockscreen-date {
    font-size: 13.5px !important;
  }

  .relink-scope .rs-notifications {
    padding-top: 14px !important;
    padding-bottom: 66px !important;
    gap: 9px !important;
  }

  .relink-scope .rs-notification-card {
    padding: 11px 12px !important;
    border-radius: 15px !important;
  }

  .relink-scope .rs-notif-header {
    gap: 8px !important;
    margin-bottom: 8px !important;
  }

  .relink-scope .rs-notif-icon {
    width: 23px !important;
    height: 23px !important;
    font-size: 13px !important;
  }

  .relink-scope .rs-notif-content {
    padding-left: 31px !important;
  }
}

/* 小屏手机：继续拉满，但保留最小安全边距 */
@media (max-width: 480px) {
  .relink-scope .rs-iphone-mock {
    width: calc(100vw - 18px) !important;
    max-width: none !important;
    padding: 10px !important;
    border-radius: 34px !important;
  }

  .relink-scope .rs-iphone-screen {
    border-radius: 25px !important;
    padding: 42px 12px 22px !important;
  }

  .relink-scope .rs-iphone-notch {
    width: 124px !important;
    height: 26px !important;
  }

  .relink-scope .rs-lockscreen-hour {
    font-size: clamp(44px, 16vw, 56px) !important;
  }

  .relink-scope .rs-notification-card {
    padding: 10px 11px !important;
    border-radius: 14px !important;
  }

  .relink-scope .rs-notif-content {
    padding-left: 29px !important;
  }

  .relink-scope .rs-notif-title {
    font-size: 13px !important;
  }

  .relink-scope .rs-notif-body {
    font-size: 12px !important;
    line-height: 1.42 !important;
  }
}

/* 极窄屏：避免贴边溢出 */
@media (max-width: 360px) {
  .relink-scope .rs-iphone-mock {
    width: calc(100vw - 12px) !important;
    padding: 8px !important;
    border-radius: 30px !important;
  }

  .relink-scope .rs-iphone-screen {
    border-radius: 22px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* =========================================================
   0. 无外壳状态下的公共变量补丁
   原本变量定义在 .relink-scope 内，删除外壳后变量失效
   所以这里给所有相关模块重新注入变量
   ========================================================= */

.rs-player-info,
.rs-worldbook-tracker,
.rs-iphone-mock,
.rs-choices-box,
.rs-status-panel,
.rs-panel-left,
.rs-panel-right,
.rs-panel-bottom {
  --rs-primary: #ff7a9c;
  --rs-accent: #c8a2c8;
  --rs-sakura: #ffb7c5;

  --rs-text: #4a2c3d;
  --rs-text-sub: #8a6478;
  --rs-text-light: #a88497;

  --rs-bg-card: rgba(255, 250, 252, 0.96);
  --rs-bg-soft: rgba(255, 240, 245, 0.85);
  --rs-bg-inner: rgba(255, 255, 255, 0.7);

  --rs-border: rgba(255, 154, 178, 0.32);
  --rs-border-soft: rgba(200, 162, 200, 0.22);

  --rs-shadow:
    0 10px 36px rgba(255, 122, 156, 0.18),
    0 0 24px rgba(255, 183, 197, 0.15);

  --rs-glow: 0 0 16px rgba(255, 183, 197, 0.45);

  --rs-radius: 18px;
  --rs-radius-sm: 10px;

  --rs-lv1: #a8d8b9;
  --rs-lv2: #ffd97d;
  --rs-lv3: #ffa07a;
  --rs-lv4: #ff6b8a;
  --rs-lv5: #c44569;

  font-family:
    "Noto Serif JP",
    "PingFang SC",
    "Microsoft YaHei",
    system-ui,
    -apple-system,
    sans-serif !important;

  color: var(--rs-text) !important;
  box-sizing: border-box !important;
}

.rs-player-info *,
.rs-worldbook-tracker *,
.rs-iphone-mock *,
.rs-choices-box *,
.rs-status-panel *,
.rs-panel-left *,
.rs-panel-right *,
.rs-panel-bottom * {
  box-sizing: border-box !important;
}


/* =========================================================
   1. 无外壳状态下的通用卡片宽度
   让下面这些模块不再被原外壳限制，自动更宽
   ========================================================= */

.rs-player-info,
.rs-worldbook-tracker,
.rs-iphone-mock,
.rs-choices-box {
  width: min(100%, 960px) !important;
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* =========================================================
   2. 男主信息栏恢复美化
   ========================================================= */

.rs-player-info {
  margin: 18px auto !important;
  padding: 16px 20px !important;

  background:
    linear-gradient(
      135deg,
      rgba(240, 248, 255, 0.96),
      rgba(230, 240, 250, 0.92)
    ) !important;

  border: 1px solid rgba(100, 149, 237, 0.32) !important;
  border-radius: var(--rs-radius) !important;

  box-shadow:
    0 8px 24px rgba(100, 149, 237, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;

  overflow: hidden !important;
  position: relative !important;
}

.rs-player-info::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 18px !important;
  right: 18px !important;
  height: 2px !important;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(100, 149, 237, 0.85),
      rgba(173, 216, 230, 0.9),
      transparent
    ) !important;

  border-radius: 0 0 2px 2px !important;
}

.rs-player-header {
  display: block !important;

  font-size: 15px !important;
  font-weight: 700 !important;
  color: #4169e1 !important;

  margin-bottom: 12px !important;
  padding-bottom: 8px !important;

  border-bottom: 2px solid rgba(100, 149, 237, 0.28) !important;

  letter-spacing: 1px !important;
  cursor: pointer !important;
  list-style: none !important;
}

.rs-player-header::-webkit-details-marker {
  display: none !important;
}

.rs-player-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.rs-player-item {
  padding: 10px 12px !important;

  background: rgba(255, 255, 255, 0.78) !important;

  border: 1px solid rgba(100, 149, 237, 0.22) !important;
  border-radius: 10px !important;

  box-shadow:
    0 2px 8px rgba(100, 149, 237, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}

.rs-player-item-full {
  grid-column: 1 / -1 !important;
}

.rs-player-label {
  font-size: 12px !important;
  color: #6495ed !important;
  font-weight: 600 !important;
  margin-bottom: 4px !important;
}

.rs-player-value {
  font-size: 14px !important;
  color: var(--rs-text) !important;
  font-weight: 700 !important;
}

.rs-player-inventory {
  font-size: 13px !important;
  color: var(--rs-text) !important;
  line-height: 1.65 !important;
}

.rs-player-inventory b {
  color: #4169e1 !important;
}


/* =========================================================
   3. 功能记录区恢复美化
   ========================================================= */

.rs-worldbook-tracker {
  margin: 18px auto !important;
  padding: 16px 20px !important;

  background:
    linear-gradient(
      135deg,
      rgba(255, 250, 240, 0.96),
      rgba(255, 243, 224, 0.92)
    ) !important;

  border: 1px solid rgba(218, 165, 32, 0.32) !important;
  border-radius: var(--rs-radius) !important;

  box-shadow:
    0 8px 24px rgba(218, 165, 32, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;

  overflow: hidden !important;
  position: relative !important;
}

.rs-worldbook-tracker::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 18px !important;
  right: 18px !important;
  height: 2px !important;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(218, 165, 32, 0.85),
      rgba(255, 215, 128, 0.9),
      transparent
    ) !important;

  border-radius: 0 0 2px 2px !important;
}

.rs-wb-header {
  display: block !important;

  font-size: 15px !important;
  font-weight: 700 !important;
  color: #daa520 !important;

  margin-bottom: 12px !important;
  padding-bottom: 8px !important;

  border-bottom: 2px solid rgba(218, 165, 32, 0.28) !important;

  letter-spacing: 1px !important;
  cursor: pointer !important;
  list-style: none !important;
}

.rs-wb-header::-webkit-details-marker {
  display: none !important;
}

.rs-wb-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.rs-wb-item {
  padding: 8px 12px !important;

  background: rgba(255, 255, 255, 0.72) !important;

  border: 1px solid rgba(218, 165, 32, 0.22) !important;
  border-radius: 10px !important;

  font-size: 13px !important;
  color: var(--rs-text) !important;

  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

  box-shadow:
    0 2px 8px rgba(218, 165, 32, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}

.rs-wb-item span {
  font-weight: 600 !important;
  color: #b8860b !important;
}


/* =========================================================
   4. iPhone 锁屏模块：无外壳状态下拉满宽度
   重点：
   - 不受 .relink-scope 限制
   - 宽度更宽
   - 高度根据宽度自动适配
   - 保持 9:19.5 手机比例
   ========================================================= */

.rs-iphone-mock {
  width: min(100%, 640px) !important;
  max-width: 640px !important;

  aspect-ratio: 9 / 19.5 !important;
  height: auto !important;

  margin: 20px auto !important;

  position: relative !important;

  background: #1a1a1a !important;

  border-radius: clamp(34px, 6vw, 52px) !important;
  padding: clamp(10px, 2.5vw, 18px) !important;

  box-shadow:
    0 28px 80px rgba(0, 0, 0, 0.58),
    inset 0 0 0 2px rgba(255, 255, 255, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;

  overflow: visible !important;
}

/* 刘海 */
.rs-iphone-notch {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;

  width: clamp(124px, 30%, 188px) !important;
  height: clamp(26px, 5.6%, 38px) !important;

  background: #000 !important;

  border-radius: 0 0 22px 22px !important;

  z-index: 30 !important;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.34) !important;
}

/* 屏幕 */
.rs-iphone-screen {
  width: 100% !important;
  height: 100% !important;

  position: relative !important;

  background:
    linear-gradient(
      180deg,
      rgba(10, 10, 15, 0.38),
      rgba(10, 10, 15, 0.62)
    ),
    url("https://i.ibb.co/rGN2pz7f/00116-473825988.png") !important;

  background-size: cover !important;
  background-position: center !important;

  border-radius: clamp(24px, 5vw, 38px) !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;

  padding:
    clamp(42px, 8vw, 58px)
    clamp(12px, 3vw, 22px)
    clamp(22px, 5vw, 34px) !important;

  display: flex !important;
  flex-direction: column !important;

  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  -webkit-overflow-scrolling: touch !important;
}

.rs-iphone-screen::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}


/* =========================================================
   5. iPhone 状态栏：信号、电量百分比、电池
   删除外壳后仍然正常显示
   ========================================================= */

.rs-iphone-notch::before,
.rs-iphone-notch::after,
.rs-lockscreen-hint::after {
  content: none !important;
  display: none !important;
}

/* 信号 */
.rs-iphone-screen::before {
  content: "" !important;

  position: absolute !important;
  top: clamp(14px, 2.7vw, 18px) !important;
  right: clamp(76px, 15vw, 96px) !important;

  width: clamp(16px, 3vw, 21px) !important;
  height: clamp(9px, 2vw, 12px) !important;

  z-index: 25 !important;
  pointer-events: none !important;

  background:
    linear-gradient(to top, rgba(255, 255, 255, 0.92) 100%, transparent 0)
      0 bottom / 3px 5px no-repeat,
    linear-gradient(to top, rgba(255, 255, 255, 0.92) 100%, transparent 0)
      5px bottom / 3px 7px no-repeat,
    linear-gradient(to top, rgba(255, 255, 255, 0.92) 100%, transparent 0)
      10px bottom / 3px 9px no-repeat,
    linear-gradient(to top, rgba(255, 255, 255, 0.92) 100%, transparent 0)
      15px bottom / 3px 11px no-repeat !important;

  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.6)) !important;
}

/* 80% 文字 */
.rs-iphone-screen::after {
  content: "80%" !important;

  position: absolute !important;
  top: clamp(14px, 2.7vw, 18px) !important;
  right: clamp(18px, 3.2vw, 24px) !important;

  height: 12px !important;
  line-height: 12px !important;

  font-size: clamp(10px, 2vw, 12px) !important;
  font-weight: 600 !important;

  color: rgba(255, 255, 255, 0.92) !important;

  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;

  z-index: 25 !important;
  pointer-events: none !important;
}

/* 电池主体 */
.rs-iphone-mock::before {
  content: "" !important;

  position: absolute !important;

  top: clamp(27px, 5.4vw, 35px) !important;
  right: clamp(64px, 12.8vw, 78px) !important;

  width: clamp(22px, 4.5vw, 28px) !important;
  height: clamp(9px, 2vw, 12px) !important;

  box-sizing: border-box !important;
  padding: 2px !important;

  border: 1.5px solid rgba(255, 255, 255, 0.92) !important;
  border-radius: 3px !important;

  background:
    linear-gradient(
      90deg,
      #4ade80 0%,
      #22c55e 80%,
      transparent 80%,
      transparent 100%
    ) content-box,
    rgba(0, 0, 0, 0.35) padding-box !important;

  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.6),
    inset 0 0 2px rgba(255, 255, 255, 0.25) !important;

  z-index: 35 !important;
  pointer-events: none !important;
}

/* 电池凸起 */
.rs-iphone-mock::after {
  content: "" !important;

  position: absolute !important;

  top: clamp(29px, 5.8vw, 37px) !important;
  right: clamp(61px, 12.2vw, 75px) !important;

  width: 2.5px !important;
  height: clamp(5px, 1.2vw, 6px) !important;

  background: rgba(255, 255, 255, 0.92) !important;

  border-radius: 0 1px 1px 0 !important;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;

  z-index: 35 !important;
  pointer-events: none !important;
}


/* =========================================================
   6. iPhone 时间区恢复
   ========================================================= */

.rs-lockscreen-time {
  text-align: center !important;
  color: #fff !important;
  margin-bottom: 8px !important;
  flex-shrink: 0 !important;
}

.rs-lockscreen-hour {
  font-size: clamp(56px, 14vw, 82px) !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  letter-spacing: -2px !important;

  color: #fff !important;

  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.6) !important;
}

.rs-lockscreen-date {
  font-size: clamp(13px, 2.8vw, 17px) !important;
  font-weight: 500 !important;

  color: rgba(255, 255, 255, 0.86) !important;

  margin-top: 4px !important;

  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) !important;
}


/* =========================================================
   7. iPhone 通知区恢复
   ========================================================= */

.rs-notifications {
  flex: 1 !important;

  width: 100% !important;

  padding-top: clamp(14px, 3vw, 24px) !important;
  padding-bottom: clamp(62px, 12vw, 82px) !important;

  display: flex !important;
  flex-direction: column !important;
  gap: clamp(9px, 2vw, 12px) !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;

  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  -webkit-overflow-scrolling: touch !important;

  mask-image:
    linear-gradient(
      to bottom,
      transparent 0,
      rgba(0, 0, 0, 0.3) 8px,
      #000 18px,
      #000 calc(100% - 52px),
      rgba(0, 0, 0, 0.25) calc(100% - 24px),
      transparent 100%
    ) !important;

  -webkit-mask-image:
    linear-gradient(
      to bottom,
      transparent 0,
      rgba(0, 0, 0, 0.3) 8px,
      #000 18px,
      #000 calc(100% - 52px),
      rgba(0, 0, 0, 0.25) calc(100% - 24px),
      transparent 100%
    ) !important;
}

.rs-notifications::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.rs-notification-card {
  width: 100% !important;
  flex-shrink: 0 !important;

  background: rgba(30, 30, 35, 0.75) !important;

  backdrop-filter: blur(28px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(150%) !important;

  border-radius: clamp(14px, 3vw, 18px) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;

  padding: clamp(10px, 2.5vw, 14px) clamp(11px, 3vw, 16px) !important;

  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;

  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease !important;

  cursor: pointer !important;
}

.rs-notification-card:hover {
  background: rgba(40, 40, 48, 0.86) !important;

  transform: scale(1.015) !important;

  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

.rs-notif-header {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;

  margin-bottom: 8px !important;
}

.rs-notif-icon {
  width: clamp(23px, 4.8vw, 27px) !important;
  height: clamp(23px, 4.8vw, 27px) !important;

  border-radius: 6px !important;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.15),
      rgba(255, 255, 255, 0.05)
    ) !important;

  border: 1px solid rgba(255, 255, 255, 0.2) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: clamp(13px, 3vw, 15px) !important;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;

  flex-shrink: 0 !important;
}

.rs-notif-app {
  flex: 1 !important;

  font-size: clamp(12px, 2.5vw, 13px) !important;
  font-weight: 600 !important;

  color: rgba(255, 255, 255, 0.9) !important;

  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

.rs-notif-time {
  font-size: clamp(11px, 2.3vw, 12px) !important;
  color: rgba(255, 255, 255, 0.5) !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

.rs-notif-content {
  padding-left: clamp(28px, 6vw, 36px) !important;
}

.rs-notif-title {
  font-size: clamp(13px, 2.8vw, 14px) !important;
  line-height: 1.35 !important;

  font-weight: 600 !important;

  color: #fff !important;

  margin-bottom: 4px !important;

  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
}

.rs-notif-body {
  font-size: clamp(12px, 2.55vw, 13px) !important;
  line-height: 1.45 !important;

  color: rgba(255, 255, 255, 0.76) !important;

  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}


/* 消息通知 */
.rs-notification-card.rs-notif-message .rs-notif-icon {
  border-radius: 50% !important;

  background:
    linear-gradient(
      135deg,
      #667eea,
      #764ba2
    ) !important;

  border-color: rgba(255, 255, 255, 0.3) !important;
}

/* 兼职广告 */
.rs-notification-card.rs-notif-ad {
  border: 1px solid transparent !important;

  background:
    linear-gradient(
      rgba(30, 30, 35, 0.75),
      rgba(30, 30, 35, 0.75)
    ) padding-box,
    linear-gradient(
      135deg,
      #f093fb,
      #f5576c
    ) border-box !important;
}

.rs-notification-card.rs-notif-ad .rs-notif-icon {
  background:
    linear-gradient(
      135deg,
      #f5576c,
      #f093fb
    ) !important;
}

/* 商城促销 */
.rs-notification-card.rs-notif-sale {
  border: 1px solid transparent !important;

  background:
    linear-gradient(
      rgba(30, 30, 35, 0.75),
      rgba(30, 30, 35, 0.75)
    ) padding-box,
    linear-gradient(
      135deg,
      #ffd89b,
      #19547b
    ) border-box !important;
}

.rs-notification-card.rs-notif-sale .rs-notif-icon {
  background:
    linear-gradient(
      135deg,
      #ffd89b,
      #f6b93b
    ) !important;
}

/* 论坛通知 */
.rs-notification-card.rs-notif-forum {
  border: 1px solid transparent !important;

  background:
    linear-gradient(
      rgba(30, 30, 35, 0.78),
      rgba(30, 30, 35, 0.78)
    ) padding-box,
    linear-gradient(
      135deg,
      rgba(200, 162, 200, 0.85),
      rgba(255, 122, 156, 0.85)
    ) border-box !important;
}

.rs-notification-card.rs-notif-forum .rs-notif-icon {
  background:
    linear-gradient(
      135deg,
      #c8a2c8,
      #ff7a9c
    ) !important;
}


/* 底部滑动提示 */
.rs-lockscreen-hint {
  text-align: center !important;

  padding: 10px 0 4px !important;
  margin-top: 0 !important;

  color: rgba(255, 255, 255, 0.52) !important;

  font-size: clamp(12px, 2.5vw, 13px) !important;
  font-weight: 500 !important;

  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;

  flex-shrink: 0 !important;
}

.rs-lockscreen-hint::before {
  content: "" !important;

  width: 36px !important;
  height: 4px !important;

  background: rgba(255, 255, 255, 0.3) !important;

  border-radius: 2px !important;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}


/* =========================================================
   8. 成人论坛附件恢复
   ========================================================= */

.rs-forum-attachment {
  width: 100% !important;
  max-width: 100% !important;

  box-sizing: border-box !important;

  margin-top: 8px !important;

  border-radius: 12px !important;
  overflow: hidden !important;

  background: rgba(255, 255, 255, 0.42) !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
}

.rs-attach-summary {
  position: relative !important;
  z-index: 2 !important;

  list-style: none !important;
  cursor: pointer !important;

  padding: 7px 9px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;

  font-size: 12px !important;
  line-height: 1.4 !important;

  color: rgba(45, 45, 50, 0.82) !important;

  background: rgba(255, 255, 255, 0.24) !important;
}

.rs-attach-summary::-webkit-details-marker {
  display: none !important;
}

.rs-attach-summary em {
  flex: 0 0 auto !important;

  font-style: normal !important;
  font-size: 11px !important;

  color: rgba(80, 80, 88, 0.58) !important;
}

.rs-attach-body {
  width: 100% !important;

  box-sizing: border-box !important;

  padding: 8px 9px 9px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 5px !important;
}

.rs-forum-attachment .rs-avatar.story-image,
.rs-forum-attachment .story-image {
  position: relative !important;
  z-index: 1 !important;

  width: 100% !important;
  max-width: 100% !important;

  height: auto !important;
  min-height: 0 !important;

  aspect-ratio: 3 / 4 !important;

  box-sizing: border-box !important;

  display: block !important;
  flex: none !important;

  margin: 0 !important;

  border: none !important;
  border-radius: 10px !important;

  overflow: hidden !important;

  transform: none !important;

  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;

  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.16) !important;
}

.rs-attach-meta {
  position: relative !important;
  z-index: 2 !important;

  margin-top: 0 !important;

  font-size: 11px !important;
  line-height: 1.4 !important;

  color: rgba(70, 70, 78, 0.56) !important;
}


/* =========================================================
   9. 剧情走向推荐恢复美化
   ========================================================= */

.rs-choices-box {
  padding: 18px !important;
  margin: 18px auto !important;

  background:
    linear-gradient(
      135deg,
      rgba(255, 250, 252, 0.96),
      rgba(255, 240, 245, 0.9)
    ) !important;

  border: 1px solid var(--rs-border) !important;
  border-radius: var(--rs-radius) !important;

  box-shadow: var(--rs-shadow) !important;

  position: relative !important;
  overflow: hidden !important;
}

.rs-choices-box::before {
  content: "" !important;

  position: absolute !important;
  top: 0 !important;
  left: 18px !important;
  right: 18px !important;
  height: 2px !important;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--rs-primary),
      var(--rs-accent),
      transparent
    ) !important;
}

.rs-choice-header {
  font-size: 15px !important;
  font-weight: 700 !important;

  color: var(--rs-primary) !important;

  margin-bottom: 12px !important;
  padding-bottom: 8px !important;

  border-bottom: 2px solid var(--rs-border) !important;

  letter-spacing: 1px !important;
}

.rs-choice-list {
  display: grid !important;
  gap: 8px !important;
}

.rs-choice-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;

  padding: 10px 12px !important;

  background: rgba(255, 255, 255, 0.72) !important;

  border: 1px solid var(--rs-border-soft) !important;
  border-radius: 10px !important;

  box-shadow:
    0 2px 8px rgba(255, 122, 156, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

.rs-choice-key {
  flex: 0 0 28px !important;

  width: 28px !important;
  height: 28px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background:
    linear-gradient(
      135deg,
      var(--rs-primary),
      var(--rs-accent)
    ) !important;

  color: #fff !important;

  font-weight: 700 !important;
  font-size: 13px !important;

  border-radius: 8px !important;

  box-shadow: 0 2px 6px rgba(255, 122, 156, 0.3) !important;
}

.rs-choice-text {
  flex: 1 !important;

  font-size: 13.5px !important;
  color: var(--rs-text) !important;
  line-height: 1.7 !important;

  padding-top: 3px !important;
}


/* =========================================================
   10. 移动端：模块宽度模拟聊天气泡宽度
   重点：
   - 不再吃满屏幕
   - 宽度接近聊天气泡
   - 防止顶出气泡
   ========================================================= */

@media (max-width: 768px) {
  .rs-player-info,
  .rs-worldbook-tracker,
  .rs-choices-box,
  .rs-iphone-mock {
    width: min(100%, calc(85vw - 18px)) !important;
    max-width: calc(85vw - 18px) !important;
    min-width: 0 !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
  }

  .rs-player-info,
  .rs-worldbook-tracker {
    padding: 14px !important;
  }

  .rs-player-grid {
    grid-template-columns: 1fr !important;
  }

  .rs-iphone-mock {
    aspect-ratio: 9 / 19.5 !important;
    height: auto !important;

    padding: 10px !important;
    border-radius: 34px !important;

    overflow: visible !important;
  }

  .rs-iphone-screen {
    width: 100% !important;
    height: 100% !important;

    box-sizing: border-box !important;

    border-radius: 25px !important;
    padding: 42px 10px 22px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .rs-lockscreen-hour {
    font-size: clamp(48px, 15vw, 68px) !important;
  }

  .rs-notifications {
    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    padding-top: 14px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 66px !important;

    gap: 9px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .rs-notification-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    box-sizing: border-box !important;

    padding: 10px 11px !important;
    border-radius: 14px !important;
  }

  .rs-notif-content {
    padding-left: 29px !important;
  }
}


/* =========================================================
   11. 小屏手机：继续限制在气泡宽度内
   ========================================================= */

@media (max-width: 480px) {
  .rs-player-info,
  .rs-worldbook-tracker,
  .rs-choices-box,
  .rs-iphone-mock {
    width: min(100%, calc(85vw - 12px)) !important;
    max-width: calc(85vw - 12px) !important;
    min-width: 0 !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
  }

  .rs-iphone-mock {
    aspect-ratio: 9 / 19.5 !important;
    height: auto !important;

    padding: 8px !important;
    border-radius: 30px !important;

    overflow: visible !important;
  }

  .rs-iphone-screen {
    width: 100% !important;
    height: 100% !important;

    box-sizing: border-box !important;

    border-radius: 22px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .rs-iphone-notch {
    width: 124px !important;
    height: 26px !important;
  }

  .rs-lockscreen-hour {
    font-size: clamp(44px, 16vw, 58px) !important;
  }

  .rs-lockscreen-date {
    font-size: 13px !important;
  }

  .rs-notifications,
  .rs-notification-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    box-sizing: border-box !important;
  }

  .rs-notifications {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .rs-notif-title {
    font-size: 13px !important;
  }

  .rs-notif-body {
    font-size: 12px !important;
    line-height: 1.42 !important;
  }

  .rs-choice-item {
    padding: 9px 10px !important;
    gap: 10px !important;
  }

  .rs-choice-text {
    font-size: 13px !important;
  }
}


/* =========================================================
   12. 极窄屏：防止贴屏幕边
   ========================================================= */

@media (max-width: 360px) {
  .rs-player-info,
  .rs-worldbook-tracker,
  .rs-choices-box,
  .rs-iphone-mock {
    width: min(100%, calc(84vw - 8px)) !important;
    max-width: calc(84vw - 8px) !important;
    min-width: 0 !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
  }

  .rs-iphone-mock {
    padding: 7px !important;
    border-radius: 28px !important;

    aspect-ratio: 9 / 19.5 !important;
    height: auto !important;
  }

  .rs-iphone-screen {
    width: 100% !important;
    height: 100% !important;

    box-sizing: border-box !important;

    border-radius: 21px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .rs-notification-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    box-sizing: border-box !important;

    padding: 9px 10px !important;
  }

  .rs-notif-content {
    padding-left: 27px !important;
  }
}

/* ========== 模型选择器：椭圆形 → 四角圆润长方形 ========== */
#ai-model-selector {
  border-radius: 10px !important;           /* 降低圆角，从椭圆感改成长方形 */
  padding: 9px 18px !important;             /* 增加上下内边距，让高度更明显 */
  min-height: 38px !important;              /* 保证按钮有一定高度 */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-shadow: 0 2px 8px rgba(255,122,156,0.12) !important;
  transition: all 0.2s ease !important;
}

#ai-model-selector:hover {
  border-radius: 10px !important;           /* hover时保持圆角一致 */
  box-shadow: 0 4px 14px rgba(255,122,156,0.25) !important;
}

/* 让下拉箭头和文字对齐更好 */
#ai-model-selector .truncate {
  flex: 1 !important;
  text-align: left !important;
}

/* ========== AI模型选择按钮强力修复：强制长方形 + 圆角 ========== */
#ai-model-selector {
  border-radius: 8px !important;           /* 强制降低圆角，彻底去椭圆感 */
  padding: 10px 20px !important;           /* 大幅增加上下内边距，让高度明显 */
  min-height: 42px !important;             /* 强制最小高度，变成明显长方形 */
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-shadow: 0 2px 8px rgba(255,122,156,0.12) !important;
  transition: all 0.2s ease !important;
  overflow: hidden !important;
}

/* Hover时保持长方形，不再往左倾斜或变形 */
#ai-model-selector:hover {
  border-radius: 8px !important;
  transform: translateY(-1px) !important;   /* 只轻微上移，不倾斜 */
  box-shadow: 0 6px 16px rgba(255,122,156,0.28) !important;
}

/* 让下拉箭头和文字对齐更稳 */
#ai-model-selector .truncate {
  flex: 1 !important;
  text-align: left !important;
  padding-right: 8px !important;
}

/* ========== AI模型选择按钮 最终强力修复（长方形） ========== */
#ai-model-selector {
  border-radius: 6px !important;           /* 极低圆角，彻底去椭圆 */
  padding: 11px 20px !important;           /* 大幅增加上下高度 */
  min-height: 44px !important;             /* 强制变成明显长方形 */
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-shadow: 0 2px 8px rgba(255,122,156,0.12) !important;
  transition: all 0.2s ease !important;
  overflow: hidden !important;
  font-weight: 600 !important;
}

/* Hover 时彻底取消倾斜/变形，只保留轻微上浮 */
#ai-model-selector:hover {
  border-radius: 6px !important;
  transform: translateY(-1px) !important;   /* 只轻微上移，不再有倾斜感 */
  box-shadow: 0 6px 18px rgba(255,122,156,0.3) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(255,232,238,0.9)) !important;
}

/* 文字和箭头对齐优化 */
#ai-model-selector .truncate {
  flex: 1 !important;
  text-align: left !important;
  padding-right: 10px !important;
}

#ai-model-selector svg[data-icon="ChevronDown"] {
  flex-shrink: 0 !important;
}

/* ========== AI模型选择按钮 终极修复（对抗JS动态修改） ========== */
#ai-model-selector,
#ai-model-selector *,
#ai-model-selector:focus,
#ai-model-selector:hover,
#ai-model-selector:active,
#ai-model-selector[style] {
  border-radius: 8px !important;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

/* 强制高度和形状 */
#ai-model-selector {
  padding: 11px 20px !important;
  min-height: 44px !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-shadow: 0 2px 8px rgba(255,122,156,0.12) !important;
  transition: all 0.2s ease !important;
  overflow: hidden !important;
}

/* Hover 时彻底禁止倾斜和形状变化 */
#ai-model-selector:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(255,122,156,0.3) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(255,232,238,0.9)) !important;
}

/* 内部文字和箭头 */
#ai-model-selector .truncate {
  flex: 1 !important;
  text-align: left !important;
  padding-right: 10px !important;
}

/* ==========================================
   补丁：缩小 AI 模型选择按钮外框（推荐值）
   ========================================== */
#ai-model-selector,
#ai-model-selector[style] {
  padding: 7px 16px !important;        /* 原来是 11px 20px，太厚重 */
  min-height: 36px !important;         /* 原来是 44px，现在更紧凑 */
  height: auto !important;
  border-radius: 8px !important;       /* 保持圆润长方形 */
  font-size: 14px !important;
  box-shadow: 0 2px 8px rgba(255,122,156,0.12) !important;
}

#ai-model-selector:hover {
  padding: 7px 16px !important;
  min-height: 36px !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 14px rgba(255,122,156,0.28) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(255,232,238,0.9)) !important;
}

/* 内部文字和箭头间距微调 */
#ai-model-selector .truncate {
  padding-right: 8px !important;
}

/* ==========================================
   补丁：微信通知内的妹妹表情图样式
   ========================================== */

/* 微信消息内的表情图容器 */
.rs-notif-body .rs-wechat-sticker {
  display: block !important;
  
  width: 80% !important;
  max-width: 200px !important;
  
  aspect-ratio: 1 / 1 !important;
  
  margin: 10px auto 0 auto !important;
  
  border-radius: 12px !important;
  
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
  
  border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
  
  transition: transform 0.3s ease !important;
}

/* 轻触放大效果（可选） */
.rs-notif-body .rs-wechat-sticker:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35) !important;
}

/* 移动端：表情图略小一点，避免撑破气泡 */
@media (max-width: 480px) {
  .rs-notif-body .rs-wechat-sticker {
    width: 75% !important;
    max-width: 160px !important;
    margin-top: 8px !important;
  }
}

/* ==========================================
   补丁：微信表情包左对齐（符合真实手机设计）
   ========================================== */

.rs-notif-body .rs-wechat-sticker {
  /* 覆盖原来的居中对齐 */
  margin: 10px 0 0 0 !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  
  /* 保持原有尺寸 */
  width: 80% !important;
  max-width: 200px !important;
  
  /* 其他样式保持不变 */
  display: block !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 12px !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
  transition: transform 0.3s ease !important;
}

/* 轻触放大效果 */
.rs-notif-body .rs-wechat-sticker:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35) !important;
}

/* 移动端：表情包略小，依然左对齐 */
@media (max-width: 480px) {
  .rs-notif-body .rs-wechat-sticker {
    width: 75% !important;
    max-width: 160px !important;
    margin-top: 8px !important;
    margin-left: 0 !important;
  }
}

/* ==========================================
   补丁：微信通知内的自拍照片样式（2:3竖图）
   ========================================== */

.rs-notif-body .rs-wechat-selfie {
  display: block !important;
  
  /* 2:3 竖图比例 */
  width: 65% !important;
  max-width: 180px !important;
  aspect-ratio: 2 / 3 !important;
  
  /* 左对齐，符合真实微信聊天 */
  margin: 10px 0 0 0 !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  
  /* 圆角与阴影 */
  border-radius: 14px !important;
  border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.28) !important;
  
  /* 背景图显示 */
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  
  /* 过渡效果 */
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* 轻触放大效果 */
.rs-notif-body .rs-wechat-selfie:hover {
  transform: scale(1.04) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.38) !important;
}

/* 移动端：自拍照略小，避免撑破气泡 */
@media (max-width: 480px) {
  .rs-notif-body .rs-wechat-selfie {
    width: 60% !important;
    max-width: 150px !important;
    margin-top: 8px !important;
  }
}


/* ==========================================
   补丁：微信通知内的视频缩略图样式
   ========================================== */

.rs-notif-body .rs-wechat-video {
  display: block !important;
  position: relative !important;
  
  /* 视频缩略图尺寸（保持 2:3 竖图） */
  width: 65% !important;
  max-width: 180px !important;
  aspect-ratio: 2 / 3 !important;
  
  /* 左对齐 */
  margin: 10px 0 0 0 !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  
  /* 圆角与阴影 */
  border-radius: 14px !important;
  border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.28) !important;
  
  /* 背景图显示（实际是 GIF） */
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  
  /* 过渡效果 */
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  
  /* 确保可见，防止被遮盖 */
  overflow: visible !important;
  z-index: 1 !important;
}

/* 视频播放按钮图标（中央三角形） */
.rs-notif-body .rs-wechat-video::after {
  content: '▶' !important;
  
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  
  /* 播放按钮样式 */
  width: 48px !important;
  height: 48px !important;
  
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  font-size: 20px !important;
  color: rgba(255, 255, 255, 0.95) !important;
  
  background: rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  
  border-radius: 50% !important;
  border: 2px solid rgba(255, 255, 255, 0.8) !important;
  
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
  
  pointer-events: none !important;
  z-index: 2 !important;
}

/* 轻触放大效果 */
.rs-notif-body .rs-wechat-video:hover {
  transform: scale(1.04) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.38) !important;
}

.rs-notif-body .rs-wechat-video:hover::after {
  background: rgba(0, 0, 0, 0.75) !important;
  transform: translate(-50%, -50%) scale(1.1) !important;
}

/* 移动端：视频略小 */
@media (max-width: 480px) {
  .rs-notif-body .rs-wechat-video {
    width: 60% !important;
    max-width: 150px !important;
    margin-top: 8px !important;
  }
  
  .rs-notif-body .rs-wechat-video::after {
    width: 40px !important;
    height: 40px !important;
    font-size: 16px !important;
  }
}

/* ==========================================
   补丁：自拍(ZP)与视频(SP) 2:3 比例修正
   ========================================== */

/* 针对自拍(ZP)和视频(SP)系列进行比例重置 */
.story-image[class*="img-ZP-"],
.story-image[class*="img-ZS-"] {
  aspect-ratio: 2 / 3 !important; /* 强制 2:3 比例 */
  width: 70% !important;         /* 纵向图宽度稍微收窄，避免占用过长高度 */
  max-width: 220px !important;    /* 限制最大宽度 */
  margin-left: 0 !important;      /* 确保遵循左对齐规则 */
  border-radius: 12px !important;
  object-fit: cover !important;
  background-size: cover !important;
}

/* 移动端适配：稍微缩小显示尺寸 */
@media (max-width: 480px) {
  .story-image[class*="img-ZP-"],
  .story-image[class*="img-ZS-"] {
    width: 65% !important;
    max-width: 180px !important;
  }
}


/* ==========================================
   补丁：ZP 系列自拍照片 URL 占位
   （目前留白，后续补充图片链接）
   ========================================== */

.img-ZP-01 { background-image: url('https://i.ibb.co/s96MNpBF/d788a1104d7b1e4323d2d15f6c2e7ce6.png'); }
.img-ZP-02 { background-image: url('https://i.ibb.co/wFtnnYTC/00170-2811943954.png'); }
.img-ZP-03 { background-image: url('https://i.ibb.co/ZzYFmxfq/8b8874d4ec24dac6ec7e17993c200d13.png'); }
.img-ZP-04 { background-image: url('https://i.ibb.co/n8C38Skw/00133-1417601348.png'); }
.img-ZP-05 { background-image: url('https://i.ibb.co/rGN2pz7f/00116-473825988.png'); }
.img-ZP-06 { background-image: url('https://i.ibb.co/TMC0dYh5/294eb985f84a55adf7ad2fc4b98dc6fb.png'); }(鸭子)
.img-ZP-07 { background-image: url('https://i.ibb.co/DfbbH6mY/00001-2910137287.png'); }
.img-ZP-08 { background-image: url('https://i.ibb.co/XxdDZqFX/00015-2366029636.png'); }
.img-ZP-09 { background-image: url('https://i.ibb.co/gMNGs3h8/00082-284520531.png'); }
.img-ZP-10 { background-image: url('https://i.ibb.co/spsKBy6g/00000-2878445526.png'); }
.img-ZP-11 { background-image: url('https://i.ibb.co/fdZ6zRWz/00037-3344450534.png'); }
.img-ZP-12 { background-image: url('https://i.ibb.co/gGv8cfK/00082-1762887444.png'); }
.img-ZP-13 { background-image: url('https://i.ibb.co/39kS8VLt/00089-1428559849.png'); }
.img-ZP-14 { background-image: url('https://i.ibb.co/Vc9RNTxH/00002-1428559849.png'); }
.img-ZP-15 { background-image: url('https://i.ibb.co/ns7MB2r4/00001-1428559849.png'); }
.img-ZP-16 { background-image: url('https://i.ibb.co/tTQTp6Tp/00126-2607825695.png'); }
.img-ZP-17 { background-image: url('https://i.ibb.co/gL09Z1PP/00128-2775150598.png'); }
.img-ZP-18 { background-image: url('https://i.ibb.co/RGYMjVxF/00133-3315591842.png'); }
.img-ZP-19 { background-image: url('https://i.ibb.co/jZj2xy9Y/00134-703437158.png'); }
.img-ZP-20 { background-image: url('https://i.ibb.co/yJMXSTB/00138-2511705727.png'); }
.img-ZP-21 { background-image: url('https://i.ibb.co/dsvykgQ5/00139-2666759758.png'); }
.img-ZP-22 { background-image: url('https://i.ibb.co/DgGC1xrt/00145-2421974682.png'); }
.img-ZP-23 { background-image: url('https://i.ibb.co/N6jRW64k/00146-4025714178.png'); }
.img-ZP-24 { background-image: url('https://i.ibb.co/7FSYkVp/00153-2940743769.png'); }
.img-ZP-25 { background-image: url('https://i.ibb.co/BKL4yJG7/00153-3355310203.png'); }
.img-ZP-26 { background-image: url('https://i.ibb.co/DfbbH6mY/00001-2910137287.png'); }

/* ==========================================
   补丁:ZS 系列视频 GIF URL（已有素材）
   ========================================== */

.img-ZS-01 { 
  background-image: url('https://www.image2url.com/r2/default/gifs/1781694571969-986ff366-1380-449c-aeab-5577f31bc49e.gif') !important; 
}
.img-ZS-02 { background-image: url('https://i.ibb.co/whd9tz43/ezgif-com-resize-2.gif'); }
.img-ZS-03 { background-image: url('https://i.ibb.co/VWDMKYHj/ezgif-com-resize-1.gif'); }
.img-ZS-04 { background-image: url('https://i.ibb.co/jvC3cbQX/ezgif-com-resize.gif'); }
.img-ZS-05 { background-image: url('https://i.ibb.co/4RfHLVGw/ezgif-com-resize-3.gif'); }
.img-ZS-06 { background-image: url('https://i.ibb.co/TBKfsKqr/ezgif-com-resize-4.gif'); }
.img-ZS-07 { background-image: url('https://i.ibb.co/mV0BgXSM/ezgif-com-resize-5.gif'); }
.img-ZS-08 { background-image: url('https://i.ibb.co/Kc5Bvkdv/ezgif-com-resize-6.gif'); }
.img-ZS-09 { background-image: url('https://i.ibb.co/x8Mz5wV2/ezgif-com-resize-7.gif'); }
.img-ZS-10 { background-image: url('https://i.ibb.co/Cs6DYkjq/275e22996cc03f8ad0ae01f0b75f0ca3.gif'); }
.img-ZS-11 { background-image: url('https://i.ibb.co/QvZRx7Gb/ezgif-com-resize-11.gif'); }
.img-ZS-12 { background-image: url('https://i.ibb.co/chDh4Gb8/ezgif-com-resize-15.gif'); }
.img-ZS-13 { background-image: url('https://i.ibb.co/QFqLLz55/ezgif-com-resize-14.gif'); }
.img-ZS-14 { background-image: url('https://i.ibb.co/twrG5pBF/b2d653ad29d6fae3eef8629ae41085fe.gif'); }

/* ========== 最终修复：移动端电池归位 ========== */
.relink-scope .rs-iphone-mock,
.relink-scope .rs-iphone-screen {
  position: relative !important;
}

.relink-scope .rs-iphone-screen::before {
  top: clamp(14px, 2.8vw, 18px) !important;
  right: clamp(72px, 15vw, 92px) !important;
}

.relink-scope .rs-iphone-screen::after {
  top: clamp(14px, 2.8vw, 18px) !important;
  right: clamp(16px, 3.5vw, 24px) !important;
}

.relink-scope .rs-iphone-mock::before {
  top: clamp(27px, 5.4vw, 35px) !important;
  right: clamp(60px, 12.5vw, 78px) !important;
}

.relink-scope .rs-iphone-mock::after {
  top: clamp(29px, 5.8vw, 37px) !important;
  right: clamp(57px, 12vw, 75px) !important;
}

@media (max-width: 480px) {
  .relink-scope .rs-iphone-screen::before {
    top: 13px !important;
    right: 66px !important;
  }

  .relink-scope .rs-iphone-screen::after {
    top: 13px !important;
    right: 14px !important;
  }

  .relink-scope .rs-iphone-mock::before {
    top: 26px !important;
    right: 52px !important;
  }

  .relink-scope .rs-iphone-mock::after {
    top: 28px !important;
    right: 49px !important;
  }
}

/* ========== 仅移动端修复：电池微调，PC端不改 ========== */
@media (max-width: 768px) {
  .rs-iphone-screen,
  .relink-scope .rs-iphone-screen,
  .rs-iphone-mock,
  .relink-scope .rs-iphone-mock {
    position: relative !important;
  }

  /* 信号：保持移动端原位置 */
  .rs-iphone-screen::before,
  .relink-scope .rs-iphone-screen::before {
    top: 13px !important;
    right: 68px !important;
  }

  /* 80%文字：保持移动端原位置 */
  .rs-iphone-screen::after,
  .relink-scope .rs-iphone-screen::after {
    top: 13px !important;
    right: 14px !important;
  }

  /* 电池主体：只在移动端往左一点 */
  .rs-iphone-mock::before,
  .relink-scope .rs-iphone-mock::before {
    top: 22px !important;
    right: 50px !important;
  }

  /* 电池凸起：跟着主体左移 */
  .rs-iphone-mock::after,
  .relink-scope .rs-iphone-mock::after {
    top: 24px !important;
    right: 47px !important;
  }
}

@media (max-width: 480px) {
  /* 小屏手机再单独微调 */
  .rs-iphone-screen::before,
  .relink-scope .rs-iphone-screen::before {
    top: 12px !important;
    right: 64px !important;
  }

  .rs-iphone-screen::after,
  .relink-scope .rs-iphone-screen::after {
    top: 12px !important;
    right: 13px !important;
  }

  .rs-iphone-mock::before,
  .relink-scope .rs-iphone-mock::before {
    top: 20px !important;
    right: 45px !important;
  }

  .rs-iphone-mock::after,
  .relink-scope .rs-iphone-mock::after {
    top: 22px !important;
    right: 42px !important;
  }
}

/* ========== 移动端微调：80% 电量文字右移一点 ========== */
@media (max-width: 768px) {
  .rs-iphone-screen::after,
  .relink-scope .rs-iphone-screen::after {
    right: 8px !important;
  }
}

@media (max-width: 480px) {
  .rs-iphone-screen::after,
  .relink-scope .rs-iphone-screen::after {
    right: 7px !important;
  }
}

/* =========================================================
   Relink A→B 兼容补丁：短类名模板完整继承原美化
   放在整份 CSS 最末尾
   ========================================================= */

/* ---------- 0. B模板根变量 ---------- */
.rls,
.rls *,
.pif,
.pif *,
.wbt,
.wbt *,
.ipm,
.ipm *,
.chb,
.chb * {
  --rs-primary:#ff7a9c;
  --rs-accent:#c8a2c8;
  --rs-sakura:#ffb7c5;
  --rs-text:#4a2c3d;
  --rs-text-sub:#8a6478;
  --rs-text-light:#a88497;
  --rs-bg-card:rgba(255,250,252,0.96);
  --rs-bg-soft:rgba(255,240,245,0.85);
  --rs-bg-inner:rgba(255,255,255,0.7);
  --rs-border:rgba(255,154,178,0.32);
  --rs-border-soft:rgba(200,162,200,0.22);
  --rs-shadow:0 10px 36px rgba(255,122,156,0.18),0 0 24px rgba(255,183,197,0.15);
  --rs-glow:0 0 16px rgba(255,183,197,0.45);
  --rs-radius:18px;
  --rs-radius-sm:10px;
  --rs-lv1:#a8d8b9;
  --rs-lv2:#ffd97d;
  --rs-lv3:#ffa07a;
  --rs-lv4:#ff6b8a;
  --rs-lv5:#c44569;
  box-sizing:border-box!important;
  font-family:"Noto Serif JP","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif!important;
}

/* ---------- 1. B模板外壳继承 relink-scope ---------- */
.rls {
  color:var(--rs-text)!important;
  max-width:880px!important;
  margin:18px auto!important;
  padding:22px!important;
  background:
    linear-gradient(135deg,rgba(255,245,247,0.92),rgba(245,232,245,0.88)),
    radial-gradient(ellipse at top right,rgba(255,183,197,0.18),transparent 60%)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  border:1px solid var(--rs-border)!important;
  border-radius:24px!important;
  box-shadow:var(--rs-shadow)!important;
  position:relative!important;
  overflow:hidden!important;
  animation:rs-fade-in 0.8s ease both!important;
}

.rls::before {
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:3px!important;
  background:linear-gradient(90deg,var(--rs-primary),var(--rs-sakura),var(--rs-accent),var(--rs-primary))!important;
  background-size:200% 100%!important;
  animation:rs-flow 4s linear infinite!important;
}

/* ---------- 2. 场景头部 ---------- */
.rls .tgs {
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:10px!important;
  margin-bottom:10px!important;
}

.rls .tag {
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:8px 12px!important;
  background:linear-gradient(135deg,rgba(255,255,255,0.85),rgba(255,232,238,0.7))!important;
  border:1px solid var(--rs-border)!important;
  border-radius:12px!important;
  font-size:13px!important;
  color:var(--rs-text)!important;
  box-shadow:0 2px 6px rgba(255,122,156,0.08)!important;
  transition:transform 0.25s ease,box-shadow 0.25s ease!important;
}

.rls .tag:hover {
  transform:translateY(-2px)!important;
  box-shadow:0 4px 12px rgba(255,122,156,0.2)!important;
}

.rls .tag b {
  color:var(--rs-primary)!important;
  font-weight:700!important;
}

.rls .ico {
  font-size:14px!important;
  filter:drop-shadow(0 0 4px rgba(255,183,197,0.6))!important;
}

.rls .scd {
  padding:10px 14px!important;
  background:rgba(255,183,197,0.12)!important;
  border-left:3px solid var(--rs-primary)!important;
  border-radius:0 10px 10px 0!important;
  font-size:14px!important;
  color:var(--rs-text)!important;
}

.rls .scd b {
  color:var(--rs-primary)!important;
  font-weight:700!important;
}

/* ---------- 3. 状态面板 ---------- */
.rls .stp {
  display:grid!important;
  grid-template-columns:260px 1fr!important;
  grid-template-areas:"left right" "bottom bottom"!important;
  gap:18px!important;
  margin-bottom:18px!important;
}

.rls .pnl {
  grid-area:left!important;
  padding:16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  background:linear-gradient(160deg,rgba(255,250,252,0.95),rgba(255,232,238,0.85))!important;
  border:1px solid var(--rs-border)!important;
  border-radius:var(--rs-radius)!important;
  box-shadow:var(--rs-shadow)!important;
  text-align:center!important;
}

.rls .pnr {
  grid-area:right!important;
  padding:18px!important;
  background:var(--rs-bg-card)!important;
  border:1px solid var(--rs-border)!important;
  border-radius:var(--rs-radius)!important;
  box-shadow:var(--rs-shadow)!important;
}

/* ---------- 4. 立绘 ---------- */
.rls .avb {
  position:relative!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:2/3!important;
  max-width:none!important;
  margin:0 0 14px 0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  display:block!important;
  font-size:0!important;
  line-height:0!important;
  box-shadow:0 12px 28px rgba(255,122,156,0.3),0 0 24px rgba(255,183,197,0.4)!important;
  animation:rs-glow-pulse 3.5s ease infinite!important;
}

.rls .avb::after {
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,transparent 65%,rgba(74,44,61,0.35))!important;
  pointer-events:none!important;
}

.rls .avb .ava,
.rls .avb .si,
.rls .pnl > .ava,
.rls .pnl > .si[class*="img-FZ-"] {
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  border-radius:0!important;
  box-shadow:none!important;
  vertical-align:top!important;
}

/* ---------- 5. 左栏文字 ---------- */
.rls .nam {
  font-size:18px!important;
  font-weight:700!important;
  color:var(--rs-text)!important;
  margin-bottom:6px!important;
  letter-spacing:1px!important;
  text-shadow:0 1px 2px rgba(255,255,255,0.6)!important;
}

.rls .age {
  font-size:13px!important;
  color:var(--rs-primary)!important;
  font-weight:600!important;
  margin-left:4px!important;
}

.rls .idn {
  display:inline-block!important;
  padding:4px 12px!important;
  margin-bottom:10px!important;
  background:linear-gradient(135deg,var(--rs-primary),var(--rs-accent))!important;
  color:#fff!important;
  font-size:12px!important;
  border-radius:14px!important;
  font-weight:600!important;
  letter-spacing:0.5px!important;
  box-shadow:0 3px 10px rgba(255,122,156,0.35)!important;
}

.rls .mod,
.rls .pos {
  font-size:12.5px!important;
  color:var(--rs-text-sub)!important;
  padding:6px 10px!important;
  margin-top:8px!important;
  background:rgba(255,255,255,0.6)!important;
  border-radius:10px!important;
  border:1px solid var(--rs-border-soft)!important;
  text-align:left!important;
  line-height:1.6!important;
}

.rls .mod span,
.rls .pos span {
  color:var(--rs-text)!important;
  font-weight:600!important;
}

/* ---------- 6. 引用框 ---------- */
.rls .qtb {
  margin-top:14px!important;
  padding:14px 16px 14px 40px!important;
  position:relative!important;
  background:linear-gradient(135deg,rgba(255,245,247,0.9),rgba(245,232,245,0.85))!important;
  border:1px solid var(--rs-border)!important;
  border-radius:12px!important;
  border-left:3px solid var(--rs-primary)!important;
  box-shadow:0 4px 14px rgba(255,122,156,0.12)!important;
  animation:rs-fade-in 1s ease 0.3s both!important;
}

.rls .qti {
  position:absolute!important;
  left:10px!important;
  top:6px!important;
  font-size:36px!important;
  line-height:1!important;
  color:var(--rs-primary)!important;
  font-family:Georgia,serif!important;
  opacity:0.45!important;
}

.rls .qtt {
  font-size:13.5px!important;
  color:var(--rs-text)!important;
  line-height:1.85!important;
  font-style:italic!important;
  letter-spacing:0.3px!important;
}

/* ---------- 7. 进度条 ---------- */
.rls .brg {
  margin-bottom:16px!important;
}

.rls .pgc {
  margin-bottom:12px!important;
}

.rls .pgc:last-child {
  margin-bottom:0!important;
}

.rls .pgl {
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  font-size:13px!important;
  margin-bottom:6px!important;
}

.rls .lbt {
  color:var(--rs-text)!important;
  font-weight:600!important;
}

.rls .hlt {
  color:var(--rs-primary)!important;
  font-weight:700!important;
  font-size:12px!important;
  padding:1px 8px!important;
  background:rgba(255,122,156,0.12)!important;
  border-radius:8px!important;
  margin-left:4px!important;
}

.rls .lbv {
  color:var(--rs-text-sub)!important;
  font-weight:700!important;
  font-size:12.5px!important;
  font-variant-numeric:tabular-nums!important;
}

.rls .pgt {
  height:12px!important;
  border-radius:8px!important;
  background:rgba(255,183,197,0.18)!important;
  overflow:hidden!important;
  box-shadow:inset 0 2px 4px rgba(196,69,105,0.12)!important;
  position:relative!important;
}

.rls .pgf,
.rls .pgfd,
.rls .pgfl,
.rls .pgfp {
  height:100%!important;
  border-radius:8px!important;
  position:relative!important;
  background-image:none!important;
  background-size:auto!important;
  background-blend-mode:normal!important;
  animation:rs-fill-grow 1.4s cubic-bezier(0.34,1.2,0.64,1) both!important;
}

.rls .pgf {
  background:linear-gradient(135deg,var(--rs-primary),var(--rs-accent))!important;
  box-shadow:0 0 12px rgba(255,122,156,0.5)!important;
}

.rls .pgfd {
  background:linear-gradient(135deg,#c44569,#ff6b8a)!important;
  box-shadow:0 0 14px rgba(196,69,105,0.55)!important;
}

.rls .pgfl {
  background:linear-gradient(135deg,#ff5582,#ffb7c5)!important;
  box-shadow:0 0 14px rgba(255,107,138,0.6)!important;
}

.rls .pgfp {
  background:linear-gradient(135deg,#e85a7a,#c8a2c8)!important;
  box-shadow:0 0 14px rgba(232,90,122,0.5)!important;
}

/* ---------- 8. 开发度网格 ---------- */
.rls .dvg {
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:10px!important;
  margin-bottom:14px!important;
}

.rls .dvi {
  padding:10px 12px!important;
  background:linear-gradient(135deg,rgba(255,255,255,0.85),rgba(255,240,245,0.7))!important;
  border:1px solid var(--rs-border-soft)!important;
  border-radius:12px!important;
  transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease!important;
}

.rls .dvi:hover {
  transform:translateY(-2px)!important;
  box-shadow:0 6px 16px rgba(255,122,156,0.18)!important;
  border-color:var(--rs-primary)!important;
}

.rls .dvt {
  font-size:13px!important;
  font-weight:700!important;
  color:var(--rs-primary)!important;
  margin-bottom:4px!important;
}

.rls .dvv {
  font-size:11.5px!important;
  color:var(--rs-text-sub)!important;
  font-weight:600!important;
  margin-bottom:4px!important;
  font-variant-numeric:tabular-nums!important;
}

.rls .dvd {
  font-size:11.5px!important;
  color:var(--rs-text)!important;
  line-height:1.55!important;
  padding-top:4px!important;
  border-top:1px dashed var(--rs-border-soft)!important;
}

/* ---------- 9. 腔内情况 ---------- */
.rls .bqb {
  margin-bottom:12px!important;
  padding:12px!important;
  background:linear-gradient(135deg,rgba(255,232,238,0.6),rgba(245,220,235,0.5))!important;
  border:1px solid var(--rs-border)!important;
  border-radius:12px!important;
}

.rls .bqt {
  font-size:13px!important;
  font-weight:700!important;
  color:var(--rs-primary)!important;
  margin-bottom:8px!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
}

.rls .bqb .si {
  display:block!important;
  margin:8px auto!important;
  border-radius:10px!important;
  max-width:100%!important;
  box-shadow:0 4px 14px rgba(255,122,156,0.2)!important;
}

.rls .bqd {
  font-size:12.5px!important;
  color:var(--rs-text)!important;
  line-height:1.7!important;
  margin-bottom:6px!important;
}

.rls .bqm {
  font-size:12px!important;
  color:var(--rs-text-sub)!important;
  padding-top:6px!important;
  border-top:1px dashed var(--rs-border-soft)!important;
}

/* ---------- 10. 男主信息 ---------- */
.pif {
  width:min(100%,960px)!important;
  max-width:960px!important;
  margin:18px auto!important;
  padding:16px 20px!important;
  background:linear-gradient(135deg,rgba(240,248,255,0.96),rgba(230,240,250,0.92))!important;
  border:1px solid rgba(100,149,237,0.32)!important;
  border-radius:var(--rs-radius)!important;
  box-shadow:0 8px 24px rgba(100,149,237,0.16),inset 0 1px 0 rgba(255,255,255,0.55)!important;
  overflow:hidden!important;
  position:relative!important;
  color:var(--rs-text)!important;
}

.pif::before {
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:18px!important;
  right:18px!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,rgba(100,149,237,0.85),rgba(173,216,230,0.9),transparent)!important;
}

.plh {
  display:block!important;
  font-size:15px!important;
  font-weight:700!important;
  color:#4169e1!important;
  margin-bottom:12px!important;
  padding-bottom:8px!important;
  border-bottom:2px solid rgba(100,149,237,0.28)!important;
  letter-spacing:1px!important;
  cursor:pointer!important;
  list-style:none!important;
}

.plh::-webkit-details-marker {
  display:none!important;
}

.plg {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

.pli {
  padding:10px 12px!important;
  background:rgba(255,255,255,0.78)!important;
  border:1px solid rgba(100,149,237,0.22)!important;
  border-radius:10px!important;
  box-shadow:0 2px 8px rgba(100,149,237,0.08),inset 0 1px 0 rgba(255,255,255,0.65)!important;
}

.plf {
  grid-column:1 / -1!important;
}

.pll {
  font-size:12px!important;
  color:#6495ed!important;
  font-weight:600!important;
  margin-bottom:4px!important;
}

.plv {
  font-size:14px!important;
  color:var(--rs-text)!important;
  font-weight:700!important;
}

.inv {
  font-size:13px!important;
  color:var(--rs-text)!important;
  line-height:1.65!important;
}

.inv b {
  color:#4169e1!important;
}

/* ---------- 11. 功能记录区 ---------- */
.wbt {
  width:min(100%,960px)!important;
  max-width:960px!important;
  margin:18px auto!important;
  padding:16px 20px!important;
  background:linear-gradient(135deg,rgba(255,250,240,0.96),rgba(255,243,224,0.92))!important;
  border:1px solid rgba(218,165,32,0.32)!important;
  border-radius:var(--rs-radius)!important;
  box-shadow:0 8px 24px rgba(218,165,32,0.16),inset 0 1px 0 rgba(255,255,255,0.55)!important;
  overflow:hidden!important;
  position:relative!important;
}

.wbt::before {
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:18px!important;
  right:18px!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,rgba(218,165,32,0.85),rgba(255,215,128,0.9),transparent)!important;
}

.wbh {
  display:block!important;
  font-size:15px!important;
  font-weight:700!important;
  color:#daa520!important;
  margin-bottom:12px!important;
  padding-bottom:8px!important;
  border-bottom:2px solid rgba(218,165,32,0.28)!important;
  letter-spacing:1px!important;
  cursor:pointer!important;
  list-style:none!important;
}

.wbh::-webkit-details-marker {
  display:none!important;
}

.wbl {
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}

.wbi {
  padding:8px 12px!important;
  background:rgba(255,255,255,0.72)!important;
  border:1px solid rgba(218,165,32,0.22)!important;
  border-radius:10px!important;
  font-size:13px!important;
  color:var(--rs-text)!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  box-shadow:0 2px 8px rgba(218,165,32,0.08),inset 0 1px 0 rgba(255,255,255,0.65)!important;
}

.wbi span {
  font-weight:600!important;
  color:#b8860b!important;
}

/* ---------- 12. iPhone 外壳 ---------- */
.ipm {
  width:min(100%,640px)!important;
  max-width:640px!important;
  aspect-ratio:9 / 19.5!important;
  height:auto!important;
  margin:20px auto!important;
  position:relative!important;
  background:#1a1a1a!important;
  border-radius:clamp(34px,6vw,52px)!important;
  padding:clamp(10px,2.5vw,18px)!important;
  box-shadow:0 28px 80px rgba(0,0,0,0.58),inset 0 0 0 2px rgba(255,255,255,0.08),inset 0 1px 0 rgba(255,255,255,0.15)!important;
  overflow:visible!important;
}

.ipn {
  position:absolute!important;
  top:0!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:clamp(124px,30%,188px)!important;
  height:clamp(26px,5.6%,38px)!important;
  background:#000!important;
  border-radius:0 0 22px 22px!important;
  z-index:30!important;
  box-shadow:0 2px 8px rgba(0,0,0,0.34)!important;
}

.ips {
  width:100%!important;
  height:100%!important;
  position:relative!important;
  background:
    linear-gradient(180deg,rgba(10,10,15,0.38),rgba(10,10,15,0.62)),
    url("https://i.ibb.co/rGN2pz7f/00116-473825988.png")!important;
  background-size:cover!important;
  background-position:center!important;
  border-radius:clamp(24px,5vw,38px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:clamp(42px,8vw,58px) clamp(12px,3vw,22px) clamp(22px,5vw,34px)!important;
  display:flex!important;
  flex-direction:column!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  -webkit-overflow-scrolling:touch!important;
}

.ips::-webkit-scrollbar {
  width:0!important;
  height:0!important;
  display:none!important;
}

/* ---------- 13. iPhone 状态栏 ---------- */
.ipn::before,
.ipn::after,
.ips .lkh:last-child::after {
  content:none!important;
  display:none!important;
}

.ips::before {
  content:""!important;
  position:absolute!important;
  top:clamp(14px,2.7vw,18px)!important;
  right:clamp(76px,15vw,96px)!important;
  width:clamp(16px,3vw,21px)!important;
  height:clamp(9px,2vw,12px)!important;
  z-index:25!important;
  pointer-events:none!important;
  background:
    linear-gradient(to top,rgba(255,255,255,0.92) 100%,transparent 0) 0 bottom / 3px 5px no-repeat,
    linear-gradient(to top,rgba(255,255,255,0.92) 100%,transparent 0) 5px bottom / 3px 7px no-repeat,
    linear-gradient(to top,rgba(255,255,255,0.92) 100%,transparent 0) 10px bottom / 3px 9px no-repeat,
    linear-gradient(to top,rgba(255,255,255,0.92) 100%,transparent 0) 15px bottom / 3px 11px no-repeat!important;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,0.6))!important;
}

.ips::after {
  content:"80%"!important;
  position:absolute!important;
  top:clamp(14px,2.7vw,18px)!important;
  right:clamp(18px,3.2vw,24px)!important;
  height:12px!important;
  line-height:12px!important;
  font-size:clamp(10px,2vw,12px)!important;
  font-weight:600!important;
  color:rgba(255,255,255,0.92)!important;
  text-shadow:0 1px 2px rgba(0,0,0,0.6)!important;
  z-index:25!important;
  pointer-events:none!important;
}

.ipm::before {
  content:""!important;
  position:absolute!important;
  top:clamp(27px,5.4vw,35px)!important;
  right:clamp(64px,12.8vw,78px)!important;
  width:clamp(22px,4.5vw,28px)!important;
  height:clamp(9px,2vw,12px)!important;
  box-sizing:border-box!important;
  padding:2px!important;
  border:1.5px solid rgba(255,255,255,0.92)!important;
  border-radius:3px!important;
  background:
    linear-gradient(90deg,#4ade80 0%,#22c55e 80%,transparent 80%,transparent 100%) content-box,
    rgba(0,0,0,0.35) padding-box!important;
  box-shadow:0 1px 3px rgba(0,0,0,0.6),inset 0 0 2px rgba(255,255,255,0.25)!important;
  z-index:35!important;
  pointer-events:none!important;
}

.ipm::after {
  content:""!important;
  position:absolute!important;
  top:clamp(29px,5.8vw,37px)!important;
  right:clamp(61px,12.2vw,75px)!important;
  width:2.5px!important;
  height:clamp(5px,1.2vw,6px)!important;
  background:rgba(255,255,255,0.92)!important;
  border-radius:0 1px 1px 0!important;
  box-shadow:0 1px 2px rgba(0,0,0,0.5)!important;
  z-index:35!important;
  pointer-events:none!important;
}

/* ---------- 14. 锁屏时间 ---------- */
.lkt {
  text-align:center!important;
  color:#fff!important;
  margin-bottom:8px!important;
  flex-shrink:0!important;
}

.lkt .lkh {
  font-size:clamp(56px,14vw,82px)!important;
  font-weight:300!important;
  line-height:1!important;
  letter-spacing:-2px!important;
  color:#fff!important;
  text-shadow:0 3px 12px rgba(0,0,0,0.6)!important;
}

.lkd {
  font-size:clamp(13px,2.8vw,17px)!important;
  font-weight:500!important;
  color:rgba(255,255,255,0.86)!important;
  margin-top:4px!important;
  text-shadow:0 2px 6px rgba(0,0,0,0.5)!important;
}

/* ---------- 15. 通知区 ---------- */
.nts {
  flex:1!important;
  width:100%!important;
  padding-top:clamp(14px,3vw,24px)!important;
  padding-bottom:clamp(62px,12vw,82px)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:clamp(9px,2vw,12px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  -webkit-overflow-scrolling:touch!important;
  mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,0.3) 8px,#000 18px,#000 calc(100% - 52px),rgba(0,0,0,0.25) calc(100% - 24px),transparent 100%)!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,0.3) 8px,#000 18px,#000 calc(100% - 52px),rgba(0,0,0,0.25) calc(100% - 24px),transparent 100%)!important;
}

.nts::-webkit-scrollbar {
  width:0!important;
  height:0!important;
  display:none!important;
}

.ntc {
  width:100%!important;
  flex-shrink:0!important;
  background:rgba(30,30,35,0.75)!important;
  backdrop-filter:blur(28px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(150%)!important;
  border-radius:clamp(14px,3vw,18px)!important;
  border:1px solid rgba(255,255,255,0.12)!important;
  padding:clamp(10px,2.5vw,14px) clamp(11px,3vw,16px)!important;
  box-shadow:0 8px 24px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.08)!important;
  transition:transform 0.25s ease,background 0.25s ease,box-shadow 0.25s ease!important;
  cursor:pointer!important;
}

.ntc:hover {
  background:rgba(40,40,48,0.86)!important;
  transform:scale(1.015)!important;
  box-shadow:0 12px 32px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.15)!important;
}

.nth {
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin-bottom:8px!important;
}

.nti {
  width:clamp(23px,4.8vw,27px)!important;
  height:clamp(23px,4.8vw,27px)!important;
  border-radius:6px!important;
  background:linear-gradient(135deg,rgba(255,255,255,0.15),rgba(255,255,255,0.05))!important;
  border:1px solid rgba(255,255,255,0.2)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:clamp(13px,3vw,15px)!important;
  box-shadow:0 2px 6px rgba(0,0,0,0.3)!important;
  flex-shrink:0!important;
}

.nth .nta {
  flex:1!important;
  font-size:clamp(12px,2.5vw,13px)!important;
  font-weight:600!important;
  color:rgba(255,255,255,0.9)!important;
  text-shadow:0 1px 3px rgba(0,0,0,0.5)!important;
}

.nth .ntt {
  font-size:clamp(11px,2.3vw,12px)!important;
  color:rgba(255,255,255,0.5)!important;
  font-weight:500!important;
  white-space:nowrap!important;
}

.nto {
  padding-left:clamp(28px,6vw,36px)!important;
}

.nto > .ntt {
  font-size:clamp(13px,2.8vw,14px)!important;
  line-height:1.35!important;
  font-weight:600!important;
  color:#fff!important;
  margin-bottom:4px!important;
  text-shadow:0 1px 2px rgba(0,0,0,0.4)!important;
}

.ntb {
  font-size:clamp(12px,2.55vw,13px)!important;
  line-height:1.45!important;
  color:rgba(255,255,255,0.76)!important;
  text-shadow:0 1px 2px rgba(0,0,0,0.3)!important;
}

/* 通知类型 */
.ntc.ntm .nti {
  border-radius:50%!important;
  background:linear-gradient(135deg,#667eea,#764ba2)!important;
  border-color:rgba(255,255,255,0.3)!important;
}

.ntc.nta {
  border:1px solid transparent!important;
  background:
    linear-gradient(rgba(30,30,35,0.75),rgba(30,30,35,0.75)) padding-box,
    linear-gradient(135deg,#f093fb,#f5576c) border-box!important;
}

.ntc.nta .nti {
  background:linear-gradient(135deg,#f5576c,#f093fb)!important;
}

.ntc.nts {
  border:1px solid transparent!important;
  background:
    linear-gradient(rgba(30,30,35,0.75),rgba(30,30,35,0.75)) padding-box,
    linear-gradient(135deg,#ffd89b,#19547b) border-box!important;
}

.ntc.nts .nti {
  background:linear-gradient(135deg,#ffd89b,#f6b93b)!important;
}

.ntc.ntf {
  border:1px solid transparent!important;
  background:
    linear-gradient(rgba(30,30,35,0.78),rgba(30,30,35,0.78)) padding-box,
    linear-gradient(135deg,rgba(200,162,200,0.85),rgba(255,122,156,0.85)) border-box!important;
}

.ntc.ntf .nti {
  background:linear-gradient(135deg,#c8a2c8,#ff7a9c)!important;
}

/* 底部提示：B里复用了 lkh，限定为 ips 直属最后提示 */
.ips > .lkh:last-child {
  text-align:center!important;
  padding:10px 0 4px!important;
  margin-top:0!important;
  color:rgba(255,255,255,0.52)!important;
  font-size:clamp(12px,2.5vw,13px)!important;
  font-weight:500!important;
  text-shadow:0 1px 3px rgba(0,0,0,0.5)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:8px!important;
  flex-shrink:0!important;
}

.ips > .lkh:last-child::before {
  content:""!important;
  width:36px!important;
  height:4px!important;
  background:rgba(255,255,255,0.3)!important;
  border-radius:2px!important;
  box-shadow:0 1px 3px rgba(0,0,0,0.3)!important;
}

/* ---------- 16. 微信表情 / 自拍 / 视频兼容 ---------- */
.ntb .wcs {
  display:block!important;
  width:80%!important;
  max-width:200px!important;
  aspect-ratio:1 / 1!important;
  margin:10px 0 0 0!important;
  margin-left:0!important;
  margin-right:auto!important;
  border-radius:12px!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  box-shadow:0 4px 12px rgba(0,0,0,0.25)!important;
  border:1.5px solid rgba(255,255,255,0.18)!important;
  transition:transform 0.3s ease,box-shadow 0.3s ease!important;
}

.ntb .wcs:hover {
  transform:scale(1.05)!important;
  box-shadow:0 6px 16px rgba(0,0,0,0.35)!important;
}

/* ---------- 17. 论坛附件 ---------- */
.fat {
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin-top:8px!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,0.42)!important;
  border:1px solid rgba(255,255,255,0.42)!important;
}

.ats {
  position:relative!important;
  z-index:2!important;
  list-style:none!important;
  cursor:pointer!important;
  padding:7px 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  font-size:12px!important;
  line-height:1.4!important;
  color:rgba(45,45,50,0.82)!important;
  background:rgba(255,255,255,0.24)!important;
}

.ats::-webkit-details-marker {
  display:none!important;
}

.ats em {
  flex:0 0 auto!important;
  font-style:normal!important;
  font-size:11px!important;
  color:rgba(80,80,88,0.58)!important;
}

.atb {
  width:100%!important;
  box-sizing:border-box!important;
  padding:8px 9px 9px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:5px!important;
}

.fat .ava.si,
.fat .si {
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:3 / 4!important;
  box-sizing:border-box!important;
  display:block!important;
  flex:none!important;
  margin:0!important;
  border:none!important;
  border-radius:10px!important;
  overflow:hidden!important;
  transform:none!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  box-shadow:0 6px 14px rgba(0,0,0,0.16)!important;
}

.atm {
  position:relative!important;
  z-index:2!important;
  margin-top:0!important;
  font-size:11px!important;
  line-height:1.4!important;
  color:rgba(70,70,78,0.56)!important;
}

/* ---------- 18. 剧情选择 ---------- */
.chb {
  width:min(100%,960px)!important;
  max-width:960px!important;
  padding:18px!important;
  margin:18px auto!important;
  background:linear-gradient(135deg,rgba(255,250,252,0.96),rgba(255,240,245,0.9))!important;
  border:1px solid var(--rs-border)!important;
  border-radius:var(--rs-radius)!important;
  box-shadow:var(--rs-shadow)!important;
  position:relative!important;
  overflow:hidden!important;
}

.chb::before {
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:18px!important;
  right:18px!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,var(--rs-primary),var(--rs-accent),transparent)!important;
}

.chh {
  font-size:15px!important;
  font-weight:700!important;
  color:var(--rs-primary)!important;
  margin-bottom:12px!important;
  padding-bottom:8px!important;
  border-bottom:2px solid var(--rs-border)!important;
  letter-spacing:1px!important;
}

.chl {
  display:grid!important;
  gap:8px!important;
}

.chi {
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:10px 12px!important;
  background:rgba(255,255,255,0.72)!important;
  border:1px solid var(--rs-border-soft)!important;
  border-radius:10px!important;
  box-shadow:0 2px 8px rgba(255,122,156,0.08),inset 0 1px 0 rgba(255,255,255,0.62)!important;
}

.chk {
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,var(--rs-primary),var(--rs-accent))!important;
  color:#fff!important;
  font-weight:700!important;
  font-size:13px!important;
  border-radius:8px!important;
  box-shadow:0 2px 6px rgba(255,122,156,0.3)!important;
}

.cht {
  flex:1!important;
  font-size:13.5px!important;
  color:var(--rs-text)!important;
  line-height:1.7!important;
  padding-top:3px!important;
}

/* ---------- 19. B模板图片基础继承 ---------- */
.si {
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

/* QN/BQ 横图继承 */
.si[class*="img-BQ-"],
.si[class*="img-QN-"],
.si.ratio-4x3 {
  aspect-ratio:4 / 3!important;
  width:50%!important;
  min-width:140px!important;
  max-width:320px!important;
  margin:0.8rem auto!important;
  display:block!important;
  border-radius:12px!important;
}

/* FZ立绘灾难防御 */
.rls .pnl > .si[class*="img-FZ-"] {
  position:relative!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:2 / 3!important;
  max-width:none!important;
  margin:0 0 14px 0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  box-shadow:0 12px 28px rgba(255,122,156,0.3),0 0 24px rgba(255,183,197,0.4)!important;
}

/* ---------- 20. 移动端 ---------- */
@media (max-width:768px) {
  .rls {
    padding:16px!important;
    margin:12px!important;
  }

  .rls .tgs {
    grid-template-columns:repeat(2,1fr)!important;
  }

  .rls .stp {
    grid-template-columns:1fr!important;
    grid-template-areas:"left" "right" "bottom"!important;
    gap:14px!important;
  }

  .rls .pnl {
    padding:14px!important;
    align-items:center!important;
  }

  .rls .avb {
    width:78%!important;
    max-width:280px!important;
    aspect-ratio:2 / 3!important;
    height:auto!important;
    margin:0 auto 12px auto!important;
  }

  .rls .nam,
  .rls .idn {
    text-align:center!important;
  }

  .rls .mod,
  .rls .pos {
    font-size:12px!important;
  }

  .rls .dvg {
    grid-template-columns:1fr!important;
  }

  .pif,
  .wbt,
  .chb,
  .ipm {
    width:min(100%,calc(85vw - 18px))!important;
    max-width:calc(85vw - 18px)!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .pif,
  .wbt {
    padding:14px!important;
  }

  .plg {
    grid-template-columns:1fr!important;
  }

  .ipm {
    aspect-ratio:9 / 19.5!important;
    height:auto!important;
    padding:10px!important;
    border-radius:34px!important;
  }

  .ips {
    width:100%!important;
    height:100%!important;
    border-radius:25px!important;
    padding:42px 10px 22px!important;
  }

  .ipn {
    width:138px!important;
    height:28px!important;
  }

  .lkt .lkh {
    font-size:clamp(48px,15vw,68px)!important;
  }

  .nts {
    padding-top:14px!important;
    padding-left:0!important;
    padding-right:0!important;
    padding-bottom:66px!important;
    gap:9px!important;
  }

  .ntc {
    padding:10px 11px!important;
    border-radius:14px!important;
  }

  .nto {
    padding-left:29px!important;
  }

  .ips::before {
    top:13px!important;
    right:68px!important;
  }

  .ips::after {
    top:13px!important;
    right:8px!important;
  }

  .ipm::before {
    top:22px!important;
    right:50px!important;
  }

  .ipm::after {
    top:24px!important;
    right:47px!important;
  }

  .si[class*="img-BQ-"],
  .si[class*="img-QN-"],
  .si.ratio-4x3 {
    width:80%!important;
    max-width:100%!important;
    min-width:120px!important;
    margin:0.5rem auto!important;
    border-radius:8px!important;
  }
}

@media (max-width:480px) {
  .rls .avb {
    width:88%!important;
  }

  .pif,
  .wbt,
  .chb,
  .ipm {
    width:min(100%,calc(85vw - 12px))!important;
    max-width:calc(85vw - 12px)!important;
  }

  .ipm {
    padding:8px!important;
    border-radius:30px!important;
  }

  .ips {
    border-radius:22px!important;
    padding-left:9px!important;
    padding-right:9px!important;
  }

  .ipn {
    width:124px!important;
    height:26px!important;
  }

  .lkt .lkh {
    font-size:clamp(44px,16vw,58px)!important;
  }

  .lkd {
    font-size:13px!important;
  }

  .nto {
    padding-left:27px!important;
  }

  .nto > .ntt {
    font-size:13px!important;
  }

  .ntb {
    font-size:12px!important;
    line-height:1.42!important;
  }

  .ntb .wcs {
    width:75%!important;
    max-width:160px!important;
    margin-top:8px!important;
  }

  .ips::before {
    top:12px!important;
    right:64px!important;
  }

  .ips::after {
    top:12px!important;
    right:7px!important;
  }

  .ipm::before {
    top:20px!important;
    right:45px!important;
  }

  .ipm::after {
    top:22px!important;
    right:42px!important;
  }
}

@media (max-width:360px) {
  .pif,
  .wbt,
  .chb,
  .ipm {
    width:min(100%,calc(84vw - 8px))!important;
    max-width:calc(84vw - 8px)!important;
  }

  .ipm {
    padding:7px!important;
    border-radius:28px!important;
  }

  .ips {
    border-radius:21px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }

  .ntc {
    padding:9px 10px!important;
  }

  .nto {
    padding-left:27px!important;
  }
}

/* ---------- 21. 减少动效 ---------- */
@media (prefers-reduced-motion:reduce) {
  .rls,
  .rls *,
  .rls *::before,
  .rls *::after,
  .pif,
  .pif *,
  .wbt,
  .wbt *,
  .ipm,
  .ipm *,
  .chb,
  .chb * {
    animation-duration:0.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:0.01ms!important;
  }

  .rls .pgf,
  .rls .pgfd,
  .rls .pgfl,
  .rls .pgfp {
    animation:none!important;
  }
}

/* ========== 修复：微信通知内 ZP/ZS 自拍视频被 wcs 压成正方形 ========== */
.ntb .wcs.si[class*="img-ZP-"],
.ntb .wcs.si[class*="img-ZS-"],
.rs-notif-body .rs-wechat-sticker.story-image[class*="img-ZP-"],
.rs-notif-body .rs-wechat-sticker.story-image[class*="img-ZS-"] {
  aspect-ratio: 2 / 3 !important;
  width: 65% !important;
  max-width: 180px !important;
  margin: 10px 0 0 0 !important;
  border-radius: 14px !important;
  background-size: cover !important;
  background-position: center !important;
  transform: none !important;
}

.ntb .wcs.si[class*="img-ZS-"]::after {
  content: "▶" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255,255,255,0.95) !important;
  background: rgba(0,0,0,0.6) !important;
  border-radius: 50% !important;
  border: 2px solid rgba(255,255,255,0.8) !important;
  z-index: 2 !important;
}

@media (max-width: 480px) {
  .ntb .wcs.si[class*="img-ZP-"],
  .ntb .wcs.si[class*="img-ZS-"],
  .rs-notif-body .rs-wechat-sticker.story-image[class*="img-ZP-"],
  .rs-notif-body .rs-wechat-sticker.story-image[class*="img-ZS-"] {
    width: 60% !important;
    max-width: 150px !important;
  }
}

.ntb .wcs.si[class*="img-ZS-"]::after {
  content: none !important;
  display: none !important;
}

/* ========== B版短类名冲突修复：通知列表 / 商城卡 / 广告卡 / 标题时间 ========== */

/* 1. 只有“不是通知卡”的 .nts 才能当通知列表 */
.ips > .nts:not(.ntc) {
  flex: 1 !important;
  width: 100% !important;
  padding-top: clamp(14px, 3vw, 24px) !important;
  padding-bottom: clamp(62px, 12vw, 82px) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(9px, 2vw, 12px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  -webkit-overflow-scrolling: touch !important;
  mask-image: linear-gradient(to bottom, transparent 0, rgba(0,0,0,.3) 8px, #000 18px, #000 calc(100% - 52px), rgba(0,0,0,.25) calc(100% - 24px), transparent 100%) !important;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, rgba(0,0,0,.3) 8px, #000 18px, #000 calc(100% - 52px), rgba(0,0,0,.25) calc(100% - 24px), transparent 100%) !important;
}

/* 2. 如果秘密商城卡 .ntc.nts 被误判成通知列表，强制恢复卡片形态 */
.ntc.nts {
  flex: none !important;
  flex-shrink: 0 !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  padding: clamp(10px, 2.5vw, 14px) clamp(11px, 3vw, 16px) !important;
  margin: 0 !important;
  overflow: visible !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  scrollbar-width: auto !important;
  border: 1px solid transparent !important;
  border-radius: clamp(14px, 3vw, 18px) !important;
  background:
    linear-gradient(rgba(30,30,35,0.75), rgba(30,30,35,0.75)) padding-box,
    linear-gradient(135deg, #ffd89b, #19547b) border-box !important;
  box-shadow:
    0 8px 24px rgba(0,0,0,0.4),
    inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

.ntc.nts .nti {
  background: linear-gradient(135deg, #ffd89b, #f6b93b) !important;
}

/* 3. 兼职广告卡同理：.nta 同时也被用作“应用名”，只允许 .ntc.nta 当卡片 */
.ntc.nta {
  flex: none !important;
  flex-shrink: 0 !important;
  display: block !important;
  width: 100% !important;
  padding: clamp(10px, 2.5vw, 14px) clamp(11px, 3vw, 16px) !important;
  overflow: visible !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  border: 1px solid transparent !important;
  border-radius: clamp(14px, 3vw, 18px) !important;
  background:
    linear-gradient(rgba(30,30,35,0.75), rgba(30,30,35,0.75)) padding-box,
    linear-gradient(135deg, #f093fb, #f5576c) border-box !important;
}

.ntc.nta .nti {
  background: linear-gradient(135deg, #f5576c, #f093fb) !important;
}

/* 4. 通知头部里的 .nta 永远按应用名显示，不被广告卡样式污染 */
.nth > .nta {
  flex: 1 !important;
  display: block !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: clamp(12px, 2.5vw, 13px) !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.9) !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
}

/* 5. .ntt 同时代表时间和标题：按位置强制区分 */
.nth > .ntt {
  flex: 0 0 auto !important;
  font-size: clamp(11px, 2.3vw, 12px) !important;
  line-height: 1.2 !important;
  color: rgba(255,255,255,0.5) !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

.nto > .ntt {
  display: block !important;
  font-size: clamp(13px, 2.8vw, 14px) !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  color: #fff !important;
  margin: 0 0 4px 0 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.4) !important;
}

/* 6. 商城/广告/银行/论坛卡统一底层，防止被列表或图片样式污染 */
.ntc {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  aspect-ratio: auto !important;
  background-size: auto !important;
  background-position: initial !important;
}

/* 7. 通知列表滚动条隐藏只作用在真正列表上 */
.ips > .nts:not(.ntc)::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* ==========================================
   补丁：AI加载动画 → 小女孩吃蛋糕三连图（每0.5s切换+左右摆动）
   放在整份 CSS 最末尾，会覆盖原有的 SVG SMIL 加载动画
   ========================================== */

/* 1. 强制隐藏平台默认的小圆点闪烁动画 */
.style_dot-flashing__8L91Q {
  display: none !important;
}

/* 2. 加载容器：扩大尺寸放下完整人物，定位基准 */
.flex.items-center.justify-center.w-6.h-5 {
  position: relative !important;
  width: 88px !important;
  height: 88px !important;
  /* 给左右摆动预留呼吸空间，避免被父容器裁切 */
  overflow: visible !important;
}

/* 3. 用 ::before 承载图片切换 + 摆动动画 */
.flex.items-center.justify-center.w-6.h-5::before {
  content: '' !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;

  /* 默认先放第一张，防止动画未触发时空白 */
  background-image: url('https://i.ibb.co/5WvPxbjp/grok-image-424d845d-8d7d-4f74-987d-d034a8ee4ef8-removebg-preview.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center bottom !important;

  /* 以底部为旋转支点：更像小女孩坐着左右晃身体 */
  transform-origin: center bottom !important;

  /* 主题柔光 + 轻微投影，融入樱泉密事粉调 */
  filter:
    drop-shadow(0 4px 10px rgba(255, 122, 156, 0.35))
    drop-shadow(0 0 6px rgba(255, 183, 197, 0.45)) !important;

  /* 关键：steps(1) 让图片"啪"地切换，不会出现奇怪的渐变叠图 */
  animation: cake-girl-loader 1.5s steps(1, end) infinite !important;
}

/* 4. 三帧动画：每张图 0.5s，配合左右摆动节奏 */
@keyframes cake-girl-loader {
  /* 第 1 帧（0 ~ 0.5s）：图1 + 左倾 */
  0% {
    background-image: url('https://i.ibb.co/5WvPxbjp/grok-image-424d845d-8d7d-4f74-987d-d034a8ee4ef8-removebg-preview.png');
    transform: rotate(-7deg);
  }

  /* 第 2 帧（0.5 ~ 1s）：图2 + 右倾 */
  33.333% {
    background-image: url('https://i.ibb.co/VphVvrKk/grok-image-13c06741-2cf9-4e00-88a8-61a16de051e7-removebg-preview.png');
    transform: rotate(7deg);
  }

  /* 第 3 帧（1 ~ 1.5s）：图3 + 左倾，循环回第 1 帧无缝衔接 */
  66.666% {
    background-image: url('https://i.ibb.co/Xxy6xYKY/grok-image-176b2d7f-1314-4c04-b56f-31c810bc5d94-removebg-preview.png');
    transform: rotate(-7deg);
  }

  /* 收尾：保持图3，下一轮再切回图1，避免最后一帧空白 */
  100% {
    background-image: url('https://i.ibb.co/Xxy6xYKY/grok-image-176b2d7f-1314-4c04-b56f-31c810bc5d94-removebg-preview.png');
    transform: rotate(-7deg);
  }
}

/* 5. "正在思考"文字依然保留主题色（防止被父级覆盖） */
.style_text__zGhNq {
  color: #c8769b !important;
  font-size: 13px !important;
  letter-spacing: 1px !important;
  margin-left: 6px !important;
}

/* 6. 移动端：稍微缩一点尺寸，避免占用过多输入区视野 */
@media (max-width: 768px) {
  .flex.items-center.justify-center.w-6.h-5 {
    width: 72px !important;
    height: 72px !important;
  }
}

@media (max-width: 480px) {
  .flex.items-center.justify-center.w-6.h-5 {
    width: 64px !important;
    height: 64px !important;
  }
}

/* 7. 动效降级：用户开启了减少动画偏好时，定格在第一张图 */
@media (prefers-reduced-motion: reduce) {
  .flex.items-center.justify-center.w-6.h-5::before {
    animation: none !important;
    transform: rotate(0deg) !important;
    background-image: url('https://i.ibb.co/SDfVnzhp/ezgif-com-animated-gif-maker.gif') !important;
  }
}
/* ==========================================
   补丁 v2：AI加载动画 → 小女孩吃蛋糕（修正版）
   节奏：每张图显示1s，期间完整摆动一次（左→右→左），然后切下一张
   ========================================== */

/* 1. 隐藏平台默认小圆点 */
.style_dot-flashing__8L91Q {
  display: none !important;
}

/* 2. 容器：扩大尺寸放下完整人物 + 不裁切摆动 */
.flex.items-center.justify-center.w-6.h-5 {
  position: relative !important;
  width: 88px !important;
  height: 88px !important;
  overflow: visible !important;
}

/* 3. 伪元素承载小女孩立绘 */
.flex.items-center.justify-center.w-6.h-5::before {
  content: '' !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;

  /* 默认底图，防止动画未触发时空白 */
  background-image: url('https://i.ibb.co/5WvPxbjp/grok-image-424d845d-8d7d-4f74-987d-d034a8ee4ef8-removebg-preview.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center bottom !important;

  /* 摆动支点：脚下，像小女孩坐着晃身体 */
  transform-origin: center bottom !important;

  /* 樱泉粉调柔光 */
  filter:
    drop-shadow(0 4px 10px rgba(255, 122, 156, 0.35))
    drop-shadow(0 0 6px rgba(255, 183, 197, 0.45)) !important;

  /* 关键：两个独立动画并行
     A. cake-girl-frames 3s：每张图各占 1s 离散切换
     B. cake-girl-sway 1s：每张图显示期间完成一次完整摆动 */
  animation:
    cake-girl-frames 3s linear infinite,
    cake-girl-sway 1s ease-in-out infinite !important;
}

/* 4. 图片切换动画：background-image 本身不可插值，会自动跳变 */
@keyframes cake-girl-frames {
  0%, 33.32% {
    background-image: url('https://i.ibb.co/SDfVnzhp/ezgif-com-animated-gif-maker.gif');
  }
  33.33%, 66.65% {
    background-image: url('https://i.ibb.co/VphVvrKk/grok-image-13c06741-2cf9-4e00-88a8-61a16de051e7-removebg-preview.png');
  }
  66.66%, 100% {
    background-image: url('https://i.ibb.co/Xxy6xYKY/grok-image-176b2d7f-1314-4c04-b56f-31c810bc5d94-removebg-preview.png');
  }
}

/* 5. 摆动动画：1s 一个完整周期，连续平滑，独立运行不被切图打断 */
@keyframes cake-girl-sway {
  0%   { transform: rotate(-6deg); }
  50%  { transform: rotate(6deg);  }
  100% { transform: rotate(-6deg); }
}

/* 6. "正在思考"文字保持主题色 */
.style_text__zGhNq {
  color: #c8769b !important;
  font-size: 13px !important;
  letter-spacing: 1px !important;
  margin-left: 6px !important;
}

/* 7. 移动端缩小 */
@media (max-width: 768px) {
  .flex.items-center.justify-center.w-6.h-5 {
    width: 72px !important;
    height: 72px !important;
  }
}

@media (max-width: 480px) {
  .flex.items-center.justify-center.w-6.h-5 {
    width: 64px !important;
    height: 64px !important;
  }
}

/* 8. 动效降级 */
@media (prefers-reduced-motion: reduce) {
  .flex.items-center.justify-center.w-6.h-5::before {
    animation: none !important;
    transform: rotate(0deg) !important;
  }
}



/* ==========================================
   补丁 v3（最终版）：单GIF + CSS摆动
   GIF负责图片切换，CSS负责左右摇摆
   ========================================== */

/* 1. 隐藏平台默认小圆点 */
.style_dot-flashing__8L91Q {
  display: none !important;
}

/* 2. 容器：放大尺寸 + 不裁切摆动溢出 */
.flex.items-center.justify-center.w-6.h-5 {
  position: relative !important;
  width: 88px !important;
  height: 88px !important;
  overflow: visible !important;
}

/* 3. 伪元素承载GIF */
.flex.items-center.justify-center.w-6.h-5::before {
  content: '' !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;

  /* 单GIF，浏览器原生解码，零兼容性问题 */
  background-image: url('https://i.ibb.co/SDfVnzhp/ezgif-com-animated-gif-maker.gif') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center bottom !important;

  /* 摆动支点：脚下 */
  transform-origin: center bottom !important;

  /* 樱泉粉调柔光 */
  filter:
    drop-shadow(0 4px 10px rgba(255, 122, 156, 0.35))
    drop-shadow(0 0 6px rgba(255, 183, 197, 0.45)) !important;

  /* 摆动动画：1s 一个完整周期，左→右→左 */
  animation: cake-girl-sway 1s ease-in-out infinite !important;
}

/* 4. 摆动关键帧：沿用之前的节奏 */
@keyframes cake-girl-sway {
  0%   { transform: rotate(-6deg); }
  50%  { transform: rotate(6deg);  }
  100% { transform: rotate(-6deg); }
}

/* 5. 清除前面版本可能残留的换图动画 */
@keyframes cake-girl-frames {
  0%, 100% { background-image: url('https://i.ibb.co/SDfVnzhp/ezgif-com-animated-gif-maker.gif'); }
}

/* 6. "正在思考"文字保持主题色 */
.style_text__zGhNq {
  color: #c8769b !important;
  font-size: 13px !important;
  letter-spacing: 1px !important;
  margin-left: 6px !important;
}

/* 7. 移动端缩小 */
@media (max-width: 768px) {
  .flex.items-center.justify-center.w-6.h-5 {
    width: 72px !important;
    height: 72px !important;
  }
}

@media (max-width: 480px) {
  .flex.items-center.justify-center.w-6.h-5 {
    width: 64px !important;
    height: 64px !important;
  }
}

/* 8. 动效降级（无障碍） */
@media (prefers-reduced-motion: reduce) {
  .flex.items-center.justify-center.w-6.h-5::before {
    animation: none !important;
    transform: rotate(0deg) !important;
  }
}

/* ==========================================
   补丁 v3.1：彻底清除残留的三个点 · · ·
   广谱命中所有常见加载点实现
   ========================================== */

/* 1. 命中所有"flashing/typing/loading/pulse"类的点容器 */
[class*="dot-flashing"],
[class*="dot-typing"],
[class*="dot-pulse"],
[class*="loading-dots"],
[class*="typing-indicator"],
[class*="ellipsis"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}

/* 2. 清除文字容器的 ::after / ::before 伪元素点点 */
.style_text__zGhNq::after,
.style_text__zGhNq::before,
[class*="style_text"]::after,
[class*="style_text"]::before {
  content: '' !important;
  display: none !important;
}

/* 3. 兜底：紧邻文字的小元素（兄弟节点形式的点） */
.style_text__zGhNq + *,
[class*="style_text"] ~ span:not(:first-child) {
  display: none !important;
}

/* 4. 如果点是直接写在文本里的字符，用字体掩码替换
   （只在前 3 种都没生效时启用，把下面这块取消注释） */
/*
.style_text__zGhNq {
  font-size: 0 !important;
}
.style_text__zGhNq::first-line {
  font-size: 13px !important;
}
*/