
/* ============================================
   2026 Mobile Page QA Patch - 触控热区与窄屏防溢出
   ============================================ */
@media (max-width: 768px) {
    #module-content,
    #module-content * {
        max-width: 100%;
        box-sizing: border-box;
    }

    .content {
        overflow-x: hidden;
    }

    #module-content input,
    #module-content textarea,
    #module-content select,
    #module-content button {
        min-height: 40px;
    }

    #module-content .header-actions,
    #module-content .welcome-actions,
    #module-content .input-row,
    #module-content .vision-model-select,
    #module-content .tts-settings .setting-row,
    #module-content .file-toolbar,
    #module-content .toolbar-actions,
    #module-content .favorites-header,
    #module-content .favorites-search-bar,
    #module-content .batch-actions,
    #module-content .mindmap-header,
    #module-content .notes-header,
    #module-content .tools-header,
    #module-content .quick-link-form,
    #module-content .image-form,
    #module-content .video-form {
        flex-wrap: wrap;
    }

    #module-content .model-select,
    #module-content .sort-select,
    #module-content .setting-row select,
    #module-content .vision-model-select select,
    #module-content .tts-settings select,
    #module-content .image-form select,
    #module-content .image-form textarea,
    #module-content .video-form textarea,
    #module-content .tools-search input,
    #module-content .favorites-search-bar input,
    #module-content .quick-link-form input {
        width: 100% !important;
        min-width: 0 !important;
    }

    #module-content .ai-chat-container .header-actions,
    #module-content .chat-header,
    #module-content .favorites-header,
    #module-content .mindmap-header,
    #module-content .notes-header {
        align-items: stretch;
    }

    #module-content .ai-chat-container .header-actions > *,
    #module-content .favorites-header .header-actions > *,
    #module-content .mindmap-header > *,
    #module-content .notes-header > * {
        flex: 1 1 100%;
    }

    #module-content .view-toggle button,
    #module-content .view-btn,
    #module-content .btn-icon,
    #module-content .card-action-btn,
    #module-content .copy-btn,
    #module-content .search-clear {
        min-width: 40px;
        min-height: 40px;
    }

    #module-content .category-tabs {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
        gap: 8px;
    }

    #module-content .cat-tab {
        justify-content: center;
        min-width: 0;
    }

    #module-content .quick-action-card,
    #module-content .welcome-action-btn,
    #module-content .btn-primary,
    #module-content .btn-secondary,
    #module-content button.btn-primary,
    #module-content button.btn-secondary {
        white-space: normal;
    }
}
