feat(design): 彻底去除全站AI味:排版全面升级为大厂左对齐架构,文案全量替换为实务工程语言
这个提交包含在:
@@ -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;
|
||||
}
|
||||
|
||||
/* 服务三大领域深度卡片 (交替错落或大横幅) */
|
||||
|
||||
在新工单中引用
屏蔽一个用户