123 lines
1.7 KiB
CSS
123 lines
1.7 KiB
CSS
.explore {
|
|
background: #f5f7fb;
|
|
}
|
|
|
|
.explore-content {
|
|
padding-bottom: 40px;
|
|
}
|
|
|
|
.explore-how {
|
|
background: linear-gradient(180deg, #e9f3ff 0%, #f7fbff 100%);
|
|
padding: 32px 0 24px;
|
|
}
|
|
|
|
.explore-how-inner,
|
|
.explore-hot-inner {
|
|
width: 1200px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.explore-how-title {
|
|
margin: 0 0 16px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.explore-how-card {
|
|
background: #ffffff;
|
|
border-radius: 16px;
|
|
padding: 20px;
|
|
box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
|
|
}
|
|
|
|
.explore-feature-card {
|
|
background: #f0f6ff;
|
|
border-radius: 12px;
|
|
padding: 18px;
|
|
min-height: 140px;
|
|
}
|
|
|
|
.explore-feature-title {
|
|
font-weight: 600;
|
|
color: #1f2a37;
|
|
}
|
|
|
|
.explore-feature-desc {
|
|
color: #6b7280;
|
|
font-size: 12px;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.explore-feature-visual {
|
|
margin-top: 12px;
|
|
height: 46px;
|
|
border-radius: 8px;
|
|
background: #d9e9ff;
|
|
}
|
|
|
|
.explore-hot {
|
|
padding: 24px 0 40px;
|
|
}
|
|
|
|
.explore-hot-tabs {
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.explore-hot-card {
|
|
border-radius: 16px;
|
|
box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
|
|
}
|
|
|
|
.explore-hot-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.explore-hot-title {
|
|
font-weight: 600;
|
|
color: #1f2a37;
|
|
}
|
|
|
|
.explore-hot-range {
|
|
color: #94a3b8;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.explore-product-card {
|
|
border-radius: 12px;
|
|
background: #fff;
|
|
}
|
|
|
|
.explore-product-image {
|
|
height: 120px;
|
|
border-radius: 12px;
|
|
background: #f2f4f8;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.explore-product-title {
|
|
font-size: 12px;
|
|
color: #1f2a37;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.explore-product-price {
|
|
font-weight: 600;
|
|
color: #1f2a37;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.explore-product-meta {
|
|
font-size: 11px;
|
|
color: #94a3b8;
|
|
}
|
|
|
|
@media (max-width: 1200px) {
|
|
.explore-how-inner,
|
|
.explore-hot-inner {
|
|
width: auto;
|
|
padding: 0 24px;
|
|
}
|
|
}
|