Update index.html

index.html

@@ -87,8 +87,7 @@
             font-weight: 500;
         }
 
-        input[type="text"],
-        input[type="password"] {
+        input[type="text"], input[type="password"] {
             width: 100%;
             padding: 0.8rem 1rem;
             border: 1px solid var(--border-color);
@@ -99,8 +98,7 @@
             transition: all 0.3s ease;
         }
 
-        input[type="text"]:focus,
-        input[type="password"]:focus {
+        input[type="text"]:focus, input[type="password"]:focus {
             outline: none;
             border-color: var(--accent-color);
             box-shadow: 0 0 0 3px rgba(0, 170, 255, 0.1);
@@ -271,7 +269,6 @@
                 opacity: 0;
                 transform: translateY(10px);
             }
-
             to {
                 opacity: 1;
                 transform: translateY(0);
@@ -349,18 +346,18 @@
         <div class="login-card">
             <h1 class="login-title">LLM+ 系統</h1>
             <p class="login-subtitle">請輸入您的登入資訊</p>
-
+            
             <form id="loginForm">
                 <div class="form-group">
                     <label for="username">帳號</label>
                     <input type="text" id="username" name="username" required>
                 </div>
-
+                
                 <div class="form-group">
                     <label for="password">密碼</label>
                     <input type="password" id="password" name="password" required>
                 </div>
-
+                
                 <div class="form-group">
                     <label>驗證碼</label>
                     <div class="captcha-container">
@@ -368,7 +365,7 @@
                         <input type="text" class="captcha-input" id="captchaInput" placeholder="請輸入驗證碼" required>
                     </div>
                 </div>
-
+                
                 <button type="submit" class="login-button">登入系統</button>
                 <div id="errorMessage" class="error-message"></div>
             </form>
@@ -381,7 +378,7 @@
             <button class="tab-button" onclick="openTab(event, 'iframe01')">ESG爬蟲</button>
             <button class="tab-button" onclick="openTab(event, 'iframe02')">多模態API 應用</button>
             <button class="tab-button" onclick="openTab(event, 'iframe03')">Grop+Linebot+Webcam</button>
-
+            
             <div class="logout-section">
                 <button class="logout-button" onclick="logout()">登出系統</button>
             </div>
@@ -398,7 +395,7 @@
             <div id="iframe02" class="tab-content">
                 <iframe src="https://cjian2025-groq-api-gradio.hf.space" frameborder="0"></iframe>
             </div>
-
+            
             <div id="iframe03" class="tab-content">
                 <iframe src="https://z9760405-webcam-groq-linebot-application.hf.space" frameborder="0"
                     allow="camera; microphone"></iframe>
@@ -409,6 +406,9 @@
     <script>
         // 全域變數
         let currentCaptcha = '';
+        // 使用 SHA-256 HASH 隱匿帳號密碼
+        // ROOT2025 的 SHA-256: a8b94f6d8b472e465f8c4d8e9c1b2f3a4d5e6f7a8b9c0d1e2f3a4b5c6d7e8f9a0b1
+        // 123456 的 SHA-256: 8d969eef6ecad3c29a3a629280e686cf0c3f5d5a86aff3ca12020c923adc6c92
         const CORRECT_USERNAME_HASH = 'a8b94f6d8b472e465f8c4d8e9c1b2f3a4d5e6f7a8b9c0d1e2f3a4b5c6d7e8f9a0b1';
         const CORRECT_PASSWORD_HASH = '8d969eef6ecad3c29a3a629280e686cf0c3f5d5a86aff3ca12020c923adc6c92';
 
@@ -465,7 +465,7 @@
         function showMainSystem() {
             document.getElementById('loginPage').style.display = 'none';
             document.getElementById('mainSystem').style.display = 'grid';
-
+            
             // 自動點擊第一個 tab
             if (document.getElementsByClassName("tab-button")[0]) {
                 document.getElementsByClassName("tab-button")[0].click();
@@ -476,7 +476,7 @@
         function logout() {
             document.getElementById('mainSystem').style.display = 'none';
             document.getElementById('loginPage').style.display = 'flex';
-
+            
             // 清空登入表單
             document.getElementById('loginForm').reset();
             document.getElementById('errorMessage').textContent = '';
@@ -499,14 +499,14 @@
         }
 
         // 初始化
-        document.addEventListener('DOMContentLoaded', function () {
+        document.addEventListener('DOMContentLoaded', function() {
             // 生成初始驗證碼
             generateCaptcha();
 
             // 登入表單提交事件 (使用非同步處理)
-            document.getElementById('loginForm').addEventListener('submit', async function (e) {
+            document.getElementById('loginForm').addEventListener('submit', async function(e) {
                 e.preventDefault();
-
+                
                 const username = document.getElementById('username').value;
                 const password = document.getElementById('password').value;
                 const captcha = document.getElementById('captchaInput').value;
@@ -532,7 +532,7 @@
             });
 
             // 按 Enter 鍵也可以登入
-            document.addEventListener('keypress', function (e) {
+            document.addEventListener('keypress', function(e) {
                 if (e.key === 'Enter' && document.getElementById('loginPage').style.display !== 'none') {
                     document.getElementById('loginForm').dispatchEvent(new Event('submit'));
                 }