v2.0.9 — 打卡页设计重构：左侧200px统计+日历，右侧Tab+内容

static/style.css

@@ -146,6 +146,10 @@ body {
   gap: 8px;
   padding: 0 20px 20px;
 }
+.daily-sidebar .sidebar-stats {
+  padding: 0;
+  margin-bottom: 16px;
+}
 
 .stat-item {
   background: var(--bg);
@@ -538,54 +542,61 @@ body {
 }
 
 /* ═══════════════════════════════════════════
-   Daily Grid — 左右两栏
+   Daily Panel — 左右两栏布局
    ═══════════════════════════════════════════ */
 
 .daily-layout {
   display: flex;
-  gap: 20px;
+  gap: 24px;
-  align-items: flex-start;
+  align-items: stretch;
 }
 
+/* 左侧栏 */
 .daily-sidebar {
-  width: 220px;
+  width: 200px;
   flex-shrink: 0;
   display: flex;
   flex-direction: column;
+  gap: 0;
+}
+
+.daily-sidebar .sidebar-stats {
+  padding: 0;
+  margin-bottom: 16px;
+}
+
+.daily-sidebar .stat-item {
+  background: var(--card);
+  border: 1px solid var(--border);
+}
+
+.daily-sidebar .calendar-widget.inline {
+  margin: 0;
+  padding: 14px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--card);
+}
+
+/* 右侧主区 */
+.daily-main {
+  flex: 1;
+  min-width: 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;
-}
-.card.daily-card { display: none; }
-.card.daily-card.active { display: flex; }
-
-/* 每周打卡 Tab */
 .daily-tabs {
   display: flex;
-  gap: 4px;
+  gap: 0;
-  margin-bottom: 16px;
   border-bottom: 1.5px solid var(--border);
 }
 .daily-tab {
   display: inline-flex;
   align-items: center;
-  gap: 5px;
+  gap: 6px;
-  padding: 8px 16px;
+  padding: 8px 18px;
   border: none;
   background: none;
   font-size: 13px;
@@ -597,10 +608,12 @@ body {
   transition: all 0.15s;
   font-family: inherit;
 }
-.daily-tab .icon-sm { opacity: 0.6; }
 .daily-tab:hover { color: var(--text); }
 .daily-tab.active { color: var(--primary); border-bottom-color: var(--primary); }
-.daily-tab.active .icon-sm { opacity: 1; }
+
+.daily-grid { display: block; }
+.card.daily-card { display: none; }
+.card.daily-card.active { display: flex; }
 
 /* ── Cards ── */