◉ ▌99+CG ▌猎杀魔女 ▌体系构筑+实时地图 ▌

/* =========================================================
   《猎杀魔女》 Pink / White / Black editorial UI
   三色：#EB5C88 / #FFFFFF / #0B0B0B
   全局方角；无纹理图版本，后续可在同结构上替换三张纹理。
   ========================================================= */

.a0{
  --pink:#EB5C88;--white:#FFFFFF;--black:#0B0B0B;--muted:#F5F5F5;
  position:relative;box-sizing:border-box;width:100%;max-width:920px;margin:16px auto;
  padding:14px;color:var(--black)!important;background:var(--pink)!important;
  border:3px solid var(--black)!important;border-radius:0!important;
  font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;
  overflow:visible!important;isolation:isolate!important;
}
.a0,.a0 *{box-sizing:border-box;border-radius:0!important}

/* 平台父回复框也改成方角，并允许∞关系条越界 */
#customized-answer-content:has(.a0){
  overflow:visible!important;border-radius:0!important;box-shadow:none!important;
  background:var(--pink,#EB5C88)!important;border:3px solid #0B0B0B!important;
  padding:0!important;max-width:920px!important;margin:16px auto!important;
}
#customized-answer-content:has(.a0)>.markdown-body,
#customized-answer-content:has(.a0) .a0,
#customized-answer-content:has(.a0) .markdown-body{overflow:visible!important}
#customized-answer-content:has(.a0)>.markdown-body{margin:0!important;padding:0!important;max-width:none!important;background:transparent!important}
#customized-answer-content:has(.a0) .a0{margin:0!important;max-width:none!important;border:0!important}
#customized-answer-content:has(.a0)>div.absolute.top-0,
#customized-answer-content:has(.a0)>div[class*="top-0"][class*="h-0.5"]{display:none!important}

/* ===== 顶部题头：参考平面作品集的大字排版 ===== */
.a1{
  position:relative;min-height:108px;margin:0 0 14px;padding:16px 18px;
  background:var(--pink)!important;border:3px solid var(--black)!important;
  overflow:hidden!important;display:flex;align-items:flex-end;justify-content:flex-end;
}
.a1:before{
  content:"猎杀魔女";position:absolute;left:15px;top:12px;
  color:var(--white);font-family:Georgia,"Times New Roman","Microsoft YaHei",serif;
  font-size:clamp(34px,6.5vw,62px);line-height:.95;font-weight:1000;letter-spacing:-.06em;
  -webkit-text-stroke:1.5px var(--black);text-shadow:3px 3px 0 var(--black);
}
.a1:after{
  content:"HUNT THE WITCH / MOONT 2090";position:absolute;left:18px;bottom:13px;
  padding:3px 7px;background:var(--black);color:var(--pink);
  font-family:Consolas,"Courier New",monospace;font-size:10px;font-weight:900;letter-spacing:.08em;
}
.a1 .h1{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}
.a1 b,.a1 span{font-family:Consolas,"Courier New",monospace;font-size:11px;font-weight:900;line-height:1.35;color:var(--black)}
.a1 b:before{content:"DATE / ";}.a1 span:before{content:"PLACE / ";}

/* ===== 正文 ===== */
/* 正文段落：源码空白折叠；自然段由 <br><br> 固定留一行间距 */
.a2{
  position:relative;margin:0 0 14px;padding:42px 18px 18px;
  background:var(--white)!important;border:3px solid var(--black)!important;
  color:var(--black)!important;font-size:15px;line-height:1.95;font-weight:560;
  white-space:normal;overflow-wrap:anywhere;overflow:visible!important;
}
.a2:before{
  content:"STORY / 本轮正文";position:absolute;left:0;top:0;
  padding:7px 10px;background:var(--black);color:var(--pink);
  font-family:Consolas,"Courier New",monospace;font-size:10px;font-weight:900;letter-spacing:.09em;
}

