-
记账专家 健康帮手 预约助手 万物互联
-
满足您的记账需求 健康记录 茅台预约 物联网建设
+
记账专家 健康帮手 万物互联
+
满足您的记账需求 健康记录 物联网建设
✨
无需下载,永久免费!
@@ -80,13 +80,13 @@
满足健康档案记录需求
-
+
@@ -113,9 +113,9 @@
健康档案管理服务
-
+
物联网平台建设服务
@@ -214,9 +214,10 @@
margin: 0 auto;
padding: 0;
display: grid;
- grid-template-columns: repeat(4, minmax(200px, 250px));
- gap: 25px;
- max-width: 1200px;
+ grid-template-columns: repeat(3, minmax(240px, 300px));
+ gap: 30px;
+ max-width: 1100px;
+ justify-content: center;
}
.zui-card {
@@ -224,19 +225,19 @@
flex-direction: column;
align-items: center;
text-align: center;
- padding: 28px 18px;
+ padding: 35px 25px;
border: 2px solid transparent;
- border-radius: 16px;
+ border-radius: 18px;
background: #fff;
- box-shadow: 0 4px 20px rgba(0,0,0,0.08);
- min-height: 240px;
+ box-shadow: 0 6px 25px rgba(0,0,0,0.08);
+ min-height: 280px;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
/* 移除遮盖 */
- padding-left: 18px !important;
+ padding-left: 25px !important;
position: relative !important;
&::before {
@@ -245,15 +246,15 @@
top: 0;
left: 0;
right: 0;
- height: 3px;
+ height: 4px;
background: linear-gradient(90deg, #35A3BA, #6AC2B5);
transform: scaleX(0);
transition: transform 0.3s ease;
}
&:hover {
- transform: translateY(-6px);
- box-shadow: 0 12px 35px rgba(53, 163, 186, 0.18);
+ transform: translateY(-8px);
+ box-shadow: 0 15px 40px rgba(53, 163, 186, 0.2);
border-color: rgba(53, 163, 186, 0.3);
&::before {
@@ -267,15 +268,15 @@
}
.zui-card__media {
- width: 120px;
- height: 120px;
- margin-bottom: 18px;
+ width: 140px;
+ height: 140px;
+ margin-bottom: 22px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, rgba(53, 163, 186, 0.05), rgba(106, 194, 181, 0.05));
- border-radius: 18px;
- padding: 8px;
+ border-radius: 20px;
+ padding: 10px;
}
.zui-card__media img {
@@ -286,21 +287,21 @@
top: auto !important;
left: auto !important;
object-fit: contain;
- border-radius: 16px;
+ border-radius: 18px;
transition: all 0.3s ease;
}
.zui-card__title {
- margin: 12px 0 8px;
- font-size: 18px;
+ margin: 12px 0 10px;
+ font-size: 20px;
color: #1f2a37;
- font-weight: 600;
+ font-weight: 700;
}
.zui-card__desc {
- font-size: 13px;
+ font-size: 14px;
color: #666;
- line-height: 1.5;
+ line-height: 1.6;
}
}
diff --git a/src/views/callus.vue b/src/views/callus.vue
index e55afa5..31c154f 100644
--- a/src/views/callus.vue
+++ b/src/views/callus.vue
@@ -33,7 +33,7 @@
免费使用