From f7bbc505b9130b31a67d9adc14aabb94580a39df Mon Sep 17 00:00:00 2001
From: mac <mac@Qiukais-m1-macPro.local>
Date: Fri, 24 Jul 2026 17:27:15 +0800
Subject: [PATCH] =?UTF-8?q?v2.0.8=20=E2=80=94=20=E6=89=93=E5=8D=A1?=
 =?UTF-8?q?=E9=A1=B5=E5=B7=A6=E5=8F=B3=E4=B8=A4=E6=A0=8F=EF=BC=9A=E5=B7=A6?=
 =?UTF-8?q?=E4=BE=A7=E7=BB=9F=E8=AE=A1+=E6=97=A5=E5=8E=86=EF=BC=8C?=
 =?UTF-8?q?=E5=8F=B3=E4=BE=A7Tab+=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/style.css     | 29 +++++++++++++++++-
 templates/index.html | 72 ++++++++++++++++++++++++++++----------------
 2 files changed, 74 insertions(+), 27 deletions(-)

diff --git a/static/style.css b/static/style.css
index 0b8cf62..2e5f17a 100644
--- a/static/style.css
+++ b/static/style.css
@@ -538,9 +538,36 @@ body {
 }
 
 /* ═══════════════════════════════════════════
-   Daily Grid — 三栏
+   Daily Grid — 左右两栏
    ═══════════════════════════════════════════ */
 
+.daily-layout {
+  display: flex;
+  gap: 20px;
+  align-items: flex-start;
+}
+
+.daily-sidebar {
+  width: 220px;
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.daily-sidebar .sidebar-stats {
+  padding: 0;
+}
+
+.daily-sidebar .calendar-widget.inline {
+  margin: 0;
+}
+
+.daily-main {
+  flex: 1;
+  min-width: 0;
+}
+
 .daily-grid {
   display: block;
 }
diff --git a/templates/index.html b/templates/index.html
index db6ed65..d7f26f3 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -87,34 +87,52 @@
           </button>
         </div>
       </div>
-      <!-- 周历选择器 -->
-      <div class="calendar-widget inline">
-        <div class="cal-header">
-          <span class="cal-month-label" id="cal-year-label">2026年</span>
-          <div class="cal-nav-group">
-            <button class="cal-nav" onclick="changeCalYear(-1)">
-              <svg class="icon-sm"><use href="#icon-chevron-left"/></svg>
-            </button>
-            <button class="cal-nav" onclick="changeCalYear(1)">
-              <svg class="icon-sm"><use href="#icon-chevron-right"/></svg>
-            </button>
+      <div class="daily-layout">
+        <!-- 左侧：统计 + 日历 -->
+        <div class="daily-sidebar">
+          <div class="sidebar-stats" id="sidebar-stats">
+            <div class="stat-item">
+              <span class="stat-num" id="stat-days">--</span>
+              <span class="stat-label">打卡周</span>
+            </div>
+            <div class="stat-item">
+              <span class="stat-num" id="stat-morning">--</span>
+              <span class="stat-label">立志</span>
+            </div>
+            <div class="stat-item">
+              <span class="stat-num" id="stat-study">--</span>
+              <span class="stat-label">勤学</span>
+            </div>
+          </div>
+          <div class="calendar-widget inline">
+            <div class="cal-header">
+              <span class="cal-month-label" id="cal-year-label">2026年</span>
+              <div class="cal-nav-group">
+                <button class="cal-nav" onclick="changeCalYear(-1)">
+                  <svg class="icon-sm"><use href="#icon-chevron-left"/></svg>
+                </button>
+                <button class="cal-nav" onclick="changeCalYear(1)">
+                  <svg class="icon-sm"><use href="#icon-chevron-right"/></svg>
+                </button>
+              </div>
+            </div>
+            <div class="cal-week-list" id="cal-week-list"></div>
           </div>
         </div>
-        <div class="cal-week-list" id="cal-week-list"></div>
-      </div>
-      <!-- Tab 筛选 -->
-      <div class="daily-tabs">
-        <button class="daily-tab active" data-tab="morning" onclick="switchDailyTab(this)">
-          <svg class="icon-sm"><use href="#icon-sun"/></svg> 早间立志
-        </button>
-        <button class="daily-tab" data-tab="evening" onclick="switchDailyTab(this)">
-          <svg class="icon-sm"><use href="#icon-magnifying-glass"/></svg> 责善改过
-        </button>
-        <button class="daily-tab" data-tab="study" onclick="switchDailyTab(this)">
-          <svg class="icon-sm"><use href="#icon-book-open"/></svg> 勤学打卡
-        </button>
-      </div>
-      <div class="daily-grid">
+        <!-- 右侧：Tab + 内容 -->
+        <div class="daily-main">
+          <div class="daily-tabs">
+            <button class="daily-tab active" data-tab="morning" onclick="switchDailyTab(this)">
+              <svg class="icon-sm"><use href="#icon-sun"/></svg> 早间立志
+            </button>
+            <button class="daily-tab" data-tab="evening" onclick="switchDailyTab(this)">
+              <svg class="icon-sm"><use href="#icon-magnifying-glass"/></svg> 责善改过
+            </button>
+            <button class="daily-tab" data-tab="study" onclick="switchDailyTab(this)">
+              <svg class="icon-sm"><use href="#icon-book-open"/></svg> 勤学打卡
+            </button>
+          </div>
+          <div class="daily-grid">
         <div class="card card-morning daily-card active" data-card="morning">
           <div class="card-head">
             <div class="card-head-left">
@@ -156,6 +174,8 @@
           <div id="study-list"></div>
         </div>
       </div>
+        </div><!-- /daily-main -->
+      </div><!-- /daily-layout -->
     </section>
 
     <!-- ── 每周评分面板 ── -->