fix 首頁 hero 權重覆寫與導覽子選單 768px 起向右飛出

assets/css/index.css

@@ -156,7 +156,45 @@ section.archive-intro p {
 
 /* ---------- 首頁 home-page：閱讀寬度與字級（弱化對 vw 的依賴） ---------- */
 
-/* 首頁頂欄主標／副標：與內頁相同，見 style.css .site-header-inner（#origin 僅保留 100vh 全屏） */
+/*
+ * 首頁 hero 主標／副標：與全站 .site-header-inner 相同（index.css 在 style.css 之後載入）。
+ * 若留舊版 .home-page header .hero h1 { color: var(--primary); text-shadow: … } 會蓋過 style.css。
+ */
+.home-page header#origin .site-header-inner .main-title {
+    font-size: clamp(2rem, 4.5vw, 3.2rem);
+    font-weight: 900;
+    color: var(--text-main, #333);
+    letter-spacing: 6px;
+    margin: 0;
+    text-shadow: none;
+}
+
+.home-page header#origin .site-header-inner .sub-title {
+    font-size: 0.92rem;
+    letter-spacing: 4px;
+    color: var(--text-muted, #888);
+    text-transform: uppercase;
+}
+
+/* 首頁 Hero 副標雙線：僅 header#origin 內 .site-header-inner（不影響 portal-nav、#timeline 等區塊 .subtitle-wrap） */
+header#origin .site-header-inner .subtitle-wrap {
+    width: 100%;
+    max-width: min(40rem, 94vw);
+    margin: 20px auto 0;
+}
+
+header#origin .site-header-inner .subtitle-wrap::before,
+header#origin .site-header-inner .subtitle-wrap::after {
+    content: "";
+    display: block;
+    flex: 0 0 56px;
+    width: 56px;
+    min-width: 56px;
+    max-width: 56px;
+    height: 3px;
+    background-color: #5c5c5c;
+    opacity: 1;
+}
 
 .home-page .container {
     max-width: min(1200px, calc(100% - 2rem));