|
82 | 82 | left: 50%; /* 先将左边缘移动到屏幕中间 */ |
83 | 83 | transform: translateX(-50%); /* 向左反向平移自身宽度的 50%,实现完美居中 */ |
84 | 84 | font-family: var(--mono) !important; |
85 | | - font-size: 0.58rem !important; |
| 85 | + font-size: 0.725rem !important; |
86 | 86 | letter-spacing: 3px !important; |
87 | 87 | color: var(--text-faint) !important; |
88 | 88 | text-transform: uppercase; |
|
115 | 115 | /* 🏆 修复后的主标题:强制压制原主题字体大小 */ |
116 | 116 | .cover h1.cover-title { |
117 | 117 | font-family: var(--display) !important; |
118 | | - font-size: clamp(4.5rem, 12vw, 5.8rem) !important; /* 微调了最大上限,防止大屏破产 */ |
| 118 | + font-size: clamp(5.625rem, 15vw, 7.25rem) !important; /* 微调了最大上限,防止大屏破产 */ |
119 | 119 | line-height: 1.5 !important; |
120 | 120 | color: var(--heading) !important; |
121 | 121 | letter-spacing: 10px !important; |
|
132 | 132 | /* 副标题 */ |
133 | 133 | .cover .cover-subtitle { |
134 | 134 | font-family: var(--display) !important; |
135 | | - font-size: clamp(1.0rem, 2.0vw, 1.5rem) !important; |
| 135 | + font-size: clamp(1.25rem, 2.5vw, 1.875rem) !important; |
136 | 136 | color: var(--text-muted) !important; |
137 | 137 | letter-spacing: 2px !important; |
138 | 138 | margin: 0 0 45px 0 !important; /* 控制与下方元素的间距 */ |
|
152 | 152 | } |
153 | 153 | .cover .cover-quote p { |
154 | 154 | font-family: var(--serif) !important; |
155 | | - font-size: 0.88rem !important; |
| 155 | + font-size: 1.1rem !important; |
156 | 156 | font-style: italic !important; |
157 | 157 | color: var(--text) !important; |
158 | 158 | line-height: 1.8 !important; |
159 | 159 | margin: 0 0 8px 0 !important; |
160 | 160 | } |
161 | 161 | .cover .cover-quote .quote-sub { |
162 | 162 | font-family: var(--mono) !important; |
163 | | - font-size: 0.88rem !important; |
| 163 | + font-size: 1.1rem !important; |
164 | 164 | color: var(--text-faint) !important; |
165 | 165 | letter-spacing: 1.5px; |
166 | 166 | display: block; |
|
178 | 178 | } |
179 | 179 | .cover .cover-tag { |
180 | 180 | font-family: var(--mono) !important; |
181 | | - font-size: 0.58rem !important; |
| 181 | + font-size: 0.725rem !important; |
182 | 182 | letter-spacing: 1.5px !important; |
183 | 183 | color: var(--text-muted) !important; |
184 | 184 | background: var(--surface) !important; |
|
205 | 205 | gap: 8px; |
206 | 206 | padding: 12px 24px !important; |
207 | 207 | font-family: var(--mono) !important; |
208 | | - font-size: 0.68rem !important; |
| 208 | + font-size: 0.85rem !important; |
209 | 209 | letter-spacing: 2px !important; |
210 | 210 | text-transform: uppercase; |
211 | 211 | text-decoration: none !important; |
|
250 | 250 | /* 底部的警告条 */ |
251 | 251 | .cover .cover-warning { |
252 | 252 | font-family: var(--mono) !important; |
253 | | - font-size: 0.62rem !important; |
| 253 | + font-size: 0.775rem !important; |
254 | 254 | color: var(--accent2) !important; |
255 | 255 | letter-spacing: 1.5px !important; |
256 | 256 | text-align: center; |
|
286 | 286 | /* 手机适配(响应式) */ |
287 | 287 | @media (max-width: 768px) { |
288 | 288 | .cover .cover-main { padding: 40px 20px !important; } |
289 | | - .cover .cover-corner { top: 16px; font-size: 0.5rem !important; } |
290 | | - .cover h1.cover-title { font-size: clamp(2.8rem, 12vw, 4.5rem) !important; margin-bottom: 15px !important; } |
| 289 | + .cover .cover-corner { top: 16px; font-size: 0.625rem !important; } |
| 290 | + .cover h1.cover-title { font-size: clamp(3.5rem, 15vw, 5.625rem) !important; margin-bottom: 15px !important; } |
291 | 291 | .cover .cover-quote { padding-left: 16px !important; margin-bottom: 30px !important; } |
292 | 292 | .cover .cover-buttons { flex-direction: column; width: 100%; gap: 8px !important; } |
293 | 293 | .cover .cover-buttons a.cover-btn { width: 100%; justify-content: center; } |
|
0 commit comments