fix: make central iframe transparent with semi-transparent panel background

src/views/DaLuJiaTV1.vue

@@ -66,7 +66,7 @@
         </div>
 
         <section class="qa-model-panel">
-          <iframe v-if="iframeAddress" class="model-frame" :src="iframeAddress" title="三维模型"></iframe>
+          <iframe v-if="iframeAddress" allowtransparency="true" class="model-frame" :src="iframeAddress" title="三维模型"></iframe>
           <div v-else class="model-placeholder">等待配置三维模型地址</div>
         </section>
 
@@ -613,9 +613,7 @@ body,
 
 .qa-model-panel {
   position: relative;
-  background:
-    linear-gradient(180deg, rgba(6, 14, 25, 0.14), rgba(6, 14, 25, 0.36)),
-    rgba(8, 18, 32, 0.7);
+  background: rgba(8, 18, 32, 0.22);
 }
 
 .model-frame,
@@ -628,6 +626,7 @@ body,
   width: 100%;
   height: 100%;
   border: 0;
+  background: transparent;
 }
 
 .model-placeholder {