1
@@ -13,7 +13,11 @@
|
||||
--space-section: 96px;
|
||||
--space-section-mobile: 64px;
|
||||
--radius-card: 8px;
|
||||
--radius-control: 4px;
|
||||
--radius-control: 6px;
|
||||
/* 主按钮、次要按钮、页脚 CTA 等统一尺寸(PC 更易读、易点) */
|
||||
--control-height: 48px;
|
||||
--control-padding-x: 26px;
|
||||
--control-font-size: 16px;
|
||||
--shadow-card: 0 16px 40px rgba(16, 24, 40, 0.06);
|
||||
--shadow-card-hover: 0 22px 50px rgba(16, 24, 40, 0.1);
|
||||
--motion-fast: 0.2s ease;
|
||||
|
||||
|
Before Width: | Height: | Size: 229 KiB After Width: | Height: | Size: 140 KiB |
|
Before Width: | Height: | Size: 124 KiB After Width: | Height: | Size: 120 KiB |
|
Before Width: | Height: | Size: 649 KiB After Width: | Height: | Size: 518 KiB |
|
Before Width: | Height: | Size: 1.8 MiB After Width: | Height: | Size: 926 KiB |
|
Before Width: | Height: | Size: 2.2 MiB After Width: | Height: | Size: 1003 KiB |
|
Before Width: | Height: | Size: 1.9 MiB After Width: | Height: | Size: 865 KiB |
|
Before Width: | Height: | Size: 1.8 MiB After Width: | Height: | Size: 951 KiB |
|
Before Width: | Height: | Size: 2.0 MiB After Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 2.6 MiB After Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 2.5 MiB After Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 116 KiB After Width: | Height: | Size: 42 KiB |
|
Before Width: | Height: | Size: 289 KiB After Width: | Height: | Size: 177 KiB |
|
Before Width: | Height: | Size: 113 KiB After Width: | Height: | Size: 112 KiB |
|
Before Width: | Height: | Size: 121 KiB After Width: | Height: | Size: 119 KiB |
|
Before Width: | Height: | Size: 307 KiB After Width: | Height: | Size: 306 KiB |
|
Before Width: | Height: | Size: 244 KiB After Width: | Height: | Size: 156 KiB |
|
Before Width: | Height: | Size: 238 KiB After Width: | Height: | Size: 86 KiB |
|
Before Width: | Height: | Size: 185 KiB After Width: | Height: | Size: 66 KiB |
@@ -193,13 +193,14 @@ export default {
|
||||
.footer-cta {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
min-height: 38px;
|
||||
justify-content: center;
|
||||
min-height: var(--control-height, 48px);
|
||||
margin-top: 18px;
|
||||
padding: 0 16px;
|
||||
border-radius: 8px;
|
||||
padding: 0 var(--control-padding-x, 26px);
|
||||
border-radius: var(--radius-control, 6px);
|
||||
background: #2563eb;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
font-size: var(--control-font-size, 16px);
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
transition: background-color 0.25s ease, transform 0.25s ease;
|
||||
|
||||
@@ -539,11 +539,11 @@ export default {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 44px;
|
||||
padding: 0 20px;
|
||||
min-height: var(--control-height, 48px);
|
||||
padding: 0 var(--control-padding-x, 26px);
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
font-size: 15px;
|
||||
border-radius: var(--radius-control, 6px);
|
||||
font-size: var(--control-font-size, 16px);
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
@@ -940,12 +940,12 @@ export default {
|
||||
.view-more {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
min-height: 40px;
|
||||
padding: 0 20px;
|
||||
min-height: var(--control-height, 48px);
|
||||
padding: 0 var(--control-padding-x, 26px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.76);
|
||||
border-radius: 4px;
|
||||
border-radius: var(--radius-control, 6px);
|
||||
color: #fff;
|
||||
font-size: 15px;
|
||||
font-size: var(--control-font-size, 16px);
|
||||
font-weight: 600;
|
||||
transition: background 0.25s ease, color 0.25s ease;
|
||||
}
|
||||
@@ -1078,16 +1078,18 @@ export default {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
gap: 6px;
|
||||
gap: 8px;
|
||||
min-height: 40px;
|
||||
padding: 0 4px 0 0;
|
||||
color: #1d4ed8;
|
||||
font-size: 13px;
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.case-link svg {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
stroke: currentColor;
|
||||
stroke-width: 2;
|
||||
fill: none;
|
||||
@@ -1152,12 +1154,13 @@ export default {
|
||||
.about-link {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
min-height: 42px;
|
||||
min-height: var(--control-height, 48px);
|
||||
margin-top: 28px;
|
||||
padding: 0 18px;
|
||||
padding: 0 var(--control-padding-x, 26px);
|
||||
border: 1px solid #2563eb;
|
||||
border-radius: 4px;
|
||||
border-radius: var(--radius-control, 6px);
|
||||
color: #1d4ed8;
|
||||
font-size: var(--control-font-size, 16px);
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
transition: background 0.25s ease, color 0.25s ease;
|
||||
@@ -1244,8 +1247,8 @@ export default {
|
||||
|
||||
.swiper-button-next,
|
||||
.swiper-button-prev {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
width: var(--control-height, 48px);
|
||||
height: var(--control-height, 48px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.42);
|
||||
border-radius: 50%;
|
||||
color: #fff;
|
||||
@@ -1263,7 +1266,7 @@ export default {
|
||||
|
||||
.swiper-button-next::after,
|
||||
.swiper-button-prev::after {
|
||||
font-size: 16px;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.swiper-pagination {
|
||||
|
||||
@@ -230,9 +230,24 @@ export default {
|
||||
}
|
||||
|
||||
.service-link {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: var(--control-height, 48px);
|
||||
margin-top: 4px;
|
||||
padding: 0 var(--control-padding-x, 26px);
|
||||
border: 1px solid #2563eb;
|
||||
border-radius: var(--radius-control, 6px);
|
||||
color: #1d4ed8;
|
||||
text-decoration: none;
|
||||
font-size: var(--control-font-size, 16px);
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
transition: background 0.2s ease, color 0.2s ease;
|
||||
}
|
||||
|
||||
.service-link:hover {
|
||||
background: #2563eb;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.features {
|
||||
|
||||