优化样式，调整背景模糊效果和颜色，更新组件内边距，增强视觉效果和用户体验。

src/@layouts/components/VerticalNavLayout.vue

@@ -105,7 +105,6 @@ export default defineComponent({
   position: relative;
   z-index: 1;
   margin-block-start: 0;
-  padding-block-start: 0;
 }
 
 .layout-wrapper.layout-nav-type-vertical {
@@ -178,7 +177,7 @@ export default defineComponent({
   }
 
   &:not(.layout-overlay-nav) .layout-content-wrapper {
-    padding-inline-start: calc(variables.$layout-vertical-nav-width + 0.5rem);
+    padding-inline-start: calc(variables.$layout-vertical-nav-width);
   }
 
   // Adjust right column pl when vertical nav is collapsed

src/@layouts/styles/_default-layout.scss

@@ -40,7 +40,8 @@ body,
 
   // TODO: Use grid gutter variable here;
   padding-block: 1.5rem;
-  padding-block-start: calc(env(safe-area-inset-top) + 4.25rem);
+  padding-inline: 0.5rem;
+  padding-block-start: calc(env(safe-area-inset-top) + 4.5rem);
 
   // display: flex;display
 

src/@layouts/styles/_placeholders.scss

@@ -4,7 +4,7 @@
 %boxed-content {
   @at-root #{&}-spacing {
     // TODO: Use grid gutter variable here
-    padding-inline: 0.5rem;
+    // padding-inline: 0.5rem;
   }
 
   inline-size: 100%;