#bottom-right {
    overflow-x: auto !important;
    overflow-y: auto !important;
    display: block !important;
    scroll-behavior: smooth; /* HTML/CSS 原生平滑滚动 */
    -webkit-overflow-scrolling: touch;  /* 保证 iOS 滑动流畅 */
    touch-action: pan-x pan-y !important; /* 关键：允许浏览器处理水平和垂直方向的原生滚动 */
}

/* 1. 包装层样式 */
.pdf-page-wrapper {
    /* 移除 !important，否则动画会失效 */
    transition: width 0.3s ease-out, max-width 0.3s ease-out;

    display: block;
    margin: 0 auto 20px auto;
    position: relative;
    /* 初始状态下不要设置过小的 max-width */
    /*max-width: none !important;   在pc端不能设置这个值...*/
}

/* 2. 内部图片样式 (标准 CSS 写法) */
.pdf-page-wrapper img {
    width: 100% !important;
    height: auto !important;
    display: block;
    /* 避免图片层级导致的闪烁 */
    backface-visibility: hidden;
}