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);
@@ -540,18 +546,17 @@ body {
   display: inline-flex;
   align-items: center;
   gap: 5px;
-  padding: 6px 12px;
+  padding: 8px 14px;
   border: 1.5px solid var(--border);
   background: var(--card);
   color: var(--text-dim);
   border-radius: var(--radius-sm);
-  font-size: 12px;
+  font-size: 13px;
   font-weight: 500;
   cursor: pointer;
   transition: all 0.2s;
   flex-shrink: 0;
   font-family: inherit;
-  margin-left: 6px;
 }
 .btn-cal-sync:hover {
   border-color: var(--primary);

templates/index.html

@@ -125,10 +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">
-        <button class="btn-cal-sync" onclick="syncCalendar()" title="同步钉钉日历">
+          <input type="date" id="check-date" class="check-date-input" onchange="loadCheckin()">
-          <svg class="icon-sm"><use href="#icon-calendar"/></svg> 日历同步
+          <button class="btn-cal-sync" onclick="syncCalendar()" title="同步钉钉日历">
-        </button>
+            <svg class="icon-sm"><use href="#icon-calendar"/></svg> 日历同步
+          </button>
+        </div>
       </div>
       <div class="daily-grid">
         <div class="card card-morning">