From 99288dc755caa8229d8005e96a9d18c53f3a37ad Mon Sep 17 00:00:00 2001 From: soryu-co Date: Wed, 6 May 2026 16:00:56 +0000 Subject: Mission/MAKIMA backdrop: slightly translucent (alpha 0.72→0.84, blur 28px) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/styles/heisei.css | 21 +++++++++++---------- 1 file changed, 11 insertions(+), 10 deletions(-) (limited to 'frontend/src') diff --git a/frontend/src/styles/heisei.css b/frontend/src/styles/heisei.css index 951002e..b532c02 100644 --- a/frontend/src/styles/heisei.css +++ b/frontend/src/styles/heisei.css @@ -120,17 +120,18 @@ body { background: var(--hz-night); color: var(--hz-ink); } ); } -/* Mission-mode backdrop — solid plate so the dusk-pink horizon and - bokeh from the page background don't bleed through behind the - panel content. The panel reads as its own surface, not a tinted - overlay over the homepage. */ +/* Mission-mode backdrop — slightly translucent so the dusk ambient + (blue + bokeh) reads through, but alpha stays high enough at the + bottom that the pink horizon dissolves into deep blue. Strong blur + radius diffuses any residual into soft tone, never a band. */ .modern-landing-page.manga-style .taisho-cover.mission-mode .cover-backdrop { - /* Near-opaque dark plate, uniform top-to-bottom (slight gradient kept - for depth so it doesn't read as flat-painted). */ - background: linear-gradient(180deg, #0a1024 0%, #0b1530 100%); - /* Strong blur so even residual ambient bleed is fully diffused */ - backdrop-filter: blur(20px) saturate(80%); - -webkit-backdrop-filter: blur(20px) saturate(80%); + background: linear-gradient(180deg, + rgba(11, 17, 36, 0.72) 0%, + rgba(11, 17, 36, 0.78) 50%, + rgba(11, 17, 36, 0.84) 100% + ); + backdrop-filter: blur(28px) saturate(90%); + -webkit-backdrop-filter: blur(28px) saturate(90%); } /* ---------------------------------------------------------------- -- cgit v1.2.3