feat(design): 彻底去除全站AI味:排版全面升级为大厂左对齐架构,文案全量替换为实务工程语言

这个提交包含在:
wikiboss
2026-10-08 17:50:26 +08:00
父节点 1936809e23
当前提交 2a4ac0a798
共有 8 个文件被更改,包括 318 次插入 和 152 次删除

查看文件

@@ -378,25 +378,25 @@ img {
/* 轮播图幻灯片不同主题背景与中式意境光影 (浅色高雅、通透水墨微晕) */
.nhc-slide-theme-1 {
background:
linear-gradient(90deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.90) 42%, rgba(255, 255, 255, 0.15) 100%),
linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.92) 50%, rgba(255, 255, 255, 0.15) 100%),
url('../images/banners/banner_lead.jpg') right center / cover no-repeat;
}
.nhc-slide-theme-2 {
background:
linear-gradient(90deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.90) 42%, rgba(255, 255, 255, 0.15) 100%),
linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.92) 50%, rgba(255, 255, 255, 0.15) 100%),
url('../images/banners/banner_craft.jpg') right center / cover no-repeat;
}
.nhc-slide-theme-3 {
background:
linear-gradient(90deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.90) 42%, rgba(255, 255, 255, 0.15) 100%),
linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.92) 50%, rgba(255, 255, 255, 0.15) 100%),
url('../images/banners/banner_agent.jpg') right center / cover no-repeat;
}
.nhc-slide-theme-4 {
background:
linear-gradient(90deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.90) 42%, rgba(255, 255, 255, 0.15) 100%),
linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.92) 50%, rgba(255, 255, 255, 0.15) 100%),
url('../images/banners/banner_matrix.jpg') right center / cover no-repeat;
}
@@ -552,9 +552,10 @@ img {
}
.nhc-hero-content {
text-align: center;
max-width: 960px;
margin: 0 auto;
text-align: left;
max-width: 720px;
margin: 0;
padding: 40px 0 20px;
position: relative;
z-index: 2;
}
@@ -562,29 +563,29 @@ img {
.nhc-hero-badge {
display: inline-flex;
align-items: center;
gap: 10px;
background: #FFFFFF;
gap: 8px;
background: rgba(255, 255, 255, 0.95);
border: 1px solid var(--border-color);
padding: 6px 16px;
padding: 4px 12px;
border-radius: var(--radius-sm);
margin-bottom: 24px;
margin-bottom: 20px;
box-shadow: var(--shadow-subtle);
}
.nhc-hero-badge-text {
font-size: 13px;
font-size: 12px;
color: var(--text-secondary);
font-weight: 500;
}
.nhc-hero-title {
font-family: var(--font-serif);
font-size: 52px;
font-size: 42px;
font-weight: 700;
color: var(--text-primary);
line-height: 1.25;
letter-spacing: 2px;
margin-bottom: 24px;
line-height: 1.32;
letter-spacing: -0.5px;
margin-bottom: 20px;
}
.nhc-hero-title span.highlight {
@@ -594,37 +595,63 @@ img {
}
.nhc-hero-subtitle {
font-size: 18px;
font-size: 15px;
color: var(--text-secondary);
line-height: 1.8;
max-width: 780px;
margin: 0 auto 36px;
line-height: 1.75;
max-width: 660px;
margin: 0 0 32px;
}
.nhc-hero-cta {
display: flex;
align-items: center;
justify-content: center;
justify-content: flex-start;
gap: 16px;
margin-bottom: 64px;
margin-bottom: 40px;
}
.nhc-hero-metrics {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
background: #FFFFFF;
gap: 16px;
background: rgba(255, 255, 255, 0.92);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid var(--border-color);
border-radius: var(--radius-md);
padding: 28px 24px;
border-radius: var(--radius-sm);
padding: 18px 20px;
box-shadow: var(--shadow-subtle);
max-width: 680px;
margin: 0;
}
.nhc-metric-item {
text-align: center;
text-align: left;
position: relative;
}
.nhc-metric-val {
font-family: var(--font-serif);
font-size: 24px;
font-weight: 700;
color: var(--primary);
line-height: 1.2;
}
.nhc-metric-val sub {
font-size: 13px;
font-weight: 600;
margin-left: 2px;
bottom: 0;
}
.nhc-metric-label {
font-size: 11px;
color: var(--text-muted);
margin-top: 4px;
line-height: 1.4;
}
.nhc-metric-item:not(:last-child)::after {
content: "";
position: absolute;
@@ -1534,11 +1561,11 @@ img {
position: relative;
padding: 130px 0 70px;
background:
radial-gradient(circle at 50% 15%, rgba(37, 99, 235, 0.07) 0%, transparent 55%),
radial-gradient(circle at 85% 60%, rgba(6, 182, 212, 0.05) 0%, transparent 45%),
radial-gradient(circle at 15% 35%, rgba(37, 99, 235, 0.05) 0%, transparent 50%),
radial-gradient(circle at 85% 60%, rgba(6, 182, 212, 0.04) 0%, transparent 45%),
linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
border-bottom: 1px solid var(--border-color);
text-align: center;
text-align: left;
}
.nhc-breadcrumb {
@@ -1561,19 +1588,22 @@ img {
.nhc-page-title {
font-family: var(--font-serif);
font-size: 44px;
font-size: 38px;
font-weight: 700;
color: var(--text-primary);
letter-spacing: 1.5px;
letter-spacing: -0.5px;
line-height: 1.35;
margin-bottom: 18px;
text-align: left;
}
.nhc-page-desc {
max-width: 760px;
margin: 0 auto 30px;
font-size: 17px;
margin: 0 0 28px;
font-size: 16px;
color: var(--text-secondary);
line-height: 1.8;
text-align: left;
}
/* 服务三大领域深度卡片 (交替错落或大横幅) */