/* 《青鸟》主题：旧报纸 + 雨夜黑白 */
html, body { background: #0e0d0b; font-family: "Songti SC", "STSong", "SimSun", "Noto Serif SC", serif; color: #ece3d0; }

.bg-rain     { background: linear-gradient(180deg, #1d2226 0%, #3d4449 55%, #15181b 100%) !important; }
.bg-office   { background: linear-gradient(180deg, #3a342b 0%, #6b6150 55%, #221e18 100%) !important; }
.bg-night    { background: linear-gradient(180deg, #07080b 0%, #1a1d26 55%, #2c2419 100%) !important; }
.bg-street   { background: linear-gradient(180deg, #2a2d30 0%, #5d5a52 55%, #1c1b18 100%) !important; }
.bg-cafe     { background: linear-gradient(180deg, #3b2a1e 0%, #8a6a4a 55%, #251910 100%) !important; }
.bg-tailor   { background: linear-gradient(180deg, #2f2a22 0%, #7a6a4f 50%, #1f1a13 100%) !important; }
.bg-church   { background: linear-gradient(180deg, #14131a 0%, #3d3a4a 50%, #8a6f3a 100%) !important; }
.bg-home     { background: linear-gradient(180deg, #221c15 0%, #5a4a35 55%, #15110c 100%) !important; }
.bg-ballroom { background: linear-gradient(180deg, #120c08 0%, #5a3a1a 45%, #c8a060 100%) !important; }
.bg-cell     { background: linear-gradient(180deg, #0b0b0b 0%, #2a2522 55%, #3a1212 100%) !important; }
.bg-dawn     { background: linear-gradient(180deg, #2a3548 0%, #b7a88a 55%, #f0c888 100%) !important; }

.petal {
  width: 1px; height: 22px; border-radius: 0;
  background: linear-gradient(180deg, transparent, rgba(210,220,230,.45));
  animation-name: rain; animation-duration: 1.1s !important;
}
@keyframes rain { to { transform: translate(-60px, 720px); } }

.btn { background: linear-gradient(180deg, #5a4630, #2e2418); border-color: #c8a870; color: #f3e6c8; letter-spacing: 4px; }
.btn:hover { box-shadow: 0 4px 14px rgba(200,168,112,.35); }
.title-box h1 { color: #efe2c2; text-shadow: 0 0 18px rgba(120,170,200,.45), 2px 2px 0 #1a1510; letter-spacing: 16px; }
.subtitle { color: #b9ad94; }
#title-screen { background: linear-gradient(180deg, rgba(20,24,28,.35), rgba(8,8,6,.9)); }

#dialog { background: linear-gradient(180deg, rgba(30,26,20,.92), rgba(14,12,9,.96)); border-color: #a88a58; }
#dialog::before { border-color: rgba(168,138,88,.3); }
#speaker { background: linear-gradient(180deg, #4a5a68, #26313a); border-color: #9fb6c8; }
#text.narration { color: #d3c7ae; }
#next-hint { color: #c8a870; }

.stat, #menu-bar button { background: rgba(14,12,9,.72); border-color: rgba(200,168,112,.5); }
#menu-bar button:hover { background: rgba(74,90,104,.85); }
.stat .bar i { background: linear-gradient(90deg, #7fa8c0, #c8a870); }

.choice { color: #2a2016; background: linear-gradient(90deg, rgba(240,228,200,.96), rgba(222,204,166,.96)); border-color: #8a6f45; }
.choice:hover { background: linear-gradient(90deg, #f5e8c8, #e0c890); }
.choice.special { border-color: #3f7fa8; box-shadow: 0 0 10px rgba(63,127,168,.55); }
.choice.special::before { content: "【密令】"; color: #1f5a80; }

#chapter-card span, .ending-box h2, .modal-box h3 { color: #efe2c2; text-shadow: 0 0 16px rgba(120,170,200,.4); }
.ending-tag { color: #c8a870; }
#ending-screen { background: rgba(8,8,6,.8); }
.modal-box { background: linear-gradient(180deg, #2a241b, #14110c); border-color: #a88a58; }
.log-line b { color: #9fb6c8; }