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:31:57 +08:00
parent a18136def5
commit 0b3f5ca820
1 changed files with 141 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
css/index.css
View File

@@ -191,6 +191,21 @@ body#index .nav-right .control {
margin-top: 50px;
}
/* 服务模块整体背景：与首页 banner 保持暗色科技感基调 */
.section.service {
background:
radial-gradient(circle at 10% 0%, rgba(56, 189, 248, 0.18) 0%, transparent 40%),
linear-gradient(180deg, #020617 0%, #020617 100%);
}
.section.service .section-title h2 {
color: #F9FAFB;
}
.section.service .section-title .section-desc {
color: rgba(148, 163, 184, 0.95);
}
.service .service-box {
min-height: 191px;
margin: 10px;
@@ -338,7 +353,18 @@ body#index .nav-right .control {
/* 服务实践 */
.practice {}
.practice {
/* 与解决方案区域衔接的暗色背景 */
background: linear-gradient(180deg, #020617 0%, #020617 100%);
}
.practice .section-title h2 {
color: #F9FAFB;
}
.practice .section-title .section-desc {
color: rgba(148, 163, 184, 0.95);
}
.practice .practice-content {
margin: -10px;
@@ -394,7 +420,10 @@ body#index .nav-right .control {
/* 基础措施 */
.section-base {
background: rgba(247, 248, 250, 1);
/* 统一为暗色科技风背景，下方 cert 卡片及地图以亮色卡片形式凸显 */
background:
radial-gradient(circle at 0% 0%, rgba(56, 189, 248, 0.18) 0%, transparent 40%),
linear-gradient(180deg, #020617 0%, #020617 100%);
}
.section-base .base {
@@ -418,6 +447,19 @@ body#index .nav-right .control {
.base .base-content .title-desc {
white-space: nowrap;
color: rgba(148, 163, 184, 0.95);
}
.section-base .section-title h2 {
color: #F9FAFB;
}
.section-base .section-title .section-desc {
color: rgba(148, 163, 184, 0.95);
}
.section-base .base-content h2 {
color: #F9FAFB;
}
.cert {
@@ -451,6 +493,17 @@ body#index .nav-right .control {
}
/* 新闻 */
.section.news {
background: linear-gradient(180deg, #020617 0%, #020617 100%);
}
.section.news .section-title h2 {
color: #F9FAFB;
}
.section.news .section-title .section-desc {
color: rgba(148, 163, 184, 0.95);
}
.news-content {
margin-top: 60px;
display: flex;
@@ -460,7 +513,12 @@ body#index .nav-right .control {
.news-content .news-cont {
flex: 1;
/* 新闻列表块采用深色卡片，与整体暗色背景协调 */
background: rgba(15, 23, 42, 0.92);
border-radius: 16px;
padding: 24px 24px 16px;
box-shadow: 0 20px 45px rgba(15, 23, 42, 0.7);
border: 1px solid rgba(148, 163, 184, 0.4);
}
@@ -490,7 +548,15 @@ body#index .nav-right .control {
.news-content .news-head .news-more {
font-size: 14px;
color: rgba(0, 0, 0, 0.6);
color: rgba(148, 163, 184, 0.9);
}
.news-content .news-head .news-more a {
color: inherit;
}
.news-content .news-head .news-more a:hover {
color: #E5E7EB;
}
.news-content .news-list {
@@ -531,7 +597,7 @@ body#index .nav-right .control {
.news-content .news-item .title {
font-size: 14px;
color: rgba(0, 0, 0, 0.90);
color: #E5E7EB;
}
.news-content .news-item .title:hover {
@@ -539,7 +605,7 @@ body#index .nav-right .control {
}
.news-content .news-item .time {
color: rgba(0, 0, 0, 0.4);
color: rgba(148, 163, 184, 0.9);
font-size: 13px;
min-width: 100px;
text-align: right;