/* ============================================================
   ziyou 主题 · 移动端/平板响应式适配
   仅作用于手机(<=767px)与平板(<=1024px)，桌面版布局与功能不受影响。
   （index.php 中已同步将 viewport 由 width=1194 改为 device-width，
     保证媒体查询在手机端生效）
   新增日期：2026-10-11
   ============================================================ */

/* ---------------- 平板 (max-width: 1024px) ---------------- */
@media (max-width: 1024px) {
    .zy-container { width: auto; max-width: 1000px; padding: 0 10px; box-sizing: border-box; }
}

/* ---------------- 手机 (max-width: 767px) ---------------- */
@media (max-width: 767px) {
    /* 1. 全局防横向溢出 */
    html, body { overflow-x: hidden; }
    img, video { max-width: 100%; height: auto; }
    table { max-width: 100%; }

    /* 2. 骨架：1000px 固定容器 → 流式 */
    .zy-container { width: auto; padding: 0 10px; box-sizing: border-box; }

    /* 3. 顶部导航：整条横向滑动 */
    .zy-nav-list {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        text-align: left;
        display: block;
        width: 100%;
    }
    .zy-nav-list li { display: inline-block; margin: 0; }
    .zy-nav-list li a { padding: 8px 12px; }
    .zy-nav-slider { display: none; }

    /* 4. 顶部横幅 */
    .zy-banner { width: 100%; height: auto; }

    /* 5. 内容区：左栏/右栏/中栏堆叠为单列（内容在前） */
    .zy-frame-body { overflow: visible; padding: 8px; }
    .zy-left {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    .zy-right {
        position: static;
        width: 100%;
        right: auto;
        top: auto;
        margin-top: 10px;
    }
    .zy-main {
        margin: 10px 0;
        min-height: 0;
        padding: 12px;
    }
    .zy-side-img { width: 100%; height: auto; }

    /* 6. 下载/展示按钮组自适应 */
    .zy-dl { flex-wrap: wrap; }
    .zy-dl a { width: 100%; margin-bottom: 8px; }
    .zy-navbtns { flex-wrap: wrap; }
    .zy-navbtns a { flex: 1 1 45%; }
    .zy-show a { width: calc(50% - 4px); }

    /* 7. 页脚 */
    .zy-footer { padding: 14px 10px; }
    .zy-footer p { font-size: 12px; }
}