UI 打磨与功能调整：中国生长标准、日历合并、弹窗去框、轮播记忆位置、小环居中、后台补卡与重置保留

static/style.css

@@ -184,8 +184,9 @@ button:hover { filter: brightness(.95); }
 .hero-right { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
 .hero-ring { flex: 0 0 auto; }
 .termcal { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; }
-.termcal-title { font-weight: 700; font-size: 15px; }
+.termcal-title { font-weight: 700; font-size: 15px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
 .termcal-range { color: var(--muted); font-size: 12px; margin: 2px 0 8px; }
+.termcal-range-inline { color: var(--muted); font-size: 12px; font-weight: 400; }
 .termcal-scroll { overflow-x: auto; max-width: 100%; }
 .termcal-svg { display: block; }
 .termcal-legend { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 8px; font-size: 12px; color: var(--muted); }
@@ -213,10 +214,10 @@ button:hover { filter: brightness(.95); }
 }
 .modal-mask.show { display: flex; }
 .modal {
-  background: #fff; border-radius: 16px; width: min(560px, 100%); max-height: 80vh;
+  background: var(--card); border: none; border-radius: 16px; width: min(560px, 100%); max-height: 80vh;
   overflow: auto; box-shadow: 0 20px 60px rgba(0,0,0,.25);
 }
-.modal-head { display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; border-bottom: 1px solid var(--line); position: sticky; top: 0; background: #fff; }
+.modal-head { display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; border-bottom: 1px solid var(--line); position: sticky; top: 0; background: var(--card); color: var(--ink); }
 .modal-head span { font-weight: 700; }
 .modal-body { padding: 16px 18px; }
 
@@ -265,6 +266,8 @@ button:hover { filter: brightness(.95); }
 .slide { display: flex; gap: 16px; }
 .slide .subject { flex: 1; }
 .carousel-nav { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 14px; }
+.carousel-nav button { background: none; border: none; color: var(--muted); font-size: 13px; padding: 4px 10px; cursor: pointer; }
+.carousel-nav button:hover { color: var(--ink); }
 #carouselInfo { font-size: 13px; min-width: 70px; text-align: center; }
 @media (max-width: 760px) {
   .slide { flex-direction: column; }
@@ -314,8 +317,8 @@ button:hover { filter: brightness(.95); }
 .now-time { font-size: 20px; font-weight: 700; font-variant-numeric: tabular-nums; margin-top: 4px; color: var(--blue); }
 
 /* ===== 学科进度一览（轮播小环） ===== */
-.ringcar { min-height: 150px; }
-.ring-slide { display: flex; gap: 18px; justify-content: space-around; flex-wrap: wrap; }
+.ringcar { min-height: 150px; display: flex; align-items: center; }
+.ring-slide { display: flex; gap: 18px; justify-content: space-around; align-items: center; flex-wrap: wrap; width: 100%; }
 .ring-slide .mini-ring { display: flex; flex-direction: row; align-items: center; gap: 6px; width: auto; }
 
 /* ===== 健康综合 ===== */
@@ -327,9 +330,11 @@ button:hover { filter: brightness(.95); }
 .lgline + .lgline { margin-left: 12px; }
 .sub.tiny { font-size: 12px; margin-top: 8px; }
 .hstats { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; }
-.hstat { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; padding: 12px; text-align: center; }
-.hs-label { font-size: 12px; color: var(--muted); }
-.hs-val { font-size: 26px; font-weight: 800; line-height: 1.1; margin: 4px 0; }
+.hstat { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; padding: 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; cursor: pointer; transition: background .15s, border-color .15s; }
+.hstat:hover { background: var(--card); border-color: var(--blue); }
+.hs-label { font-size: 12px; color: var(--muted); flex: 0 0 auto; }
+.hs-main { text-align: right; }
+.hs-val { font-size: 26px; font-weight: 800; line-height: 1.1; }
 .hs-val em { font-size: 13px; font-style: normal; color: var(--muted); margin-left: 3px; }
 .hs-std { font-size: 12px; color: var(--muted); }
 .hs-diff { margin-left: 4px; font-weight: 700; }
@@ -370,17 +375,18 @@ button:hover { filter: brightness(.95); }
 /* ===== 宽弹窗（书架详情） ===== */
 .modal-wide { width: min(860px, 100%); }
 
-/* ===== hero 当前日期时钟：去方框 ===== */
+/* ===== hero 当前日期时钟：去方框 + 居中 + 距结束小字 ===== */
 .nowbox {
-  background: none; border: none; border-radius: 0; padding: 0; min-width: 0; text-align: left;
+  background: none; border: none; border-radius: 0; padding: 0; min-width: 0; text-align: center;
 }
 .now-date { font-size: 15px; font-weight: 700; }
 .now-week { font-size: 13px; color: var(--muted); margin-top: 1px; }
 .now-time { font-size: 18px; font-weight: 700; font-variant-numeric: tabular-nums; margin-top: 2px; color: var(--blue); }
+.now-left { font-size: 12px; color: var(--muted); margin-top: 4px; }
 
 /* ===== 进度一览 / 健康综合：压缩到约 1/3 高度 ===== */
 .ringcar { min-height: auto; }
-.ring-slide .mini-ring svg { width: 46px; height: 46px; }
+.ring-slide .mini-ring svg { width: 69px; height: 69px; }
 .ring-slide .mini-name { font-size: 11px; margin-bottom: 0; text-align: left; white-space: nowrap; }
 .ring-wrap { position: relative; padding-right: 30px; }
 .ring-next {
@@ -412,3 +418,29 @@ button:hover { filter: brightness(.95); }
 .bc-desc { font-size: 12px; color: var(--muted); margin-top: 4px; }
 .bc-state { font-size: 12px; margin-top: 8px; color: #16a34a; }
 .badge-cell.locked .bc-state { color: var(--muted); }
+
+/* ===== 弹窗：方框背景（主题自适应卡片） ===== */
+.modal-mask { background: rgba(15,23,42,.55); }
+.modal { border: 1px solid var(--line); }
+
+/* ===== 纯文字触发按钮（替代带方框的 mini 按钮） ===== */
+.link-btn {
+  background: none; border: none; padding: 2px 4px; cursor: pointer;
+  color: var(--blue); font-size: 12px; font-weight: 600;
+}
+.link-btn:hover { text-decoration: underline; }
+
+/* ===== 学期 / 假期 日历切换 ===== */
+.termcal-tabs { display: flex; gap: 4px; margin-bottom: 6px; }
+.tctab {
+  background: none; border: none; cursor: pointer; padding: 4px 12px;
+  font-size: 14px; color: var(--muted); border-radius: 999px;
+}
+.tctab.active { color: var(--ink); font-weight: 700; box-shadow: inset 0 -2px 0 var(--blue); border-radius: 0; }
+
+/* ===== 后台：重置保留选项 ===== */
+.chk { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; cursor: pointer; }
+
+/* ===== 书架墙提示 + 封面可点开详情 ===== */
+.shelf-hint { font-size: 12px; color: var(--muted); margin: 8px 0 0; }
+.shelf-mini .book-cover { cursor: pointer; }