commit ui调整

templates/home.html

@@ -71,10 +71,10 @@
             margin-bottom: 18px;
         }
 
-        /* 主标题 - 华康魏碑 */
+        /* 主标题 - 华康魏碑（设计标注红框） */
         .main-title {
             font-family: "HuakangWeibei", "STSong", serif;
-            font-size: 34px;
+            font-size: 32px;
             font-weight: normal;
             color: #1a1008;
             letter-spacing: 0.06em;
@@ -83,21 +83,21 @@
             margin-bottom: 8px;
         }
 
-        /* 副标题 - 思源宋体 */
+        /* 副标题 - 思源宋体（设计标注黄框） */
         .edition {
             font-family: "SourceHanSerif", "STSong", serif;
-            font-size: 15px;
+            font-size: 14px;
             color: #6b5840;
             letter-spacing: 0.28em;
             padding-left: 0.28em;
-            margin-bottom: 28px;
+            margin-bottom: 26px;
         }
 
-        /* 主按钮 */
+        /* 主按钮 — 华康魏碑，尺寸参照标题 32px 与设计图比例（约 4.8:1） */
         .action-btns {
             display: flex;
-            gap: 16px;
-            margin-bottom: 42px;
+            gap: 8px;
+            margin-bottom: 34px;
         }
 
         .action-btn {
@@ -105,8 +105,8 @@
             display: flex;
             align-items: center;
             justify-content: center;
-            width: 295px;
-            height: 62px;
+            width: 154px;
+            height: 32px;
             text-decoration: none;
             flex-shrink: 0;
             background-repeat: no-repeat;
@@ -135,24 +135,28 @@
             position: relative;
             z-index: 1;
             font-family: "HuakangWeibei", "STSong", serif;
-            font-size: 21px;
+            font-size: 13px;
             font-weight: normal;
             color: #2a1a08;
-            letter-spacing: 0.18em;
-            padding-left: 0.18em;
+            letter-spacing: 0.1em;
+            padding-left: 0.1em;
             pointer-events: none;
             white-space: nowrap;
             line-height: 1;
-            /* 图标区约占左侧 56px，文字在按钮内视觉居中 */
-            transform: translateX(14px);
+            transform: translateX(6px);
         }
 
         .action-btn--scan .action-btn-text {
             color: #2a2a2a;
-            transform: translateX(12px);
+            transform: translateX(5px);
+        }
+
+        /* 快速导航 — 左右边距与编委会白色内容区对齐 */
+        :root {
+            --committee-content-left: calc(100% * 72 / 2115);
+            --committee-content-right: 40px;
         }
 
