中世纪人生[ver1.0]

div[style*="contain"][style*="layout"] {
  contain: style !important;
}

/* ═══ B平台加载动画适配（自动注入）═══ */
.flex.items-center.justify-center.size-6 { opacity: 1 !important; }
.flex.items-center.justify-center.size-6 > .flex.gap-2 { display: none !important; }
.is-assistant.w-fit { width: 100% !important; }
.is-assistant > .border.border-muted:has(.flex.items-center.justify-center.size-6) {
  width: 100% !important; background: transparent !important;
  border: none !important; padding: 0 !important;
}
.is-assistant .space-y-3:has(.flex.items-center.justify-center.size-6) {
  display: flex; justify-content: center; width: 100%;
}

/* ═══ 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; }

/* ============================================================
   STUDIUM PARISIENSE  v2
   No-JS medieval-manuscript TRPG UI for the AI风月 chat platform.
   Scope root: <ms>. Never use body, html, universal or root.
   Drawer escapes the chat bubble via position:fixed and docks to
   the SCREEN's right edge. Each of the 8 panels has its own accent,
   watermark SVG and bespoke components. All SVG lives here in CSS.
   NOTE: never write the two-char sequence slash-star or star-slash
   inside a comment except to open/close it.
   ============================================================ */

ms{
  --pg:#f5e6c8; --pg2:#ecd9b0; --dp:#3a281c; --dp2:#271a11;
  --ink:#2c1810; --ver:#8b2500; --gold:#c5a44e; --gold2:#e7cf86;
  --blu:#1a3a5c; --wrn:#a0522d; --line:rgba(197,164,78,.32);
  --topgap:60px; --botgap:98px;
  position:relative; display:block; width:100%; margin:0 auto; overflow:hidden;
  color:var(--ink); background:var(--pg); isolation:isolate;
  border:2px solid #6e5230; border-radius:4px;
  box-shadow:0 12px 44px rgba(0,0,0,.5), inset 0 0 70px rgba(80,50,20,.2);
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Songti SC",serif;
  line-height:1.78; -webkit-text-size-adjust:100%;
}
ms,ms art,ms pan,ms sec,ms row,ms g,ms q,ms wn,ms ring,ms bar,ms rep,ms nav,
ms label,ms details,ms summary,ms table,ms h,ms sh,ms card,ms ev,ms fac,ms opt,
ms purse,ms hero,ms b,ms i,ms s,ms big,ms roster,ms tags,ms rings{box-sizing:border-box}

/* parchment grain + soft vignette across the whole bubble */
ms::before{
  content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:
    radial-gradient(rgba(120,85,40,.10) 1px,transparent 1.5px),
    radial-gradient(rgba(120,85,40,.06) 1px,transparent 1.5px),
    radial-gradient(130% 80% at 50% -10%,transparent 58%,rgba(40,22,10,.32) 100%);
  background-size:7px 7px,13px 13px,100% 100%;
  background-position:0 0,4px 6px,0 0;
}

/* ============================================================
   STATE MACHINE  (9 radios share one name; id-prefix selectors
   keep the dynamic _{round} suffix safe)
   ============================================================ */
ms input[id^="mp"]{position:fixed;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none}

/* ----- NARRATIVE ----- */
ms art{position:relative;z-index:1;display:block;padding:26px 26px 22px}
ms art>st{
  display:block;text-align:center;color:var(--ver);font-size:1.5em;font-weight:700;
  letter-spacing:.16em;margin:2px 0 6px;text-shadow:0 1px 0 rgba(255,245,210,.5);
  animation:glow 5s ease-in-out infinite;
}
@keyframes glow{0%,100%{text-shadow:0 1px 0 rgba(255,245,210,.5)}50%{text-shadow:0 0 12px rgba(197,164,78,.6),0 1px 0 rgba(255,245,210,.5)}}
ms art>st::before,ms art>st::after{
  content:'';display:block;height:16px;margin:8px auto;width:72%;
  background:
    linear-gradient(90deg,transparent,var(--gold) 46%,transparent 47%) center/100% 1.5px no-repeat,
    radial-gradient(circle,var(--gold) 0 3.5px,transparent 4.5px) center/12px 12px no-repeat;
}
ms art p{margin:.6em 0;text-align:justify;font-size:1.06em;color:var(--ink)}
ms art p:first-of-type{border-left:3px solid var(--gold);padding-left:14px}
ms art p:first-of-type::first-letter{
  float:left;font-size:3.3em;line-height:.8;padding:.04em .12em 0 0;
  color:var(--ver);font-weight:700;text-shadow:1px 1px 0 rgba(120,80,30,.35);
}

/* ============================================================
   BOTTOM NAVIGATION  (bigger, legible icons + labels)
   ============================================================ */
