update app.css home.jsx adjust layout

src/App.css

@@ -851,4 +851,39 @@ border: 2px solid transparent;
 }
 
 .avatar-circle.user { background-color: #555; }
-.avatar-circle.admin { background-color: #ffaa00; border-color: #fff; box-shadow: 0 0 10px rgba(255, 170, 0, 0.5); }
+.avatar-circle.admin { background-color: #ffaa00; border-color: #fff; box-shadow: 0 0 10px rgba(255, 170, 0, 0.5); }
+/* ================= 首页按钮 2x2 响应式网格 (终极修正版) ================= */
+.home-button-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr; /* 强行平分两列，绝不妥协 */
+  gap: 20px; /* 按钮之间的间距 */
+  width: 100%;
+  max-width: 500px; /* 限制最大宽度，宽屏下也不会显得傻大黑粗 */
+  margin: 40px auto 0 auto; /* 上边距40px，左右auto保证绝对居中！ */
+}
+
+.home-button-grid .btn-main {
+  width: 100%;
+  height: 60px; /* 统一高度，像一块块整齐的砖头 */
+  margin: 0; /* 清除默认外边距 */
+  padding: 10px;
+  font-size: 1rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  box-sizing: border-box; /* 保证边框和内边距不会撑破格子 */
+}
+
+/* 📱 手机端专属适配 (屏幕宽度小于 600px 时自动缩放) */
+@media (max-width: 600px) {
+  .home-button-grid {
+    gap: 15px; 
+    max-width: 90%; 
+  }
+  
+  .home-button-grid .btn-main {
+    height: 50px;
+    font-size: 0.85rem; 
+  }
+}

src/components/Home.jsx

@@ -96,7 +96,10 @@ function Home({ setActiveTab, role, setRole }) {
       <h1>FocusGuard</h1>
       <p>Your productivity monitor assistant.</p>
 
-      {/* 使用全新的 2x2 网格容器 */}
+      {/* 🔪 把隐藏的上传框放在网格外面，绝对不让它占格子！ */}
+      <input type="file" ref={fileInputRef} style={{ display: 'none' }} accept=".json" onChange={handleFileChange} />
+
+      {/* 使用全新的 2x2 网格容器，里面只放 4 个纯净的按钮 */}
       <div className="home-button-grid">
         
         <button className="btn-main" onClick={handleNewStart}>
@@ -110,7 +113,6 @@ function Home({ setActiveTab, role, setRole }) {
         <button className="btn-main" onClick={() => fileInputRef.current.click()}>
           Manual Import History
         </button>
-        <input type="file" ref={fileInputRef} style={{ display: 'none' }} accept=".json" onChange={handleFileChange} />
 
         <button className="btn-main" onClick={handleAdminToggle}>
           {role === 'admin' ? 'Switch to User Mode' : 'Admin Login'}