fix: polish responsive scene composition

2026-09-05 17:49:09 +08:00
parent 3d12f48f32
commit 8699b52a94
6 changed files with 64 additions and 43 deletions
--- a/src/styles/tokens.css
+++ b/src/styles/tokens.css
@@ -132,3 +132,17 @@
  --overlay-contact: rgba(1, 13, 39, 0.721569);
  --shadow-color: rgba(0, 0, 0, 0.239216);
 }
+
+@media (max-width: 1024px) {
+  :root {
+    --layout-page-gutter: 32px;
+    --layout-section-padding: 80px;
+  }
+}
+
+@media (max-width: 640px) {
+  :root {
+    --layout-page-gutter: 20px;
+    --layout-section-padding: 64px;
+  }
+}