风格统一

src/index.css

@@ -4,9 +4,36 @@
 html,
 body,
 #root {
+  height: 100%;
   overscroll-behavior: none;
 }
 
+html,
+body {
+  overflow: hidden;
+}
+
+/* 可滚动区域隐藏滚动条 */
+.scrollbar-hide {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.scrollbar-hide::-webkit-scrollbar {
+  display: none;
+  width: 0;
+  height: 0;
+}
+
+.app-header-sticky {
+  position: sticky;
+  top: 0;
+  z-index: 50;
+  align-items: center !important;
+  padding-top: calc(0.75rem + env(safe-area-inset-top, 0px));
+  padding-bottom: 0.75rem;
+}
+
 @theme {
   --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
   --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
@@ -714,7 +741,10 @@ body,
   }
 
   .mobile-export-header {
+    display: flex;
+    align-items: center;
     padding-top: calc(12px + env(safe-area-inset-top, 0px));
+    padding-bottom: 12px;
   }
 
   .mobile-export-back {
@@ -723,7 +753,6 @@ body,
     justify-content: center;
     width: 40px;
     height: 40px;
-    margin: -4px 0;
     border: none;
     border-radius: 10px;
     background: transparent;
@@ -804,12 +833,20 @@ body,
     flex: 1 1 auto;
     min-height: 0;
     overflow-y: auto;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
     -webkit-overflow-scrolling: touch;
     padding: 16px;
     padding-bottom: 20px;
     display: block;
   }
 
+  .mobile-export-content::-webkit-scrollbar {
+    display: none;
+    width: 0;
+    height: 0;
+  }
+
   .mobile-export-content>.mobile-export-card+.mobile-export-card {
     margin-top: 16px;
   }
@@ -1136,7 +1173,7 @@ body,
     cursor: not-allowed;
   }
 
-  .mobile-template-header {
+  .mobile-template-header:not(.mobile-template-header-row) {
     flex-direction: column;
     align-items: stretch !important;
     gap: 8px !important;