v2.1.18 — 增加一条按钮与上方内容加12px间距

static/style.css

@@ -1029,7 +1029,7 @@ body {
   gap: 5px;
   width: 100%;
   padding: 9px;
-  margin-top: auto;
+  margin-top: 12px;
   border: 1.5px dashed var(--primary);
   background: var(--primary-light);
   color: var(--primary);
@@ -1783,28 +1783,20 @@ body {
   .quad-grid { grid-template-columns: 1fr; grid-template-rows: auto; }
 }
 
-/* 勤学打卡卡片 - 3×3网格 */
-#study-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
-.study-card { position:relative; display:flex; flex-direction:column; align-items:center; gap:10px; padding:18px 12px 14px; border:1px solid var(--border); border-radius:var(--radius); background:var(--card); transition:all 0.2s; text-align:center; }
+/* 勤学打卡卡片 - 单行样式 */
+#study-cards { display: flex; flex-direction: column; gap: 8px; }
+.study-card { position:relative; display:flex; align-items:center; gap:12px; padding:10px 14px; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--card); transition:all 0.15s; }
 .study-card:hover { border-color:var(--primary); box-shadow:var(--shadow); }
 .study-card.checked { border-color:var(--success); background:var(--success-light); }
-.study-card-info { display:flex; flex-direction:column; align-items:center; gap:6px; flex:1; }
-.study-card-name { font-size:13px; color:var(--text); font-weight:500; line-height:1.4; min-height:36px; display:flex; align-items:center; }
-.study-card-count { font-size:24px; color:var(--text-muted); font-weight:600; background:var(--bg); border-radius:50%; width:40px; height:40px; display:flex; align-items:center; justify-content:center; }
+.study-card-info { display:flex; align-items:center; gap:8px; flex:1; }
+.study-card-name { font-size:13px; color:var(--text); font-weight:500; }
+.study-card-count { font-size:12px; color:var(--text-muted); font-weight:600; background:var(--bg); border-radius:50%; width:24px; height:24px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
 .study-card.checked .study-card-count { background:var(--success); color:#FFF; }
-.study-card-btn { padding:5px 14px; border:1px solid var(--primary); border-radius:var(--radius-sm); background:transparent; color:var(--primary); font-size:12px; font-weight:500; cursor:pointer; transition:all 0.15s; font-family:inherit; }
+.study-card-btn { padding:5px 12px; border:1px solid var(--primary); border-radius:var(--radius-sm); background:transparent; color:var(--primary); font-size:12px; font-weight:500; cursor:pointer; transition:all 0.15s; font-family:inherit; white-space:nowrap; }
 .study-card-btn:hover { background:var(--primary); color:#FFF; }
 .study-card-btn.done { background:var(--success-light); color:var(--success); border-color:var(--success); cursor:default; }
 .study-card-del { display:none; }
-#panel-daily.editing-study .study-card-del { display:flex; align-items:center; justify-content:center; position:absolute; top:6px; right:6px; border:none; background:var(--danger-light); color:var(--danger); cursor:pointer; font-size:14px; width:22px; height:22px; border-radius:50%; line-height:1; }
+#panel-daily.editing-study .study-card-del { display:flex; align-items:center; justify-content:center; position:absolute; top:50%; transform:translateY(-50%); right:54px; border:none; background:var(--danger-light); color:var(--danger); cursor:pointer; font-size:14px; width:22px; height:22px; border-radius:50%; line-height:1; }
 #panel-daily.editing-study .study-card-del:hover { background:var(--danger); color:#FFF; }
-.study-card.checked { border-color:var(--success); background:var(--success-light); }
-.study-card-info { display:flex; flex-direction:column; align-items:center; gap:4px; }
-.study-card-name { font-size:12px; color:var(--text); font-weight:500; line-height:1.3; }
-.study-card-count { font-size:18px; color:var(--text-muted); font-weight:700; background:var(--bg); border-radius:50%; width:32px; height:32px; display:flex; align-items:center; justify-content:center; }
-.study-card.checked .study-card-count { background:var(--success); color:#FFF; }
-.study-card-btn { padding:5px 12px; border:1px solid var(--primary); border-radius:var(--radius-sm); background:transparent; color:var(--primary); font-size:12px; font-weight:500; cursor:pointer; transition:all 0.15s; font-family:inherit; }
-.study-card-btn:hover { background:var(--primary); color:#FFF; }
-.study-card-btn.done { background:var(--success-light); color:var(--success); border-color:var(--success); cursor:default; }
 .edit-only-study { display: none; }
 #panel-daily.editing-study .edit-only-study { display: flex; }