diff options
Diffstat (limited to 'frontend/src/styles/heisei.css')
| -rw-r--r-- | frontend/src/styles/heisei.css | 21 |
1 files changed, 11 insertions, 10 deletions
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%); } /* ---------------------------------------------------------------- |