【大世界】帝都·绯桜綺譚【大正魔导/剑/外星人】

/* ═══════════════════════════════════════════════════
   ▓▓▓ 帝都·绯樱绮谭 · 粉白大正全息CSS · v2.0 修复版 ▓▓▓
   ═══════════════════════════════════════════════════ */

/* ━━━━━━━━━━ 0. 动画关键帧总库（语法已校对） ━━━━━━━━━━ */
@keyframes hz-petal-fall{0%{transform:translateY(-30px) rotate(0deg) translateX(0);opacity:0}10%{opacity:.9}100%{transform:translateY(110vh) rotate(720deg) translateX(40px);opacity:0}}
@keyframes hz-petal-fall-2{0%{transform:translateY(-30px) rotate(0deg) translateX(0);opacity:0}10%{opacity:.7}100%{transform:translateY(110vh) rotate(-540deg) translateX(-30px);opacity:0}}
@keyframes hz-bloom-pulse{0%,100%{box-shadow:0 0 6px #ff8eb0,inset 0 0 10px #ffd6e3;text-shadow:0 0 4px #ff8eb0}50%{box-shadow:0 0 22px #ff4f7e,inset 0 0 18px #ffe5ee;text-shadow:0 0 12px #ff4f7e,0 0 20px #ffb6cc}}
@keyframes hz-slash-sweep{0%{transform:translateX(-120%) skewX(-25deg);opacity:0}30%{opacity:1}100%{transform:translateX(260%) skewX(-25deg);opacity:0}}
@keyframes hz-heartbeat{0%,30%,60%,100%{transform:scale(1);text-shadow:0 0 4px #e85a7a}15%{transform:scale(1.07);text-shadow:0 0 14px #ff3b6b,0 0 24px #ffc4d4}45%{transform:scale(1.04);text-shadow:0 0 10px #ff3b6b}}
@keyframes hz-corrupt-shake{0%,100%{transform:translate(0,0) skewX(0)}20%{transform:translate(-1px,1px) skewX(-2deg)}40%{transform:translate(1.5px,-1px) skewX(2deg)}60%{transform:translate(-1.5px,-1px) skewX(-1deg)}80%{transform:translate(1px,1.5px) skewX(1deg)}}
@keyframes hz-corrupt-flicker{0%,100%{filter:hue-rotate(0deg) saturate(1.4)}50%{filter:hue-rotate(-25deg) saturate(2)}}
@keyframes hz-prophecy-breath{0%,100%{filter:drop-shadow(0 0 4px #d4af37) drop-shadow(0 0 6px #b07aff);letter-spacing:.04em}50%{filter:drop-shadow(0 0 14px #ffd76b) drop-shadow(0 0 24px #c89bff);letter-spacing:.14em}}
@keyframes hz-fade-die{0%{opacity:1;filter:none}100%{opacity:.45;filter:grayscale(.75) blur(.3px)}}
@keyframes hz-climax-pulse{0%,100%{box-shadow:inset 0 0 40px rgba(232,90,122,.25),0 0 30px rgba(232,90,122,.4)}50%{box-shadow:inset 0 0 80px rgba(201,29,58,.5),0 0 50px rgba(255,79,126,.7)}}
@keyframes hz-bg-drift{0%{background-position:0 0,0 0}100%{background-position:300px 300px,-200px 200px}}
@keyframes hz-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes hz-pop-in{0%{transform:scale(.85) translateY(8px);opacity:0}100%{transform:scale(1) translateY(0);opacity:1}}
@keyframes hz-glow-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes hz-bar-fill{0%{width:0}}
@keyframes hz-stage-blossom{0%,100%{transform:scale(1);box-shadow:0 0 4px #ff8eb0}50%{transform:scale(1.15);box-shadow:0 0 12px #ff4f7e}}
@keyframes hz-chip-rise{0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:translateY(0)}}
@keyframes hz-petal-drift{0%{transform:translateY(-20px) translateX(0) rotate(0)}100%{transform:translateY(120vh) translateX(60px) rotate(720deg)}}
@keyframes hz-aura-rotate{0%{background-position:0 0}100%{background-position:200% 0}}
@keyframes hz-ribbon-scroll{0%{background-position:0 0}100%{background-position:60px 0}}

/* ━━━━━━━━━━ 1. 平台层·有机会命中的部分（不强求） ━━━━━━━━━━ */
/* 滚动条美化（Webkit内核大概率生效） */
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:#fff5f8;border-radius:5px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff8eb0,#e85a7a);border-radius:5px;border:1px solid #fff5f8;box-shadow:inset 0 0 4px rgba(232,90,122,.3)}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e85a7a,#c91d3a)}
::selection{background:rgba(232,90,122,.4);color:#fff}

/* ━━━━━━━━━━ 2. 主容器 hzk + 樱瓣雨背景 ━━━━━━━━━━ */
hzk{
  display:block;font-family:"楷体","KaiTi","Noto Serif JP","Yu Mincho",serif;
  color:#3a2530;line-height:1.85;
  position:relative;padding:14px;
  background:
    radial-gradient(ellipse at 18% 8%,rgba(255,143,180,.18) 0,transparent 32%),
    radial-gradient(ellipse at 82% 92%,rgba(212,175,55,.1) 0,transparent 35%),
    linear-gradient(180deg,#fffafc 0%,#fff0f5 50%,#ffe4ec 100%);
  border:1px solid rgba(232,90,122,.35);border-radius:16px;
  box-shadow:0 4px 24px rgba(232,90,122,.18),inset 0 0 0 1px #fff;
  overflow:hidden;
}
hzk::before{
  content:"❀ 帝 都 · 緋 桜 綺 譚 ❀";
  display:block;text-align:center;letter-spacing:.6em;font-weight:700;font-size:13px;
  color:#9b1a3a;text-shadow:0 1px 0 #fff,0 0 6px rgba(232,90,122,.25);
  padding:6px 0 10px;border-bottom:1px dashed rgba(232,90,122,.3);margin-bottom:12px;
  position:relative;z-index:2;
}
hzk::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    radial-gradient(circle at 10% 20%,#ff8eb0 1px,transparent 2px),
    radial-gradient(circle at 30% 70%,#ffb6cc 1px,transparent 2px),
    radial-gradient(circle at 70% 30%,#ff8eb0 1px,transparent 2px),
    radial-gradient(circle at 85% 85%,#ffd0dc 1px,transparent 2px);
  background-size:240px 240px,180px 180px,300px 300px,220px 220px;
  opacity:.35;animation:hz-bg-drift 60s linear infinite;
  z-index:0;
}
hzk > *{position:relative;z-index:1}

timeline{display:none !important}

/* ━━━━━━━━━━ 3. summary / details 折叠通用样式 ━━━━━━━━━━ */
hzk details{
  background:linear-gradient(180deg,#fff8fb,#fff0f5);
  border:1px solid rgba(232,90,122,.3);border-left:4px solid #e85a7a;
  border-radius:10px;margin:10px 0;padding:0;overflow:hidden;
  box-shadow:0 2px 8px rgba(232,90,122,.12);
  animation:hz-pop-in .5s ease both;
}
hzk details summary{
  padding:8px 14px;cursor:pointer;font-weight:700;color:#9b1a3a;
  letter-spacing:.12em;font-size:14px;
  background:linear-gradient(90deg,rgba(255,143,180,.18),transparent);
  border-bottom:1px dashed rgba(232,90,122,.25);
  list-style:none;position:relative;user-select:none;
  transition:all .3s ease;
}
hzk details summary::-webkit-details-marker{display:none}
hzk details summary::before{
  content:"❀";display:inline-block;margin-right:8px;color:#e85a7a;
  transition:transform .35s ease;
}
hzk details[open] summary::before{transform:rotate(180deg) scale(1.15);color:#c91d3a}
hzk details summary:hover{
  background:linear-gradient(90deg,rgba(255,79,126,.28),rgba(255,143,180,.1));
  color:#c91d3a;
}
hzk details > div,hzk details > p,hzk details > pre{padding:10px 14px}

/* ━━━━━━━━━━ 4. 場景情景 ━━━━━━━━━━ */
.hizakura-scene{
  font-family:"楷体",serif;font-size:13px;line-height:1.9;color:#3a2530;
  background:
    repeating-linear-gradient(180deg,transparent 0,transparent 28px,rgba(232,90,122,.06) 28px,rgba(232,90,122,.06) 29px),
    linear-gradient(180deg,#fffdfd,#fff5f8);
  padding:12px 14px !important;border-radius:6px;
}
.hizakura-scene::before{content:"━━ 情 景 録 ━━";display:block;text-align:center;color:#9b1a3a;letter-spacing:.6em;font-weight:700;margin-bottom:8px;font-size:12px}

/* ━━━━━━━━━━ 5. 京洛絵図 ━━━━━━━━━━ */
.banner-map-block{border-left-color:#d4af37 !important}
.banner-map-head{
  background:linear-gradient(90deg,#3a2530,#9b1a3a 50%,#3a2530) !important;
  color:#ffd76b !important;text-align:center;letter-spacing:.8em !important;
  text-shadow:0 0 6px #d4af37,0 1px 0 #000 !important;
}
.banner-map-meta{padding:8px 14px;color:#9b1a3a;font-size:12px;background:rgba(255,232,237,.5);border-bottom:1px dashed rgba(232,90,122,.3)}
.banner-map-meta::before{content:"⛩ ";color:#d4af37}
.banner-map{
  display:block;padding:12px;margin:0;
  background:linear-gradient(180deg,#fffaf2,#fff5f8);
  color:#3a2530;font-family:"Courier New",monospace;font-size:12.5px;line-height:1.5;
  border-top:1px solid rgba(232,90,122,.2);border-bottom:1px solid rgba(232,90,122,.2);
  white-space:pre;overflow-x:auto;
}
.banner-map-legend{padding:6px 14px;font-size:11px;color:#7a4a5a;background:rgba(255,224,232,.4);text-align:center;letter-spacing:.1em}
.banner-map-notes{padding:8px 14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}
.banner-map-notes .map-note{margin:0;border:1px solid rgba(232,90,122,.25);border-left:3px solid #ff8eb0;border-radius:6px;background:#fffafc;animation:hz-pop-in .5s ease both}
.banner-map-notes .map-note summary{padding:6px 10px;font-size:12px;letter-spacing:.05em}
.banner-map-notes .note-body{padding:6px 10px;font-size:12px;line-height:1.7;color:#3a2530;background:#fff5f8;border-top:1px dashed rgba(232,90,122,.2)}
.banner-map-notes .warn{color:#c91d3a;font-weight:700;text-shadow:0 0 4px rgba(232,90,122,.4)}
.banner-map-footer{padding:8px 14px;font-size:11px;color:#9b1a3a;text-align:center;font-style:italic;background:rgba(255,224,232,.3)}

/* ━━━━━━━━━━ 6. 正文叙事 ━━━━━━━━━━ */
.hizakura-story{
  background:
    radial-gradient(circle at 5% 5%,rgba(255,143,180,.08) 0,transparent 20%),
    linear-gradient(180deg,#fffdfd,#fff8fb);
  padding:18px 22px;border-radius:10px;
  border:1px solid rgba(232,90,122,.25);
  box-shadow:inset 0 1px 0 #fff,0 2px 12px rgba(232,90,122,.1);
  margin:14px 0;font-family:"Noto Serif SC","SimSun",serif;
  font-size:15px;line-height:2.05;color:#3a2530;
  text-align:justify;letter-spacing:.02em;position:relative;
}
.hizakura-story::before{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:1px solid rgba(232,90,122,.18);border-radius:6px;pointer-events:none}
.hizakura-story p{margin:0 0 10px 0;text-indent:2em;position:relative;z-index:1}
.hizakura-story p.dlg{
  text-indent:0;padding:6px 14px;margin:8px 14px;
  background:linear-gradient(90deg,rgba(255,224,232,.6),rgba(255,224,232,.2));
  border-left:3px solid #e85a7a;border-radius:0 8px 8px 0;
  font-style:normal;font-weight:600;color:#9b1a3a;
}
.hizakura-story p.mono{
  text-indent:0;padding:4px 16px;margin:6px 24px;
  font-style:italic;color:#7a4a8c;font-size:14px;
  border-left:2px dashed rgba(122,74,140,.5);
  background:linear-gradient(90deg,rgba(232,210,255,.18),transparent);
}

/* ━━━━━━━━━━ 7. 主角/NPC 卡 ━━━━━━━━━━ */
.hizakura-card{
  background:
    linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,240,245,.85)),
    repeating-linear-gradient(45deg,transparent 0,transparent 12px,rgba(232,90,122,.04) 12px,rgba(232,90,122,.04) 13px);
  border:1px solid rgba(232,90,122,.35);border-radius:12px;
  padding:12px 14px;margin:8px 0;
  box-shadow:0 3px 14px rgba(232,90,122,.15),inset 0 1px 0 #fff;
  position:relative;
}
.hizakura-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,#ff8eb0,#e85a7a,#d4af37,#e85a7a,#ff8eb0);
  background-size:200% 100%;animation:hz-shimmer 5s linear infinite;
  border-radius:12px 12px 0 0;
}

.hizakura-name,.hz-titlebar{
  font-size:18px;font-weight:800;color:#9b1a3a;
  text-shadow:0 1px 0 #fff,0 0 8px rgba(232,90,122,.3);
  padding:4px 0 6px;border-bottom:1px dashed rgba(232,90,122,.3);margin-bottom:8px;
  letter-spacing:.08em;
}
.hz-name-main{font-size:20px;color:#c91d3a}
.hz-name-sub{font-size:14px;color:#7a4a5a;font-style:italic;margin-left:8px}

.hizakura-sub{
  font-size:12px;font-weight:700;letter-spacing:.4em;color:#9b1a3a;
  margin:10px 0 4px;
  border-left:3px solid #e85a7a;
  background:linear-gradient(90deg,rgba(255,143,180,.2),transparent);
  padding:2px 0 2px 10px;
}

/* chips */
.hz-chips{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0}
.hz-chip{
  display:inline-block;padding:2px 10px;font-size:11px;letter-spacing:.05em;
  border-radius:12px;background:linear-gradient(135deg,#fff,#ffe4ec);
  color:#9b1a3a;border:1px solid rgba(232,90,122,.4);
  box-shadow:0 1px 3px rgba(232,90,122,.15);
  animation:hz-chip-rise .5s ease both;
}
.hz-chip.age{background:linear-gradient(135deg,#fff,#fff5d4);border-color:#d4af37;color:#7a5a1a}
.hz-chip.sex{background:linear-gradient(135deg,#fff,#ffd6e3);color:#c91d3a}
.hz-chip.origin{background:linear-gradient(135deg,#fff,#e8d6ff);color:#5a3a8c;border-color:#a07ad4}
.hz-chip.belong{background:linear-gradient(135deg,#fff,#d6f0ff);color:#1a5a9b;border-color:#7aa0d4}
.hz-chip.rank{background:linear-gradient(135deg,#fffdf0,#ffe4a6);color:#7a4a1a;border-color:#d4af37;font-weight:700}
.hz-chip.school{background:linear-gradient(135deg,#fff,#ffc9d6);color:#9b1a3a}
.hz-chip.race{background:linear-gradient(135deg,#fff,#f0e0ff);color:#5a

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

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