feat(家庭事项): 按到期时间分类显示，一个月内显示详情，超过一个月显示数量

- 修改视图逻辑，将未完成事项分为即将到期（一个月内）和远期事项
- 即将到期的事项显示完整详情表格
- 超过一个月的远期事项只显示数量，不显示详情
- 支持显示已过期的事项（红色标记）

core/templates/core/family_tasks.html

@@ -13,15 +13,16 @@
     </div>
 </div>
 
-<div class="card">
+<!-- 即将到期的事项（一个月内） -->
+<div class="card mb-4">
     <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
         <h5 class="card-title mb-0">
-            <i class="bi bi-house-door me-2"></i>家庭事项列表
+            <i class="bi bi-house-door me-2"></i>即将到期的事项
         </h5>
-        <span class="badge bg-light text-primary">{{ tasks|length }} 项</span>
+        <span class="badge bg-light text-primary">{{ upcoming_tasks|length }} 项</span>
     </div>
     <div class="card-body">
-        {% if tasks %}
+        {% if upcoming_tasks %}
         <div class="table-responsive">
             <table class="table table-hover">
                 <thead>
@@ -35,8 +36,8 @@
                     </tr>
                 </thead>
                 <tbody>
-                    {% for task in tasks %}
-                    <tr class="{% if task.status == 'completed' %}table-success{% endif %}">
+                    {% for task in upcoming_tasks %}
+                    <tr>
                         <td>
                             <span class="badge bg-secondary">{{ task.get_type_display }}</span>
                         </td>
@@ -49,13 +50,13 @@
                             </span>
                         </td>
                         <td>
-                            <span class="badge {% if task.status == 'completed' %}bg-success{% else %}bg-warning{% endif %}">
+                            <span class="badge bg-warning">
                                 {{ task.get_status_display }}
                             </span>
                         </td>
                         <td>
                             {% if task.deadline %}
-                            <span class="{% if task.is_overdue %}text-danger{% else %}text-muted{% endif %}">
+                            <span class="{% if task.deadline < today %}text-danger{% else %}text-muted{% endif %}">
                                 <i class="bi bi-calendar me-1"></i>{{ task.deadline }}
                             </span>
                             {% else %}
@@ -78,6 +79,37 @@
             </table>
         </div>
         {% else %}
+        <div class="text-center py-4">
+            <i class="bi bi-check-all text-success" style="font-size: 3rem;"></i>
+            <p class="text-muted mt-2">没有即将到期的家庭事项</p>
+        </div>
+        {% endif %}
+    </div>
+</div>
+
+<!-- 远期事项（超过一个月） -->
+{% if future_tasks_count > 0 %}
+<div class="card">
+    <div class="card-header bg-info text-white d-flex justify-content-between align-items-center">
+        <h5 class="card-title mb-0">
+            <i class="bi bi-calendar-event me-2"></i>远期事项
+        </h5>
+        <span class="badge bg-light text-info">{{ future_tasks_count }} 项</span>
+    </div>
+    <div class="card-body">
+        <div class="alert alert-info mb-0">
+            <i class="bi bi-info-circle-fill me-2"></i>
+            还有 <strong>{{ future_tasks_count }}</strong> 个将在一个月后到期的家庭事项
+            <span class="text-muted">（这些事项较远，暂不显示详情）</span>
+        </div>
+    </div>
+</div>
+{% endif %}
+
+<!-- 全部完成的状态 -->
+{% if not upcoming_tasks and future_tasks_count == 0 %}
+<div class="card">
+    <div class="card-body">
         <div class="text-center py-5">
             <i class="bi bi-check-all text-success" style="font-size: 5rem;"></i>
             <h5 class="text-muted mt-3">太棒了！没有未完成的家庭事项</h5>
@@ -86,7 +118,7 @@
                 <i class="bi bi-plus-lg me-1"></i>添加家庭事项
             </a>
         </div>
-        {% endif %}
     </div>
 </div>
+{% endif %}
 {% endblock %}