diff --git a/frontend/styles/header.css b/frontend/styles/header.css
index 309a289..584b62a 100644
--- a/frontend/styles/header.css
+++ b/frontend/styles/header.css
@@ -8,7 +8,7 @@
 
     z-index: 100;
 
-    padding: 14px 0;
+    padding: 10px 0;
 
     margin: 0 -24px 40px;
 
@@ -36,9 +36,9 @@
 
     align-items: center;
 
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
 
-    gap: 16px;
+    gap: 12px;
 
     max-width: 1200px;
 
@@ -56,6 +56,14 @@
 
     gap: 12px;
 
+    min-width: 0;
+
+    flex: 1 1 auto;
+
+}
+
+.header-title-group {
+    min-width: 0;
 }
 
 
@@ -68,9 +76,9 @@
 
     justify-content: center;
 
-    width: 36px;
+    width: 32px;
 
-    height: 36px;
+    height: 32px;
 
     background: var(--color-primary);
 
@@ -86,9 +94,9 @@
 
 .logo-icon svg {
 
-    width: 20px;
+    width: 18px;
 
-    height: 20px;
+    height: 18px;
 
 }
 
@@ -98,6 +106,8 @@
 
     font-size: 20px;
 
+    line-height: 1.2;
+
     font-weight: 600;
 
     color: var(--color-text-main);
@@ -112,6 +122,14 @@
 
     background-clip: unset;
 
+    margin: 0;
+
+    overflow: hidden;
+
+    text-overflow: ellipsis;
+
+    white-space: nowrap;
+
 }
 
 
@@ -122,10 +140,18 @@
 
     font-size: 12px;
 
-    margin-top: 1px;
+    line-height: 1.2;
+
+    margin: 1px 0 0;
 
     font-weight: 400;
 
+    overflow: hidden;
+
+    text-overflow: ellipsis;
+
+    white-space: nowrap;
+
 }
 
 
@@ -138,7 +164,7 @@
 
     align-items: center;
 
-    gap: 12px;
+    gap: 10px;
 
     position: relative;
 
@@ -152,6 +178,8 @@
 
     backdrop-filter: none;
 
+    min-width: 0;
+
 }
 
 .header-actions {
@@ -197,6 +225,8 @@
 
     font-size: 12px;
 
+    line-height: 1.2;
+
     font-weight: 500;
 
     color: var(--color-text-secondary);
@@ -241,9 +271,9 @@
 
     gap: 8px;
 
-    height: 40px;
+    min-height: 36px;
 
-    padding: 0 18px;
+    padding: 0 14px;
 
     background: var(--color-primary);
 
@@ -484,4 +514,3 @@ visibility: visible;
     color: var(--color-text-muted);
 
 }
-
diff --git a/frontend/styles/responsive.css b/frontend/styles/responsive.css
index b358f42..13dd1bc 100644
--- a/frontend/styles/responsive.css
+++ b/frontend/styles/responsive.css
@@ -22,21 +22,11 @@
 
 
 
-    .header-content {
-
-        flex-direction: column;
-
-        align-items: flex-start;
-
-    }
-
-
-
     .data-time-box {
 
-        align-self: stretch;
+        justify-content: flex-end;
 
-        justify-content: space-between;
+        gap: 8px;
 
     }
 
@@ -161,6 +151,46 @@
 
 @media (max-width: 480px) {
 
+    .header {
+        margin-bottom: 20px;
+    }
+
+    .header-content {
+        flex-wrap: wrap;
+        gap: 8px;
+    }
+
+    .data-time-box {
+        width: 100%;
+        justify-content: space-between;
+        flex-wrap: wrap;
+    }
+
+    .time-label {
+        display: none;
+    }
+
+    .time-info {
+        padding-right: 8px;
+    }
+
+    .time-value {
+        font-size: 11px;
+    }
+
+    .header-actions .import-dropdown-btn {
+        min-width: 36px;
+        padding: 0 10px;
+    }
+
+    .header-actions .import-dropdown-btn > span:last-child {
+        display: none;
+    }
+
+    .header-actions {
+        flex-wrap: wrap;
+    }
+
     .student-details {
 
         flex-direction: column;
@@ -194,4 +224,3 @@
     }
 
 }
-
diff --git a/frontend/styles/utilities.css b/frontend/styles/utilities.css
index b6c177c..5d6bc33 100644
--- a/frontend/styles/utilities.css
+++ b/frontend/styles/utilities.css
@@ -75,8 +75,8 @@
 }
 
 .theme-toggle-btn {
-    width: 40px;
-    height: 40px;
+    width: 36px;
+    height: 36px;
     padding: 0;
     justify-content: center;
     background: var(--color-surface-elevated);
diff --git a/public/index.html b/public/index.html
index 26933f0..c273353 100644
--- a/public/index.html
+++ b/public/index.html
@@ -40,7 +40,7 @@
     </noscript>
     <script src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit" async defer></script>
     <script src="/theme-init.js"></script>
-    <link rel="stylesheet" href="/dist/main-CoyldwFZ.css" id="vite-css">
+    <link rel="stylesheet" href="/dist/main-D1WLtR6h.css" id="vite-css">
     <link rel="icon" type="image/x-icon" href="/favicon.ico">
 </head>
 
@@ -68,7 +68,7 @@ <h2>中大壢中成績分析平台</h2>
                             <path d="M640-160v-280h160v280H640Zm-240 0v-640h160v640H400Zm-240 0v-440h160v440H160Z" />
                         </svg>
                     </div>
-                    <div class="logo-text">
+                    <div class="logo-text header-title-group">
                         <h1>成績分析平台</h1>
                         <p class="subtitle" id="examTitle">--</p>
                     </div>
@@ -97,7 +97,8 @@ <h1>成績分析平台</h1>
                                 </svg>
                             </span>
                         </button>
-                        <button class="import-dropdown-btn share-btn-style" id="shareBtn" data-tour="share-btn">
+                        <button class="import-dropdown-btn share-btn-style" id="shareBtn" data-tour="share-btn"
+                            aria-label="分享">
                             <span class="dropdown-icon">
                                 <svg class="inline-svg-icon icon-18" fill="currentColor"
                                     xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960"
@@ -108,7 +109,7 @@ <h1>成績分析平台</h1>
                             </span>
                             <span>分享</span>
                         </button>
-                        <button class="import-dropdown-btn" id="syncBtn" data-tour="import-btn">
+                        <button class="import-dropdown-btn" id="syncBtn" data-tour="import-btn" aria-label="匯入成績">
                             <span class="dropdown-icon">
                                 <svg class="inline-svg-icon icon-18" fill="currentColor"
                                     xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960"
@@ -523,7 +524,7 @@ <h3 class="section-title">
         </footer>
     </div>
 
-    <script type="module" src="/dist/main-1Jkr9rBG.js"></script>
+    <script type="module" src="/dist/main-TqLOYhxL.js"></script>
 </body>
 
 </html>