Merge pull request #109 from alvin000009238/codex/reduce-header-height-for-better-ux-vbfbwp

Header & responsive layout polish; add read-only status badge for shared links

Author: alvin000009238

frontend/share.js

@@ -164,8 +164,10 @@ export async function checkSharedLink() {
             if (data.success) {
                 initDashboard(data.data);
 
-                const headerStatusBadge = document.getElementById('headerStatusBadge');
-                if (headerStatusBadge) headerStatusBadge.textContent = '僅供檢視';
+                document.querySelectorAll('.header-status-badge')
+                    .forEach((headerStatusBadge) => {
+                        headerStatusBadge.textContent = '僅供檢視';
+                    });
 
                 if (updateTime) updateTime.textContent = '分享存檔';
             } else {

public/index.html

@@ -72,7 +72,7 @@ <h2>中大壢中成績分析平台</h2>
                         <h1>成績分析平台</h1>
                         <div class="subtitle-row">
                             <p class="subtitle" id="examTitle">--</p>
-                            <span class="header-status-badge" id="headerStatusBadge" aria-live="polite"></span>
+                            <span class="header-status-badge" aria-live="polite"></span>
                         </div>
                     </div>
                 </div>