/* 确保所有元素使用border-box */
    * {
        box-sizing: border-box;
    }
    
    /* 移动端优化 */
    @media (max-width: 768px) {
        div[style*="padding: 30px 0"] {
            padding: 20px 0 !important;
            margin: 20px auto 0px auto !important;
        }
        
        div[style*="max-width: 600px"] {
            padding: 0 16px !important;
            max-width: 100% !important;
        }
        
        h1 {
            font-size: 28px !important;
            padding: 0 8px !important;
        }
        
        p {
            font-size: 16px !important;
            margin-bottom: 30px !important;
            padding: 0 8px !important;
        }
        
        model-viewer {
            height: 400px !important;
            border-radius: 8px !important;
        }
    }
    
    @media (max-width: 480px) {
        div[style*="padding: 30px 0"] {
            padding: 15px 0 !important;
            margin: 15px auto 0px auto !important;
        }
        
        div[style*="max-width: 600px"] {
            padding: 0 12px !important;
        }
        
        h1 {
            font-size: 24px !important;
            padding: 0 4px !important;
        }
        
        p {
            font-size: 14px !important;
            margin-bottom: 24px !important;
            padding: 0 4px !important;
        }
        
        model-viewer {
            height: 350px !important;
            border-radius: 6px !important;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08) !important;
        }
    }
    
    /* 防止Model Viewer在小屏幕上溢出 */
    @media (max-width: 360px) {
        model-viewer {
            height: 300px !important;
        }
        
        h1 {
            font-size: 22px !important;
        }
    }
    
    /* 大屏幕优化 */
    @media (min-width: 1200px) {
        div[style*="max-width: 600px"] {
            max-width: 800px !important;
        }
        
        model-viewer {
            height: 500px !important;
        }
    }