1
@@ -13,7 +13,11 @@
|
|||||||
--space-section: 96px;
|
--space-section: 96px;
|
||||||
--space-section-mobile: 64px;
|
--space-section-mobile: 64px;
|
||||||
--radius-card: 8px;
|
--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: 0 16px 40px rgba(16, 24, 40, 0.06);
|
||||||
--shadow-card-hover: 0 22px 50px rgba(16, 24, 40, 0.1);
|
--shadow-card-hover: 0 22px 50px rgba(16, 24, 40, 0.1);
|
||||||
--motion-fast: 0.2s ease;
|
--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 {
|
.footer-cta {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
min-height: 38px;
|
justify-content: center;
|
||||||
|
min-height: var(--control-height, 48px);
|
||||||
margin-top: 18px;
|
margin-top: 18px;
|
||||||
padding: 0 16px;
|
padding: 0 var(--control-padding-x, 26px);
|
||||||
border-radius: 8px;
|
border-radius: var(--radius-control, 6px);
|
||||||
background: #2563eb;
|
background: #2563eb;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 14px;
|
font-size: var(--control-font-size, 16px);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: background-color 0.25s ease, transform 0.25s ease;
|
transition: background-color 0.25s ease, transform 0.25s ease;
|
||||||
|
|||||||
@@ -539,11 +539,11 @@ export default {
|
|||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
min-height: 44px;
|
min-height: var(--control-height, 48px);
|
||||||
padding: 0 20px;
|
padding: 0 var(--control-padding-x, 26px);
|
||||||
border: 0;
|
border: 0;
|
||||||
border-radius: 4px;
|
border-radius: var(--radius-control, 6px);
|
||||||
font-size: 15px;
|
font-size: var(--control-font-size, 16px);
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
@@ -940,12 +940,12 @@ export default {
|
|||||||
.view-more {
|
.view-more {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
min-height: 40px;
|
min-height: var(--control-height, 48px);
|
||||||
padding: 0 20px;
|
padding: 0 var(--control-padding-x, 26px);
|
||||||
border: 1px solid rgba(255, 255, 255, 0.76);
|
border: 1px solid rgba(255, 255, 255, 0.76);
|
||||||
border-radius: 4px;
|
border-radius: var(--radius-control, 6px);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 15px;
|
font-size: var(--control-font-size, 16px);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
transition: background 0.25s ease, color 0.25s ease;
|
transition: background 0.25s ease, color 0.25s ease;
|
||||||
}
|
}
|
||||||
@@ -1078,16 +1078,18 @@ export default {
|
|||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
gap: 6px;
|
gap: 8px;
|
||||||
|
min-height: 40px;
|
||||||
|
padding: 0 4px 0 0;
|
||||||
color: #1d4ed8;
|
color: #1d4ed8;
|
||||||
font-size: 13px;
|
font-size: 15px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.case-link svg {
|
.case-link svg {
|
||||||
width: 15px;
|
width: 17px;
|
||||||
height: 15px;
|
height: 17px;
|
||||||
stroke: currentColor;
|
stroke: currentColor;
|
||||||
stroke-width: 2;
|
stroke-width: 2;
|
||||||
fill: none;
|
fill: none;
|
||||||
@@ -1152,12 +1154,13 @@ export default {
|
|||||||
.about-link {
|
.about-link {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
min-height: 42px;
|
min-height: var(--control-height, 48px);
|
||||||
margin-top: 28px;
|
margin-top: 28px;
|
||||||
padding: 0 18px;
|
padding: 0 var(--control-padding-x, 26px);
|
||||||
border: 1px solid #2563eb;
|
border: 1px solid #2563eb;
|
||||||
border-radius: 4px;
|
border-radius: var(--radius-control, 6px);
|
||||||
color: #1d4ed8;
|
color: #1d4ed8;
|
||||||
|
font-size: var(--control-font-size, 16px);
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: background 0.25s ease, color 0.25s ease;
|
transition: background 0.25s ease, color 0.25s ease;
|
||||||
@@ -1244,8 +1247,8 @@ export default {
|
|||||||
|
|
||||||
.swiper-button-next,
|
.swiper-button-next,
|
||||||
.swiper-button-prev {
|
.swiper-button-prev {
|
||||||
width: 44px;
|
width: var(--control-height, 48px);
|
||||||
height: 44px;
|
height: var(--control-height, 48px);
|
||||||
border: 1px solid rgba(255, 255, 255, 0.42);
|
border: 1px solid rgba(255, 255, 255, 0.42);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
@@ -1263,7 +1266,7 @@ export default {
|
|||||||
|
|
||||||
.swiper-button-next::after,
|
.swiper-button-next::after,
|
||||||
.swiper-button-prev::after {
|
.swiper-button-prev::after {
|
||||||
font-size: 16px;
|
font-size: 17px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.swiper-pagination {
|
.swiper-pagination {
|
||||||
|
|||||||
@@ -230,9 +230,24 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.service-link {
|
.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;
|
color: #1d4ed8;
|
||||||
text-decoration: none;
|
font-size: var(--control-font-size, 16px);
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: background 0.2s ease, color 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-link:hover {
|
||||||
|
background: #2563eb;
|
||||||
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.features {
|
.features {
|
||||||
|
|||||||