完成全项目响应式审核与换机交接

pages/family/f10-video-list.vue

@@ -14,11 +14,6 @@
       </view>
 
       <view class="video-status-card">
-        <image
-          class="video-status-card__skin"
-          src="/static/assets/modules/family/transparent/module-content-frame.png"
-          mode="scaleToFill"
-        />
         <view class="video-status-card__body">
           <text class="video-status-card__eyebrow">视频 · 服务说明</text>
           <text class="video-status-card__title">视频服务暂未开放</text>
@@ -45,6 +40,8 @@ const returnToFamily = () => {
 </script>
 
 <style scoped lang="scss">
+@use "../../styles/adaptive-frame-profiles.scss" as adaptive;
+
 .video-status-page {
   min-height: 100vh;
   background: $paper;
@@ -74,19 +71,13 @@ const returnToFamily = () => {
   height: 100%;
 }
 .video-status-card {
-  display: grid;
+  @include adaptive.adaptive-family-panel;
   width: 100%;
   min-height: 330rpx;
+  box-sizing: border-box;
   text-align: center;
 }
-.video-status-card__skin {
-  grid-area: 1 / 1;
-  width: 100%;
-  height: 100%;
-}
 .video-status-card__body {
-  z-index: 1;
-  grid-area: 1 / 1;
   padding: 70rpx 60rpx 48rpx;
 }
 .video-status-card__eyebrow,