style(packages): 优化表单样式和交互体验

- 移除渐变边框效果,简化卡片悬停样式
- 为表单添加内联样式,提升视觉一致性和用户体验
- 调整服务项目输入框布局,使其更紧凑易用
This commit is contained in:
2025-12-06 02:51:56 +08:00
parent ae3ed1e58f
commit 7f2fe3dd21
2 changed files with 74 additions and 94 deletions
-21
View File
@@ -1419,30 +1419,9 @@ label {
background-clip: padding-box;
}
/* 渐变边框效果 */
.package-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, var(--el-primary-color), var(--el-success-color), var(--el-info-color));
border-radius: 12px;
z-index: -1;
margin: -2px;
opacity: 0;
transition: opacity 0.35s ease;
}
.package-card:hover {
transform: translateY(-6px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
border-color: transparent;
}
.package-card:hover::before {
opacity: 1;
}
.package-card.inactive {