-        /* 快速导航 */
         .nav-section {
             width: 100%;
             text-align: center;
@@ -171,53 +175,61 @@
 
         .nav-frame-title {
             font-family: "HuakangWeibei", "STSong", serif;
-            font-size: 15px;
+            font-size: 14px;
             color: #4a3820;
             letter-spacing: 0.45em;
             padding-left: 0.45em;
         }
 
+        /* 快速导航链接 - Adobe 楷体（设计标注蓝框） */
         .quick-nav {
+            width: 100%;
             display: flex;
-            flex-wrap: wrap;
+            flex-wrap: nowrap;
             align-items: center;
-            justify-content: center;
-            gap: 2px;
+            justify-content: space-between;
             font-family: "AdobeKaiti", "KaiTi", serif;
-            font-size: 14px;
+            font-size: 16px;
             color: #2a1a08;
-            line-height: 2.4;
+            line-height: 1.6;
+            padding-left: var(--committee-content-left);
+            padding-right: var(--committee-content-right);
+            box-sizing: border-box;
         }
 
         .quick-nav a {
             color: #2a1a08;
             text-decoration: none;
-            padding: 0 3px;
+            padding: 0;
             transition: color 0.15s;
+            white-space: nowrap;
         }
 
         .quick-nav a:hover { color: #8b6020; }
 
         .quick-nav .sep {
             color: rgba(80, 60, 40, 0.35);
-            margin: 0 2px;
+            margin: 0;
             user-select: none;
+            flex-shrink: 0;
         }
 
+        /* 印章：相对 16px 导航字高约 2.1 倍（切图 180×79） */
         .nav-seal {
-            width: 72px;
+            width: 76px;
             height: auto;
-            margin: 0 6px;
+            margin: 0;
             vertical-align: middle;
+            flex-shrink: 0;
         }
 
-        /* 编委会面板 — 标签框尺寸来自切图 committee-bg.png 实测：x=0~63, y=78~406 */
+        /* 编委会面板 */
         .committee-panel {
             width: 100%;
             height: 242px;
             background: url("{{ home_img('committee-bg.png') }}") center / 100% 100% no-repeat;
             position: relative;
-            padding: 24px 40px 24px calc(100% * 72 / 2115);
+            padding: 24px var(--committee-content-right) 24px var(--committee-content-left);
             margin-bottom: 36px;
         }
 
@@ -232,14 +244,15 @@
             justify-content: center;
         }
 
+        /* 编委会竖排标签 - 华康魏碑（设计标注红框），略大于行内职务字 */
         .committee-side-label-text {
             display: flex;
             flex-direction: column;
             align-items: center;
             justify-content: center;
-            gap: 3px;
+            gap: 5px;
             font-family: "HuakangWeibei", "STSong", serif;
-            font-size: 13px;
+            font-size: 18px;
             color: #4a3820;
             line-height: 1;
         }
@@ -259,32 +272,29 @@
             display: flex;
             align-items: center;
             gap: 8px;
-            padding: 7px 0;
-            border-bottom: 1px dashed rgba(160, 140, 100, 0.28);
-            min-height: 34px;
+            padding: 8px 0;
+            min-height: 36px;
         }
 
-        .cm-row:last-child { border-bottom: none; }
-
         .cm-dot {
-            width: 11px;
-            height: 11px;
+            width: 12px;
+            height: 12px;
             flex-shrink: 0;
             background: url("{{ home_img('committee-dot.png') }}") center / contain no-repeat;
         }
 
         .cm-label {
             font-family: "HuakangWeibei", "STSong", serif;
-            font-size: 15px;
+            font-size: 16px;
             color: #4a3820;
             white-space: nowrap;
-            width: 92px;
+            width: 96px;
             flex-shrink: 0;
         }
 
         .cm-value {
             font-family: "AdobeKaiti", "KaiTi", serif;
-            font-size: 15px;
+            font-size: 16px;
             color: #1a1008;
             flex: 1;
         }
@@ -313,20 +323,21 @@
             .main-title { font-size: 22px; letter-spacing: 0.04em; }
             .edition { font-size: 14px; margin-bottom: 24px; }
             .action-btns { flex-direction: column; align-items: center; gap: 12px; margin-bottom: 32px; }
-            .action-btn { width: 260px; height: 55px; }
-            .action-btn-text { font-size: 18px; transform: translateX(10px); }
-            .action-btn--scan .action-btn-text { transform: translateX(8px); }
+            .action-btn { width: 142px; height: 30px; }
+            .action-btn-text { font-size: 12px; transform: translateX(5px); }
+            .action-btn--scan .action-btn-text { transform: translateX(4px); }
+            .quick-nav { flex-wrap: wrap; justify-content: center; gap: 2px; font-size: 14px; padding-left: 0; padding-right: 0; }
             .committee-panel {
                 height: auto;
                 min-height: 220px;
                 padding: 20px 16px 20px calc(100% * 72 / 2115);
                 background-size: cover;
             }
-            .committee-side-label-text { font-size: 11px; gap: 2px; }
-            .cm-label { width: 76px; font-size: 14px; }
+            .committee-side-label-text { font-size: 15px; gap: 4px; }
+            .cm-label { width: 80px; font-size: 14px; }
+            .cm-value { font-size: 14px; }
             .cm-row { flex-wrap: wrap; padding: 8px 0; }
-            .quick-nav { font-size: 13px; }
-            .nav-seal { width: 72px; }
+            .nav-seal { width: 64px; }
         }
     </style>
 </head>