/*
 * reader.css — 手机原卷态的版面放开与设置菜单缩放行
 *
 * 文字态（body.reader-mode + .reader-view 那一整套出版级排版）已于 2026-09-17 随 E10
 * 取消手机「文字」版一并删除，本文件只剩手机看原卷位图时要放开的那几条。
 */

/* 手机原卷态放大到 2.5× 贴合宽（§6.2 第 7 条）：页面真的比屏幕宽，靠横向平移看。
   桌面那套「页宽永不超过视口」的前提在这一档不成立 —— 容器与 .pdf-page 都被
   width:100% / max-width:100% 钉在视口宽上，不放开的话缩放烙进布局后页面会弹回贴合宽。
   只作用于手机：桌面与平板一个字都不改。 */
@media (max-width: 768px) {
    /* 放开 style.css 的 overflow-x:hidden —— 用 visible 而不是 auto：auto 会让 body 自己
       变成滚动盒，横向滚动就落在 body 上而不是页面上（documentElement.scrollWidth 仍是视口宽），
       手势与 window.scrollX 全对不上。visible 则是「文档本来就比视口宽」，横滚由浏览器原生给。 */
    body.reader-mobile {
        overflow-x: visible;
    }

    body.reader-mobile #pdf-viewer {
        width: max-content;
        min-width: 100%;
        max-width: none;
    }

    body.reader-mobile .pdf-page {
        width: var(--pdf-width);
        max-width: none;
    }

    /* 单/双页分段在手机上不做 */
    body.reader-mobile .layout-segment-control {
        display: none !important;
    }

    /* 缩放行（§7 原卷态行序 ①）：行高 48、左标签 15px、右侧 48×40 幽灵钮 */
    body.reader-mobile .reader-zoom-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 48px;
        padding: 0 4px 0 12px;
    }

    body.reader-mobile .reader-zoom-label {
        font-family: var(--dl-font);
        font-size: 15px;
        color: var(--dl-ink);
    }

    body.reader-mobile .reader-zoom-row .zoom-control-group {
        display: flex;
        align-items: center;
        gap: 4px;
        margin: 0;
        padding: 0;
        border: none;
        background: none;
    }

    body.reader-mobile .reader-zoom-row .panel-icon-btn {
        width: 48px;
        height: 40px;
        min-height: 40px;
        border: none;
        border-radius: var(--dl-r-item-lg);
        background: none;
        /* 幽灵钮的「无底」要连 box-shadow 一起撤：桌面 .panel-icon-btn 的浮起底片是
           box-shadow 画的（style.css `.panel-icon-btn`），只清 background 会在 − 与 +
           周围留下两个灰方框，而读数格没有，三格看着不成一套。 */
        box-shadow: none;
        color: var(--dl-ink);
    }

    body.reader-mobile .reader-zoom-row .panel-icon-btn:active {
        background: var(--dl-hover);
    }

    /* 读数格就是重置钮（§7），所以给它同样的命中面积；真正的 #zoom-reset-btn 只留绑定 */
    body.reader-mobile .reader-zoom-row #zoom-level {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 56px;
        height: 40px;
        border-radius: var(--dl-r-item-lg);
        font-family: var(--dl-font);
        font-size: 15px;
        font-weight: 600;
        color: var(--dl-ink);
        font-variant-numeric: tabular-nums;
        cursor: pointer;
    }

    body.reader-mobile .reader-zoom-row #zoom-level:active {
        background: var(--dl-hover);
    }

    body.reader-mobile .reader-zoom-row #zoom-reset-btn {
        display: none;
    }
}