ms nav{
  position:relative;z-index:2;display:flex;margin:16px 0 0;
  background:linear-gradient(180deg,#33231a,#211610);border-top:2px solid #6b4f2a;
}
ms nav::before{content:'';position:absolute;top:-2px;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.75}
ms nav label{
  position:relative;flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:5px;
  padding:13px 2px 11px;cursor:pointer;color:var(--gold);font-size:12px;letter-spacing:.04em;
  transition:color .2s,background .2s;
}
ms nav label::before{
  content:'';width:30px;height:30px;background:currentColor;
  -webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;
  transition:transform .2s,filter .2s;
}
ms nav label::after{content:attr(t)}
ms nav label:hover{color:var(--gold2);background:rgba(197,164,78,.09)}
ms nav label:hover::before{transform:translateY(-2px) scale(1.08)}
ms nav label[f="1"]{--i:var(--ic-shield)}ms nav label[f="2"]{--i:var(--ic-book)}
ms nav label[f="3"]{--i:var(--ic-people)}ms nav label[f="4"]{--i:var(--ic-globe)}
ms nav label[f="5"]{--i:var(--ic-scales)}ms nav label[f="6"]{--i:var(--ic-scroll)}
ms nav label[f="7"]{--i:var(--ic-glass)}ms nav label[f="8"]{--i:var(--ic-swords)}
/* active nav button */
ms input[id^="mp1_"]:checked~nav label[f="1"],ms input[id^="mp2_"]:checked~nav label[f="2"],
ms input[id^="mp3_"]:checked~nav label[f="3"],ms input[id^="mp4_"]:checked~nav label[f="4"],
ms input[id^="mp5_"]:checked~nav label[f="5"],ms input[id^="mp6_"]:checked~nav label[f="6"],
ms input[id^="mp7_"]:checked~nav label[f="7"],ms input[id^="mp8_"]:checked~nav label[f="8"]{
  color:#fff6df;background:rgba(139,37,0,.32);box-shadow:inset 0 -4px 0 var(--ver);
}

/* ============================================================
   DRAWER  (fixed to the screen, slides in from the right edge)
   ============================================================ */
ms pan{
  position:fixed;top:var(--topgap,60px);right:0;bottom:var(--botgap,98px);z-index:60;
  width:min(440px,40vw);min-width:330px;overflow-y:auto;overflow-x:hidden;border-radius:12px 0 0 12px;
  padding:0 20px 40px;display:none;
  color:var(--pg);background-color:var(--dp);
  background-image:var(--wm),
    radial-gradient(rgba(255,225,170,.05) 1px,transparent 1.5px),
    radial-gradient(rgba(0,0,0,.2) 1px,transparent 1.6px),
    linear-gradient(155deg,var(--dp),var(--dp2));
  background-repeat:no-repeat,repeat,repeat,no-repeat;
  background-position:var(--wmpos,right -30px top 88px),0 0,5px 7px,0 0;
  background-size:var(--wmsize,300px),9px 9px,15px 15px,cover;
  box-shadow:-16px 0 40px rgba(0,0,0,.55),inset 6px 0 0 color-mix(in srgb,var(--ac,#6b4f2a) 65%,#000);
  border-left:4px solid var(--ac,#6b4f2a);
}
@keyframes drawerIn{from{transform:translateX(112%)}to{transform:none}}
ms input[id^="mp1_"]:checked~pan[n="1"],ms input[id^="mp2_"]:checked~pan[n="2"],
ms input[id^="mp3_"]:checked~pan[n="3"],ms input[id^="mp4_"]:checked~pan[n="4"],
ms input[id^="mp5_"]:checked~pan[n="5"],ms input[id^="mp6_"]:checked~pan[n="6"],
ms input[id^="mp7_"]:checked~pan[n="7"],ms input[id^="mp8_"]:checked~pan[n="8"]{display:block;animation:drawerIn .42s cubic-bezier(.66,0,.28,1)}

/* full-screen dimming mask (a label that closes the drawer) */
ms msk{position:fixed;inset:0;z-index:55;background:rgba(12,7,3,.62);
  opacity:0;pointer-events:none;transition:opacity .46s ease;cursor:pointer}
ms input[id^="mp1_"]:checked~msk,ms input[id^="mp2_"]:checked~msk,ms input[id^="mp3_"]:checked~msk,
ms input[id^="mp4_"]:checked~msk,ms input[id^="mp5_"]:checked~msk,ms input[id^="mp6_"]:checked~msk,
ms input[id^="mp7_"]:checked~msk,ms input[id^="mp8_"]:checked~msk{opacity:1;pointer-events:auto}

/* single shared close button (one markup, shown for any open panel) */
ms label[x]{
  position:fixed;top:calc(var(--topgap,60px) + 8px);right:16px;z-index:65;
  width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;
  border-radius:50%;border:1px solid var(--gold);color:var(--gold);background:rgba(20,12,6,.85);
  font-size:17px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s,background .3s,color .3s;
}
ms label[x]::before{content:'✕'}
ms label[x]:hover{transform:rotate(90deg);color:#fff;border-color:var(--ver);background:var(--ver)}
ms input[id^="mp1_"]:checked~label[x],ms input[id^="mp2_"]:checked~label[x],ms input[id^="mp3_"]:checked~label[x],
ms input[id^="mp4_"]:checked~label[x],ms input[id^="mp5_"]:checked~label[x],ms input[id^="mp6_"]:checked~label[x],
ms input[id^="mp7_"]:checked~label[x],ms input[id^="mp8_"]:checked~label[x]{opacity:1;pointer-events:auto}

/* sticky panel header — title text injected by CSS per panel (no HTML) */
ms pan>h{
  position:sticky;top:0;z-index:5;display:block;margin:0 -20px 12px;padding:20px 56px 12px 24px;
  background:linear-gradient(180deg,var(--dp) 72%,transparent);
}
ms pan>h::before{display:block;color:var(--gold2);font-size:1.3em;font-weight:700;letter-spacing:.18em}
ms pan>h::after{display:block;color:var(--ac,#b8946b);font-size:.7

/* 预览已截断；下载 CSS 可查看完整内容。 */

本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。