/* 独立页面通用移动端基础（index 已用 app-mobile.css，其它 HTML 可单独引入） */

@media screen and (max-width: 768px) {
    body {
        padding-left: env(safe-area-inset-left, 0);
        padding-right: env(safe-area-inset-right, 0);
        padding-bottom: env(safe-area-inset-bottom, 0);
        -webkit-text-size-adjust: 100%;
    }

    button,
    .btn,
    input[type="button"],
    input[type="submit"],
    select {
        min-height: 44px;
        touch-action: manipulation;
    }

    pre,
    .result,
    code {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        max-width: 100%;
    }

    input[type="text"],
    input[type="number"],
    textarea {
        font-size: 16px; /* 避免 iOS 聚焦时自动放大 */
    }
}

@media screen and (max-width: 430px) and (orientation: portrait) {
    body {
        padding-top: env(safe-area-inset-top, 0);
    }
}