/* 功能性移动端补丁：不改变现有视觉主题，只消除固定宽度和横向溢出。 */
@media (max-width: 767px) {
    html, body { width: 100%; min-width: 0 !important; max-width: 100%; overflow-x: hidden; }
    .container, .wp1200, .w1200, .main, .content, .center { width: 100% !important; max-width: 100% !important; }
    .container { padding-left: 14px !important; padding-right: 14px !important; }
    img { max-width: 100%; height: auto; }
    .head-title .navbar-header { width: 100%; min-height: 64px; }
    .head-title .logoimg img { max-height: 54px; width: auto; }
    .head-title .navbar-toggle { display: block; margin-top: 15px; border: 1px solid rgba(255,255,255,.75); background: transparent; }
    .head-title .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; margin: 4px 0; background: #fff !important; }
    .head-title .navbar-collapse { display: none !important; position: relative !important; left: auto !important; top: auto !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; clear: both; overflow: visible !important; border: 0; border-top: 1px solid #eee; background: #fff; }
    .head-title .navbar-collapse.in { display: block !important; }
    .head-title .nav-right { float: none !important; width: 100% !important; margin: 0; padding: 8px 0 12px; }
    .head-title .nav-right > li { float: none !important; display: block; width: 100%; }
    .head-title .nav-right > li > a { display: block; width: 100% !important; padding: 10px 14px; line-height: 24px; color: #333 !important; }
    .head-box .top .welcome { display: none; }
    .head-box .top .fr { float: none !important; text-align: center; }
    .head-box .head-user { float: none !important; display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
    .head-box .head-user .fr { float: none !important; }
    table { max-width: 100%; }
    .table-responsive, .ibox-content, .panel-body { overflow-x: auto; }
    .form-horizontal .form-group { margin-left: 0; margin-right: 0; }
    .form-horizontal .control-label { text-align: left; padding-bottom: 6px; }
    .login-box, .login_box, .register-box, .reg-box { width: calc(100% - 28px) !important; max-width: 520px; margin-left: auto !important; margin-right: auto !important; left: auto !important; }
    input, select, textarea, .form-control { max-width: 100%; }
    .pagination { white-space: nowrap; overflow-x: auto; max-width: 100%; }
}