feat: 重构联系页面并增强安全性

refactor: 优化导航和路由逻辑

fix: 修复移动端样式问题

perf: 优化字体加载和性能

test: 添加安全性和可访问性测试

style: 调整按钮和表单样式

chore: 更新依赖版本

ci: 添加安全头配置

build: 优化构建配置

docs: 更新常量信息
This commit is contained in:
张翔
2026-03-01 10:56:54 +08:00
parent 13c4a2ca49
commit 9cbc80742a
24 changed files with 1087 additions and 440 deletions
+66
View File
@@ -121,6 +121,7 @@
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
overflow-x: hidden;
}
@media (min-width: 640px) {
@@ -142,6 +143,8 @@
line-height: var(--line-height-normal);
letter-spacing: var(--letter-spacing-normal);
position: relative;
overflow-x: hidden;
width: 100%;
}
body::before {
@@ -1117,4 +1120,67 @@ body {
body {
padding-bottom: 64px;
}
/* 防止移动端内容溢出 */
.container-wide,
.container-full,
.container-narrow {
padding-left: 1rem;
padding-right: 1rem;
max-width: 100%;
overflow-x: hidden;
}
/* 优化移动端文字大小 */
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.75rem;
}
h3 {
font-size: 1.375rem;
}
/* 优化移动端按钮和链接的触摸目标 */
a, button {
min-height: 44px;
min-width: 44px;
}
/* 防止长文本溢出 */
p, li, span {
overflow-wrap: break-word;
word-wrap: break-word;
}
}
/* 平板端优化 (768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
.container-wide,
.container-full {
padding-left: 2rem;
padding-right: 2rem;
}
/* 平板端文字大小调整 */
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.5rem;
}
/* 平板端section间距 */
.section-padding {
padding-top: 4rem;
padding-bottom: 4rem;
}
}