/* V11.x P0-4: 统一 mobile helper class — 仅在 mobile (<768px) 生效，>=768px 自动还原/不应用 */

.mh-pad-top    { padding-top: 20px; }
.mh-pad-bottom { padding-bottom: 20px; }
.mh-px-16      { padding-left: 16px; padding-right: 16px; }
.mh-px-24      { padding-left: 24px; padding-right: 24px; }
.mh-center     { text-align: center; }
.mh-hide-mobile {}
.mh-hide-desktop {}
.mh-text-sm    { font-size: 0.85rem; }

@media (min-width: 768px) {
  .mh-pad-top    { padding-top: 0; }
  .mh-pad-bottom { padding-bottom: 0; }
  .mh-px-16      { padding-left: 0; padding-right: 0; }
  .mh-px-24      { padding-left: 0; padding-right: 0; }
  .mh-center     { text-align: left; }
  .mh-hide-mobile { display: none !important; }
  .mh-hide-desktop { display: inherit; }
  .mh-text-sm    { font-size: 1rem; }
}