diff --git a/healthlink-his-ui/src/views/reconstruction/3d/viewer.vue b/healthlink-his-ui/src/views/reconstruction/3d/viewer.vue
index bc831f1d5..96c0f39df 100644
--- a/healthlink-his-ui/src/views/reconstruction/3d/viewer.vue
+++ b/healthlink-his-ui/src/views/reconstruction/3d/viewer.vue
@@ -230,7 +230,9 @@ function init(){
   
   // Generate volume
   const volData=genVolume()
-  const volTex=new THREE.DataTexture(volData,SZ,SZ,SZ,THREE.RedFormat,THREE.FloatType)
+  const volTex=new THREE.Data3DTexture(volData,SZ,SZ,SZ)
+  volTex.format=THREE.RedFormat
+  volTex.type=THREE.FloatType
   volTex.needsUpdate=true
   volTex.minFilter=THREE.LinearFilter
   volTex.magFilter=THREE.LinearFilter
@@ -321,9 +323,19 @@ watch(mode,(val)=>{
 })
 
 onMounted(()=>{
-  nextTick(()=>{
-    setTimeout(init,100)
+  // Use ResizeObserver to init only when container has dimensions
+  const el=containerRef.value
+  if(!el)return
+  const ro=new ResizeObserver(entries=>{
+    for(const e of entries){
+      if(e.contentRect.width>0&&e.contentRect.height>0&&!renderer){
+        init()
+        ro.disconnect()
+        break
+      }
+    }
   })
+  ro.observe(el)
   window.addEventListener('resize',onResize)
 })
 
@@ -336,9 +348,9 @@ onUnmounted(()=>{
 </script>
 
 <style scoped>
-.viewer-wrap{display:flex;flex-direction:column;height:100%;background:#0a0a1a;color:#fff}
+.viewer-wrap{display:flex;flex-direction:column;min-height:600px;height:100%;background:#0a0a1a;color:#fff}
 .vbar{display:flex;gap:8px;padding:8px 12px;background:#1a1a2e;border-bottom:1px solid #333;align-items:center;flex-wrap:wrap}
-.vmain{flex:1;position:relative;overflow:hidden;background:#0a0a1a}
+.vmain{flex:1;position:relative;overflow:hidden;background:#0a0a1a;min-height:500px}
 .gl-canvas{width:100%;height:100%;display:block}
 .ov-tl{position:absolute;top:8px;left:8px;padding:6px 10px;background:rgba(0,0,0,.7);border-radius:4px;font-size:11px;font-family:'Courier New',monospace;color:#0f0;line-height:1.5;pointer-events:none;z-index:10}
 .ov-bl{position:absolute;bottom:8px;left:8px;padding:6px 10px;background:rgba(0,0,0,.7);border-radius:4px;font-size:11px;font-family:'Courier New',monospace;color:#0f0;pointer-events:none;z-index:10}