v1.3.6 — 日历同步按钮样式与日期输入框统一

- panel-header-right 包裹日期和按钮，靠右排列不分散

static/style.css

@@ -428,6 +428,12 @@ body {
   letter-spacing: -0.3px;
 }
 
+.panel-header-right {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
 .check-date-input {
   padding: 8px 14px;
   border: 1.5px solid var(--border);
@@ -537,22 +543,25 @@ body {
 
 /* 日历同步按钮 */
 .btn-cal-sync {
-  display: flex;
+  display: inline-flex;
   align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  border: none;
-  background: transparent;
-  color: var(--text-muted);
-  border-radius: 6px;
+  gap: 5px;
+  padding: 8px 14px;
+  border: 1.5px solid var(--border);
+  background: var(--card);
+  color: var(--text-dim);
+  border-radius: var(--radius-sm);
+  font-size: 13px;
+  font-weight: 500;
   cursor: pointer;
   transition: all 0.2s;
   flex-shrink: 0;
+  font-family: inherit;
 }
 .btn-cal-sync:hover {
-  background: var(--success-light);
-  color: var(--success);
+  border-color: var(--primary);
+  color: var(--primary);
+  background: var(--primary-light);
 }
 
 /* 编辑模式下才显示的元素 */

templates/index.html

@@ -125,7 +125,12 @@
     <section class="panel active" id="panel-daily">
       <div class="panel-header">
         <h2>每日打卡</h2>
-        <input type="date" id="check-date" class="check-date-input" onchange="loadCheckin()">
+        <div class="panel-header-right">
+          <input type="date" id="check-date" class="check-date-input" onchange="loadCheckin()">
+          <button class="btn-cal-sync" onclick="syncCalendar()" title="同步钉钉日历">
+            <svg class="icon-sm"><use href="#icon-calendar"/></svg> 日历同步
+          </button>
+        </div>
       </div>
       <div class="daily-grid">
         <div class="card card-morning">
@@ -134,9 +139,6 @@
               <svg class="icon-h2"><use href="#icon-sun"/></svg>
               <h3>早间立志</h3>
             </div>
-            <button class="btn-cal-sync" onclick="syncCalendar()" title="同步钉钉日历">
-              <svg class="icon-sm"><use href="#icon-calendar"/></svg>
-            </button>
             <button class="btn-edit-toggle" onclick="toggleEditMode(this)" title="编辑">
               <svg class="icon-sm"><use href="#icon-pencil"/></svg>
             </button>