diff --git a/pages/yxg-magic/index.vue b/pages/yxg-magic/index.vue
index f722832..0f110e8 100644
--- a/pages/yxg-magic/index.vue
+++ b/pages/yxg-magic/index.vue
@@ -1,12 +1,13 @@
 <template>
+	<!-- 顶栏在 web-view 外层（页面级），H5 只在下方 web-view 里 -->
 	<view class="yxg-page">
 		<view class="yxg-nav-bar" :style="navBarStyle">
 			<view class="yxg-nav-row" :style="navRowStyle">
 				<image
 					class="yxg-nav-logo"
-					:style="logoStyle"
 					:src="YXG_MP_LOGO_URL"
 					mode="aspectFit"
+					:style="logoStyle"
 				/>
 			</view>
 		</view>
@@ -62,6 +63,7 @@ const navRowStyle = `height:${navBarH}px;`
 const logoStyle = `width:${logoW}px;height:${logoH}px;`
 const webviewStyle = `height:${webviewH}px;`
 
+/** web-view 已在导航下方，H5 只需极小顶距 */
 const h5Url = computed(
 	() =>
 		`${YXG_H5_BASE}?mp=1&nh=1&sbh=4&v=${YXG_H5_VERSION}#wechat_redirect`,
@@ -80,7 +82,7 @@ function onWebError(e) {
 	})
 }
 
-console.log('[yxg-magic] nav-bar + web-view', {
+console.log('[yxg-magic] outer nav + webview', {
 	headH,
 	webviewH,
 	logoW,
@@ -101,7 +103,6 @@ page {
 	height: 100%;
 	display: flex;
 	flex-direction: column;
-	background-color: #ffd1c7;
 }
 
 .yxg-nav-bar {
@@ -115,6 +116,7 @@ page {
 	display: flex;
 	align-items: center;
 	justify-content: center;
+	width: 100%;
 }
 
 .yxg-nav-logo {
@@ -122,7 +124,7 @@ page {
 }
 
 .yxg-webview {
-	flex-shrink: 0;
+	flex: 1;
 	width: 100%;
 }
 </style>