/* ===== 折叠模块 ===== */
.a0 details{
  margin:14px 0;padding:0;background:var(--white)!important;border:3px solid var(--black)!important;
  overflow:visible!important;
}
.a0 details>summary{
  position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;
  min-height:42px;padding:9px 12px;background:var(--pink)!important;color:var(--black)!important;
  border-bottom:3px solid var(--black)!important;cursor:pointer;list-style:none;font-weight:1000;
}
.a0 details:not([open])>summary{border-bottom:0!important}
.a0 details>summary::-webkit-details-marker{display:none}
.a0 details>summary:before{font-size:14px;font-weight:1000;letter-spacing:.02em}
.a0 details>summary:after{margin-left:auto;font-family:Consolas,"Courier New",monospace;font-size:9px;font-weight:900;letter-spacing:.12em}
.a0 details>summary>i{width:20px;height:20px;display:block;position:relative;flex:0 0 20px;border:2px solid var(--black)}
.a0 details>summary>i:before{content:"+";position:absolute;inset:0;text-align:center;line-height:15px;font:900 17px/15px Consolas;color:var(--black)}
.a0 details[open]>summary>i:before{content:"−"}
#u>summary:before{content:"用户信息"}#u>summary:after{content:"PLAYER / 02"}
#b>summary:before{content:"随身物品"}#b>summary:after{content:"ITEM / 03"}
#r>summary:before{content:"交互角色"}#r>summary:after{content:"CHARACTER / 04"}
#l>summary:after{content:"MEMORY / 05"}
#s>summary:before{content:"下一步建议"}#s>summary:after{content:"NEXT / 06"}

.a0 details>p,#u>p,#b>p,#s>p{
  margin:0;padding:13px 15px;background:var(--white)!important;color:var(--black)!important;
  font-size:12px;line-height:1.82;white-space:normal;overflow-wrap:anywhere;
}
#u>p{columns:2;column-gap:26px}

/* ===== 随身物品 ===== */
#b>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:12px;background:var(--white)!important}
#b>div>span{min-height:48px;display:flex;align-items:center;justify-content:center;padding:7px;text-align:center;border:2px solid var(--black);background:var(--white);font-size:11px;font-weight:900;overflow-wrap:anywhere}
#b>div>span:before{content:"■";margin-right:6px;color:var(--pink)}

/* ===== 交互角色 ===== */
#r>div{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--white)!important;overflow:visible!important}
#r article{position:relative;padding:0;border:2px solid var(--black);background:var(--white)!important;min-width:0;overflow:visible!important}
#r article>b{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--black);color:var(--white);font-size:19px;font-weight:1000;letter-spacing:.02em}
#r article>b small{margin-left:8px;color:var(--pink);font-family:Consolas,"Courier New",monospace;font-size:9px;font-weight:900;letter-spacing:.1em}
#r article>p{margin:0;padding:12px;color:var(--black);font-size:12px;line-height:1.72;overflow:visible!important}
#r article.y{border-width:3px;overflow:visible!important}
#r article.y>b:after{content:"MAIN / PRIM";margin-left:auto;color:var(--pink);font:900 9px/1 Consolas,"Courier New",monospace;letter-spacing:.12em}

/* ===== 初的好感/信任无限溢出进度条 ===== */
.relstat{position:relative;margin:12px 0 13px;overflow:visible!important}
.relstat>span{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px;font-family:Consolas,"Courier New",monospace;font-size:11px;font-weight:900}
.relstat>span>b{font-size:11px}.relstat>span>em{font-style:normal;color:var(--pink);background:var(--black);padding:2px 5px}
.meter{position:relative;width:100%;height:16px;border:3px solid var(--black);background:var(--white);overflow:visible!important;z-index:20}
.meter>.infbar{position:absolute!important;display:block!important;left:0;top:0;height:100%!important;width:calc(100% + min(420px,45vw))!important;margin:0!important;border:0!important;background:repeating-linear-gradient(90deg,var(--pink) 0 26px,var(--black) 26px 30px)!important;z-index:30!important;pointer-events:none}
.meter>.infbar:after{content:"∞  OVER LIMIT  →";position:absolute;right:-2px;top:-20px;padding:2px 5px;background:var(--black);color:var(--pink);font:900 9px/1.4 Consolas,"Courier New",monospace;white-space:nowrap}


