对网页CSS进行重构

This commit is contained in:
Falck
2026-04-06 17:03:11 +08:00
parent a615b2af0f
commit 4eaf10e753
20 changed files with 951 additions and 349 deletions

View File

@@ -371,7 +371,18 @@
}
@media (max-width: 640px) {
.hero-container {
padding: 40px 16px;
}
.hero-stats { grid-template-columns: 1fr; gap: 16px; }
.hero-actions {
justify-content: center;
}
.btn {
width: 100%;
max-width: 280px;
justify-content: center;
}
.ripple-container {
width: 240px;
height: 240px;
@@ -391,4 +402,19 @@
.cube-face-left { transform: rotateY(-90deg) translateZ(70px); }
.cube-face-top { transform: rotateX(90deg) translateZ(70px); }
.cube-face-bottom { transform: rotateX(-90deg) translateZ(70px); }
.hero-title {
font-size: 40px;
}
.hero-subtitle {
font-size: 18px;
}
.hero-desc {
font-size: 14px;
padding: 0 8px;
}
.badge {
font-size: 12px;
padding: 6px 14px;
}
}