diff --git a/assets/css/concert.css b/assets/css/concert.css index cd1cf3c..99e30e3 100644 --- a/assets/css/concert.css +++ b/assets/css/concert.css @@ -4,41 +4,7 @@ body.concert-page { padding: 0; } -/* 頂部 banner 版面見 style.css .concert-archive-header(與 .map-archive-header 共用) */ - -.main-title { - font-size: 3.5rem; - font-weight: 900; - color: var(--yellow); - margin: 0; - letter-spacing: 8px; - text-transform: uppercase; - text-shadow: 0 0 30px rgba(255, 221, 0, 0.75); -} - -.subtitle-wrap { - margin-top: 25px; - display: flex; - align-items: center; - justify-content: center; -} - -.subtitle-wrap::before, -.subtitle-wrap::after { - content: ""; - flex: 1; - height: 3px; - background-color: #ffcc00; - /* 水晶黃 */ - max-width: 60px; -} - -.sub-title { - font-size: 1rem; - color: #d4d4d4; - letter-spacing: 6px; - margin: 0 25px; -} +/* 頂部 banner 主標/副標:style.css .site-header-inner(HTML 加在 .header-inner 上) */ .concert-page .concert-container { padding: 50px 0; diff --git a/assets/css/index.css b/assets/css/index.css index 5a3b00b..a3b6ffe 100644 --- a/assets/css/index.css +++ b/assets/css/index.css @@ -156,46 +156,7 @@ section.archive-intro p { /* ---------- 首頁 home-page:閱讀寬度與字級(弱化對 vw 的依賴) ---------- */ -/* Hero 大標:維持全站水晶黃字色,用深色描邊+暈光與淺黃底圖區隔 */ -.home-page header .hero h1 { - color: var(--primary); - font-weight: 900; - letter-spacing: 0.05em; - text-shadow: - 0 0 0.04em rgba(42, 32, 0, 0.55), - 0 0.03em 0 rgba(26, 20, 0, 0.42), - 0 0.08em 0.12em rgba(0, 0, 0, 0.28), - 0 -0.02em 0.06em rgba(255, 255, 255, 0.35), - 0 0 0.35em rgba(255, 204, 0, 0.85), - 0 0 0.85em rgba(255, 180, 0, 0.4); -} - -/* 副標:結構與 concert 相同(subtitle-wrap + 兩側黃線);字級大於演唱會頁以利閱讀 */ -.home-page header .hero .subtitle-wrap { - margin: 0.65rem auto 1.05rem; - padding: 0 0.75rem; - max-width: min(40rem, 94vw); -} - -.home-page header .hero .subtitle-wrap::before, -.home-page header .hero .subtitle-wrap::after { - height: 3px; - max-width: min(72px, 14vw); - background-color: #ffcc00; - opacity: 1; -} - -.home-page header .hero .subtitle-wrap .sub-title { - margin: 0 min(1.6rem, 4vw); - font-size: clamp(1.12rem, 2.4vw + 0.72rem, 1.52rem); - font-weight: 700; - letter-spacing: 0.22em; - line-height: 1.5; - color: #e6e6e6; - text-shadow: - 0 0 0.35em rgba(0, 0, 0, 0.45), - 0 0.06em 0.18em rgba(0, 0, 0, 0.35); -} +/* 首頁頂欄主標/副標:與內頁相同,見 style.css .site-header-inner(#origin 僅保留 100vh 全屏) */ .home-page .container { max-width: min(1200px, calc(100% - 2rem)); diff --git a/assets/css/style.css b/assets/css/style.css index b282798..86e6161 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -513,12 +513,7 @@ footer { padding: 0.5rem; } -.hero h1 { - font-size: 2.5rem; - line-height: 1.2; - color: var(--primary); - text-shadow: 0 0 30px rgba(255, 221, 0, 0.8); -} +/* 頂欄主標/副標字級與色見 .site-header-inner(對齊 extra/totoga2-copy-ebook.html) */ .hero p { font-size: 1.2rem; @@ -1563,7 +1558,8 @@ header.map-archive-header { box-sizing: border-box; } -.map-archive-header .main-title { +/* 全站頂欄標題語彙(母本:extra/totoga2-copy-ebook.html → .header-inner.site-header-inner) */ +.site-header-inner .main-title { font-size: clamp(2rem, 4.5vw, 3.2rem); font-weight: 900; color: var(--yellow, var(--primary)); @@ -1573,21 +1569,27 @@ header.map-archive-header { text-shadow: 0 0 30px rgba(255, 221, 0, 0.75); } -.map-archive-header .subtitle-wrap { +.site-header-inner .subtitle-wrap { margin-top: 20px; + display: flex; + align-items: center; + justify-content: center; } -.map-archive-header .subtitle-wrap::before, -.map-archive-header .subtitle-wrap::after { +.site-header-inner .subtitle-wrap::before, +.site-header-inner .subtitle-wrap::after { + content: ""; + flex: 1; height: 3px; background-color: #ffcc00; max-width: 56px; } -.map-archive-header .sub-title { +.site-header-inner .sub-title { font-size: 0.92rem; letter-spacing: 4px; color: #d4d4d4; + margin: 0; } .map-layout { @@ -1892,7 +1894,7 @@ header.map-archive-header { } @media (max-width: 920px) { - .map-archive-header .main-title { + .site-header-inner .main-title { letter-spacing: 4px; } diff --git a/assets/css/tablet.css b/assets/css/tablet.css index b6fcc07..18afcc7 100644 --- a/assets/css/tablet.css +++ b/assets/css/tablet.css @@ -134,7 +134,7 @@ padding: clamp(18px, 4vw, 22px); } - .map-archive-header .main-title { + .site-header-inner .main-title { letter-spacing: clamp(3px, 1vw, 6px); } diff --git a/concert/concert.html b/concert/concert.html index 201a4dd..6d70366 100644 --- a/concert/concert.html +++ b/concert/concert.html @@ -14,7 +14,7 @@