/* 漫画查看器样式 */
.manga-pages {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.manga-pages canvas {
    width: 100%;
    height: auto;
    display: block;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

/* 禁用各种交互 */
.manga-pages * {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -webkit-user-drag: none !important;
    user-select: none !important;
    pointer-events: none !important;
}

/* 添加到现有的 CSS 中 */
body {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.manga-container {
    -webkit-user-drag: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
}

.manga-page {
    pointer-events: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
    -webkit-user-drag: none !important;
}

/* 禁用打印样式 */
@media print {
    * {
        display: none !important;
    }
    
    body::before {
        content: "Printing is not allowed";
        display: block !important;
        text-align: center;
        font-size: 24px;
        padding-top: 50px;
    }
} 

/* 添加全局图片处理 */
img, canvas {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    vertical-align: top;
}

/* 移动端优化 */
@media screen and (max-width: 768px) {
    .manga-container * {
        margin: -0.5px 0; /* 更精细的间隙控制 */
    }
    
    canvas {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}