body {
            background: #f9f9f9;
            padding: 0;
            margin: 0;
        }

        /* 打印优化：每个canvas单独分页，A4尺寸 */
        @media print {
            body { margin:0; padding:0; }
            /* 隐藏除 pdf-container 外的元素 */
            body > *:not(.pdf-container) { display: none !important; }
            /* 确保容器在打印时没有顶部间距 */
            .pdf-container { display: block !important; margin-top: 0 !important; padding: 0 !important; }
            .pdf-page {
                display: block !important;
                page-break-after: always;
                page-break-inside: avoid;
                /* 使用毫米单位确保与打印纸张匹配（210mm 宽） */
                width: 210mm;
                height: 297mm;
                box-sizing: border-box;
                padding: -20; 
            }
            /* canvas 按页宽度缩放，保持纵横比 */
            .pdf-page canvas {
                background: white;
                display: block;
                width: 100%;
                height: auto;
                margin: 0 auto;
                box-shadow: none;
            }
        }
        /* 屏幕显示优化 */
        div.pdf-page {
            width: 794px;
            margin-bottom: 24px;
            display: flex;
            justify-content: center;
            /* 避免打印时断页内部分割内容 */
            page-break-inside: avoid;
        }

        #menu{
            height:45px;
            width:100%;
            position:fixed;
            top:0;
            left:0;
            background-color:#f9f9f9;
            border-bottom:1px solid #ccc;
            display:flex;
            align-items:center; /* 垂直居中 */
            justify-content: space-between; /* 子元素间距自动分配 */
            box-sizing: border-box; /* 包含内边距 */
            padding-bottom:10px;
            padding-top:10px;
            padding-left:20px;
            padding-right:20px;
        }

        #file-name{
            display:flex;
            align-items:center; /* 垂直居中 */

        }

        #pdf-icon{
            height:30px;
            width:30px;
            display:flex; /* 垂直居中 */
        }

        #file-name-span{
            margin-left:10px;
            font-size:17px;
            font-weight:bold;
            color:#333;
            display:flex; /* 垂直居中 */
        }

        #control-buttons{
            display:flex;
            gap:5px; /* 按钮间距 */
            margin-left: auto; /* 在父元素内居右 */
        }

        .control-icon{
            height:25px;
            width:25px;
            border-radius:2.5px;
            padding:2.5px; /* 内边距 */
            cursor:pointer; /* 鼠标悬停显示手型 */
            display:flex; /* 垂直居中 */
            transition: all 0.3s ease; /* 平滑过渡效果 */
        }

        .control-icon:hover{
            background-color:#e3e3e3;
        }
        

        #about_us{
            display:flex;
            align-items:center; /* 垂直居中 */
            text-align: center; /* 居中对齐 */
            flex-direction: column; /* 垂直排列 */
            padding:50px;
        }

        #about_us a{
            text-decoration: none;
            color: #ff6c69;
        }
        
        .pdf-page {
            position: relative; /* 为注释层提供定位锚点 */
            width:794px;
            margin-bottom: 20px;
        }
        
        .annotationLayer {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }