/* ═══ B平台表格修正（自动注入）═══ */
.rili-markdown-renderer table { display:table!important; table-layout:auto!important; width:100%!important; border-collapse:collapse!important; }
.rili-markdown-renderer table caption { display:table-caption!important; caption-side:top!important; text-align:center!important; padding:8px!important; }
.rili-markdown-renderer thead { display:table-header-group!important; }
.rili-markdown-renderer tbody { display:table-row-group!important; }
.rili-markdown-renderer tr { display:table-row!important; }
.rili-markdown-renderer th, .rili-markdown-renderer td { display:table-cell!important; }

/* ═══ B平台按钮组保护（自动注入 — 防止按钮消失）═══
   原理：B平台消息操作按钮结构为：
   .flex.items-center.gap-1.ml-auto (hover显隐包装)
     └── .bg-muted.rounded.flex.p-0.5 (按钮组容器)
           └── button.rounded-full.size-7 (单个按钮)
   以下规则使用高specificity + !important确保按钮
   不被任何转换后/透传的CSS规则意外隐藏
   ═══════════════════════════════════════════════ */
/* 按钮组容器保护 */
.w-full.h-full.flex.group .bg-muted.rounded.flex.p-0\.5,
.is-user .bg-muted.rounded.flex.p-0\.5,
.is-assistant .bg-muted.rounded.flex.p-0\.5 {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  position: relative !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  pointer-events: auto !important;
  clip: auto !important;
  clip-path: none !important;
}
/* 单个按钮保护 */
.w-full.h-full.flex.group .bg-muted.rounded.flex.p-0\.5 > button,
.is-user .bg-muted.rounded.flex.p-0\.5 > button,
.is-assistant .bg-muted.rounded.flex.p-0\.5 > button {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: relative !important;
  clip: auto !important;
  clip-path: none !important;
}
/* hover显隐包装层保护 — 仅保留B平台原生的opacity过渡 */
.flex.items-center.gap-1.ml-auto.md\:opacity-0.group-hover\:opacity-100 {
  visibility: visible !important;
  display: flex !important;
  pointer-events: auto !important;
  overflow: visible !important;
}
/* 操作行保护 */
.flex.w-full.items-center.justify-between.gap-2.px-2 {
  display: flex !important;
  visibility: visible !important;
  overflow: visible !important;
}

/* ═══ B平台顶部栏适配说明（自动注入）═══
   A: div.sticky > div.flex.justify-between
      ├── 左侧空区
      ├── #ai-model-selector (居中)
      └── 右侧工具(设置按钮等)
   B: <header.flex.justify-between>
      ├── #nav-left (侧边栏开关)
      ├── #nav-middle (可能为空)
      └── #nav-right (通知/主题/语言)
   B平台模型按钮不在header内，选择器:
   button:has(> .flex-1.truncate.text-left)
   ═══════════════════════════════════════ */
header.flex.justify-between { position: relative; overflow: visible; }


/* ========== 聊天气泡美化 - 纸质奶黄色 ========== */
/* 用户气泡 - 温暖奶黄渐变 */
.group.is-user > div:first-child {
  background: linear-gradient(135deg, #FFFEF7 0%, #FFF8DC 50%, #FFE4B5 100%) !important;
  border: 2px solid #E8D4B0 !important;
  border-radius: 20px 20px 5px 20px !important;
  box-shadow: 0 4px 16px rgba(232, 212, 176, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
  position: relative !important;
  padding: 16px 18px !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

/* AI气泡 - 淡雅米色渐变 */
.group.is-assistant > div:first-child {
  background: linear-gradient(135deg, #FFFEF7 0%, #FFF8E7 50%, #F5E6D3 100%) !important;
  border: 2px solid #D4C4A8 !important;
  border-radius: 20px 20px 20px 5px !important;
  box-shadow: 0 4px 16px rgba(212, 196, 168, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  position: relative !important;
  padding: 16px 18px !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

/* ========== 流星背景动画 ========== */
/* 大流星 - 使用SVG内联动画 */
.group.is-user > div:first-child::before,
.group.is-assistant > div:first-child::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
  pointer-events: none !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300"><defs><linearGradient id="star1" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" style="stop-color:%23FFD700;stop-opacity:0"/><stop offset="50%" style="stop-color:%23FFD700;stop-opacity:0.8"/><stop offset="100%" style="stop-color:%23FFD700;stop-opacity:0"/></linearGradient></defs><line x1="-50" y1="30" x2="150" y2="30" stroke="url(%23star1)" stroke-width="2.5" stroke-linecap="round"><animate attributeName="x1" values="-50;450" dur="3.5s" repeatCount="indefinite"/><animate attributeName="x2" values="150;650" dur="3.5s" repeatCount="indefinite"/><animate attributeName="opacity" values="0;1;1;0" dur="3.5s" repeatCount="indefinite"/></line></svg>') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  animation: meteor-move-1 3.5s linear infinite !important;
}

/* 中流星 */
.group.is-user > div:first-child::after,
.group.is-assistant > div:first-child::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: -1 !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300"><defs><linearGradient id="star2" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" style="stop-color:%23FFA500;stop-opacity:0"/><stop offset="50%" style="stop-color:%23FFA500;stop-opacity:0.7"/><stop offset="100%" style="stop-color:%23FFA500;stop-opacity:0"/></linearGradient></defs><line x1="-30" y1="80" x2="80" y2="80" stroke="url(%23star2)" stroke-width="1.8" stroke-linecap="round"><animate attributeName="x1" values="-30;430" dur="2.8s" begin="0.6s" repeatCount="indefinite"/><animate attributeName="x2" values="80;540" dur="2.8s" begin="0.6s" repeatCount="indefinite"/><animate attributeName="opacity" values="0;1;1;0" dur="2.8s" begin="0.6s" repeatCount="indefinite"/></line></svg>') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  animation: meteor-move-2 2.8s linear 0.6s infinite !important;
}

/* 小流星群 - 使用伪元素嵌套hack */
.group.is-user > div:first-child,
.group.is-assistant > div:first-child {
  background-image: 
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300"><defs><linearGradient id="star3" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" style="stop-color:%23FFEC8B;stop-opacity:0"/><stop offset="50%" style="stop-color:%23FFEC8B;stop-opacity:0.6"/><stop offset="100%" style="stop-color:%23FFEC8B;stop-opacity:0"/></linearGradient></defs><line x1="-20" y1="150" x2="40" y2="150" stroke="url(%23star3)" stroke-width="1.2" stroke-linecap="round"><animate attributeName="x1" values="-20;420" dur="2.2s" begin="1.2s" repeatCount="indefinite"/><animate attributeName="x2" values="40;480" dur="2.2s" begin="1.2s" repeatCount="indefinite"/><animate attributeName="opacity" values="0;1;0" dur="2.2s" begin="1.2s" repeatCount="indefinite"/></line></svg>'),
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300"><defs><linearGradient id="star4" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" style="stop-color:%23FFD700;stop-opacity:0"/><stop offset="50%" style="stop-color:%23FFD700;stop-opacity:0.5"/><stop offset="100%" style="stop-color:%23FFD700;stop-opacity:0"/></linearGradient></defs><line x1="-15" y1="200" x2="30" y2="200" stroke="url(%23star4)" stroke-width="1" stroke-linecap="round"><animate attributeName="x1" values="-15;415" dur="1.9s" begin="0.3s" repeatCount="indefinite"/><animate attributeName="x2" values="30;460" dur="1.9s" begin="0.3s" repeatCount="indefinite"/><animate attributeName="opacity" values="0;1;0" dur="1.9s" begin="0.3s" repeatCount="indefinite"/></line></svg>'),
    linear-gradient(135deg, #FFFEF7 0%, #FFF8DC 50%, #FFE4B5 100%) !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.group.is-assistant > div:first-child {
  background-image: 
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300"><defs><linearGradient id="star3" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" style="stop-color:%23FFEC8B;stop-opacity:0"/><stop offset="50%" style="stop-color:%23FFEC8B;stop-opacity:0.6"/><stop offset="100%" style="stop-color:%23FFEC8B;stop-opacity:0"/></linearGradient></defs><line x1="-20" y1="150" x2="40" y2="150" stroke="url(%23star3)" stroke-width="1.2" stroke-linecap="round"><animate attributeName="x1" values="-20;420" dur="2.2s" begin="1.2s" repeatCount="indefinite"/><animate attributeName="x2" values="40;480" dur="2.2s" begin="1.2s" repeatCount="indefinite"/><animate attributeName="opacity" values="0;1;0" dur="2.2s" begin="1.2s" repeatCount="indefinite"/></line></svg>'),
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300"><defs><linearGradient id="star4" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" style="stop-color:%23FFD700;stop-opacity:0"/><stop offset="50%" style="stop-color:%23FFD700;stop-opacity:0.5"/><stop offset="100%" style="stop-color:%23FFD700;stop-opacity:0"/></linearGradient></defs><line x1="-15" y1="200" x2="30" y2="200" stroke="url(%23star4)" stroke-width="1" stroke-linecap="round"><animate attributeName="x1" values="-15;415" dur="1.9s" begin="0.3s" repeatCount="indefinite"/><animate attributeName="x2" values="30;460" dur="1.9s" begin="0.3s" repeatCount="indefinite"/><animate attributeName="opacity" values="0;1;0" dur="1.9s" begin="0.3s" repeatCount="indefinite"/></line></svg>'),
    linear-gradient(135deg, #FFFEF7 0%, #FFF8E7 50%, #F5E6D3 100%) !important;
}

@keyframes meteor-move-1 {
  0% { transform: translateX(-10%); }
  100% { transform: translateX(10%); }
}

@keyframes meteor-move-2 {
  0% { transform: translateX(-5%) translateY(-5%); }
  100% { transform: translateX(5%) translateY(5%); }
}

/* 气泡装饰 - 金色星星 */
.group.is-user > div:first-child:has(+ *),
.group.is-assistant > div:first-child:has(+ *) {
  position: relative !important;
}

/* ========== 正文内容优化 ========== */
.rili-markdown-renderer,
.rili-markdown-renderer * {
  color: #4A4A4A !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif !important;
}

/* 标题样式 */
.rili-markdown-renderer h1,
.rili-markdown-renderer h2,
.rili-markdown-renderer h3 {
  color: #B8860B !important;
  font-weight: 700 !important;
  margin-top: 1.5em !important;
  text-shadow: 1px 1px 2px rgba(184, 134, 11, 0.2) !important;
}

/* 代码块纸质化 */
.rili-markdown-renderer pre {
  background: linear-gradient(135deg, #FFFEF7 0%, #F5F5DC 100%) !important;
  border: 2px solid #E8D4B0 !important;
  border-radius: 12px !important;
  padding: 12px !important;
}

.rili-markdown-renderer code {
  background: rgba(255, 228, 181, 0.3) !important;
  color: #A0522D !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
}

/* ========== 自定义顶部信息栏 ========== */
.group.is-assistant > div:first-child top,
.group.is-user > div:first-child top {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 10px 14px !important;
  margin: -16px -18px 12px -18px !important;
  background: linear-gradient(90deg, rgba(255, 248, 220, 0.92) 0%, rgba(245, 230, 211, 0.92) 100%) !important;
  backdrop-filter: blur(8px) !important;
  border-radius: 18px 18px 0 0 !important;
  border-bottom: 2px solid rgba(232, 212, 176, 0.6) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #4A4A4A !important;
  box-shadow: 0 2px 8px rgba(184, 134, 11, 0.1) !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

top span {
  background: rgba(255, 255, 255, 0.85) !important;
  padding: 4px 10px !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 4px rgba(184, 134, 11, 0.15) !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  border: 1px solid rgba(232, 212, 176, 0.5) !important;
}

/* ========== 平台顶部栏美化 ========== */
header.flex.justify-between {
  background: linear-gradient(135deg, #FFFEF7 0%, #FFF8DC 100%) !important;
  border-bottom: 2px solid #E8D4B0 !important;
  box-shadow: 0 3px 12px rgba(232, 212, 176, 0.3) !important;
  padding: 12px 16px !important;
}

/* 模型选择器 */
#nav-middle .group.flex.items-center {
  background: linear-gradient(135deg, #FFFFFF 0%, #FFFEF7 100%) !important;
  border: 2px solid #E8D4B0 !important;
  border-radius: 14px !important;
  padding: 8px 14px !important;
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
  box-shadow: 0 2px 8px rgba(232, 212, 176, 0.25) !important;
}

#nav-middle .group.flex.items-center:hover {
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 4px 14px rgba(184, 134, 11, 0.35) !important;
  border-color: #D4C4A8 !important;
}

#nav-middle button:has(> .flex-1.truncate.text-left) .flex-1.truncate.text-left {
  color: #B8860B !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

/* 顶部栏图标统一美化 */
header.flex.justify-between.w-full.top-0 svg {
  color: #D4A574 !important;
  stroke: #D4A574 !important;
  filter: drop-shadow(0 2px 4px rgba(212, 165, 116, 0.3)) !important;
  transition: all 0.3s ease !important;
}

header.flex.justify-between.w-full.top-0 svg:hover {
  color: #B8860B !important;
  stroke: #B8860B !important;
  transform: rotate(15deg) scale(1.1) !important;
}

/* 设置按钮特殊处理 */
#nav-right button {
  background: linear-gradient(135deg, #FFE4B5 0%, #FFDEAD 100%) !important;
  border: 2px solid #E8D4B0 !important;
  border-radius: 12px !important;
  transition: all 0.3s ease !important;
}

#nav-right button:hover {
  transform: rotate(90deg) scale(1.1) !important;
  box-shadow: 0 4px 12px rgba(255, 222, 173, 0.5) !important;
}

/* ========== 底部输入栏美化 ========== */
#ai-chat-bottom-input {
  background: linear-gradient(135deg, #FFFEF7 0%, #FFF8DC 100%) !important;
  border: 2px solid #E8D4B0 !important;
  border-radius: 18px !important;
  box-shadow: 0 -4px 18px rgba(232, 212, 176, 0.35) !important;
  padding: 12px !important;
}

#ai-chat-input {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 2px solid #D4C4A8 !important;
  border-radius: 14px !important;
  padding: 12px 16px !important;
  font-size: 15px !important;
  color: #4A4A4A !important;
  transition: all 0.3s ease !important;
}

#ai-chat-input:focus {
  border-color: #B8860B !important;
  box-shadow: 0 0 0 3px rgba(184, 134, 11, 0.15) !important;
  transform: scale(1.01) !important;
}

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

#ai-chat-input::selection {
  background: #FFE4B5 !important;
  color: #4A4A4A !important;
}

/* ========== 底部按钮栏美化 ========== */
#ai-mod-button2 {
  background: linear-gradient(135deg, #FFFEF7 0%, #F5E6D3 100%) !important;
  padding: 10px !important;
  border-radius: 14px !important;
  border: 2px solid #E8D4B0 !important;
}

#ai-mod-button2 button.MuiButton-root {
  background: linear-gradient(135deg, #FFFFFF 0%, #FFFEF7 100%) !important;
  border: 2px solid #D4C4A8 !important;
  border-radius: 12px !important;
  color: #B8860B !important;
  font-weight: 700 !important;
  padding: 8px 16px !important;
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
  box-shadow: 0 2px 8px rgba(212, 196, 168, 0.25) !important;
}

#ai-mod-button2 button.MuiButton-root:hover {
  background: linear-gradient(135deg, #FFE4B5 0%, #FFDEAD 100%) !important;
  color: #8B4513 !important;
  transform: translateY(-3px) scale(1.05) !important;
  box-shadow: 0 5px 16px rgba(184, 134, 11, 0.4) !important;
  border-color: #B8860B !important;
}

#ai-mod-button2 button.MuiButton-root svg {
  color: #D4A574 !important;
  filter: drop-shadow(0 2px 4px rgba(212, 165, 116, 0.3)) !important;
  transition: transform 0.3s ease !important;
}

#ai-mod-button2 button.MuiButton-root:hover svg {
  color: #8B4513 !important;
  transform: rotate(360deg) !important;
}

/* ========== 附加元素美化 ========== */
/* Token消耗显示 */
.text-xs.font-mono.text-muted-foreground {
  color: #B8860B !important;
  font-weight: 600 !important;
  opacity: 0.8 !important;
  text-shadow: 0 1px 2px rgba(184, 134, 11, 0.2) !important;
}

/* 操作按钮容器 */
.bg-muted.rounded.flex {
  background: rgba(255, 255, 255, 0.7) !important;
  border: 2px solid #E8D4B0 !important;
  border-radius: 12px !important;
  padding: 6px !important;
  box-shadow: 0 2px 8px rgba(232, 212, 176, 0.25) !important;
}

.bg-muted.rounded.flex button {
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
}

.bg-muted.rounded.flex button:hover {
  background: rgba(255, 228, 181, 0.6) !important;
  transform: scale(1.15) !important;
}

.bg-muted.rounded.flex button svg.lucide {
  color: #D4A574 !important;
  stroke: #D4A574 !important;
  transition: all 0.3s ease !important;
}

.bg-muted.rounded.flex button:hover svg.lucide {
  color: #B8860B !important;
  stroke: #B8860B !important;
  transform: rotate(15deg) !important;
}

/* 强制显示按钮 */
.group .md\:opacity-0 {
  opacity: 1 !important;
}

/* ========== 滚动条美化 ========== */
.rili-markdown-renderer::-webkit-scrollbar {
  width: 8px !important;
}

.rili-markdown-renderer::-webkit-scrollbar-track {
  background: rgba(232, 212, 176, 0.2) !important;
  border-radius: 10px !important;
}

.rili-markdown-renderer::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #D4A574 0%, #B8860B 100%) !important;
  border-radius: 10px !important;
  transition: background 0.3s ease !important;
}

.rili-markdown-renderer::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #B8860B 0%, #8B4513 100%) !important;
}
/* ═══ 手机系统 命名空间mphone(头像Bug修复版) · 皮肤:--av头像/--wp壁纸 ═══ */
mphone{display:block;position:relative;width:min(360px,96%);height:660px;margin:16px auto;border-radius:42px;background:linear-gradient(160deg,#2b2d33,#0d0e12);padding:10px;box-shadow:0 16px 44px rgba(0,0,0,.45),inset 0 0 0 2px #3a3d45,inset 0 0 0 5px #17181c;font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
mphone>input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
mscr{display:block;position:absolute;inset:10px;border-radius:32px;overflow:hidden;background:var(--wp,url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEZEeNqfTZzqXC5jS1QV_hx1StiNcQ_JAACBSAAAkWI8FedX27hCMhpeD0E.png)) center/cover no-repeat}
mscr::before{content:'';position:absolute;top:7px;left:50%;transform:translateX(-50%);width:88px;height:22px;background:#0d0e12;border-radius:12px;z-index:95}
mbar{display:flex;position:absolute;top:0;left:0;right:0;height:34px;align-items:center;justify-content:space-between;padding:10px 20px 0;font-size:11px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);z-index:96}
mbar::before{content:attr(t)}
mbar::after{content:'5G ▂▄▆█ 🔋'attr(b);letter-spacing:.5px}
mava{display:block;position:absolute;top:46px;left:14px;width:66px;height:66px;z-index:40;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}
mava::before{content:'';position:absolute;inset:9px;border-radius:50%;background:var(--av,url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEZEclqfTU2r6b80yt9mAX3oOa_5W0ZmQAC6R8AAkWI8FcEq1fBBjuP2j0E.jpeg)) center/cover;z-index:1}
/* ★★★ Bug修复：原mava::after硬编码webp覆盖层已删除，改为纯CSS金属边框圆环，不再遮挡--av头像 ★★★ */
mava::after{content:'';position:absolute;inset:5px;border-radius:50%;background:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.85),0 0 0 4px rgba(0,0,0,.25),inset 0 0 6px rgba(0,0,0,.3);z-index:2;pointer-events:none}
/* 名牌:限高防与组件重叠 */
mnm{display:block;position:absolute;top:54px;left:88px;right:14px;z-index:6;color:#fff;font-size:16px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.65);max-height:58px;overflow:hidden}
mnm i{display:block;font-style:normal;font-size:10px;font-weight:500;margin-top:4px;background:rgba(0,0,0,.32);backdrop-filter:blur(4px);border-radius:8px;padding:2px 9px;width:max-content;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.92}
mwg{display:block;position:absolute;top:124px;left:12px;right:12px;background:rgba(10,14,26,.42);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:8px 13px;color:#fff;font-size:11px;line-height:1.8;z-index:5;text-shadow:0 1px 2px rgba(0,0,0,.5)}
mwg wl{display:block}
mwg mk{display:inline-block;background:linear-gradient(90deg,#8b2ff7,#f1078d);border-radius:6px;padding:0 7px;font-size:10px;margin-left:5px;font-weight:600}
mgr{display:grid;position:absolute;left:12px;right:12px;top:200px;bottom:92px;grid-template-columns:repeat(4,1fr);grid-auto-rows:84px;gap:6px;padding:6px;z-index:4;align-content:start;overflow-y:auto;scrollbar-width:none}
mgr label,mdk label{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;font-size:10px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}
mgr label::before,mdk label::before{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:27px;box-shadow:0 4px 10px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .15s cubic-bezier(.34,1.56,.64,1)}
mgr label:active::before,mdk label:active::before{transform:scale(.86)}
mdk{display:flex;position:absolute;left:14px;right:14px;bottom:12px;height:74px;justify-content:space-around;align-items:center;background:rgba(255,255,255,.18);backdrop-filter:blur(14px);border-radius:22px;z-index:4}
mphone label[ic="1"]::before{content:'👤';background:linear-gradient(135deg,#5b7cfa,#3f4fd8)}
mgr label[ic="1"]::after{content:'档案'}
mphone label[ic="2"]::before{content:'👥';background:linear-gradient(135deg,#12c2a0,#0a8f78)}
mgr label[ic="2"]::after{content:'联系人'}
mphone label[ic="3"]::before{content:'💤';background:linear-gradient(135deg,#a18cd1,#6e4bb8)}
mgr label[ic="3"]::after{content:'动态'}
mphone label[ic="4"]::before{content:'🗺️';background:linear-gradient(135deg,#43e97b,#2ba86a)}
mgr label[ic="4"]::after{content:'地图'}
mphone label[ic="5"]::before{content:'📰';background:linear-gradient(135deg,#fa709a,#d84368)}
mgr label[ic="5"]::after{content:'资讯'}
mphone label[ic="6"]::before{content:'📌';background:linear-gradient(135deg,#f6d365,#e8a02c)}
mgr label[ic="6"]::after{content:'备忘'}
mphone label[ic="7"]::before{content:'🧠';background:linear-gradient(135deg,#f78ca0,#c9427e)}
mgr label[ic="7"]::after{content:'记忆'}
mphone label[ic="8"]::before{content:'⏱️';background:linear-gradient(135deg,#3a3f58,#14172b)}
mgr label[ic="8"]::after{content:'时停'}
mphone label[ic="9"]::before{content:'🤖';background:linear-gradient(135deg,#38b6ff,#1565e0)}
mgr label[ic="9"]::after{content:'四次元'}
mphone label[ic="10"]::before{content:'✒️';background:linear-gradient(135deg,#c471ed,#7a1fa2)}
mgr label[ic="10"]::after{content:'改変'}
mpn{display:none;position:absolute;inset:0;z-index:70;flex-direction:column;background:#eef0f6}
.mr1:checked~mscr mpn[a="1"]{display:flex}
.mr2:checked~mscr mpn[a="2"]{display:flex}
.mr3:checked~mscr mpn[a="3"]{display:flex}
.mr4:checked~mscr mpn[a="4"]{display:flex}
.mr5:checked~mscr mpn[a="5"]{display:flex}
.mr6:checked~mscr mpn[a="6"]{display:flex}
.mr7:checked~mscr mpn[a="7"]{display:flex}
.mr8:checked~mscr mpn[a="8"]{display:flex}
.mr9:checked~mscr mpn[a="9"]{display:flex}
.mr10:checked~mscr mpn[a="10"]{display:flex}
mhd{display:flex;flex-shrink:0;align-items:center;gap:10px;padding:38px 14px 12px;background:linear-gradient(135deg,#5b7cfa,#7b5bd6);color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.15)}
mhd label{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
mhd label::before{content:'‹';font-size:22px;line-height:1;margin-top:-3px}
mhd::after{font-size:15px;font-weight:700;letter-spacing:1px}
mpn[a="1"] mhd::after{content:'👤 主角档案'}
mpn[a="2"] mhd::after{content:'👥 联系人'}
mpn[a="3"] mhd::after{content:'💤 离线动态'}
mpn[a="4"] mhd::after{content:'🗺 当前场景'}
mpn[a="5"] mhd::after{content:'📰 社会资讯'}
mpn[a="6"] mhd::after{content:'📌 任务与约定'}
mpn[a="7"] mhd::after{content:'🧠 记忆区'}
mpn[a="8"] mhd::after{content:'⏱ 停止的世界'}
mpn[a="9"] mhd::after{content:'🤖 未来道具'}
mpn[a="10"] mhd::after{content:'✒ 常識改変'}
mpn[a="8"] mhd{background:linear-gradient(135deg,#20243c,#0c0e1c)}
mpn[a="9"] mhd{background:linear-gradient(135deg,#1565e0,#38b6ff)}
mpn[a="10"] mhd{background:linear-gradient(135deg,#7a1fa2,#c471ed)}
mbd{flex:1;overflow-y:auto;padding:12px 12px 64px;scrollbar-width:thin}
mbd p{background:rgba(255,255,255,.94);border-radius:12px;padding:9px 12px;margin:0 0 8px;font-size:12px;line-height:1.7;color:#333;box-shadow:0 1px 4px rgba(20,30,80,.07)}
mbd p b{color:#4a5cd8;margin-right:5px}
mbd npc{display:block;background:rgba(255,255,255,.96);border-radius:14px;margin:0 0 12px;padding:4px 0;box-shadow:0 2px 8px rgba(20,30,80,.1);overflow:hidden;border-top:3px solid #12c2a0}
mbd npc p{box-shadow:none;border-radius:0;margin:0;border-bottom:1px solid #f1f2f7;background:none}
mbd npc p:last-child{border-bottom:none;background:#f4faf8;font-style:italic;color:#0a8f78}
mbd pre{background:#161b2a;color:#7ee08a;font-size:10px;line-height:1.45;border-radius:12px;padding:12px;overflow-x:auto;margin:0 0 8px;font-family:ui-monospace,Consolas,monospace}
mpn[a="8"] mbd{background:#0b0d18}
mpn[a="8"] mbd p{background:#151a2e;color:#9fc6ff;box-shadow:none;border:1px solid #232a4a}
mpn[a="8"] mbd p b{color:#5e8dff}
mpn[a="9"] mbd{background:#e8f4ff}
mpn[a="9"] mbd p{border-left:3px solid #38b6ff}
mpn[a="10"] mbd{background:#f7effc}
mpn[a="10"] mbd p{border-left:3px solid #c471ed}
mbd tp{position:relative;display:inline-block;color:#4a5cd8;border-bottom:1px dashed #8fa0f0;cursor:pointer;outline:none;font-style:normal}
mpn[a="8"] mbd tp{color:#7ee08a;border-color:#3a7d4a}
mbd tp:focus{background:rgba(90,110,230,.14);border-radius:4px}
mbd tp:focus::after{content:attr(d);position:absolute;left:50%;transform:translateX(-50%);top:135%;min-width:150px;max-width:200px;background:#262b40;color:#fff;font-size:11px;line-height:1.55;padding:8px 11px;border-radius:10px;z-index:99;box-shadow:0 8px 22px rgba(0,0,0,.35);font-weight:400}
mbd tp:focus::before{content:'';position:absolute;top:104%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-bottom-color:#262b40;z-index:99}
lqchat top{display:none}
lqchat{padding-top:14px}
lqchat r{margin:24px 0 12px}
lqchat r>h{overflow:visible;position:relative}
lqchat r>h::before{content:attr(n);position:absolute;top:-16px;left:0;font-size:10px;font-weight:400;color:#8b8b8b;white-space:nowrap;text-shadow:none}
lqchat r[s]>h::before{left:auto;right:0}
/* ═══ actions 美化：仅在 a=6 面板内显示为卡片 ═══ */
actions{display:none}
mpn[a="6"] actions{display:flex;flex-direction:column;gap:8px;margin:0;padding:0}
mpn[a="6"] actions::before{content:'🧭 接下来';display:block;font-size:13px;font-weight:700;color:#4a5cd8;margin-bottom:6px;padding-left:4px}
mpn[a="6"] actions div{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(250,251,255,.92));backdrop-filter:blur(8px);border-radius:14px;padding:12px 14px;box-shadow:0 2px 8px rgba(20,30,80,.08),inset 0 1px 0 rgba(255,255,255,.6);cursor:pointer;transition:transform .15s,box-shadow .15s;border:1px solid rgba(90,110,230,.12);font-size:13px;line-height:1.5;color:#2a3142;font-weight:500;margin:0}
mpn[a="6"] actions div:active{transform:scale(.97);box-shadow:0 1px 4px rgba(20,30,80,.12)}
mpn[a="6"] actions div::before{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:12px;box-shadow:0 2px 6px rgba(91,124,250,.3)}
mpn[a="6"] actions div:nth-child(1)::before{content:'🎯';background:linear-gradient(135deg,#5b7cfa,#7b5bd6)}
mpn[a="6"] actions div:nth-child(2)::before{content:'💬';background:linear-gradient(135deg,#12c2a0,#0a8f78)}
mpn[a="6"] actions div:nth-child(3)::before{content:'🔍';background:linear-gradient(135deg,#fa709a,#d84368)}
mpn[a="6"] actions div:nth-child(4)::before{content:'✨';background:linear-gradient(135deg,#f6d365,#e8a02c)}
mpn[a="6"] actions div:nth-child(n+5)::before{content:'📌';background:linear-gradient(135deg,#a18cd1,#6e4bb8)}
/* ==== 聊天组件 命名空间 lqchat ==== */
lqchat{display:block;max-width:400px;margin:14px auto;background:#ededed;border-radius:14px;padding:10px 10px 16px;font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;box-shadow:0 6px 24px rgba(0,0,0,.12);overflow:hidden;}
lqchat top{display:block;text-align:center;font-size:15px;font-weight:600;color:#222;padding:6px 0 12px;border-bottom:1px solid #e0e0e0;margin-bottom:10px;position:relative;}
lqchat top::before{content:'‹';position:absolute;left:4px;top:2px;font-size:20px;color:#333;font-weight:400;}
lqchat top::after{content:'···';position:absolute;right:6px;top:2px;font-size:16px;color:#333;letter-spacing:1px;}
lqchat input{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}
lqchat dt{display:table;margin:10px auto;font-size:11px;color:#8b8b8b;background:rgba(0,0,0,.06);padding:3px 12px;border-radius:5px;}
lqchat r{display:flex;align-items:flex-end;gap:8px;margin:12px 0;}
lqchat r[s]{flex-direction:row-reverse;}
lqchat h{width:38px;height:38px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:#fff;background:#6b7cc4;overflow:hidden;}
lqchat r[s] h{background:linear-gradient(135deg,#2ec36a,#07c160);}
lqchat t{font-size:10px;color:#9a9a9a;padding-bottom:3px;white-space:nowrap;align-self:flex-end;}
lqchat p{max-width:70%;padding:9px 13px;font-size:15px;line-height:1.5;color:#232323;background:#fff;border-radius:8px 8px 8px 2px;box-shadow:0 1px 1px rgba(0,0,0,.05);word-break:break-word;}
lqchat r[s] p{background:#95ec69;color:#1a1a1a;border-radius:8px 8px 2px 8px;}
lqchat .lqvo{display:flex;flex-direction:column;max-width:74%;cursor:pointer;background:#fff;border-radius:8px 8px 8px 2px;padding:9px 12px;box-shadow:0 1px 1px rgba(0,0,0,.05);}
lqchat r[s] .lqvo{background:#95ec69;border-radius:8px 8px 2px 8px;}
lqchat .lqvo vv{display:flex;align-items:center;gap:10px;color:#07c160;}
lqchat r[s] .lqvo vv{color:#0a7d3f;}
lqchat .lqvo i{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;background:currentColor;}
lqchat .lqvo i::before{content:'▶';color:#fff;}
lqchat .lqvo:has(input:checked) i::before{content:'⏸';}
lqchat .lqvo w{flex:1;height:22px;position:relative;overflow:hidden;border-radius:2px;opacity:.55;background:repeating-linear-gradient(90deg,currentColor 0 3px,transparent 3px 11px),repeating-linear-gradient(90deg,transparent 0 6px,currentColor 6px 9px,transparent 9px 11px);background-size:100% 100%,100% 46%;background-position:0 0,0 50%;background-repeat:repeat-x;}
lqchat .lqvo w::before{content:'';position:absolute;inset:0;width:0;background:currentColor;mix-blend:normal;opacity:.35;}
lqchat .lqvo:has(input:checked) w::before{animation:lqplay 12s linear forwards;}
@keyframes lqplay{to{width:100%;}}
lqchat .lqvo d{font-size:12px;font-weight:500;min-width:30px;text-align:right;color:inherit;}
lqchat .lqvo vv::after{content:'›';font-size:16px;color:#bbb;transition:transform .3s;}
lqchat .lqvo:has(input:checked) vv::after{transform:rotate(90deg);}
lqchat .lqvo x{display:block;max-height:0;opacity:0;overflow:hidden;font-size:13px;line-height:1.5;color:#555;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .35s,margin .35s;}
lqchat r[s] .lqvo x{color:#1c5c33;}
lqchat .lqvo:has(input:checked) x{max-height:400px;opacity:1;margin-top:8px;padding-top:7px;border-top:1px dashed rgba(0,0,0,.12);}
lqchat .lqim{display:flex;flex-direction:column;width:190px;cursor:pointer;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.1);}
lqchat .lqim pic{display:flex;align-items:center;justify-content:center;height:150px;font-size:52px;background:linear-gradient(135deg,#a8c0ff,#3f6ad8);}
lqchat pic[bg="1"]{background:linear-gradient(180deg,#ff7e5f,#feb47b 55%,#ffd89b);}
lqchat pic[bg="2"]{background:linear-gradient(135deg,#f093fb,#f5576c);}
lqchat pic[bg="3"]{background:linear-gradient(135deg,#a8edea,#fed6e3);}
lqchat pic[bg="4"]{background:linear-gradient(180deg,#8ec5fc,#e0c3fc);}
lqchat pic[bg="5"]{background:linear-gradient(160deg,#30336b,#130f40);}
lqchat .lqim cap{padding:8px 12px;font-size:12.5px;color:#333;position:relative;}
lqchat .lqim cap::after{content:'轻触转文字 ⌄';position:absolute;right:10px;top:8px;font-size:10px;color:#aaa;}
lqchat .lqim:has(input:checked) cap::after{content:'收起 ⌃';}
lqchat .lqim x{display:block;max-height:0;opacity:0;overflow:hidden;font-size:12.5px;line-height:1.55;color:#666;background:#f7f7f7;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .35s,padding .35s;padding:0 12px;}
lqchat .lqim:has(input:checked) x{max-height:400px;opacity:1;padding:9px 12px;}
lqchat .pp{display:block;width:230px;cursor:pointer;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.12);background:#fff;}
lqchat .pp hd{display:flex;align-items:center;gap:8px;padding:10px 13px;background:linear-gradient(135deg,#ff4d00,#ff6b35);color:#fff;}
lqchat .pp lg{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff;color:#ff4d00;font-weight:900;border-radius:6px;font-size:16px;}
lqchat .pp tt{font-size:13px;font-weight:700;line-height:1.3;display:flex;flex-direction:column;}
lqchat .pp sm{font-size:10px;font-weight:400;opacity:.85;}
lqchat .pp bd{display:flex;align-items:center;gap:12px;padding:14px;}
lqchat .pp cc{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:26px;border-radius:50%;background:linear-gradient(135deg,#ffd93d,#ffb800);}
lqchat .pp nn{flex:1;}
lqchat .pp am{font-size:23px;font-weight:800;color:#222;}
lqchat .pp ms{font-size:11.5px;color:#999;margin-top:2px;}
lqchat .pp ft{display:block;text-align:center;padding:9px;font-size:12px;font-weight:700;color:#ff4d00;border-top:1px solid #f0f0f0;}
lqchat .pp ft::before{content:'领取 ›';}
lqchat .pp:has(input:checked) ft{color:#999;}
lqchat .pp:has(input:checked) ft::before{content:'已领取 ✓';}
lqchat .pp:has(input:checked) am{color:#bbb;text-decoration:line-through;}
lqchat .lqwx{display:block;width:220px;cursor:pointer;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);background:linear-gradient(135deg,#f5a623,#e8941a);}
lqchat .lqwx nn{display:flex;align-items:center;gap:12px;padding:14px 16px;color:#fff;}
lqchat .lqwx nn::before{content:'⇄';width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.7);border-radius:50%;font-size:18px;font-weight:700;color:rgba(255,255,255,.9);}
lqchat .lqwx am{font-size:20px;font-weight:800;line-height:1.3;}
lqchat .lqwx st{display:block;font-size:12px;color:rgba(255,255,255,.85);margin-top:2px;}
lqchat .lqwx st::before{content:'请收款';}
lqchat .lqwx:has(input:checked) st::before{content:'已收款';}
lqchat .lqwx ft{display:block;background:#fff;padding:6px 16px;font-size:11px;color:#999;}
lqchat .lqwx ft::before{content:'微信转账';}
lqchat .lqrp{display:block;width:220px;cursor:pointer;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);background:linear-gradient(180deg,#fa5151,#e64340);}
lqchat .lqrp nn{display:flex;align-items:center;gap:12px;padding:14px 16px;color:#fff;}
lqchat .lqrp ic{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:22px;background:linear-gradient(135deg,#ffd700,#ffb700);box-shadow:0 2px 4px rgba(0,0,0,.15);}
lqchat .lqrp tl{font-size:15px;font-weight:600;line-height:1.4;}
lqchat .lqrp am{display:none;font-size:22px;font-weight:800;margin-top:4px;}
lqchat .lqrp:has(input:checked) tl{font-size:12px;opacity:.75;}
lqchat .lqrp:has(input:checked) am{display:block;}
lqchat .lqrp ft{display:block;background:#fff;padding:6px 16px;font-size:11px;color:#c0392b;}
lqchat .lqrp ft::before{content:'微信红包';}
lqchat .lqrp:has(input:checked) ft::before{content:'已领取 · 微信红包';color:#999;}
lqchat sys{display:table;margin:10px auto;font-size:11px;color:#9a9a9a;background:rgba(0,0,0,.05);padding:5px 14px;border-radius:5px;text-align:center;}
lqchat ty{display:inline-flex;align-items:center;font-size:13px;color:#999;font-style:italic;background:#fff;padding:9px 14px;border-radius:8px 8px 8px 2px;box-shadow:0 1px 1px rgba(0,0,0,.05);}
lqchat ty::after{content:'.';width:16px;text-align:left;animation:lqdot 1.2s steps(1) infinite;}
@keyframes lqdot{0%{content:'.';}33%{content:'..';}66%{content:'...';}}
/* ═══ Emoji 渲染修复：全局追加彩色emoji字体链，防止回退中文字体单色小字形 ═══ */
lqchat,lqchat p,lqchat sys,lqchat dt,lqchat h,lqchat t,lqchat cap,lqchat x,lqchat tl,lqchat am{font-family:-apple-system,"PingFang SC","Microsoft YaHei","Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla",sans-serif}
mphone,mnm,mwg,mbd,mbd p,mhd,mpn{font-family:-apple-system,"PingFang SC","Microsoft YaHei","Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla",sans-serif}
mphone label[ic]::before,mgr label::after,mpn mhd::after,mpn[a="6"] actions::before,mpn[a="6"] actions div::before,lqchat .lqvo i::before,lqchat pic{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla",-apple-system,sans-serif;font-feature-settings:normal;font-variant-emoji:emoji}
mphone,lqchat{text-rendering:optimizeLegibility}
/* ═══ MOD死亡笔记 · icon=11 / radio=mr11 / panel=a=11（预铺，注入即生效） ═══ */
mphone label[ic="11"]::before{content:'📓';background:linear-gradient(135deg,#3a0a0a,#0d0304)}
mgr label[ic="11"]::after{content:'笔记'}
.mr11:checked~mscr mpn[a="11"]{display:flex}
mpn[a="11"] mhd::after{content:'📓 DEATH NOTE'}
mpn[a="11"] mhd{background:linear-gradient(135deg,#1a0505,#5c0d0d);letter-spacing:2px;font-family:"Times New Roman",serif}
mpn[a="11"] mbd{background:#0a0608;padding:12px 12px 64px}
mpn[a="11"] mbd cap{display:block;background:linear-gradient(135deg,#1c0808,#2a0d0d);border:1px solid #6b1414;border-radius:12px;padding:10px 12px;margin:0 0 12px;box-shadow:0 2px 10px rgba(107,20,20,.25),inset 0 0 20px rgba(180,20,20,.06)}
mpn[a="11"] mbd cap p{background:transparent;box-shadow:none;color:#e8c8c8;border:none;border-bottom:1px dashed rgba(180,60,60,.25);border-radius:0;margin:0;padding:6px 2px;font-size:12px;line-height:1.6}
mpn[a="11"] mbd cap p:last-child{border-bottom:none}
mpn[a="11"] mbd cap p b{color:#ff5252;font-family:"Times New Roman",serif;letter-spacing:.5px}
mpn[a="11"] mbd hl{display:block;color:#c9a05a;font-size:12px;font-weight:700;letter-spacing:1px;margin:4px 0 8px;padding-left:4px;border-left:3px solid #6b1414;font-family:"Times New Roman",serif}
mpn[a="11"] mbd note{display:block;background:linear-gradient(135deg,#f2e9d0,#e8dcbc);border-radius:8px;padding:8px 11px;margin:0 0 7px;font-size:11.5px;line-height:1.55;color:#3a2f1a;box-shadow:0 1px 4px rgba(0,0,0,.35);position:relative;border-left:4px solid #999;font-family:"Courier New",monospace}
mpn[a="11"] mbd note b{color:#8b1a1a;font-weight:700}
mpn[a="11"] mbd note[st="0"]{border-left-color:#e0a020}
mpn[a="11"] mbd note[st="0"]::after{content:'⏳待触发';position:absolute;right:8px;top:7px;font-size:9px;color:#a67c00;font-weight:700}
mpn[a="11"] mbd note[st="1"]{border-left-color:#7a7a7a;opacity:.72;filter:grayscale(.3)}
mpn[a="11"] mbd note[st="1"]::after{content:'✅已触发';position:absolute;right:8px;top:7px;font-size:9px;color:#555;font-weight:700}
mpn[a="11"] mbd note[st="2"]{border-left-color:#c0392b;background:linear-gradient(135deg,#e8d0d0,#dcc0c0)}
mpn[a="11"] mbd note[st="2"]::after{content:'✖无效';position:absolute;right:8px;top:7px;font-size:9px;color:#c0392b;font-weight:700}
mpn[a="11"] mbd note[st="2"] em{display:block;margin-top:3px;font-style:italic;color:#c0392b;font-size:10px}
mpn[a="11"] mbd tp{color:#c9a05a;border-color:#8b6a2a}
/* ===== 情景道具：纸条 & 石碑 命名空间 nt- ===== */
note[type]{
  display:block;
  width:100%;
  max-width:340px;
  margin:20px auto;
  position:relative;
  box-sizing:border-box;
}

/* ---------- 纸质留言 ---------- */
note[type="paper"]{
  background:
    linear-gradient(135deg,transparent 48%,rgba(139,115,85,.08) 49%,rgba(139,115,85,.08) 51%,transparent 52%),
    linear-gradient(45deg,transparent 48%,rgba(139,115,85,.06) 49%,rgba(139,115,85,.06) 51%,transparent 52%),
    linear-gradient(160deg,#fdf6e3 0%,#f5e6c8 40%,#ede0c0 70%,#e8d9b5 100%);
  padding:32px 26px 24px;
  color:#4a3728;
  font-size:16px;
  line-height:2;
  clip-path:polygon(2% 0%,8% 2%,15% 0%,22% 3%,30% 1%,38% 2%,45% 0%,52% 2%,60% 1%,68% 3%,75% 0%,82% 2%,90% 1%,98% 3%,100% 5%,99% 12%,100% 20%,98% 28%,100% 35%,99% 42%,100% 50%,98% 58%,100% 65%,99% 72%,100% 80%,98% 88%,100% 95%,97% 100%,90% 98%,82% 100%,75% 97%,68% 100%,60% 98%,52% 100%,45% 97%,38% 100%,30% 98%,22% 100%,15% 97%,8% 100%,2% 98%,0% 95%,1% 88%,0% 80%,2% 72%,0% 65%,1% 58%,0% 50%,2% 42%,0% 35%,1% 28%,0% 20%,2% 12%,0% 5%);
  box-shadow:3px 5px 12px rgba(0,0,0,.18),inset 0 0 40px rgba(180,150,100,.15);
  transform:rotate(-1.5deg);
}
note[type="paper"]::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 4px 3px at 15% 20%,rgba(139,90,43,.13),transparent),
    radial-gradient(ellipse 3px 4px at 70% 15%,rgba(139,90,43,.1),transparent),
    radial-gradient(ellipse 5px 3px at 40% 70%,rgba(139,90,43,.08),transparent),
    radial-gradient(ellipse 3px 3px at 85% 55%,rgba(139,90,43,.11),transparent),
    radial-gradient(ellipse 4px 4px at 25% 85%,rgba(139,90,43,.09),transparent),
    radial-gradient(ellipse 2px 3px at 55% 40%,rgba(139,90,43,.07),transparent);
}
/* 胶带：两条 <i> */
note[type="paper"] i{
  position:absolute;width:60px;height:22px;top:-6px;z-index:3;
  background:rgba(255,235,150,.55);box-shadow:0 1px 3px rgba(0,0,0,.12);
}
note[type="paper"] i:first-child{left:22px;transform:rotate(-8deg);}
note[type="paper"] i:last-child{right:22px;transform:rotate(6deg);}
/* 纸条落款 */
note[type="paper"] sign{
  display:block;text-align:right;margin-top:16px;
  font-size:15px;color:#6b4423;font-style:italic;
}
note[type="paper"] sign::before{content:'—— ';opacity:.6;}

/* ---------- 墓碑石刻 ---------- */
note[type="stone"]{
  background:
    radial-gradient(ellipse at 20% 25%,rgba(255,255,255,.05) 0%,transparent 50%),
    radial-gradient(ellipse at 80% 75%,rgba(0,0,0,.2) 0%,transparent 50%),
    linear-gradient(145deg,#4a4a4a 0%,#3a3a3a 30%,#2e2e2e 60%,#252525 100%);
  max-width:300px;min-height:180px;
  padding:38px 26px 26px;
  text-align:center;
  border-top-left-radius:50% 36px;border-top-right-radius:50% 36px;
  box-shadow:inset 0 2px 10px rgba(255,255,255,.08),inset 0 -4px 14px rgba(0,0,0,.45),4px 6px 16px rgba(0,0,0,.35);
}
note[type="stone"]::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  border-top-left-radius:50% 36px;border-top-right-radius:50% 36px;
  background:
    repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.035) 2px,rgba(0,0,0,.035) 3px),
    repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(255,255,255,.015) 3px,rgba(255,255,255,.015) 4px);
}
note[type="stone"]::after{
  content:'';position:absolute;top:16px;left:12px;right:12px;bottom:14px;pointer-events:none;
  border:1px solid rgba(200,170,100,.22);
  border-top-left-radius:50% 26px;border-top-right-radius:50% 26px;
}
/* 碑座：用底部伪装 */
note[type="stone"]{margin-bottom:34px;}
note[type="stone"] h,note[type="stone"] t,note[type="stone"] sign{
  position:relative;z-index:1;display:block;font-weight:700;
  text-shadow:0 1px 0 rgba(0,0,0,.85),0 -1px 0 rgba(255,220,150,.15),1px 1px 2px rgba(0,0,0,.6);
}
note[type="stone"] h{font-size:20px;letter-spacing:8px;margin-bottom:14px;}
note[type="stone"] t{font-size:15px;letter-spacing:4px;line-height:2.4;opacity:.95;}
note[type="stone"] sign{font-size:12px;letter-spacing:3px;margin-top:16px;opacity:.6;font-weight:400;}

/* ===== 字色映射 ink：一属性换整套 ===== */
/* 纸条字色 */
note[type="paper"][ink="墨"]{color:#4a3728;}
note[type="paper"][ink="朱"]{color:#8c1f1f;}
note[type="paper"][ink="金"]{color:#9a7420;}
note[type="paper"][ink="青"]{color:#2b4a5e;}
/* 石碑字色（含刻痕高光同步） */
note[type="stone"][ink="金"] h,note[type="stone"][ink="金"] t{color:#c9a84c;}
note[type="stone"][ink="金"] sign{color:#a08040;}
note[type="stone"][ink="朱"] h,note[type="stone"][ink="朱"] t{color:#c0392b;}
note[type="stone"][ink="朱"] sign{color:#8c4a44;}
note[type="stone"][ink="墨"] h,note[type="stone"][ink="墨"] t{color:#dcdcdc;}
note[type="stone"][ink="墨"] sign{color:#999;}
note[type="stone"][ink="青"] h,note[type="stone"][ink="青"] t{color:#7fb3c9;}
note[type="stone"][ink="青"] sign{color:#5a8090;}

/* ===== 书体映射 font ===== */
note[font="楷"]{font-family:"KaiTi","STKaiti","楷体",cursive;}
note[font="宋"]{font-family:"STSong","SimSun","宋体","Noto Serif SC",serif;}
note[font="隶"]{font-family:"LiSu","STLiti","隶书","Ma Shan Zheng",serif;}