feat:加入白色版標題

2026-05-06 20:31:53 +08:00
parent c03fbb9318
commit a389065fc1
2 changed files with 48 additions and 0 deletions
@@ -1,3 +1,43 @@
+.concert-archive-header {
+    text-align: center;
+    padding: 100px 20px 80px;
+    background: #fcfaf2;
+    /* 延用你的米白背景 */
+}
+
+.main-title {
+    font-size: 3.5rem;
+    font-weight: 900;
+    color: #333;
+    margin: 0;
+    letter-spacing: 10px;
+    text-transform: uppercase;
+}
+
+.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: 1.2rem;
+    color: #888;
+    letter-spacing: 6px;
+    margin: 0 25px;
+}
+
 body {
    background-color: #fcfaf2;
    /* 溫潤米白背景 */
@@ -9,6 +9,14 @@

 <body>
    <!-- HTML 結構 -->
+    <header class="concert-archive-header">
+        <div class="header-inner">
+            <h1 class="main-title">20th ANNIVERSARY TOUR</h1>
+            <div class="subtitle-wrap">
+                <span class="sub-title">SECHSKIES CONCERT ARCHIVE</span>
+            </div>
+        </div>
+    </header>
    <div class="search-section">
        <input type="text" class="search-input" placeholder="搜尋曲目或場次...">
    </div>