diff --git a/assets/css/style.css b/assets/css/style.css index e039cc0..6985318 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -2982,6 +2982,50 @@ body.totoga2-page .ebook-back-link { gap: 12px; } +/* totoga2 黃色氣球底圖:標題加遮罩與描邊光暈,僅本系列有 .map-archive-header */ +body.totoga2-page header.map-archive-header::before { + content: ""; + position: absolute; + inset: 0; + background: linear-gradient( + 180deg, + rgba(18, 14, 8, 0.52) 0%, + rgba(18, 14, 8, 0.38) 45%, + rgba(18, 14, 8, 0.5) 100% + ); + z-index: 0; + pointer-events: none; +} + +body.totoga2-page header.map-archive-header .site-header-inner { + position: relative; + z-index: 1; +} + +body.totoga2-page header.map-archive-header .main-title { + font-size: clamp(2.25rem, 5.2vw, 3.65rem); + color: #fff8e8; + letter-spacing: 0.12em; + text-shadow: + 0 2px 4px rgba(0, 0, 0, 0.65), + 0 0 28px rgba(0, 0, 0, 0.45), + 0 0 2px rgba(255, 255, 255, 0.9); +} + +body.totoga2-page header.map-archive-header .sub-title { + font-size: clamp(0.95rem, 2.2vw, 1.08rem); + font-weight: 700; + color: #f5ecd4; + letter-spacing: 0.28em; + text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55); +} + +body.totoga2-page header.map-archive-header .subtitle-wrap::before, +body.totoga2-page header.map-archive-header .subtitle-wrap::after { + background-color: rgba(245, 236, 212, 0.85); + max-width: 72px; +} + /* totoga2/* 子頁共用 .totoga2-split-crossnav */ body.totoga2-page .totoga2-split-crossnav { margin-top: 0.75rem;