/* ============================================================ 私語(Whisper)模式 — 四季專屬「::before / ::after」光暈效果 ------------------------------------------------------------ .diary-section.whisper-mode::before / ::after 與 .input-area.whisper-mode::before 原本使用固定的青白色漸層，本檔案依現實季節（由 js/app.js 的 applyWhisperSeasonTheme() 掛在上的 season-spring / season-summer / season-autumn / season-winter class）覆寫成對應的季節光暈色。顏色取自 Sakura 花瓣／splashScreen 的四季配色系統（見 style_utf8.css 中 #splashScreen.sakura-season / .season-summer / .season-autumn / .season-winter）：春 spring → 桜色（粉櫻）夏 summer → 夏葉綠色（黃綠，取自 SEASON_CONFIG.summer 花瓣 hue 77-99°）秋 autumn → 紅葉色（橙紅）冬 winter → 氷青色（冰藍） *日間 / 夜間模式色彩保持一致（沿用本站現有慣例：「夜間配色改為與日間完全一致」），故下方每組季節規則同時涵蓋 body.night-mode 版本。 ============================================================ */ /* ---------- 日記區域（diary-section）四季光暈 ---------- */ /* 春 · 桜色 */ body.season-spring .diary-section.whisper-mode::before, body.night-mode.season-spring .diary-section.whisper-mode::before { background: linear-gradient(95deg, transparent 0%, color(display-p3 0.9686 0.7373 0.8078 / 0.2) 65%, color(display-p3 0.8235 0.4784 0.5647 / 0.25) 39%, color(display-p3 1.05 0.98 1.00 / 0.14) 15%, /* EDR 粉白：SDR clamp→白，EDR→暖粉超白 */ transparent 100%); filter: blur(60px); opacity: 0.5; } body.season-spring .diary-section.whisper-mode::after, body.night-mode.season-spring .diary-section.whisper-mode::after { background: linear-gradient(to top, transparent 0%, color(display-p3 0.9686 0.7373 0.8078 / 0.15) 65%, color(display-p3 0.8235 0.4784 0.5647 / 0.2) 39%, color(display-p3 1.05 0.98 1.00 / 0.09) 15%, transparent 100%); filter: blur(50px); opacity: 0.4; } /* 夏 · 夏葉綠色 */ body.season-summer .diary-section.whisper-mode::before, body.night-mode.season-summer .diary-section.whisper-mode::before { background: linear-gradient(95deg, transparent 0%, color(display-p3 0.5908 0.9158 0.3072 / 0.2) 65%, color(display-p3 0.4740 0.8100 0.0900 / 0.25) 39%, color(display-p3 0.98 1.08 0.95 / 0.14) 15%, /* EDR 綠白：SDR clamp→白，EDR→鮮綠超白 */ transparent 100%); filter: blur(60px); opacity: 0.5; } body.season-summer .diary-section.whisper-mode::after, body.night-mode.season-summer .diary-section.whisper-mode::after { background: linear-gradient(to top, transparent 0%, color(display-p3 0.7182 0.9108 0.1884 / 0.15) 65%, color(display-p3 0.4740 0.8100 0.0900 / 0.2) 39%, color(display-p3 0.98 1.08 0.95 / 0.09) 15%, transparent 100%); filter: blur(50px); opacity: 0.4; } /* 秋 · 紅葉色 */ body.season-autumn .diary-section.whisper-mode::before, body.night-mode.season-autumn .diary-section.whisper-mode::before { background: linear-gradient(95deg, transparent 0%, color(display-p3 0.9569 0.7137 0.4588 / 0.2) 65%, color(display-p3 0.8000 0.4235 0.2549 / 0.25) 39%, color(display-p3 1.08 0.92 0.78 / 0.14) 15%, /* EDR 橙白：SDR clamp→白，EDR→暖橙超白 */ transparent 100%); filter: blur(60px); opacity: 0.5; } body.season-autumn .diary-section.whisper-mode::after, body.night-mode.season-autumn .diary-section.whisper-mode::after { background: linear-gradient(to top, transparent 0%, color(display-p3 0.9569 0.7137 0.4588 / 0.15) 65%, color(display-p3 0.8000 0.4235 0.2549 / 0.2) 39%, color(display-p3 1.08 0.92 0.78 / 0.09) 15%, transparent 100%); filter: blur(50px); opacity: 0.4; } /* 冬 · 氷青色 */ body.season-winter .diary-section.whisper-mode::before, body.night-mode.season-winter .diary-section.whisper-mode::before { background: linear-gradient(95deg, transparent 0%, color(display-p3 0.8784 0.9216 0.9647 / 0.2) 65%, color(display-p3 0.5333 0.6235 0.7333 / 0.25) 39%, color(display-p3 0.95 1.02 1.10 / 0.14) 15%, /* EDR 冰白：SDR clamp→白，EDR→冷超白 */ transparent 100%); filter: blur(60px); opacity: 0.5; } body.season-winter .diary-section.whisper-mode::after, body.night-mode.season-winter .diary-section.whisper-mode::after { background: linear-gradient(to top, transparent 0%, color(display-p3 0.8784 0.9216 0.9647 / 0.15) 65%, color(display-p3 0.5333 0.6235 0.7333 / 0.2) 39%, color(display-p3 0.95 1.02 1.10 / 0.09) 15%, transparent 100%); filter: blur(50px); opacity: 0.4; } /* ---------- 輸入區域（input-area）四季光暈 ---------- */ /* 春 · 桜色 */ body.season-spring .input-area.whisper-mode::before, body.night-mode.season-spring .input-area.whisper-mode::before { background: linear-gradient(95deg, transparent 0%, color(display-p3 0.8235 0.4784 0.5647 / 0.15) 70%, color(display-p3 0.9686 0.7373 0.8078 / 0.1) 50%, color(display-p3 0.0000 0.0000 0.0000 / 0.08) 25%, transparent 100%); filter: blur(25px); opacity: 0.5; } /* 夏 · 夏葉綠色 */ body.season-summer .input-area.whisper-mode::before, body.night-mode.season-summer .input-area.whisper-mode::before { background: linear-gradient(95deg, transparent 0%, color(display-p3 0.4740 0.8100 0.0900 / 0.15) 70%, color(display-p3 0.8580 0.9700 0.7300 / 0.1) 50%, color(display-p3 0.0000 0.0000 0.0000 / 0.08) 25%, transparent 100%); filter: blur(25px); opacity: 0.5; } /* 秋 · 紅葉色 */ body.season-autumn .input-area.whisper-mode::before, body.night-mode.season-autumn .input-area.whisper-mode::before { background: linear-gradient(95deg, transparent 0%, color(display-p3 0.8000 0.4235 0.2549 / 0.15) 70%, color(display-p3 0.9569 0.7137 0.4588 / 0.1) 50%, color(display-p3 0.0000 0.0000 0.0000 / 0.08) 25%, transparent 100%); filter: blur(25px); opacity: 0.5; } /* 冬 · 氷青色 */ body.season-winter .input-area.whisper-mode::before, body.night-mode.season-winter .input-area.whisper-mode::before { background: linear-gradient(95deg, transparent 0%, color(display-p3 0.5333 0.6235 0.7333 / 0.15) 70%, color(display-p3 0.8784 0.9216 0.9647 / 0.1) 50%, color(display-p3 0.0000 0.0000 0.0000 / 0.08) 25%, transparent 100%); filter: blur(25px); opacity: 0.5; }