#threeContainer {

    position: fixed;  /* 使用fixed定位避免滚动影响 */
    top: 100px;        /* 从顶部70px开始 */
    left: 50%;        /* 水平居中起点 */
    transform: translateX(-50%); /* 真正实现水平居中 */
    width: 40%;      /* 视口宽度的50% */
    height: calc(60vh - 100px); /* 动态计算高度，补偿顶部偏移 */
    background: #1a1a1a; /* 备用背景色 */
    border: 2px solid #ffffff; /* 科技感边框 */

    overflow: hidden; /* 确保内容不溢出 */
    z-index: 3;     /* 保持在常规内容上方 */
}
/* Three.js画布自适应 */
#threecontainer canvas {
    width: 100% !important;
    height: 100% !important;
    image-rendering: -moz-crisp-edges; /* 优化渲染 */
    image-rendering: -webkit-optimize-contrast;
}