优化界面布局: 简化短信列表，增强统计信息详情

Changes:
- 短信列表: 简化为列表视图，只显示号码、时间、完整内容
- 统计信息: 最近接收增加详细参数(签名、IP、详情链接)
- 统计信息: 显示从10条增加到20条
- 优化CSS样式，提升可读性

templates/index.html

@@ -138,26 +138,54 @@
             border-collapse: collapse;
         }
 
-        .messages-table th,
-        .messages-table td {
-            padding: 12px 15px;
-            text-align: left;
+        .messages-list {
+            background: white;
+            border-radius: 10px;
+            overflow: hidden;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
+
+        .list-view {
+            list-style: none;
+        }
+
+        .list-view li {
+            padding: 15px;
             border-bottom: 1px solid #eee;
+            transition: background 0.3s;
         }
 
-        .messages-table th {
-            background: #f5f5f5;
-            font-weight: 600;
-            color: #333;
-        }
-
-        .messages-table tr:hover {
+        .list-view li:hover {
             background: #f9f9f9;
         }
 
+        .list-view li:last-child {
+            border-bottom: none;
+        }
+
+        .msg-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 8px;
+        }
+
         .from-number {
             font-weight: bold;
             color: #667eea;
+            font-size: 15px;
+        }
+
+        .msg-time {
+            font-size: 12px;
+            color: #999;
+        }
+
+        .msg-content {
+            color: #333;
+            font-size: 14px;
+            line-height: 1.6;
+            word-break: break-all;
         }
 
         .sign-verified {
@@ -351,40 +379,19 @@
             </div>
         </div>
 
-        <div class="messages-table">
+        <div class="messages-list">
             {% if messages %}
-            <table>
-                <thead>
-                    <tr>
-                        <th>ID</th>
-                        <th>发送方</th>
-                        <th>内容</th>
-                        <th>时间</th>
-                        <th>验证</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    {% for msg in messages %}
-                    <tr>
-                        <td>{{ msg.id }}</td>
-                        <td><span class="from-number">{{ msg.from_number }}</span></td>
-                        <td>
-                            <a href="/message/{{ msg.id }}" style="color: #333; text-decoration: none;">
-                                {{ msg.content[:50] }}{% if msg.content|length > 50 %}...{% endif %}
-                            </a>
-                        </td>
-                        <td>{{ msg.created_at }}</td>
-                        <td>
-                            {% if msg.sign_verified %}
-                            <span class="sign-verified yes">✓ 已验证</span>
-                            {% else %}
-                            <span class="sign-verified no">✗ 未验证</span>
-                            {% endif %}
-                        </td>
-                    </tr>
-                    {% endfor %}
-                </tbody>
-            </table>
+            <ul class="list-view">
+                {% for msg in messages %}
+                <li>
+                    <div class="msg-header">
+                        <span class="from-number">{{ msg.from_number }}</span>
+                        <span class="msg-time">{{ msg.created_at }}</span>
+                    </div>
+                    <div class="msg-content">{{ msg.content }}</div>
+                </li>
+                {% endfor %}
+            </ul>
             {% else %}
             <div class="empty-state">
                 <h3>暂无短信数据</h3>