commit 调整首页

templates/home.html

@@ -50,6 +50,27 @@
             box-shadow: 0 20px 40px rgba(0,0,0,0.3);
         }
         
+        .logo-circle {
+            width: 120px;
+            height: 120px;
+            border-radius: 50%;
+            background: linear-gradient(135deg, rgba(255,215,0,0.2), rgba(255,215,0,0.1));
+            border: 3px solid #ffd700;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin: 0 auto;
+            box-shadow: 0 0 30px rgba(255,215,0,0.3);
+        }
+        
+        .logo-text {
+            font-size: 5rem;
+            font-weight: 700;
+            color: #ffd700;
+            font-family: 'Noto Serif SC', 'STSong', 'SimSun', serif;
+            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
+        }
+        
         .section-title {
             font-size: 1.25rem;
             color: #ffd700;
@@ -149,8 +170,9 @@
     <section class="hero-section text-center">
         <div class="container title-container">
             <div class="mb-6">
-                <img src="https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=Chinese%20character%20%22Liu%22%20%E7%95%99%20gold%20calligraphy%20traditional%20Chinese%20style%20elegant%20on%20black%20background%20simple&image_size=square" 
-                     alt="留氏族徽" class="logo-img mb-4">
+                <div class="logo-circle">
+                    <span class="logo-text">留</span>
+                </div>
             </div>
             <h1 class="main-title">留氏（衢州）族谱信息管理系统</h1>
             <p class="subtitle">二〇二六年度版</p>
@@ -165,107 +187,8 @@
         </div>
     </section>
 
-    <!-- Stats Section -->
-    <section class="py-8">
-        <div class="container">
-            <div class="row justify-content-center">
-                <div class="col-md-3 col-sm-6 mb-4">
-                    <div class="card stat-card text-center p-4 rounded-16">
-                        <div class="stat-number">{{ member_count }}</div>
-                        <div class="stat-label">录入成员</div>
-                    </div>
-                </div>
-                <div class="col-md-3 col-sm-6 mb-4">
-                    <div class="card stat-card text-center p-4 rounded-16">
-                        <div class="stat-number">{{ record_count }}</div>
-                        <div class="stat-label">扫描件记录</div>
-                    </div>
-                </div>
-                <div class="col-md-3 col-sm-6 mb-4">
-                    <div class="card stat-card text-center p-4 rounded-16">
-                        <div class="stat-number">{{ pdf_count }}</div>
-                        <div class="stat-label">家谱PDF</div>
-                    </div>
-                </div>
-                <div class="col-md-3 col-sm-6 mb-4">
-                    <div class="card stat-card text-center p-4 rounded-16">
-                        <div class="stat-number">{{ error_count }}</div>
-                        <div class="stat-label">疑似错误</div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-
-    <!-- Editorial Board Section -->
-    <section class="py-12">
-        <div class="container">
-            <div class="card-custom p-6">
-                <h2 class="section-title">编委会成员</h2>
-                
-                <!-- Step 1: Chief Editor -->
-                <div style="position: relative; padding-left: 24px; padding-top: 12px; padding-bottom: 12px; margin-bottom: 8px;">
-                    <div style="position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(to bottom, #ffd700, #ffb700); border-radius: 0 4px 4px 0;"></div>
-                    <div style="display: flex; align-items: center; gap: 12px;">
-                        <i class="bi bi-star" style="color: #ffd700; font-size: 18px;"></i>
-                        <span style="color: #ffd700; font-weight: 600; font-size: 16px;">主编：</span>
-                        <span style="color: #ffffff; font-weight: 700; font-size: 18px;">留文正</span>
-                    </div>
-                </div>
-                
-                <!-- Step 2: Editorial Committee -->
-                <div style="position: relative; padding-left: 72px; padding-top: 12px; padding-bottom: 12px; margin-bottom: 8px;">
-                    <div style="position: absolute; left: 48px; top: 0; bottom: 0; width: 4px; background: linear-gradient(to bottom, #4285F4, #3367D6); border-radius: 0 4px 4px 0;"></div>
-                    <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 8px;">
-                        <i class="bi bi-users" style="color: #4285F4; font-size: 18px;"></i>
-                        <span style="color: #4285F4; font-weight: 600; font-size: 16px;">编委成员：</span>
-                    </div>
-                    <div style="display: flex; flex-wrap: wrap; gap: 8px; margin-left: 48px;">
-                        <span style="padding: 4px 12px; background: rgba(255,215,0,0.2); border-radius: 20px; color: #ffd700; font-weight: 500; font-size: 14px;">留忠德</span>
-                        <span style="padding: 4px 12px; background: rgba(255,215,0,0.2); border-radius: 20px; color: #ffd700; font-weight: 500; font-size: 14px;">留文正</span>
-                        <span style="padding: 4px 12px; background: rgba(255,215,0,0.2); border-radius: 20px; color: #ffd700; font-weight: 500; font-size: 14px;">留越</span>
-                        <span style="padding: 4px 12px; background: rgba(255,215,0,0.2); border-radius: 20px; color: #ffd700; font-weight: 500; font-size: 14px;">留良吾</span>
-                        <span style="padding: 4px 12px; background: rgba(255,215,0,0.2); border-radius: 20px; color: #ffd700; font-weight: 500; font-size: 14px;">留如藩</span>
-                        <span style="padding: 4px 12px; background: rgba(255,215,0,0.2); border-radius: 20px; color: #ffd700; font-weight: 500; font-size: 14px;">留强</span>
-                        <span style="padding: 4px 12px; background: rgba(255,255,255,0.1); border-radius: 20px; color: rgba(255,255,255,0.6); font-size: 14px;">……</span>
-                    </div>
-                </div>
-                
-                <!-- Step 3: External Advisor -->
-                <div style="position: relative; padding-left: 120px; padding-top: 12px; padding-bottom: 12px; margin-bottom: 8px;">
-                    <div style="position: absolute; left: 96px; top: 0; bottom: 0; width: 4px; background: linear-gradient(to bottom, #34A853, #2E7D32); border-radius: 0 4px 4px 0;"></div>
-                    <div style="display: flex; align-items: center; gap: 12px;">
-                        <i class="bi bi-chat-left" style="color: #34A853; font-size: 18px;"></i>
-                        <span style="color: #34A853; font-weight: 600; font-size: 16px;">外支顾问：</span>
-                        <span style="color: #ffffff; font-weight: 500; font-size: 16px;">留朝信</span>
-                    </div>
-                </div>
-                
-                <!-- Step 4: System Planner -->
-                <div style="position: relative; padding-left: 168px; padding-top: 12px; padding-bottom: 12px; margin-bottom: 8px;">
-                    <div style="position: absolute; left: 144px; top: 0; bottom: 0; width: 4px; background: linear-gradient(to bottom, #9C27B0, #7B1FA2); border-radius: 0 4px 4px 0;"></div>
-                    <div style="display: flex; align-items: center; gap: 12px;">
-                        <i class="bi bi-layout-grid" style="color: #9C27B0; font-size: 18px;"></i>
-                        <span style="color: #9C27B0; font-weight: 600; font-size: 16px;">系统规划：</span>
-                        <span style="color: #ffffff; font-weight: 500; font-size: 16px;">留越</span>
-                    </div>
-                </div>
-                
-                <!-- Step 5: Technical Implementation -->
-                <div style="position: relative; padding-left: 216px; padding-top: 12px; padding-bottom: 12px;">
-                    <div style="position: absolute; left: 192px; top: 0; bottom: 0; width: 4px; background: linear-gradient(to bottom, #FB8C00, #EF6C00); border-radius: 0 4px 4px 0;"></div>
-                    <div style="display: flex; align-items: center; gap: 12px;">
-                        <i class="bi bi-code" style="color: #FB8C00; font-size: 18px;"></i>
-                        <span style="color: #FB8C00; font-weight: 600; font-size: 16px;">技术实现：</span>
-                        <span style="color: #ffffff; font-weight: 500; font-size: 16px;">春笋秋竹（杭州）科技有限公司</span>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-
     <!-- Quick Actions -->
-    <section class="py-12">
+    <section class="py-8">
         <div class="container">
             <h2 class="section-title text-center mb-8">快速导航</h2>
             <div class="row g-4">
@@ -309,6 +232,58 @@
         </div>
     </section>
 
+    <!-- Editorial Board Section -->
+    <section class="py-12">
+        <div class="container">
+            <div class="card-custom p-6">
+                <h2 class="section-title">编委会成员</h2>
+                
+                <!-- Chief Editor -->
+                <div style="display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,0.1);">
+                    <i class="bi bi-star" style="color: #ffd700; font-size: 18px; width: 24px;"></i>
+                    <span style="color: #ffd700; font-weight: 600; font-size: 16px; width: 100px;">主编：</span>
+                    <span style="color: #ffffff; font-weight: 700; font-size: 16px;">留文正</span>
+                </div>
+                
+                <!-- Editorial Committee -->
+                <div style="display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,0.1); overflow-x: auto;">
+                    <i class="bi bi-users" style="color: #4285F4; font-size: 18px; width: 24px; flex-shrink: 0;"></i>
+                    <span style="color: #4285F4; font-weight: 600; font-size: 16px; width: 100px; flex-shrink: 0;">编委成员：</span>
+                    <div style="display: flex; flex-wrap: nowrap; gap: 6px;">
+                        <span style="padding: 3px 10px; background: rgba(255,215,0,0.2); border-radius: 16px; color: #ffd700; font-weight: 500; font-size: 13px; white-space: nowrap;">留忠德</span>
+                        <span style="padding: 3px 10px; background: rgba(255,215,0,0.2); border-radius: 16px; color: #ffd700; font-weight: 500; font-size: 13px; white-space: nowrap;">留文正</span>
+                        <span style="padding: 3px 10px; background: rgba(255,215,0,0.2); border-radius: 16px; color: #ffd700; font-weight: 500; font-size: 13px; white-space: nowrap;">留越</span>
+                        <span style="padding: 3px 10px; background: rgba(255,215,0,0.2); border-radius: 16px; color: #ffd700; font-weight: 500; font-size: 13px; white-space: nowrap;">留良吾</span>
+                        <span style="padding: 3px 10px; background: rgba(255,215,0,0.2); border-radius: 16px; color: #ffd700; font-weight: 500; font-size: 13px; white-space: nowrap;">留如藩</span>
+                        <span style="padding: 3px 10px; background: rgba(255,215,0,0.2); border-radius: 16px; color: #ffd700; font-weight: 500; font-size: 13px; white-space: nowrap;">留强</span>
+                        <span style="padding: 3px 10px; background: rgba(255,255,255,0.1); border-radius: 16px; color: rgba(255,255,255,0.6); font-size: 13px; white-space: nowrap;">……</span>
+                    </div>
+                </div>
+                
+                <!-- External Advisor -->
+                <div style="display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,0.1);">
+                    <i class="bi bi-chat-left" style="color: #34A853; font-size: 18px; width: 24px;"></i>
+                    <span style="color: #34A853; font-weight: 600; font-size: 16px; width: 100px;">外支顾问：</span>
+                    <span style="color: #ffffff; font-weight: 500; font-size: 16px;">留朝信</span>
+                </div>
+                
+                <!-- System Planner -->
+                <div style="display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,0.1);">
+                    <i class="bi bi-grid-3x3" style="color: #9C27B0; font-size: 18px; width: 24px;"></i>
+                    <span style="color: #9C27B0; font-weight: 600; font-size: 16px; width: 100px;">系统规划：</span>
+                    <span style="color: #ffffff; font-weight: 500; font-size: 16px;">留越</span>
+                </div>
+                
+                <!-- Technical Implementation -->
+                <div style="display: flex; align-items: center; gap: 12px; padding: 12px 0;">
+                    <i class="bi bi-code" style="color: #FB8C00; font-size: 18px; width: 24px;"></i>
+                    <span style="color: #FB8C00; font-weight: 600; font-size: 16px; width: 100px;">技术实现：</span>
+                    <span style="color: #ffffff; font-weight: 500; font-size: 16px;">春笋秋竹（杭州）科技有限公司</span>
+                </div>
+            </div>
+        </div>
+    </section>
+
     <!-- Footer -->
     <footer class="footer text-center">
         <div class="container">