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/components/RiverJourney.module.css
+++ b/src/components/RiverJourney.module.css
@@ -148,9 +148,11 @@
    top: auto;
    left: auto;
    width: 100%;
-    padding: 0;
-    background: transparent;
-    backdrop-filter: none;
+    padding: var(--space-4);
+    border: 1px solid var(--border-default);
+    background: var(--overlay-contact);
+    box-shadow: 0 8px 24px var(--shadow-color);
+    backdrop-filter: blur(12px);
  }

  .heading {
@@ -169,7 +171,7 @@
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
-    margin-top: 300px;
+    margin-top: 220px;
    padding-left: 20px;
  }