yiqiu/BlackFruit-UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

发
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
yiqiu
2025-11-22 18:37:59 +08:00
parent 0b3f5ca820
commit 0e1b0ad41c
2 changed files with 59 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
css/index.css
View File

@@ -211,21 +211,23 @@ body#index .nav-right .control {
margin: 10px;
position: relative;
padding: 30px;
border: 1px solid rgba(226, 232, 240, 1);
border-radius: 10px;
background: rgba(255, 255, 255, 0.96);
box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
border-radius: 14px;
/* 服务卡片使用深色半透明面板，叠加在暗色背景上 */
background: radial-gradient(circle at 0% 0%, rgba(56, 189, 248, 0.22) 0%, transparent 42%),
rgba(15, 23, 42, 0.96);
border: 1px solid rgba(148, 163, 184, 0.4);
box-shadow: 0 22px 60px rgba(15, 23, 42, 0.85);
color: #E5E7EB;
}
.service .service-box:hover {
box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
border-color: rgba(56, 189, 248, 0.6);
box-shadow: 0 26px 70px rgba(15, 23, 42, 0.95);
border-color: rgba(56, 189, 248, 0.75);
}
.service .service-box .service-title {
color: #F9FAFB;
}
.service .service-box .service-title {
color: #333;
}
.service .service-box:hover h4 {
color: #38BDF8;
@@ -244,28 +246,29 @@ body#index .nav-right .control {
}
.service-box .title-desc {
margin: 16px 0;
height: 42px;
}
.service-box .title-desc {
margin: 16px 0;
height: 42px;
color: rgba(148, 163, 184, 0.96);
}
.service .service-tag-group {
display: flex;
}
.service .service-tag-group .service-tag {
display: flex;
align-items: center;
justify-items: center;
margin-right: 8px;
font-size: 12px;
padding: 0 12px;
color: rgba(0, 0, 0, 0.6);
height: 24px;
background: #F7F8F9;
border: 1px solid #EDEDED;
border-radius: 1px;
}
.service .service-tag-group .service-tag {
display: flex;
align-items: center;
justify-items: center;
margin-right: 8px;
font-size: 12px;
padding: 0 12px;
color: #E5E7EB;
height: 24px;
background: rgba(15, 23, 42, 0.9);
border: 1px solid rgba(148, 163, 184, 0.6);
border-radius: 999px;
}
/* 解决方案 */
@@ -366,21 +369,25 @@ body#index .nav-right .control {
color: rgba(148, 163, 184, 0.95);
}
.practice .practice-content {
margin: -10px;
margin-top: 40px;
flex-wrap: wrap;
}
.practice .practice-content {
margin: -10px;
margin-top: 40px;
flex-wrap: wrap;
}
.practice .practice-box {
margin: 10px;
padding: 30px;
width: 453px;
border: 1px solid #E6EAED;
border-radius: 14px;
text-align: center;
border-radius: 10px;
flex-shrink: 0;
}
/* 实践卡片使用深色面板，避免在暗背景上出现纯白块突兀 */
background: rgba(15, 23, 42, 0.96);
border: 1px solid rgba(148, 163, 184, 0.4);
box-shadow: 0 20px 45px rgba(15, 23, 42, 0.85);
color: #E5E7EB;
flex-shrink: 0;
}
.practice .practice-box img {
width: 177px;