/* 全站移动端覆盖样式：只在小屏启用，尽量不改动桌面端表现 */
@media (max-width: 768px) and (pointer: coarse) and (hover: none) {
    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    /* 常见页面容器统一改为流式宽度，避免固定宽度把页面撑出屏幕 */
    .content,
    .page-container,
    .container,
    .container-fluid,
    .brand-container,
    .legal-page,
    .pricing-container,
    .my-orders-wrap,
    .coop-container,
    .order-detail-container,
    .card-detail-container,
    .recruiter-form-container,
    .service-detail-page,
    .city-detail-page,
    .cities-page,
    .industry-news-page,
    .page-shell,
    .page-content,
    .admin-content,
    .admin-content-inner {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    .brand-container,
    .legal-page,
    .pricing-container,
    .my-orders-wrap,
    .coop-container,
    .order-detail-container,
    .card-detail-container,
    .recruiter-form-container,
    .page-shell,
    .page-content {
        padding-left: 16px !important;
        padding-right: 16px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* 图片和视频统一限制尺寸，防止媒体撑爆布局 */
    img,
    video {
        max-width: 100% !important;
        height: auto;
        display: block;
    }

    /* 首页 banner 图片需要铺满容器，不受全局 height:auto 影响 */
    .banner-image-cropped,
    .banner-image-original,
    .banner-image-responsive {
        height: 100% !important;
    }

    video {
        object-fit: cover;
    }

    /* 封面型媒体继续保持铺满，避免卡片比例被全局规则冲掉 */
    .card-image-wrapper img,
    .card-image-wrapper video,
    .mgmt-card-cover-media img,
    .mgmt-card-cover-media video,
    .demand-card-cover img,
    .demand-card-cover video,
    .primary-card-wrapper .item > .title > img,
    .primary-card-wrapper .item > .title > video,
    .profile-card-wrapper .item > .title > img,
    .profile-card-wrapper .item > .title > video {
        width: 100% !important;
        height: 100% !important;
    }

    /* 常见卡片、面板、弹窗、表单容器取消固定宽度 */
    .card-modern,
    .admin-card,
    .form-card,
    .pricing-card,
    .demand-card,
    .order-card,
    .summary-card,
    .stat-card,
    .panel,
    .panel-body,
    .modal-dialog,
    .modal-content,
    .login-modal {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    .modal-dialog {
        margin-left: 12px !important;
        margin-right: 12px !important;
    }

    /* 常见横向布局在手机端改为纵向堆叠 */
    .page-header,
    .card-header-modern,
    .filter-bar,
    .my-orders-header,
    .detail-header,
    .demand-info-header,
    .order-card-inner,
    .login-modal-buttons,
    .talent-stats,
    .demand-card-meta,
    .demand-card-footer,
    .card-actions,
    .form-actions {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }

    /* 常见列表/网格组件统一退化为单列 */
    .gallery-grid,
    .stats-grid,
    .summary-grid,
    .price-grid,
    .invite-grid,
    .delivery-md-grid,
    .checkbox-grid,
    .my-orders-list,
    .talent-list,
    .brand-application-cards .panel-body,
    .panel-profile-cards {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    /* 已知会横向排布的行动按钮在手机端改为单列 */
    .mgmt-card-actions,
    .ml-actions {
        grid-template-columns: 1fr !important;
    }

    /* 表单控件强制占满可用宽度，兼容内联 width */
    .form-control,
    .form-select,
    .select2-container,
    input[type="text"],
    input[type="search"],
    input[type="number"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    input[type="password"],
    select,
    textarea {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    .page-header .form-control,
    .page-header select,
    .page-header input,
    .filter-bar .form-control,
    .filter-bar select,
    .filter-bar input,
    .filter-bar .btn,
    .filter-bar a.btn,
    .card-actions .btn,
    .card-actions a.btn {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 统一按钮触控区域 */
    button,
    .btn,
    .btn-modern,
    .btn-admin,
    .btn-admin-outline,
    .btn-gradient,
    .btn-outline-gradient,
    .search-btn,
    .mobile-menu-toggle,
    .mgmt-btn,
    .interaction-btn,
    .cart-btn {
        min-height: 44px !important;
        min-width: 44px;
        touch-action: manipulation;
    }

    /* 表格保留可访问性，通过横向滚动避免内容挤压变形 */
    table,
    .table,
    .admin-table,
    .invite-table {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    table th,
    table td,
    .admin-table th,
    .admin-table td,
    .invite-table th,
    .invite-table td {
        white-space: nowrap;
    }

    /* 旧式 float 布局在手机端取消浮动，降低重叠和换行错位风险 */
    .pull-left,
    .pull-right,
    [style*="float:left"],
    [style*="float: left"],
    [style*="float:right"],
    [style*="float: right"] {
        float: none !important;
    }

    /* 常见固定宽度内联控件在手机端统一改为自适应 */
    input[style*="width"],
    select[style*="width"],
    textarea[style*="width"],
    .modal-dialog[style*="max-width"],
    img[style*="max-width"],
    video[style*="max-width"] {
        max-width: 100% !important;
    }

    input[style*="width"],
    select[style*="width"],
    textarea[style*="width"] {
        width: 100% !important;
    }

    /* 管理中心顶部导航在手机端避免折叠菜单挤压 */
    .navbar-av .container-fluid {
        padding-left: 12px;
        padding-right: 12px;
    }

    .navbar-av .navbar-collapse {
        max-height: calc(100vh - 70px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    .navbar-av .nav,
    .navbar-av .navbar-right {
        float: none !important;
        margin: 0 !important;
    }

    .navbar-av .nav > li {
        float: none !important;
    }

    .navbar-av .nav > li > a,
    .navbar-av .dropdown-menu > li > a {
        white-space: normal;
    }

    .mgmt-talent-search,
    .navbar-av .mgmt-cart-btn {
        width: 100% !important;
        margin: 10px 0 !important;
    }

    .mgmt-talent-search-input {
        width: 100% !important;
        min-width: 0 !important;
    }

    .navbar-av .mgmt-cart-btn {
        justify-content: center !important;
    }

    /* 页脚、空状态、说明文案在小屏上适当收紧 */
    .site-footer,
    .empty-state,
    .admin-note-section,
    .help-block {
        padding-left: 16px;
        padding-right: 16px;
    }
}