/* ========================================
OceanRP 海洋背景图片样式
Ocean Background Images Styles
======================================== */
/* 轮播图海洋背景覆盖 */
.hero-slider .hs-item:nth-child(1) {
background: linear-gradient(135deg,
rgba(0, 17, 34, 0.7),
rgba(0, 139, 139, 0.5)),
url('data:image/svg+xml,');
background-size: cover;
background-position: center;
}
.hero-slider .hs-item:nth-child(2) {
background: linear-gradient(135deg,
rgba(0, 139, 139, 0.6),
rgba(64, 224, 208, 0.4)),
url('data:image/svg+xml,');
background-size: cover;
background-position: center;
}
.hero-slider .hs-item:nth-child(3) {
background: linear-gradient(135deg,
rgba(64, 224, 208, 0.5),
rgba(127, 255, 212, 0.3)),
url('data:image/svg+xml,');
background-size: cover;
background-position: center;
}
/* 区块背景海洋纹理 */
.join-steps-section {
background: linear-gradient(135deg,
rgba(0, 17, 34, 0.8) 0%,
rgba(0, 139, 139, 0.4) 100%),
url('data:image/svg+xml,');
background-attachment: fixed;
}
.features-showcase-section {
background: linear-gradient(135deg,
rgba(127, 255, 212, 0.1) 0%,
rgba(0, 51, 102, 0.6) 100%),
url('data:image/svg+xml,');
}
.community-section {
background: linear-gradient(135deg,
rgba(0, 139, 139, 0.4) 0%,
rgba(64, 224, 208, 0.2) 100%),
url('data:image/svg+xml,');
}
.organizations-section {
background: linear-gradient(135deg,
rgba(0, 51, 102, 0.6) 0%,
rgba(0, 17, 34, 0.8) 100%),
url('data:image/svg+xml,');
}
.video-showcase-section {
background: linear-gradient(135deg,
rgba(64, 224, 208, 0.2) 0%,
rgba(0, 139, 139, 0.4) 100%),
url('data:image/svg+xml,');
}