/* ===== 初固定交互立绘 L：上半区立绘 + 摘要，下半区状态全宽 ===== */
#r article.y{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  grid-template-areas:"pic title" "pic brief" "stats stats";
  grid-template-rows:auto auto auto;
  align-items:start;
  min-width:0;
}
#r article.y>i.chuL{
  grid-area:pic;position:relative;display:block;width:100%;aspect-ratio:2/3;
  background:url("https://moontmagicb.pages.dev/L/L1.png") center/contain no-repeat var(--white);
  border-right:3px solid var(--black);border-bottom:3px solid var(--black);
  overflow:hidden;cursor:pointer;align-self:start;min-width:0;
}
#r article.y>i.chuL:after{
  content:"";position:absolute;inset:0;
  background:url("https://moontmagicb.pages.dev/L/L2.png") center/contain no-repeat var(--white);
  opacity:0;transition:opacity .2s ease;
}
#r article.y>i.chuL:hover:after,#r article.y:hover>i.chuL:after{opacity:1}
#r article.y>i.chuL:before{
  content:"悬停切换";position:absolute;z-index:3;left:7px;bottom:7px;padding:3px 6px;
  background:rgba(11,11,11,.78);color:var(--pink);border:1px solid var(--pink);
  font:900 9px/1.2 Consolas,"Courier New",monospace;letter-spacing:.05em;pointer-events:none;
}
#r article.y>b{grid-area:title;min-width:0}
#r article.y>p.ybrief{
  grid-area:brief;margin:0;padding:12px;min-width:0;max-width:100%;
  color:var(--black);font-size:12px;line-height:1.72;
  white-space:normal;overflow-wrap:anywhere;word-break:break-word;
}
#r article.y>.ystats{
  grid-area:stats;display:block;width:100%;min-width:0;max-width:100%;
  margin:0;padding:12px;border-top:3px solid var(--black);
  color:var(--black);font-size:12px;line-height:1.72;
  white-space:normal;overflow-wrap:anywhere;overflow:visible!important;
}
/* 兼容模型偶尔仍输出旧版单一p：直接放到立绘下方全宽，不再压窄整张状态面板 */
#r article.y>p:not(.ybrief){grid-area:stats;width:100%;min-width:0;max-width:100%}

/* ===== G剧情立绘：只由真实剧情事件触发 ===== */
.a0 i[class^="g-"]{
  display:block;width:100%;max-width:860px;aspect-ratio:16/9;margin:18px auto;
  background-color:var(--black);background-repeat:no-repeat;background-position:center;background-size:contain;
  border:3px solid var(--black);box-shadow:8px 8px 0 var(--pink);
}
.a0 i.g-transform{background-image:url("https://moontmagicb.pages.dev/G/%E5%8F%98%E8%BA%AB.png")!important}
.a0 i.g-wedding{background-image:url("https://moontmagicb.pages.dev/G/%E9%80%9A%E7%94%A8%EF%BC%8C%E7%BB%93%E5%A9%9A.png")!important}
.a0 i.g-mm-preg{background-image:url("https://moontmagicb.pages.dev/G/GM%E6%80%80%E5%AD%95.png")!important}
.a0 i.g-ms-preg{background-image:url("https://moontmagicb.pages.dev/G/GS%E6%80%80%E5%AD%95.png")!important}
.a0 i.g-ms-date{background-image:url("https://moontmagicb.pages.dev/G/GS%E7%BA%A6%E4%BC%9A.png")!important}
.a0 i.g-mm-kiss{background-image:url("https://moontmagicb.pages.dev/G/M%E7%B4%A2%E5%90%BB.png")!important}
.a0 i.g-ms-jealous{background-image:url("https://moontmagicb.pages.dev/G/S%E5%90%83%E9%86%8B.png")!important}
.a0 i.g-ms-kiss{background-image:url("https://moontmagicb.pages.dev/G/S%E7%B4%A2%E5%90%BB.png")!important}

/* ===== LOG ===== */
#l>summary{font-size:13px;font-weight:1000}
#l>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;background:var(--white)!important}
#l>div>b{display:block;padding:6px 8px;background:var(--black);color:var(--pink);font:900 10px/1.4 Consolas,"Courier New",monospace;letter-spacing:.08em}
#l>div>p{margin:0;padding:10px;border:2px solid var(--black);background:var(--white);font-size:11px;line-height:1.68;white-space:pre-wrap;overflow-wrap:anywhere}
#l>div>b:nth-of-type(1){grid-column:1}#l>div>p:nth-of-type(1){grid-column:1}
#l>div>b:nth-of-type(2){grid-column:2;grid-row:1}#l>div>p:nth-of-type(2){grid-column:2;grid-row:2}
#s>p{font-weight:800}

/* ===== 公开前置校准面板 ===== */
.a0 details.a7{border:3px solid var(--black)!important;background:var(--white)!important;overflow:visible!important}
.a0 details.a7>summary{background:var(--black)!important;color:var(--pink)!important;border-bottom:3px solid var(--pink)!important}
.a0 details.a7>summary:before{content:none!important}
.a0 details.a7 .a8{padding:10px 12px;background:var(--white)!important}
.a0 details.a7 .a8>p{margin:0;padding:7px 3px;border-bottom:1px dashed var(--black);font-size:11px;line-height:1.62;color:var(--black)}
.a0 details.a7 .a8>p:last-child{border-bottom:0}

/* ===== M立绘 ===== */
.a0 i[class^="ms"],.a0 i[class^="mm"]{
  display:block;width:min(100%,270px);aspect-ratio:2/3;

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

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