diff --git a/static/style.css b/static/style.css
index 52639a0..0b8cf62 100644
--- a/static/style.css
+++ b/static/style.css
@@ -177,6 +177,39 @@ body {
 .calendar-widget {
   padding: 0 16px 12px;
 }
+.calendar-widget.inline {
+  margin: 0 0 16px;
+  padding: 12px 0;
+  border: 1.5px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--card);
+}
+.calendar-widget.inline .cal-header {
+  padding: 0 14px 8px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.cal-nav-group { display: flex; gap: 4px; }
+.cal-nav {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background: var(--card);
+  cursor: pointer;
+  color: var(--text-dim);
+}
+.cal-nav:hover { background: var(--bg); color: var(--text); }
+.cal-week-list {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 6px 4px;
+  padding: 0 14px;
+}
 
 .cal-header {
   display: flex;
diff --git a/templates/index.html b/templates/index.html
index 676c6ca..db6ed65 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -87,6 +87,22 @@
           </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>
+        </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> 早间立志