/* 確保網頁最外層不會因為計算誤差出現滾動條 */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden; /* 強制隱藏水平滾動條 */
}

.iframe-wrapper {
    width: 100%;
    height: 100vh; 
    overflow: hidden; /* 確保縮放後的內容不會溢出容器 */
    position: relative;
    background-color: #000;
}

.scaled-iframe {
    width: 1200px; 
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    
    /* 核心修正：確保 iframe 本身不會被當作寬度來源 */
    display: block; 
    
    transform: scale(var(--scale-factor, 1));
    
    /* 高度補償 */
    height: calc(100% / var(--scale-factor, 1));
}