diff --git a/assets/css/style.css b/assets/css/style.css
index 6e9162d..e4386ba 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -43,15 +43,15 @@ body {
     line-height: 1.6;
 }
 
-/* 首頁 Hero 全屏；內頁 banner 為 header.inner-page-header */
+/* 首頁 Hero：高度隨寬度 16:9 等比縮放（上限一屏），cover 不留上下黑邊 */
 header#origin {
     width: 100%;
-    height: 100vh;
-    min-height: 100dvh;
+    height: clamp(12rem, 56.25vw, 100dvh);
+    min-height: 0;
     background-image: url('../images/header.jpg');
     background-position: center center;
     background-repeat: no-repeat;
-    background-size: 108%;
+    background-size: cover;
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -2100,8 +2100,8 @@ footer a .mark_b {
 /* 內頁頂部 banner（全站 header.inner-page-header；首頁僅 #origin） */
 header.inner-page-header {
     width: 100%;
-    height: auto;
-    min-height: clamp(14rem, 38vh, 24rem);
+    height: clamp(10rem, 35vw, 20rem);
+    min-height: 0;
     background-image: url('../images/header.jpg');
     background-position: center 78%;
     background-repeat: no-repeat;
diff --git a/assets/css/tablet.css b/assets/css/tablet.css
index 6700fa7..d60d92d 100644
--- a/assets/css/tablet.css
+++ b/assets/css/tablet.css
@@ -64,11 +64,18 @@
         gap: clamp(12px, 2vw, 20px);
     }
 
-    header {
+    header#origin {
+        height: clamp(11rem, 56.25vw, 100dvh);
         background-size: cover;
         background-position: center center;
     }
 
+    header.inner-page-header {
+        height: clamp(10rem, 35vw, 19rem);
+        background-size: cover;
+        background-position: center 78%;
+    }
+
     header#origin .hero .site-header-inner .main-title {
         font-size: clamp(1.75rem, 2.25vw + 1rem, 2.35rem);
     }