/* 《工位》主题：写字楼灰 + 便利贴橙 */
html, body { background: #1a1b1e; font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif; color: #f1ede6; }

.bg-street   { background: linear-gradient(180deg, #9fb4c7 0%, #d9d4c7 55%, #5b5f66 100%) !important; }
.bg-office   { background: linear-gradient(180deg, #6f7680 0%, #b9bec4 55%, #3e4249 100%) !important; }
.bg-meeting  { background: linear-gradient(180deg, #4d5561 0%, #8e98a3 50%, #2c3037 100%) !important; }
.bg-night    { background: linear-gradient(180deg, #0d1017 0%, #232a38 55%, #4a3b2c 100%) !important; }
.bg-home     { background: linear-gradient(180deg, #5a4a3f 0%, #c79f76 55%, #3a2e26 100%) !important; }
.bg-rooftop  { background: linear-gradient(180deg, #0b1020 0%, #2b3150 50%, #c26a2c 100%) !important; }
.bg-hometown { background: linear-gradient(180deg, #8aa7b8 0%, #d7cfae 55%, #6d6a4a 100%) !important; }
.bg-cafe     { background: linear-gradient(180deg, #5c4033 0%, #b8875f 55%, #33241c 100%) !important; }
.bg-hospital { background: linear-gradient(180deg, #d4e2e4 0%, #a3bfc3 55%, #53686b 100%) !important; }
.bg-stage    { background: linear-gradient(180deg, #1c0f08 0%, #7a2f10 45%, #f0a040 100%) !important; }
.bg-sea      { background: linear-gradient(180deg, #8fd0e0 0%, #4ea3b5 50%, #e8dcc0 100%) !important; }

#petals { display: none; }

.btn { background: linear-gradient(180deg, #f08a3c, #c75f1c); border-color: #ffc38f; letter-spacing: 3px; }
.btn:hover { box-shadow: 0 4px 14px rgba(255,160,90,.45); }
.title-box h1 { color: #fff4e8; text-shadow: 0 0 20px rgba(240,138,60,.6), 2px 2px 0 #5a2a0c; }
.subtitle { color: #d8cfc4; }
#title-screen { background: linear-gradient(180deg, rgba(40,42,48,.3), rgba(20,20,24,.88)); }

#dialog { background: linear-gradient(180deg, rgba(38,40,46,.92), rgba(22,23,27,.96)); border-color: #d9803d; }
#dialog::before { border-color: rgba(217,128,61,.3); }
#speaker { background: linear-gradient(180deg, #f08a3c, #c75f1c); border-color: #ffc38f; }
#text.narration { color: #d6d0c8; }
#next-hint { color: #f0a060; }

.stat, #menu-bar button { background: rgba(24,25,29,.7); border-color: rgba(240,160,96,.5); }
#menu-bar button:hover { background: rgba(240,138,60,.8); }
.stat .bar i { background: linear-gradient(90deg, #ffd166, #f08a3c); }

.choice { color: #3a2412; background: linear-gradient(90deg, rgba(255,246,220,.97), rgba(255,226,170,.97)); border-color: #d9803d; }
.choice:hover { background: linear-gradient(90deg, #fff0c8, #ffd08a); }
.choice.special { border-color: #4fb0a0; box-shadow: 0 0 10px rgba(79,176,160,.55); }
.choice.special::before { content: "【转机】"; color: #1f7a6c; }

#chapter-card span, .ending-box h2, .modal-box h3 { color: #ffe2c4; text-shadow: 0 0 16px rgba(240,138,60,.5); }
.ending-tag { color: #f0a060; }
.modal-box { background: linear-gradient(180deg, #2b2d33, #1a1b1f); border-color: #d9803d; }
.log-line b { color: #f0a060; }