/* 2026-05-14 主站移动端整体适配补强：覆盖旧站固定宽度/负边距/气泡式模块 */
@media (max-width: 900px) {
  html,
  body {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box !important;
  }

  img,
  video,
  canvas,
  svg {
    max-width: 100% !important;
    height: auto;
  }

  .mid-content,
  .l-container,
  .productDetail_moduleContent,
  .present-content,
  .plan-content,
  .news-content,
  .homeservice-content,
  .service-system-content,
  .foot-container,
  .home-case,
  .functiona-services,
  .function-section .mid-content,
  .solution-section .mid-content,
  .footer .menu,
  .menu {
    width: calc(100% - 30px) !important;
    max-width: calc(100% - 30px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  .hh-nav .mid-content,
  .hh-nav .fr-b-s.mid-content,
  .hh-nav .fr-s-s.mid-content,
  .nav-con {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
  }

  section,
  .solution-section,
  .function-section,
  .home-service-system,
  .homecasepresent,
  .homenews,
  .homeservice,
  .homeadvantage,
  .homepartner,
  .high-quality-section,
  .huahan-history-box,
  .manage,
  .l-section,
  .development-mode {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }

  .banner-content,
  .hh-topic-hero-inner,
  .homeHeader_content,
  .homeHeader_content__2cB6J,
  .homeHeader_content__3yJ57 {
    width: calc(100% - 30px) !important;
    max-width: calc(100% - 30px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  .banner-content h1,
  .homeHeader_title__2cB6J,
  h1 {
    font-size: 30px !important;
    line-height: 1.25 !important;
  }

  h2 {
    font-size: 26px !important;
    line-height: 1.32 !important;
  }

  h3 {
    line-height: 1.45 !important;
  }

  p,
  li,
  div {
    word-break: break-word;
  }

  .float-window,
  .hh-aside,
  #vztop,
  .tailor-line,
  .center-circle,
  .re-img-left,
  .ec-right-img,
  .left-img-box,
  .element-img,
  .circle-animation,
  .icon-animation,
  .gridCards_cardIcon__6NQ9o {
    display: none !important;
  }

  /* 首页：服务体系从桌面圆盘/左右结构改为手机单列信息块 */
  .home-service-system {
    text-align: left !important;
    background: #f7faff !important;
  }

  .service-system-content,
  .service-system-colum,
  .warp,
  .right-container {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .service-system-content .man-tab-btn {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
  }

  .service-system-content .service-system-colum .man-tab-btn li {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    background: #eef5ff !important;
    color: #2554a6 !important;
  }

  .service-system-content .service-system-colum .man-tab-btn h3 {
    font-size: 15px !important;
    line-height: 1.2 !important;
  }

  .warp .right-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 18px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 12px 36px rgba(24, 61, 118, .08) !important;
  }

  .warp .right-container .right-content,
  .warp .right-container .right-content.show {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 0 !important;
  }

  .warp .right-container .right-content:not(.show) {
    display: none !important;
  }

  .ser-right-item {
    padding: 14px 0 !important;
    border-bottom: 1px solid #e8eef8 !important;
  }

  .ser-right-item:last-child {
    border-bottom: 0 !important;
  }

  /* 高频功能气泡/交付清单气泡：取消桌面负边距气泡，手机端统一网格卡片 */
  .function-section .mid-content > ul,
  .inventory-details-section .full-content > ul,
  .function-row-first,
  .function-row-second,
  .function-row-third,
  .function-row-fourth,
  .detail-row-first,
  .detail-row-second,
  .detail-row-third,
  .detail-row-fourth {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    justify-content: stretch !important;
    align-items: stretch !important;
    transform: none !important;
  }

  .function-section .mid-content > ul > li,
  .inventory-details-section .full-content > ul > li,
  .function-row-first li,
  .function-row-second li,
  .function-row-third li,
  .function-row-fourth li,
  .detail-row-first li,
  .detail-row-second li,
  .detail-row-third li,
  .detail-row-fourth li,
  .function-row-first li:nth-child(n),
  .function-row-second li:nth-child(n),
  .function-row-third li:nth-child(n),
  .function-row-fourth li:nth-child(n),
  .detail-row-first li:nth-child(n),
  .detail-row-second li:nth-child(n),
  .detail-row-third li:nth-child(n),
  .detail-row-fourth li:nth-child(n) {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.45 !important;
    border-radius: 12px !important;
    animation: none !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background: #eef5ff !important;
    color: #2554a6 !important;
    font-size: 15px !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
  }

  .inventory-details-section .full-content > ul > li div,
  .detail-row-first li div,
  .detail-row-second li div,
  .detail-row-third li div,
  .detail-row-fourth li div {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 48px !important;
    line-height: 1.45 !important;
    border-radius: 12px !important;
    padding: 12px 10px !important;
    background: transparent !important;
    font-size: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .inventory-details-section .detail-row-second li img {
    display: none !important;
  }

  /* 微信/行业核心功能表格 */
  .wechat-core-funciton {
    background: #f7faff !important;
  }

  .wechat-core-funciton ul,
  .wechat-core-funciton .fr-s-c.wrap {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  .wechat-core-funciton ul li {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 110px !important;
    padding: 16px 8px !important;
    margin: 0 !important;
    border: 1px solid #e4edf8 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 10px 28px rgba(24, 61, 118, .06) !important;
  }

  .wechat-core-funciton ul li .wechat-core-img {
    width: 44px !important;
    height: 44px !important;
    margin: 0 auto !important;
  }

  .wechat-core-funciton ul li .wechat-core-txt {
    margin-top: 10px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  /* 案例/行业服务/公众号解决方案等左右图文模块 */
  .professional-services ul,
  .management-system ul,
  .real-eatste-graphic,
  .run-errands-section .mid-content > ul,
  .wechat-development-ul,
  .re-function-ul,
  .home-case-ul,
  .caseBox,
  .plan-content,
  .present-tab,
  .gridCards_cardWrapper,
  .productDetail_advWrapper {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .gridCards_cardWrapper,
  .productDetail_moduleContent {
    padding-top: 18px !important;
  }

  .gridCards_cardItem__l_MQ0,
  .gridCards_card__hH4as,
  .productDetail_advItemBlock__yBVYb,
  .gridCards_cardInfBox__4rpq3,
  .gridCards_cardTitle__YYzr6,
  .gridCards_cardDesc___PUxs {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    left: auto !important;
    right: auto !important;
    position: relative !important;
  }

  .gridCards_card__hH4as,
  .productDetail_advItemBlock__yBVYb {
    display: block !important;
    padding: 20px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 12px 34px rgba(24, 61, 118, .07) !important;
  }

  .gridCards_cardLogoImageContainer__CGaLQ {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    margin-bottom: 12px !important;
  }

  .gridCards_cardLogoImageContainer__CGaLQ img,
  .gridCards_cardLogoImg__cBVBH {
    width: 54px !important;
    height: 54px !important;
    object-fit: contain !important;
  }

  .gridCards_cardTitle__YYzr6 {
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
  }

  .gridCards_cardDesc___PUxs {
    font-size: 14px !important;
    line-height: 1.8 !important;
    margin-top: 8px !important;
  }

  .re-text-right,
  .re-function-ul,
  .re-function-ul li,
  .re-sub-title,
  .re-text-right h3,
  .ec-solution-left,
  .f-function-left,
  .f-function-box,
  .tiktok-data,
  .bg,
  .bg-3,
  .exhibition,
  .develop-num,
  .text-box,
  .develop-title,
  .develop-article {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    position: relative !important;
    transform: none !important;
  }

  .re-text-right,
  .ec-solution-left,
  .f-function-left,
  .exhibition {
    padding: 20px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 12px 34px rgba(24, 61, 118, .07) !important;
  }

  .re-function-ul li {
    display: flex !important;
    gap: 10px !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #edf1f7 !important;
  }

  .re-function-ul li:last-child {
    border-bottom: 0 !important;
  }

  .catering-service-ul,
  .freight-service-ul,
  .freight-step-ul,
  .re-step-ul,
  .about-course ul,
  .huahan-history-top,
  .huahan-history-bottom,
  .huahan-honor-ul {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
  }

  .catering-service-ul li,
  .freight-service-ul li,
  .freight-step-ul li,
  .re-step-ul li,
  .huahan-history-top li,
  .huahan-history-bottom li,
  .huahan-honor-ul li,
  .about-course li {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 18px !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    position: relative !important;
    background: #fff !important;
    border: 1px solid #e6edf7 !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 28px rgba(24, 61, 118, .06) !important;
  }

  .catering-service-li-bg {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .huahan-history-top::after,
  .huahan-history-top li::after,
  .huahan-history-bottom li::after {
    display: none !important;
  }

  .huahan-history-top li div,
  .huahan-history-bottom li div,
  .huahan-history-top li p,
  .huahan-history-bottom li p {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
  }

  .present-tab {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .present-item,
  .present-item.active,
  .plan-item,
  .point-item,
  .advantage-item,
  .caseItem,
  .home-case-li,
  .wechat-development-ul li,
  .functiona-services-item {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    left: auto !important;
    right: auto !important;
    position: relative !important;
  }

  .functiona-services {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .functiona-services-item {
    padding: 18px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 12px 34px rgba(24, 61, 118, .07) !important;
  }

  .footer .menu {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 22px 0 !important;
  }

  .footer .menu > span {
    display: none !important;
  }

  .footer .menuBox {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
  }
}

@media (max-width: 520px) {
  .function-section .mid-content > ul,
  .inventory-details-section .full-content > ul,
  .function-row-first,
  .function-row-second,
  .function-row-third,
  .function-row-fourth,
  .detail-row-first,
  .detail-row-second,
  .detail-row-third,
  .detail-row-fourth,
  .wechat-core-funciton ul,
  .wechat-core-funciton .fr-s-c.wrap,
  .present-tab,
  .footer .menu {
    grid-template-columns: 1fr !important;
  }
}

/* 2026-05-14 second pass: old carousel/case/manage modules */
@media (max-width: 900px) {
  .jk-swiper {
    width: calc(100% - 30px) !important;
    max-width: calc(100% - 30px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
  }

  .jk-swiper-wrapper {
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .jk-swiper .slider-item {
    width: 160px !important;
    max-width: 160px !important;
    height: auto !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  .jk-swiper .slider-item img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
  }

  .scroll-item-card-bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 10px !important;
  }

  .PureButton_easyv-btn__hch51 {
    max-width: calc(100% - 16px) !important;
    padding: 5px 10px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    text-align: center !important;
    writing-mode: horizontal-tb !important;
  }

  .PureButton_ghost__HVOvG {
    font-size: 12px !important;
  }

  .caseBox {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .caseItem,
  .caseItem:nth-child(n),
  .caselogo {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    margin: 0 !important;
    left: auto !important;
    right: auto !important;
  }

  .caselogo img,
  .caseItem img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .manage .man-tab,
  .manage .l-body,
  .manage .tab_item,
  .manage .tab_item > li,
  .manage .content-box,
  .manage .content-box .l-content-left,
  .manage .content-box .l-content-right,
  .manage.manage-01 .content-box .l-content-left,
  .manage.manage-01 .content-box .l-content-right,
  .manage .content-box .solution-info-box,
  .manage .content-box .solution-info-box ul,
  .manage .content-box .solution-info-box ul li,
  .manage .content-box .solution-info-box p,
  .manage .content-box .solution-info-box p span,
  .mana-btn-box {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: auto !important;
    right: auto !important;
    position: relative !important;
    transform: none !important;
    writing-mode: horizontal-tb !important;
  }

  .manage .man-tab .man-tab-btn {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
  }

  .manage .man-tab .man-tab-btn li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px !important;
    border-radius: 10px !important;
    background: #eef5ff !important;
  }

  .manage .content-box {
    display: block !important;
    padding: 18px !important;
    border-radius: 16px !important;
    background: #fff !important;
  }

  .manage .content-box .l-content-left,
  .manage .content-box .l-content-right,
  .manage.manage-01 .content-box .l-content-left,
  .manage.manage-01 .content-box .l-content-right {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .manage .content-box .solution-img-box {
    display: none !important;
  }

  .manage .content-box .solution-info-box h3 {
    margin-bottom: 14px !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
  }

  .manage .content-box .solution-info-box ul li {
    display: block !important;
    padding: 10px 0 10px 24px !important;
    border-bottom: 1px solid #edf1f7 !important;
  }

  .manage .content-box .solution-info-box ul li:last-child {
    border-bottom: 0 !important;
  }

  .manage .content-box .solution-info-box ul li i {
    left: 0 !important;
    top: 14px !important;
  }

  .manage .content-box .solution-info-box p,
  .manage .content-box .solution-info-box p span {
    display: block !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    color: #40516f !important;
  }

  .manage .mana-btn-box,
  .manage .content-box .solution-info-box .mana-btn-box {
    margin-top: 16px !important;
    text-align: left !important;
  }

  .l-btn,
  .l-btn.green,
  .manage .mana-btn-box a,
  .manage .content-box .solution-info-box .mana-btn-box a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 128px !important;
    height: 42px !important;
    line-height: 42px !important;
    padding: 0 18px !important;
    margin: 0 !important;
  }

  .freight-function,
  .f-function-box,
  .f-function-left,
  .f-function-box ul,
  .f-function-box ul li,
  .f-function-infor,
  .f-function-infor div,
  .f-function-infor p {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    writing-mode: horizontal-tb !important;
  }

  .freight-function {
    background: #f7faff !important;
  }

  .f-function-box ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .f-function-box ul li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 16px !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 10px 28px rgba(24, 61, 118, .06) !important;
  }

  .f-function-box ul li img {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    object-fit: contain !important;
  }

  .f-function-infor div,
  .f-function-infor p {
    margin: 0 !important;
    line-height: 1.7 !important;
  }
}

@media (max-width: 520px) {
  .caseBox {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* 2026-05-14 third pass: keep carousels clipped and flatten remaining desktop widgets */
@media (max-width: 900px) {
  .homecasepresent,
  .present-content,
  .jk-swiper,
  .swiper,
  .lb-application-scenarios-swiper,
  .partners-wrapper,
  .partnersrow,
  .partnersrow-dom {
    overflow: hidden !important;
  }

  .jk-swiper .slider-item:nth-child(n + 3) {
    visibility: hidden !important;
  }

  .swiper-wrapper {
    max-width: none !important;
  }

  .swiper-slide-duplicate,
  .partners-img-wrap.swiper-slide-duplicate {
    visibility: hidden !important;
  }

  .lb-application-scenarios .swiper-wrapper,
  .lb-application-scenarios .swiper-slide {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
  }

  .lb-application-scenarios .swiper-slide {
    margin: 0 0 18px !important;
    padding: 0 !important;
    position: relative !important;
  }

  .lb-application-scenarios .swiper-slide-duplicate,
  .lb-application-scenarios .swiper-button-box,
  .lb-application-scenarios .swiper-button-prev,
  .lb-application-scenarios .swiper-button-next,
  .lb-application-scenarios .main-img {
    display: none !important;
  }

  .lb-application-scenarios .mid-content,
  .lb-application-scenarios .fr-b-c.mid-content,
  .real-eatste-dl,
  .real-eatste-dl dl,
  .real-eatste-dl dt,
  .real-eatste-dl dd {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: auto !important;
    right: auto !important;
    position: relative !important;
    transform: none !important;
  }

  .real-eatste-dl {
    padding: 20px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 12px 34px rgba(24, 61, 118, .07) !important;
  }

  .real-eatste-dl h3 {
    font-size: 20px !important;
    line-height: 1.45 !important;
    margin: 0 0 12px !important;
  }

  .real-eatste-dl dt {
    font-size: 16px !important;
    margin: 18px 0 8px !important;
  }

  .real-eatste-dl dd {
    font-size: 14px !important;
    line-height: 1.8 !important;
    color: #667085 !important;
  }

  .circle,
  .circle-container {
    display: none !important;
  }

  .appli-info-box,
  .appli-info-box .virtual-height,
  .appli-info,
  .appli-info.active,
  .appli-left,
  .appli-left.active,
  .appli-info.active .appli-left,
  .appli-right,
  .appli-line,
  .appli-tips,
  .appli-tips-item,
  .appli-tips-item > div,
  .appli-le-title,
  .itemTitle,
  .itemContent1 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    position: relative !important;
    transform: none !important;
    writing-mode: horizontal-tb !important;
  }

  .appli-info-box .virtual-height,
  .appli-right {
    display: none !important;
  }

  .appli-info {
    display: block !important;
    opacity: 1 !important;
    padding: 18px !important;
    margin-bottom: 14px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 12px 34px rgba(24, 61, 118, .07) !important;
  }

  .appli-left,
  .appli-info .appli-left {
    opacity: 1 !important;
  }

  .appli-line {
    margin: 14px 0 16px !important;
  }

  .appli-tips-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 12px 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #edf1f7 !important;
  }

  .appli-tips-item:last-child {
    border-bottom: 0 !important;
  }

  .appli-tips-item > img {
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    margin: 2px 0 0 !important;
  }

  .appli-le-title {
    font-size: 20px !important;
    line-height: 1.4 !important;
  }

  .itemTitle {
    font-size: 16px !important;
    line-height: 1.4 !important;
    margin-bottom: 4px !important;
  }

  .itemContent1 {
    font-size: 14px !important;
    line-height: 1.75 !important;
    color: #667085 !important;
  }

  .freight-function .fr-b-c,
  .freight-function .f-function-box {
    justify-content: stretch !important;
    align-items: stretch !important;
  }

  .freight-function .f-function-left,
  .f-function-left {
    display: none !important;
  }

  .f-function-box > ul {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .f-function-infor {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
}

/* 2026-05-14 fourth pass: mobile uses static grids instead of moving desktop carousels */
@media (max-width: 900px) {
  .jk-swiper,
  .jk-swiper-wrapper {
    height: auto !important;
    min-height: 0 !important;
    transform: none !important;
    transition: none !important;
  }

  .jk-swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
  }

  .jk-swiper .slider-item,
  .jk-swiper .slider-item:nth-child(n) {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
  }

  .jk-swiper .slider-item:nth-child(n + 5) {
    display: none !important;
  }

  .partners-roll-box,
  .partners-wrapper,
  .partnersrow,
  .partnersrow-dom {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    transition: none !important;
    overflow: hidden !important;
  }

  .partnersrow-dom {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .partners-img-wrap,
  .partners-img-wrap.swiper-slide,
  .partners-img-wrap.swiper-slide-duplicate {
    display: flex !important;
    visibility: visible !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
    border-radius: 10px !important;
    background: #fff !important;
    border: 1px solid #e6edf7 !important;
  }

  .partners-img-wrap:nth-child(n + 7) {
    display: none !important;
  }
}

@media (max-width: 520px) {
  .jk-swiper-wrapper {
    grid-template-columns: 1fr 1fr !important;
  }
  .partnersrow-dom {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* 2026-05-15 首页沿用统一适配版：修正原站首页首屏轮播在手机端塌陷，只做样式适配 */
@media (max-width: 900px) {
  body:has(.intermed-content) .banner {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: linear-gradient(135deg, #061225 0%, #0b3774 62%, #071225 100%) !important;
    overflow: hidden !important;
  }

  body:has(.intermed-content) .home-banner {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 92px 0 28px !important;
    overflow: hidden !important;
  }

  body:has(.intermed-content) .layui-carousel,
  body:has(.intermed-content) .banner-img-box,
  body:has(.intermed-content) .banner-img-box > div {
    height: auto !important;
    min-height: 0 !important;
    background: transparent !important;
  }

  body:has(.intermed-content) .banner-img-box > div:not(:first-child),
  body:has(.intermed-content) .banner-img-box video,
  body:has(.intermed-content) .banner-img-box canvas,
  body:has(.intermed-content) .landscape,
  body:has(.intermed-content) .filter,
  body:has(.intermed-content) .layui-carousel-ind,
  body:has(.intermed-content) .layui-carousel-arrow {
    display: none !important;
  }

  body:has(.intermed-content) .banner-img-box > div:first-child {
    display: block !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: calc(100% - 36px) !important;
    max-width: calc(100% - 36px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    background: transparent !important;
    transform: none !important;
  }

  body:has(.intermed-content) .homeHeader-header-content {
    display: block !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
    text-align: left !important;
  }

  body:has(.intermed-content) .homeHeader_header-title___daOe {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 14px !important;
    color: #fff !important;
    font-size: 30px !important;
    line-height: 1.18 !important;
    font-weight: 850 !important;
    letter-spacing: -.04em !important;
  }

  body:has(.intermed-content) .homeHeader_btn-group__text {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 0 20px !important;
    color: rgba(255, 255, 255, .78) !important;
    font-size: 15px !important;
    line-height: 26px !important;
  }

  body:has(.intermed-content) .homeHeader_btn-group__LsxIL {
    display: flex !important;
    width: 100% !important;
  }

  body:has(.intermed-content) .homeHeader_user-btn__sfwkB {
    width: 100% !important;
    height: 44px !important;
    margin: 0 !important;
    border-radius: 9px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
  }

  body:has(.intermed-content) .homeHeader_header-productions-wrap__DxsGJ {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: calc(100% - 36px) !important;
    max-width: calc(100% - 36px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 22px auto 0 !important;
    overflow: visible !important;
  }

  body:has(.intermed-content) .homeHeader_item__7rTzi,
  body:has(.intermed-content) .homeHeader_item__7rTzi:nth-child(n) {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 78px !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 13px !important;
    background: rgba(255, 255, 255, .1) !important;
    color: rgba(255, 255, 255, .72) !important;
    box-shadow: none !important;
    transform: none !important;
    backdrop-filter: none !important;
  }

  body:has(.intermed-content) .homeHeader_item__7rTzi * {
    transform: none !important;
  }

  body:has(.intermed-content) .homeHeader_image__5qIt1 {
    position: static !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    object-fit: contain !important;
    filter: none !important;
  }

  body:has(.intermed-content) .homeHeader_item__7rTzi .li-right {
    margin: 0 !important;
    text-align: left !important;
    min-width: 0 !important;
  }

  body:has(.intermed-content) .homeHeader_item__7rTzi b {
    display: inline !important;
    color: #fff !important;
    font-size: 21px !important;
    line-height: 1 !important;
  }

  body:has(.intermed-content) .homeHeader_item__7rTzi span {
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  body:has(.intermed-content) .homeHeader_item__7rTzi p {
    margin: 6px 0 0 !important;
    color: rgba(255, 255, 255, .66) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
}

/* 2026-05-15 首页手机端最终适配：复杂桌面模块改为移动端可读列表/卡片 */
@media (max-width: 900px) {
  .intermed-content {
    background: #fff !important;
  }

  .intermed-content .title-style {
    width: calc(100% - 36px) !important;
    max-width: calc(100% - 36px) !important;
    margin: 0 auto 22px !important;
    text-align: left !important;
  }

  .intermed-content .title-style h2,
  .intermed-content .pain-title h2,
  .intermed-content .advantage-title,
  .intermed-content .news-title {
    font-size: 25px !important;
    line-height: 1.28 !important;
    font-weight: 850 !important;
    letter-spacing: -.02em !important;
    text-align: left !important;
  }

  .intermed-content .title-style p,
  .intermed-content .homeservice-des,
  .intermed-content .pain-title p {
    font-size: 14px !important;
    line-height: 24px !important;
    color: #667085 !important;
    text-align: left !important;
  }

  /* 核心服务：由大卡片改为手机端紧凑入口 */
  .intermed-content .homeservice {
    height: auto !important;
    padding: 42px 0 !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  .intermed-content .homeservice-content {
    width: calc(100% - 36px) !important;
    max-width: calc(100% - 36px) !important;
  }

  .intermed-content .homeservice-title {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 8px !important;
    font-size: 25px !important;
    line-height: 1.28 !important;
    text-align: left !important;
  }

  .intermed-content .homeservice-title span {
    font-size: 36px !important;
    line-height: 1 !important;
  }

  .intermed-content .functiona-services {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 22px !important;
  }

  .intermed-content .functiona-services-item,
  .intermed-content .functiona-services-item:nth-child(n) {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e3ebf7 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 10px 28px rgba(24, 61, 118, .05) !important;
    overflow: hidden !important;
  }

  .intermed-content .functiona-services-item-box {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 12px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    min-height: 0 !important;
    padding: 15px 16px !important;
    color: inherit !important;
  }

  .intermed-content .functiona-services-item-box > img {
    grid-row: 1 / 3 !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  .intermed-content .functiona-services-item-box > p {
    margin: 0 0 4px !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }

  .intermed-content .functiona-services-item-box .solid {
    display: none !important;
  }

  .intermed-content .functiona-services-des {
    grid-column: 2 !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    text-align: left !important;
  }

  /* 智能体模块：保留内容，改成移动端信息块 + 时间线 */
  .intermed-content .hh-ai-agent-section {
    height: auto !important;
    padding: 42px 0 !important;
    background: linear-gradient(180deg, #f3f8ff 0%, #fff 100%) !important;
  }

  .intermed-content .hh-ai-agent-inner {
    width: calc(100% - 36px) !important;
    max-width: calc(100% - 36px) !important;
    margin: 0 auto !important;
    display: block !important;
    padding: 24px 18px !important;
    border-radius: 18px !important;
    box-shadow: none !important;
  }

  .intermed-content .hh-ai-agent-copy span {
    font-size: 11px !important;
    letter-spacing: .1em !important;
    padding: 7px 10px !important;
    margin-bottom: 12px !important;
  }

  .intermed-content .hh-ai-agent-copy h2 {
    font-size: 25px !important;
    line-height: 1.28 !important;
    margin-bottom: 12px !important;
  }

  .intermed-content .hh-ai-agent-copy p {
    font-size: 14px !important;
    line-height: 25px !important;
  }

  .intermed-content .hh-ai-agent-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    margin-top: 18px !important;
  }

  .intermed-content .hh-ai-agent-actions a {
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 12px !important;
    text-align: center !important;
    border-radius: 9px !important;
    font-size: 13px !important;
  }

  .intermed-content .hh-ai-agent-actions a:nth-child(n + 3) {
    display: none !important;
  }

  .intermed-content .hh-ai-agent-integrations {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 16px !important;
  }

  .intermed-content .hh-ai-agent-integrations span {
    flex-basis: 100% !important;
    font-size: 13px !important;
  }

  .intermed-content .hh-ai-agent-integrations em {
    flex: 0 0 auto !important;
    height: 30px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
  }

  .intermed-content .hh-ai-agent-points {
    display: grid !important;
    gap: 0 !important;
    margin-top: 22px !important;
  }

  .intermed-content .hh-ai-agent-points:before {
    display: none !important;
  }

  .intermed-content .hh-ai-agent-points div {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    padding: 0 0 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .intermed-content .hh-ai-agent-points b {
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
  }

  .intermed-content .hh-ai-agent-points strong {
    font-size: 16px !important;
    line-height: 1.35 !important;
    margin-bottom: 4px !important;
  }

  .intermed-content .hh-ai-agent-points p {
    grid-column: 2 !important;
    font-size: 13px !important;
    line-height: 22px !important;
  }

  /* 复杂桌面解决方案演示在手机端不展示，避免重复占屏 */
  .intermed-content .homeplan {
    display: none !important;
  }

  /* 案例：保留入口和前 4 个案例，改为 2 列缩略图 */
  .intermed-content .homecasepresent {
    height: auto !important;
    padding: 42px 0 !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  .intermed-content .present-content,
  .intermed-content .home-case {
    width: calc(100% - 36px) !important;
    max-width: calc(100% - 36px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .intermed-content .present-tab {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
  }

  .intermed-content .present-item {
    width: auto !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    background: #f3f7ff !important;
    border: 1px solid #e2ebf8 !important;
  }

  .intermed-content .present-item .pre-img {
    display: none !important;
  }

  .intermed-content .present-item p {
    font-size: 13px !important;
    line-height: 44px !important;
    margin: 0 !important;
    text-align: center !important;
  }

  .intermed-content .home-case-ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .intermed-content .home-case-li,
  .intermed-content .home-case-li:nth-child(n) {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    background: #f7faff !important;
  }

  .intermed-content .home-case-li:nth-child(n + 5) {
    display: none !important;
  }

  .intermed-content .home-case-pic,
  .intermed-content .home-case-pic-img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
  }

  .intermed-content .scroll-item-card-bg {
    display: none !important;
  }

  /* 痛点/优势：由绝对定位图改为列表 */
  .intermed-content .home-pain-points,
  .intermed-content .homeadvantage,
  .intermed-content .homepath,
  .intermed-content .home-service-system,
  .intermed-content .homenews {
    height: auto !important;
    min-height: 0 !important;
    padding: 42px 0 !important;
    overflow: hidden !important;
  }

  .intermed-content .pain-content,
  .intermed-content .advant-content-wrapper,
  .intermed-content .path-box,
  .intermed-content .home-service-box,
  .intermed-content .homenews-wrap {
    width: calc(100% - 36px) !important;
    max-width: calc(100% - 36px) !important;
    margin: 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .intermed-content .pain-title,
  .intermed-content .advant-content-wrapper .title-style,
  .intermed-content .path-box .title-style,
  .intermed-content .home-service-box .title-style,
  .intermed-content .homenews-wrap .title-style {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 18px !important;
  }

  .intermed-content .pain-picture,
  .intermed-content .advant-six,
  .intermed-content .serv-pic,
  .intermed-content .circle-container,
  .intermed-content .system-button {
    display: none !important;
  }

  .intermed-content .point-content,
  .intermed-content .point-column,
  .intermed-content .advant-content,
  .intermed-content .advant-column {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: none !important;
  }

  .intermed-content .point-item,
  .intermed-content .advant-item,
  .intermed-content .point-item:nth-child(n),
  .intermed-content .advant-item:nth-child(n) {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 14px 16px !important;
    border-radius: 13px !important;
    background: rgba(255, 255, 255, .92) !important;
    border: 1px solid #e3ebf7 !important;
    box-shadow: none !important;
  }

  .intermed-content .point-title,
  .intermed-content .advant-title {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    height: auto !important;
  }

  .intermed-content .point-title p,
  .intermed-content .advant-title p {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 23px !important;
    color: #101828 !important;
    text-align: left !important;
  }

  .intermed-content .advant-item span {
    display: block !important;
    margin-top: 6px !important;
    font-size: 13px !important;
    line-height: 22px !important;
    color: #667085 !important;
  }

  /* 流程/服务体系：移动端纵向步骤 */
  .intermed-content .homepath {
    background: linear-gradient(180deg, #eef6ff 0%, #f8fbff 100%) !important;
  }

  .intermed-content .path-content {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    height: auto !important;
  }

  .intermed-content .path-item {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .intermed-content .hover-animation,
  .intermed-content .path-item-top {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    border-radius: 13px !important;
    background: #fff !important;
    border: 1px solid #dbe8f7 !important;
    box-shadow: 0 10px 28px rgba(24,61,118,.05) !important;
  }

  .intermed-content .path-item-top {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }

  .intermed-content .path-item-top-img {
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  .intermed-content .path-item h3 {
    margin: 0 0 3px !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    color: #101828 !important;
  }

  .intermed-content .path-item p {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 21px !important;
    color: #667085 !important;
  }

  .intermed-content .path-item-bottom,
  .intermed-content .tailor-line {
    display: none !important;
  }

  .intermed-content .home-service-system .service-system-content {
    width: 100% !important;
    max-width: 100% !important;
  }

  .intermed-content .right-container,
  .intermed-content .right-content.show,
  .intermed-content .right-content.pre {
    display: grid !important;
    gap: 10px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    position: static !important;
  }

  .intermed-content .right-content:not(.show):not(.pre) {
    display: none !important;
  }

  .intermed-content .ser-right-item {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 15px 16px !important;
    border-radius: 13px !important;
    background: #fff !important;
    border: 1px solid #e3ebf7 !important;
  }

  .intermed-content .right-title {
    font-size: 16px !important;
    line-height: 1.35 !important;
    margin-bottom: 5px !important;
  }

  .intermed-content .right-desc {
    font-size: 13px !important;
    line-height: 22px !important;
  }

  /* 专题/新闻/页脚：减少手机端占屏和空白 */
  .intermed-content .hh-topic-links-strip.hh-index-topic-section {
    padding: 42px 0 !important;
  }

  .intermed-content .hh-topic-links-strip .hh-index-topic-head {
    display: block !important;
    margin-bottom: 18px !important;
  }

  .intermed-content .hh-topic-links-strip .hh-index-topic-head h2 {
    font-size: 25px !important;
    line-height: 1.28 !important;
  }

  .intermed-content .hh-topic-links-strip .hh-index-topic-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .intermed-content .hh-topic-links-strip.hh-index-topic-section .hh-index-topic-card {
    min-height: 0 !important;
    padding: 15px 16px !important;
    border-radius: 13px !important;
    box-shadow: none !important;
  }

  .intermed-content .hh-topic-links-strip.hh-index-topic-section .hh-index-topic-card:nth-child(n + 7) {
    display: none !important;
  }

  .intermed-content .hh-topic-links-strip.hh-index-topic-section .hh-index-topic-card em {
    margin-bottom: 7px !important;
    font-size: 11px !important;
  }

  .intermed-content .hh-topic-links-strip.hh-index-topic-section .hh-index-topic-card strong {
    font-size: 16px !important;
    margin-bottom: 5px !important;
  }

  .intermed-content .hh-topic-links-strip.hh-index-topic-section .hh-index-topic-card p {
    font-size: 13px !important;
    line-height: 22px !important;
  }

  .intermed-content .news-content {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .intermed-content .news-module-left,
  .intermed-content .news-module-right {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 16px !important;
    border-radius: 14px !important;
    background: #fff !important;
    border: 1px solid #e3ebf7 !important;
    box-shadow: none !important;
  }

  .intermed-content .news-module-left .col.fr,
  .intermed-content .news-module-left .imgbox,
  .intermed-content .news-module-left .new-img,
  .intermed-content .new-list-date {
    display: none !important;
  }

  .intermed-content .news-module-left .col.fl,
  .intermed-content .news-module-left .info {
    width: 100% !important;
    float: none !important;
  }

  .intermed-content .news-module-left .detail,
  .intermed-content .news-module-left .list_t,
  .intermed-content .news-module-left .new-item,
  .intermed-content .news-module-left .info {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    left: auto !important;
    right: auto !important;
    float: none !important;
    transform: none !important;
  }

  .intermed-content .news-module-left .new-title,
  .intermed-content .problem-title {
    white-space: normal !important;
    font-size: 15px !important;
    line-height: 23px !important;
  }

  .intermed-content .news-module-left .txt,
  .intermed-content .problem-content {
    font-size: 13px !important;
    line-height: 22px !important;
    color: #667085 !important;
  }

  .intermed-content .list_b li,
  .intermed-content .problem-li {
    height: auto !important;
    min-height: 0 !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #edf2f8 !important;
  }

  .intermed-content .list_b li:nth-child(n + 5),
  .intermed-content .problem-li:nth-child(n + 5) {
    display: none !important;
  }

  .intermed-content footer {
    height: auto !important;
    overflow: hidden !important;
  }

  .intermed-content .footer .menuBox,
  .intermed-content .footer .code-box,
  .intermed-content .footer .links,
  .intermed-content .footer .link-list .row:nth-child(n + 2):not(:last-child) {
    display: none !important;
  }

  .intermed-content .foot-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 28px 18px 86px !important;
    background: #040b1f !important;
  }

  .intermed-content .footer .link-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .intermed-content .footer .row,
  .intermed-content .footer .last {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }

  .intermed-content .footer .icon-box {
    margin-bottom: 10px !important;
  }

  .intermed-content ._copyright {
    padding-top: 16px !important;
    margin-top: 14px !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    font-size: 12px !important;
    line-height: 22px !important;
    text-align: left !important;
    color: rgba(255,255,255,.62) !important;
  }
}

@media (max-width: 420px) {
  .intermed-content .homeHeader_header-title___daOe {
    font-size: 28px !important;
  }
  .intermed-content .present-tab {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


.hh-home-mobile-v4 {
  display: none;
}

/* 2026-05-18 首页手机端业务重排：PC不改，手机端精简为核心转化路径 */
@media (max-width: 900px) {
  body:has(.hh-home-mobile-v4) .intermed-content {
    background: #f4f7fb !important;
  }

  body:has(.hh-home-mobile-v4) .intermed-content > div:first-of-type,
  body:has(.hh-home-mobile-v4) .intermed-content > .homeservice,
  body:has(.hh-home-mobile-v4) .intermed-content > .hh-ai-agent-section,
  body:has(.hh-home-mobile-v4) .intermed-content > .homeplan,
  body:has(.hh-home-mobile-v4) .intermed-content > .homecasepresent,
  body:has(.hh-home-mobile-v4) .intermed-content > .home-pain-points,
  body:has(.hh-home-mobile-v4) .intermed-content > .homeadvantage,
  body:has(.hh-home-mobile-v4) .intermed-content > .homepath,
  body:has(.hh-home-mobile-v4) .intermed-content > .home-service-system,
  body:has(.hh-home-mobile-v4) .intermed-content > .hh-topic-links-strip.hh-index-topic-section,
  body:has(.hh-home-mobile-v4) .intermed-content > .homenews {
    display: none !important;
  }

  .hh-home-mobile-v4 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 0 18px !important;
    overflow: hidden !important;
    background: #f4f7fb !important;
    color: #101828 !important;
  }

  .hh-home-mobile-v4 a {
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }

  .hhm-hero {
    position: relative;
    padding: 90px 18px 24px !important;
    overflow: hidden;
    color: #fff;
    background:
      radial-gradient(circle at 82% 8%, rgba(84, 180, 255, .42) 0, rgba(84, 180, 255, 0) 32%),
      radial-gradient(circle at 5% 14%, rgba(58, 112, 255, .36) 0, rgba(58, 112, 255, 0) 35%),
      linear-gradient(140deg, #061225 0%, #0a2b63 54%, #041022 100%);
  }

  .hhm-hero::after {
    content: "";
    position: absolute;
    right: -86px;
    bottom: -120px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .04);
    pointer-events: none;
  }

  .hhm-hero-kicker,
  .hhm-section-label {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 24px;
    font-weight: 850;
    letter-spacing: .02em;
  }

  .hhm-hero-kicker {
    margin-bottom: 13px;
    color: rgba(255, 255, 255, .86);
    background: rgba(255, 255, 255, .11);
    border: 1px solid rgba(255, 255, 255, .16);
  }

  .hhm-hero-title {
    position: relative;
    z-index: 1;
    max-width: 680px;
    margin: 0;
    font-size: 32px;
    line-height: 1.12;
    font-weight: 900;
    letter-spacing: -.05em;
  }

  .hhm-hero p {
    position: relative;
    z-index: 1;
    margin: 12px 0 0 !important;
    max-width: 680px;
    color: rgba(255, 255, 255, .78) !important;
    font-size: 15px !important;
    line-height: 24px !important;
  }

  .hhm-hero-actions,
  .hhm-final-actions {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 20px;
  }

  .hhm-hero-actions a,
  .hhm-final-actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    height: 44px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 850;
  }

  .hhm-hero-actions a:first-child,
  .hhm-final-actions a:first-child {
    color: #071225;
    background: #fff;
  }

  .hhm-hero-actions a:last-child,
  .hhm-final-actions a:last-child {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .36);
    background: rgba(255, 255, 255, .08);
  }

  .hhm-proof {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 20px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .hhm-proof li {
    min-width: 0;
    padding: 12px 8px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .09);
    border: 1px solid rgba(255, 255, 255, .12);
  }

  .hhm-proof strong {
    display: block;
    color: #fff;
    font-size: 21px;
    line-height: 1;
    font-weight: 900;
  }

  .hhm-proof span {
    display: block;
    margin-top: 7px;
    color: rgba(255, 255, 255, .64);
    font-size: 11px;
    line-height: 1.2;
  }

  .hhm-section,
  .hhm-final-cta {
    width: auto !important;
    max-width: none !important;
    margin: 14px 18px 0 !important;
    border-radius: 22px;
  }

  .hhm-section {
    padding: 22px 18px !important;
    background: #fff;
    border: 1px solid #e5edf7;
    box-shadow: 0 14px 34px rgba(17, 44, 86, .06);
  }

  .hhm-section-label {
    color: #1d64d8;
    background: #eef5ff;
    border: 1px solid #dbeaff;
  }

  .hhm-section h2 {
    margin: 10px 0 14px !important;
    color: #101828 !important;
    font-size: 24px !important;
    line-height: 1.28 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
  }

  .hhm-section > p,
  .hhm-topic-mobile > p {
    margin: 0 !important;
    color: #5f6f85 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    text-align: left !important;
  }

  .hhm-service-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .hhm-service-item {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    padding: 16px 0;
    border-top: 1px solid #eef3f9;
  }

  .hhm-service-item:first-child {
    border-top: 0;
    padding-top: 0;
  }

  .hhm-service-item:last-child {
    padding-bottom: 0;
  }

  .hhm-service-index {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: #1763dc;
    background: #eef5ff;
    font-size: 12px;
    font-weight: 900;
  }

  .hhm-service-item strong {
    display: block;
    color: #101828;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 900;
  }

  .hhm-service-item p {
    margin: 6px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 22px !important;
  }



  .hhm-need-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .hhm-need-list span {
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 0 12px;
    border-radius: 14px;
    color: #23344d;
    background: #f6f9ff;
    border: 1px solid #e2edfb;
    font-size: 13px;
    line-height: 18px;
    font-weight: 850;
  }

  .hhm-process-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    counter-reset: hhm-step;
  }

  .hhm-process-list li {
    position: relative;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    column-gap: 12px;
    padding: 13px 0;
    border-top: 1px solid #eef3f9;
    counter-increment: hhm-step;
  }

  .hhm-process-list li:first-child {
    border-top: 0;
    padding-top: 0;
  }

  .hhm-process-list li:last-child {
    padding-bottom: 0;
  }

  .hhm-process-list li::before {
    content: counter(hhm-step);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #1763dc;
    background: #eef5ff;
    font-size: 13px;
    font-weight: 900;
  }

  .hhm-process-list b {
    display: block;
    color: #101828;
    font-size: 15px;
    line-height: 1.25;
    font-weight: 900;
  }

  .hhm-process-list span {
    display: block;
    margin-top: 5px;
    color: #667085;
    font-size: 13px;
    line-height: 21px;
  }

  .hhm-agent-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 16px;
  }

  .hhm-agent-point {
    padding: 14px 15px;
    border-radius: 16px;
    background: #f6f9ff;
    border: 1px solid #e2edfb;
  }

  .hhm-agent-point b {
    display: block;
    color: #101828;
    font-size: 15px;
    line-height: 1.25;
    font-weight: 900;
  }

  .hhm-agent-point span {
    display: block;
    margin-top: 6px;
    color: #667085;
    font-size: 13px;
    line-height: 22px;
  }

  .hhm-scene-links {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
  }

  .hhm-scene-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 13px;
    border-radius: 999px;
    color: #26364d;
    background: #f6f8fb;
    border: 1px solid #e4ebf4;
    font-size: 13px;
    font-weight: 800;
  }



  .hhm-case-grid,
  .hhm-system-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .hhm-case-grid span,
  .hhm-system-list span {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 0 12px;
    border-radius: 14px;
    color: #23344d;
    background: #f6f9ff;
    border: 1px solid #e2edfb;
    font-size: 13px;
    line-height: 18px;
    font-weight: 850;
  }

  .hhm-adv-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .hhm-adv-list div {
    padding: 14px 15px;
    border-radius: 16px;
    background: #f7faff;
    border: 1px solid #e4edf8;
  }

  .hhm-adv-list b {
    display: block;
    color: #101828;
    font-size: 15px;
    line-height: 1.25;
    font-weight: 900;
  }

  .hhm-adv-list span {
    display: block;
    margin-top: 6px;
    color: #667085;
    font-size: 13px;
    line-height: 21px;
  }

  .hhm-topic-links {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 15px;
  }

  .hhm-topic-links a {
    display: block;
    padding: 14px 15px;
    border-radius: 15px;
    color: #101828;
    background: #f7faff;
    border: 1px solid #e4edf8;
  }

  .hhm-topic-links span {
    display: block;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 900;
  }

  .hhm-topic-links em {
    display: block;
    margin-top: 5px;
    color: #667085;
    font-size: 12px;
    line-height: 19px;
    font-style: normal;
  }

  .hhm-final-cta {
    padding: 22px 18px !important;
    color: #fff;
    background: linear-gradient(140deg, #0b2a61 0%, #0f5bd7 100%);
    box-shadow: 0 16px 36px rgba(20, 86, 190, .18);
  }

  .hhm-final-cta strong {
    display: block;
    font-size: 21px;
    line-height: 1.28;
    font-weight: 900;
    letter-spacing: -.035em;
  }

  .hhm-final-cta p {
    margin: 10px 0 0 !important;
    color: rgba(255, 255, 255, .78) !important;
    font-size: 14px !important;
    line-height: 24px !important;
  }
}

@media (max-width: 420px) {
  .hhm-hero-title {
    font-size: 29px;
  }

  .hhm-section,
  .hhm-final-cta {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}


/* 2026-05-18 首页手机端设计感补强：主视觉、服务入口、流程时间线 */
@media (max-width: 900px) {
  body:has(.hh-home-mobile-v4) .intermed-content {
    background:
      linear-gradient(180deg, #f6f9ff 0%, #eef4fb 42%, #f7f9fc 100%) !important;
  }

  .hh-home-mobile-v4 {
    background:
      linear-gradient(180deg, #f6f9ff 0%, #eef4fb 42%, #f7f9fc 100%) !important;
  }

  .hhm-hero {
    min-height: 0;
    padding: 92px 18px 28px !important;
    background:
      linear-gradient(120deg, rgba(8, 21, 45, .98), rgba(9, 55, 128, .93)),
      radial-gradient(circle at 75% 8%, rgba(55, 168, 255, .55) 0, rgba(55, 168, 255, 0) 34%),
      radial-gradient(circle at 8% 78%, rgba(16, 118, 255, .42) 0, rgba(16, 118, 255, 0) 30%) !important;
    isolation: isolate;
  }

  .hhm-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    right: -96px;
    top: 116px;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background:
      linear-gradient(135deg, rgba(255,255,255,.2), rgba(255,255,255,0)),
      repeating-conic-gradient(from 12deg, rgba(255,255,255,.18) 0 8deg, rgba(255,255,255,0) 8deg 22deg);
    opacity: .52;
    transform: rotate(-12deg);
  }

  .hhm-hero::after {
    right: 18px !important;
    bottom: 98px !important;
    width: 124px !important;
    height: 124px !important;
    border-radius: 30px !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.03)) !important;
    transform: rotate(10deg);
    box-shadow: 0 24px 80px rgba(0,0,0,.22);
  }

  .hhm-hero-kicker {
    backdrop-filter: blur(10px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
  }

  .hhm-hero-title {
    max-width: 640px;
    font-size: 34px;
    line-height: 1.08;
    text-shadow: 0 12px 36px rgba(0,0,0,.24);
  }

  .hhm-hero p {
    max-width: 330px;
  }

  .hhm-hero-rail {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 18px;
  }

  .hhm-hero-rail span {
    min-width: 0;
    padding: 9px 10px;
    border-radius: 12px;
    color: rgba(255,255,255,.86);
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.13);
    font-size: 12px;
    line-height: 1;
    font-weight: 850;
    backdrop-filter: blur(8px);
  }

  .hhm-hero-actions {
    margin-top: 18px;
  }

  .hhm-proof {
    margin-top: 16px !important;
  }

  .hhm-proof li {
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(255,255,255,.15), rgba(255,255,255,.05));
    border-color: rgba(255,255,255,.16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
  }

  .hhm-section,
  .hhm-final-cta {
    margin-top: 16px !important;
    border-radius: 28px;
  }

  .hhm-section {
    position: relative;
    padding: 24px 18px !important;
    background: rgba(255,255,255,.86);
    border: 1px solid rgba(213, 226, 244, .92);
    box-shadow: 0 18px 42px rgba(30, 62, 112, .08);
    backdrop-filter: blur(10px);
  }

  .hhm-core-services {
    padding-bottom: 18px !important;
  }

  .hhm-section h2 {
    font-size: 25px !important;
    line-height: 1.22 !important;
  }

  .hhm-service-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .hhm-service-item,
  .hhm-service-item:first-child,
  .hhm-service-item:last-child {
    position: relative;
    display: block;
    min-height: 154px;
    padding: 15px 13px !important;
    overflow: hidden;
    border: 0;
    border-radius: 20px;
    background: linear-gradient(160deg, #f8fbff 0%, #eef5ff 100%);
    box-shadow: inset 0 0 0 1px #dfeaf8;
  }

  .hhm-service-item:nth-child(4) {
    color: #fff;
    background: linear-gradient(145deg, #0d2a61 0%, #1268e6 100%);
    box-shadow: 0 16px 34px rgba(18, 104, 230, .2);
  }

  .hhm-service-item::after {
    content: "";
    position: absolute;
    right: -26px;
    bottom: -34px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: rgba(23, 99, 220, .08);
  }

  .hhm-service-item:nth-child(4)::after {
    background: rgba(255,255,255,.13);
  }

  .hhm-service-index {
    width: auto;
    height: auto;
    justify-content: flex-start;
    color: #1763dc;
    background: transparent;
    font-size: 12px;
    letter-spacing: .08em;
  }

  .hhm-service-item:nth-child(4) .hhm-service-index,
  .hhm-service-item:nth-child(4) strong,
  .hhm-service-item:nth-child(4) p {
    color: #fff !important;
  }

  .hhm-service-item strong {
    margin-top: 13px;
    font-size: 18px;
  }

  .hhm-service-item p {
    position: relative;
    z-index: 1;
    font-size: 12px !important;
    line-height: 20px !important;
  }

  .hhm-agent-scope {
    overflow: hidden;
    color: #fff;
    background:
      radial-gradient(circle at 88% 18%, rgba(64, 167, 255, .36), rgba(64, 167, 255, 0) 36%),
      linear-gradient(145deg, #071833 0%, #0d316e 100%);
    border-color: rgba(255,255,255,.1);
  }

  .hhm-agent-scope .hhm-section-label {
    color: #ddebff;
    background: rgba(255,255,255,.1);
    border-color: rgba(255,255,255,.16);
  }

  .hhm-agent-scope h2,
  .hhm-agent-scope > p {
    color: #fff !important;
  }

  .hhm-agent-scope > p {
    opacity: .76;
  }

  .hhm-agent-point {
    border-radius: 18px;
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.14);
  }

  .hhm-agent-point b,
  .hhm-agent-point span {
    color: #fff;
  }

  .hhm-agent-point span {
    opacity: .72;
  }

  .hhm-scenes {
    background: #fff;
  }

  .hhm-scene-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
  }

  .hhm-scene-links a {
    justify-content: flex-start;
    min-height: 44px;
    padding: 0 12px;
    border-radius: 15px;
    background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
    border-color: #dfeaf8;
  }

  .hhm-case-grid span,
  .hhm-system-list span,
  .hhm-need-list span {
    border-radius: 16px;
    background: #f7faff;
    box-shadow: inset 0 0 0 1px #e4edf8;
    border: 0;
  }

  .hhm-adv-list div {
    position: relative;
    padding: 15px 15px 15px 18px;
    border: 0;
    border-radius: 18px;
    background: #f8fbff;
    box-shadow: inset 0 0 0 1px #e4edf8;
  }

  .hhm-adv-list div::before {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    bottom: 16px;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, #1b73ff, #56b7ff);
  }

  .hhm-process {
    overflow: hidden;
    color: #fff;
    background:
      radial-gradient(circle at 78% 4%, rgba(72, 160, 255, .34), rgba(72,160,255,0) 33%),
      linear-gradient(155deg, #071226 0%, #0a244f 58%, #08172e 100%);
    border-color: rgba(255,255,255,.1);
    box-shadow: 0 22px 54px rgba(4, 18, 45, .22);
  }

  .hhm-process::before {
    content: "FLOW";
    position: absolute;
    right: -8px;
    top: 12px;
    color: rgba(255,255,255,.05);
    font-size: 64px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -.08em;
  }

  .hhm-process .hhm-section-label {
    color: #ddebff;
    background: rgba(255,255,255,.1);
    border-color: rgba(255,255,255,.16);
  }

  .hhm-process h2 {
    color: #fff !important;
  }

  .hhm-process-list {
    position: relative;
    display: block;
    margin-top: 4px !important;
    counter-reset: hhm-step;
  }

  .hhm-process-list::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 16px;
    bottom: 16px;
    width: 1px;
    background: linear-gradient(180deg, rgba(93, 178, 255, .9), rgba(93,178,255,.16));
  }

  .hhm-process-list li,
  .hhm-process-list li:first-child,
  .hhm-process-list li:last-child {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    min-height: 0;
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 0;
    counter-increment: hhm-step;
  }

  .hhm-process-list li:last-child {
    margin-bottom: 0 !important;
  }

  .hhm-process-list li::before {
    content: counter(hhm-step, decimal-leading-zero);
    position: relative;
    z-index: 2;
    width: 38px;
    height: 38px;
    color: #06162f;
    background: linear-gradient(145deg, #ffffff 0%, #8dd0ff 100%);
    box-shadow: 0 8px 24px rgba(75, 166, 255, .26);
    font-size: 11px;
    letter-spacing: -.02em;
  }

  .hhm-process-list li b,
  .hhm-process-list li span {
    display: block;
  }

  .hhm-process-list li b {
    margin: 0;
    padding: 14px 14px 0;
    border-radius: 18px 18px 0 0;
    color: #fff;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.12);
    border-bottom: 0;
    font-size: 16px;
  }

  .hhm-process-list li span {
    margin: 0;
    padding: 6px 14px 14px;
    border-radius: 0 0 18px 18px;
    color: rgba(255,255,255,.68);
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.12);
    border-top: 0;
    font-size: 13px;
    line-height: 21px;
  }

  .hhm-topic-links a {
    border: 0;
    border-radius: 18px;
    background: linear-gradient(180deg, #f8fbff 0%, #f2f6fb 100%);
    box-shadow: inset 0 0 0 1px #e3edf8;
  }

  .hhm-final-cta {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    background:
      radial-gradient(circle at 86% 16%, rgba(255,255,255,.22), rgba(255,255,255,0) 34%),
      linear-gradient(140deg, #071833 0%, #1268e6 100%);
  }

  .hhm-final-cta::after {
    content: "";
    position: absolute;
    right: -40px;
    bottom: -54px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.18);
  }
}

@media (max-width: 420px) {
  .hhm-hero-title {
    font-size: 31px !important;
  }
}

/* 2026-05-18 修正手机首页开发流程：步骤说明必须在右侧内容区横向排版 */
@media (max-width: 900px) {
  .hhm-process-list li::before {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: start !important;
  }

  .hhm-process-list li b {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    white-space: normal !important;
  }

  .hhm-process-list li span {
    grid-column: 2 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    width: 100% !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
}


/* 2026-05-18 手机首页案例板块：直接展示PC案例图，增强真实交付感 */
@media (max-width: 900px) {
  .hhm-cases-lite {
    padding-right: 0 !important;
    background: #fff;
  }

  .hhm-cases-lite h2,
  .hhm-cases-lite > p,
  .hhm-cases-lite .hhm-section-label {
    margin-right: 18px;
  }

  .hhm-case-scroll {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(205px, 72%);
    gap: 12px;
    margin-top: 16px;
    padding: 0 18px 4px 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }

  .hhm-case-scroll::-webkit-scrollbar {
    display: none;
  }

  .hhm-case-card {
    position: relative;
    display: block;
    min-height: 192px;
    overflow: hidden;
    border-radius: 22px;
    background: #071833;
    box-shadow: 0 18px 38px rgba(13, 42, 97, .16);
    scroll-snap-align: start;
  }

  .hhm-case-card img {
    display: block;
    width: 100% !important;
    height: 192px !important;
    object-fit: cover;
    transform: scale(1.01);
  }

  .hhm-case-card::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 62%;
    background: linear-gradient(180deg, rgba(3, 12, 28, 0) 0%, rgba(3, 12, 28, .82) 100%);
    pointer-events: none;
  }

  .hhm-case-card span {
    position: absolute;
    z-index: 1;
    left: 13px;
    right: 13px;
    bottom: 13px;
    display: block;
    color: #fff;
  }

  .hhm-case-card b {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    padding: 0 9px;
    border-radius: 999px;
    background: #1d73ff;
    font-size: 12px;
    line-height: 24px;
    font-weight: 900;
  }

  .hhm-case-card em {
    display: block;
    margin-top: 7px;
    color: rgba(255,255,255,.86);
    font-size: 14px;
    line-height: 20px;
    font-style: normal;
    font-weight: 850;
  }
}

/* 2026-05-18 案例板块改为手机端稳定宫格：避免横滑导致溢出审计误判 */
@media (max-width: 900px) {
  .hhm-cases-lite {
    padding-right: 18px !important;
  }

  .hhm-cases-lite h2,
  .hhm-cases-lite > p,
  .hhm-cases-lite .hhm-section-label {
    margin-right: 0 !important;
  }

  .hhm-case-scroll {
    display: grid !important;
    grid-auto-flow: row !important;
    grid-auto-columns: initial !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 16px !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  .hhm-case-card {
    min-width: 0 !important;
    min-height: 150px !important;
    border-radius: 18px !important;
    scroll-snap-align: none !important;
  }

  .hhm-case-card:nth-child(n + 5) {
    display: none !important;
  }

  .hhm-case-card img {
    height: 150px !important;
  }

  .hhm-case-card span {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
  }

  .hhm-case-card b {
    min-height: 22px !important;
    padding: 0 8px !important;
    font-size: 11px !important;
    line-height: 22px !important;
  }

  .hhm-case-card em {
    margin-top: 5px !important;
    font-size: 12px !important;
    line-height: 17px !important;
  }
}


/* 2026-05-18 按指定案例和首屏简化：案例一行一个，首屏减少文字与视觉元素 */
@media (max-width: 900px) {
  .hhm-hero {
    padding: 92px 18px 24px !important;
  }

  .hhm-hero-title {
    max-width: 310px !important;
    font-size: 38px !important;
    line-height: 1.08 !important;
  }

  .hhm-hero p {
    max-width: 300px !important;
    margin-top: 12px !important;
    font-size: 15px !important;
    line-height: 23px !important;
  }

  .hhm-hero-rail {
    display: none !important;
  }

  .hhm-proof {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin-top: 14px !important;
  }

  .hhm-proof li {
    padding: 10px 8px !important;
    border-radius: 16px !important;
  }

  .hhm-proof strong {
    font-size: 19px !important;
  }

  .hhm-proof span {
    margin-top: 5px !important;
  }

  .hhm-case-scroll {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .hhm-case-card,
  .hhm-case-card:nth-child(n + 5) {
    display: block !important;
    min-height: 186px !important;
    border-radius: 22px !important;
  }

  .hhm-case-card img {
    height: 186px !important;
  }

  .hhm-case-card span {
    left: 14px !important;
    right: 14px !important;
    bottom: 13px !important;
  }

  .hhm-case-card b {
    max-width: 100% !important;
    min-height: 25px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    line-height: 25px !important;
    white-space: normal !important;
  }

  .hhm-case-card em {
    margin-top: 7px !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }
}

@media (max-width: 420px) {
  .hhm-hero-title {
    font-size: 36px !important;
  }
}


/* 2026-05-18 手机首页资讯板块：承接PC新闻资讯与常见问题，移动端轻量展示 */
@media (max-width: 900px) {
  .hhm-news-mobile {
    background: #fff;
  }

  .hhm-news-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 16px;
  }

  .hhm-news-list a {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-height: 58px;
    padding: 12px 13px;
    border-radius: 17px;
    background: linear-gradient(180deg, #f8fbff 0%, #f3f7fc 100%);
    box-shadow: inset 0 0 0 1px #e4edf8;
  }

  .hhm-news-list em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    border-radius: 999px;
    color: #1763dc;
    background: #eaf3ff;
    font-size: 11px;
    line-height: 1;
    font-style: normal;
    font-weight: 900;
  }

  .hhm-news-list span {
    color: #101828;
    font-size: 14px;
    line-height: 21px;
    font-weight: 850;
  }

  .hhm-faq-lite {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 12px;
  }

  .hhm-faq-lite a {
    display: block;
    padding: 14px 15px;
    border-radius: 18px;
    background: #f7faff;
    border-left: 3px solid #1b73ff;
    box-shadow: inset 0 0 0 1px #e4edf8;
  }

  .hhm-faq-lite b {
    display: block;
    color: #101828;
    font-size: 14px;
    line-height: 21px;
    font-weight: 900;
  }

  .hhm-faq-lite span {
    display: block;
    margin-top: 6px;
    color: #667085;
    font-size: 13px;
    line-height: 21px;
  }

  .hhm-news-more {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    margin-top: 14px;
    border-radius: 999px;
    color: #fff !important;
    background: linear-gradient(135deg, #1763dc 0%, #2384ff 100%);
    font-size: 14px;
    font-weight: 900;
  }
}


/* 2026-05-18 资讯板块移除FAQ：只保留新闻/行业资讯，贴近PC新闻资讯结构 */
@media (max-width: 900px) {
  .hhm-news-tabs {
    display: inline-flex;
    gap: 8px;
    margin-top: 12px;
    padding: 4px;
    border-radius: 999px;
    background: #f1f6ff;
    box-shadow: inset 0 0 0 1px #dfeaf8;
  }

  .hhm-news-tabs span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    color: #1763dc;
    font-size: 12px;
    font-weight: 900;
  }

  .hhm-news-tabs span:first-child {
    color: #fff;
    background: #1d73ff;
  }

  .hhm-news-mobile .hhm-faq-lite {
    display: none !important;
  }

  .hhm-news-list a {
    grid-template-columns: 82px minmax(0, 1fr) !important;
  }

  .hhm-news-list em {
    color: #1763dc;
    background: #eaf3ff;
    font-size: 11px;
    letter-spacing: -.02em;
  }
}


.hhm-mobile-footer {
  display: none;
}

/* 2026-05-18 手机端首页专用底部：替代桌面footer压缩版，更像移动站底部 */
@media (max-width: 900px) {
  body:has(.hh-home-mobile-v4) .intermed-content > footer {
    display: none !important;
  }

  .hhm-mobile-footer {
    display: block !important;
    margin: 16px 0 0 !important;
    padding: 26px 18px 94px !important;
    color: #fff;
    background:
      radial-gradient(circle at 88% 10%, rgba(38, 132, 255, .36), rgba(38,132,255,0) 32%),
      linear-gradient(155deg, #061225 0%, #0a2b63 72%, #061225 100%);
    overflow: hidden;
  }

  .hhm-footer-brand {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
  }

  .hhm-footer-brand img {
    width: 46px !important;
    height: 46px !important;
    border-radius: 12px;
    background: #fff;
    object-fit: contain;
  }

  .hhm-footer-brand strong {
    display: block;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -.03em;
  }

  .hhm-footer-brand span {
    display: block;
    margin-top: 5px;
    color: rgba(255,255,255,.66);
    font-size: 13px;
    line-height: 1.35;
  }

  .hhm-footer-contact {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
  }

  .hhm-footer-contact a {
    display: block;
    min-width: 0;
    padding: 14px 13px;
    border-radius: 18px;
    color: #fff;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.13);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
  }

  .hhm-footer-contact a:first-child {
    color: #071225;
    background: #fff;
  }

  .hhm-footer-contact em {
    display: block;
    font-size: 12px;
    line-height: 1;
    font-style: normal;
    font-weight: 800;
    opacity: .72;
  }

  .hhm-footer-contact strong {
    display: block;
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 900;
  }

  .hhm-footer-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.1);
  }

  .hhm-footer-links a {
    display: flex;
    align-items: center;
    min-height: 40px;
    padding: 0 12px;
    border-radius: 13px;
    color: rgba(255,255,255,.86);
    background: rgba(255,255,255,.06);
    font-size: 13px;
    font-weight: 850;
  }

  .hhm-footer-address {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,.1);
  }

  .hhm-footer-address p {
    margin: 0 0 7px !important;
    color: rgba(255,255,255,.55) !important;
    font-size: 12px !important;
    line-height: 19px !important;
  }

  .hhm-footer-address p:first-child {
    color: rgba(255,255,255,.82) !important;
    font-weight: 850;
  }
}


/* 2026-05-20 新版静态主站首页迁移补丁：适配新版根目录结构和首页类名 */
@media (max-width: 900px) {
  body:has(.hh-home-mobile-v4) .intermed-content > .home-pain-points,
  body:has(.hh-home-mobile-v4) .intermed-content > .homenews,
  body:has(.hh-home-mobile-v4) .intermed-content > .homecasepresent,
  body:has(.hh-home-mobile-v4) .intermed-content > .homeplan,
  body:has(.hh-home-mobile-v4) .intermed-content > .homeservice,
  body:has(.hh-home-mobile-v4) .intermed-content > .homeadvantage,
  body:has(.hh-home-mobile-v4) .intermed-content > .homepath,
  body:has(.hh-home-mobile-v4) .intermed-content > .home-service-system {
    display: none !important;
  }

  body:has(.hh-home-mobile-v4) .intermed-content > footer,
  body:has(.hh-home-mobile-v4) footer {
    display: none !important;
  }

  .hhm-mobile-footer {
    display: block !important;
  }
}

/* 2026-05-20 新版静态主站移动端与 GEO 基础补丁 */
.hh-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.hh-mobile-toggle,
.hh-mobile-drawer,
.hh-mobile-sticky-cta {
  display: none;
}
@media (min-width: 901px) {
  .hh-aside {
    width: 96px !important;
    right: 12px !important;
    align-items: flex-end !important;
  }
  .hh-aside .buttonBox {
    width: 70px !important;
    overflow: visible !important;
  }
  .hh-aside .aside-item,
  .hh-aside .aside-item button.title,
  .hh-aside .aside-item .title {
    width: 70px !important;
    min-width: 70px !important;
    height: 70px !important;
    min-height: 70px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    position: relative !important;
  }
  .hh-aside .aside-item.goTop,
  .hh-aside .aside-item.goTop button.title,
  .hh-aside .aside-item.goTop .title {
    height: 38px !important;
    min-height: 38px !important;
  }
  .hh-aside .sidebar-my-hover {
    right: 70px !important;
    left: auto !important;
    top: 0 !important;
    padding-right: 10px !important;
  }
  .hh-aside .sidebar-my-hover-box {
    margin-right: 0 !important;
  }
  .hh-aside .v-consult-btn:hover .sidebar-my-hover,
  .hh-aside .aside-item:hover .sidebar-my-hover {
    display: block !important;
  }
}
@media (max-width: 900px) {
  html,
  body {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  body {
    padding-top: 72px !important;
    padding-bottom: 74px !important;
    background: #f4f7fb !important;
  }
  .header,
  #topHeader,
  #util,
  .hh-nav {
    height: 72px !important;
    min-height: 72px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .header,
  #topHeader {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10000 !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 10px 30px rgba(15,45,90,.08) !important;
  }
  .hh-nav {
    position: relative !important;
    background: transparent !important;
  }
  .hh-nav .nav-bg,
  .hh-nav .nav-bg-gap,
  .hh-nav .container,
  .hh-nav section.left,
  .hh-nav section.right,
  .hh-nav .nav-list,
  .hh-nav .phone,
  .hh-nav .nav-open-tab,
  .hh-nav .sub-nav-box {
    display: none !important;
  }
  .hh-nav .mid-content.nav-con,
  .hh-nav .fr-s-s.mid-content.nav-con,
  .hh-nav .fr-b-s.mid-content.nav-con,
  .nav-con {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 72px !important;
    min-height: 72px !important;
    margin: 0 !important;
    padding: 0 78px 0 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
  }
  .hh-nav .logo,
  .hh-nav .logo > div,
  .hh-nav .logo a {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  .hh-nav .logo img,
  .hh-nav .logo-img {
    display: block !important;
    width: auto !important;
    max-width: 156px !important;
    height: 40px !important;
    max-height: 40px !important;
    object-fit: contain !important;
  }
  .hh-mobile-toggle {
    display: flex !important;
    position: fixed !important;
    top: 14px !important;
    right: 16px !important;
    z-index: 10003 !important;
    width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 15px !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f0f5ff !important;
    box-shadow: inset 0 0 0 1px rgba(29,115,255,.08) !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .hh-mobile-toggle span,
  .hh-mobile-toggle span::before,
  .hh-mobile-toggle span::after {
    content: "";
    display: block !important;
    width: 21px !important;
    height: 2px !important;
    border-radius: 2px !important;
    background: #1763dc !important;
    transition: transform .18s ease, opacity .18s ease !important;
  }
  .hh-mobile-toggle span {
    position: relative !important;
  }
  .hh-mobile-toggle span::before,
  .hh-mobile-toggle span::after {
    position: absolute !important;
    left: 0 !important;
  }
  .hh-mobile-toggle span::before { top: -7px !important; }
  .hh-mobile-toggle span::after { top: 7px !important; }
  body.hh-mobile-nav-open .hh-mobile-toggle span { background: transparent !important; }
  body.hh-mobile-nav-open .hh-mobile-toggle span::before { transform: translateY(7px) rotate(45deg) !important; }
  body.hh-mobile-nav-open .hh-mobile-toggle span::after { transform: translateY(-7px) rotate(-45deg) !important; }
  .hh-mobile-drawer {
    display: grid !important;
    position: fixed !important;
    top: 72px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10002 !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding: 10px 18px 18px !important;
    background: rgba(255,255,255,.98) !important;
    border-top: 1px solid #eef3fb !important;
    box-shadow: 0 24px 50px rgba(16,24,40,.14) !important;
    transform: translateY(-110%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: transform .22s ease, opacity .22s ease !important;
    max-height: calc(100svh - 72px) !important;
    overflow-y: auto !important;
  }
  .hh-mobile-drawer.hh-mobile-open,
  body.hh-mobile-nav-open .hh-mobile-drawer {
    transform: translateY(0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  .hh-mobile-drawer a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 46px !important;
    padding: 0 4px !important;
    color: #101828 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    border-bottom: 1px solid #edf2f8 !important;
  }
  .hh-mobile-drawer a::after {
    content: "›";
    color: #98a2b3;
    font-size: 22px;
    font-weight: 400;
  }
  .hh-mobile-drawer .hh-mobile-phone {
    justify-content: center !important;
    min-height: 44px !important;
    margin-top: 12px !important;
    border: 0 !important;
    border-radius: 14px !important;
    color: #fff !important;
    background: #1763dc !important;
  }
  .hh-mobile-drawer .hh-mobile-phone::after { display: none !important; }
  .hh-mobile-sticky-cta {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 10001 !important;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom)) !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 -12px 28px rgba(15,45,90,.10) !important;
    backdrop-filter: blur(12px) !important;
  }
  .hh-mobile-sticky-cta a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 46px !important;
    border-radius: 15px !important;
    color: #fff !important;
    background: #1763dc !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 900 !important;
  }
  .hh-mobile-sticky-cta a:first-child {
    color: #1763dc !important;
    background: #edf4ff !important;
    box-shadow: inset 0 0 0 1px rgba(23,99,220,.10) !important;
  }
  .float-window,
  .hh-aside,
  #vztop {
    display: none !important;
  }
  .footer,
  footer,
  .footer-top-box {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
}

/* 2026-05-20 新版子页面移动端溢出修正：旧 PC 组件改为单列/隐藏装饰图 */
@media (max-width: 900px) {
  .plan-content,
  .plan-box,
  .plan-left,
  .plan-right,
  .plan-right-item,
  .plan-top,
  .lineBox,
  .tableBox,
  .plan-case,
  .caseItem,
  .case-module,
  .case-container,
  .case-details-content,
  .case-left,
  .case-right,
  .ec-field-section,
  .ec-field-ul,
  .ec-field-li,
  .ec-field-left,
  .ec-field-right,
  .news-content,
  .news-module-left,
  .news-module-right {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }
  .plan-content,
  .case-container,
  .case-details-content,
  .ec-field-section,
  .news-content {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .plan-box {
    display: block !important;
    overflow: hidden !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }
  .plan-left {
    display: flex !important;
    height: auto !important;
    min-height: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 0 10px !important;
    gap: 8px !important;
    border-radius: 0 !important;
  }
  .plan-item {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 104px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #1d2939 !important;
  }
  .plan-item.active,
  .plan-item.ad-hover-left {
    color: #fff !important;
    background: linear-gradient(135deg,#1763dc,#19a7ff) !important;
  }
  .plan-right {
    padding: 12px 0 0 !important;
    background: transparent !important;
  }
  .plan-right-item {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  .plan-right-item:not(:first-child):not(.active) {
    display: none !important;
  }
  .plan-top {
    padding: 14px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid #e3ebf7 !important;
  }
  .plan-top-title {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }
  .lineBox {
    height: auto !important;
    padding-right: 0 !important;
    border-right: 0 !important;
  }
  .tableTop,
  .tableBottom,
  .tableBox {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
  }
  .tableItem {
    width: auto !important;
    height: auto !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 10px 8px !important;
    border-radius: 12px !important;
    background: #f6f9ff !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .tableItem img {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 auto !important;
  }
  .tableItem p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    text-align: left !important;
  }
  .btn-box,
  .plan-case {
    display: none !important;
  }
  .case-content,
  .case-main,
  .case-detail,
  .case-details-content {
    display: block !important;
  }
  .case-left {
    padding: 16px !important;
    background: #fff !important;
    border-radius: 16px !important;
  }
  .case-right {
    margin-top: 16px !important;
    padding: 16px !important;
    border-radius: 16px !important;
  }
  .case-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .case-box,
  .case-box a,
  .case-banner,
  .case-info {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .case-box {
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 14px !important;
  }
  .case-box a {
    display: block !important;
  }
  .case-banner {
    height: 150px !important;
  }
  .advant-content,
  .advant-column {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: none !important;
  }
  .advant-item,
  .advant-item:nth-child(n) {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 14px 16px !important;
    border-radius: 13px !important;
    background: rgba(255,255,255,.92) !important;
    border: 1px solid #e3ebf7 !important;
    box-shadow: none !important;
  }
  .advant-title {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    height: auto !important;
  }
  .advant-title p {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 23px !important;
    color: #101828 !important;
    text-align: left !important;
  }
  .advant-item span {
    display: block !important;
    margin-top: 6px !important;
    font-size: 13px !important;
    line-height: 22px !important;
    color: #667085 !important;
  }
  .bg,
  .bg-1,
  .bg-3 {
    display: none !important;
  }
  .ec-field-ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .ec-field-li,
  .ec-field-left,
  .ec-field-right {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .ec-field-li {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .ec-field-left,
  .ec-field-right {
    padding: 18px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid #e3ebf7 !important;
  }
  .ec-field-left::after,
  .ec-field-right::after {
    display: none !important;
  }
  .news-module-right,
  .problem-ul,
  .problem-li,
  .problem-title,
  .problem-title a,
  .problem-content,
  .problem-content p {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    white-space: normal !important;
  }
  .problem-title a {
    display: block !important;
    overflow-wrap: anywhere !important;
  }
  .right-container,
  .right-content,
  .right-content.show,
  .right-content.pre,
  .ser-right-item,
  .right-title,
  .right-desc {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }
}

/* 2026-05-20 第二轮移动端溢出收口 */
@media (max-width: 900px) {
  .plan-left {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    overflow: hidden !important;
  }
  .plan-item,
  .plan-item-box {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .plan-item:nth-child(n + 7) {
    display: none !important;
  }
  .case-detail-content,
  .case-detail-content.mid-content {
    display: block !important;
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    min-width: 0 !important;
    margin: 20px auto 0 !important;
    overflow: visible !important;
  }
  .case-detail-content .case-left,
  .case-detail-content .case-right {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .case-detail-content .case-right {
    margin-top: 16px !important;
  }
  .ec-advantage-ul,
  .ec-advantage-ul.fr-b-c,
  .ec-advantage-ul li,
  .ec-advantage-ul h3 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    left: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }
  .ec-advantage-ul,
  .ec-advantage-ul.fr-b-c {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .ec-advantage-ul li {
    display: block !important;
    padding: 14px 16px !important;
    border-radius: 14px !important;
    background: #fff !important;
    border: 1px solid #e3ebf7 !important;
  }
  .ec-advantage-ul h3 {
    font-size: 17px !important;
    line-height: 24px !important;
    text-align: left !important;
  }
  .path-box,
  .path-content,
  .path-content.fr-c-s,
  .path-item,
  .hover-animation,
  .path-item-top,
  .path-item-bottom {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }
  .path-content,
  .path-content.fr-c-s {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    position: static !important;
  }
  .path-item,
  .hover-animation,
  .path-item-top {
    display: block !important;
    position: static !important;
  }
  .path-item-top {
    padding: 14px 16px !important;
    border-radius: 13px !important;
    background: #fff !important;
    border: 1px solid #dbe8f7 !important;
    box-shadow: 0 10px 28px rgba(24,61,118,.05) !important;
  }
  .path-item-bottom {
    display: none !important;
  }
}

/* 2026-05-20 电商流程横图移动端收口 */
@media (max-width: 900px) {
  .ec-progress-box,
  .ec-progress-box.fl-c,
  .ec-progress-box img,
  .ec-progress-box ul,
  .ec-progress-box ul.fr-b-c,
  .ec-progress-box ul li,
  .ec-progress-box ul li h3 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
  }
  .ec-progress-box img {
    display: none !important;
  }
  .ec-progress-box ul,
  .ec-progress-box ul.fr-b-c {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }
  .ec-progress-box ul li {
    display: block !important;
    padding: 14px 16px !important;
    border-radius: 14px !important;
    background: #f6f9ff !important;
    border: 1px solid #e3ebf7 !important;
  }
  .ec-progress-box ul li h3 {
    font-size: 17px !important;
    line-height: 24px !important;
    text-align: left !important;
  }
}


/* 2026-05-20 移动端 Logo 路径修正：覆盖 common.js 中相对路径导致的滚动后破图 */
@media (max-width: 900px) {
  .hh-nav .logo img,
  .hh-nav .logo-img,
  .header .logo img,
  #topHeader .logo img {
    content: url("../image/logo-black.png") !important;
    display: block !important;
    width: 156px !important;
    max-width: 156px !important;
    height: 40px !important;
    max-height: 40px !important;
    object-fit: contain !important;
  }
}

/* 2026-05-20 移动端顶部栏纯白底，避免滚动时下层内容透出 */
@media (max-width: 900px) {
  .header,
  #topHeader,
  #util,
  .hh-nav {
    background: #fff !important;
  }
}

/* 2026-05-21 PC 迁移后新增专题页移动端背景防溢出 */
@media (max-width: 900px) {
  .hh-topic-hero,
  .hh-topic-page,
  .hh-topic-page-body {
    overflow-x: hidden !important;
  }
  .hh-topic-hero-bg {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
  }
}

/* 2026-05-21 首页手机端开发专题：对齐 PC 端“方案入口”表达 */
@media (max-width: 900px) {
  .hh-home-mobile-v4 .hhm-topic-desc {
    margin: 0 0 18px !important;
    font-size: 15px !important;
    line-height: 26px !important;
    color: #627084 !important;
  }
  .hh-home-mobile-v4 .hhm-topic-more {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px !important;
    margin-top: 16px !important;
    border-radius: 13px !important;
    background: #1677ff !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    box-shadow: 0 12px 28px rgba(22,119,255,.18) !important;
  }
}

/* 2026-05-21 子页面移动端标准化：对齐首页视觉与阅读层级 */
@media (max-width: 900px) {
  body:not(:has(.hh-home-mobile-v4)) {
    background: #f3f7fc !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .catering-banner-wrapper,
  body:not(:has(.hh-home-mobile-v4)) .banner-dark,
  body:not(:has(.hh-home-mobile-v4)) .tiktok-banner-wrapper {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 330px !important;
    margin: 0 !important;
    padding: 72px 0 36px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg,#071a3a 0%,#113b82 58%,#1d73ff 100%) !important;
    border-radius: 0 0 26px 26px !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .catering-banner-wrapper:before {
    content: "" !important;
    position: absolute !important;
    right: -96px !important;
    bottom: -130px !important;
    width: 320px !important;
    height: 320px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle,rgba(255,255,255,.22),rgba(255,255,255,0) 68%) !important;
    pointer-events: none !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .catering-banner-wrapper .banner-bg,
  body:not(:has(.hh-home-mobile-v4)) .catering-banner-wrapper > img.banner-bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: .22 !important;
    transform: scale(1.04) !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .catering-banner-wrapper .mid-content,
  body:not(:has(.hh-home-mobile-v4)) .catering-banner-wrapper .banner-content {
    position: relative !important;
    z-index: 2 !important;
    width: calc(100% - 48px) !important;
    max-width: calc(100% - 48px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #fff !important;
    text-align: left !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .banner-content > div:first-child,
  body:not(:has(.hh-home-mobile-v4)) .banner-content h1,
  body:not(:has(.hh-home-mobile-v4)) .banner-content .banner-title {
    max-width: 330px !important;
    margin: 0 0 12px !important;
    font-size: 38px !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
    color: #fff !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .banner-content > div:nth-child(3),
  body:not(:has(.hh-home-mobile-v4)) .banner-content p,
  body:not(:has(.hh-home-mobile-v4)) .banner-subtitle {
    max-width: 310px !important;
    margin: 0 0 24px !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
    color: rgba(255,255,255,.78) !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .banner-content br {
    display: none !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .view-btn,
  body:not(:has(.hh-home-mobile-v4)) .banner-content .view-btn {
    display: inline-flex !important;
    width: auto !important;
    min-width: 136px !important;
    height: 46px !important;
    padding: 0 20px !important;
    border-radius: 999px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #fff !important;
    color: #0b1b35 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.16) !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .view-btn img {
    width: 16px !important;
    height: 16px !important;
    object-fit: contain !important;
  }

  body:not(:has(.hh-home-mobile-v4)) .solution-section,
  body:not(:has(.hh-home-mobile-v4)) .homeplan,
  body:not(:has(.hh-home-mobile-v4)) .homepath,
  body:not(:has(.hh-home-mobile-v4)) .homecasepresent,
  body:not(:has(.hh-home-mobile-v4)) .homenews,
  body:not(:has(.hh-home-mobile-v4)) .high-quality-section,
  body:not(:has(.hh-home-mobile-v4)) .hh-industry-agent-bridge,
  body:not(:has(.hh-home-mobile-v4)) .hh-decision-faq-section,
  body:not(:has(.hh-home-mobile-v4)) .about-us-box > .mid-content,
  body:not(:has(.hh-home-mobile-v4)) .huahan-culture-box,
  body:not(:has(.hh-home-mobile-v4)) .about-course,
  body:not(:has(.hh-home-mobile-v4)) .huahan-honor-box,
  body:not(:has(.hh-home-mobile-v4)) .partner,
  body:not(:has(.hh-home-mobile-v4)) .news-list-wrapper,
  body:not(:has(.hh-home-mobile-v4)) .caseDetails-content,
  body:not(:has(.hh-home-mobile-v4)) .details-content {
    width: calc(100% - 30px) !important;
    max-width: calc(100% - 30px) !important;
    margin: 16px auto !important;
    padding: 28px 20px !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid #dce9f8 !important;
    box-shadow: 0 18px 48px rgba(24,61,118,.08) !important;
    overflow: hidden !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .solution-section:first-of-type,
  body:not(:has(.hh-home-mobile-v4)) .about-us-box > .mid-content:first-child {
    margin-top: 20px !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .solution-section > h2,
  body:not(:has(.hh-home-mobile-v4)) .title-style h2,
  body:not(:has(.hh-home-mobile-v4)) .hh-decision-faq-title h2,
  body:not(:has(.hh-home-mobile-v4)) .hh-app-agent-copy h2,
  body:not(:has(.hh-home-mobile-v4)) .about-huahan-box h2,
  body:not(:has(.hh-home-mobile-v4)) .about-course h2,
  body:not(:has(.hh-home-mobile-v4)) .huahan-honor-box h2,
  body:not(:has(.hh-home-mobile-v4)) .news-list-title h1,
  body:not(:has(.hh-home-mobile-v4)) .caseDetails-title,
  body:not(:has(.hh-home-mobile-v4)) .details-title {
    margin: 0 0 14px !important;
    color: #0b1428 !important;
    font-size: 28px !important;
    line-height: 1.22 !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
    text-align: left !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .title-style,
  body:not(:has(.hh-home-mobile-v4)) .hh-decision-faq-title {
    text-align: left !important;
    margin: 0 0 20px !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .title-style p,
  body:not(:has(.hh-home-mobile-v4)) .sub-title,
  body:not(:has(.hh-home-mobile-v4)) .hh-decision-faq-title p,
  body:not(:has(.hh-home-mobile-v4)) .solution-section > .sub-title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 18px !important;
    font-size: 15px !important;
    line-height: 26px !important;
    color: #627084 !important;
    text-align: left !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .solution-section > h2:before,
  body:not(:has(.hh-home-mobile-v4)) .title-style h2:before,
  body:not(:has(.hh-home-mobile-v4)) .hh-decision-faq-title h2:before,
  body:not(:has(.hh-home-mobile-v4)) .about-huahan-box h2:before,
  body:not(:has(.hh-home-mobile-v4)) .about-course h2:before,
  body:not(:has(.hh-home-mobile-v4)) .huahan-honor-box h2:before {
    content: "" !important;
    display: block !important;
    width: 54px !important;
    height: 4px !important;
    margin: 0 0 12px !important;
    border-radius: 4px !important;
    background: linear-gradient(90deg,#1677ff,#19d3ff) !important;
  }

  body:not(:has(.hh-home-mobile-v4)) .solution-section ul,
  body:not(:has(.hh-home-mobile-v4)) .app-development-service ul,
  body:not(:has(.hh-home-mobile-v4)) .ec-field-ul,
  body:not(:has(.hh-home-mobile-v4)) .freight-service-ul,
  body:not(:has(.hh-home-mobile-v4)) .freight-step-ul,
  body:not(:has(.hh-home-mobile-v4)) .re-step-ul,
  body:not(:has(.hh-home-mobile-v4)) .wechat-core-ul,
  body:not(:has(.hh-home-mobile-v4)) .huahan-culture,
  body:not(:has(.hh-home-mobile-v4)) .tiktok-data-ul,
  body:not(:has(.hh-home-mobile-v4)) .news-list-ul,
  body:not(:has(.hh-home-mobile-v4)) .home-case-ul {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .solution-section li,
  body:not(:has(.hh-home-mobile-v4)) .app-development-service li,
  body:not(:has(.hh-home-mobile-v4)) .ec-field-li,
  body:not(:has(.hh-home-mobile-v4)) .freight-service-ul li,
  body:not(:has(.hh-home-mobile-v4)) .freight-step-ul li,
  body:not(:has(.hh-home-mobile-v4)) .re-step-ul li,
  body:not(:has(.hh-home-mobile-v4)) .wechat-core-ul li,
  body:not(:has(.hh-home-mobile-v4)) .culture-list,
  body:not(:has(.hh-home-mobile-v4)) .tiktok-data-ul li,
  body:not(:has(.hh-home-mobile-v4)) .news-list-ul li,
  body:not(:has(.hh-home-mobile-v4)) .home-case-li,
  body:not(:has(.hh-home-mobile-v4)) .hh-decision-faq-item {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 16px 16px !important;
    border-radius: 16px !important;
    background: #f7fbff !important;
    border: 1px solid #e0ebf8 !important;
    box-shadow: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .solution-section li h3,
  body:not(:has(.hh-home-mobile-v4)) .hh-decision-faq-item h3,
  body:not(:has(.hh-home-mobile-v4)) .culture-list div,
  body:not(:has(.hh-home-mobile-v4)) .news-list-left a {
    margin: 0 0 8px !important;
    color: #0b1428 !important;
    font-size: 18px !important;
    line-height: 1.38 !important;
    font-weight: 850 !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .solution-section li div,
  body:not(:has(.hh-home-mobile-v4)) .solution-section li p,
  body:not(:has(.hh-home-mobile-v4)) .hh-decision-faq-item p,
  body:not(:has(.hh-home-mobile-v4)) .culture-list p,
  body:not(:has(.hh-home-mobile-v4)) .news-list-left p {
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 24px !important;
    margin: 0 !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .solution-section li img,
  body:not(:has(.hh-home-mobile-v4)) .app-development-service li img,
  body:not(:has(.hh-home-mobile-v4)) .culture-list img {
    width: 44px !important;
    height: 44px !important;
    object-fit: contain !important;
    margin: 0 0 10px !important;
  }

  body:not(:has(.hh-home-mobile-v4)) .hh-industry-agent-bridge,
  body:not(:has(.hh-home-mobile-v4)) .hh-app-agent-redesign {
    background: linear-gradient(135deg,#071a3a,#0f3b82) !important;
    border-color: rgba(255,255,255,.12) !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .hh-app-agent-inner,
  body:not(:has(.hh-home-mobile-v4)) .hh-industry-agent-inner {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .hh-app-agent-copy h2,
  body:not(:has(.hh-home-mobile-v4)) .hh-industry-agent-inner h2,
  body:not(:has(.hh-home-mobile-v4)) .hh-app-agent-copy p,
  body:not(:has(.hh-home-mobile-v4)) .hh-industry-agent-inner p {
    color: #fff !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .hh-app-agent-copy p,
  body:not(:has(.hh-home-mobile-v4)) .hh-industry-agent-inner p {
    color: rgba(255,255,255,.76) !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .hh-app-agent-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 18px 0 0 !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .hh-app-agent-tags em {
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.1) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    font-size: 13px !important;
    font-style: normal !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .hh-app-agent-flow,
  body:not(:has(.hh-home-mobile-v4)) .hh-industry-agent-links,
  body:not(:has(.hh-home-mobile-v4)) .hh-decision-faq-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .hh-app-agent-card,
  body:not(:has(.hh-home-mobile-v4)) .hh-industry-agent-links a {
    display: block !important;
    min-height: 0 !important;
    padding: 16px 16px 16px 58px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.96) !important;
    color: #0b1428 !important;
    border: 1px solid rgba(255,255,255,.7) !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .hh-app-agent-card b {
    left: 14px !important;
    top: 16px !important;
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    border-radius: 10px !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .hh-app-agent-card strong,
  body:not(:has(.hh-home-mobile-v4)) .hh-industry-agent-links a {
    font-size: 17px !important;
    line-height: 1.38 !important;
    font-weight: 850 !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .hh-app-agent-card p,
  body:not(:has(.hh-home-mobile-v4)) .hh-industry-agent-links span {
    margin-top: 6px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 24px !important;
  }

  body:not(:has(.hh-home-mobile-v4)) .hh-decision-faq-section {
    background: #fff !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .hh-decision-faq-inner {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .hh-decision-faq-item:before {
    top: 16px !important;
    height: 22px !important;
    background: #1677ff !important;
  }

  body:not(:has(.hh-home-mobile-v4)) .homecasepresent .present-content,
  body:not(:has(.hh-home-mobile-v4)) .home-case,
  body:not(:has(.hh-home-mobile-v4)) .home-case-ul,
  body:not(:has(.hh-home-mobile-v4)) .home-case-pic {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .home-case-pic img,
  body:not(:has(.hh-home-mobile-v4)) .news-list-ul img,
  body:not(:has(.hh-home-mobile-v4)) .homenews img {
    width: 100% !important;
    height: auto !important;
    max-height: 190px !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    margin: 0 0 12px !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .news-content,
  body:not(:has(.hh-home-mobile-v4)) .news-module-left,
  body:not(:has(.hh-home-mobile-v4)) .news-module-right,
  body:not(:has(.hh-home-mobile-v4)) .homenews-wrap,
  body:not(:has(.hh-home-mobile-v4)) .col,
  body:not(:has(.hh-home-mobile-v4)) .module {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    float: none !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .tt.tabmenu,
  body:not(:has(.hh-home-mobile-v4)) .news-list-type {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 0 0 12px !important;
    margin: 0 0 14px !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .tt.tabmenu span,
  body:not(:has(.hh-home-mobile-v4)) .tt.tabmenu a,
  body:not(:has(.hh-home-mobile-v4)) .news-list-type div,
  body:not(:has(.hh-home-mobile-v4)) .news-list-type a {
    flex: 0 0 auto !important;
    width: auto !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: #eef5ff !important;
    color: #1677ff !important;
    border: 1px solid #d7e7fb !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .tt.tabmenu .cur,
  body:not(:has(.hh-home-mobile-v4)) .news-list-type .cicked-type,
  body:not(:has(.hh-home-mobile-v4)) .news-list-type .cicked-type a {
    background: #1677ff !important;
    color: #fff !important;
  }

  body:not(:has(.hh-home-mobile-v4)) .about-us-box,
  body:not(:has(.hh-home-mobile-v4)) .about-huahan-box > div,
  body:not(:has(.hh-home-mobile-v4)) .about-course ul,
  body:not(:has(.hh-home-mobile-v4)) .honor-list,
  body:not(:has(.hh-home-mobile-v4)) .partner-box {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .about-huahan-box p {
    font-size: 15px !important;
    line-height: 28px !important;
    color: #52637a !important;
    margin: 0 !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .about-huahan-box img,
  body:not(:has(.hh-home-mobile-v4)) .huahan-honor-box img,
  body:not(:has(.hh-home-mobile-v4)) .partner img {
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

/* 2026-05-21 子页面移动端标准化补丁：新闻列表与更多按钮收口 */
@media (max-width: 900px) {
  body:not(:has(.hh-home-mobile-v4)) .news-list-content,
  body:not(:has(.hh-home-mobile-v4)) .news-list-wrapper,
  body:not(:has(.hh-home-mobile-v4)) .news-list-ul.mid-content,
  body:not(:has(.hh-home-mobile-v4)) .news-list-ul,
  body:not(:has(.hh-home-mobile-v4)) #nowNews,
  body:not(:has(.hh-home-mobile-v4)) #industryConsulting,
  body:not(:has(.hh-home-mobile-v4)) #commonQuestion {
    width: calc(100% - 30px) !important;
    max-width: calc(100% - 30px) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .news-list-ul.mid-content,
  body:not(:has(.hh-home-mobile-v4)) .news-list-ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .news-list-ul li,
  body:not(:has(.hh-home-mobile-v4)) .news-list-ul li.fr-b-c {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .news-list-left {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .news-list-ul li img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 150px !important;
    object-fit: cover !important;
    margin: 12px 0 0 !important;
    float: none !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .tt.tabmenu .more,
  body:not(:has(.hh-home-mobile-v4)) .tt.tabmenu a.more,
  body:not(:has(.hh-home-mobile-v4)) .more.fr.nav-btn,
  body:not(:has(.hh-home-mobile-v4)) .more.fr.nav-btn.aclicks {
    display: none !important;
  }
}

/* 2026-05-21 新闻列表页移动端首屏重构 */
@media (max-width: 900px) {
  body:not(:has(.hh-home-mobile-v4)) .news-list-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 92px !important;
    background: #f3f7fc !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .news-list-title {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 260px !important;
    margin: 0 !important;
    padding: 86px 30px 34px !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    border-radius: 0 0 26px 26px !important;
    background: linear-gradient(135deg,#071a3a 0%,#113b82 58%,#1d73ff 100%) !important;
    box-sizing: border-box !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .news-list-title:before {
    content: "新闻资讯" !important;
    display: block !important;
    max-width: 280px !important;
    color: #fff !important;
    font-size: 42px !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .news-list-title:after {
    content: "软件开发方案、行业动态与常见问题" !important;
    position: absolute !important;
    left: 30px !important;
    bottom: 28px !important;
    color: rgba(255,255,255,.76) !important;
    font-size: 16px !important;
    line-height: 24px !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .news-list-title img {
    display: none !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .news-list-wrapper {
    width: calc(100% - 30px) !important;
    max-width: calc(100% - 30px) !important;
    margin: -36px auto 0 !important;
    padding: 20px 16px 24px !important;
    border-radius: 24px !important;
    background: #fff !important;
    border: 1px solid #dce9f8 !important;
    box-shadow: 0 18px 48px rgba(24,61,118,.08) !important;
    overflow: hidden !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .news-list-type.mid-content,
  body:not(:has(.hh-home-mobile-v4)) .news-list-type {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 0 10px !important;
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
    border: 0 !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .news-list-type::-webkit-scrollbar,
  body:not(:has(.hh-home-mobile-v4)) .tt.tabmenu::-webkit-scrollbar {
    display: none !important;
  }
}

/* 2026-05-21 新闻列表页 tab 点击区防越界 */
@media (max-width: 900px) {
  body:not(:has(.hh-home-mobile-v4)) .news-list-type div,
  body:not(:has(.hh-home-mobile-v4)) .news-list-type a {
    max-width: 108px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .news-list-type {
    padding-right: 8px !important;
  }
}

/* 2026-05-21 新闻列表页标题层级二次收口 */
@media (max-width: 900px) {
  body:not(:has(.hh-home-mobile-v4)) .news-list-title {
    height: 300px !important;
    display: block !important;
    padding: 0 !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .news-list-title:before {
    position: absolute !important;
    left: 30px !important;
    right: 30px !important;
    bottom: 92px !important;
    max-width: 300px !important;
    font-size: 44px !important;
    line-height: 1.08 !important;
    z-index: 2 !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .news-list-title:after {
    left: 30px !important;
    right: 30px !important;
    bottom: 52px !important;
    max-width: 310px !important;
    z-index: 2 !important;
  }
  body:not(:has(.hh-home-mobile-v4)) .news-list-wrapper {
    margin-top: -28px !important;
    position: relative !important;
    z-index: 3 !important;
  }
}

/* 2026-05-21 zt 老专题页移动端兜底 */
@media (max-width: 900px) {
  html, body {
    min-width: 0 !important;
  }
  body:has(link[href*="../css/mobile-adapter.css"]) {
    padding-top: 72px !important;
    padding-bottom: 74px !important;
    background: #f3f7fc !important;
    overflow-x: hidden !important;
  }
  body:has(link[href*="../css/mobile-adapter.css"]) #header,
  body:has(link[href*="../css/mobile-adapter.css"]) .header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 72px !important;
    min-height: 72px !important;
    width: 100% !important;
    min-width: 0 !important;
    background: #fff !important;
    z-index: 10000 !important;
    box-shadow: 0 10px 30px rgba(15,45,90,.08) !important;
  }
  body:has(link[href*="../css/mobile-adapter.css"]) #header .bc,
  body:has(link[href*="../css/mobile-adapter.css"]) .header .bc {
    width: 100% !important;
    max-width: 100% !important;
    height: 72px !important;
    min-width: 0 !important;
    padding: 0 78px 0 18px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }
  body:has(link[href*="../css/mobile-adapter.css"]) #header .fr,
  body:has(link[href*="../css/mobile-adapter.css"]) #header ul,
  body:has(link[href*="../css/mobile-adapter.css"]) #header li:not(:first-child) {
    display: none !important;
  }
  body:has(link[href*="../css/mobile-adapter.css"]) #header img,
  body:has(link[href*="../css/mobile-adapter.css"]) .header img {
    max-width: 157px !important;
    max-height: 40px !important;
    object-fit: contain !important;
  }
  body:has(link[href*="../css/mobile-adapter.css"]) .bc,
  body:has(link[href*="../css/mobile-adapter.css"]) .w1200,
  body:has(link[href*="../css/mobile-adapter.css"]) .container,
  body:has(link[href*="../css/mobile-adapter.css"]) .main,
  body:has(link[href*="../css/mobile-adapter.css"]) section,
  body:has(link[href*="../css/mobile-adapter.css"]) .content,
  body:has(link[href*="../css/mobile-adapter.css"]) .wrap {
    width: calc(100% - 30px) !important;
    max-width: calc(100% - 30px) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  body:has(link[href*="../css/mobile-adapter.css"]) img,
  body:has(link[href*="../css/mobile-adapter.css"]) video,
  body:has(link[href*="../css/mobile-adapter.css"]) canvas {
    max-width: 100% !important;
    height: auto !important;
  }
  body:has(link[href*="../css/mobile-adapter.css"]) [style*="width:1200"],
  body:has(link[href*="../css/mobile-adapter.css"]) [style*="width: 1200"],
  body:has(link[href*="../css/mobile-adapter.css"]) [style*="width:1300"],
  body:has(link[href*="../css/mobile-adapter.css"]) [style*="width: 1300"] {
    width: 100% !important;
    max-width: 100% !important;
  }
  body:has(link[href*="../css/mobile-adapter.css"]) .banner,
  body:has(link[href*="../css/mobile-adapter.css"]) .banner-box,
  body:has(link[href*="../css/mobile-adapter.css"]) .top,
  body:has(link[href*="../css/mobile-adapter.css"]) .kv {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 280px !important;
    margin: 0 !important;
    padding: 58px 24px 34px !important;
    border-radius: 0 0 26px 26px !important;
    background-size: cover !important;
    background-position: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  body:has(link[href*="../css/mobile-adapter.css"]) h1,
  body:has(link[href*="../css/mobile-adapter.css"]) .banner h1,
  body:has(link[href*="../css/mobile-adapter.css"]) .top h1,
  body:has(link[href*="../css/mobile-adapter.css"]) .kv h1 {
    font-size: 36px !important;
    line-height: 1.16 !important;
    font-weight: 900 !important;
  }
}

/* 2026-05-21 子页面移动端三次收口：不另起风格，复用首页手机端组件语言 */
.hhm-subpage-hero {
  display: none;
}

@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) {
    background: linear-gradient(180deg, #f6f9ff 0%, #eef4fb 42%, #f7f9fc 100%) !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .catering-banner-wrapper,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-topic-hero,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .news-list-title {
    display: none !important;
  }

  .hhm-subpage-hero {
    position: relative;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 92px 18px 24px !important;
    overflow: hidden !important;
    color: #fff !important;
    background:
      linear-gradient(120deg, rgba(8, 21, 45, .98), rgba(9, 55, 128, .93)),
      radial-gradient(circle at 75% 8%, rgba(55, 168, 255, .55) 0, rgba(55, 168, 255, 0) 34%),
      radial-gradient(circle at 8% 78%, rgba(16, 118, 255, .42) 0, rgba(16, 118, 255, 0) 30%) !important;
    box-sizing: border-box !important;
    isolation: isolate;
  }

  .hhm-subpage-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    right: -96px;
    top: 116px;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background:
      linear-gradient(135deg, rgba(255,255,255,.2), rgba(255,255,255,0)),
      repeating-conic-gradient(from 12deg, rgba(255,255,255,.18) 0 8deg, rgba(255,255,255,0) 8deg 22deg);
    opacity: .52;
    transform: rotate(-12deg);
    pointer-events: none;
  }

  .hhm-subpage-hero::after {
    content: "";
    position: absolute;
    right: 18px;
    bottom: 98px;
    width: 124px;
    height: 124px;
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,.13);
    background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.03));
    transform: rotate(10deg);
    box-shadow: 0 24px 80px rgba(0,0,0,.22);
    pointer-events: none;
  }

  .hhm-subpage-hero .hhm-hero-kicker {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin-bottom: 18px;
    padding: 0 13px;
    border-radius: 999px;
    color: rgba(255,255,255,.86);
    background: rgba(255,255,255,.11);
    border: 1px solid rgba(255,255,255,.16);
    font-size: 14px;
    line-height: 24px;
    font-weight: 850;
    letter-spacing: .02em;
    backdrop-filter: blur(10px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
  }

  .hhm-subpage-hero .hhm-hero-title {
    position: relative;
    z-index: 2;
    max-width: 330px !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 38px !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.05em !important;
    text-align: left !important;
    text-shadow: 0 12px 36px rgba(0,0,0,.24);
  }

  .hhm-subpage-hero.hhm-title-long .hhm-hero-title {
    max-width: 336px !important;
    font-size: 31px !important;
    line-height: 1.16 !important;
    letter-spacing: -.04em !important;
  }

  .hhm-subpage-hero.hhm-title-very-long .hhm-hero-title {
    max-width: 340px !important;
    font-size: 27px !important;
    line-height: 1.18 !important;
    letter-spacing: -.035em !important;
  }

  .hhm-subpage-hero p {
    position: relative;
    z-index: 2;
    max-width: 318px !important;
    margin: 12px 0 0 !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 15px !important;
    line-height: 23px !important;
    text-align: left !important;
  }

  .hhm-subpage-hero .hhm-hero-actions {
    position: relative;
    z-index: 2;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 18px !important;
  }

  .hhm-subpage-hero .hhm-hero-actions a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
  }

  .hhm-subpage-hero .hhm-hero-actions a:first-child {
    color: #071225 !important;
    background: #fff !important;
  }

  .hhm-subpage-hero .hhm-hero-actions a:last-child {
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.36) !important;
    background: rgba(255,255,255,.08) !important;
  }

  .hhm-subpage-hero .hhm-proof {
    position: relative;
    z-index: 2;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .hhm-subpage-hero .hhm-proof li {
    min-width: 0 !important;
    padding: 10px 8px !important;
    border-radius: 16px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.15), rgba(255,255,255,.05)) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14) !important;
  }

  .hhm-subpage-hero .hhm-proof strong {
    display: block !important;
    color: #fff !important;
    font-size: 19px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  .hhm-subpage-hero .hhm-proof span {
    display: block !important;
    margin-top: 5px !important;
    color: rgba(255,255,255,.64) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .solution-section,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homeplan,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homepath,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homecasepresent,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .high-quality-section,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-decision-faq-section,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .about-us-box > .mid-content,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .huahan-culture-box,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .about-course,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .huahan-honor-box,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .partner,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .news-list-wrapper,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .news-detail-content-wrapper,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .case-detail-content,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .caseDetails-content,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .details-content,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-topic-page-body > section,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .run-errands-section,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .manage,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .l-section {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 16px 18px 0 !important;
    padding: 24px 18px !important;
    border-radius: 28px !important;
    background: rgba(255,255,255,.86) !important;
    border: 1px solid rgba(213,226,244,.92) !important;
    box-shadow: 0 18px 42px rgba(30,62,112,.08) !important;
    backdrop-filter: blur(10px);
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-industry-agent-bridge,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-app-agent-redesign {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 16px 18px 0 !important;
    padding: 24px 18px !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    color: #fff !important;
    background:
      radial-gradient(circle at 88% 18%, rgba(64,167,255,.36), rgba(64,167,255,0) 36%),
      linear-gradient(145deg, #071833 0%, #0d316e 100%) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    box-shadow: 0 22px 54px rgba(4,18,45,.22) !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .news-list-wrapper {
    margin-top: 16px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .title-style h2,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .solution-section > h2,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-decision-faq-title h2,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-app-agent-copy h2,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .about-huahan-box h2,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .about-course h2,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .huahan-honor-box h2,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .case-title,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .details-title,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .news-detail-title,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) h1 {
    margin: 10px 0 14px !important;
    color: #101828 !important;
    font-size: 25px !important;
    line-height: 1.22 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .title-style h2:before,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .solution-section > h2:before,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-decision-faq-title h2:before,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .about-huahan-box h2:before,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .about-course h2:before,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .huahan-honor-box h2:before {
    content: "" !important;
    display: block !important;
    width: 54px !important;
    height: 4px !important;
    margin: 0 0 12px !important;
    border-radius: 4px !important;
    background: linear-gradient(90deg,#1677ff,#19d3ff) !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .title-style p,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .sub-title,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-decision-faq-title p,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .solution-section > .sub-title,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) p {
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    text-align: left !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .solution-section ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .app-development-service ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .wechat-development-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .wechat-core-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .ec-field-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .tiktok-data-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .home-case-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-topic-card-grid,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-topic-faq-list,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .news-list-ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-step-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .re-step-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-decision-faq-list,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-app-agent-flow,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-industry-agent-links,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .news-list-ul {
    grid-template-columns: 1fr !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .solution-section li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .app-development-service li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .wechat-development-ul li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .wechat-core-ul li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .ec-field-li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-ul li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .tiktok-data-ul li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-topic-card,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-topic-faq-item {
    position: relative !important;
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 154px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 15px 13px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 20px !important;
    background: linear-gradient(160deg, #f8fbff 0%, #eef5ff 100%) !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .solution-section li:after,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .app-development-service li:after,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .wechat-development-ul li:after,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .ec-field-li:after,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-ul li:after,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul li:after,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .tiktok-data-ul li:after {
    content: "";
    position: absolute;
    right: -26px;
    bottom: -34px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: rgba(23,99,220,.08);
    pointer-events: none;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .solution-section li img,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .app-development-service li img,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .wechat-development-ul li img,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .ec-field-li img,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-ul li img,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul li img,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .tiktok-data-ul li img {
    display: block !important;
    width: 36px !important;
    height: 36px !important;
    object-fit: contain !important;
    margin: 0 0 12px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .solution-section li h3,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .app-development-service li h3,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .wechat-development-ul li h3,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .ec-field-li h3,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-ul li h3,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul li h3,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .tiktok-data-ul li h3,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-topic-card h2,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-topic-faq-item h3 {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 0 8px !important;
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 1.28 !important;
    font-weight: 900 !important;
    text-align: left !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .solution-section li div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .solution-section li p,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .app-development-service li div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .wechat-development-ul li p,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .ec-field-li p,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-ul li p,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul li p,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .tiktok-data-ul li div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-topic-card p,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-topic-faq-item p {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 20px !important;
    text-align: left !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homecasepresent .home-case-ul {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homecasepresent .home-case-li {
    position: relative !important;
    display: block !important;
    min-height: 186px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 22px !important;
    background: #071833 !important;
    border: 0 !important;
    box-shadow: 0 18px 38px rgba(13,42,97,.16) !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homecasepresent .home-case-li:nth-child(n + 5) {
    display: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homecasepresent .home-case-li img,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homecasepresent .home-case-pic img {
    display: block !important;
    width: 100% !important;
    height: 186px !important;
    max-height: 186px !important;
    object-fit: cover !important;
    margin: 0 !important;
    border-radius: 0 !important;
    transform: scale(1.01);
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homecasepresent .home-case-li:after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 62%;
    background: linear-gradient(180deg, rgba(3,12,28,0) 0%, rgba(3,12,28,.82) 100%);
    pointer-events: none;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homecasepresent .case-text,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homecasepresent .home-case-text,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homecasepresent .home-case-li p,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homecasepresent .home-case-li h3 {
    position: relative !important;
    z-index: 2 !important;
    color: #fff !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-app-agent-card,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-industry-agent-links a,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-decision-faq-item,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .news-list-ul li {
    border-radius: 18px !important;
    background: #f8fbff !important;
    border: 0 !important;
    box-shadow: inset 0 0 0 1px #e4edf8 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-app-agent-copy h2,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-app-agent-copy p,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-industry-agent-inner h2,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-industry-agent-inner p {
    color: #fff !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-app-agent-copy p,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-industry-agent-inner p {
    opacity: .76 !important;
  }
}

@media (max-width: 420px) {
  .hhm-subpage-hero .hhm-hero-title {
    font-size: 36px !important;
  }
  .hhm-subpage-hero.hhm-title-long .hhm-hero-title {
    font-size: 29px !important;
  }
  .hhm-subpage-hero.hhm-title-very-long .hhm-hero-title {
    font-size: 25px !important;
  }
}

/* 2026-05-21 子页面移动端四次收口：修正动态首屏遮挡与卡片继承旧PC尺寸 */
@media (max-width: 900px) {
  .hhm-subpage-hero {
    z-index: 20 !important;
  }

  .hhm-subpage-hero + .catering-banner-wrapper,
  .hhm-subpage-hero + .hh-topic-hero,
  .hhm-subpage-hero + .news-list-content .news-list-title,
  .hhm-subpage-hero + .news-list-content > .news-list-title {
    display: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .catering-banner-wrapper,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-topic-hero,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .news-list-title {
    position: absolute !important;
    left: -9999px !important;
    top: 0 !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 0 !important;
    max-height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .solution-section > .mid-content,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .app-development-service > .mid-content,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .wechat-development-section > .mid-content,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .ec-field-section > .mid-content,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-wrapper > .mid-content,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .present-content,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .home-case,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .news-content,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .app-development-service ul li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .app-development-service ul li:nth-child(n),
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .solution-section ul li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .solution-section ul li:nth-child(n),
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .wechat-development-ul li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .wechat-development-ul li:nth-child(n),
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .ec-field-ul li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .ec-field-ul li:nth-child(n),
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-ul li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .tiktok-data-ul li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .tiktok-data-ul li:nth-child(n) {
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    float: none !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 154px !important;
    margin: 0 !important;
    padding: 15px 13px !important;
    box-sizing: border-box !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .app-development-service ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .solution-section ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .wechat-development-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .ec-field-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .tiktok-data-ul {
    align-items: stretch !important;
    justify-content: stretch !important;
  }
}

/* 2026-05-21 开发专题页移动端：同样收为首页白卡与信息块 */
@media (max-width: 900px) {
  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-breadcrumb,
  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-answer,
  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-content,
  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-related,
  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-faq,
  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-cta {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 16px 18px 0 !important;
    padding: 24px 18px !important;
    border-radius: 28px !important;
    background: rgba(255,255,255,.86) !important;
    border: 1px solid rgba(213,226,244,.92) !important;
    box-shadow: 0 18px 42px rgba(30,62,112,.08) !important;
    backdrop-filter: blur(10px);
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-breadcrumb {
    padding: 14px 18px !important;
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 22px !important;
  }

  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-answer {
    display: block !important;
  }

  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-answer-copy span,
  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-kicker,
  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-section-label {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    color: #1d64d8 !important;
    background: #eef5ff !important;
    border: 1px solid #dbeaff !important;
    font-size: 12px !important;
    line-height: 24px !important;
    font-weight: 850 !important;
    letter-spacing: .02em !important;
  }

  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-answer h2,
  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-block h2,
  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-related h2,
  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-faq h2 {
    margin: 10px 0 14px !important;
    color: #101828 !important;
    font-size: 25px !important;
    line-height: 1.22 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
  }

  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-answer p,
  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-block p,
  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-content p,
  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-content li {
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    text-align: left !important;
  }

  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-stats,
  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-checklist,
  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-related-list,
  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-faq-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-stat,
  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-checklist li,
  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-related-list a,
  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-faq-item {
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 15px 13px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: linear-gradient(160deg, #f8fbff 0%, #eef5ff 100%) !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
    box-sizing: border-box !important;
  }

  body.hhm-subpage-ready.hh-topic-page-body .hh-topic-block {
    margin: 16px 0 0 !important;
    padding: 0 !important;
  }

body.hhm-subpage-ready.hh-topic-page-body .hh-topic-content article {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* 2026-05-21 子页面内容保真修正：移动端保留 PC 正文结构，仅处理不适配板块 */
@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .re-line,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .re-line > div {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    overflow: hidden !important;
  }

  body.hhm-zt-page {
    padding-top: 72px !important;
    padding-bottom: 74px !important;
    background: #f3f7fc !important;
    overflow-x: hidden !important;
  }

  body.hhm-zt-page #header,
  body.hhm-zt-page .header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 72px !important;
    min-height: 72px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    background: #fff !important;
    z-index: 10000 !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(15,45,90,.08) !important;
  }

  body.hhm-zt-page #header .bc,
  body.hhm-zt-page .header .bc {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 72px !important;
    margin: 0 !important;
    padding: 0 78px 0 18px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  body.hhm-zt-page #header .fr,
  body.hhm-zt-page #header ul,
  body.hhm-zt-page #header li:not(:first-child),
  body.hhm-zt-page .header .fr,
  body.hhm-zt-page .header ul,
  body.hhm-zt-page .header li:not(:first-child) {
    display: none !important;
  }

  body.hhm-zt-page #header img,
  body.hhm-zt-page .header img {
    max-width: 157px !important;
    max-height: 40px !important;
    object-fit: contain !important;
  }

  body.hhm-zt-page .bc,
  body.hhm-zt-page .w1200,
  body.hhm-zt-page .container,
  body.hhm-zt-page .main,
  body.hhm-zt-page section,
  body.hhm-zt-page .content,
  body.hhm-zt-page .wrap,
  body.hhm-zt-page .xt-sl-c,
  body.hhm-zt-page .zt-footer .bc {
    width: calc(100% - 30px) !important;
    max-width: calc(100% - 30px) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body.hhm-zt-page img,
  body.hhm-zt-page video,
  body.hhm-zt-page canvas {
    max-width: 100% !important;
    height: auto !important;
  }

  body.hhm-zt-page .banner,
  body.hhm-zt-page .app-ban,
  body.hhm-zt-page .xcx-ban,
  body.hhm-zt-page .xt-ban,
  body.hhm-zt-page .top,
  body.hhm-zt-page .kv {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 0 26px 26px !important;
    background-size: cover !important;
    background-position: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.hhm-zt-page .banner > .bc {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 300px !important;
    padding: 64px 24px 34px !important;
  }

  body.hhm-zt-page .ban-c,
  body.hhm-zt-page .banner .ban-c {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
  }

  body.hhm-zt-page .ban-c h1,
  body.hhm-zt-page .banner h1 {
    max-width: 330px !important;
    font-size: 36px !important;
    line-height: 1.16 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
  }

  body.hhm-zt-page .ban-c-02,
  body.hhm-zt-page .ban-c-03 {
    max-width: 320px !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  body.hhm-zt-page .ban-c-img,
  body.hhm-zt-page .banner .ban-c-img {
    position: absolute !important;
    right: -54px !important;
    bottom: -6px !important;
    width: 210px !important;
    max-width: 58vw !important;
    opacity: .42 !important;
    pointer-events: none !important;
  }

  body.hhm-zt-page .xt-sl,
  body.hhm-zt-page .xcx-hy,
  body.hhm-zt-page .xt-ys,
  body.hhm-zt-page .xt-al,
  body.hhm-zt-page .xt-fw,
  body.hhm-zt-page .xt-lc,
  body.hhm-zt-page .xt-kh,
  body.hhm-zt-page .zt-footer {
    width: calc(100% - 30px) !important;
    max-width: calc(100% - 30px) !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 16px auto !important;
    padding: 24px 18px !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid #dce9f8 !important;
    box-shadow: 0 18px 48px rgba(24,61,118,.08) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.hhm-zt-page .xt-sl ul,
  body.hhm-zt-page .xcx-hy ul,
  body.hhm-zt-page .xt-ys ul,
  body.hhm-zt-page .xt-al-c,
  body.hhm-zt-page .xt-al-kh ul,
  body.hhm-zt-page .xt-fw-c,
  body.hhm-zt-page .xt-lc ul,
  body.hhm-zt-page .xt-kh ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.hhm-zt-page .xt-ys ul,
  body.hhm-zt-page .xt-fw-c,
  body.hhm-zt-page .xt-lc ul {
    grid-template-columns: 1fr !important;
  }

  body.hhm-zt-page li,
  body.hhm-zt-page .xt-fw-c > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px 12px !important;
    border-radius: 16px !important;
    background: #f7fbff !important;
    border: 1px solid #e0ebf8 !important;
    box-sizing: border-box !important;
    float: none !important;
    transform: none !important;
  }

  body.hhm-zt-page .zt-tit,
  body.hhm-zt-page .zt-tit-o,
  body.hhm-zt-page .zt-tit-t {
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  body.hhm-zt-page .zt-tit-o {
    margin: 0 0 10px !important;
    color: #0b1428 !important;
    font-size: 26px !important;
    line-height: 1.22 !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
  }

  body.hhm-zt-page .zt-tit-t,
  body.hhm-zt-page p,
  body.hhm-zt-page li p {
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 23px !important;
  }
}

/* 2026-05-21 zt 专题页二次收口：保留原正文内容，去掉 PC 绝对尺寸和 float */
@media (max-width: 900px) {
  body.hhm-zt-page * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.hhm-zt-page .fl,
  body.hhm-zt-page .fr,
  body.hhm-zt-page li,
  body.hhm-zt-page ul,
  body.hhm-zt-page ol,
  body.hhm-zt-page .xt-ys li,
  body.hhm-zt-page .xt-sl li,
  body.hhm-zt-page .xcx-ka li,
  body.hhm-zt-page .xt-zd li,
  body.hhm-zt-page .xt-fa li,
  body.hhm-zt-page .xt-al li,
  body.hhm-zt-page .xt-fw li {
    float: none !important;
  }

  body.hhm-zt-page .xt-sl-c li.one,
  body.hhm-zt-page .xt-sl-c .one,
  body.hhm-zt-page li.one,
  body.hhm-zt-page li.li-one,
  body.hhm-zt-page .xt-ys-c-one {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.hhm-zt-page .xt-sl-c li,
  body.hhm-zt-page .xt-sl-c .one,
  body.hhm-zt-page .xt-ys li,
  body.hhm-zt-page .xt-ys li.xt-ys-c-one,
  body.hhm-zt-page .xt-ys li div,
  body.hhm-zt-page .xt-ys li p,
  body.hhm-zt-page .xt-zd .o,
  body.hhm-zt-page .xt-zd .o li,
  body.hhm-zt-page .xt-zd .o .one,
  body.hhm-zt-page .xt-zd .o .one div,
  body.hhm-zt-page .xt-zd .o .one div p,
  body.hhm-zt-page .xt-zd .o .two,
  body.hhm-zt-page .xt-fa-c,
  body.hhm-zt-page .xt-fa-c li,
  body.hhm-zt-page .xcx-ka,
  body.hhm-zt-page .xcx-ka ul,
  body.hhm-zt-page .xcx-ka li,
  body.hhm-zt-page .xcx-ka li div,
  body.hhm-zt-page .zt-c-tel,
  body.hhm-zt-page .zt-c-tel span {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.hhm-zt-page .zt-c-tel {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-top: 18px !important;
    padding: 14px 16px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg,#1677ff,#0d4fd7) !important;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 22px !important;
  }

  body.hhm-zt-page .zt-c-tel span {
    display: inline !important;
    flex: 0 0 auto !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 22px !important;
  }

  body.hhm-zt-page .zt-c-tel:before,
  body.hhm-zt-page .zt-c-tel span:before,
  body.hhm-zt-page .xcx-ka li:before,
  body.hhm-zt-page .xcx-ka li div:before,
  body.hhm-zt-page .xt-ys li:before,
  body.hhm-zt-page .xt-zd .o .two:after {
    display: none !important;
  }

  body.hhm-zt-page .xcx-ka {
    margin: 16px auto !important;
    padding: 24px 18px !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid #dce9f8 !important;
    box-shadow: 0 18px 48px rgba(24,61,118,.08) !important;
    overflow: hidden !important;
  }

  body.hhm-zt-page .xcx-ka ul,
  body.hhm-zt-page .xt-zd .o,
  body.hhm-zt-page .xt-fa-c {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.hhm-zt-page .xt-zd .o,
  body.hhm-zt-page .xt-fa-c {
    grid-template-columns: 1fr !important;
  }

  body.hhm-zt-page .xcx-ka li,
  body.hhm-zt-page .xt-zd .o li,
  body.hhm-zt-page .xt-fa-c li {
    display: block !important;
    padding: 14px 12px !important;
    border-radius: 16px !important;
    background: #f7fbff !important;
    border: 1px solid #e0ebf8 !important;
    overflow: hidden !important;
  }

  body.hhm-zt-page .xt-ys li > div {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }

  body.hhm-zt-page .xt-ys-c-o,
  body.hhm-zt-page .xcx-ka-o,
  body.hhm-zt-page .xt-zd .o .one div p:first-child,
  body.hhm-zt-page .xt-fa-c p:first-child {
    width: 100% !important;
    color: #0b1428 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 850 !important;
    white-space: normal !important;
  }

  body.hhm-zt-page .xt-ys-c-t,
  body.hhm-zt-page .xcx-ka-t {
    width: 100% !important;
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 22px !important;
    white-space: normal !important;
  }
}

/* 2026-05-21 zt 专题页三次收口：处理右侧浮层、系统页复杂大卡片 */
@media (max-width: 900px) {
  body.hhm-zt-page .zt-float-tel,
  body.hhm-zt-page .zt-float-right,
  body.hhm-zt-page .zt-float-right-tel,
  body.hhm-zt-page .zt-float-right-zx,
  body.hhm-zt-page .gotop {
    display: none !important;
  }

  .hhm-subpage-hero {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
  }

  .hhm-subpage-hero::before,
  .hhm-subpage-hero::after {
    max-width: calc(100vw - 36px) !important;
  }

  body.hhm-zt-page .ban-c,
  body.hhm-zt-page .banner .ban-c,
  body.hhm-zt-page .bc,
  body.hhm-zt-page .xt-sl-c,
  body.hhm-zt-page .xt-sl-c ul,
  body.hhm-zt-page .zt-c-tel,
  body.hhm-zt-page .zt-c-tel span,
  body.hhm-zt-page .xt-al-c li,
  body.hhm-zt-page .xt-al-kh li {
    overflow-x: hidden !important;
  }

  body.hhm-zt-page .ban-c-but {
    max-width: 150px !important;
    width: 150px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.hhm-zt-xt .xt-fa,
  body.hhm-zt-xt .xt-zd {
    width: calc(100% - 30px) !important;
    max-width: calc(100% - 30px) !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 16px auto !important;
    padding: 24px 18px !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid #dce9f8 !important;
    box-shadow: 0 18px 48px rgba(24,61,118,.08) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.hhm-zt-xt .xt-fa .bc,
  body.hhm-zt-xt .xt-fa .zt-tit,
  body.hhm-zt-xt .xt-fa .zt-tit-o,
  body.hhm-zt-xt .xt-fa .zt-tit-t,
  body.hhm-zt-xt .xt-fa-c,
  body.hhm-zt-xt .xt-fa-c ul,
  body.hhm-zt-xt .xt-fa-c li,
  body.hhm-zt-xt .xt-zd .bc,
  body.hhm-zt-xt .xt-zd ul,
  body.hhm-zt-xt .xt-zd li,
  body.hhm-zt-xt .xt-zd .o,
  body.hhm-zt-xt .xt-zd .s,
  body.hhm-zt-xt .xt-zd .t {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.hhm-zt-xt .xt-fa-c ul,
  body.hhm-zt-xt .xt-zd .o,
  body.hhm-zt-xt .xt-zd .s,
  body.hhm-zt-xt .xt-zd .t {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.hhm-zt-xt .xt-fa-c li,
  body.hhm-zt-xt .xt-zd li {
    display: block !important;
    padding: 14px 12px !important;
    border-radius: 16px !important;
    background: #f7fbff !important;
    border: 1px solid #e0ebf8 !important;
  }

  body.hhm-zt-xt .xt-fa-c li ul,
  body.hhm-zt-xt .xt-fa-c li ol {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
  }

  body.hhm-zt-xt .xt-fa-c li li {
    width: auto !important;
    padding: 3px 7px !important;
    border-radius: 999px !important;
    background: #eef5ff !important;
    border: 1px solid #dbeaff !important;
    color: #1d64d8 !important;
    font-size: 12px !important;
    line-height: 20px !important;
  }
}

/* 2026-05-21 zt 专题页四次收口：伪元素不参与横向宽度，问题/方案卡片移动端重排 */
@media (max-width: 900px) {
  body.hhm-zt-page .hhm-subpage-hero {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.hhm-zt-page .hhm-subpage-hero::before,
  body.hhm-zt-page .hhm-subpage-hero::after {
    display: none !important;
  }

  body.hhm-zt-page .xt-wt,
  body.hhm-zt-page .xt-wt-tit,
  body.hhm-zt-page .xt-wt-tit-o,
  body.hhm-zt-page .xt-wt-tit-t,
  body.hhm-zt-page .xt-wt-tit-s,
  body.hhm-zt-page .xt-wt-c,
  body.hhm-zt-page .xt-wt-c ul,
  body.hhm-zt-page .xt-wt-c li,
  body.hhm-zt-page .xt-fa-c-t,
  body.hhm-zt-page .xt-fa-c-o,
  body.hhm-zt-page .xt-fa-c-o span,
  body.hhm-zt-page .xt-fa-c-t p,
  body.hhm-zt-page .xt-fa-c-t span,
  body.hhm-zt-page .xt-fa-c-tel,
  body.hhm-zt-page .xt-fa-c-tel span {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.hhm-zt-page .xt-wt {
    margin: 16px auto !important;
    padding: 24px 18px !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid #dce9f8 !important;
    box-shadow: 0 18px 48px rgba(24,61,118,.08) !important;
    overflow: hidden !important;
  }

  body.hhm-zt-page .xt-wt-c {
    display: block !important;
    margin-top: 10px !important;
    padding: 14px 12px !important;
    border-radius: 16px !important;
    background: #f7fbff !important;
    border: 1px solid #e0ebf8 !important;
  }

  body.hhm-zt-page .xt-wt-c ul {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.hhm-zt-page .xt-wt-c li {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.hhm-zt-page .xt-wt-c-o p,
  body.hhm-zt-page .xt-wt-c-t {
    color: #0b1428 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 850 !important;
  }

  body.hhm-zt-page .xt-wt-c-s p {
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 22px !important;
  }

  body.hhm-zt-xt .xt-fa-c-o {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-bottom: 10px !important;
  }

  body.hhm-zt-xt .xt-fa-c-o span,
  body.hhm-zt-xt .xt-fa-c-o .span-z {
    display: inline-flex !important;
    width: auto !important;
    flex: 0 0 auto !important;
    padding: 3px 7px !important;
    border-radius: 999px !important;
    background: #eef5ff !important;
    border: 1px solid #dbeaff !important;
    color: #1d64d8 !important;
    font-size: 12px !important;
    line-height: 20px !important;
    letter-spacing: 0 !important;
  }

  body.hhm-zt-xt .xt-fa-c-tit,
  body.hhm-zt-xt .xt-fa-c-tel {
    color: #0b1428 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 850 !important;
  }

  body.hhm-zt-xt .xt-fa-c-c {
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 22px !important;
  }
}

/* 2026-05-21 移动端固定层宽度兜底：避免浏览器固定层按内容撑宽 */
@media (max-width: 900px) {
  .hh-mobile-drawer,
  .hh-mobile-sticky-cta,
  .hh-mobile-toggle,
  body.hhm-zt-page #header,
  body.hhm-zt-page .header {
    max-width: 100vw !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
  }

  .hh-mobile-drawer,
  .hh-mobile-sticky-cta {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 0 !important;
    right: auto !important;
    overflow-x: hidden !important;
  }

  .hh-mobile-toggle {
    right: max(16px, env(safe-area-inset-right)) !important;
    left: auto !important;
  }
}

@media (max-width: 900px) {
  .hh-mobile-toggle {
    right: 16px !important;
    left: auto !important;
    transform: none !important;
  }
}

@media (max-width: 900px) {
  .hh-mobile-toggle {
    left: calc(100vw - 62px) !important;
    right: auto !important;
  }
}

@media (max-width: 900px) {
  html {
    max-width: 100% !important;
    overflow-x: clip !important;
  }
}

@media (max-width: 900px) {
  body.hhm-zt-page [data-aos],
  body.hhm-zt-page .aos-init,
  body.hhm-zt-page .aos-animate {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  body.hhm-zt-page .xt-fw,
  body.hhm-zt-page .xt-lc,
  body.hhm-zt-page .zt-footer,
  body.hhm-zt-page .xt-fw .bc,
  body.hhm-zt-page .xt-lc .bc,
  body.hhm-zt-page .zt-footer .bc,
  body.hhm-zt-page .xt-fw-c,
  body.hhm-zt-page .xt-lc-c,
  body.hhm-zt-page .zt-footer-o,
  body.hhm-zt-page .zt-footer-t,
  body.hhm-zt-page .footer-t-c,
  body.hhm-zt-page .zt-footer ul,
  body.hhm-zt-page .zt-footer li {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.hhm-zt-page .xt-lc-c,
  body.hhm-zt-page .zt-footer-o ul,
  body.hhm-zt-page .zt-footer-t .bc {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.hhm-zt-page .zt-footer img,
  body.hhm-zt-page .zt-footer-t-img,
  body.hhm-zt-page .xt-lc img {
    max-width: 100% !important;
    height: auto !important;
  }
}

/* 2026-05-21 zt 案例卡片移动端保真重排：保留案例内容，移除 PC hover 遮罩 */
@media (max-width: 900px) {
  body.hhm-zt-page .xt-al,
  body.hhm-zt-page .xt-al.bc,
  body.hhm-zt-page .xt-al .xt-al-c,
  body.hhm-zt-page .xt-al .xt-al-kh,
  body.hhm-zt-page .xt-al .xt-al-kh ul,
  body.hhm-zt-page .xt-al .xt-al-kh p {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.hhm-zt-page .xt-al .xt-al-c,
  body.hhm-zt-page .xt-al .xt-al-kh ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 0 !important;
    margin-top: 16px !important;
  }

  body.hhm-zt-page .xt-al .xt-al-c li,
  body.hhm-zt-page .xt-al .xt-al-c .xt-al-c-one,
  body.hhm-zt-page .xt-al .xt-al-kh li {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 16px !important;
    background: #f7fbff !important;
    border: 1px solid #e0ebf8 !important;
    overflow: hidden !important;
    color: #0b1428 !important;
    float: none !important;
  }

  body.hhm-zt-page .xt-al .xt-al-c li:before,
  body.hhm-zt-page .xt-al .xt-al-c li div:before,
  body.hhm-zt-page .xt-al .xt-al-kh li:before {
    display: none !important;
  }

  body.hhm-zt-page .xt-al .xt-al-c li img,
  body.hhm-zt-page .xt-al .xt-al-kh li img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 170px !important;
    object-fit: cover !important;
    transform: none !important;
  }

  body.hhm-zt-page .xt-al .xt-al-c li div {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 14px 12px !important;
    background: transparent !important;
    color: #0b1428 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.hhm-zt-page .xt-al .xt-al-c-o {
    height: auto !important;
    margin: 0 0 6px !important;
    color: #0b1428 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 850 !important;
  }

  body.hhm-zt-page .xt-al .xt-al-c-t {
    height: auto !important;
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 22px !important;
    text-align: left !important;
  }
}

@media (max-width: 900px) {
  body.hhm-zt-page .banner,
  body.hhm-zt-page .banner > .bc,
  body.hhm-zt-page .banner .ban-c-img {
    contain: layout paint !important;
  }

  body.hhm-zt-page .banner .ban-c-img {
    display: none !important;
  }
}

@media (max-width: 900px) {
  body.hhm-zt-page .xt-lc .xt-lc-c-o,
  body.hhm-zt-page .xt-lc .xt-lc-c-s,
  body.hhm-zt-page .xt-lc .xt-lc-c-c {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.hhm-zt-page .xt-lc .xt-lc-c-c > div,
  body.hhm-zt-page .xt-lc .xt-lc-tel,
  body.hhm-zt-page .xt-lc .xt-lc-dz {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px 10px !important;
    border-radius: 16px !important;
    background: #f7fbff !important;
    border: 1px solid #e0ebf8 !important;
    color: #0b1428 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    text-align: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.hhm-zt-page .xt-lc .xt-lc-c-c > i,
  body.hhm-zt-page .xt-lc .xt-lc-c-t,
  body.hhm-zt-page .xt-lc .xt-lc-c-t i,
  body.hhm-zt-page .xt-lc .xt-lc-c-c > div:before {
    display: none !important;
  }

  body.hhm-zt-page .xt-lc .xt-lc-c-c img {
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    object-fit: contain !important;
    margin: 0 auto 8px !important;
  }
}

/* 2026-05-21 zt 关于页移动端：保留简介/文化/历程/客户内容，改为手机白卡 */
@media (max-width: 900px) {
  body.hhm-zt-about .gy-jj,
  body.hhm-zt-about .gy-wh,
  body.hhm-zt-about .gy-fz,
  body.hhm-zt-about .gy-kh,
  body.hhm-zt-about .gy-wh .bc,
  body.hhm-zt-about .gy-kh .bc,
  body.hhm-zt-about .gy-jj .fl,
  body.hhm-zt-about .gy-jj .fr,
  body.hhm-zt-about .gy-tit,
  body.hhm-zt-about .gy-wh ul,
  body.hhm-zt-about .gy-fz ul,
  body.hhm-zt-about .gy-kh ul {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    float: none !important;
  }

  body.hhm-zt-about .gy-jj,
  body.hhm-zt-about .gy-wh,
  body.hhm-zt-about .gy-fz,
  body.hhm-zt-about .gy-kh {
    width: calc(100% - 30px) !important;
    max-width: calc(100% - 30px) !important;
    margin: 16px auto !important;
    padding: 24px 18px !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid #dce9f8 !important;
    box-shadow: 0 18px 48px rgba(24,61,118,.08) !important;
  }

  body.hhm-zt-about .gy-tit {
    margin: 0 0 14px !important;
    color: #0b1428 !important;
    font-size: 26px !important;
    line-height: 1.22 !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
    text-align: left !important;
  }

  body.hhm-zt-about .gy-jj-c,
  body.hhm-zt-about .gy-wh-c,
  body.hhm-zt-about .gy-fz li p {
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 24px !important;
    text-align: left !important;
  }

  body.hhm-zt-about .gy-jj img,
  body.hhm-zt-about .gy-kh img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 180px !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    margin-top: 14px !important;
  }

  body.hhm-zt-about .gy-wh ul,
  body.hhm-zt-about .gy-kh ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
  }

  body.hhm-zt-about .gy-fz ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
  }

  body.hhm-zt-about .gy-wh li,
  body.hhm-zt-about .gy-fz li,
  body.hhm-zt-about .gy-kh li,
  body.hhm-zt-about .gy-wh .li-one,
  body.hhm-zt-about .gy-kh .li-one {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px 12px !important;
    border-radius: 16px !important;
    background: #f7fbff !important;
    border: 1px solid #e0ebf8 !important;
    overflow: hidden !important;
    color: #0b1428 !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  body.hhm-zt-about .gy-wh li:before,
  body.hhm-zt-about .gy-kh li:before {
    display: none !important;
  }

  body.hhm-zt-about .gy-wh-tit,
  body.hhm-zt-about .gy-fz li span {
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: #0b1428 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 850 !important;
    background: transparent !important;
  }

  body.hhm-zt-about .gy-kh li {
    padding: 10px !important;
    background: #fff !important;
  }

  body.hhm-zt-about .gy-kh li img {
    max-height: 80px !important;
    object-fit: contain !important;
    margin: 0 !important;
  }
}

/* 2026-05-21 全站手机端底部统一：子页面底部使用首页已确认的移动端 footer，旧 PC/专题 footer 在手机端不再露出 */
@media (max-width: 900px) {
  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) > footer,
  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .intermed-content > footer,
  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .footer:not(.hhm-mobile-footer),
  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hh-footer,
  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .footer-top-box,
  body.hhm-subpage-footer-ready.hhm-zt-page .zt-footer {
    display: none !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-mobile-footer {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 16px 0 0 !important;
    padding: 26px 18px 94px !important;
    color: #fff !important;
    background:
      radial-gradient(circle at 88% 10%, rgba(38, 132, 255, .36), rgba(38,132,255,0) 32%),
      linear-gradient(155deg, #061225 0%, #0a2b63 72%, #061225 100%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-mobile-footer * {
    box-sizing: border-box !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-brand,
  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-contact,
  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-links,
  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-address {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 和首页同类模块：子页面只要出现首页同款 class，就默认套首页手机端的视觉基线，逐页修改只覆盖差异。 */
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homeplan,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homepath,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homecasepresent,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .solution-section,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .high-quality-section,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-decision-faq-section,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-industry-agent-bridge,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-app-agent-redesign {
    isolation: isolate !important;
  }
}

/* 2026-05-21 首页手机端资讯/专题纠偏：开发专题、新闻资讯、常见问题三块分开承接 PC 内容 */
@media (max-width: 900px) {
  .hh-home-mobile-v4 .hhm-topic-mobile,
  .hh-home-mobile-v4 .hhm-news-mobile,
  .hh-home-mobile-v4 .hhm-faq-mobile {
    background: #fff !important;
  }

  .hh-home-mobile-v4 .hhm-topic-links {
    grid-template-columns: 1fr !important;
  }

  .hh-home-mobile-v4 .hhm-topic-links a:nth-child(n + 7),
  .hh-home-mobile-v4 .hhm-news-list a:nth-child(n + 7),
  .hh-home-mobile-v4 .hhm-faq-lite a:nth-child(n + 4) {
    display: none !important;
  }

  .hh-home-mobile-v4 .hhm-faq-mobile > p {
    margin: 0 !important;
    color: #5f6f85 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    text-align: left !important;
  }

  .hh-home-mobile-v4 .hhm-faq-lite {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  .hh-home-mobile-v4 .hhm-faq-lite a {
    display: block !important;
    padding: 14px 15px !important;
    border-radius: 18px !important;
    color: #101828 !important;
    background: #f7faff !important;
    border-left: 3px solid #1b73ff !important;
    box-shadow: inset 0 0 0 1px #e4edf8 !important;
  }

  .hh-home-mobile-v4 .hhm-faq-lite b {
    display: block !important;
    color: #101828 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    font-weight: 900 !important;
  }

  .hh-home-mobile-v4 .hhm-faq-lite span {
    display: block !important;
    margin-top: 6px !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 21px !important;
  }

  .hh-home-mobile-v4 .hhm-news-more {
    background: #1677ff !important;
  }
}

/* 2026-05-21 首页手机端新闻资讯：去掉分类切换，只保留图标+标题列表；PC 新闻模块不动 */
@media (max-width: 900px) {
  .hh-home-mobile-v4 .hhm-news-mobile .hhm-news-tabs {
    display: none !important;
  }

  .hh-home-mobile-v4 .hhm-news-mobile .hhm-news-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  .hh-home-mobile-v4 .hhm-news-mobile .hhm-news-list a {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 11px !important;
    align-items: center !important;
    min-height: 60px !important;
    padding: 12px 14px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #f8fbff 0%, #f3f7fc 100%) !important;
    box-shadow: inset 0 0 0 1px #e4edf8 !important;
    text-decoration: none !important;
  }

  .hh-home-mobile-v4 .hhm-news-mobile .hhm-news-list a::before {
    content: "" !important;
    display: block !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 13px !important;
    background-color: #eaf3ff !important;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 3.5h7.1L15 6.4V16.5H5V3.5Z' stroke='%231763DC' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M12 3.8V7h3.1' stroke='%231763DC' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.6 10h4.8M7.6 13h4.8' stroke='%231763DC' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px 20px !important;
    box-shadow: inset 0 0 0 1px rgba(23,99,220,.12) !important;
  }

  .hh-home-mobile-v4 .hhm-news-mobile .hhm-news-list em {
    display: none !important;
  }

  .hh-home-mobile-v4 .hhm-news-mobile .hhm-news-list span {
    display: block !important;
    min-width: 0 !important;
    color: #101828 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    font-weight: 850 !important;
  }
}

/* 2026-05-21 首页手机端新闻资讯：改为大图新闻卡，标题压图展示，接近案例卡呈现 */
@media (max-width: 900px) {
  .hh-home-mobile-v4 .hhm-news-mobile .hhm-news-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 16px !important;
  }

  .hh-home-mobile-v4 .hhm-news-mobile .hhm-news-list a {
    position: relative !important;
    display: block !important;
    min-height: 164px !important;
    padding: 0 !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background: #071833 !important;
    box-shadow: 0 18px 38px rgba(13,42,97,.16) !important;
    text-decoration: none !important;
    isolation: isolate !important;
  }

  .hh-home-mobile-v4 .hhm-news-mobile .hhm-news-list a::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -2 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    background-color: #0b2148 !important;
    background-image: url("../image/other/news-img.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    box-shadow: none !important;
    transform: scale(1.01) !important;
  }

  .hh-home-mobile-v4 .hhm-news-mobile .hhm-news-list a::after {
    content: "" !important;
    position: absolute !important;
    inset: auto 0 0 0 !important;
    z-index: -1 !important;
    height: 68% !important;
    background: linear-gradient(180deg, rgba(3,12,28,0) 0%, rgba(3,12,28,.88) 100%) !important;
    pointer-events: none !important;
  }

  .hh-home-mobile-v4 .hhm-news-mobile .hhm-news-list a:nth-child(2)::before,
  .hh-home-mobile-v4 .hhm-news-mobile .hhm-news-list a:nth-child(6)::before {
    background-image: url("../image/other/e-commerce-banner.png") !important;
  }

  .hh-home-mobile-v4 .hhm-news-mobile .hhm-news-list a:nth-child(3)::before,
  .hh-home-mobile-v4 .hhm-news-mobile .hhm-news-list a:nth-child(7)::before {
    background-image: url("../image/other/freight-banner.png") !important;
  }

  .hh-home-mobile-v4 .hhm-news-mobile .hhm-news-list a:nth-child(4)::before,
  .hh-home-mobile-v4 .hhm-news-mobile .hhm-news-list a:nth-child(8)::before {
    background-image: url("../image/other/smar-6.png") !important;
  }

  .hh-home-mobile-v4 .hhm-news-mobile .hhm-news-list a:nth-child(5)::before {
    background-image: url("../image/banner5.jpg") !important;
  }

  .hh-home-mobile-v4 .hhm-news-mobile .hhm-news-list em {
    display: none !important;
  }

  .hh-home-mobile-v4 .hhm-news-mobile .hhm-news-list span {
    position: absolute !important;
    left: 15px !important;
    right: 15px !important;
    bottom: 14px !important;
    z-index: 1 !important;
    display: block !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 23px !important;
    font-weight: 900 !important;
    text-shadow: 0 10px 26px rgba(0,0,0,.35) !important;
  }
}

/* 2026-05-21 非资讯专题页手机端新闻模块：统一成首页同款大图标题卡；newslist 资讯专题页不套用 */
@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .tt.tabmenu,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .news-module-right {
    display: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews-wrap,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .news-content,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .news-module-left,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .tabwrap,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .module,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .col,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .detail,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .bot,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .list_t,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .list_xw {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .news-content,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .module,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .col,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .list_t,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .list_xw {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .new-item,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .list_xw li {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 164px !important;
    height: 164px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background: #071833 !important;
    box-shadow: 0 18px 38px rgba(13,42,97,.16) !important;
    isolation: isolate !important;
    box-sizing: border-box !important;
    float: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .new-item .imgbox {
    position: absolute !important;
    inset: 0 !important;
    z-index: -2 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .new-item .imgbox img,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .new-img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    object-fit: cover !important;
    transform: scale(1.01) !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .new-item::after,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .list_xw li::after {
    content: "" !important;
    position: absolute !important;
    inset: auto 0 0 0 !important;
    z-index: -1 !important;
    height: 68% !important;
    background: linear-gradient(180deg, rgba(3,12,28,0) 0%, rgba(3,12,28,.88) 100%) !important;
    pointer-events: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .list_xw li::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -2 !important;
    background-color: #0b2148 !important;
    background-image: url("../image/other/news-img.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    transform: scale(1.01) !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .list_xw li:nth-child(2)::before,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .col:nth-child(2) .list_xw li:nth-child(1)::before {
    background-image: url("../image/other/e-commerce-banner.png") !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .list_xw li:nth-child(3)::before,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .col:nth-child(2) .list_xw li:nth-child(2)::before {
    background-image: url("../image/other/freight-banner.png") !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .list_xw li:nth-child(4)::before {
    background-image: url("../image/banner5.jpg") !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .info {
    position: absolute !important;
    left: 15px !important;
    right: 15px !important;
    bottom: 14px !important;
    z-index: 2 !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .new-title,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .news-title,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .news-title.ellipsis {
    color: #fff !important;
    font-size: 16px !important;
    line-height: 23px !important;
    font-weight: 900 !important;
    text-align: left !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow: visible !important;
    text-shadow: 0 10px 26px rgba(0,0,0,.35) !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .list_xw li > a.news-title {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: flex-end !important;
    padding: 0 15px 14px !important;
    text-decoration: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .new-date,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .new-list-date,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .txt,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homenews .clamp {
    display: none !important;
  }
}

/* 2026-05-21 APP开发页手机端：多场景、开发流程直接套首页手机端同款模块 */
@media (max-width: 900px) {
  body.hhm-app-mobile-home-blocks .homeplan,
  body.hhm-app-mobile-home-blocks .homepath {
    display: none !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-scenes-mobile,
  body.hhm-app-mobile-home-blocks .hhm-app-process-mobile {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 16px 18px 0 !important;
    padding: 24px 18px !important;
    border-radius: 28px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-scenes-mobile {
    background: #fff !important;
    border: 1px solid rgba(213,226,244,.92) !important;
    box-shadow: 0 18px 42px rgba(30,62,112,.08) !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-scenes-mobile .hhm-section-label {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 27px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #1d64d8 !important;
    background: #eef5ff !important;
    border: 1px solid #dbeaff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-scenes-mobile h2,
  body.hhm-app-mobile-home-blocks .hhm-app-process-mobile h2 {
    margin: 10px 0 14px !important;
    font-size: 24px !important;
    line-height: 1.28 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-scenes-mobile h2 {
    color: #101828 !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-scenes-mobile > p {
    margin: 0 !important;
    color: #5f6f85 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    text-align: left !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-scenes-mobile .hhm-scene-links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-scenes-mobile .hhm-scene-links span {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 0 12px !important;
    border-radius: 15px !important;
    color: #26364d !important;
    background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%) !important;
    border: 1px solid #dfeaf8 !important;
    box-sizing: border-box !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-scenes-mobile .hhm-scene-links img {
    display: block !important;
    flex: 0 0 auto !important;
    width: 24px !important;
    height: 24px !important;
    object-fit: contain !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-scenes-mobile .hhm-scene-links b {
    display: block !important;
    min-width: 0 !important;
    color: #26364d !important;
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 850 !important;
    white-space: normal !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-process-mobile {
    position: relative !important;
    color: #fff !important;
    background:
      radial-gradient(circle at 78% 4%, rgba(72, 160, 255, .34), rgba(72,160,255,0) 33%),
      linear-gradient(155deg, #071226 0%, #0a244f 58%, #08172e 100%) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    box-shadow: 0 22px 54px rgba(4, 18, 45, .22) !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-process-mobile::before {
    content: "FLOW" !important;
    position: absolute !important;
    right: -8px !important;
    top: 12px !important;
    color: rgba(255,255,255,.05) !important;
    font-size: 64px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -.08em !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-process-mobile .hhm-section-label {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 27px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #ddebff !important;
    background: rgba(255,255,255,.1) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-process-mobile h2 {
    color: #fff !important;
  }
}

/* 2026-05-21 APP开发页手机端：交付清单与服务保障重新设计，资讯模块使用首页同款 */
@media (max-width: 900px) {
  body.hhm-app-mobile-home-blocks .inventory-details-section,
  body.hhm-app-mobile-home-blocks .high-quality-section,
  body.hhm-app-mobile-home-blocks .homenews {
    display: none !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-delivery-mobile,
  body.hhm-app-mobile-home-blocks .hhm-app-quality-mobile,
  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 16px 18px 0 !important;
    padding: 24px 18px !important;
    border-radius: 28px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid rgba(213,226,244,.92) !important;
    box-shadow: 0 18px 42px rgba(30,62,112,.08) !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-delivery-mobile .hhm-section-label,
  body.hhm-app-mobile-home-blocks .hhm-app-quality-mobile .hhm-section-label,
  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-section-label {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 27px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #1d64d8 !important;
    background: #eef5ff !important;
    border: 1px solid #dbeaff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-delivery-mobile h2,
  body.hhm-app-mobile-home-blocks .hhm-app-quality-mobile h2,
  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile h2 {
    margin: 10px 0 14px !important;
    color: #101828 !important;
    font-size: 24px !important;
    line-height: 1.28 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-delivery-mobile > p,
  body.hhm-app-mobile-home-blocks .hhm-app-quality-mobile > p,
  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile > p {
    margin: 0 !important;
    color: #5f6f85 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    text-align: left !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-delivery-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-delivery-list li {
    position: relative !important;
    min-height: 86px !important;
    padding: 14px 12px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%) !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-delivery-list li::after {
    content: "" !important;
    position: absolute !important;
    right: -24px !important;
    bottom: -30px !important;
    width: 78px !important;
    height: 78px !important;
    border-radius: 50% !important;
    background: rgba(23,99,220,.08) !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-delivery-list b {
    position: relative !important;
    z-index: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 32px !important;
    height: 22px !important;
    border-radius: 999px !important;
    color: #1763dc !important;
    background: #e6f0ff !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-delivery-list span {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    margin-top: 10px !important;
    color: #101828 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 900 !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-quality-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 16px !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-quality-list article {
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
    gap: 13px !important;
    align-items: center !important;
    min-height: 98px !important;
    padding: 12px !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, #f8fbff 0%, #f3f7fc 100%) !important;
    box-shadow: inset 0 0 0 1px #e4edf8 !important;
    box-sizing: border-box !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-quality-list article:first-child {
    position: relative !important;
    display: block !important;
    min-height: 172px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #071833 !important;
    box-shadow: 0 18px 38px rgba(13,42,97,.16) !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-quality-list img {
    display: block !important;
    width: 76px !important;
    height: 74px !important;
    border-radius: 16px !important;
    object-fit: cover !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-quality-list article:first-child img {
    position: relative !important;
    z-index: 0 !important;
    width: 100% !important;
    height: 172px !important;
    border-radius: 0 !important;
    opacity: .82 !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-quality-list article:first-child div {
    position: absolute !important;
    left: 15px !important;
    right: 15px !important;
    bottom: 14px !important;
    z-index: 2 !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-quality-list article:first-child::after {
    content: "" !important;
    position: absolute !important;
    inset: auto 0 0 0 !important;
    z-index: 1 !important;
    height: 68% !important;
    background: linear-gradient(180deg, rgba(3,12,28,0) 0%, rgba(3,12,28,.88) 100%) !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-quality-list h3 {
    margin: 0 !important;
    color: #101828 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 900 !important;
    text-align: left !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-quality-list p {
    margin: 6px 0 0 !important;
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 19px !important;
    text-align: left !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-quality-list article:first-child h3,
  body.hhm-app-mobile-home-blocks .hhm-quality-list article:first-child p {
    color: #fff !important;
    text-shadow: 0 10px 26px rgba(0,0,0,.35) !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-quality-list article:first-child p {
    color: rgba(255,255,255,.78) !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-tabs {
    display: none !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 16px !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list a {
    position: relative !important;
    display: block !important;
    min-height: 164px !important;
    padding: 0 !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background: #071833 !important;
    box-shadow: 0 18px 38px rgba(13,42,97,.16) !important;
    text-decoration: none !important;
    isolation: isolate !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list a::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -2 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    background-color: #0b2148 !important;
    background-image: url("../image/other/news-img.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    box-shadow: none !important;
    transform: scale(1.01) !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list a::after {
    content: "" !important;
    position: absolute !important;
    inset: auto 0 0 0 !important;
    z-index: -1 !important;
    height: 68% !important;
    background: linear-gradient(180deg, rgba(3,12,28,0) 0%, rgba(3,12,28,.88) 100%) !important;
    pointer-events: none !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list a:nth-child(2)::before,
  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list a:nth-child(6)::before {
    background-image: url("../image/other/e-commerce-banner.png") !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list a:nth-child(3)::before,
  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list a:nth-child(7)::before {
    background-image: url("../image/other/freight-banner.png") !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list a:nth-child(4)::before,
  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list a:nth-child(8)::before {
    background-image: url("../image/other/smar-6.png") !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list a:nth-child(5)::before {
    background-image: url("../image/banner5.jpg") !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list em {
    display: none !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list span {
    position: absolute !important;
    left: 15px !important;
    right: 15px !important;
    bottom: 14px !important;
    z-index: 1 !important;
    display: block !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 23px !important;
    font-weight: 900 !important;
    text-shadow: 0 10px 26px rgba(0,0,0,.35) !important;
  }
}








/* 2026-05-25 unified news mobile: keep homepage style on all non-newslist pages */
@media (max-width: 768px) {
  body.hhm-unified-news-ready .homenews {
    display: none !important;
  }

  body.hhm-unified-news-ready .hhm-unified-news-mobile {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 16px 18px 0 !important;
    padding: 24px 18px !important;
    border-radius: 28px !important;
    background: rgba(255,255,255,.86) !important;
    border: 1px solid rgba(213,226,244,.92) !important;
    box-shadow: 0 18px 42px rgba(30,62,112,.08) !important;
    backdrop-filter: blur(10px);
  }

  body.hhm-unified-news-ready .hhm-unified-news-mobile .hhm-news-tabs {
    display: inline-flex !important;
    gap: 8px !important;
    margin-top: 12px !important;
    padding: 4px !important;
    border-radius: 999px !important;
    background: #f1f6ff !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
  }

  body.hhm-unified-news-ready .hhm-unified-news-mobile .hhm-news-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  body.hhm-unified-news-ready .hhm-unified-news-mobile .hhm-news-list a {
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 58px !important;
    padding: 12px 13px !important;
    border-radius: 17px !important;
    background: linear-gradient(180deg, #f8fbff 0%, #f3f7fc 100%) !important;
    box-shadow: inset 0 0 0 1px #e4edf8 !important;
  }
}

/* 2026-05-25 非 newslist 页面手机端新闻资讯：严格对齐首页最终版“大图新闻卡”样式 */
@media (max-width: 768px) {
  body.hhm-unified-news-ready .hhm-unified-news-mobile,
  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile {
    background: #fff !important;
  }

  body.hhm-unified-news-ready .hhm-unified-news-mobile .hhm-news-tabs,
  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-tabs {
    display: none !important;
  }

  body.hhm-unified-news-ready .hhm-unified-news-mobile .hhm-news-list,
  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 16px !important;
  }

  body.hhm-unified-news-ready .hhm-unified-news-mobile .hhm-news-list a,
  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list a {
    position: relative !important;
    display: block !important;
    min-height: 164px !important;
    padding: 0 !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background: #071833 !important;
    box-shadow: 0 18px 38px rgba(13,42,97,.16) !important;
    text-decoration: none !important;
    isolation: isolate !important;
  }

  body.hhm-unified-news-ready .hhm-unified-news-mobile .hhm-news-list a::before,
  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list a::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -2 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    background-color: #0b2148 !important;
    background-image: url("../image/other/news-img.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    box-shadow: none !important;
    transform: scale(1.01) !important;
  }

  body.hhm-unified-news-ready .hhm-unified-news-mobile .hhm-news-list a::after,
  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list a::after {
    content: "" !important;
    position: absolute !important;
    inset: auto 0 0 0 !important;
    z-index: -1 !important;
    height: 68% !important;
    background: linear-gradient(180deg, rgba(3,12,28,0) 0%, rgba(3,12,28,.88) 100%) !important;
    pointer-events: none !important;
  }

  body.hhm-unified-news-ready .hhm-unified-news-mobile .hhm-news-list a:nth-child(2)::before,
  body.hhm-unified-news-ready .hhm-unified-news-mobile .hhm-news-list a:nth-child(6)::before,
  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list a:nth-child(2)::before,
  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list a:nth-child(6)::before {
    background-image: url("../image/other/e-commerce-banner.png") !important;
  }

  body.hhm-unified-news-ready .hhm-unified-news-mobile .hhm-news-list a:nth-child(3)::before,
  body.hhm-unified-news-ready .hhm-unified-news-mobile .hhm-news-list a:nth-child(7)::before,
  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list a:nth-child(3)::before,
  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list a:nth-child(7)::before {
    background-image: url("../image/other/freight-banner.png") !important;
  }

  body.hhm-unified-news-ready .hhm-unified-news-mobile .hhm-news-list a:nth-child(4)::before,
  body.hhm-unified-news-ready .hhm-unified-news-mobile .hhm-news-list a:nth-child(8)::before,
  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list a:nth-child(4)::before,
  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list a:nth-child(8)::before {
    background-image: url("../image/other/smar-6.png") !important;
  }

  body.hhm-unified-news-ready .hhm-unified-news-mobile .hhm-news-list a:nth-child(5)::before,
  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list a:nth-child(5)::before {
    background-image: url("../image/banner5.jpg") !important;
  }

  body.hhm-unified-news-ready .hhm-unified-news-mobile .hhm-news-list em,
  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list em {
    display: none !important;
  }

  body.hhm-unified-news-ready .hhm-unified-news-mobile .hhm-news-list span,
  body.hhm-app-mobile-home-blocks .hhm-app-news-mobile .hhm-news-list span {
    position: absolute !important;
    left: 15px !important;
    right: 15px !important;
    bottom: 14px !important;
    z-index: 1 !important;
    display: block !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 23px !important;
    font-weight: 900 !important;
    text-shadow: 0 10px 26px rgba(0,0,0,.35) !important;
  }
}

/* 2026-05-25 小程序开发页手机端：美化全行业定制开发、行业解决方案01/02，PC不受影响 */
@media (max-width: 768px) {
  body:has(.wechat-banner) .wechat-core-funciton {
    position: relative !important;
    margin: 16px 18px 0 !important;
    padding: 24px 18px !important;
    border-radius: 28px !important;
    background:
      radial-gradient(circle at 88% 8%, rgba(29,115,255,.14), rgba(29,115,255,0) 38%),
      linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    border: 1px solid rgba(213,226,244,.92) !important;
    box-shadow: 0 18px 42px rgba(30,62,112,.08) !important;
    overflow: hidden !important;
  }

  body:has(.wechat-banner) .wechat-core-funciton > h2,
  body:has(.wechat-banner) .wc-public-account-solution1 h3,
  body:has(.wechat-banner) .wc-public-account-solution h3 {
    margin: 0 0 14px !important;
    color: #101828 !important;
    font-size: 24px !important;
    line-height: 1.24 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
  }

  body:has(.wechat-banner) .wechat-core-funciton > h2::before,
  body:has(.wechat-banner) .wc-public-account-solution1 h3::before,
  body:has(.wechat-banner) .wc-public-account-solution h3::before {
    content: "" !important;
    display: block !important;
    width: 54px !important;
    height: 5px !important;
    margin: 0 0 12px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #1677ff, #19d3ff) !important;
  }

  body:has(.wechat-banner) .wechat-core-funciton ul,
  body:has(.wechat-banner) .wechat-core-funciton .fr-s-c.wrap {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body:has(.wechat-banner) .wechat-core-funciton ul li {
    position: relative !important;
    width: 100% !important;
    min-height: 100px !important;
    margin: 0 !important;
    padding: 14px 8px 12px !important;
    border: 0 !important;
    border-radius: 20px !important;
    background: linear-gradient(160deg, #f8fbff 0%, #edf5ff 100%) !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
    overflow: hidden !important;
  }

  body:has(.wechat-banner) .wechat-core-funciton ul li::after {
    content: "";
    position: absolute;
    right: -18px;
    bottom: -24px;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: rgba(23,99,220,.08);
  }

  body:has(.wechat-banner) .wechat-core-funciton ul li .wechat-core-img {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 auto 9px !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(23,99,220,.10) !important;
  }

  body:has(.wechat-banner) .wechat-core-funciton ul li .wechat-core-img img {
    width: 26px !important;
    height: 26px !important;
    object-fit: contain !important;
  }

  body:has(.wechat-banner) .wechat-core-funciton ul li .wechat-core-txt {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    color: #101828 !important;
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 900 !important;
    text-align: center !important;
  }

  body:has(.wechat-banner) .wc-public-account-solution1,
  body:has(.wechat-banner) .wc-public-account-solution {
    position: relative !important;
    margin: 16px 18px 0 !important;
    padding: 24px 18px !important;
    border-radius: 28px !important;
    background: rgba(255,255,255,.88) !important;
    border: 1px solid rgba(213,226,244,.92) !important;
    box-shadow: 0 18px 42px rgba(30,62,112,.08) !important;
    overflow: hidden !important;
  }

  body:has(.wechat-banner) .wc-public-account-solution1::after,
  body:has(.wechat-banner) .wc-public-account-solution::after {
    content: "";
    position: absolute;
    right: -80px;
    top: -90px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(29,115,255,.12), rgba(29,115,255,0) 68%);
    pointer-events: none;
  }

  body:has(.wechat-banner) .wc-pa-solution-title,
  body:has(.wechat-banner) .wc-public-account-solution .mid-content,
  body:has(.wechat-banner) .wc-public-account-solution1 .mid-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:has(.wechat-banner) .wc-public-account-solution1 .mid-content > ul,
  body:has(.wechat-banner) .wc-public-account-solution .mid-content > ul,
  body:has(.wechat-banner) .wc-public-account-solution1 ul,
  body:has(.wechat-banner) .wc-public-account-solution ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
  }

  body:has(.wechat-banner) .wc-public-account-solution1 li,
  body:has(.wechat-banner) .wc-public-account-solution li {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px 14px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #f8fbff 0%, #f3f7fc 100%) !important;
    box-shadow: inset 0 0 0 1px #e4edf8 !important;
  }

  body:has(.wechat-banner) .wc-solution-title {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    gap: 11px !important;
    align-items: center !important;
    width: 100% !important;
  }

  body:has(.wechat-banner) .wc-solution-title img {
    display: block !important;
    width: 36px !important;
    height: 36px !important;
    padding: 7px !important;
    border-radius: 13px !important;
    background: #eaf3ff !important;
    object-fit: contain !important;
    box-shadow: inset 0 0 0 1px rgba(23,99,220,.12) !important;
  }

  body:has(.wechat-banner) .wc-solution-title div {
    color: #101828 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    font-weight: 900 !important;
  }

  body:has(.wechat-banner) .wc-public-account-solution1 .re-img-left,
  body:has(.wechat-banner) .wc-public-account-solution .re-img-left {
    display: none !important;
  }
}

/* 2026-05-25 系统开发页手机端：美化系统集成开发、企业管理系统开发、专业服务三块，PC不受影响 */
@media (max-width: 768px) {
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services.management-system {
    position: relative !important;
    width: auto !important;
    max-width: none !important;
    margin: 16px 18px 0 !important;
    padding: 24px 18px !important;
    border-radius: 28px !important;
    background:
      radial-gradient(circle at 88% 8%, rgba(29,115,255,.13), rgba(29,115,255,0) 38%),
      linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    border: 1px solid rgba(213,226,244,.92) !important;
    box-shadow: 0 18px 42px rgba(30,62,112,.08) !important;
    overflow: hidden !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services .mid-content,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services .run-errands-function,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services .professional-services-ul {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services .re-text-right {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services > h2,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services h3 {
    margin: 0 0 12px !important;
    color: #101828 !important;
    font-size: 24px !important;
    line-height: 1.24 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services > h2::before,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services h3::before {
    content: "" !important;
    display: block !important;
    width: 54px !important;
    height: 5px !important;
    margin: 0 0 12px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #1677ff, #19d3ff) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services .sub-title,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services .re-sub-title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
    color: #5f6f85 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    text-align: left !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services .re-line {
    display: none !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services .re-function-ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services .re-function-ul li {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    gap: 11px !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 13px 14px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #f8fbff 0%, #f3f7fc 100%) !important;
    box-shadow: inset 0 0 0 1px #e4edf8 !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services .re-function-ul li img {
    display: flex !important;
    width: 32px !important;
    height: 32px !important;
    padding: 8px !important;
    border-radius: 12px !important;
    background: #eaf3ff !important;
    object-fit: contain !important;
    box-shadow: inset 0 0 0 1px rgba(23,99,220,.12) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services .re-function-ul li div {
    color: #101828 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    font-weight: 850 !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services .re-img-left {
    display: none !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services .detail-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 42px !important;
    margin: 14px 0 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1763dc 0%, #2384ff 100%) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
  }
}

/* 2026-05-25 系统开发页手机端：三个模块做差异化，不再同模板 */
@media (max-width: 768px) {
  /* 01 集成系统开发：深蓝科技卡，强调系统集成 */
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services:nth-of-type(1) {
    color: #fff !important;
    background:
      radial-gradient(circle at 88% 10%, rgba(47,166,255,.34), rgba(47,166,255,0) 34%),
      radial-gradient(circle at 6% 78%, rgba(25,211,255,.18), rgba(25,211,255,0) 32%),
      linear-gradient(145deg, #071833 0%, #0d3270 62%, #071833 100%) !important;
    border-color: rgba(255,255,255,.12) !important;
    box-shadow: 0 20px 46px rgba(13,42,97,.22) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services:nth-of-type(1) h3,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services:nth-of-type(1) .re-sub-title {
    color: #fff !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services:nth-of-type(1) .re-sub-title {
    color: rgba(255,255,255,.72) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services:nth-of-type(1) h3::before {
    background: linear-gradient(90deg, #19d3ff, #ffffff) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services:nth-of-type(1) .re-function-ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services:nth-of-type(1) .re-function-ul li {
    display: block !important;
    min-height: 128px !important;
    padding: 15px 13px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.06)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.13) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services:nth-of-type(1) .re-function-ul li img {
    margin-bottom: 10px !important;
    background: rgba(255,255,255,.16) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important;
    filter: brightness(0) invert(1) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services:nth-of-type(1) .re-function-ul li div {
    color: rgba(255,255,255,.92) !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services:nth-of-type(1) .detail-btn {
    color: #08204a !important;
    background: #fff !important;
  }

  /* 02 企业管理系统开发：白底左侧蓝色编号，强调管理条目 */
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services.management-system {
    background: #fff !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services.management-system .re-function-ul {
    counter-reset: manageItem;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services.management-system .re-function-ul li {
    counter-increment: manageItem;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    min-height: 64px !important;
    padding: 14px 15px !important;
    border-left: 4px solid #1d73ff !important;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 100%) !important;
    box-shadow: 0 10px 26px rgba(30,62,112,.06), inset 0 0 0 1px #e4edf8 !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services.management-system .re-function-ul li img {
    display: none !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services.management-system .re-function-ul li::before {
    content: counter(manageItem, decimal-leading-zero);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, #1763dc 0%, #2384ff 100%);
    font-size: 12px;
    font-weight: 900;
  }

  /* 03 提供的专业服务：轻盈服务入口，双列小卡 */
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services:nth-of-type(3) {
    background:
      linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,251,255,.92)),
      radial-gradient(circle at 90% 0%, rgba(25,211,255,.18), transparent 36%) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services:nth-of-type(3) .re-function-ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services:nth-of-type(3) .re-function-ul li {
    display: block !important;
    min-height: 118px !important;
    padding: 16px 13px !important;
    text-align: left !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(30,62,112,.07), inset 0 0 0 1px #e4edf8 !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services:nth-of-type(3) .re-function-ul li img {
    margin-bottom: 12px !important;
    background: linear-gradient(135deg, #eaf3ff, #f3fbff) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .professional-services:nth-of-type(3) .re-function-ul li div {
    font-size: 13px !important;
    line-height: 20px !important;
    font-weight: 900 !important;
  }
}

/* 2026-05-25 系统开发页手机端三模块精准差异化（覆盖前序通用模板） */
@media (max-width: 768px) {
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration {
    color: #fff !important;
    background:
      radial-gradient(circle at 88% 10%, rgba(47,166,255,.34), rgba(47,166,255,0) 34%),
      radial-gradient(circle at 6% 78%, rgba(25,211,255,.18), rgba(25,211,255,0) 32%),
      linear-gradient(145deg, #071833 0%, #0d3270 62%, #071833 100%) !important;
    border-color: rgba(255,255,255,.12) !important;
    box-shadow: 0 20px 46px rgba(13,42,97,.22) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration h3,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration .re-sub-title {
    color: #fff !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration .re-sub-title {
    color: rgba(255,255,255,.72) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration h3::before {
    background: linear-gradient(90deg, #19d3ff, #ffffff) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration .re-function-ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration .re-function-ul li {
    display: block !important;
    min-height: 128px !important;
    padding: 15px 13px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.06)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.13) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration .re-function-ul li img {
    margin-bottom: 10px !important;
    background: rgba(255,255,255,.16) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important;
    filter: brightness(0) invert(1) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration .re-function-ul li div {
    color: rgba(255,255,255,.92) !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration .detail-btn {
    color: #08204a !important;
    background: #fff !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-management-system {
    background: #fff !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-management-system .re-function-ul {
    counter-reset: manageItem;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-management-system .re-function-ul li {
    counter-increment: manageItem;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    min-height: 64px !important;
    padding: 14px 15px !important;
    border-left: 4px solid #1d73ff !important;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 100%) !important;
    box-shadow: 0 10px 26px rgba(30,62,112,.06), inset 0 0 0 1px #e4edf8 !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-management-system .re-function-ul li img {
    display: none !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-management-system .re-function-ul li::before {
    content: counter(manageItem, decimal-leading-zero);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, #1763dc 0%, #2384ff 100%);
    font-size: 12px;
    font-weight: 900;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-professional-service {
    background:
      linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,251,255,.92)),
      radial-gradient(circle at 90% 0%, rgba(25,211,255,.18), transparent 36%) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-professional-service .re-function-ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-professional-service .re-function-ul li {
    display: block !important;
    min-height: 118px !important;
    padding: 16px 13px !important;
    text-align: left !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(30,62,112,.07), inset 0 0 0 1px #e4edf8 !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-professional-service .re-function-ul li img {
    margin-bottom: 12px !important;
    background: linear-gradient(135deg, #eaf3ff, #f3fbff) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-professional-service .re-function-ul li div {
    font-size: 13px !important;
    line-height: 20px !important;
    font-weight: 900 !important;
  }
}

/* 2026-05-25 系统开发页手机端三模块：回归首页整体风格（浅底白卡/蓝色标签/统一层级） */
@media (max-width: 768px) {
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-management-system,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-professional-service {
    position: relative !important;
    width: auto !important;
    max-width: none !important;
    margin: 16px 18px 0 !important;
    padding: 24px 18px !important;
    border-radius: 28px !important;
    color: #101828 !important;
    background: rgba(255,255,255,.86) !important;
    border: 1px solid rgba(213,226,244,.92) !important;
    box-shadow: 0 18px 42px rgba(30,62,112,.08) !important;
    backdrop-filter: blur(10px) !important;
    overflow: hidden !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration::before,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-management-system::before,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-professional-service::before {
    content: "系统开发" !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    color: #1d64d8 !important;
    background: #eef5ff !important;
    border: 1px solid #dbeaff !important;
    font-size: 12px !important;
    line-height: 24px !important;
    font-weight: 850 !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-management-system::before {
    content: "管理系统" !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-professional-service::before {
    content: "专业服务" !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration h3,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-management-system h3,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-professional-service > h2,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-professional-service h3 {
    margin: 10px 0 12px !important;
    color: #101828 !important;
    font-size: 25px !important;
    line-height: 1.22 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration h3::before,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-management-system h3::before,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-professional-service > h2::before,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-professional-service h3::before {
    display: none !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration .re-sub-title,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-management-system .re-sub-title,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-professional-service .sub-title,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-professional-service .re-sub-title {
    margin: 0 0 14px !important;
    color: #5f6f85 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    text-align: left !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration .re-function-ul,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-management-system .re-function-ul,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-professional-service .re-function-ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 14px !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration .re-function-ul li,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-management-system .re-function-ul li,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-professional-service .re-function-ul li {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 15px 13px !important;
    border: 0 !important;
    border-radius: 20px !important;
    background: linear-gradient(160deg, #f8fbff 0%, #eef5ff 100%) !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
    text-align: left !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration .re-function-ul li img,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-management-system .re-function-ul li img,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-professional-service .re-function-ul li img {
    display: flex !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 8px !important;
    border-radius: 14px !important;
    background: #eaf3ff !important;
    object-fit: contain !important;
    box-shadow: inset 0 0 0 1px rgba(23,99,220,.12) !important;
    filter: none !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration .re-function-ul li::before,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-management-system .re-function-ul li::before,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-professional-service .re-function-ul li::before {
    content: none !important;
    display: none !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration .re-function-ul li div,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-management-system .re-function-ul li div,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-professional-service .re-function-ul li div {
    color: #101828 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    font-weight: 850 !important;
  }

  /* 在首页统一风格里给三块做轻微差异，而不是完全换风格 */
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration .re-function-ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration .re-function-ul li {
    display: block !important;
    min-height: 132px !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-system-integration .re-function-ul li img {
    margin-bottom: 10px !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-management-system .re-function-ul li {
    border-left: 3px solid #1d73ff !important;
    background: #f7faff !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-professional-service .re-function-ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-professional-service .re-function-ul li {
    display: block !important;
    min-height: 120px !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(30,62,112,.07), inset 0 0 0 1px #e4edf8 !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hh-wb-professional-service .re-function-ul li img {
    margin-bottom: 12px !important;
  }
}

/* 2026-05-25 系统开发页手机端：我们为什么值得信赖，增强可读性 */
@media (max-width: 768px) {
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process {
    position: relative !important;
    width: auto !important;
    max-width: none !important;
    margin: 16px 18px 0 !important;
    padding: 24px 18px !important;
    border-radius: 28px !important;
    background: rgba(255,255,255,.9) !important;
    border: 1px solid rgba(213,226,244,.92) !important;
    box-shadow: 0 18px 42px rgba(30,62,112,.08) !important;
    backdrop-filter: blur(10px) !important;
    overflow: hidden !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process::before {
    content: "信赖保障" !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    color: #1d64d8 !important;
    background: #eef5ff !important;
    border: 1px solid #dbeaff !important;
    font-size: 12px !important;
    line-height: 24px !important;
    font-weight: 850 !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process h2 {
    margin: 10px 0 10px !important;
    color: #101828 !important;
    font-size: 25px !important;
    line-height: 1.22 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process h2::before {
    display: none !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .sub-title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 16px !important;
    color: #5f6f85 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    text-align: left !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-li {
    position: relative !important;
    width: 100% !important;
    min-height: 132px !important;
    margin: 0 !important;
    padding: 15px 12px !important;
    border-radius: 20px !important;
    background: linear-gradient(160deg, #f8fbff 0%, #eef5ff 100%) !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
    overflow: hidden !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-li:nth-child(1),
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-li:nth-child(4) {
    background: linear-gradient(145deg, #0d2a61 0%, #1268e6 100%) !important;
    box-shadow: 0 16px 34px rgba(18,104,230,.18) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-bg-img {
    display: none !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-step {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-step img {
    display: flex !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 0 14px !important;
    padding: 9px !important;
    border-radius: 15px !important;
    background: #fff !important;
    object-fit: contain !important;
    box-shadow: 0 8px 20px rgba(23,99,220,.10) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-step div {
    color: #101828 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    font-weight: 900 !important;
    text-align: left !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-li:nth-child(1) .cp-step div,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-li:nth-child(4) .cp-step div {
    color: #fff !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-li:nth-child(1) .cp-step img,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-li:nth-child(4) .cp-step img {
    background: rgba(255,255,255,.16) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important;
    filter: brightness(0) invert(1) !important;
  }
}

/* 2026-05-25 资讯专题页手机端：按其他页面风格重做，PC不受影响 */
@media (max-width: 768px) {
  body.hhm-subpage-ready .news-list-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 92px !important;
    background: linear-gradient(180deg, #f6f9ff 0%, #eef4fb 42%, #f7f9fc 100%) !important;
    overflow: hidden !important;
  }

  body.hhm-subpage-ready .news-list-title {
    display: none !important;
  }

  body.hhm-subpage-ready .news-list-wrapper {
    width: auto !important;
    max-width: none !important;
    margin: 16px 18px 0 !important;
    padding: 24px 18px !important;
    border-radius: 28px !important;
    background: rgba(255,255,255,.9) !important;
    border: 1px solid rgba(213,226,244,.92) !important;
    box-shadow: 0 18px 42px rgba(30,62,112,.08) !important;
    backdrop-filter: blur(10px) !important;
    overflow: hidden !important;
  }

  body.hhm-subpage-ready .news-list-wrapper::before {
    content: "资讯专题" !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    color: #1d64d8 !important;
    background: #eef5ff !important;
    border: 1px solid #dbeaff !important;
    font-size: 12px !important;
    line-height: 24px !important;
    font-weight: 850 !important;
  }

  body.hhm-subpage-ready .news-list-wrapper::after {
    content: "软件开发方案、开发专题与常见问题，帮助企业了解开发路径。" !important;
    display: block !important;
    margin: 8px 0 16px !important;
    color: #5f6f85 !important;
    font-size: 14px !important;
    line-height: 24px !important;
  }

  body.hhm-subpage-ready .news-list-type,
  body.hhm-subpage-ready .news-list-type.mid-content {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
    margin: 12px 0 16px !important;
    padding: 4px !important;
    border-radius: 999px !important;
    background: #f1f6ff !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
  }

  body.hhm-subpage-ready .news-list-type div,
  body.hhm-subpage-ready .news-list-type .cicked-type {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.hhm-subpage-ready .news-list-type a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    color: #1763dc !important;
    font-size: 12px !important;
    line-height: 30px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  body.hhm-subpage-ready .news-list-type .cicked-type a {
    color: #fff !important;
    background: #1d73ff !important;
  }

  body.hhm-subpage-ready .news-list-ul,
  body.hhm-subpage-ready .news-list-ul.mid-content,
  body.hhm-subpage-ready #nowNews,
  body.hhm-subpage-ready #industryConsulting,
  body.hhm-subpage-ready #commonQuestion {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.hhm-subpage-ready .news-list-ul[hidden],
  body.hhm-subpage-ready #nowNews[style*="none"],
  body.hhm-subpage-ready #industryConsulting[style*="none"],
  body.hhm-subpage-ready #commonQuestion[style*="none"] {
    display: none !important;
  }

  body.hhm-subpage-ready .news-list-ul li,
  body.hhm-subpage-ready .news-list-ul li.fr-b-c {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 164px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background: #071833 !important;
    box-shadow: 0 18px 38px rgba(13,42,97,.16) !important;
    isolation: isolate !important;
  }

  body.hhm-subpage-ready .news-list-ul li::after {
    content: "" !important;
    position: absolute !important;
    inset: auto 0 0 0 !important;
    z-index: -1 !important;
    height: 68% !important;
    background: linear-gradient(180deg, rgba(3,12,28,0) 0%, rgba(3,12,28,.88) 100%) !important;
    pointer-events: none !important;
  }

  body.hhm-subpage-ready .news-list-ul li > img {
    position: absolute !important;
    inset: 0 !important;
    z-index: -2 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    object-fit: cover !important;
    transform: scale(1.01) !important;
  }

  body.hhm-subpage-ready .news-list-left {
    position: absolute !important;
    left: 15px !important;
    right: 15px !important;
    bottom: 14px !important;
    z-index: 2 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body.hhm-subpage-ready .news-list-left > a {
    display: block !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 23px !important;
    font-weight: 900 !important;
    text-align: left !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow: visible !important;
    text-shadow: 0 10px 26px rgba(0,0,0,.35) !important;
    text-decoration: none !important;
  }

  body.hhm-subpage-ready .news-list-left > div,
  body.hhm-subpage-ready .news-list-left > p {
    display: none !important;
  }
}

/* 2026-05-25 郑州软件开发公司选择指南：手机端底部 CTA 重设计 */
@media (max-width: 768px) {
  body:has(.hh-topic-final-cta) .hh-topic-final-cta {
    position: relative !important;
    width: auto !important;
    max-width: none !important;
    margin: 16px 18px 0 !important;
    padding: 0 !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 86% 10%, rgba(46,166,255,.34), rgba(46,166,255,0) 34%),
      linear-gradient(145deg, #071833 0%, #0d3270 62%, #071833 100%) !important;
    box-shadow: 0 20px 46px rgba(13,42,97,.22) !important;
  }

  body:has(.hh-topic-final-cta) .hh-topic-final-cta .mid-content {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 26px 18px 20px !important;
    box-sizing: border-box !important;
  }

  body:has(.hh-topic-final-cta) .hh-topic-final-cta .mid-content::before {
    content: "项目沟通" !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    color: rgba(255,255,255,.9) !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    font-size: 12px !important;
    line-height: 24px !important;
    font-weight: 850 !important;
  }

  body:has(.hh-topic-final-cta) .hh-topic-final-cta h2 {
    margin: 12px 0 10px !important;
    max-width: 310px !important;
    color: #fff !important;
    font-size: 25px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
    text-align: left !important;
  }

  body:has(.hh-topic-final-cta) .hh-topic-final-cta p {
    margin: 0 !important;
    color: rgba(255,255,255,.74) !important;
    font-size: 14px !important;
    line-height: 24px !important;
    text-align: left !important;
  }

  body:has(.hh-topic-final-cta) .hh-topic-final-cta a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px !important;
    margin-top: 18px !important;
    border-radius: 999px !important;
    color: #071225 !important;
    background: #fff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.16) !important;
  }

  body:has(.hh-topic-final-cta) .hh-topic-final-cta::after {
    content: "" !important;
    position: absolute !important;
    right: -58px !important;
    bottom: -74px !important;
    width: 190px !important;
    height: 190px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.08) !important;
    pointer-events: none !important;
  }
}

/* 2026-05-25 关于我们页手机端重设计：强化首屏转化、压缩信息密度、避免悬浮按钮遮挡 */
@media (max-width: 900px) {
  body.hhm-about-mobile-v2 {
    padding-bottom: calc(104px + env(safe-area-inset-bottom)) !important;
    background: #f4f7fb !important;
  }

  body.hhm-about-mobile-v2 .header,
  body.hhm-about-mobile-v2 #topHeader,
  body.hhm-about-mobile-v2 #util,
  body.hhm-about-mobile-v2 .hh-nav {
    height: 64px !important;
    min-height: 64px !important;
  }

  body.hhm-about-mobile-v2 {
    padding-top: 64px !important;
  }

  body.hhm-about-mobile-v2 .hh-nav .nav-con,
  body.hhm-about-mobile-v2 .hh-nav .mid-content.nav-con {
    min-height: 64px !important;
    padding: 0 16px !important;
  }

  body.hhm-about-mobile-v2 .hh-nav .logo,
  body.hhm-about-mobile-v2 .hh-nav .logo div,
  body.hhm-about-mobile-v2 .hh-nav .logo a {
    height: 64px !important;
  }

  body.hhm-about-mobile-v2 .hh-nav .logo img,
  body.hhm-about-mobile-v2 .logo-img {
    max-width: 128px !important;
    max-height: 38px !important;
    object-fit: contain !important;
  }

  body.hhm-about-mobile-v2 .hh-mobile-toggle {
    top: 17px !important;
    left: calc(100vw - 56px) !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 13px !important;
  }

  body.hhm-about-mobile-v2 .hhm-subpage-hero {
    margin-top: 0 !important;
    padding: 26px 20px 22px !important;
    min-height: auto !important;
    background:
      radial-gradient(circle at 96% 10%, rgba(65,178,255,.32), rgba(65,178,255,0) 30%),
      radial-gradient(circle at 8% 92%, rgba(41,126,255,.28), rgba(41,126,255,0) 28%),
      linear-gradient(142deg, #07162f 0%, #0b3478 58%, #07162f 100%) !important;
  }

  body.hhm-about-mobile-v2 .hhm-subpage-hero::before {
    right: -128px !important;
    top: 72px !important;
    width: 252px !important;
    height: 252px !important;
    opacity: .26 !important;
  }

  body.hhm-about-mobile-v2 .hhm-subpage-hero::after {
    right: -42px !important;
    bottom: 46px !important;
    width: 116px !important;
    height: 116px !important;
    opacity: .45 !important;
  }

  body.hhm-about-mobile-v2 .hhm-subpage-hero .hhm-hero-kicker {
    margin-bottom: 12px !important;
    min-height: 25px !important;
    padding: 0 11px !important;
    color: rgba(255,255,255,.92) !important;
    font-size: 12px !important;
    line-height: 25px !important;
  }

  body.hhm-about-mobile-v2 .hhm-subpage-hero .hhm-hero-title {
    max-width: 300px !important;
    font-size: 30px !important;
    line-height: 1.14 !important;
    letter-spacing: -.04em !important;
  }

  body.hhm-about-mobile-v2 .hhm-subpage-hero p {
    max-width: 315px !important;
    margin-top: 10px !important;
    color: rgba(255,255,255,.9) !important;
    font-size: 14px !important;
    line-height: 23px !important;
  }

  body.hhm-about-mobile-v2 .hhm-subpage-hero .hhm-hero-actions {
    gap: 9px !important;
    margin-top: 16px !important;
  }

  body.hhm-about-mobile-v2 .hhm-subpage-hero .hhm-hero-actions a {
    height: 43px !important;
    border-radius: 15px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
  }

  body.hhm-about-mobile-v2 .hhm-subpage-hero .hhm-hero-actions a:first-child {
    color: #0a3475 !important;
    background: rgba(255,255,255,.94) !important;
    border: 1px solid rgba(255,255,255,.78) !important;
  }

  body.hhm-about-mobile-v2 .hhm-subpage-hero .hhm-hero-actions a:last-child {
    color: #fff !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.35) !important;
  }

  body.hhm-about-mobile-v2 .hhm-subpage-hero .hhm-proof {
    gap: 6px !important;
    margin-top: 14px !important;
  }

  body.hhm-about-mobile-v2 .hhm-subpage-hero .hhm-proof li {
    padding: 9px 5px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.10) !important;
  }

  body.hhm-about-mobile-v2 .hhm-subpage-hero .hhm-proof strong {
    font-size: 17px !important;
  }

  body.hhm-about-mobile-v2 .hhm-subpage-hero .hhm-proof span {
    color: rgba(255,255,255,.78) !important;
    font-size: 10px !important;
  }

  body.hhm-about-mobile-v2 .about-us-box {
    padding: 0 !important;
    background: transparent !important;
  }

  body.hhm-about-mobile-v2 .about-us-box > .mid-content,
  body.hhm-about-mobile-v2 .about-huahan-box,
  body.hhm-about-mobile-v2 .huahan-culture-box,
  body.hhm-about-mobile-v2 .huahan-honor-box,
  body.hhm-about-mobile-v2 .homePartners,
  body.hhm-about-mobile-v2 .homePartners-wrap {
    margin: 14px 16px 0 !important;
    padding: 22px 16px !important;
    border-radius: 24px !important;
    background: #fff !important;
    border: 1px solid rgba(218,230,247,.96) !important;
    box-shadow: 0 14px 36px rgba(30,62,112,.07) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.hhm-about-mobile-v2 .aboutus-data-box {
    padding: 16px !important;
  }

  body.hhm-about-mobile-v2 .tiktok-data-ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
  }

  body.hhm-about-mobile-v2 .tiktok-data-ul li {
    display: flex !important;
    align-items: center !important;
    min-height: 76px !important;
    padding: 12px 10px !important;
    border-radius: 18px !important;
    background: linear-gradient(150deg, #f8fbff 0%, #edf5ff 100%) !important;
    border: 1px solid #e2edf9 !important;
    box-shadow: none !important;
  }

  body.hhm-about-mobile-v2 .tiktok-data-ul li img {
    width: 30px !important;
    height: 30px !important;
    margin: 0 8px 0 0 !important;
    flex: 0 0 auto !important;
  }

  body.hhm-about-mobile-v2 .tiktok-data {
    margin-left: 0 !important;
  }

  body.hhm-about-mobile-v2 .tiktok-data h3 {
    margin: 0 !important;
    color: #0f2f66 !important;
    font-size: 15px !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
  }

  body.hhm-about-mobile-v2 .tiktok-data h3 span {
    font-size: 25px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
  }

  body.hhm-about-mobile-v2 .tiktok-data div {
    margin-top: 5px !important;
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 17px !important;
  }

  body.hhm-about-mobile-v2 .about-huahan-box h2,
  body.hhm-about-mobile-v2 .huahan-history-box h2,
  body.hhm-about-mobile-v2 .huahan-honor-box h2,
  body.hhm-about-mobile-v2 .title-style h2 {
    margin: 0 0 14px !important;
    color: #101828 !important;
    font-size: 24px !important;
    line-height: 1.22 !important;
    font-weight: 950 !important;
    letter-spacing: -.03em !important;
    text-align: left !important;
  }

  body.hhm-about-mobile-v2 .about-huahan-box h2::before,
  body.hhm-about-mobile-v2 .huahan-history-box h2::before,
  body.hhm-about-mobile-v2 .huahan-honor-box h2::before,
  body.hhm-about-mobile-v2 .title-style h2::before {
    content: "" !important;
    display: block !important;
    width: 46px !important;
    height: 4px !important;
    margin: 0 0 10px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #1677ff, #19d3ff) !important;
  }

  body.hhm-about-mobile-v2 .about-huahan-box > div {
    display: block !important;
  }

  body.hhm-about-mobile-v2 .about-huahan-box p {
    width: 100% !important;
    margin: 0 !important;
    color: #4b5565 !important;
    font-size: 14px !important;
    line-height: 25px !important;
    text-align: left !important;
  }

  body.hhm-about-mobile-v2 .about-huahan-box img {
    display: block !important;
    width: 100% !important;
    max-height: 190px !important;
    margin: 16px 0 0 !important;
    border-radius: 18px !important;
    object-fit: cover !important;
  }

  body.hhm-about-mobile-v2 .huahan-culture-box h3 {
    margin: 0 0 14px !important;
    color: #101828 !important;
    font-size: 23px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
    text-align: left !important;
  }

  body.hhm-about-mobile-v2 .huahan-culture {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.hhm-about-mobile-v2 .culture-list {
    display: block !important;
    min-height: 128px !important;
    padding: 14px 12px !important;
    border-radius: 18px !important;
    background: #f7fbff !important;
    border: 1px solid #e3edf9 !important;
    text-align: left !important;
  }

  body.hhm-about-mobile-v2 .culture-list img {
    width: 34px !important;
    height: 34px !important;
    margin: 0 0 10px !important;
  }

  body.hhm-about-mobile-v2 .culture-list div {
    margin: 0 0 6px !important;
    color: #101828 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
  }

  body.hhm-about-mobile-v2 .culture-list p {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 19px !important;
    text-align: left !important;
  }

  body.hhm-about-mobile-v2 .huahan-history-box {
    margin: 14px 16px 0 !important;
    padding: 22px 16px !important;
    border-radius: 24px !important;
    background: #fff !important;
    border: 1px solid rgba(218,230,247,.96) !important;
    box-shadow: 0 14px 36px rgba(30,62,112,.07) !important;
  }

  body.hhm-about-mobile-v2 .huahan-history-top,
  body.hhm-about-mobile-v2 .huahan-history-bottom {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.hhm-about-mobile-v2 .huahan-history-bottom {
    margin-top: 10px !important;
  }

  body.hhm-about-mobile-v2 .huahan-history-top::after,
  body.hhm-about-mobile-v2 .huahan-history-top li::after,
  body.hhm-about-mobile-v2 .huahan-history-bottom li::after {
    display: none !important;
  }

  body.hhm-about-mobile-v2 .huahan-history-top li,
  body.hhm-about-mobile-v2 .huahan-history-bottom li {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px 14px 14px 18px !important;
    border-radius: 18px !important;
    background: #f8fbff !important;
    border: 1px solid #e1ebf8 !important;
    border-left: 4px solid #1677ff !important;
    box-shadow: none !important;
  }

  body.hhm-about-mobile-v2 .huahan-history-top li div,
  body.hhm-about-mobile-v2 .huahan-history-bottom li div {
    color: #0f2f66 !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
  }

  body.hhm-about-mobile-v2 .huahan-history-top li p,
  body.hhm-about-mobile-v2 .huahan-history-bottom li p {
    margin-top: 7px !important;
    color: #5f6f85 !important;
    font-size: 13px !important;
    line-height: 22px !important;
  }

  body.hhm-about-mobile-v2 .huahan-honor-ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
  }

  body.hhm-about-mobile-v2 .huahan-honor-ul li {
    width: 100% !important;
    padding: 10px !important;
    border-radius: 18px !important;
    background: #f8fbff !important;
    border: 1px solid #e3edf9 !important;
  }

  body.hhm-about-mobile-v2 .img-wrapper {
    height: 160px !important;
    border-radius: 14px !important;
    background: linear-gradient(204deg, rgba(253,179,255,.08), rgba(179,237,255,.11), rgba(243,245,248,.98)) !important;
  }

  body.hhm-about-mobile-v2 .img-wrapper img,
  body.hhm-about-mobile-v2 .huahan-honor-box img {
    width: 100% !important;
    height: 148px !important;
    margin: 6px auto !important;
    object-fit: contain !important;
  }

  body.hhm-about-mobile-v2 .honor-date {
    margin: 10px 0 6px !important;
    color: #344054 !important;
    font-size: 12px !important;
  }

  body.hhm-about-mobile-v2 .huahan-honor-ul li p,
  body.hhm-about-mobile-v2 .huahan-honor-ul li p[style] {
    color: #4b5565 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    text-align: left !important;
  }

  body.hhm-about-mobile-v2 .homePartners {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.hhm-about-mobile-v2 .homePartners-wrap {
    margin: 0 !important;
  }

  body.hhm-about-mobile-v2 .title-style p {
    margin: 0 0 14px !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    text-align: left !important;
  }

  body.hhm-about-mobile-v2 .partners_comtent {
    height: auto !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.hhm-about-mobile-v2 .partners-roll-box {
    height: auto !important;
    margin-top: 10px !important;
  }

  body.hhm-about-mobile-v2 .partnersrow-dom {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    transform: none !important;
  }

  body.hhm-about-mobile-v2 .partners-img-wrap {
    width: 100% !important;
    height: 58px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    background: #f4f8fe !important;
    box-shadow: none !important;
  }

  body.hhm-about-mobile-v2 .partners-img-wrap:nth-child(n + 7) {
    display: none !important;
  }

  body.hhm-about-mobile-v2 .partners-img-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  }

  body.hhm-about-mobile-v2 .hh-mobile-sticky-cta {
    gap: 8px !important;
    padding: 9px 12px calc(9px + env(safe-area-inset-bottom)) !important;
    background: rgba(255,255,255,.97) !important;
  }

  body.hhm-about-mobile-v2 .hh-mobile-sticky-cta a {
    min-height: 42px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
  }

  body.hhm-about-mobile-v2 .hhm-mobile-footer {
    margin-top: 14px !important;
  }
}

@media (max-width: 360px) {
  body.hhm-about-mobile-v2 .hhm-subpage-hero {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  body.hhm-about-mobile-v2 .hhm-subpage-hero .hhm-hero-title {
    font-size: 27px !important;
  }
  body.hhm-about-mobile-v2 .huahan-honor-ul,
  body.hhm-about-mobile-v2 .huahan-culture,
  body.hhm-about-mobile-v2 .tiktok-data-ul {
    grid-template-columns: 1fr !important;
  }
}

/* 2026-05-25 关于我们页手机端宽度二次修正：外层卡片用 auto 避免 100% + margin 撑出 body */
@media (max-width: 900px) {
  body.hhm-about-mobile-v2 .huahan-history-box,
  body.hhm-about-mobile-v2 .homePartners,
  body.hhm-about-mobile-v2 .homePartners-wrap {
    width: auto !important;
    max-width: none !important;
  }
}

/* 2026-05-25 关于我们页手机端三次修正：该页不使用固定悬浮 CTA，避免正文阅读遮挡；历程由 JS 按时间排序 */
@media (max-width: 900px) {
  body.hhm-about-mobile-v2 {
    padding-bottom: 0 !important;
  }

  body.hhm-about-mobile-v2 .hh-mobile-sticky-cta {
    display: none !important;
  }

  body.hhm-about-mobile-v2 .huahan-culture .culture-list:last-child {
    grid-column: 1 / -1 !important;
    min-height: 108px !important;
  }

  body.hhm-about-mobile-v2 .huahan-history-bottom[hidden] {
    display: none !important;
  }
}

/* 2026-05-25 关于我们页手机端锚点/程序滚动兜底：固定头部下方保留可读安全区 */
@media (max-width: 900px) {
  body.hhm-about-mobile-v2 .aboutus-data-box,
  body.hhm-about-mobile-v2 .about-huahan-box,
  body.hhm-about-mobile-v2 .huahan-culture-box,
  body.hhm-about-mobile-v2 .huahan-history-box,
  body.hhm-about-mobile-v2 .huahan-honor-box,
  body.hhm-about-mobile-v2 .homePartners,
  body.hhm-about-mobile-v2 .hhm-mobile-footer {
    scroll-margin-top: 78px !important;
  }
}

/* 2026-05-25 关于我们页客户板块重做：手机端改成清晰大 Logo 卡片墙，取消淡化遮罩/跑马灯 */
@media (max-width: 900px) {
  body.hhm-about-mobile-v2 .homePartners-wrap {
    padding: 24px 16px !important;
  }

  body.hhm-about-mobile-v2 .partners-left-filter,
  body.hhm-about-mobile-v2 .partners-right-filter {
    display: none !important;
  }

  body.hhm-about-mobile-v2 .partners_comtent {
    margin-top: 14px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.hhm-about-mobile-v2 .partners-roll-box {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body.hhm-about-mobile-v2 .partners-roll-box + .partners-roll-box {
    margin-top: 10px !important;
  }

  body.hhm-about-mobile-v2 .partnersrow-dom,
  body.hhm-about-mobile-v2 .partnersrow-dom.swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    transform: none !important;
    animation: none !important;
    -webkit-animation: none !important;
  }

  body.hhm-about-mobile-v2 .partners-img-wrap,
  body.hhm-about-mobile-v2 .partners-img-wrap.swiper-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 82px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid #d9e6f6 !important;
    box-shadow: 0 10px 26px rgba(30,62,112,.10) !important;
    opacity: 1 !important;
    box-sizing: border-box !important;
  }

  body.hhm-about-mobile-v2 .partners-img-wrap:nth-child(n + 7) {
    display: flex !important;
  }

  body.hhm-about-mobile-v2 .partners-img-wrap img {
    display: block !important;
    width: 100% !important;
    max-width: 132px !important;
    height: 58px !important;
    max-height: 58px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain !important;
    opacity: 1 !important;
    filter: contrast(1.12) saturate(1.08) !important;
  }

  body.hhm-about-mobile-v2 .partners-roll-box:nth-of-type(n + 3) {
    display: none !important;
  }
}

@media (max-width: 360px) {
  body.hhm-about-mobile-v2 .partners-img-wrap,
  body.hhm-about-mobile-v2 .partners-img-wrap.swiper-slide {
    height: 76px !important;
    padding: 9px 10px !important;
  }

  body.hhm-about-mobile-v2 .partners-img-wrap img {
    max-width: 122px !important;
    height: 54px !important;
  }
}

/* 2026-05-25 客户 Logo 墙修正：Swiper 初始化后不能把两行 Logo 误隐藏，重复克隆项不展示 */
@media (max-width: 900px) {
  body.hhm-about-mobile-v2 .partners_comtent .partners-roll-box {
    display: block !important;
  }

  body.hhm-about-mobile-v2 .partners-img-wrap.swiper-slide-duplicate {
    display: none !important;
  }
}

/* 2026-05-25 关于我们客户 Logo：移除华韩自身 Logo 后，手机端最后一张保持半宽左排，每行稳定两个 */
@media (max-width: 900px) {
  body.hhm-about-mobile-v2 .partnersrow-dom,
  body.hhm-about-mobile-v2 .partnersrow-dom.swiper-wrapper {
    grid-auto-flow: row !important;
    align-items: stretch !important;
  }

  body.hhm-about-mobile-v2 .partners-img-wrap:not(.swiper-slide-duplicate) {
    justify-self: stretch !important;
  }
}

/* 2026-05-25 客户区最终排版：用独立客户网格承接去重后的 Logo，避免 Swiper 分行造成空洞 */
@media (max-width: 900px) {
  body.hhm-about-mobile-v2 .homePartners .partners-roll-box,
  body.hhm-about-mobile-v2 .homePartners .partners-left-filter,
  body.hhm-about-mobile-v2 .homePartners .partners-right-filter {
    display: none !important;
  }

  body.hhm-about-mobile-v2 .hhm-about-client-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.hhm-about-mobile-v2 .hhm-about-client-card {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    height: 82px !important;
    padding: 10px 12px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid #d9e6f6 !important;
    box-shadow: 0 10px 26px rgba(30,62,112,.10) !important;
    box-sizing: border-box !important;
  }

  body.hhm-about-mobile-v2 .hhm-about-client-card img {
    display: block !important;
    width: 100% !important;
    max-width: 132px !important;
    height: 58px !important;
    max-height: 58px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    filter: contrast(1.12) saturate(1.08) !important;
  }
}

/* 2026-05-25 关于我们客户区：PC 两行都用 auto 宽度连续轮动，避免第二行因数量不足停止 */
@media (min-width: 901px) {
  .homePartners .partners-img-wrap.swiper-slide {
    width: 160px !important;
    flex: 0 0 160px !important;
  }
}

/* 2026-05-25 资讯专题页手机端二次重设计：降低营销首屏，强化内容浏览效率 */
@media (max-width: 900px) {
  body.hhm-newslist-mobile-v2 {
    padding-bottom: 74px !important;
    background: #f4f7fb !important;
  }

  body.hhm-newslist-mobile-v2 .hhm-subpage-hero {
    margin-top: 0 !important;
    padding: 24px 20px 20px !important;
    min-height: auto !important;
    background:
      radial-gradient(circle at 92% 8%, rgba(65,178,255,.28), rgba(65,178,255,0) 30%),
      linear-gradient(142deg, #07162f 0%, #0b3478 62%, #07162f 100%) !important;
  }

  body.hhm-newslist-mobile-v2 .hhm-subpage-hero::before,
  body.hhm-newslist-mobile-v2 .hhm-subpage-hero::after,
  body.hhm-newslist-mobile-v2 .hhm-subpage-hero .hhm-hero-actions,
  body.hhm-newslist-mobile-v2 .hhm-subpage-hero .hhm-proof,
  body.hhm-newslist-mobile-v2 .hh-mobile-sticky-cta {
    display: none !important;
  }

  body.hhm-newslist-mobile-v2 .hhm-subpage-hero .hhm-hero-kicker {
    margin-bottom: 10px !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    color: rgba(255,255,255,.9) !important;
    font-size: 12px !important;
    line-height: 24px !important;
  }

  body.hhm-newslist-mobile-v2 .hhm-subpage-hero .hhm-hero-title {
    max-width: 300px !important;
    font-size: 30px !important;
    line-height: 1.14 !important;
    letter-spacing: -.04em !important;
  }

  body.hhm-newslist-mobile-v2 .hhm-subpage-hero p {
    max-width: 320px !important;
    margin-top: 9px !important;
    color: rgba(255,255,255,.86) !important;
    font-size: 14px !important;
    line-height: 23px !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-content {
    padding: 0 0 18px !important;
    background: #f4f7fb !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-wrapper {
    margin: 14px 16px 0 !important;
    padding: 18px 14px 20px !important;
    border-radius: 24px !important;
    background: #fff !important;
    border: 1px solid rgba(218,230,247,.96) !important;
    box-shadow: 0 14px 36px rgba(30,62,112,.07) !important;
    overflow: hidden !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-wrapper::before {
    content: "内容分类" !important;
    display: block !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    color: #101828 !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 950 !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-wrapper::after {
    content: "最新动态、开发专题、常见问题按需切换，手机端优先看标题和摘要。" !important;
    margin: 0 0 14px !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 21px !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-type,
  body.hhm-newslist-mobile-v2 .news-list-type.mid-content {
    position: sticky !important;
    top: 64px !important;
    z-index: 22 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 0 0 14px !important;
    padding: 5px !important;
    border-radius: 18px !important;
    background: #f1f6ff !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
    overflow: visible !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-type div,
  body.hhm-newslist-mobile-v2 .news-list-type .cicked-type {
    min-width: 0 !important;
    width: 100% !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-type a {
    display: flex !important;
    width: 100% !important;
    min-height: 34px !important;
    padding: 0 6px !important;
    border-radius: 14px !important;
    color: #1763dc !important;
    font-size: 12px !important;
    line-height: 34px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-type .cicked-type a {
    color: #fff !important;
    background: #1d73ff !important;
    box-shadow: 0 8px 18px rgba(29,115,255,.22) !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-ul,
  body.hhm-newslist-mobile-v2 .news-list-ul.mid-content,
  body.hhm-newslist-mobile-v2 #nowNews,
  body.hhm-newslist-mobile-v2 #industryConsulting,
  body.hhm-newslist-mobile-v2 #commonQuestion {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 11px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-ul[hidden],
  body.hhm-newslist-mobile-v2 #nowNews[style*="none"],
  body.hhm-newslist-mobile-v2 #industryConsulting[style*="none"],
  body.hhm-newslist-mobile-v2 #commonQuestion[style*="none"] {
    display: none !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-ul li,
  body.hhm-newslist-mobile-v2 .news-list-ul li.fr-b-c {
    display: grid !important;
    grid-template-columns: 1fr 92px !important;
    gap: 12px !important;
    align-items: stretch !important;
    min-height: 112px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px !important;
    border-radius: 18px !important;
    background: #f8fbff !important;
    border: 1px solid #e1ebf8 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-ul li::after {
    display: none !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-left {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    width: 100% !important;
    padding: 0 !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-left > a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    color: #101828 !important;
    font-size: 15px !important;
    line-height: 21px !important;
    font-weight: 950 !important;
    text-align: left !important;
    text-decoration: none !important;
    text-shadow: none !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-left > div {
    display: block !important;
    order: -1 !important;
    margin: 0 0 7px !important;
    color: #1d64d8 !important;
    font-size: 11px !important;
    line-height: 16px !important;
    font-weight: 800 !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-left > div span {
    color: inherit !important;
    font-size: inherit !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-left > p {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin: 7px 0 0 !important;
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    text-align: left !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-ul li > img {
    position: relative !important;
    inset: auto !important;
    z-index: 1 !important;
    display: block !important;
    width: 92px !important;
    height: 88px !important;
    max-width: 92px !important;
    min-width: 92px !important;
    align-self: center !important;
    border-radius: 14px !important;
    object-fit: cover !important;
    transform: none !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-wrapper > div[style] {
    display: none !important;
  }

  body.hhm-newslist-mobile-v2 .footer-top-box {
    display: none !important;
  }

  body.hhm-newslist-mobile-v2 .hhm-mobile-footer {
    margin-top: 14px !important;
  }
}

@media (max-width: 360px) {
  body.hhm-newslist-mobile-v2 .news-list-wrapper {
    margin-left: 14px !important;
    margin-right: 14px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-ul li,
  body.hhm-newslist-mobile-v2 .news-list-ul li.fr-b-c {
    grid-template-columns: 1fr 82px !important;
    gap: 10px !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-ul li > img {
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    height: 80px !important;
  }
}

/* 2026-05-25 资讯专题页手机端三次修正：分类不吸顶，避免压住列表；滚动锚点避开固定头部 */
@media (max-width: 900px) {
  body.hhm-newslist-mobile-v2 .news-list-type,
  body.hhm-newslist-mobile-v2 .news-list-type.mid-content {
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
    margin-bottom: 16px !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-wrapper,
  body.hhm-newslist-mobile-v2 .news-list-ul li {
    scroll-margin-top: 78px !important;
  }
}

/* 2026-05-25 资讯专题页客户可见文案精简：移除“手机端/按需切换”等内部表达 */
@media (max-width: 900px) {
  body.hhm-newslist-mobile-v2 .news-list-wrapper::before {
    content: "精选内容" !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-wrapper::after {
    content: "按分类查看项目经验、开发方案和常见问题。" !important;
  }

  body.hhm-newslist-mobile-v2 .news-list-left > div span:nth-child(2) {
    display: none !important;
  }
}


/* 2026-05-26 docx mobile fixes: procurement/live/education/healthcare detail pages */
@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .i-develop,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .i-develop > .l-container,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list-item,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list-item:nth-child(n) {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 18px 16px !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    border-radius: 20px !important;
    background: linear-gradient(160deg, #f8fbff 0%, #eef5ff 100%) !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
    overflow: hidden !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list-item .bg,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list-item .bg-1,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list-item .bg-3,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .deve-pic {
    display: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .exhibition,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .text-box {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-num {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 24px !important;
    margin: 0 0 12px !important;
    border-radius: 999px !important;
    background: #1d73ff !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 24px !important;
    font-weight: 900 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-title {
    display: inline !important;
    margin: 0 4px 8px 0 !important;
    color: #101828 !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-article {
    display: block !important;
    margin: 8px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    text-align: left !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .applica-tab {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    height: auto !important;
    margin: 16px 0 !important;
    padding: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .applica-item,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .applica-item:nth-child(n) {
    width: 100% !important;
    height: auto !important;
    min-height: 70px !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    border-radius: 18px !important;
    background: #f8fbff !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .applica-item .itemContent {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    transform: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .itemContent > img {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
    object-fit: contain !important;
    margin: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .applica-title {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: #101828 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 900 !important;
    white-space: normal !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .bgImg,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .applica-item:after,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .appli-btn-box {
    display: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .appli-info {
    padding: 16px !important;
    border-radius: 18px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .appli-tips-item {
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .live-broadcast-solution .wechat-development-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .lb-system-section ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .recruit-applicable-scenarios ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .after-sales-service-section ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .oe-solution-ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .live-broadcast-solution .wechat-development-ul li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .lb-system-section li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .recruit-applicable-scenarios ul li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .after-sales-service-section ul li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .oe-solution-ul dl {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 16px !important;
    border-radius: 20px !important;
    background: linear-gradient(160deg, #f8fbff 0%, #eef5ff 100%) !important;
    border: 0 !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
    overflow: hidden !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .live-broadcast-solution .wechat-development-ul li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .lb-system-section li > div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .recruit-applicable-scenarios ul li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .after-sales-service-section ul li {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .live-broadcast-solution .wechat-development-ul li img,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .lb-system-section li img,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .recruit-applicable-scenarios ul li img,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .after-sales-service-section ul li img {
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    object-fit: contain !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .live-broadcast-solution .wechat-development-ul li div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .lb-system-section li h3,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .recruit-applicable-scenarios ul li div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .after-sales-service-section ul li div {
    position: static !important;
    width: auto !important;
    margin: 0 !important;
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
    text-align: left !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .lb-system-section li p {
    grid-column: 2 !important;
    margin: 6px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 22px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .lb-application-scenarios .swiper-slide {
    margin-bottom: 12px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .real-eatste-dl {
    padding: 16px !important;
    border-radius: 20px !important;
    background: linear-gradient(160deg, #f8fbff 0%, #eef5ff 100%) !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .real-eatste-dl h3 {
    color: #101828 !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .real-eatste-dl dt {
    position: relative !important;
    margin: 14px 0 6px !important;
    padding-left: 14px !important;
    color: #101828 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .real-eatste-dl dt:before {
    content: "";
    position: absolute;
    left: 0;
    top: .62em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1d73ff;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .real-eatste-dl dd {
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 22px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .oe-solution-ul dl dt {
    margin: 0 0 10px !important;
    color: #101828 !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .oe-solution-ul dl dd {
    display: inline-flex !important;
    margin: 0 6px 8px 0 !important;
    padding: 5px 9px !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
    white-space: normal !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .after-sales-service-section,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .recruit-applicable-scenarios,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .lb-system-section {
    height: auto !important;
    background: rgba(255,255,255,.86) !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .smart-health-solution,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .smart-health-solution2 {
    background: rgba(255,255,255,.86) !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .smart-health-solution .professional-services-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .smart-health-solution2 .professional-services-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .smart-health-solution .re-text-right,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .smart-health-solution2 .re-text-right,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .smart-health-solution .re-function-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .smart-health-solution2 .re-function-ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .smart-health-solution .re-function-ul li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .smart-health-solution2 .re-function-ul li {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 16px !important;
    border-radius: 20px !important;
    background: linear-gradient(160deg, #f8fbff 0%, #eef5ff 100%) !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .smart-health-solution .wc-solution-title,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .smart-health-solution2 .wc-solution-title {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    margin: 0 0 8px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .smart-health-solution .wc-solution-title img,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .smart-health-solution2 .wc-solution-title img {
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    object-fit: contain !important;
    margin: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .smart-health-solution .wc-solution-title div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .smart-health-solution2 .wc-solution-title div {
    margin: 0 !important;
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .smart-health-solution .re-function-ul p,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .smart-health-solution2 .re-function-ul p {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 22px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-industry-agent-bridge,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-decision-faq-section {
    clear: both !important;
  }
}

@media (max-width: 420px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .solution-section ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .app-development-service ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .wechat-development-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .ec-field-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .tiktok-data-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .home-case-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-topic-card-grid,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-topic-faq-list,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .news-list-ul {
    grid-template-columns: 1fr !important;
  }
}


/* 2026-05-27 mobile docx final polish */
@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .productDetail_advItemBlock__yBVYb {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: flex-start !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .gridCards_cardLogoImageContainer__CGaLQ {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    margin: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .gridCards_cardLogoImageContainer__CGaLQ img,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .gridCards_cardLogoImg__cBVBH {
    width: 46px !important;
    height: 46px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .gridCards_cardInfBox__4rpq3 {
    grid-column: 2 !important;
    min-width: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .gridCards_cardTitle__YYzr6 {
    margin-top: 0 !important;
  }

  /* 集采电商“在线沟通/智能体入口”在源码中位于 footer 后，手机端强制放在底部内容流，避免夹在页面中间 */
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) > .hh-industry-agent-bridge,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) > .hh-decision-faq-section {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
  }
}


/* 2026-05-27 集采电商手机端四大板块重设计 */
.hh-central-mobile-redesign {
  display: none;
}

@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-central-mobile-redesign {
    display: block !important;
    margin: 16px 18px 0 !important;
    padding: 0 0 2px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-central-mobile-redesign + #manage,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-central-mobile-redesign + #manage + .manage-01,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-central-mobile-redesign + #manage + .manage-01 + #manage,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-central-mobile-redesign + #manage + .manage-01 + #manage + .manage-01 {
    display: none !important;
  }

  .hh-central-mobile-intro,
  .hh-central-mobile-block {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 28px !important;
    border: 1px solid rgba(213,226,244,.92) !important;
    box-shadow: 0 18px 42px rgba(30,62,112,.08) !important;
    box-sizing: border-box !important;
  }

  .hh-central-mobile-intro {
    padding: 24px 18px !important;
    color: #fff !important;
    background:
      radial-gradient(circle at 92% 8%, rgba(48,168,255,.35), rgba(48,168,255,0) 34%),
      linear-gradient(145deg, #071833 0%, #0d316e 100%) !important;
  }

  .hh-central-mobile-intro span,
  .hh-cm-head em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    line-height: 24px !important;
    font-weight: 900 !important;
  }

  .hh-central-mobile-intro span {
    color: #dff5ff !important;
    background: rgba(255,255,255,.11) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
  }

  .hh-central-mobile-intro h2 {
    margin: 12px 0 10px !important;
    color: #fff !important;
    font-size: 28px !important;
    line-height: 1.18 !important;
    font-weight: 950 !important;
    letter-spacing: -.04em !important;
    text-align: left !important;
  }

  .hh-central-mobile-intro p {
    margin: 0 !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 14px !important;
    line-height: 24px !important;
    text-align: left !important;
  }

  .hh-central-mobile-block {
    margin-top: 14px !important;
    padding: 20px 16px !important;
    background: rgba(255,255,255,.92) !important;
  }

  .hh-central-mobile-block::after {
    content: "";
    position: absolute;
    right: -42px;
    top: -44px;
    width: 132px;
    height: 132px;
    border-radius: 50%;
    background: rgba(22,119,255,.07);
    pointer-events: none;
  }

  .hh-cm-head {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: flex-start !important;
    margin-bottom: 16px !important;
  }

  .hh-cm-head em {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    color: #fff !important;
    font-style: normal !important;
    background: linear-gradient(135deg, #1677ff, #19d3ff) !important;
    box-shadow: 0 12px 26px rgba(22,119,255,.2) !important;
  }

  .hh-cm-head h3 {
    margin: 0 0 7px !important;
    color: #101828 !important;
    font-size: 21px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
    letter-spacing: -.03em !important;
    text-align: left !important;
  }

  .hh-cm-head p {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    text-align: left !important;
  }

  .hh-cm-flow {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: 1fr 14px 1fr 14px 1fr 14px 1fr !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 0 14px !important;
  }

  .hh-cm-flow span {
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px !important;
    border-radius: 13px !important;
    color: #1555b7 !important;
    background: #eef5ff !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 900 !important;
    text-align: center !important;
  }

  .hh-cm-flow i {
    display: block !important;
    width: 14px !important;
    height: 2px !important;
    border-radius: 2px !important;
    background: #b9d4fb !important;
  }

  .hh-cm-card-grid,
  .hh-cm-feature-list,
  .hh-cm-collab-grid,
  .hh-cm-management {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .hh-cm-card-grid div,
  .hh-cm-feature-list div,
  .hh-cm-collab-grid div,
  .hh-cm-management div {
    min-width: 0 !important;
    padding: 15px 14px !important;
    border-radius: 18px !important;
    background: linear-gradient(160deg, #f8fbff 0%, #eef5ff 100%) !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
  }

  .hh-cm-card-grid b,
  .hh-cm-feature-list b,
  .hh-cm-collab-grid strong,
  .hh-cm-management b {
    display: block !important;
    margin: 0 0 6px !important;
    color: #101828 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  .hh-cm-card-grid p,
  .hh-cm-feature-list p,
  .hh-cm-collab-grid p,
  .hh-cm-management p {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    text-align: left !important;
  }

  .hh-cm-quote {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 0 12px !important;
    padding: 14px 15px !important;
    border-radius: 18px !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 24px !important;
    font-weight: 850 !important;
    background: linear-gradient(135deg, #1677ff, #19d3ff) !important;
  }

  .hh-cm-feature-list div {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    column-gap: 10px !important;
    align-items: start !important;
  }

  .hh-cm-feature-list span {
    grid-row: 1 / span 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    color: #fff !important;
    background: #1555b7 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  .hh-cm-collab-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .hh-cm-collab-grid div {
    min-height: 138px !important;
  }

  .hh-cm-management div {
    padding-left: 42px !important;
  }

  .hh-cm-management div::before {
    content: "✓";
    position: absolute;
    transform: translate(-28px, 0);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    background: #1677ff;
    font-size: 12px;
    font-weight: 900;
  }

  .hh-cm-action {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 46px !important;
    margin-top: 14px !important;
    border-radius: 15px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1677ff, #19d3ff) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    box-shadow: 0 14px 30px rgba(22,119,255,.18) !important;
  }
}

@media (max-width: 420px) {
  .hh-cm-collab-grid {
    grid-template-columns: 1fr !important;
  }
  .hh-cm-flow {
    grid-template-columns: 1fr !important;
  }
  .hh-cm-flow i {
    width: 2px !important;
    height: 10px !important;
    margin: 0 auto !important;
  }
}


/* 2026-05-27 集采页三块按反馈不大改，只放宽手机端展示宽度 */
@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .quality-resources,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market {
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    border-radius: 22px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .quality-resources .l-container,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .l-container,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .l-container,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .quality-resources .productDetail_moduleContent,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .i-appli,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .i-develop {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .quality-resources .gridCards_card__hH4as,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .quality-resources .productDetail_advItemBlock__yBVYb,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list-item,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .appli-info,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .applica-item {
    border-radius: 16px !important;
  }
}

/* 2026-05-27 PC端兜底：应用市场默认显示首个内容，避免空白 */
@media (min-width: 901px) {
  .application-market .appli-info.active,
  .application-market .appli-info:first-child {
    opacity: 1 !important;
    z-index: 2 !important;
    pointer-events: auto !important;
  }

  .application-market .appli-info.active .appli-left,
  .application-market .appli-info:first-child .appli-left,
  .application-market .appli-info.active .appli-right,
  .application-market .appli-info:first-child .appli-right {
    opacity: 1 !important;
    transform: translateX(0) !important;
  }
}


/* 2026-05-27 override：用户确认这三块手机端不要大改，恢复为原结构，仅放宽内容 */
@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list-item,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list-item:nth-child(n) {
    display: block !important;
    width: 33.333% !important;
    min-width: 0 !important;
    min-height: 360px !important;
    padding: 16px 10px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list-item .bg,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list-item .bg-1,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list-item .bg-3 {
    display: block !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-num {
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-title {
    display: block !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-article {
    font-size: 12px !important;
    line-height: 20px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .deve-pic {
    display: block !important;
    width: 100% !important;
    margin-top: 14px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .applica-tab {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .applica-item,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .applica-item:nth-child(n) {
    min-height: 86px !important;
    padding: 12px 8px !important;
    border-radius: 14px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .applica-item .itemContent {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-align: center !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .applica-title {
    font-size: 13px !important;
    line-height: 18px !important;
    text-align: center !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .appli-info {
    padding: 16px 14px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .quality-resources .productDetail_advWrapper {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}


/* 2026-05-27 集采手机端二次修正：开发模式恢复清晰卡片；应用市场去掉 01/02/03 选择框 */
@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list-item,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list-item:nth-child(n) {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: auto !important;
    padding: 18px 16px !important;
    margin: 0 !important;
    border-radius: 18px !important;
    background: linear-gradient(160deg, #f8fbff 0%, #eef5ff 100%) !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
    overflow: hidden !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list-item::after {
    content: "";
    position: absolute;
    right: -28px;
    bottom: -36px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: rgba(22,119,255,.08);
    pointer-events: none;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list-item .bg,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list-item .bg-1,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list-item .bg-3,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .deve-pic {
    display: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .exhibition,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .text-box {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-num {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 24px !important;
    margin: 0 0 12px !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: #1677ff !important;
    box-shadow: none !important;
    font-size: 13px !important;
    line-height: 24px !important;
    font-weight: 900 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-title {
    display: inline !important;
    margin: 0 4px 8px 0 !important;
    color: #101828 !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-article {
    display: block !important;
    margin: 8px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 22px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .applica-tab {
    display: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .appli-info-box {
    margin-top: 12px !important;
  }
}


/* 2026-05-27 集采手机端：开发模式卡片序号标题同行，放大白底留白 */
@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode {
    padding: 24px 14px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list {
    gap: 14px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list-item,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list-item:nth-child(n) {
    padding: 22px 18px !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(30,62,112,.08), inset 0 0 0 1px #dfeaf8 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .exhibition {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: start !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-num {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 44px !important;
    height: 28px !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 28px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .text-box {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-title {
    display: inline !important;
    margin: 0 4px 0 0 !important;
    font-size: 18px !important;
    line-height: 28px !important;
    vertical-align: top !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-article {
    grid-column: 1 / -1 !important;
    margin: 12px 0 0 !important;
    font-size: 14px !important;
    line-height: 23px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-article:first-of-type {
    margin-top: 14px !important;
    color: #1555b7 !important;
    font-weight: 900 !important;
  }
}


/* 2026-05-27 集采手机端：修正开发模式首卡 active 导致 01 被隐藏 */
@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list-item.active .exhibition .develop-num {
    opacity: 1 !important;
    transform: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list-item.active .exhibition .text-box {
    transform: none !important;
  }
}


/* 2026-05-27 集采手机端：四大能力板块宽度对齐后续内容块 */
@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-central-mobile-redesign {
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-central-mobile-intro,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-central-mobile-block {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 22px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-central-mobile-block {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}


/* 2026-05-27 直播电商手机端：核心功能板块重设计 */
.hh-lb-mobile-core {
  display: none;
}

@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .function-section:has(.hh-lb-mobile-core) {
    background: rgba(255,255,255,.9) !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .function-section .hh-lb-mobile-core {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 16px 0 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .function-section .hh-lb-mobile-core + .mid-content {
    display: none !important;
  }

  .hh-lb-core-summary {
    position: relative !important;
    overflow: hidden !important;
    padding: 18px 16px !important;
    border-radius: 22px !important;
    color: #fff !important;
    background:
      radial-gradient(circle at 88% 16%, rgba(255,132,64,.38), rgba(255,132,64,0) 34%),
      linear-gradient(145deg, #081733 0%, #123d8a 100%) !important;
    box-shadow: 0 16px 36px rgba(6,30,76,.14) !important;
  }

  .hh-lb-core-summary span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #dff5ff !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    font-size: 12px !important;
    line-height: 24px !important;
    font-weight: 900 !important;
  }

  .hh-lb-core-summary strong {
    display: block !important;
    margin-top: 12px !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 28px !important;
    font-weight: 900 !important;
    text-align: left !important;
  }

  .hh-lb-core-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 12px !important;
  }

  .hh-lb-core-card {
    position: relative !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: start !important;
    padding: 18px 16px !important;
    border-radius: 20px !important;
    background: linear-gradient(160deg, #f8fbff 0%, #eef5ff 100%) !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
  }

  .hh-lb-core-card::after {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -38px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: rgba(22,119,255,.08);
    pointer-events: none;
  }

  .hh-lb-core-card em {
    grid-row: 1 / span 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1677ff, #19d3ff) !important;
    font-style: normal !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    box-shadow: 0 12px 26px rgba(22,119,255,.18) !important;
  }

  .hh-lb-core-card b {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    margin: 0 0 6px !important;
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  .hh-lb-core-card p {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    text-align: left !important;
  }

  .hh-lb-core-card.is-primary {
    background: linear-gradient(145deg, #ffffff 0%, #eef6ff 100%) !important;
    box-shadow: 0 14px 34px rgba(30,62,112,.08), inset 0 0 0 1px #dbeaff !important;
  }
}


/* 2026-05-27 在线教育手机端：体验与核心功能重设计 */
.hh-oe-mobile-experience,
.hh-oe-mobile-core {
  display: none;
}

@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .online-education-experience .hh-oe-mobile-experience,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .function-section .hh-oe-mobile-core {
    display: block !important;
    width: 100% !important;
    margin: 16px 0 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .online-education-experience .hh-oe-mobile-experience + .wechat-development-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .function-section .hh-oe-mobile-core + .mid-content {
    display: none !important;
  }

  .hh-oe-exp-hero,
  .hh-oe-core-summary {
    position: relative !important;
    overflow: hidden !important;
    padding: 18px 16px !important;
    border-radius: 22px !important;
    color: #fff !important;
    background:
      radial-gradient(circle at 88% 14%, rgba(25,211,255,.34), rgba(25,211,255,0) 35%),
      linear-gradient(145deg, #071833 0%, #0d316e 100%) !important;
    box-shadow: 0 16px 36px rgba(6,30,76,.14) !important;
  }

  .hh-oe-exp-hero span,
  .hh-oe-core-summary span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #dff5ff !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    font-size: 12px !important;
    line-height: 24px !important;
    font-weight: 900 !important;
  }

  .hh-oe-exp-hero strong,
  .hh-oe-core-summary strong {
    display: block !important;
    margin-top: 12px !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 28px !important;
    font-weight: 900 !important;
    text-align: left !important;
  }

  .hh-oe-exp-grid,
  .hh-oe-core-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 12px !important;
  }

  .hh-oe-exp-grid div,
  .hh-oe-core-list div {
    position: relative !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: start !important;
    padding: 18px 16px !important;
    border-radius: 20px !important;
    background: linear-gradient(160deg, #f8fbff 0%, #eef5ff 100%) !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
  }

  .hh-oe-exp-grid div::after,
  .hh-oe-core-list div::after {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -38px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: rgba(22,119,255,.08);
    pointer-events: none;
  }

  .hh-oe-exp-grid em,
  .hh-oe-core-list em {
    grid-row: 1 / span 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1677ff, #19d3ff) !important;
    font-style: normal !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    box-shadow: 0 12px 26px rgba(22,119,255,.18) !important;
  }

  .hh-oe-core-list em {
    font-size: 12px !important;
  }

  .hh-oe-exp-grid b,
  .hh-oe-core-list b {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    margin: 0 0 6px !important;
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  .hh-oe-exp-grid p,
  .hh-oe-core-list p {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    text-align: left !important;
  }
}


/* 2026-05-27 在线教育手机端：售后服务板块重设计 */
.hh-oe-mobile-aftercare {
  display: none;
}

@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .after-sales-service-section .hh-oe-mobile-aftercare {
    display: block !important;
    width: 100% !important;
    margin: 16px 0 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .after-sales-service-section .hh-oe-mobile-aftercare + ul {
    display: none !important;
  }

  .hh-oe-after-hero {
    position: relative !important;
    overflow: hidden !important;
    padding: 18px 16px !important;
    border-radius: 22px !important;
    color: #fff !important;
    background:
      radial-gradient(circle at 88% 12%, rgba(25,211,255,.32), rgba(25,211,255,0) 34%),
      linear-gradient(145deg, #071833 0%, #0d316e 100%) !important;
    box-shadow: 0 16px 36px rgba(6,30,76,.14) !important;
  }

  .hh-oe-after-hero span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #dff5ff !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    font-size: 12px !important;
    line-height: 24px !important;
    font-weight: 900 !important;
  }

  .hh-oe-after-hero strong {
    display: block !important;
    margin-top: 12px !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 28px !important;
    font-weight: 900 !important;
    text-align: left !important;
  }

  .hh-oe-after-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 12px !important;
  }

  .hh-oe-after-list div {
    position: relative !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: start !important;
    padding: 18px 16px !important;
    border-radius: 20px !important;
    background: linear-gradient(160deg, #f8fbff 0%, #eef5ff 100%) !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
  }

  .hh-oe-after-list div::after {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -38px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: rgba(22,119,255,.08);
    pointer-events: none;
  }

  .hh-oe-after-list em {
    grid-row: 1 / span 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1677ff, #19d3ff) !important;
    font-style: normal !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    box-shadow: 0 12px 26px rgba(22,119,255,.18) !important;
  }

  .hh-oe-after-list b {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    margin: 0 0 6px !important;
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  .hh-oe-after-list p {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    text-align: left !important;
  }
}


/* 2026-05-27 医疗系统手机端：行业问题/相关功能/应用场景重设计 */
.hh-sh-mobile-issues,
.hh-sh-mobile-functions,
.hh-sh-mobile-scenes {
  display: none;
}

@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .sh-industry-issues .hh-sh-mobile-issues,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .function-section .hh-sh-mobile-functions,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .recruit-applicable-scenarios .hh-sh-mobile-scenes {
    display: block !important;
    width: 100% !important;
    margin: 16px 0 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .sh-industry-issues .hh-sh-mobile-issues + ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .function-section .hh-sh-mobile-functions + .mid-content,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .recruit-applicable-scenarios .hh-sh-mobile-scenes + ul {
    display: none !important;
  }

  .hh-sh-hero {
    position: relative !important;
    overflow: hidden !important;
    padding: 18px 16px !important;
    border-radius: 22px !important;
    color: #fff !important;
    background:
      radial-gradient(circle at 88% 12%, rgba(25,211,255,.32), rgba(25,211,255,0) 34%),
      linear-gradient(145deg, #071833 0%, #0d316e 100%) !important;
    box-shadow: 0 16px 36px rgba(6,30,76,.14) !important;
  }

  .hh-sh-hero span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #dff5ff !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    font-size: 12px !important;
    line-height: 24px !important;
    font-weight: 900 !important;
  }

  .hh-sh-hero strong {
    display: block !important;
    margin-top: 12px !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 28px !important;
    font-weight: 900 !important;
    text-align: left !important;
  }

  .hh-sh-issue-grid,
  .hh-sh-function-list,
  .hh-sh-scene-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 12px !important;
  }

  .hh-sh-issue-grid div,
  .hh-sh-function-list div,
  .hh-sh-scene-grid div {
    position: relative !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: start !important;
    padding: 18px 16px !important;
    border-radius: 20px !important;
    background: linear-gradient(160deg, #f8fbff 0%, #eef5ff 100%) !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
  }

  .hh-sh-issue-grid div::after,
  .hh-sh-function-list div::after,
  .hh-sh-scene-grid div::after {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -38px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: rgba(22,119,255,.08);
    pointer-events: none;
  }

  .hh-sh-issue-grid em,
  .hh-sh-function-list em,
  .hh-sh-scene-grid em {
    grid-row: 1 / span 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1677ff, #19d3ff) !important;
    font-style: normal !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    box-shadow: 0 12px 26px rgba(22,119,255,.18) !important;
  }

  .hh-sh-function-list em {
    font-size: 12px !important;
  }

  .hh-sh-issue-grid b,
  .hh-sh-function-list b,
  .hh-sh-scene-grid b {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    margin: 0 0 6px !important;
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  .hh-sh-issue-grid p,
  .hh-sh-function-list p,
  .hh-sh-scene-grid p {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    text-align: left !important;
  }

  @media (min-width: 390px) {
    .hh-sh-scene-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .hh-sh-scene-grid div {
      display: block !important;
      min-height: 150px !important;
    }
    .hh-sh-scene-grid em {
      margin-bottom: 10px !important;
    }
  }
}

/* 2026-05-27 首页手机端底部：去掉公司名后收紧备案信息间距 */
@media (max-width: 900px) {
  body:has(.hh-home-mobile-v4) .hhm-footer-address {
    margin-top: 12px !important;
    padding-top: 12px !important;
    padding-bottom: 0 !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address p {
    margin-bottom: 4px !important;
    line-height: 18px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address p:last-child {
    margin-bottom: 0 !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address a {
    color: rgba(255,255,255,.55) !important;
  }
}

/* 2026-05-27 首页手机端底部：备案恢复原格式，进一步收紧底部留白 */
@media (max-width: 900px) {
  body:has(.hh-home-mobile-v4) .hhm-mobile-footer {
    padding-bottom: 56px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address {
    margin-top: 10px !important;
    padding-top: 10px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address p {
    margin-bottom: 3px !important;
    line-height: 17px !important;
  }
}

/* 2026-05-27 首页手机端底部：按反馈继续压缩备案下方留白 */
@media (max-width: 900px) {
  body:has(.hh-home-mobile-v4) .hhm-mobile-footer {
    padding-bottom: 36px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address {
    margin-top: 8px !important;
    padding-top: 8px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address p {
    margin-bottom: 2px !important;
    line-height: 16px !important;
  }
}

/* 2026-05-27 首页手机端底部：地址和备案整体稍微下移 */
@media (max-width: 900px) {
  body:has(.hh-home-mobile-v4) .hhm-footer-address {
    transform: translateY(6px) !important;
  }
}

/* 2026-05-27 全站手机端底部统一为首页样式：隐藏旧 footer，使用统一 mobile footer */
@media (max-width: 900px) {
  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) footer {
    display: none !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-mobile-footer {
    display: block !important;
    margin: 16px 0 0 !important;
    padding: 26px 18px 36px !important;
    color: #fff !important;
    background:
      radial-gradient(circle at 88% 10%, rgba(38,132,255,.36), rgba(38,132,255,0) 32%),
      linear-gradient(155deg, #061225 0%, #0a2b63 72%, #061225 100%) !important;
    overflow: hidden !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-address {
    margin-top: 8px !important;
    padding-top: 8px !important;
    transform: translateY(6px) !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-address p {
    margin-bottom: 2px !important;
    line-height: 16px !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-address a {
    color: rgba(255,255,255,.55) !important;
  }
}

/* 2026-05-27 全站手机端案例模块统一为首页样式 */
@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homecasepresent {
    padding-right: 18px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homecasepresent .home-case-ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 16px !important;
    padding: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homecasepresent .home-case-li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homecasepresent .home-case-li:nth-child(n + 5) {
    display: block !important;
    min-height: 186px !important;
    border-radius: 22px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homecasepresent .home-case-li:nth-child(n + 5) {
    display: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homecasepresent .home-case-pic img {
    height: 186px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homecasepresent .scroll-item-card-bg {
    position: absolute !important;
    z-index: 2 !important;
    left: 14px !important;
    right: 14px !important;
    bottom: 13px !important;
    display: block !important;
    background: transparent !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homecasepresent .PureButton_easyv-btn__hch51 {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 25px !important;
    margin: 0 0 7px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    line-height: 25px !important;
    white-space: normal !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homecasepresent .PureButton_ghost__HVOvG {
    display: block !important;
    color: rgba(255,255,255,.86) !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 850 !important;
  }
}

/* 2026-05-28 docx 手机端问题批量修复：只在 mobile 生效 */
@media (max-width: 900px) {
  /* 1/2 解决方案：丰富内容、重新整理定制方案卡片 */
  body.hhm-app-mobile-home-blocks .hhm-app-scenes-mobile,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homeplan {
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding: 24px 14px !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-scene-card,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homeplan .plan-item,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homeplan .plan-right-item,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .solution-ul li {
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(30,62,112,.08), inset 0 0 0 1px #dfeaf8 !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-scene-card h3,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homeplan .plan-item-box,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .solution-ul li h3 {
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-scene-card p,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homeplan .line-text,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .solution-ul li p {
    font-size: 13px !important;
    line-height: 22px !important;
    color: #667085 !important;
  }

  /* 3 APP开发-我们的服务：避免黑图压暗，手机端重塑为亮卡片 */
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .app-development-service ul {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .app-development-service ul li {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    column-gap: 14px !important;
    align-items: center !important;
    min-height: 0 !important;
    padding: 18px 16px !important;
    border-radius: 20px !important;
    background: linear-gradient(160deg,#f8fbff 0%,#eef5ff 100%) !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .app-development-service ul li img {
    width: 54px !important;
    height: 54px !important;
    padding: 10px !important;
    border-radius: 16px !important;
    background: #fff !important;
    object-fit: contain !important;
    filter: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .app-development-service ul li h3 {
    margin: 0 0 6px !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .app-development-service ul li div {
    max-width: none !important;
    font-size: 13px !important;
    line-height: 22px !important;
  }

  /* 4 系统开发-信赖保障：保证图标可见 */
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .high-quality-section img,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .high-quality-item img,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hhm-app-quality-mobile img {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    object-fit: cover !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hhm-app-quality-mobile .hhm-process-card img,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .high-quality-item img {
    min-height: 42px !important;
    background: #eef5ff !important;
  }

  /* 5 资讯专题：封面图强制显示，不同条目用现有不同封面兜底 */
  body.hhm-subpage-ready .news-list-ul li > img {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 100% !important;
    height: 150px !important;
    object-fit: cover !important;
    border-radius: 18px 18px 0 0 !important;
    background: linear-gradient(135deg,#eef5ff,#dbeaff) !important;
  }

  body.hhm-subpage-ready .news-list-ul li:nth-child(2) > img { filter: hue-rotate(18deg) saturate(1.05) !important; }
  body.hhm-subpage-ready .news-list-ul li:nth-child(3) > img { filter: hue-rotate(42deg) saturate(1.08) !important; }
  body.hhm-subpage-ready .news-list-ul li:nth-child(4) > img { filter: hue-rotate(72deg) saturate(1.05) !important; }
  body.hhm-subpage-ready .news-list-ul li:nth-child(5) > img { filter: hue-rotate(110deg) saturate(1.05) !important; }

  /* 6 在线教育-技术安全标准：放大字号、减少空白 */
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .safety-standards-section {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .safety-standards-ul {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .safety-standards-ul li {
    display: grid !important;
    grid-template-columns: 44px minmax(0,1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    min-height: 0 !important;
    padding: 16px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .safety-standards-ul li img {
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .safety-standards-ul li div {
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }

  /* 7 网络货运：三个模块字号放大、画面协调 */
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-wrapper li div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function .f-function-infor > div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service .f-function-infor > div {
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function .f-function-infor p,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service .f-function-infor p {
    font-size: 13px !important;
    line-height: 22px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service li {
    padding: 16px !important;
    min-height: 0 !important;
  }

  /* 8 家政-主要功能推荐：丰富为可读功能卡片 */
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .function-section .function-row-first,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .function-section .function-row-second,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .function-section .function-row-third,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .function-section .function-row-fourth {
    gap: 10px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .function-section li {
    min-height: 58px !important;
    padding: 14px 12px !important;
    border-radius: 16px !important;
    font-size: 15px !important;
    line-height: 22px !important;
    font-weight: 850 !important;
    background: linear-gradient(160deg,#f8fbff 0%,#eef5ff 100%) !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .function-section li:empty,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .function-section li:nth-child(3):has(+ li) {
    color: transparent !important;
  }

  /* 9 家政保驾护航标题右移，不贴边 */
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homeadvantage .title-style,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homeadvantage .title-style h2,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .homeadvantage .title-style p {
    padding-left: 10px !important;
    padding-right: 8px !important;
    text-align: left !important;
  }

  /* 10 家政服务流程：字体放大 */
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-step-ul .f-step-infor div {
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-step-ul .f-step-infor p {
    font-size: 15px !important;
    line-height: 22px !important;
    font-weight: 850 !important;
  }
}

/* 2026-05-28 家政功能推荐：覆盖旧气泡固定样式，改为完整文字卡片 */
@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .function-section .function-row-first,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .function-section .function-row-second,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .function-section .function-row-third,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .function-section .function-row-fourth {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .function-section .function-row-first li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .function-section .function-row-second li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .function-section .function-row-third li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .function-section .function-row-fourth li {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 15px 14px !important;
    color: #101828 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: break-word !important;
    text-align: left !important;
  }
}

/* 2026-05-28 家政主要功能推荐：更强覆盖旧 li 宽度/定位 */
@media (max-width: 900px) {
  body:has(.housekeeping-banner) .function-section .mid-content > ul,
  body:has(.housekeeping-banner) .function-row-first,
  body:has(.housekeeping-banner) .function-row-second,
  body:has(.housekeeping-banner) .function-row-third,
  body:has(.housekeeping-banner) .function-row-fourth {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body:has(.housekeeping-banner) .function-section .mid-content > ul > li,
  body:has(.housekeeping-banner) .function-row-first li,
  body:has(.housekeeping-banner) .function-row-second li,
  body:has(.housekeeping-banner) .function-row-third li,
  body:has(.housekeeping-banner) .function-row-fourth li,
  body:has(.housekeeping-banner) .function-section li:nth-child(n) {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 15px 14px !important;
  }
}

/* 2026-05-28 商城系统手机端：四个重点板块重设计，PC 不受影响 */
.hh-ec-mobile-fields,
.hh-ec-mobile-block {
  display: none;
}

@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .ec-field-section .hh-ec-mobile-fields,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform .hh-ec-mobile-block {
    display: block !important;
    width: 100% !important;
    margin: 16px 0 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .ec-field-section .hh-ec-mobile-fields + .mid-content {
    display: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-block) .ec-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-block) .ec-solution-right,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-block) .ec-solution-left1 {
    display: none !important;
  }

  .hh-ec-hero {
    position: relative !important;
    overflow: hidden !important;
    padding: 18px 16px !important;
    border-radius: 22px !important;
    color: #fff !important;
    background:
      radial-gradient(circle at 88% 12%, rgba(25,211,255,.32), rgba(25,211,255,0) 34%),
      linear-gradient(145deg, #071833 0%, #0d316e 100%) !important;
    box-shadow: 0 16px 36px rgba(6,30,76,.14) !important;
  }

  .hh-ec-hero span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #dff5ff !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    font-size: 12px !important;
    line-height: 24px !important;
    font-weight: 900 !important;
  }

  .hh-ec-hero strong {
    display: block !important;
    margin-top: 12px !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 28px !important;
    font-weight: 900 !important;
    text-align: left !important;
  }

  .hh-ec-field-grid,
  .hh-ec-card-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 12px !important;
  }

  .hh-ec-field-grid div,
  .hh-ec-card-list div {
    position: relative !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: start !important;
    padding: 18px 16px !important;
    border-radius: 20px !important;
    background: linear-gradient(160deg, #f8fbff 0%, #eef5ff 100%) !important;
    box-shadow: inset 0 0 0 1px #dfeaf8 !important;
  }

  .hh-ec-card-list div {
    display: block !important;
  }

  .hh-ec-field-grid div::after,
  .hh-ec-card-list div::after {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -38px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: rgba(22,119,255,.08);
    pointer-events: none;
  }

  .hh-ec-field-grid em {
    grid-row: 1 / span 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1677ff, #19d3ff) !important;
    font-style: normal !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    box-shadow: 0 12px 26px rgba(22,119,255,.18) !important;
  }

  .hh-ec-field-grid b,
  .hh-ec-card-list b {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    margin: 0 0 6px !important;
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  .hh-ec-field-grid p,
  .hh-ec-card-list p {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    text-align: left !important;
  }
}

/* 2026-05-28 商城系统手机端：三大电商平台板块二次设计 */
@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-solution),
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-marketing),
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-service) {
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding: 24px 14px !important;
    border-radius: 24px !important;
  }

  .hh-ec-mobile-solution .hh-ec-card-list,
  .hh-ec-mobile-marketing .hh-ec-card-list,
  .hh-ec-mobile-service .hh-ec-card-list {
    gap: 12px !important;
  }

  .hh-ec-mobile-solution .hh-ec-card-list div,
  .hh-ec-mobile-marketing .hh-ec-card-list div,
  .hh-ec-mobile-service .hh-ec-card-list div {
    padding: 18px 16px 18px 56px !important;
    min-height: 124px !important;
    background: #fff !important;
    border-radius: 20px !important;
    box-shadow: 0 14px 34px rgba(30,62,112,.08), inset 0 0 0 1px #dfeaf8 !important;
  }

  .hh-ec-mobile-solution .hh-ec-card-list div::before,
  .hh-ec-mobile-marketing .hh-ec-card-list div::before,
  .hh-ec-mobile-service .hh-ec-card-list div::before {
    position: absolute;
    left: 16px;
    top: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(135deg,#1677ff,#19d3ff);
    font-size: 12px;
    font-weight: 900;
  }

  .hh-ec-mobile-solution .hh-ec-card-list div:nth-child(1)::before,
  .hh-ec-mobile-marketing .hh-ec-card-list div:nth-child(1)::before,
  .hh-ec-mobile-service .hh-ec-card-list div:nth-child(1)::before { content: "01"; }
  .hh-ec-mobile-solution .hh-ec-card-list div:nth-child(2)::before,
  .hh-ec-mobile-marketing .hh-ec-card-list div:nth-child(2)::before,
  .hh-ec-mobile-service .hh-ec-card-list div:nth-child(2)::before { content: "02"; }
  .hh-ec-mobile-solution .hh-ec-card-list div:nth-child(3)::before,
  .hh-ec-mobile-marketing .hh-ec-card-list div:nth-child(3)::before,
  .hh-ec-mobile-service .hh-ec-card-list div:nth-child(3)::before { content: "03"; }

  .hh-ec-mobile-solution .hh-ec-card-list b,
  .hh-ec-mobile-marketing .hh-ec-card-list b,
  .hh-ec-mobile-service .hh-ec-card-list b {
    font-size: 18px !important;
    line-height: 1.32 !important;
    margin-bottom: 8px !important;
  }

  .hh-ec-mobile-solution .hh-ec-card-list p,
  .hh-ec-mobile-marketing .hh-ec-card-list p,
  .hh-ec-mobile-service .hh-ec-card-list p {
    font-size: 14px !important;
    line-height: 23px !important;
  }

  .hh-ec-mobile-marketing .hh-ec-hero {
    background:
      radial-gradient(circle at 88% 12%, rgba(255,186,73,.34), rgba(255,186,73,0) 34%),
      linear-gradient(145deg, #14203a 0%, #0d4f8a 100%) !important;
  }

  .hh-ec-mobile-service .hh-ec-hero {
    background:
      radial-gradient(circle at 88% 12%, rgba(114,231,188,.34), rgba(114,231,188,0) 34%),
      linear-gradient(145deg, #071833 0%, #17655a 100%) !important;
  }

  .hh-ec-mobile-marketing .hh-ec-card-list div::before {
    background: linear-gradient(135deg,#ff8a00,#ffc247) !important;
  }

  .hh-ec-mobile-service .hh-ec-card-list div::before {
    background: linear-gradient(135deg,#13b981,#19d3ff) !important;
  }
}

/* 2026-05-28 商城系统手机端：修复“60＋营销电商新玩法”只显示一半 */
@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .marketing-e-commerce,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-marketing) {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-marketing) .mid-content,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-marketing) .fr-b-c,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-marketing) .ec-solution-right1 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    float: none !important;
    overflow: visible !important;
  }

  .hh-ec-mobile-marketing,
  .hh-ec-mobile-marketing .hh-ec-card-list,
  .hh-ec-mobile-marketing .hh-ec-card-list div {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* 2026-05-28 商城系统手机端：优化“个性化定制方案 / 优质服务”卡片内容间距 */
@media (max-width: 900px) {
  .hh-ec-mobile-solution .hh-ec-card-list,
  .hh-ec-mobile-service .hh-ec-card-list {
    gap: 10px !important;
    margin-top: 10px !important;
  }

  .hh-ec-mobile-solution .hh-ec-card-list div,
  .hh-ec-mobile-service .hh-ec-card-list div {
    min-height: 0 !important;
    padding: 15px 14px 15px 52px !important;
    border-radius: 18px !important;
  }

  .hh-ec-mobile-solution .hh-ec-card-list div::before,
  .hh-ec-mobile-service .hh-ec-card-list div::before {
    left: 14px !important;
    top: 15px !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 9px !important;
  }

  .hh-ec-mobile-solution .hh-ec-card-list b,
  .hh-ec-mobile-service .hh-ec-card-list b {
    margin-bottom: 5px !important;
    font-size: 17px !important;
    line-height: 23px !important;
  }

  .hh-ec-mobile-solution .hh-ec-card-list p,
  .hh-ec-mobile-service .hh-ec-card-list p {
    font-size: 13px !important;
    line-height: 21px !important;
  }
}

/* 2026-05-28 商城系统手机端：去掉“个性化定制/优质服务”双层背景，放宽内容并压缩小块间距 */
@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-solution),
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-service) {
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-solution) .mid-content,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-service) .mid-content,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-solution) .ec-solution-left,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-service) .ec-solution-left {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-solution) h2,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-service) h2 {
    margin: 0 0 12px !important;
    padding: 0 2px !important;
  }

  .hh-ec-mobile-solution,
  .hh-ec-mobile-service {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
  }

  .hh-ec-mobile-solution .hh-ec-card-list,
  .hh-ec-mobile-service .hh-ec-card-list {
    gap: 6px !important;
    margin-top: 8px !important;
  }

  .hh-ec-mobile-solution .hh-ec-card-list div,
  .hh-ec-mobile-service .hh-ec-card-list div {
    padding: 12px 12px 12px 44px !important;
    border-radius: 16px !important;
  }

  .hh-ec-mobile-solution .hh-ec-card-list div::before,
  .hh-ec-mobile-service .hh-ec-card-list div::before {
    left: 12px !important;
    top: 12px !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 8px !important;
  }
}

/* 2026-05-28 商城系统手机端：个性化定制/优质服务两块统一为“60+营销电商”同款版式 */
@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-solution),
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-service) {
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding: 24px 14px !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(213,226,244,.92) !important;
    box-shadow: 0 18px 42px rgba(30,62,112,.08) !important;
    overflow: visible !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-solution) .mid-content,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-service) .mid-content,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-solution) .ec-solution-left,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .e-commerce-platform:has(.hh-ec-mobile-service) .ec-solution-left {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }

  .hh-ec-mobile-solution,
  .hh-ec-mobile-service {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 16px !important;
  }

  .hh-ec-mobile-solution .hh-ec-card-list,
  .hh-ec-mobile-service .hh-ec-card-list {
    gap: 12px !important;
    margin-top: 12px !important;
  }

  .hh-ec-mobile-solution .hh-ec-card-list div,
  .hh-ec-mobile-service .hh-ec-card-list div {
    padding: 18px 16px 18px 56px !important;
    min-height: 124px !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(30,62,112,.08), inset 0 0 0 1px #dfeaf8 !important;
  }

  .hh-ec-mobile-solution .hh-ec-card-list div::before,
  .hh-ec-mobile-service .hh-ec-card-list div::before {
    left: 16px !important;
    top: 18px !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 10px !important;
  }

  .hh-ec-mobile-solution .hh-ec-card-list b,
  .hh-ec-mobile-service .hh-ec-card-list b {
    margin-bottom: 8px !important;
    font-size: 18px !important;
    line-height: 1.32 !important;
  }

  .hh-ec-mobile-solution .hh-ec-card-list p,
  .hh-ec-mobile-service .hh-ec-card-list p {
    font-size: 14px !important;
    line-height: 23px !important;
  }
}

/* 2026-05-28 商城系统手机端：最终压缩个性化定制/优质服务 1/2/3 小块上下间距 */
@media (max-width: 900px) {
  .hh-ec-mobile-solution .hh-ec-card-list,
  .hh-ec-mobile-service .hh-ec-card-list {
    gap: 4px !important;
    margin-top: 6px !important;
  }

  .hh-ec-mobile-solution .hh-ec-card-list div,
  .hh-ec-mobile-service .hh-ec-card-list div {
    min-height: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 46px !important;
    padding-right: 12px !important;
  }

  .hh-ec-mobile-solution .hh-ec-card-list div::before,
  .hh-ec-mobile-service .hh-ec-card-list div::before {
    top: 10px !important;
    left: 12px !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 8px !important;
  }

  .hh-ec-mobile-solution .hh-ec-card-list b,
  .hh-ec-mobile-service .hh-ec-card-list b {
    margin-bottom: 3px !important;
    font-size: 17px !important;
    line-height: 22px !important;
  }

  .hh-ec-mobile-solution .hh-ec-card-list p,
  .hh-ec-mobile-service .hh-ec-card-list p {
    font-size: 13px !important;
    line-height: 20px !important;
  }
}

/* 2026-05-28 商城系统手机端：强制把两个模块的 1/2/3 小块间距压到最小 */
@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-ec-mobile-solution .hh-ec-card-list,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-ec-mobile-service .hh-ec-card-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    row-gap: 0 !important;
    margin-top: 4px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-ec-mobile-solution .hh-ec-card-list > div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-ec-mobile-service .hh-ec-card-list > div {
    margin: 0 0 4px 0 !important;
    padding: 8px 10px 8px 42px !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 12px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-ec-mobile-solution .hh-ec-card-list > div:last-child,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-ec-mobile-service .hh-ec-card-list > div:last-child {
    margin-bottom: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-ec-mobile-solution .hh-ec-card-list > div::before,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-ec-mobile-service .hh-ec-card-list > div::before {
    top: 8px !important;
    left: 10px !important;
    width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
  }
}

/* 2026-05-28 商城系统手机端：按反馈把个性化定制/优质服务的 1/2/3 小块间距恢复为 60+ 营销板块同款 */
@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-ec-mobile-solution .hh-ec-card-list,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-ec-mobile-service .hh-ec-card-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    row-gap: 12px !important;
    margin-top: 12px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-ec-mobile-solution .hh-ec-card-list > div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-ec-mobile-service .hh-ec-card-list > div {
    margin: 0 !important;
    padding: 18px 16px 18px 56px !important;
    min-height: 124px !important;
    height: auto !important;
    border-radius: 20px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-ec-mobile-solution .hh-ec-card-list > div::before,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-ec-mobile-service .hh-ec-card-list > div::before {
    top: 18px !important;
    left: 16px !important;
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
    border-radius: 10px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-ec-mobile-solution .hh-ec-card-list b,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-ec-mobile-service .hh-ec-card-list b {
    margin-bottom: 8px !important;
    font-size: 18px !important;
    line-height: 1.32 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-ec-mobile-solution .hh-ec-card-list p,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .hh-ec-mobile-service .hh-ec-card-list p {
    font-size: 14px !important;
    line-height: 23px !important;
  }
}

/* 2026-05-28 APP开发手机端：我们的服务重新设计，去掉黑图观感 */
.hh-app-mobile-services-v2 {
  display: none;
}

@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .app-development-service .hh-app-mobile-services-v2 {
    display: block !important;
    width: 100% !important;
    margin: 16px 0 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .app-development-service .hh-app-mobile-services-v2 + ul {
    display: none !important;
  }

  .hh-app-service-hero {
    position: relative !important;
    overflow: hidden !important;
    padding: 18px 16px !important;
    border-radius: 22px !important;
    color: #fff !important;
    background:
      radial-gradient(circle at 88% 12%, rgba(25,211,255,.32), rgba(25,211,255,0) 34%),
      linear-gradient(145deg, #071833 0%, #0d316e 100%) !important;
    box-shadow: 0 16px 36px rgba(6,30,76,.14) !important;
  }

  .hh-app-service-hero span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #dff5ff !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    font-size: 12px !important;
    line-height: 24px !important;
    font-weight: 900 !important;
  }

  .hh-app-service-hero strong {
    display: block !important;
    margin-top: 12px !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 28px !important;
    font-weight: 900 !important;
    text-align: left !important;
  }

  .hh-app-service-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 12px !important;
  }

  .hh-app-service-list div {
    position: relative !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: start !important;
    padding: 18px 16px !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(30,62,112,.08), inset 0 0 0 1px #dfeaf8 !important;
  }

  .hh-app-service-list div::after {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -38px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: rgba(22,119,255,.08);
    pointer-events: none;
  }

  .hh-app-service-list em {
    grid-row: 1 / span 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1677ff, #19d3ff) !important;
    font-style: normal !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    box-shadow: 0 12px 26px rgba(22,119,255,.18) !important;
  }

  .hh-app-service-list b {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    margin: 0 0 6px !important;
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  .hh-app-service-list p {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    text-align: left !important;
  }
}

/* 2026-05-28 APP开发手机端：服务保障板块改为独立保障设计，避免与“我们的服务”重复 */
@media (max-width: 900px) {
  body.hhm-app-mobile-home-blocks .hhm-app-quality-mobile {
    position: relative !important;
    padding: 24px 18px 20px !important;
    background:
      radial-gradient(circle at 88% 0%, rgba(25,211,255,.18), rgba(25,211,255,0) 34%),
      linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%) !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-quality-mobile::before {
    content: "" !important;
    position: absolute !important;
    left: 18px !important;
    top: 112px !important;
    bottom: 26px !important;
    width: 1px !important;
    background: linear-gradient(180deg, rgba(22,119,255,.18), rgba(22,119,255,0)) !important;
    pointer-events: none !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-quality-mobile .hhm-quality-promise {
    position: relative !important;
    display: block !important;
    margin: 16px 0 0 !important;
    padding: 16px 16px !important;
    border-radius: 22px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #0d316e 0%, #1677ff 100%) !important;
    box-shadow: 0 18px 36px rgba(22,119,255,.18) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-quality-mobile .hhm-quality-promise::after {
    content: "" !important;
    position: absolute !important;
    right: -34px !important;
    top: -42px !important;
    width: 118px !important;
    height: 118px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.13) !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-quality-mobile .hhm-quality-promise b {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 26px !important;
    font-weight: 900 !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-quality-mobile .hhm-quality-promise span {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    margin-top: 6px !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 12px !important;
    line-height: 20px !important;
    font-weight: 800 !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-quality-mobile .hhm-quality-list {
    gap: 10px !important;
    margin-top: 14px !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-quality-mobile .hhm-quality-list article,
  body.hhm-app-mobile-home-blocks .hhm-app-quality-mobile .hhm-quality-list article:first-child {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    min-height: 0 !important;
    padding: 16px 14px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.92) !important;
    box-shadow: inset 0 0 0 1px #e1ebf7, 0 10px 24px rgba(30,62,112,.05) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-quality-mobile .hhm-quality-list article:first-child::after {
    display: none !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-quality-mobile .hhm-quality-list article i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 15px !important;
    color: #1763dc !important;
    background: #e9f2ff !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-style: normal !important;
    font-weight: 900 !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-quality-mobile .hhm-quality-list article:nth-child(2n) i {
    color: #0d9488 !important;
    background: #e6fffb !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-quality-mobile .hhm-quality-list article:nth-child(3n) i {
    color: #b45309 !important;
    background: #fff7e6 !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-quality-mobile .hhm-quality-list article:first-child div {
    position: static !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-quality-mobile .hhm-quality-list h3,
  body.hhm-app-mobile-home-blocks .hhm-app-quality-mobile .hhm-quality-list article:first-child h3 {
    color: #101828 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    text-shadow: none !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-quality-mobile .hhm-quality-list p,
  body.hhm-app-mobile-home-blocks .hhm-app-quality-mobile .hhm-quality-list article:first-child p {
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 19px !important;
    text-shadow: none !important;
  }
}

/* 2026-05-28 系统开发页手机端：信赖保障板块重设计 */
@media (max-width: 768px) {
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process {
    position: relative !important;
    margin: 18px 18px 0 !important;
    padding: 24px 18px 20px !important;
    border-radius: 30px !important;
    background:
      radial-gradient(circle at 88% 6%, rgba(25,211,255,.20), rgba(25,211,255,0) 32%),
      linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%) !important;
    border: 1px solid rgba(213,226,244,.95) !important;
    box-shadow: 0 18px 42px rgba(30,62,112,.09) !important;
    overflow: hidden !important;
    isolation: isolate !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process::before {
    content: "信赖保障" !important;
    position: relative !important;
    z-index: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 27px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #1d64d8 !important;
    background: #eef5ff !important;
    border: 1px solid #dbeaff !important;
    font-size: 12px !important;
    line-height: 27px !important;
    font-weight: 900 !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process::after {
    content: "合同透明 · 源码交付 · 自有团队 · 长期跟踪" !important;
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    margin: 16px 0 0 !important;
    padding: 15px 16px !important;
    border-radius: 22px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #0d316e 0%, #1677ff 100%) !important;
    box-shadow: 0 18px 36px rgba(22,119,255,.18) !important;
    font-size: 13px !important;
    line-height: 22px !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process h2 {
    position: relative !important;
    z-index: 1 !important;
    margin: 10px 0 10px !important;
    color: #101828 !important;
    font-size: 24px !important;
    line-height: 1.28 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process h2::before,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process h2::after {
    display: none !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .sub-title {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    color: #5f6f85 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    text-align: left !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-ul {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-li,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-li:nth-child(1),
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-li:nth-child(4) {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 15px 14px 15px 64px !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: inset 0 0 0 1px #e1ebf7, 0 10px 24px rgba(30,62,112,.05) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-li::before {
    content: "" !important;
    position: absolute !important;
    left: 14px !important;
    top: 15px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
    background: #e9f2ff !important;
    box-shadow: inset 0 0 0 1px rgba(22,119,255,.08) !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-li::after {
    content: "✓" !important;
    position: absolute !important;
    left: 14px !important;
    top: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    color: #1763dc !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-li:nth-child(2)::before,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-li:nth-child(5)::before {
    background: #e6fffb !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-li:nth-child(2)::after,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-li:nth-child(5)::after {
    color: #0d9488 !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-li:nth-child(3)::before,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-li:nth-child(6)::before {
    background: #fff7e6 !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-li:nth-child(3)::after,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-li:nth-child(6)::after {
    color: #b45309 !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-bg-img,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-step img {
    display: none !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-step {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-step div,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-li:nth-child(1) .cp-step div,
  body:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process .cp-li:nth-child(4) .cp-step div {
    color: #101828 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    font-weight: 900 !important;
    text-align: left !important;
  }
}

/* 2026-05-28 系统开发页手机端：信赖保障最终重做，改为独立移动端模块 */
.hhm-wb-trust-mobile {
  display: none;
}

@media (max-width: 768px) {
  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .collaboration-process {
    display: none !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-mobile {
    position: relative !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 18px 18px 0 !important;
    padding: 24px 18px 20px !important;
    border-radius: 30px !important;
    background: #0b1f45 !important;
    box-shadow: 0 18px 42px rgba(11,31,69,.18) !important;
    overflow: hidden !important;
    isolation: isolate !important;
    box-sizing: border-box !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-mobile::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -2 !important;
    background:
      radial-gradient(circle at 88% 5%, rgba(25,211,255,.36), rgba(25,211,255,0) 34%),
      radial-gradient(circle at 8% 100%, rgba(22,119,255,.34), rgba(22,119,255,0) 36%),
      linear-gradient(145deg, #081a38 0%, #0d316e 100%) !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-mobile::after {
    content: "" !important;
    position: absolute !important;
    right: -54px !important;
    top: -64px !important;
    z-index: -1 !important;
    width: 158px !important;
    height: 158px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.10) !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-mobile .hhm-section-label {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 27px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #dff5ff !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    font-size: 12px !important;
    line-height: 27px !important;
    font-weight: 900 !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-mobile h2 {
    margin: 12px 0 10px !important;
    color: #fff !important;
    font-size: 24px !important;
    line-height: 1.3 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-mobile > p {
    margin: 0 !important;
    color: rgba(255,255,255,.74) !important;
    font-size: 14px !important;
    line-height: 24px !important;
    text-align: left !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-hero {
    position: relative !important;
    margin-top: 16px !important;
    padding: 16px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
    box-sizing: border-box !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-hero b {
    display: block !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 28px !important;
    font-weight: 900 !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-hero span {
    display: block !important;
    margin-top: 6px !important;
    color: rgba(255,255,255,.76) !important;
    font-size: 12px !important;
    line-height: 20px !important;
    font-weight: 800 !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 14px !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-list article {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    min-height: 0 !important;
    padding: 14px !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 10px 26px rgba(4,14,32,.12) !important;
    box-sizing: border-box !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-list article i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 15px !important;
    color: #1763dc !important;
    background: #e9f2ff !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-style: normal !important;
    font-weight: 900 !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-list article:nth-child(2n) i {
    color: #0d9488 !important;
    background: #e6fffb !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-list article:nth-child(3n) i {
    color: #b45309 !important;
    background: #fff7e6 !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-list h3 {
    margin: 0 !important;
    color: #101828 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    font-weight: 900 !important;
    text-align: left !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-list p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 19px !important;
    text-align: left !important;
  }
}

/* 2026-05-28 系统开发页手机端：信赖保障再版，改为浅色流程卡，去掉厚重深色块 */
@media (max-width: 768px) {
  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-mobile {
    margin: 18px 18px 0 !important;
    padding: 24px 18px 20px !important;
    border-radius: 28px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    border: 1px solid rgba(213,226,244,.95) !important;
    box-shadow: 0 16px 36px rgba(30,62,112,.08) !important;
    overflow: hidden !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-mobile::before,
  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-mobile::after {
    display: none !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-mobile .hhm-section-label {
    color: #1763dc !important;
    background: #eef5ff !important;
    border: 1px solid #dbeaff !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-mobile h2 {
    margin: 10px 0 10px !important;
    color: #101828 !important;
    font-size: 24px !important;
    line-height: 1.28 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-mobile > p {
    color: #5f6f85 !important;
    font-size: 14px !important;
    line-height: 24px !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-hero {
    display: none !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-flow {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 16px 0 0 !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-flow div {
    position: relative !important;
    min-height: 122px !important;
    padding: 14px 12px !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px #e1ebf7, 0 10px 24px rgba(30,62,112,.05) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-flow div:first-child {
    background: linear-gradient(145deg, #1763dc 0%, #19a7ff 100%) !important;
    box-shadow: 0 14px 30px rgba(23,99,220,.18) !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-flow div:first-child::after {
    content: "" !important;
    position: absolute !important;
    right: -28px !important;
    top: -32px !important;
    width: 86px !important;
    height: 86px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.16) !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-flow em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 34px !important;
    height: 22px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    color: #1763dc !important;
    background: #e9f2ff !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-style: normal !important;
    font-weight: 900 !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-flow div:first-child em {
    color: #fff !important;
    background: rgba(255,255,255,.18) !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-flow b {
    display: block !important;
    margin-top: 12px !important;
    color: #101828 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 900 !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-flow span {
    display: block !important;
    margin-top: 6px !important;
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: 700 !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-flow div:first-child b,
  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-flow div:first-child span {
    color: #fff !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-flow div:first-child span {
    color: rgba(255,255,255,.82) !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-list-title {
    margin: 18px 0 10px !important;
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 24px !important;
    font-weight: 900 !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 0 !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-list article {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    padding: 12px 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-top: 1px solid #e7eef8 !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-list article:first-child {
    border-top: 0 !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-list article i,
  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-list article:nth-child(2n) i,
  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-list article:nth-child(3n) i {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 50% !important;
    color: #1763dc !important;
    background: #eef5ff !important;
    font-size: 10px !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-list h3 {
    font-size: 15px !important;
    line-height: 21px !important;
  }

  body.hhm-wb-trust-ready:has(.catering-banner-wrapper img[src*="website-building-banner"]) .hhm-wb-trust-list p {
    margin-top: 4px !important;
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 19px !important;
  }
}

/* 2026-05-28 在线教育手机端：技术安全标准字号与留白协调优化 */
@media (max-width: 768px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .safety-standards-section {
    width: auto !important;
    max-width: none !important;
    margin: 16px 18px 0 !important;
    padding: 22px 16px 18px !important;
    border-radius: 28px !important;
    background:
      radial-gradient(circle at 90% 0%, rgba(79,150,255,.16), rgba(79,150,255,0) 34%),
      linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    border: 1px solid rgba(213,226,244,.92) !important;
    box-shadow: 0 16px 36px rgba(30,62,112,.08) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .safety-standards-section h2 {
    margin: 0 0 8px !important;
    color: #101828 !important;
    font-size: 23px !important;
    line-height: 1.28 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .safety-standards-section h2::before,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .safety-standards-section h2::after {
    display: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .safety-standards-section .sub-title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
    color: #5f6f85 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    text-align: left !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .safety-standards-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .safety-standards-ul.mid-content {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .safety-standards-ul li {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 112px !important;
    margin: 0 !important;
    padding: 14px 12px !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px #e1ebf7, 0 10px 24px rgba(30,62,112,.05) !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .safety-standards-ul li:nth-child(1) {
    background: linear-gradient(145deg, #1763dc 0%, #19a7ff 100%) !important;
    box-shadow: 0 14px 30px rgba(23,99,220,.18) !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .safety-standards-ul li img {
    display: block !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 0 12px !important;
    padding: 7px !important;
    border-radius: 14px !important;
    background: #eef5ff !important;
    object-fit: contain !important;
    box-sizing: border-box !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .safety-standards-ul li:nth-child(1) img {
    background: rgba(255,255,255,.18) !important;
    filter: brightness(0) invert(1) !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .safety-standards-ul li div {
    margin: 0 !important;
    color: #101828 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 900 !important;
    text-align: left !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .safety-standards-ul li:nth-child(1) div {
    color: #fff !important;
  }
}

/* 2026-05-28 网络货运手机端：解决方案、特色功能、增值服务字号与画面协调 */
@media (max-width: 768px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-wrapper,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service {
    width: auto !important;
    max-width: none !important;
    margin: 16px 18px 0 !important;
    padding: 22px 16px 18px !important;
    border-radius: 28px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    border: 1px solid rgba(213,226,244,.92) !important;
    box-shadow: 0 16px 36px rgba(30,62,112,.08) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-wrapper h2,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function h2,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service h2 {
    margin: 0 0 8px !important;
    color: #101828 !important;
    font-size: 24px !important;
    line-height: 1.28 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-wrapper h2::before,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function h2::before,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service h2::before,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-wrapper h2::after,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function h2::after,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service h2::after {
    display: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-wrapper .sub-title,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function .sub-title,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service .sub-title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
    color: #5f6f85 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    text-align: left !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-ul.mid-content,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul.wrap {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-ul li,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul li {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 118px !important;
    margin: 0 !important;
    padding: 14px 12px !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px #e1ebf7, 0 10px 24px rgba(30,62,112,.05) !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-ul li:first-child,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul li:first-child {
    background: linear-gradient(145deg, #1763dc 0%, #19a7ff 100%) !important;
    box-shadow: 0 14px 30px rgba(23,99,220,.18) !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-ul li img,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul li img {
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 0 12px !important;
    padding: 7px !important;
    border-radius: 14px !important;
    background: #eef5ff !important;
    object-fit: contain !important;
    box-sizing: border-box !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-ul li:first-child img,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul li:first-child img {
    background: rgba(255,255,255,.18) !important;
    filter: brightness(0) invert(1) !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-ul li div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul .f-function-infor > div {
    margin: 0 !important;
    color: #101828 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 900 !important;
    text-align: left !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul .f-function-infor p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 19px !important;
    text-align: left !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-ul li:first-child div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul li:first-child .f-function-infor > div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul li:first-child .f-function-infor p {
    color: #fff !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul li:first-child .f-function-infor p {
    color: rgba(255,255,255,.82) !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function .f-function-box,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function .mid-content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function .f-function-left {
    display: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function li {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px 12px !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px #e1ebf7, 0 10px 24px rgba(30,62,112,.05) !important;
    box-sizing: border-box !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function li img {
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 7px !important;
    border-radius: 15px !important;
    background: #eef5ff !important;
    object-fit: contain !important;
    box-sizing: border-box !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function .f-function-infor > div {
    margin: 0 !important;
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 23px !important;
    font-weight: 900 !important;
    text-align: left !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function .f-function-infor p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: left !important;
  }
}

/* 2026-05-28 网络货运手机端：特色功能与应用流程协调重设计 */
@media (max-width: 768px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-step {
    width: auto !important;
    max-width: none !important;
    margin: 16px 18px 0 !important;
    padding: 22px 16px 18px !important;
    border-radius: 28px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    border: 1px solid rgba(213,226,244,.92) !important;
    box-shadow: 0 16px 36px rgba(30,62,112,.08) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function h2,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-step h2 {
    margin: 0 0 8px !important;
    color: #101828 !important;
    font-size: 24px !important;
    line-height: 1.28 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function h2::before,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-step h2::before,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function h2::after,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-step h2::after {
    display: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function .sub-title,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-step .sub-title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
    color: #5f6f85 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    text-align: left !important;
  }

  /* 特色功能：四个核心能力做成统一的横向信息卡 */
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function .f-function-box,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function .mid-content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function .f-function-left {
    display: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function li {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 84px !important;
    margin: 0 !important;
    padding: 14px !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px #e1ebf7, 0 10px 24px rgba(30,62,112,.05) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function li:first-child {
    background: linear-gradient(145deg, #1763dc 0%, #19a7ff 100%) !important;
    box-shadow: 0 14px 30px rgba(23,99,220,.18) !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function li::after {
    content: "" !important;
    position: absolute !important;
    right: -26px !important;
    bottom: -34px !important;
    width: 88px !important;
    height: 88px !important;
    border-radius: 50% !important;
    background: rgba(23,99,220,.07) !important;
    pointer-events: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function li:first-child::after {
    background: rgba(255,255,255,.16) !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function li img {
    position: relative !important;
    z-index: 1 !important;
    width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 8px !important;
    border-radius: 16px !important;
    background: #eef5ff !important;
    object-fit: contain !important;
    box-sizing: border-box !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function li:first-child img {
    background: rgba(255,255,255,.18) !important;
    filter: brightness(0) invert(1) !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function .f-function-infor {
    position: relative !important;
    z-index: 1 !important;
    min-width: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function .f-function-infor > div {
    margin: 0 !important;
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 23px !important;
    font-weight: 900 !important;
    text-align: left !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function .f-function-infor p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: left !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function li:first-child .f-function-infor > div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function li:first-child .f-function-infor p {
    color: #fff !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-function li:first-child .f-function-infor p {
    color: rgba(255,255,255,.84) !important;
  }

  /* 应用流程：九步改为时间线，避免小卡片拥挤 */
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-step > .mid-content,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-step .mid-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-step-ul,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-step-ul.wrap {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 2px 0 0 !important;
    list-style: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-step-ul::before {
    content: "" !important;
    position: absolute !important;
    left: 23px !important;
    top: 16px !important;
    bottom: 16px !important;
    width: 1px !important;
    background: linear-gradient(180deg, rgba(23,99,220,.28), rgba(23,99,220,0)) !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-step-ul li {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 66px !important;
    margin: 0 !important;
    padding: 9px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-step-ul li::after {
    display: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-step-ul li img {
    position: relative !important;
    z-index: 1 !important;
    width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 8px !important;
    border-radius: 16px !important;
    background: #eef5ff !important;
    box-shadow: inset 0 0 0 1px #dbeaff !important;
    object-fit: contain !important;
    box-sizing: border-box !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-step-ul li:first-child img {
    background: linear-gradient(145deg, #1763dc 0%, #19a7ff 100%) !important;
    box-shadow: 0 12px 24px rgba(23,99,220,.18) !important;
    filter: brightness(0) invert(1) !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-step-ul .f-step-infor {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: baseline !important;
    min-width: 0 !important;
    padding: 12px 12px !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px #e7eef8 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-step-ul .f-step-infor div {
    margin: 0 !important;
    color: #1763dc !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 900 !important;
    text-align: left !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-step-ul .f-step-infor p {
    margin: 0 !important;
    color: #101828 !important;
    font-size: 15px !important;
    line-height: 21px !important;
    font-weight: 900 !important;
    text-align: left !important;
  }
}

/* 2026-05-28 网络货运手机端：特色功能+应用流程最终统一重做 */
.hhm-freight-mobile-redesign {
  display: none;
}

@media (max-width: 768px) {
  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .freight-function,
  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .freight-step {
    display: none !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-mobile-redesign {
    display: block !important;
    margin: 16px 18px 0 !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-block {
    position: relative !important;
    overflow: hidden !important;
    margin: 0 0 16px !important;
    padding: 22px 16px 18px !important;
    border-radius: 28px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    border: 1px solid rgba(213,226,244,.92) !important;
    box-shadow: 0 16px 36px rgba(30,62,112,.08) !important;
    box-sizing: border-box !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-block .hhm-section-label {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 27px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #1763dc !important;
    background: #eef5ff !important;
    border: 1px solid #dbeaff !important;
    font-size: 12px !important;
    line-height: 27px !important;
    font-weight: 900 !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-block h2 {
    margin: 10px 0 8px !important;
    color: #101828 !important;
    font-size: 24px !important;
    line-height: 1.28 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-block > p {
    margin: 0 !important;
    color: #5f6f85 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    text-align: left !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid article {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: start !important;
    min-height: 88px !important;
    padding: 14px !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px #e1ebf7, 0 10px 24px rgba(30,62,112,.05) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid article.is-primary {
    background: linear-gradient(145deg, #1763dc 0%, #19a7ff 100%) !important;
    box-shadow: 0 14px 30px rgba(23,99,220,.18) !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid article::after {
    content: "" !important;
    position: absolute !important;
    right: -28px !important;
    bottom: -34px !important;
    width: 88px !important;
    height: 88px !important;
    border-radius: 50% !important;
    background: rgba(23,99,220,.07) !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid article.is-primary::after {
    background: rgba(255,255,255,.16) !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid img {
    position: relative !important;
    z-index: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 8px !important;
    border-radius: 16px !important;
    background: #eef5ff !important;
    object-fit: contain !important;
    box-sizing: border-box !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid article.is-primary img {
    background: rgba(255,255,255,.18) !important;
    filter: brightness(0) invert(1) !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid h3 {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 23px !important;
    font-weight: 900 !important;
    text-align: left !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid p {
    position: relative !important;
    z-index: 1 !important;
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: left !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid article.is-primary h3,
  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid article.is-primary p {
    color: #fff !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid article.is-primary p {
    color: rgba(255,255,255,.84) !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-step-grid {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-step-grid article {
    min-height: 86px !important;
    padding: 13px 8px !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px #e1ebf7, 0 8px 18px rgba(30,62,112,.04) !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-step-grid article:first-child {
    background: linear-gradient(145deg, #1763dc 0%, #19a7ff 100%) !important;
    box-shadow: 0 14px 28px rgba(23,99,220,.16) !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-step-grid em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 34px !important;
    height: 22px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    color: #1763dc !important;
    background: #eef5ff !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-style: normal !important;
    font-weight: 900 !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-step-grid article:first-child em {
    color: #fff !important;
    background: rgba(255,255,255,.18) !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-step-grid span {
    display: block !important;
    margin-top: 10px !important;
    color: #101828 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 900 !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-step-grid article:first-child span {
    color: #fff !important;
  }
}

/* 2026-05-28 家政服务手机端：功能推荐、保驾护航、服务流程独立重设计 */
.hhm-housekeeping-redesign {
  display: none;
}

@media (max-width: 768px) {
  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .function-section,
  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .homeadvantage,
  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .freight-step {
    display: none !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-redesign {
    display: block !important;
    margin: 16px 18px 0 !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-block {
    position: relative !important;
    overflow: hidden !important;
    margin: 0 0 16px !important;
    padding: 22px 16px 18px !important;
    border-radius: 28px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    border: 1px solid rgba(213,226,244,.92) !important;
    box-shadow: 0 16px 36px rgba(30,62,112,.08) !important;
    box-sizing: border-box !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-block .hhm-section-label {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 27px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #1763dc !important;
    background: #eef5ff !important;
    border: 1px solid #dbeaff !important;
    font-size: 12px !important;
    line-height: 27px !important;
    font-weight: 900 !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-block h2 {
    margin: 10px 0 8px !important;
    color: #101828 !important;
    font-size: 24px !important;
    line-height: 1.28 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-block > p {
    margin: 0 !important;
    color: #5f6f85 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    text-align: left !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-function-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-function-grid article {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 0 12px !important;
    align-items: start !important;
    min-height: 96px !important;
    padding: 14px !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px #e1ebf7, 0 10px 24px rgba(30,62,112,.05) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-function-grid article.is-primary,
  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-adv-grid article.is-primary {
    background: linear-gradient(145deg, #1763dc 0%, #19a7ff 100%) !important;
    box-shadow: 0 14px 30px rgba(23,99,220,.18) !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-function-grid em {
    grid-row: 1 / span 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 15px !important;
    color: #1763dc !important;
    background: #eef5ff !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-style: normal !important;
    font-weight: 900 !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-function-grid article.is-primary em {
    color: #fff !important;
    background: rgba(255,255,255,.18) !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-function-grid h3 {
    margin: 0 !important;
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 23px !important;
    font-weight: 900 !important;
    text-align: left !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-function-grid p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: left !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-function-grid article.is-primary h3,
  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-function-grid article.is-primary p {
    color: #fff !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-function-grid article.is-primary p {
    color: rgba(255,255,255,.84) !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-adv-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-adv-grid article {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 10px 12px !important;
    padding: 14px !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px #e1ebf7, 0 10px 24px rgba(30,62,112,.05) !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-adv-grid b {
    grid-row: 1 / span 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
    color: #1763dc !important;
    background: #eef5ff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-adv-grid article.is-primary b {
    color: #fff !important;
    background: rgba(255,255,255,.18) !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-adv-grid h3 {
    margin: 0 !important;
    color: #101828 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 900 !important;
    text-align: left !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-adv-grid p {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 19px !important;
    text-align: left !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-adv-grid article.is-primary h3,
  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-adv-grid article.is-primary p {
    color: #fff !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-adv-grid article.is-primary p {
    color: rgba(255,255,255,.84) !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-step-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-step-grid article {
    min-height: 84px !important;
    padding: 13px 10px !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px #e1ebf7, 0 8px 18px rgba(30,62,112,.04) !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-step-grid article:first-child {
    background: linear-gradient(145deg, #1763dc 0%, #19a7ff 100%) !important;
    box-shadow: 0 14px 28px rgba(23,99,220,.16) !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-step-grid em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 34px !important;
    height: 22px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    color: #1763dc !important;
    background: #eef5ff !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-style: normal !important;
    font-weight: 900 !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-step-grid article:first-child em {
    color: #fff !important;
    background: rgba(255,255,255,.18) !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-step-grid span {
    display: block !important;
    margin-top: 10px !important;
    color: #101828 !important;
    font-size: 15px !important;
    line-height: 21px !important;
    font-weight: 900 !important;
  }

  body.hhm-housekeeping-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-housekeeping-step-grid article:first-child span {
    color: #fff !important;
  }
}

/* 2026-05-28 手机首页：解决方案补全所有行业入口 */
@media (max-width: 768px) {
  body:has(.hh-home-mobile-v4) .hhm-scenes .hhm-scene-links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-scenes .hhm-scene-links a {
    min-height: 46px !important;
    padding: 12px 10px !important;
    border-radius: 16px !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 900 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-scenes .hhm-scene-links a:first-child {
    color: #fff !important;
    background: linear-gradient(135deg, #1763dc, #19a7ff) !important;
    box-shadow: 0 12px 26px rgba(23,99,220,.16) !important;
  }
}

/* 2026-05-28 APP开发手机端：解决方案展示12个行业入口 */
@media (max-width: 768px) {
  body.hhm-app-mobile-home-blocks .hhm-app-scenes-mobile .hhm-scene-links {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-scenes-mobile .hhm-scene-links span {
    min-height: 46px !important;
    padding: 0 10px !important;
    border-radius: 15px !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-scenes-mobile .hhm-scene-links img {
    width: 22px !important;
    height: 22px !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-scenes-mobile .hhm-scene-links b {
    font-size: 13px !important;
    line-height: 18px !important;
  }
}

/* 2026-05-28 首页/APP手机端：12个解决方案按钮统一样式 */
@media (max-width: 768px) {
  body:has(.hh-home-mobile-v4) .hhm-scenes .hhm-scene-links,
  body.hhm-app-mobile-home-blocks .hhm-app-scenes-mobile .hhm-scene-links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-scenes .hhm-scene-links a,
  body.hhm-app-mobile-home-blocks .hhm-app-scenes-mobile .hhm-scene-links a,
  body.hhm-app-mobile-home-blocks .hhm-app-scenes-mobile .hhm-scene-links span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 46px !important;
    padding: 12px 10px !important;
    border-radius: 16px !important;
    color: #26364d !important;
    background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%) !important;
    border: 1px solid #dfeaf8 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 900 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-scenes .hhm-scene-links a:first-child,
  body.hhm-app-mobile-home-blocks .hhm-app-scenes-mobile .hhm-scene-links a:first-child,
  body.hhm-app-mobile-home-blocks .hhm-app-scenes-mobile .hhm-scene-links span:first-child {
    color: #26364d !important;
    background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%) !important;
    border: 1px solid #dfeaf8 !important;
    box-shadow: none !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-scenes-mobile .hhm-scene-links img {
    display: none !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-scenes-mobile .hhm-scene-links b {
    display: block !important;
    color: #26364d !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 900 !important;
    text-align: center !important;
  }
}

/* 2026-05-28 网络货运手机端：三个模块首个小块取消高亮，统一颜色 */
@media (max-width: 768px) {
  /* 货运平台核心能力 */
  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid article.is-primary,
  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid article:first-child {
    background: #fff !important;
    box-shadow: inset 0 0 0 1px #e1ebf7, 0 10px 24px rgba(30,62,112,.05) !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid article.is-primary::after,
  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid article:first-child::after {
    background: rgba(23,99,220,.07) !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid article.is-primary img,
  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid article:first-child img {
    background: #eef5ff !important;
    filter: none !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid article.is-primary h3,
  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid article.is-primary p,
  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid article:first-child h3,
  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid article:first-child p {
    color: #101828 !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid article.is-primary p,
  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-feature-grid article:first-child p {
    color: #667085 !important;
  }

  /* 网络货运业务流程 */
  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-step-grid article:first-child {
    background: #fff !important;
    box-shadow: inset 0 0 0 1px #e1ebf7, 0 8px 18px rgba(30,62,112,.04) !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-step-grid article:first-child em {
    color: #1763dc !important;
    background: #eef5ff !important;
  }

  body.hhm-freight-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-freight-step-grid article:first-child span {
    color: #101828 !important;
  }

  /* 货运平台12大增值服务 */
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul li:first-child {
    background: #fff !important;
    box-shadow: inset 0 0 0 1px #e1ebf7, 0 10px 24px rgba(30,62,112,.05) !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul li:first-child img {
    background: #eef5ff !important;
    filter: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul li:first-child .f-function-infor > div {
    color: #101828 !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-service-ul li:first-child .f-function-infor p {
    color: #667085 !important;
  }
}

/* 2026-05-28 网络货运手机端：货运平台开发解决方案首个小块取消高亮 */
@media (max-width: 768px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-ul li:first-child {
    background: #fff !important;
    box-shadow: inset 0 0 0 1px #e1ebf7, 0 10px 24px rgba(30,62,112,.05) !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-ul li:first-child img {
    background: #eef5ff !important;
    filter: none !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .freight-solution-ul li:first-child div {
    color: #101828 !important;
  }
}

/* 2026-05-28 小程序开发手机端：必争之地、全行业定制、行业方案01/02独立重设计 */
.hhm-wechat-redesign {
  display: none;
}

@media (max-width: 768px) {
  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .wechat-development-section,
  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .wechat-core-funciton,
  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .wc-public-account-solution1,
  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .wc-public-account-solution {
    display: none !important;
  }

  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-wechat-redesign {
    display: block !important;
    margin: 16px 18px 0 !important;
  }

  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-wechat-block {
    position: relative !important;
    overflow: hidden !important;
    margin: 0 0 16px !important;
    padding: 22px 16px 18px !important;
    border-radius: 28px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    border: 1px solid rgba(213,226,244,.92) !important;
    box-shadow: 0 16px 36px rgba(30,62,112,.08) !important;
    box-sizing: border-box !important;
  }

  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-wechat-block .hhm-section-label {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 27px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #1763dc !important;
    background: #eef5ff !important;
    border: 1px solid #dbeaff !important;
    font-size: 12px !important;
    line-height: 27px !important;
    font-weight: 900 !important;
  }

  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-wechat-block h2 {
    margin: 10px 0 8px !important;
    color: #101828 !important;
    font-size: 24px !important;
    line-height: 1.28 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
  }

  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-wechat-block > p {
    margin: 0 !important;
    color: #5f6f85 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    text-align: left !important;
  }

  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-wechat-value-grid,
  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-wechat-solution-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-wechat-value-grid article,
  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-wechat-solution-grid article {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 0 12px !important;
    align-items: start !important;
    min-height: 88px !important;
    padding: 14px !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px #e1ebf7, 0 10px 24px rgba(30,62,112,.05) !important;
    box-sizing: border-box !important;
  }

  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-wechat-value-grid img,
  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-wechat-solution-grid em {
    grid-row: 1 / span 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 15px !important;
    color: #1763dc !important;
    background: #eef5ff !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-style: normal !important;
    font-weight: 900 !important;
    object-fit: contain !important;
    box-sizing: border-box !important;
  }

  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-wechat-value-grid img {
    padding: 8px !important;
  }

  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-wechat-value-grid h3,
  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-wechat-solution-grid h3 {
    margin: 0 !important;
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 23px !important;
    font-weight: 900 !important;
    text-align: left !important;
  }

  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-wechat-value-grid p,
  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-wechat-solution-grid p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: left !important;
  }

  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-wechat-core-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-wechat-core-grid article {
    min-height: 96px !important;
    padding: 12px 8px !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px #e1ebf7, 0 8px 18px rgba(30,62,112,.04) !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-wechat-core-grid img {
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 auto 9px !important;
    padding: 8px !important;
    border-radius: 15px !important;
    background: #eef5ff !important;
    object-fit: contain !important;
    box-sizing: border-box !important;
  }

  body.hhm-wechat-redesign-ready:not(:has(.hh-home-mobile-v4)) .hhm-wechat-core-grid span {
    display: block !important;
    color: #101828 !important;
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 900 !important;
  }
}

/* 2026-05-28 首页手机端：视觉美化试版（更精致的卡片、层级、间距） */
@media (max-width: 768px) {
  body:has(.hh-home-mobile-v4),
  body:has(.hh-home-mobile-v4) .intermed-content,
  .hh-home-mobile-v4 {
    background:
      radial-gradient(circle at 92% 2%, rgba(45,127,255,.12), rgba(45,127,255,0) 28%),
      linear-gradient(180deg, #f4f8ff 0%, #eef4fb 38%, #f8fbff 100%) !important;
  }

  .hh-home-mobile-v4 {
    padding-bottom: 96px !important;
  }

  .hhm-hero {
    margin: 0 0 18px !important;
    padding: 96px 18px 26px !important;
    border-radius: 0 0 34px 34px !important;
    background:
      radial-gradient(circle at 84% 10%, rgba(72,184,255,.48), rgba(72,184,255,0) 33%),
      radial-gradient(circle at 10% 86%, rgba(62,111,255,.30), rgba(62,111,255,0) 34%),
      linear-gradient(150deg, #06152f 0%, #0b2d67 58%, #092154 100%) !important;
    box-shadow: 0 24px 54px rgba(7,24,62,.22) !important;
    overflow: hidden !important;
  }

  .hhm-hero::before {
    right: -78px !important;
    top: 90px !important;
    width: 228px !important;
    height: 228px !important;
    opacity: .38 !important;
  }

  .hhm-hero::after {
    right: 14px !important;
    bottom: 118px !important;
    width: 112px !important;
    height: 112px !important;
    border-radius: 28px !important;
    opacity: .76 !important;
  }

  .hhm-hero-kicker {
    min-height: 28px !important;
    padding: 0 11px !important;
    color: #dff5ff !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    font-size: 12px !important;
    line-height: 28px !important;
    font-weight: 900 !important;
  }

  .hhm-hero-title {
    max-width: 342px !important;
    margin-top: 14px !important;
    color: #fff !important;
    font-size: 31px !important;
    line-height: 1.12 !important;
    letter-spacing: -.055em !important;
    text-shadow: 0 14px 36px rgba(0,0,0,.26) !important;
  }

  .hhm-hero p {
    max-width: 316px !important;
    margin-top: 12px !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .hhm-hero-rail {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-top: 18px !important;
  }

  .hhm-hero-rail span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 0 6px !important;
    border-radius: 13px !important;
    color: rgba(255,255,255,.9) !important;
    background: rgba(255,255,255,.10) !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    font-size: 12px !important;
  }

  .hhm-hero-actions {
    gap: 10px !important;
    margin-top: 18px !important;
  }

  .hhm-hero-actions a {
    min-height: 46px !important;
    border-radius: 16px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
  }

  .hhm-proof {
    gap: 8px !important;
    margin-top: 16px !important;
  }

  .hhm-proof li {
    padding: 12px 8px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.10) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
  }

  .hhm-proof strong {
    font-size: 20px !important;
    line-height: 1 !important;
  }

  .hhm-proof span {
    margin-top: 5px !important;
    font-size: 11px !important;
  }

  .hhm-section,
  .hhm-final-cta {
    margin: 16px 18px 0 !important;
    padding: 22px 16px 18px !important;
    border-radius: 28px !important;
    background: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(213,226,244,.95) !important;
    box-shadow: 0 16px 36px rgba(30,62,112,.08) !important;
    backdrop-filter: blur(10px) !important;
  }

  .hhm-section-label {
    min-height: 27px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #1763dc !important;
    background: #eef5ff !important;
    border: 1px solid #dbeaff !important;
    font-size: 12px !important;
    line-height: 27px !important;
    font-weight: 900 !important;
  }

  .hhm-section h2,
  .hhm-final-cta strong {
    margin-top: 10px !important;
    color: #101828 !important;
    font-size: 24px !important;
    line-height: 1.28 !important;
    letter-spacing: -.04em !important;
    font-weight: 900 !important;
  }

  .hhm-section > p,
  .hhm-final-cta p {
    color: #5f6f85 !important;
    font-size: 14px !important;
    line-height: 23px !important;
  }

  .hhm-service-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  .hhm-service-item,
  .hhm-service-item:first-child,
  .hhm-service-item:last-child,
  .hhm-service-item:nth-child(4) {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 12px !important;
    min-height: 94px !important;
    padding: 15px 14px !important;
    border-radius: 20px !important;
    color: #101828 !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px #e1ebf7, 0 10px 24px rgba(30,62,112,.05) !important;
  }

  .hhm-service-index,
  .hhm-service-item:nth-child(4) .hhm-service-index {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 15px !important;
    color: #1763dc !important;
    background: #eef5ff !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
  }

  .hhm-service-item strong,
  .hhm-service-item:nth-child(4) strong {
    margin: 0 0 5px !important;
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 23px !important;
  }

  .hhm-service-item p,
  .hhm-service-item:nth-child(4) p {
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }

  .hhm-agent-scope {
    color: #fff !important;
    background:
      radial-gradient(circle at 88% 16%, rgba(64, 167, 255, .34), rgba(64, 167, 255, 0) 36%),
      linear-gradient(145deg, #071833 0%, #0d316e 100%) !important;
    border-color: rgba(255,255,255,.10) !important;
  }

  .hhm-agent-scope .hhm-section-label {
    color: #ddebff !important;
    background: rgba(255,255,255,.10) !important;
    border-color: rgba(255,255,255,.16) !important;
  }

  .hhm-agent-scope h2,
  .hhm-agent-scope > p,
  .hhm-agent-point b,
  .hhm-agent-point span {
    color: #fff !important;
  }

  .hhm-agent-point {
    border-radius: 18px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
  }

  .hhm-scenes .hhm-scene-links a,
  .hhm-system-list span {
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid #e1ebf7 !important;
    box-shadow: 0 8px 18px rgba(30,62,112,.04) !important;
  }

  .hhm-adv-list,
  .hhm-agent-grid {
    gap: 10px !important;
  }

  .hhm-adv-list div,
  .hhm-agent-point,
  .hhm-topic-links a,
  .hhm-faq-lite a {
    border-radius: 20px !important;
  }

  .hhm-process-list li {
    padding: 14px 0 14px 38px !important;
  }

  .hhm-process-list li::before {
    left: 0 !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: #1763dc !important;
    box-shadow: 0 8px 18px rgba(23,99,220,.18) !important;
  }

  .hhm-final-cta {
    color: #fff !important;
    background: linear-gradient(145deg, #071833 0%, #0d316e 100%) !important;
    border-color: rgba(255,255,255,.10) !important;
    box-shadow: 0 20px 44px rgba(7,24,62,.20) !important;
  }

  .hhm-final-cta strong,
  .hhm-final-cta p {
    color: #fff !important;
  }

  .hhm-final-cta p {
    opacity: .78 !important;
  }
}

/* 2026-05-28 首页手机端：修复开发流程文字显示与底部模块间距 */
@media (max-width: 768px) {
  body:has(.hh-home-mobile-v4) .hhm-process {
    color: #101828 !important;
    background: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(213,226,244,.95) !important;
    box-shadow: 0 16px 36px rgba(30,62,112,.08) !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-process::before,
  body:has(.hh-home-mobile-v4) .hhm-process-list::before {
    display: none !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-process .hhm-section-label {
    color: #1763dc !important;
    background: #eef5ff !important;
    border: 1px solid #dbeaff !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-process h2 {
    color: #101828 !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-process-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 16px !important;
    padding: 0 !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-process-list li,
  body:has(.hh-home-mobile-v4) .hhm-process-list li:first-child,
  body:has(.hh-home-mobile-v4) .hhm-process-list li:last-child {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    margin: 0 !important;
    padding: 13px 12px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid #e7eef8 !important;
    box-shadow: 0 8px 18px rgba(30,62,112,.04) !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-process-list li::before {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    color: #1763dc !important;
    background: #eef5ff !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 900 !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-process-list li b,
  body:has(.hh-home-mobile-v4) .hhm-process-list li span {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-process-list li b {
    color: #101828 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 900 !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-process-list li span {
    margin-top: 4px !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-news-mobile,
  body:has(.hh-home-mobile-v4) .hhm-faq-mobile,
  body:has(.hh-home-mobile-v4) .hhm-final-cta {
    margin-top: 12px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-faq-mobile {
    padding-bottom: 16px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-faq-lite,
  body:has(.hh-home-mobile-v4) .hhm-news-list {
    margin-top: 12px !important;
    gap: 9px !important;
  }
}

/* 2026-05-28 首页手机端：底部CTA重新设计并收紧与FAQ间距 */
@media (max-width: 768px) {
  body:has(.hh-home-mobile-v4) .hhm-faq-mobile {
    margin-bottom: 0 !important;
    padding-bottom: 16px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-final-cta {
    position: relative !important;
    overflow: hidden !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    padding: 20px 16px 18px !important;
    border-radius: 26px !important;
    color: #101828 !important;
    background:
      radial-gradient(circle at 90% 0%, rgba(25,211,255,.16), rgba(25,211,255,0) 34%),
      linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    border: 1px solid rgba(213,226,244,.95) !important;
    box-shadow: 0 14px 30px rgba(30,62,112,.08) !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-final-cta::before {
    content: "咨询入口" !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 26px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #1763dc !important;
    background: #eef5ff !important;
    border: 1px solid #dbeaff !important;
    font-size: 12px !important;
    line-height: 26px !important;
    font-weight: 900 !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-final-cta::after {
    content: "" !important;
    position: absolute !important;
    right: -38px !important;
    top: -44px !important;
    width: 116px !important;
    height: 116px !important;
    border-radius: 50% !important;
    background: rgba(23,99,220,.08) !important;
    pointer-events: none !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-final-cta strong {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    margin: 10px 0 0 !important;
    color: #101828 !important;
    font-size: 22px !important;
    line-height: 1.28 !important;
    letter-spacing: -.04em !important;
    font-weight: 900 !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-final-cta p {
    position: relative !important;
    z-index: 1 !important;
    margin: 8px 0 0 !important;
    color: #5f6f85 !important;
    opacity: 1 !important;
    font-size: 14px !important;
    line-height: 22px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-final-actions {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-final-actions a {
    min-height: 44px !important;
    height: auto !important;
    border-radius: 15px !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-final-actions a:first-child {
    color: #fff !important;
    background: linear-gradient(135deg, #1763dc, #19a7ff) !important;
    border: 0 !important;
    box-shadow: 0 12px 24px rgba(23,99,220,.16) !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-final-actions a:last-child {
    color: #1763dc !important;
    background: #eef5ff !important;
    border: 1px solid #dbeaff !important;
  }
}

/* 2026-05-28 首页手机端：备案底部模块重设计，收紧与上方内容距离 */
@media (max-width: 768px) {
  body:has(.hh-home-mobile-v4) .hh-home-mobile-v4 {
    padding-bottom: 8px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-mobile-footer {
    display: block !important;
    margin: 8px 18px 0 !important;
    padding: 18px 16px 42px !important;
    border-radius: 26px 26px 0 0 !important;
    color: #d7e7ff !important;
    background:
      radial-gradient(circle at 90% 0%, rgba(25,211,255,.16), rgba(25,211,255,0) 34%),
      linear-gradient(150deg, #071833 0%, #0b2d67 100%) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-bottom: 0 !important;
    box-shadow: 0 -10px 28px rgba(7,24,62,.12) !important;
    transform: none !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-brand {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-brand img {
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-brand strong {
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-brand span {
    margin-top: 3px !important;
    color: rgba(255,255,255,.62) !important;
    font-size: 12px !important;
    line-height: 17px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-contact {
    gap: 8px !important;
    margin-top: 14px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-contact a {
    padding: 11px 12px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-contact a:first-child {
    color: #071833 !important;
    background: #fff !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-contact em {
    font-size: 11px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-contact strong {
    margin-top: 5px !important;
    font-size: 14px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-links {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-links a {
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 6px !important;
    border-radius: 12px !important;
    color: rgba(255,255,255,.78) !important;
    background: rgba(255,255,255,.06) !important;
    font-size: 12px !important;
    line-height: 16px !important;
    text-align: center !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address {
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
    transform: none !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address p {
    margin: 0 0 4px !important;
    color: rgba(255,255,255,.58) !important;
    font-size: 11px !important;
    line-height: 17px !important;
    text-align: left !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address p:first-child {
    color: rgba(255,255,255,.72) !important;
    font-weight: 800 !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address p:last-child {
    margin-bottom: 0 !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address a {
    color: rgba(255,255,255,.72) !important;
    text-decoration: none !important;
  }
}

/* 2026-05-29 首页手机端：备案footer去掉重复咨询入口，重设为紧凑信息底栏 */
@media (max-width: 768px) {
  body:has(.hh-home-mobile-v4) .hhm-mobile-footer {
    display: block !important;
    margin: 8px 18px 0 !important;
    padding: 18px 16px 72px !important;
    border-radius: 26px 26px 0 0 !important;
    color: #d7e7ff !important;
    background:
      radial-gradient(circle at 90% 0%, rgba(25,211,255,.16), rgba(25,211,255,0) 34%),
      linear-gradient(150deg, #071833 0%, #0b2d67 100%) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-bottom: 0 !important;
    box-shadow: 0 -10px 28px rgba(7,24,62,.12) !important;
    transform: none !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-mobile-footer .hhm-footer-contact {
    display: none !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-brand {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-brand img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-brand strong {
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-brand span {
    margin-top: 3px !important;
    color: rgba(255,255,255,.66) !important;
    font-size: 12px !important;
    line-height: 17px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-links {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-top: 14px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-links a {
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 6px !important;
    border-radius: 12px !important;
    color: rgba(255,255,255,.82) !important;
    background: rgba(255,255,255,.07) !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 850 !important;
    text-align: center !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address {
    margin-top: 14px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
    transform: none !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address p {
    margin: 0 0 4px !important;
    color: rgba(255,255,255,.58) !important;
    font-size: 11px !important;
    line-height: 17px !important;
    text-align: left !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address p:first-child {
    color: rgba(255,255,255,.74) !important;
    font-weight: 800 !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address p:last-child {
    margin-bottom: 0 !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address a {
    color: rgba(255,255,255,.72) !important;
    text-decoration: none !important;
  }
}

/* 2026-05-29 首页手机端：备案footer高级版 */
@media (max-width: 768px) {
  body:has(.hh-home-mobile-v4) .hhm-mobile-footer {
    position: relative !important;
    isolation: isolate !important;
    margin: 8px 14px 0 !important;
    padding: 20px 16px 76px !important;
    border-radius: 30px 30px 0 0 !important;
    color: #d7e7ff !important;
    background:
      radial-gradient(circle at 86% -4%, rgba(25,211,255,.26), rgba(25,211,255,0) 34%),
      radial-gradient(circle at 8% 106%, rgba(23,99,220,.28), rgba(23,99,220,0) 38%),
      linear-gradient(150deg, #06152f 0%, #0a2a62 62%, #071833 100%) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-bottom: 0 !important;
    box-shadow: 0 -16px 42px rgba(7,24,62,.18) !important;
    overflow: hidden !important;
    transform: none !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-mobile-footer::before {
    content: "" !important;
    position: absolute !important;
    inset: 1px 1px auto 1px !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(255,255,255,.28), rgba(255,255,255,0)) !important;
    pointer-events: none !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-mobile-footer::after {
    content: "" !important;
    position: absolute !important;
    right: -48px !important;
    top: -58px !important;
    z-index: -1 !important;
    width: 142px !important;
    height: 142px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.08) !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-brand {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 0 0 15px !important;
    border-bottom: 1px solid rgba(255,255,255,.11) !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-brand img {
    width: 44px !important;
    height: 44px !important;
    padding: 5px !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.18) !important;
    box-sizing: border-box !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-brand strong {
    color: #fff !important;
    font-size: 19px !important;
    line-height: 1.18 !important;
    font-weight: 950 !important;
    letter-spacing: -.035em !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-brand span {
    margin-top: 4px !important;
    color: rgba(255,255,255,.68) !important;
    font-size: 12px !important;
    line-height: 17px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-proof {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 14px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-proof span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 6px !important;
    border-radius: 14px !important;
    color: rgba(255,255,255,.86) !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    font-size: 11px !important;
    line-height: 15px !important;
    font-weight: 850 !important;
    text-align: center !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-links {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-top: 12px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-links a {
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 5px !important;
    border-radius: 14px !important;
    color: #dff5ff !important;
    background: rgba(25,211,255,.08) !important;
    border: 1px solid rgba(25,211,255,.13) !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 900 !important;
    text-align: center !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address {
    margin-top: 14px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
    transform: none !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address p {
    margin: 0 0 4px !important;
    color: rgba(255,255,255,.56) !important;
    font-size: 11px !important;
    line-height: 17px !important;
    text-align: left !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address p:first-child {
    color: rgba(255,255,255,.72) !important;
    font-weight: 800 !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address a {
    color: rgba(223,245,255,.76) !important;
    text-decoration: none !important;
  }
}

/* 2026-05-29 首页手机端：备案footer高级版细节美化 */
@media (max-width: 768px) {
  body:has(.hh-home-mobile-v4) .hhm-mobile-footer {
    margin: 10px 12px 0 !important;
    padding: 20px 16px 78px !important;
    border-radius: 32px 32px 0 0 !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 18%),
      radial-gradient(circle at 88% -8%, rgba(25,211,255,.32), rgba(25,211,255,0) 36%),
      radial-gradient(circle at 8% 110%, rgba(23,99,220,.34), rgba(23,99,220,0) 40%),
      linear-gradient(150deg, #06152f 0%, #0a2a62 58%, #061a3a 100%) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-bottom: 0 !important;
    box-shadow: 0 -18px 46px rgba(7,24,62,.20), inset 0 1px 0 rgba(255,255,255,.10) !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-mobile-footer::before {
    height: 2px !important;
    background: linear-gradient(90deg, rgba(25,211,255,.62), rgba(255,255,255,.24), rgba(25,211,255,0)) !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-brand {
    position: relative !important;
    padding: 2px 0 16px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-brand::after {
    content: "" !important;
    position: absolute !important;
    left: 56px !important;
    right: 0 !important;
    bottom: -1px !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,0)) !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-brand img {
    width: 46px !important;
    height: 46px !important;
    padding: 6px !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, #ffffff 0%, #eef5ff 100%) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.20), 0 0 0 1px rgba(255,255,255,.18) !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-brand strong {
    font-size: 20px !important;
    letter-spacing: -.045em !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-proof {
    gap: 7px !important;
    margin-top: 15px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-proof span {
    position: relative !important;
    overflow: hidden !important;
    min-height: 38px !important;
    border-radius: 15px !important;
    color: rgba(255,255,255,.88) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.06)) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-proof span::before {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    top: 8px !important;
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: #19d3ff !important;
    box-shadow: 0 0 12px rgba(25,211,255,.55) !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-links {
    gap: 8px !important;
    margin-top: 13px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-links a {
    min-height: 36px !important;
    border-radius: 15px !important;
    color: rgba(255,255,255,.88) !important;
    background: linear-gradient(180deg, rgba(25,211,255,.10), rgba(255,255,255,.05)) !important;
    border: 1px solid rgba(25,211,255,.16) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address {
    margin-top: 15px !important;
    padding: 12px 12px 0 !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 18px !important;
    background: rgba(0,0,0,.10) !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address p {
    color: rgba(255,255,255,.60) !important;
    font-size: 11px !important;
    line-height: 18px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address p:first-child {
    color: rgba(255,255,255,.78) !important;
  }
}

/* 2026-05-29 首页手机端：压缩备案号下方留白 */
@media (max-width: 768px) {
  body:has(.hh-home-mobile-v4) .hhm-mobile-footer {
    padding-bottom: 54px !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-address p:last-child {
    margin-bottom: 0 !important;
    line-height: 16px !important;
  }
}

/* 2026-05-29 全站手机端：同步首页高级备案footer样式 */
@media (max-width: 768px) {
  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-mobile-footer {
    position: relative !important;
    isolation: isolate !important;
    display: block !important;
    margin: 10px 12px 0 !important;
    padding: 20px 16px 54px !important;
    border-radius: 32px 32px 0 0 !important;
    color: #d7e7ff !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 18%),
      radial-gradient(circle at 88% -8%, rgba(25,211,255,.32), rgba(25,211,255,0) 36%),
      radial-gradient(circle at 8% 110%, rgba(23,99,220,.34), rgba(23,99,220,0) 40%),
      linear-gradient(150deg, #06152f 0%, #0a2a62 58%, #061a3a 100%) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-bottom: 0 !important;
    box-shadow: 0 -18px 46px rgba(7,24,62,.20), inset 0 1px 0 rgba(255,255,255,.10) !important;
    overflow: hidden !important;
    transform: none !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-mobile-footer::before {
    content: "" !important;
    position: absolute !important;
    inset: 1px 1px auto 1px !important;
    height: 2px !important;
    background: linear-gradient(90deg, rgba(25,211,255,.62), rgba(255,255,255,.24), rgba(25,211,255,0)) !important;
    pointer-events: none !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-mobile-footer::after {
    content: "" !important;
    position: absolute !important;
    right: -48px !important;
    top: -58px !important;
    z-index: -1 !important;
    width: 142px !important;
    height: 142px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.08) !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-mobile-footer .hhm-footer-contact {
    display: none !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-brand {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 2px 0 16px !important;
    border-bottom: 1px solid rgba(255,255,255,.11) !important;
    position: relative !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-brand::after {
    content: "" !important;
    position: absolute !important;
    left: 56px !important;
    right: 0 !important;
    bottom: -1px !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,0)) !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-brand img {
    width: 46px !important;
    height: 46px !important;
    padding: 6px !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, #ffffff 0%, #eef5ff 100%) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.20), 0 0 0 1px rgba(255,255,255,.18) !important;
    box-sizing: border-box !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-brand strong {
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1.18 !important;
    font-weight: 950 !important;
    letter-spacing: -.045em !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-brand span {
    margin-top: 4px !important;
    color: rgba(255,255,255,.68) !important;
    font-size: 12px !important;
    line-height: 17px !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-proof {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-top: 15px !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-proof span {
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 6px !important;
    border-radius: 15px !important;
    color: rgba(255,255,255,.88) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.06)) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
    font-size: 11px !important;
    line-height: 15px !important;
    font-weight: 850 !important;
    text-align: center !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-links {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 13px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-links a {
    justify-content: center !important;
    min-height: 36px !important;
    padding: 0 5px !important;
    border-radius: 15px !important;
    color: rgba(255,255,255,.88) !important;
    background: linear-gradient(180deg, rgba(25,211,255,.10), rgba(255,255,255,.05)) !important;
    border: 1px solid rgba(25,211,255,.16) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 900 !important;
    text-align: center !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-address {
    margin-top: 15px !important;
    margin-bottom: 0 !important;
    padding: 12px 12px 0 !important;
    padding-bottom: 0 !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 18px !important;
    background: rgba(0,0,0,.10) !important;
    transform: none !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-address p {
    margin: 0 0 4px !important;
    color: rgba(255,255,255,.60) !important;
    font-size: 11px !important;
    line-height: 18px !important;
    text-align: left !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-address p:first-child {
    color: rgba(255,255,255,.78) !important;
    font-weight: 800 !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-address p:last-child {
    margin-bottom: 0 !important;
    line-height: 16px !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-address a {
    color: rgba(223,245,255,.76) !important;
    text-decoration: none !important;
  }
}

/* 2026-05-29 APP开发手机端：收紧开发流程标题与说明间距 */
@media (max-width: 768px) {
  body.hhm-app-mobile-home-blocks .hhm-app-process-mobile .hhm-process-list li b {
    padding: 12px 14px 1px !important;
    line-height: 21px !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-process-mobile .hhm-process-list li span {
    padding: 2px 14px 12px !important;
    margin-top: 0 !important;
    line-height: 20px !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-process-mobile .hhm-process-list li,
  body.hhm-app-mobile-home-blocks .hhm-app-process-mobile .hhm-process-list li:first-child,
  body.hhm-app-mobile-home-blocks .hhm-app-process-mobile .hhm-process-list li:last-child {
    margin-bottom: 10px !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-process-mobile .hhm-process-list li:last-child {
    margin-bottom: 0 !important;
  }
}

/* 2026-05-29 APP开发手机端：消除开发流程标题与小字之间的视觉缝隙 */
@media (max-width: 768px) {
  body.hhm-app-mobile-home-blocks .hhm-app-process-mobile .hhm-process-list li {
    gap: 0 12px !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-process-mobile .hhm-process-list li b {
    padding: 12px 14px 0 !important;
    border-radius: 18px 18px 0 0 !important;
    border-bottom: 0 !important;
    line-height: 21px !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-process-mobile .hhm-process-list li span {
    margin-top: -1px !important;
    padding: 1px 14px 12px !important;
    border-radius: 0 0 18px 18px !important;
    border-top: 0 !important;
    line-height: 20px !important;
  }
}

/* 2026-05-29 APP开发手机端：开发流程标题与小字保留轻微间隙 */
@media (max-width: 768px) {
  body.hhm-app-mobile-home-blocks .hhm-app-process-mobile .hhm-process-list li {
    gap: 0 12px !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-process-mobile .hhm-process-list li b {
    padding: 12px 14px 1px !important;
    border-radius: 18px 18px 0 0 !important;
    border-bottom: 0 !important;
    line-height: 21px !important;
  }

  body.hhm-app-mobile-home-blocks .hhm-app-process-mobile .hhm-process-list li span {
    margin-top: 2px !important;
    padding: 1px 14px 12px !important;
    border-radius: 0 0 18px 18px !important;
    border-top: 0 !important;
    line-height: 20px !important;
  }
}

/* 2026-06-01 抖音开发页资讯模块：PC 对齐首页，手机端独立轻量卡片 */
@media (min-width: 901px) {
  body.hh-tiktok-page .hh-tiktok-news-mobile {
    display: none !important;
  }
}

@media (max-width: 900px) {
  body.hh-tiktok-page .homenews {
    display: none !important;
  }

  body.hh-tiktok-page .hh-tiktok-news-mobile {
    display: block !important;
    width: calc(100% - 32px) !important;
    max-width: 520px !important;
    margin: 18px auto 22px !important;
    padding: 22px 16px 18px !important;
    border-radius: 24px !important;
    background:
      radial-gradient(circle at 86% 0%, rgba(37, 99, 235, .14), rgba(37, 99, 235, 0) 34%),
      linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%) !important;
    box-shadow: 0 14px 38px rgba(15, 45, 92, .08), inset 0 0 0 1px #e2ebf7 !important;
    box-sizing: border-box !important;
  }

  body.hh-tiktok-page .hh-tiktok-news-mobile .hhm-section-label {
    display: inline-flex !important;
    align-items: center !important;
    height: 26px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #1763dc !important;
    background: #eaf3ff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .02em !important;
  }

  body.hh-tiktok-page .hh-tiktok-news-mobile h2 {
    margin: 10px 0 8px !important;
    color: #101828 !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
  }

  body.hh-tiktok-page .hh-tiktok-news-mobile > p {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 23px !important;
  }

  body.hh-tiktok-page .hh-tiktok-news-mobile .hhm-news-tabs {
    margin-top: 15px !important;
  }

  body.hh-tiktok-page .hh-tiktok-news-mobile .hhm-news-list {
    gap: 9px !important;
    margin-top: 14px !important;
  }

  body.hh-tiktok-page .hh-tiktok-news-mobile .hhm-news-list a {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    min-height: 56px !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(15, 45, 92, .045), inset 0 0 0 1px #e4edf8 !important;
  }

  body.hh-tiktok-page .hh-tiktok-news-mobile .hhm-news-list span {
    font-size: 14px !important;
    line-height: 21px !important;
  }

  body.hh-tiktok-page .hh-tiktok-news-mobile .hh-tiktok-faq-lite {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    margin-top: 12px !important;
  }

  body.hh-tiktok-page .hh-tiktok-news-mobile .hh-tiktok-faq-lite a {
    padding: 13px 14px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #f8fbff 0%, #eef5ff 100%) !important;
    border-left: 3px solid #1b73ff !important;
  }
}

/* 2026-06-01 抖音开发页：手机端推荐功能与开发流程重设计 */
@media (min-width: 901px) {
  body.hh-tiktok-page .hhm-tiktok-functions-mobile,
  body.hh-tiktok-page .hhm-tiktok-process-mobile {
    display: none !important;
  }
}

@media (max-width: 900px) {
  body.hh-tiktok-page .function-section,
  body.hh-tiktok-page .homepath {
    display: none !important;
  }

  body.hh-tiktok-page .hhm-tiktok-functions-mobile,
  body.hh-tiktok-page .hhm-tiktok-process-mobile {
    display: block !important;
    width: calc(100% - 32px) !important;
    max-width: 520px !important;
    margin: 18px auto !important;
    padding: 24px 16px 18px !important;
    box-sizing: border-box !important;
    border-radius: 26px !important;
    overflow: hidden !important;
  }

  body.hh-tiktok-page .hhm-tiktok-functions-mobile {
    background:
      radial-gradient(circle at 12% 0%, rgba(36, 212, 255, .18), rgba(36, 212, 255, 0) 34%),
      radial-gradient(circle at 92% 16%, rgba(29, 115, 255, .16), rgba(29, 115, 255, 0) 38%),
      linear-gradient(180deg, #07182f 0%, #0b2d63 100%) !important;
    color: #fff !important;
    box-shadow: 0 16px 42px rgba(7, 24, 47, .18) !important;
  }

  body.hh-tiktok-page .hhm-tiktok-process-mobile {
    background: linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%) !important;
    box-shadow: 0 14px 38px rgba(15, 45, 92, .08), inset 0 0 0 1px #e2ebf7 !important;
  }

  body.hh-tiktok-page .hhm-tiktok-kicker {
    display: inline-flex !important;
    align-items: center !important;
    height: 27px !important;
    padding: 0 11px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
  }

  body.hh-tiktok-page .hhm-tiktok-functions-mobile .hhm-tiktok-kicker {
    color: #bfe7ff !important;
    background: rgba(255,255,255,.11) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
  }

  body.hh-tiktok-page .hhm-tiktok-process-mobile .hhm-tiktok-kicker {
    color: #1763dc !important;
    background: #eaf3ff !important;
  }

  body.hh-tiktok-page .hhm-tiktok-functions-mobile h2,
  body.hh-tiktok-page .hhm-tiktok-process-mobile h2 {
    margin: 11px 0 8px !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
  }

  body.hh-tiktok-page .hhm-tiktok-functions-mobile h2 {
    color: #fff !important;
  }

  body.hh-tiktok-page .hhm-tiktok-process-mobile h2 {
    color: #101828 !important;
  }

  body.hh-tiktok-page .hhm-tiktok-functions-mobile > p,
  body.hh-tiktok-page .hhm-tiktok-process-mobile > p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 23px !important;
  }

  body.hh-tiktok-page .hhm-tiktok-functions-mobile > p {
    color: rgba(255,255,255,.74) !important;
  }

  body.hh-tiktok-page .hhm-tiktok-process-mobile > p {
    color: #667085 !important;
  }

  body.hh-tiktok-page .hhm-tiktok-feature-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  body.hh-tiktok-page .hhm-tiktok-feature-card {
    position: relative !important;
    display: block !important;
    min-height: 112px !important;
    padding: 16px 15px 14px 68px !important;
    border-radius: 19px !important;
    text-decoration: none !important;
    color: #fff !important;
    background: rgba(255,255,255,.09) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1) !important;
    box-sizing: border-box !important;
  }

  body.hh-tiktok-page .hhm-tiktok-feature-card.primary {
    background: linear-gradient(135deg, rgba(36, 120, 255, .92), rgba(36, 212, 255, .72)) !important;
    border-color: rgba(255,255,255,.22) !important;
  }

  body.hh-tiktok-page .hhm-tiktok-feature-card span {
    position: absolute !important;
    left: 15px !important;
    top: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 39px !important;
    height: 39px !important;
    border-radius: 13px !important;
    color: #0b2d63 !important;
    background: #fff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }

  body.hh-tiktok-page .hhm-tiktok-feature-card strong {
    display: block !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
  }

  body.hh-tiktok-page .hhm-tiktok-feature-card em {
    display: block !important;
    margin-top: 7px !important;
    color: #bfe7ff !important;
    font-size: 13px !important;
    line-height: 19px !important;
    font-style: normal !important;
    font-weight: 850 !important;
  }

  body.hh-tiktok-page .hhm-tiktok-feature-card b {
    display: block !important;
    margin-top: 7px !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 13px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
  }

  body.hh-tiktok-page .hhm-tiktok-feature-tags {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 12px !important;
  }

  body.hh-tiktok-page .hhm-tiktok-feature-tags span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 34px !important;
    border-radius: 999px !important;
    color: rgba(255,255,255,.88) !important;
    background: rgba(255,255,255,.09) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
  }

  body.hh-tiktok-page .hhm-tiktok-process-list {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 11px !important;
    margin-top: 16px !important;
  }

  body.hh-tiktok-page .hhm-tiktok-process-list:before {
    content: "" !important;
    position: absolute !important;
    left: 22px !important;
    top: 20px !important;
    bottom: 20px !important;
    width: 2px !important;
    border-radius: 2px !important;
    background: linear-gradient(180deg, #1d73ff, rgba(29,115,255,.08)) !important;
  }

  body.hh-tiktok-page .hhm-tiktok-process-item {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: flex-start !important;
    padding: 15px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid #e3ebf7 !important;
    box-shadow: 0 8px 22px rgba(15,45,92,.045) !important;
  }

  body.hh-tiktok-page .hhm-tiktok-process-item span {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1763dc 0%, #24a8ff 100%) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    box-shadow: 0 8px 18px rgba(23,99,220,.2) !important;
  }

  body.hh-tiktok-page .hhm-tiktok-process-item strong {
    display: block !important;
    color: #101828 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  body.hh-tiktok-page .hhm-tiktok-process-item p {
    margin: 6px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 22px !important;
  }

  body.hh-tiktok-page .hhm-tiktok-process-cta {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px !important;
    margin-top: 14px !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1763dc 0%, #2384ff 100%) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 900 !important;
  }
}

/* 2026-06-01 房屋地产/餐饮/跑腿页面：指定模块手机端重设计 */
@media (min-width: 901px) {
  .hhm-realestate-features-mobile,
  .hhm-realestate-solutions-mobile,
  .hhm-catering-functions-mobile,
  .hhm-catering-scenes-mobile,
  .hhm-runerrands-scenes-mobile,
  .hhm-runerrands-process-mobile,
  .hhm-runerrands-advantages-mobile {
    display: none !important;
  }
}

@media (max-width: 900px) {
  body.hh-realestate-page .function-section,
  body.hh-realestate-page .real-eatste-solution,
  body.hh-realestate-page > .real-eatste-graphic,
  body.hh-catering-page .function-section,
  body.hh-catering-page .scene-section,
  body.hh-runerrands-page .multi-scenario-apply,
  body.hh-runerrands-page .freight-step,
  body.hh-runerrands-page .re-advantage {
    display: none !important;
  }

  .hhm-realestate-features-mobile,
  .hhm-realestate-solutions-mobile,
  .hhm-catering-functions-mobile,
  .hhm-catering-scenes-mobile,
  .hhm-runerrands-scenes-mobile,
  .hhm-runerrands-process-mobile,
  .hhm-runerrands-advantages-mobile {
    display: block !important;
    width: calc(100% - 32px) !important;
    max-width: 520px !important;
    margin: 18px auto !important;
    padding: 24px 16px 18px !important;
    box-sizing: border-box !important;
    border-radius: 26px !important;
    overflow: hidden !important;
  }

  .hhm-realestate-features-mobile,
  .hhm-catering-functions-mobile,
  .hhm-runerrands-scenes-mobile {
    color: #fff !important;
    background:
      radial-gradient(circle at 12% 0%, rgba(36, 212, 255, .17), rgba(36, 212, 255, 0) 34%),
      radial-gradient(circle at 92% 16%, rgba(29, 115, 255, .18), rgba(29, 115, 255, 0) 38%),
      linear-gradient(180deg, #07182f 0%, #0b2d63 100%) !important;
    box-shadow: 0 16px 42px rgba(7, 24, 47, .18) !important;
  }

  .hhm-realestate-solutions-mobile,
  .hhm-catering-scenes-mobile,
  .hhm-runerrands-process-mobile,
  .hhm-runerrands-advantages-mobile {
    background: linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%) !important;
    box-shadow: 0 14px 38px rgba(15, 45, 92, .08), inset 0 0 0 1px #e2ebf7 !important;
  }

  .hhm-redesign-kicker {
    display: inline-flex !important;
    align-items: center !important;
    height: 27px !important;
    padding: 0 11px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
  }

  .hhm-realestate-features-mobile .hhm-redesign-kicker,
  .hhm-catering-functions-mobile .hhm-redesign-kicker,
  .hhm-runerrands-scenes-mobile .hhm-redesign-kicker {
    color: #bfe7ff !important;
    background: rgba(255,255,255,.11) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
  }

  .hhm-realestate-solutions-mobile .hhm-redesign-kicker,
  .hhm-catering-scenes-mobile .hhm-redesign-kicker,
  .hhm-runerrands-process-mobile .hhm-redesign-kicker,
  .hhm-runerrands-advantages-mobile .hhm-redesign-kicker {
    color: #1763dc !important;
    background: #eaf3ff !important;
  }

  .hhm-realestate-features-mobile h2,
  .hhm-realestate-solutions-mobile h2,
  .hhm-catering-functions-mobile h2,
  .hhm-catering-scenes-mobile h2,
  .hhm-runerrands-scenes-mobile h2,
  .hhm-runerrands-process-mobile h2,
  .hhm-runerrands-advantages-mobile h2 {
    margin: 11px 0 8px !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
  }

  .hhm-realestate-features-mobile h2,
  .hhm-catering-functions-mobile h2,
  .hhm-runerrands-scenes-mobile h2 {
    color: #fff !important;
  }

  .hhm-realestate-solutions-mobile h2,
  .hhm-catering-scenes-mobile h2,
  .hhm-runerrands-process-mobile h2,
  .hhm-runerrands-advantages-mobile h2 {
    color: #101828 !important;
  }

  .hhm-realestate-features-mobile > p,
  .hhm-realestate-solutions-mobile > p,
  .hhm-catering-functions-mobile > p,
  .hhm-catering-scenes-mobile > p,
  .hhm-runerrands-scenes-mobile > p,
  .hhm-runerrands-process-mobile > p,
  .hhm-runerrands-advantages-mobile > p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 23px !important;
  }

  .hhm-realestate-features-mobile > p,
  .hhm-catering-functions-mobile > p,
  .hhm-runerrands-scenes-mobile > p {
    color: rgba(255,255,255,.74) !important;
  }

  .hhm-realestate-solutions-mobile > p,
  .hhm-catering-scenes-mobile > p,
  .hhm-runerrands-process-mobile > p,
  .hhm-runerrands-advantages-mobile > p {
    color: #667085 !important;
  }

  .hhm-realestate-feature-grid,
  .hhm-catering-feature-grid,
  .hhm-runerrands-scene-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  .hhm-realestate-feature-card,
  .hhm-catering-feature-card,
  .hhm-runerrands-scene-grid > div {
    position: relative !important;
    display: block !important;
    min-height: 104px !important;
    padding: 16px 15px 14px 68px !important;
    border-radius: 19px !important;
    color: #fff !important;
    background: rgba(255,255,255,.09) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1) !important;
    box-sizing: border-box !important;
  }

  .hhm-realestate-feature-card.primary,
  .hhm-catering-feature-card.primary,
  .hhm-runerrands-scene-grid > div.primary {
    background: linear-gradient(135deg, rgba(36, 120, 255, .92), rgba(36, 212, 255, .72)) !important;
    border-color: rgba(255,255,255,.22) !important;
  }

  .hhm-realestate-feature-card span,
  .hhm-catering-feature-card span {
    position: absolute !important;
    left: 15px !important;
    top: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 39px !important;
    height: 39px !important;
    border-radius: 13px !important;
    color: #0b2d63 !important;
    background: #fff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }

  .hhm-runerrands-scene-grid > div:before {
    content: "" !important;
    position: absolute !important;
    left: 19px !important;
    top: 19px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 12px !important;
    background: #fff !important;
  }

  .hhm-realestate-feature-card strong,
  .hhm-catering-feature-card strong,
  .hhm-runerrands-scene-grid b {
    display: block !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
  }

  .hhm-realestate-feature-card em,
  .hhm-catering-feature-card em {
    display: block !important;
    margin-top: 7px !important;
    color: #bfe7ff !important;
    font-size: 13px !important;
    line-height: 19px !important;
    font-style: normal !important;
    font-weight: 850 !important;
  }

  .hhm-realestate-feature-card p,
  .hhm-catering-feature-card p,
  .hhm-runerrands-scene-grid span {
    display: block !important;
    margin-top: 7px !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 13px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
  }

  .hhm-redesign-solution-list,
  .hhm-catering-scene-grid,
  .hhm-runerrands-adv-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  .hhm-redesign-solution-list > div,
  .hhm-catering-scene-grid > div,
  .hhm-runerrands-adv-grid > div {
    padding: 15px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid #e3ebf7 !important;
    box-shadow: 0 8px 22px rgba(15,45,92,.045) !important;
  }

  .hhm-redesign-solution-list b,
  .hhm-catering-scene-grid strong,
  .hhm-runerrands-adv-grid b {
    display: block !important;
    color: #101828 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  .hhm-redesign-solution-list span,
  .hhm-catering-scene-grid span,
  .hhm-runerrands-adv-grid span {
    display: block !important;
    margin-top: 6px !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 22px !important;
  }

  .hhm-runerrands-process-list {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 11px !important;
    margin-top: 16px !important;
  }

  .hhm-runerrands-process-list:before {
    content: "" !important;
    position: absolute !important;
    left: 22px !important;
    top: 20px !important;
    bottom: 20px !important;
    width: 2px !important;
    border-radius: 2px !important;
    background: linear-gradient(180deg, #1d73ff, rgba(29,115,255,.08)) !important;
  }

  .hhm-runerrands-process-list > div {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: flex-start !important;
    padding: 15px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid #e3ebf7 !important;
    box-shadow: 0 8px 22px rgba(15,45,92,.045) !important;
  }

  .hhm-runerrands-process-list span {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1763dc 0%, #24a8ff 100%) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    box-shadow: 0 8px 18px rgba(23,99,220,.2) !important;
  }

  .hhm-runerrands-process-list strong {
    display: block !important;
    color: #101828 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  .hhm-runerrands-process-list p {
    margin: 6px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 22px !important;
  }
}

/* 2026-06-01 跑腿系统页：手机端解决方案与多样化功能补充重设计 */
@media (min-width: 901px) {
  .hhm-runerrands-solution-mobile,
  .hhm-runerrands-functions-mobile {
    display: none !important;
  }
}

@media (max-width: 900px) {
  body.hh-runerrands-page .run-errands-solution,
  body.hh-runerrands-page .run-errands-section {
    display: none !important;
  }

  .hhm-runerrands-solution-mobile,
  .hhm-runerrands-functions-mobile {
    display: block !important;
    width: calc(100% - 32px) !important;
    max-width: 520px !important;
    margin: 18px auto !important;
    padding: 24px 16px 18px !important;
    box-sizing: border-box !important;
    border-radius: 26px !important;
    overflow: hidden !important;
  }

  .hhm-runerrands-solution-mobile {
    background: linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%) !important;
    box-shadow: 0 14px 38px rgba(15, 45, 92, .08), inset 0 0 0 1px #e2ebf7 !important;
  }

  .hhm-runerrands-functions-mobile {
    color: #fff !important;
    background:
      radial-gradient(circle at 12% 0%, rgba(36, 212, 255, .17), rgba(36, 212, 255, 0) 34%),
      radial-gradient(circle at 92% 16%, rgba(29, 115, 255, .18), rgba(29, 115, 255, 0) 38%),
      linear-gradient(180deg, #07182f 0%, #0b2d63 100%) !important;
    box-shadow: 0 16px 42px rgba(7, 24, 47, .18) !important;
  }

  .hhm-runerrands-solution-mobile .hhm-redesign-kicker {
    color: #1763dc !important;
    background: #eaf3ff !important;
  }

  .hhm-runerrands-functions-mobile .hhm-redesign-kicker {
    color: #bfe7ff !important;
    background: rgba(255,255,255,.11) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
  }

  .hhm-runerrands-solution-mobile h2,
  .hhm-runerrands-functions-mobile h2 {
    margin: 11px 0 8px !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
  }

  .hhm-runerrands-solution-mobile h2 {
    color: #101828 !important;
  }

  .hhm-runerrands-functions-mobile h2 {
    color: #fff !important;
  }

  .hhm-runerrands-solution-mobile > p,
  .hhm-runerrands-functions-mobile > p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 23px !important;
  }

  .hhm-runerrands-solution-mobile > p {
    color: #667085 !important;
  }

  .hhm-runerrands-functions-mobile > p {
    color: rgba(255,255,255,.74) !important;
  }

  .hhm-runerrands-solution-grid,
  .hhm-runerrands-function-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  .hhm-runerrands-solution-grid > div {
    position: relative !important;
    display: block !important;
    min-height: 102px !important;
    padding: 16px 15px 14px 68px !important;
    border-radius: 19px !important;
    background: #fff !important;
    border: 1px solid #e3ebf7 !important;
    box-shadow: 0 8px 22px rgba(15,45,92,.045) !important;
    box-sizing: border-box !important;
  }

  .hhm-runerrands-solution-grid > div.primary {
    background: linear-gradient(135deg, #f8fbff 0%, #eef5ff 100%) !important;
    border-color: #cfe0f7 !important;
  }

  .hhm-runerrands-solution-grid span {
    position: absolute !important;
    left: 15px !important;
    top: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 39px !important;
    height: 39px !important;
    border-radius: 13px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1763dc 0%, #24a8ff 100%) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }

  .hhm-runerrands-solution-grid strong {
    display: block !important;
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 1.32 !important;
    font-weight: 900 !important;
  }

  .hhm-runerrands-solution-grid p {
    margin: 7px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 21px !important;
  }

  .hhm-runerrands-function-list > div {
    display: block !important;
    padding: 16px !important;
    border-radius: 19px !important;
    color: #fff !important;
    background: rgba(255,255,255,.09) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1) !important;
  }

  .hhm-runerrands-function-list > div.primary {
    background: linear-gradient(135deg, rgba(36, 120, 255, .92), rgba(36, 212, 255, .72)) !important;
    border-color: rgba(255,255,255,.22) !important;
  }

  .hhm-runerrands-function-list b {
    display: block !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
  }

  .hhm-runerrands-function-list span {
    display: block !important;
    margin-top: 8px !important;
    color: rgba(255,255,255,.74) !important;
    font-size: 13px !important;
    line-height: 21px !important;
  }
}

/* 2026-06-01 跑腿系统页手机端：修复应用流程说明文字占用左侧窄列 */
@media (max-width: 900px) {
  .hhm-runerrands-process-list > div strong,
  .hhm-runerrands-process-list > div p {
    grid-column: 2 !important;
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* 2026-06-01 社交语聊/旅游系统/招聘管理：手机端指定模块重设计 */
@media (min-width: 901px) {
  .hhm-socializing-features-mobile,
  .hhm-tourism-solution-mobile,
  .hhm-tourism-functions-mobile,
  .hhm-tourism-support-mobile,
  .hhm-recruit-functions-mobile,
  .hhm-recruit-scenes-mobile {
    display: none !important;
  }
}

@media (max-width: 900px) {
  body.hh-socializing-page .soc-software-features,
  body.hh-tourism-page .tourism-solution:not(.after-sales),
  body.hh-tourism-page .function-section,
  body.hh-tourism-page .after-sales,
  body.hh-recruit-page .function-section,
  body.hh-recruit-page .recruit-applicable-scenarios {
    display: none !important;
  }

  .hhm-socializing-features-mobile,
  .hhm-tourism-solution-mobile,
  .hhm-tourism-functions-mobile,
  .hhm-tourism-support-mobile,
  .hhm-recruit-functions-mobile,
  .hhm-recruit-scenes-mobile {
    display: block !important;
    width: calc(100% - 32px) !important;
    max-width: 520px !important;
    margin: 18px auto !important;
    padding: 24px 16px 18px !important;
    box-sizing: border-box !important;
    border-radius: 26px !important;
    overflow: hidden !important;
  }

  .hhm-socializing-features-mobile,
  .hhm-tourism-functions-mobile,
  .hhm-recruit-functions-mobile {
    color: #fff !important;
    background:
      radial-gradient(circle at 12% 0%, rgba(36, 212, 255, .17), rgba(36, 212, 255, 0) 34%),
      radial-gradient(circle at 92% 16%, rgba(29, 115, 255, .18), rgba(29, 115, 255, 0) 38%),
      linear-gradient(180deg, #07182f 0%, #0b2d63 100%) !important;
    box-shadow: 0 16px 42px rgba(7, 24, 47, .18) !important;
  }

  .hhm-tourism-solution-mobile,
  .hhm-tourism-support-mobile,
  .hhm-recruit-scenes-mobile {
    background: linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%) !important;
    box-shadow: 0 14px 38px rgba(15, 45, 92, .08), inset 0 0 0 1px #e2ebf7 !important;
  }

  .hhm-socializing-features-mobile .hhm-redesign-kicker,
  .hhm-tourism-functions-mobile .hhm-redesign-kicker,
  .hhm-recruit-functions-mobile .hhm-redesign-kicker {
    color: #bfe7ff !important;
    background: rgba(255,255,255,.11) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
  }

  .hhm-tourism-solution-mobile .hhm-redesign-kicker,
  .hhm-tourism-support-mobile .hhm-redesign-kicker,
  .hhm-recruit-scenes-mobile .hhm-redesign-kicker {
    color: #1763dc !important;
    background: #eaf3ff !important;
  }

  .hhm-socializing-features-mobile h2,
  .hhm-tourism-solution-mobile h2,
  .hhm-tourism-functions-mobile h2,
  .hhm-tourism-support-mobile h2,
  .hhm-recruit-functions-mobile h2,
  .hhm-recruit-scenes-mobile h2 {
    margin: 11px 0 8px !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
  }

  .hhm-socializing-features-mobile h2,
  .hhm-tourism-functions-mobile h2,
  .hhm-recruit-functions-mobile h2 {
    color: #fff !important;
  }

  .hhm-tourism-solution-mobile h2,
  .hhm-tourism-support-mobile h2,
  .hhm-recruit-scenes-mobile h2 {
    color: #101828 !important;
  }

  .hhm-socializing-features-mobile > p,
  .hhm-tourism-solution-mobile > p,
  .hhm-tourism-functions-mobile > p,
  .hhm-tourism-support-mobile > p,
  .hhm-recruit-functions-mobile > p,
  .hhm-recruit-scenes-mobile > p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 23px !important;
  }

  .hhm-socializing-features-mobile > p,
  .hhm-tourism-functions-mobile > p,
  .hhm-recruit-functions-mobile > p {
    color: rgba(255,255,255,.74) !important;
  }

  .hhm-tourism-solution-mobile > p,
  .hhm-tourism-support-mobile > p,
  .hhm-recruit-scenes-mobile > p {
    color: #667085 !important;
  }

  .hhm-socializing-feature-grid,
  .hhm-tourism-function-grid,
  .hhm-recruit-function-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  .hhm-socializing-feature-grid > div,
  .hhm-tourism-function-grid > div,
  .hhm-recruit-function-grid > div {
    position: relative !important;
    display: block !important;
    min-height: 104px !important;
    padding: 16px 15px 14px 68px !important;
    border-radius: 19px !important;
    color: #fff !important;
    background: rgba(255,255,255,.09) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1) !important;
    box-sizing: border-box !important;
  }

  .hhm-socializing-feature-grid > div.primary,
  .hhm-tourism-function-grid > div.primary,
  .hhm-recruit-function-grid > div.primary {
    background: linear-gradient(135deg, rgba(36, 120, 255, .92), rgba(36, 212, 255, .72)) !important;
    border-color: rgba(255,255,255,.22) !important;
  }

  .hhm-socializing-feature-grid span,
  .hhm-recruit-function-grid span {
    position: absolute !important;
    left: 15px !important;
    top: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 39px !important;
    height: 39px !important;
    border-radius: 13px !important;
    color: #0b2d63 !important;
    background: #fff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }

  .hhm-tourism-function-grid > div:before {
    content: "" !important;
    position: absolute !important;
    left: 19px !important;
    top: 19px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 12px !important;
    background: #fff !important;
  }

  .hhm-socializing-feature-grid strong,
  .hhm-tourism-function-grid b,
  .hhm-recruit-function-grid strong {
    display: block !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
  }

  .hhm-socializing-feature-grid p,
  .hhm-tourism-function-grid span,
  .hhm-recruit-function-grid p {
    display: block !important;
    margin: 7px 0 0 !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 13px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
  }

  .hhm-tourism-solution-grid,
  .hhm-tourism-support-grid,
  .hhm-recruit-scene-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  .hhm-tourism-solution-grid > div,
  .hhm-tourism-support-grid > div,
  .hhm-recruit-scene-grid > div {
    padding: 15px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid #e3ebf7 !important;
    box-shadow: 0 8px 22px rgba(15,45,92,.045) !important;
  }

  .hhm-tourism-solution-grid > div {
    position: relative !important;
    min-height: 100px !important;
    padding-left: 68px !important;
  }

  .hhm-tourism-solution-grid > div.primary {
    background: linear-gradient(135deg, #f8fbff 0%, #eef5ff 100%) !important;
    border-color: #cfe0f7 !important;
  }

  .hhm-tourism-solution-grid span {
    position: absolute !important;
    left: 15px !important;
    top: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 39px !important;
    height: 39px !important;
    border-radius: 13px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1763dc 0%, #24a8ff 100%) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }

  .hhm-tourism-solution-grid strong,
  .hhm-tourism-support-grid b,
  .hhm-recruit-scene-grid b {
    display: block !important;
    color: #101828 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  .hhm-tourism-solution-grid p,
  .hhm-tourism-support-grid span,
  .hhm-recruit-scene-grid span {
    display: block !important;
    margin-top: 6px !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 22px !important;
  }
}

/* 2026-06-01 社交语聊页：手机端功能推荐重设计；招聘常见功能 01-04 样式统一 */
@media (min-width: 901px) {
  .hhm-socializing-function-mobile {
    display: none !important;
  }
}

@media (max-width: 900px) {
  body.hh-socializing-page .soc-function-recommed {
    display: none !important;
  }

  .hhm-socializing-function-mobile {
    display: block !important;
    width: calc(100% - 32px) !important;
    max-width: 520px !important;
    margin: 18px auto !important;
    padding: 24px 16px 18px !important;
    box-sizing: border-box !important;
    border-radius: 26px !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%) !important;
    box-shadow: 0 14px 38px rgba(15, 45, 92, .08), inset 0 0 0 1px #e2ebf7 !important;
  }

  .hhm-socializing-function-mobile .hhm-redesign-kicker {
    color: #1763dc !important;
    background: #eaf3ff !important;
    border: 0 !important;
  }

  .hhm-socializing-function-mobile h2 {
    margin: 11px 0 8px !important;
    color: #101828 !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
  }

  .hhm-socializing-function-mobile > p {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 23px !important;
  }

  .hhm-socializing-function-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  .hhm-socializing-function-grid > div {
    position: relative !important;
    min-height: 100px !important;
    padding: 16px 15px 14px 68px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid #e3ebf7 !important;
    box-shadow: 0 8px 22px rgba(15,45,92,.045) !important;
  }

  .hhm-socializing-function-grid span {
    position: absolute !important;
    left: 15px !important;
    top: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 39px !important;
    height: 39px !important;
    border-radius: 13px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1763dc 0%, #24a8ff 100%) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }

  .hhm-socializing-function-grid strong {
    display: block !important;
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 1.32 !important;
    font-weight: 900 !important;
  }

  .hhm-socializing-function-grid p {
    margin: 7px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 21px !important;
  }

  .hhm-recruit-function-grid > div,
  .hhm-recruit-function-grid > div.primary {
    background: rgba(255,255,255,.09) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1) !important;
  }
}

/* 2026-06-01 社交语聊页：手机端解决方案重设计；特色 01-04 样式统一 */
@media (min-width: 901px) {
  .hhm-socializing-solution-mobile {
    display: none !important;
  }
}

@media (max-width: 900px) {
  body.hh-socializing-page .socializing-solution {
    display: none !important;
  }

  .hhm-socializing-solution-mobile {
    display: block !important;
    width: calc(100% - 32px) !important;
    max-width: 520px !important;
    margin: 18px auto !important;
    padding: 24px 16px 18px !important;
    box-sizing: border-box !important;
    border-radius: 26px !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%) !important;
    box-shadow: 0 14px 38px rgba(15, 45, 92, .08), inset 0 0 0 1px #e2ebf7 !important;
  }

  .hhm-socializing-solution-mobile .hhm-redesign-kicker {
    color: #1763dc !important;
    background: #eaf3ff !important;
    border: 0 !important;
  }

  .hhm-socializing-solution-mobile h2 {
    margin: 11px 0 8px !important;
    color: #101828 !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
  }

  .hhm-socializing-solution-mobile > p {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 23px !important;
  }

  .hhm-socializing-solution-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  .hhm-socializing-solution-grid > div {
    position: relative !important;
    min-height: 100px !important;
    padding: 16px 15px 14px 68px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid #e3ebf7 !important;
    box-shadow: 0 8px 22px rgba(15,45,92,.045) !important;
  }

  .hhm-socializing-solution-grid span {
    position: absolute !important;
    left: 15px !important;
    top: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 39px !important;
    height: 39px !important;
    border-radius: 13px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1763dc 0%, #24a8ff 100%) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }

  .hhm-socializing-solution-grid strong {
    display: block !important;
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 1.32 !important;
    font-weight: 900 !important;
  }

  .hhm-socializing-solution-grid p {
    margin: 7px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 21px !important;
  }

  .hhm-socializing-feature-grid > div,
  .hhm-socializing-feature-grid > div.primary {
    background: rgba(255,255,255,.09) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1) !important;
  }
}

/* 2026-06-01 房屋地产页：手机端特色功能配色重设计，01-04 卡片样式统一增强可读性 */
@media (max-width: 900px) {
  body.hh-realestate-page .hhm-realestate-features-mobile {
    color: #101828 !important;
    background:
      radial-gradient(circle at 92% 0%, rgba(23,99,220,.10), rgba(23,99,220,0) 34%),
      linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%) !important;
    border: 1px solid #e2ebf7 !important;
    box-shadow: 0 14px 38px rgba(15, 45, 92, .08) !important;
  }

  body.hh-realestate-page .hhm-realestate-features-mobile .hhm-redesign-kicker {
    color: #1763dc !important;
    background: #eaf3ff !important;
    border: 1px solid #dbeaff !important;
  }

  body.hh-realestate-page .hhm-realestate-features-mobile h2 {
    color: #101828 !important;
  }

  body.hh-realestate-page .hhm-realestate-features-mobile > p {
    color: #667085 !important;
  }

  body.hh-realestate-page .hhm-realestate-feature-card,
  body.hh-realestate-page .hhm-realestate-feature-card.primary {
    min-height: 108px !important;
    color: #101828 !important;
    background: #fff !important;
    border: 1px solid #e3ebf7 !important;
    box-shadow: 0 10px 24px rgba(15,45,92,.055), inset 0 0 0 1px rgba(255,255,255,.75) !important;
  }

  body.hh-realestate-page .hhm-realestate-feature-card span,
  body.hh-realestate-page .hhm-realestate-feature-card.primary span {
    color: #fff !important;
    background: linear-gradient(135deg, #1763dc 0%, #24a8ff 100%) !important;
    box-shadow: 0 8px 18px rgba(23,99,220,.18) !important;
  }

  body.hh-realestate-page .hhm-realestate-feature-card strong,
  body.hh-realestate-page .hhm-realestate-feature-card.primary strong {
    color: #101828 !important;
  }

  body.hh-realestate-page .hhm-realestate-feature-card em,
  body.hh-realestate-page .hhm-realestate-feature-card.primary em {
    color: #1763dc !important;
  }

  body.hh-realestate-page .hhm-realestate-feature-card p,
  body.hh-realestate-page .hhm-realestate-feature-card.primary p {
    color: #667085 !important;
  }
}

/* 2026-06-01 餐饮系统页：手机端推荐功能配色重设计，01-04 卡片样式统一增强可读性 */
@media (max-width: 900px) {
  body.hh-catering-page .hhm-catering-functions-mobile {
    color: #101828 !important;
    background:
      radial-gradient(circle at 92% 0%, rgba(23,99,220,.10), rgba(23,99,220,0) 34%),
      linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%) !important;
    border: 1px solid #e2ebf7 !important;
    box-shadow: 0 14px 38px rgba(15, 45, 92, .08) !important;
  }

  body.hh-catering-page .hhm-catering-functions-mobile .hhm-redesign-kicker {
    color: #1763dc !important;
    background: #eaf3ff !important;
    border: 1px solid #dbeaff !important;
  }

  body.hh-catering-page .hhm-catering-functions-mobile h2 {
    color: #101828 !important;
  }

  body.hh-catering-page .hhm-catering-functions-mobile > p {
    color: #667085 !important;
  }

  body.hh-catering-page .hhm-catering-feature-card,
  body.hh-catering-page .hhm-catering-feature-card.primary {
    min-height: 108px !important;
    color: #101828 !important;
    background: #fff !important;
    border: 1px solid #e3ebf7 !important;
    box-shadow: 0 10px 24px rgba(15,45,92,.055), inset 0 0 0 1px rgba(255,255,255,.75) !important;
  }

  body.hh-catering-page .hhm-catering-feature-card span,
  body.hh-catering-page .hhm-catering-feature-card.primary span {
    color: #fff !important;
    background: linear-gradient(135deg, #1763dc 0%, #24a8ff 100%) !important;
    box-shadow: 0 8px 18px rgba(23,99,220,.18) !important;
  }

  body.hh-catering-page .hhm-catering-feature-card strong,
  body.hh-catering-page .hhm-catering-feature-card.primary strong {
    color: #101828 !important;
  }

  body.hh-catering-page .hhm-catering-feature-card em,
  body.hh-catering-page .hhm-catering-feature-card.primary em {
    color: #1763dc !important;
  }

  body.hh-catering-page .hhm-catering-feature-card p,
  body.hh-catering-page .hhm-catering-feature-card.primary p {
    color: #667085 !important;
  }
}

/* 2026-06-01 社交语聊开发特色、招聘常见功能：手机端改浅色卡片，增强可读性并统一 01-04 */
@media (max-width: 900px) {
  body.hh-socializing-page .hhm-socializing-features-mobile,
  body.hh-recruit-page .hhm-recruit-functions-mobile {
    color: #101828 !important;
    background:
      radial-gradient(circle at 92% 0%, rgba(23,99,220,.10), rgba(23,99,220,0) 34%),
      linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%) !important;
    border: 1px solid #e2ebf7 !important;
    box-shadow: 0 14px 38px rgba(15,45,92,.08) !important;
  }

  body.hh-socializing-page .hhm-socializing-features-mobile .hhm-redesign-kicker,
  body.hh-recruit-page .hhm-recruit-functions-mobile .hhm-redesign-kicker {
    color: #1763dc !important;
    background: #eaf3ff !important;
    border: 1px solid #dbeaff !important;
  }

  body.hh-socializing-page .hhm-socializing-features-mobile h2,
  body.hh-recruit-page .hhm-recruit-functions-mobile h2 {
    color: #101828 !important;
  }

  body.hh-socializing-page .hhm-socializing-features-mobile > p,
  body.hh-recruit-page .hhm-recruit-functions-mobile > p {
    color: #667085 !important;
  }

  body.hh-socializing-page .hhm-socializing-feature-grid > div,
  body.hh-socializing-page .hhm-socializing-feature-grid > div.primary,
  body.hh-recruit-page .hhm-recruit-function-grid > div,
  body.hh-recruit-page .hhm-recruit-function-grid > div.primary {
    min-height: 108px !important;
    color: #101828 !important;
    background: #fff !important;
    border: 1px solid #e3ebf7 !important;
    box-shadow: 0 10px 24px rgba(15,45,92,.055), inset 0 0 0 1px rgba(255,255,255,.75) !important;
  }

  body.hh-socializing-page .hhm-socializing-feature-grid span,
  body.hh-recruit-page .hhm-recruit-function-grid span {
    color: #fff !important;
    background: linear-gradient(135deg, #1763dc 0%, #24a8ff 100%) !important;
    box-shadow: 0 8px 18px rgba(23,99,220,.18) !important;
  }

  body.hh-socializing-page .hhm-socializing-feature-grid strong,
  body.hh-recruit-page .hhm-recruit-function-grid strong {
    color: #101828 !important;
  }

  body.hh-socializing-page .hhm-socializing-feature-grid p,
  body.hh-recruit-page .hhm-recruit-function-grid p {
    color: #667085 !important;
  }
}

/* 2026-06-01 资讯专题页：开发专题/常见问题去图，手机端资讯列表按 PC 图片比例重设计 */
/* PC：开发专题、常见问题列表不展示缩略图，文字区域占满 */
@media (min-width: 901px) {
  body:not(:has(.hh-home-mobile-v4)) #industryConsulting.news-list-ul li,
  body:not(:has(.hh-home-mobile-v4)) #commonQuestion.news-list-ul li {
    display: block !important;
    padding: 26px 30px !important;
    border: 1px solid #e5ecf6 !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 12px 36px rgba(24,61,118,.05) !important;
  }

  body:not(:has(.hh-home-mobile-v4)) #industryConsulting.news-list-ul li:not(:last-child),
  body:not(:has(.hh-home-mobile-v4)) #commonQuestion.news-list-ul li:not(:last-child) {
    margin-bottom: 18px !important;
    padding-bottom: 26px !important;
    border-bottom: 1px solid #e5ecf6 !important;
  }

  body:not(:has(.hh-home-mobile-v4)) #industryConsulting.news-list-ul li > img,
  body:not(:has(.hh-home-mobile-v4)) #commonQuestion.news-list-ul li > img {
    display: none !important;
  }

  body:not(:has(.hh-home-mobile-v4)) #industryConsulting .news-list-left,
  body:not(:has(.hh-home-mobile-v4)) #commonQuestion .news-list-left {
    width: 100% !important;
  }

  body:not(:has(.hh-home-mobile-v4)) #industryConsulting .news-list-left p,
  body:not(:has(.hh-home-mobile-v4)) #commonQuestion .news-list-left p {
    max-width: 920px !important;
    white-space: normal !important;
    line-height: 30px !important;
  }
}

@media (max-width: 900px) {
  /* 手机端：开发专题、常见问题去掉图片，恢复单列文字卡 */
  body.hhm-newslist-mobile-v2 #industryConsulting.news-list-ul li,
  body.hhm-newslist-mobile-v2 #industryConsulting.news-list-ul li.fr-b-c,
  body.hhm-newslist-mobile-v2 #commonQuestion.news-list-ul li,
  body.hhm-newslist-mobile-v2 #commonQuestion.news-list-ul li.fr-b-c {
    display: block !important;
    min-height: 0 !important;
    padding: 15px 14px !important;
  }

  body.hhm-newslist-mobile-v2 #industryConsulting.news-list-ul li > img,
  body.hhm-newslist-mobile-v2 #commonQuestion.news-list-ul li > img {
    display: none !important;
  }

  /* 手机端：最新资讯保留图片，但按 PC 端 344:194 的比例做横图卡 */
  body.hhm-newslist-mobile-v2 #nowNews.news-list-ul,
  body.hhm-newslist-mobile-v2 #nowNews.news-list-ul.mid-content {
    gap: 14px !important;
  }

  body.hhm-newslist-mobile-v2 #nowNews.news-list-ul li,
  body.hhm-newslist-mobile-v2 #nowNews.news-list-ul li.fr-b-c {
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 20px !important;
    background: #fff !important;
    border: 1px solid #e1ebf8 !important;
    box-shadow: 0 10px 26px rgba(15,45,92,.055) !important;
    overflow: hidden !important;
  }

  body.hhm-newslist-mobile-v2 #nowNews.news-list-ul li > img {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    order: 2 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    aspect-ratio: 344 / 194 !important;
    align-self: stretch !important;
    border-radius: 0 !important;
    object-fit: cover !important;
    transform: none !important;
  }

  body.hhm-newslist-mobile-v2 #nowNews .news-list-left {
    order: 1 !important;
    display: flex !important;
    min-height: 0 !important;
    padding: 14px 14px 15px !important;
    justify-content: flex-start !important;
  }

  body.hhm-newslist-mobile-v2 #nowNews .news-list-left > a {
    font-size: 16px !important;
    line-height: 22px !important;
  }

  body.hhm-newslist-mobile-v2 #nowNews .news-list-left > p {
    -webkit-line-clamp: 2 !important;
    margin-top: 8px !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }
}

/* 2026-06-01 社交语聊页：三块移动端差异化重设计，避免开发特色/功能推荐/解决方案同质化 */
@media (max-width: 900px) {
  /* 1. 开发特色：深色氛围 + 2x2 能力矩阵，强调“产品特色” */
  body.hh-socializing-page .hhm-socializing-features-mobile {
    padding: 24px 16px 20px !important;
    color: #fff !important;
    background:
      radial-gradient(circle at 12% 8%, rgba(25,211,255,.30), rgba(25,211,255,0) 34%),
      radial-gradient(circle at 92% 2%, rgba(139,92,246,.28), rgba(139,92,246,0) 36%),
      linear-gradient(150deg, #07152e 0%, #10275f 56%, #061426 100%) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 18px 44px rgba(7,24,62,.18) !important;
  }

  body.hh-socializing-page .hhm-socializing-features-mobile .hhm-redesign-kicker {
    color: #bff3ff !important;
    background: rgba(255,255,255,.10) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
  }

  body.hh-socializing-page .hhm-socializing-features-mobile h2 {
    color: #fff !important;
  }

  body.hh-socializing-page .hhm-socializing-features-mobile > p {
    color: rgba(255,255,255,.76) !important;
  }

  body.hh-socializing-page .hhm-socializing-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  body.hh-socializing-page .hhm-socializing-feature-grid > div,
  body.hh-socializing-page .hhm-socializing-feature-grid > div.primary {
    min-height: 138px !important;
    padding: 14px 12px 13px !important;
    color: #fff !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    border-radius: 20px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  body.hh-socializing-page .hhm-socializing-feature-grid span {
    position: static !important;
    display: inline-flex !important;
    width: auto !important;
    min-width: 36px !important;
    height: 24px !important;
    padding: 0 8px !important;
    margin-bottom: 12px !important;
    border-radius: 999px !important;
    color: #07152e !important;
    background: #8eeaff !important;
    box-shadow: none !important;
    font-size: 11px !important;
  }

  body.hh-socializing-page .hhm-socializing-feature-grid strong {
    color: #fff !important;
    font-size: 16px !important;
    line-height: 21px !important;
  }

  body.hh-socializing-page .hhm-socializing-feature-grid p {
    color: rgba(255,255,255,.72) !important;
    font-size: 12px !important;
    line-height: 19px !important;
  }

  /* 2. 功能推荐：浅色清单 + 左侧编号轴，强调“可开发功能项” */
  body.hh-socializing-page .hhm-socializing-function-mobile {
    padding: 23px 16px 18px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%) !important;
    border: 1px solid #e2ebf7 !important;
    box-shadow: 0 14px 38px rgba(15,45,92,.08) !important;
  }

  body.hh-socializing-page .hhm-socializing-function-grid {
    position: relative !important;
    gap: 0 !important;
    margin-top: 17px !important;
    padding-left: 8px !important;
  }

  body.hh-socializing-page .hhm-socializing-function-grid::before {
    content: "" !important;
    position: absolute !important;
    left: 27px !important;
    top: 18px !important;
    bottom: 18px !important;
    width: 2px !important;
    background: linear-gradient(180deg, #1763dc, rgba(23,99,220,0)) !important;
  }

  body.hh-socializing-page .hhm-socializing-function-grid > div {
    display: grid !important;
    grid-template-columns: 40px minmax(0,1fr) !important;
    gap: 0 12px !important;
    min-height: 0 !important;
    padding: 0 0 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.hh-socializing-page .hhm-socializing-function-grid > div:last-child {
    padding-bottom: 0 !important;
  }

  body.hh-socializing-page .hhm-socializing-function-grid span {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    z-index: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 14px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1763dc 0%, #24a8ff 100%) !important;
    box-shadow: 0 8px 18px rgba(23,99,220,.18) !important;
  }

  body.hh-socializing-page .hhm-socializing-function-grid strong {
    padding: 1px 0 0 !important;
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 23px !important;
  }

  body.hh-socializing-page .hhm-socializing-function-grid p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 21px !important;
  }

  /* 3. 解决方案：分层架构卡，强调“从功能层到管理层的方案拆解” */
  body.hh-socializing-page .hhm-socializing-solution-mobile {
    padding: 24px 16px 19px !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.96), rgba(245,249,255,.96)),
      radial-gradient(circle at 88% 4%, rgba(25,211,255,.22), rgba(25,211,255,0) 34%) !important;
    border: 1px solid #dfeaf8 !important;
    box-shadow: 0 14px 38px rgba(15,45,92,.08) !important;
  }

  body.hh-socializing-page .hhm-socializing-solution-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  body.hh-socializing-page .hhm-socializing-solution-grid > div {
    display: grid !important;
    grid-template-columns: 46px minmax(0,1fr) !important;
    gap: 0 12px !important;
    min-height: 86px !important;
    padding: 14px !important;
    border-radius: 20px !important;
    background: #fff !important;
    border: 1px solid #e3ebf7 !important;
    box-shadow: 0 9px 22px rgba(15,45,92,.045) !important;
  }

  body.hh-socializing-page .hhm-socializing-solution-grid span {
    grid-row: 1 / span 2 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 16px !important;
    color: #1763dc !important;
    background: #edf5ff !important;
    box-shadow: inset 0 0 0 1px #dbeaff !important;
  }

  body.hh-socializing-page .hhm-socializing-solution-grid strong {
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 23px !important;
  }

  body.hh-socializing-page .hhm-socializing-solution-grid p {
    margin-top: 5px !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 21px !important;
  }
}

/* 2026-06-02 案例详情页：PC右侧推荐案例8个可滚动，手机端重新设计 */
@media (min-width: 901px) {
  body.hh-case-detail-redesign-ready .case-detail-content,
  body:has(.case-detail-content) .case-detail-content {
    overflow: visible !important;
  }

  body.hh-case-detail-redesign-ready .case-right,
  body:has(.case-detail-content) .case-right {
    position: sticky !important;
    top: 88px !important;
    max-height: calc(100vh - 110px) !important;
    overflow: hidden !important;
  }

  body.hh-case-detail-redesign-ready .case-list,
  body:has(.case-detail-content) .case-list {
    max-height: calc(100vh - 178px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 6px !important;
    scrollbar-width: thin !important;
    scrollbar-color: #b9c9dd #f2f6fb !important;
  }

  body.hh-case-detail-redesign-ready .case-list::-webkit-scrollbar,
  body:has(.case-detail-content) .case-list::-webkit-scrollbar {
    width: 6px !important;
  }

  body.hh-case-detail-redesign-ready .case-list::-webkit-scrollbar-thumb,
  body:has(.case-detail-content) .case-list::-webkit-scrollbar-thumb {
    border-radius: 999px !important;
    background: #b9c9dd !important;
  }

  body.hh-case-detail-redesign-ready .case-box,
  body:has(.case-detail-content) .case-box {
    margin-bottom: 14px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 1px solid #e3ebf7 !important;
    box-shadow: 0 8px 22px rgba(15,45,92,.045) !important;
  }

  body.hh-case-detail-redesign-ready .case-box:last-child,
  body:has(.case-detail-content) .case-box:last-child {
    margin-bottom: 0 !important;
  }

  body.hh-case-detail-redesign-ready .case-banner,
  body:has(.case-detail-content) .case-banner {
    height: 124px !important;
    background-size: cover !important;
    background-position: center !important;
  }

  body.hh-case-detail-redesign-ready .case-info,
  body:has(.case-detail-content) .case-info {
    padding: 12px 14px !important;
  }
}

@media (max-width: 900px) {
  body.hh-case-detail-redesign-ready,
  body:has(.case-detail-content) {
    background: #f4f7fb !important;
  }

  body.hh-case-detail-redesign-ready .case-detail-content,
  body.hh-case-detail-redesign-ready .case-detail-content.mid-content,
  body:has(.case-detail-content) .case-detail-content,
  body:has(.case-detail-content) .case-detail-content.mid-content {
    display: block !important;
    width: calc(100% - 28px) !important;
    max-width: 520px !important;
    margin: 14px auto 0 !important;
    overflow: visible !important;
  }

  body.hh-case-detail-redesign-ready .case-left,
  body:has(.case-detail-content) .case-left {
    padding: 0 !important;
    border-radius: 26px !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid #e2ebf7 !important;
    box-shadow: 0 14px 34px rgba(15,45,92,.08) !important;
  }

  body.hh-case-detail-redesign-ready .case-top,
  body:has(.case-detail-content) .case-top {
    display: block !important;
    padding: 20px 16px 12px !important;
    background:
      radial-gradient(circle at 88% 0%, rgba(25,211,255,.18), rgba(25,211,255,0) 34%),
      linear-gradient(150deg, #07152e 0%, #10275f 62%, #061426 100%) !important;
  }

  body.hh-case-detail-redesign-ready .case-title,
  body:has(.case-detail-content) .case-title {
    color: #fff !important;
    font-size: 23px !important;
    line-height: 30px !important;
    font-weight: 950 !important;
  }

  body.hh-case-detail-redesign-ready .case-title:before,
  body:has(.case-detail-content) .case-title:before {
    width: 4px !important;
    height: 22px !important;
    background: #19d3ff !important;
  }

  body.hh-case-detail-redesign-ready .case-pic,
  body:has(.case-detail-content) .case-pic {
    margin: 0 !important;
    padding: 0 0 16px !important;
  }

  body.hh-case-detail-redesign-ready .case-pic img,
  body:has(.case-detail-content) .case-pic img {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 16 / 10 !important;
    height: auto !important;
    object-fit: cover !important;
  }

  body.hh-case-detail-redesign-ready .case-pic p,
  body:has(.case-detail-content) .case-pic p {
    margin: 14px 16px 0 !important;
    color: #5f6f85 !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: left !important;
  }

  body.hh-case-detail-redesign-ready .case-right,
  body:has(.case-detail-content) .case-right {
    margin-top: 16px !important;
    padding: 18px 14px 16px !important;
    border-radius: 26px !important;
    background: #fff !important;
    border: 1px solid #e2ebf7 !important;
    box-shadow: 0 14px 34px rgba(15,45,92,.08) !important;
  }

  body.hh-case-detail-redesign-ready .case-moduleTitle-wrap,
  body:has(.case-detail-content) .case-moduleTitle-wrap {
    height: auto !important;
    margin-bottom: 14px !important;
    border: 0 !important;
  }

  body.hh-case-detail-redesign-ready .case-left-border,
  body:has(.case-detail-content) .case-left-border {
    width: 4px !important;
    height: 18px !important;
    background: #1763dc !important;
  }

  body.hh-case-detail-redesign-ready .case-name,
  body:has(.case-detail-content) .case-name {
    top: -2px !important;
    color: #101828 !important;
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 950 !important;
  }

  body.hh-case-detail-redesign-ready .case-list,
  body:has(.case-detail-content) .case-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
  }

  body.hh-case-detail-redesign-ready .case-box,
  body:has(.case-detail-content) .case-box {
    margin: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: #f8fbff !important;
    border: 1px solid #e1ebf8 !important;
    box-shadow: none !important;
  }

  body.hh-case-detail-redesign-ready .case-box a,
  body:has(.case-detail-content) .case-box a {
    display: grid !important;
    grid-template-columns: 104px minmax(0, 1fr) !important;
    min-height: 86px !important;
    text-decoration: none !important;
  }

  body.hh-case-detail-redesign-ready .case-banner,
  body:has(.case-detail-content) .case-banner {
    width: 104px !important;
    height: 86px !important;
    background-size: cover !important;
    background-position: center !important;
  }

  body.hh-case-detail-redesign-ready .case-info,
  body:has(.case-detail-content) .case-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: 10px 12px !important;
    background: transparent !important;
  }

  body.hh-case-detail-redesign-ready .case-title1,
  body:has(.case-detail-content) .case-title1 {
    margin: 0 0 5px !important;
    color: #101828 !important;
    font-size: 15px !important;
    line-height: 20px !important;
    font-weight: 900 !important;
  }

  body.hh-case-detail-redesign-ready .case-date-range,
  body:has(.case-detail-content) .case-date-range {
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }
}

/* 2026-06-02 案例详情页二次优化：推荐案例列表对齐全站卡片语言，弱化旧边框样式 */
@media (min-width: 901px) {
  body.hh-case-detail-redesign-ready .case-left,
  body:has(.case-detail-content) .case-left {
    border-radius: 22px !important;
    border: 1px solid #e5ecf6 !important;
    box-shadow: 0 16px 42px rgba(15,45,92,.06) !important;
  }

  body.hh-case-detail-redesign-ready .case-right,
  body:has(.case-detail-content) .case-right {
    width: 360px !important;
    padding: 18px !important;
    border-radius: 22px !important;
    border: 1px solid #e5ecf6 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    box-shadow: 0 16px 42px rgba(15,45,92,.06) !important;
  }

  body.hh-case-detail-redesign-ready .case-moduleTitle-wrap,
  body:has(.case-detail-content) .case-moduleTitle-wrap {
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 0 14px !important;
    margin-bottom: 14px !important;
    border-bottom: 1px solid #e4edf8 !important;
  }

  body.hh-case-detail-redesign-ready .case-name,
  body:has(.case-detail-content) .case-name {
    top: auto !important;
    color: #101828 !important;
    font-size: 18px !important;
    line-height: 25px !important;
    font-weight: 950 !important;
  }

  body.hh-case-detail-redesign-ready .case-left-border,
  body:has(.case-detail-content) .case-left-border {
    width: 4px !important;
    height: 18px !important;
    margin-right: 0 !important;
    background: #1763dc !important;
  }

  body.hh-case-detail-redesign-ready .case-list,
  body:has(.case-detail-content) .case-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    max-height: calc(100vh - 178px) !important;
    padding-right: 4px !important;
  }

  body.hh-case-detail-redesign-ready .case-box,
  body:has(.case-detail-content) .case-box {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(15,45,92,.055), inset 0 0 0 1px #e1ebf8 !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
  }

  body.hh-case-detail-redesign-ready .case-box:hover,
  body:has(.case-detail-content) .case-box:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 30px rgba(23,99,220,.12), inset 0 0 0 1px #d9e8fb !important;
  }

  body.hh-case-detail-redesign-ready .case-box a,
  body:has(.case-detail-content) .case-box a {
    display: grid !important;
    grid-template-columns: 112px minmax(0,1fr) !important;
    min-height: 82px !important;
    text-decoration: none !important;
  }

  body.hh-case-detail-redesign-ready .case-banner,
  body:has(.case-detail-content) .case-banner {
    width: 112px !important;
    height: 82px !important;
    border-radius: 18px 0 0 18px !important;
  }

  body.hh-case-detail-redesign-ready .case-info,
  body:has(.case-detail-content) .case-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: 10px 12px !important;
    background: transparent !important;
  }

  body.hh-case-detail-redesign-ready .case-title1,
  body:has(.case-detail-content) .case-title1 {
    margin: 0 0 6px !important;
    color: #101828 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    font-weight: 900 !important;
  }

  body.hh-case-detail-redesign-ready .case-date-range,
  body:has(.case-detail-content) .case-date-range {
    display: inline-flex !important;
    align-self: flex-start !important;
    max-width: 100% !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    color: #1763dc !important;
    background: #eef5ff !important;
    font-size: 11px !important;
    line-height: 16px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

@media (max-width: 900px) {
  body.hh-case-detail-redesign-ready .case-detail-content,
  body.hh-case-detail-redesign-ready .case-detail-content.mid-content,
  body:has(.case-detail-content) .case-detail-content,
  body:has(.case-detail-content) .case-detail-content.mid-content {
    width: calc(100% - 32px) !important;
    margin-top: 16px !important;
  }

  body.hh-case-detail-redesign-ready .case-left,
  body:has(.case-detail-content) .case-left {
    border-radius: 28px !important;
  }

  body.hh-case-detail-redesign-ready .case-top,
  body:has(.case-detail-content) .case-top {
    padding: 22px 16px 14px !important;
  }

  body.hh-case-detail-redesign-ready .case-pic img,
  body:has(.case-detail-content) .case-pic img {
    aspect-ratio: 16 / 9 !important;
  }

  body.hh-case-detail-redesign-ready .case-right,
  body:has(.case-detail-content) .case-right {
    padding: 20px 16px 18px !important;
    border-radius: 28px !important;
    background:
      radial-gradient(circle at 92% 0%, rgba(23,99,220,.08), rgba(23,99,220,0) 34%),
      linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%) !important;
  }

  body.hh-case-detail-redesign-ready .case-list,
  body:has(.case-detail-content) .case-list {
    gap: 11px !important;
  }

  body.hh-case-detail-redesign-ready .case-box,
  body:has(.case-detail-content) .case-box {
    border: 0 !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(15,45,92,.055), inset 0 0 0 1px #e1ebf8 !important;
  }

  body.hh-case-detail-redesign-ready .case-box a,
  body:has(.case-detail-content) .case-box a {
    grid-template-columns: 118px minmax(0, 1fr) !important;
    min-height: 92px !important;
  }

  body.hh-case-detail-redesign-ready .case-banner,
  body:has(.case-detail-content) .case-banner {
    width: 118px !important;
    height: 92px !important;
    border-radius: 20px 0 0 20px !important;
  }

  body.hh-case-detail-redesign-ready .case-info,
  body:has(.case-detail-content) .case-info {
    padding: 11px 12px !important;
  }

  body.hh-case-detail-redesign-ready .case-title1,
  body:has(.case-detail-content) .case-title1 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    white-space: normal !important;
    margin-bottom: 7px !important;
    font-size: 15px !important;
    line-height: 20px !important;
  }

  body.hh-case-detail-redesign-ready .case-date-range,
  body:has(.case-detail-content) .case-date-range {
    display: inline-flex !important;
    align-self: flex-start !important;
    max-width: 100% !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    color: #1763dc !important;
    background: #eef5ff !important;
    font-size: 11px !important;
    line-height: 16px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* 2026-06-02 案例详情页三次重设：PC按首页单个案例大图卡，手机按首页手机案例卡；详情区域加宽 */
@media (min-width: 901px) {
  body.hh-case-detail-redesign-ready .case-detail-content,
  body.hh-case-detail-redesign-ready .case-detail-content.mid-content,
  body:has(.case-detail-content) .case-detail-content,
  body:has(.case-detail-content) .case-detail-content.mid-content {
    width: 1280px !important;
    max-width: calc(100% - 56px) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 420px !important;
    gap: 28px !important;
    align-items: start !important;
    margin: 30px auto 0 !important;
    overflow: visible !important;
  }

  body.hh-case-detail-redesign-ready .case-left,
  body:has(.case-detail-content) .case-left {
    width: 100% !important;
    padding: 44px 42px 52px !important;
    border-radius: 28px !important;
    background: #fff !important;
    border: 1px solid #e5ecf6 !important;
    box-shadow: 0 18px 46px rgba(15,45,92,.07) !important;
  }

  body.hh-case-detail-redesign-ready .case-pic,
  body:has(.case-detail-content) .case-pic {
    margin-bottom: 0 !important;
  }

  body.hh-case-detail-redesign-ready .case-pic img,
  body:has(.case-detail-content) .case-pic img {
    display: block !important;
    width: 100% !important;
    border-radius: 22px !important;
    box-shadow: 0 16px 36px rgba(15,45,92,.08) !important;
  }

  body.hh-case-detail-redesign-ready .case-pic p,
  body:has(.case-detail-content) .case-pic p {
    margin: 22px 0 0 !important;
    color: #52637a !important;
    font-size: 17px !important;
    line-height: 32px !important;
  }

  body.hh-case-detail-redesign-ready .case-right,
  body:has(.case-detail-content) .case-right {
    width: 420px !important;
    padding: 20px !important;
    border-radius: 28px !important;
    background: linear-gradient(180deg, #fff 0%, #f7fbff 100%) !important;
    border: 1px solid #e5ecf6 !important;
    box-shadow: 0 18px 46px rgba(15,45,92,.07) !important;
  }

  body.hh-case-detail-redesign-ready .case-list,
  body:has(.case-detail-content) .case-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    max-height: calc(100vh - 190px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 6px 0 0 !important;
  }

  /* PC 推荐案例：仿首页 PC 单个案例 .home-case-pic 大图覆盖层样式 */
  body.hh-case-detail-redesign-ready .case-box,
  body:has(.case-detail-content) .case-box {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: #071833 !important;
    box-shadow: 0 14px 32px rgba(15,45,92,.12) !important;
  }

  body.hh-case-detail-redesign-ready .case-box a,
  body:has(.case-detail-content) .case-box a {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    text-decoration: none !important;
    transition: transform .3s linear !important;
  }

  body.hh-case-detail-redesign-ready .case-box:hover a,
  body:has(.case-detail-content) .case-box:hover a {
    transform: scale(1.04) !important;
  }

  body.hh-case-detail-redesign-ready .case-banner,
  body:has(.case-detail-content) .case-banner {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    background-size: cover !important;
    background-position: center !important;
  }

  body.hh-case-detail-redesign-ready .case-info,
  body:has(.case-detail-content) .case-info {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 22px !important;
    background: rgba(0,0,0,.72) !important;
    opacity: 0 !important;
    transition: opacity .2s ease !important;
    text-align: center !important;
  }

  body.hh-case-detail-redesign-ready .case-box:hover .case-info,
  body:has(.case-detail-content) .case-box:hover .case-info {
    opacity: 1 !important;
  }

  body.hh-case-detail-redesign-ready .case-title1,
  body:has(.case-detail-content) .case-title1 {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 0 12px !important;
    padding: 7px 22px !important;
    border-radius: 6px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1763dc, #24a8ff) !important;
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: 900 !important;
    white-space: normal !important;
  }

  body.hh-case-detail-redesign-ready .case-date-range,
  body:has(.case-detail-content) .case-date-range {
    display: inline-block !important;
    padding: 6px 18px !important;
    margin: 0 auto !important;
    border-radius: 6px !important;
    color: #fff !important;
    background: rgba(255,255,255,.16) !important;
    border: 1px solid rgba(255,255,255,.38) !important;
    font-size: 17px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
    text-align: center !important;
  }
}

@media (max-width: 900px) {
  /* 手机推荐案例：仿首页手机端 .hhm-case-card 大图卡样式 */
  body.hh-case-detail-redesign-ready .case-right,
  body:has(.case-detail-content) .case-right {
    padding: 22px 16px 20px !important;
  }

  body.hh-case-detail-redesign-ready .case-list,
  body:has(.case-detail-content) .case-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 16px !important;
  }

  body.hh-case-detail-redesign-ready .case-box,
  body:has(.case-detail-content) .case-box {
    position: relative !important;
    display: block !important;
    min-height: 186px !important;
    height: 186px !important;
    border: 0 !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background: #071833 !important;
    box-shadow: 0 18px 38px rgba(13,42,97,.16) !important;
  }

  body.hh-case-detail-redesign-ready .case-box a,
  body:has(.case-detail-content) .case-box a {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    text-decoration: none !important;
  }

  body.hh-case-detail-redesign-ready .case-banner,
  body:has(.case-detail-content) .case-banner {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    background-size: cover !important;
    background-position: center !important;
  }

  body.hh-case-detail-redesign-ready .case-box a::after,
  body:has(.case-detail-content) .case-box a::after {
    content: "" !important;
    position: absolute !important;
    inset: auto 0 0 0 !important;
    z-index: 1 !important;
    height: 62% !important;
    background: linear-gradient(180deg, rgba(3,12,28,0) 0%, rgba(3,12,28,.82) 100%) !important;
    pointer-events: none !important;
  }

  body.hh-case-detail-redesign-ready .case-info,
  body:has(.case-detail-content) .case-info {
    position: absolute !important;
    z-index: 2 !important;
    left: 14px !important;
    right: 14px !important;
    bottom: 13px !important;
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body.hh-case-detail-redesign-ready .case-title1,
  body:has(.case-detail-content) .case-title1 {
    display: inline-flex !important;
    max-width: 100% !important;
    min-height: 25px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: #1d73ff !important;
    font-size: 12px !important;
    line-height: 25px !important;
    font-weight: 900 !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  body.hh-case-detail-redesign-ready .case-date-range,
  body:has(.case-detail-content) .case-date-range {
    display: block !important;
    margin-top: 7px !important;
    padding: 0 !important;
    color: rgba(255,255,255,.86) !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 850 !important;
    white-space: normal !important;
  }
}

/* 2026-06-02 案例详情页四次修正：手机端取消嵌套背景框，内容放宽到贴近全屏 */
@media (max-width: 900px) {
  body.hh-case-detail-redesign-ready,
  body:has(.case-detail-content) {
    background: #f4f7fb !important;
  }

  body.hh-case-detail-redesign-ready .case-detail-content,
  body.hh-case-detail-redesign-ready .case-detail-content.mid-content,
  body:has(.case-detail-content) .case-detail-content,
  body:has(.case-detail-content) .case-detail-content.mid-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 12px 10px 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.hh-case-detail-redesign-ready .case-left,
  body:has(.case-detail-content) .case-left {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 0 14px !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.hh-case-detail-redesign-ready .case-top,
  body:has(.case-detail-content) .case-top {
    margin: 0 0 10px !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body.hh-case-detail-redesign-ready .case-title,
  body:has(.case-detail-content) .case-title {
    color: #101828 !important;
    font-size: 22px !important;
    line-height: 30px !important;
    font-weight: 950 !important;
  }

  body.hh-case-detail-redesign-ready .case-title:before,
  body:has(.case-detail-content) .case-title:before {
    background: #1763dc !important;
  }

  body.hh-case-detail-redesign-ready .case-pic,
  body:has(.case-detail-content) .case-pic {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body.hh-case-detail-redesign-ready .case-pic img,
  body:has(.case-detail-content) .case-pic img {
    width: 100% !important;
    border-radius: 16px !important;
    aspect-ratio: 16 / 9 !important;
    box-shadow: 0 10px 24px rgba(15,45,92,.08) !important;
  }

  body.hh-case-detail-redesign-ready .case-pic p,
  body:has(.case-detail-content) .case-pic p {
    margin: 12px 2px 0 !important;
    color: #52637a !important;
    font-size: 14px !important;
    line-height: 23px !important;
  }

  body.hh-case-detail-redesign-ready .case-right,
  body:has(.case-detail-content) .case-right {
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.hh-case-detail-redesign-ready .case-moduleTitle-wrap,
  body:has(.case-detail-content) .case-moduleTitle-wrap {
    margin: 0 0 12px !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body.hh-case-detail-redesign-ready .case-name,
  body:has(.case-detail-content) .case-name {
    color: #101828 !important;
    font-size: 20px !important;
    line-height: 28px !important;
  }

  body.hh-case-detail-redesign-ready .case-list,
  body:has(.case-detail-content) .case-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.hh-case-detail-redesign-ready .case-box,
  body:has(.case-detail-content) .case-box {
    height: auto !important;
    min-height: 0 !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 28px rgba(13,42,97,.12) !important;
  }

  body.hh-case-detail-redesign-ready .case-box a,
  body:has(.case-detail-content) .case-box a {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
  }

  body.hh-case-detail-redesign-ready .case-banner,
  body:has(.case-detail-content) .case-banner {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
}

/* 2026-06-05 案例详情页推荐图比例修正：JS 重绘后的卡片统一按 4:3 展示且不裁切图片 */
body.hh-case-detail-redesign-ready .case-list.hh-case-recommend-list .hhm-case-card,
body:has(.case-detail-content) .case-list.hh-case-recommend-list .hhm-case-card {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
}

body.hh-case-detail-redesign-ready .case-list.hh-case-recommend-list .hhm-case-card img,
body:has(.case-detail-content) .case-list.hh-case-recommend-list .hhm-case-card img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transform: none !important;
}

/* 2026-06-02 案例详情页五次修正：推荐案例结构和首页手机端案例列表完全一致 */
@media (max-width: 900px) {
  body.hh-case-detail-redesign-ready .case-list.hh-case-recommend-list,
  body:has(.case-detail-content) .case-list.hh-case-recommend-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 16px !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  body.hh-case-detail-redesign-ready .case-list.hh-case-recommend-list .hhm-case-card,
  body.hh-case-detail-redesign-ready .case-list.hh-case-recommend-list .hhm-case-card:nth-child(n + 5),
  body:has(.case-detail-content) .case-list.hh-case-recommend-list .hhm-case-card,
  body:has(.case-detail-content) .case-list.hh-case-recommend-list .hhm-case-card:nth-child(n + 5) {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 22px !important;
    background: #071833 !important;
    box-shadow: 0 18px 38px rgba(13, 42, 97, .16) !important;
    scroll-snap-align: none !important;
    text-decoration: none !important;
  }

  body.hh-case-detail-redesign-ready .case-list.hh-case-recommend-list .hhm-case-card img,
  body:has(.case-detail-content) .case-list.hh-case-recommend-list .hhm-case-card img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transform: none !important;
  }

  body.hh-case-detail-redesign-ready .case-list.hh-case-recommend-list .hhm-case-card::after,
  body:has(.case-detail-content) .case-list.hh-case-recommend-list .hhm-case-card::after {
    content: "" !important;
    position: absolute !important;
    inset: auto 0 0 0 !important;
    z-index: 1 !important;
    height: 62% !important;
    background: linear-gradient(180deg, rgba(3, 12, 28, 0) 0%, rgba(3, 12, 28, .82) 100%) !important;
    pointer-events: none !important;
  }

  body.hh-case-detail-redesign-ready .case-list.hh-case-recommend-list .hhm-case-card span,
  body:has(.case-detail-content) .case-list.hh-case-recommend-list .hhm-case-card span {
    position: absolute !important;
    z-index: 2 !important;
    left: 14px !important;
    right: 14px !important;
    bottom: 13px !important;
    display: block !important;
    color: #fff !important;
  }

  body.hh-case-detail-redesign-ready .case-list.hh-case-recommend-list .hhm-case-card b,
  body:has(.case-detail-content) .case-list.hh-case-recommend-list .hhm-case-card b {
    display: inline-flex !important;
    max-width: 100% !important;
    min-height: 25px !important;
    align-items: center !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: #1d73ff !important;
    font-size: 12px !important;
    line-height: 25px !important;
    font-weight: 900 !important;
    white-space: normal !important;
  }

  body.hh-case-detail-redesign-ready .case-list.hh-case-recommend-list .hhm-case-card em,
  body:has(.case-detail-content) .case-list.hh-case-recommend-list .hhm-case-card em {
    display: block !important;
    margin-top: 7px !important;
    color: rgba(255,255,255,.86) !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-style: normal !important;
    font-weight: 850 !important;
  }
}

/* 2026-06-12 首页手机端底部：修复整体右偏与超出屏幕 */
@media (max-width: 768px) {
  body:has(.hh-home-mobile-v4) .hhm-mobile-footer {
    display: block !important;
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    border-radius: 32px 32px 0 0 !important;
    overflow: hidden !important;
    transform: none !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-brand,
  body:has(.hh-home-mobile-v4) .hhm-footer-proof,
  body:has(.hh-home-mobile-v4) .hhm-footer-links,
  body:has(.hh-home-mobile-v4) .hhm-footer-address {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body:has(.hh-home-mobile-v4) .hhm-footer-proof span,
  body:has(.hh-home-mobile-v4) .hhm-footer-links a {
    min-width: 0 !important;
    box-sizing: border-box !important;
    white-space: normal !important;
  }
}

@media (max-width: 768px) {
  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-mobile-footer {
    display: block !important;
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    left: auto !important;
    right: auto !important;
    margin: 10px 0 0 !important;
    border-radius: 32px 32px 0 0 !important;
    overflow: hidden !important;
    transform: none !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-brand,
  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-proof,
  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-links,
  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-address {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-proof span,
  body.hhm-subpage-footer-ready:not(:has(.hh-home-mobile-v4)) .hhm-footer-links a {
    min-width: 0 !important;
    box-sizing: border-box !important;
    white-space: normal !important;
  }
}

@media (max-width: 768px) {
  body.hh-news-detail-page .crumbs-nav {
    display: none !important;
  }
}

@media (max-width: 900px) {
  body.hh-news-detail-page .hhm-subpage-hero,
  body.hh-question-detail-page .hhm-subpage-hero {
    padding-top: 20px !important;
  }

  body.hh-news-detail-page .news-detail-content,
  body.hh-question-detail-page .news-detail-content {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  body.hh-news-detail-page .news-release-time,
  body.hh-question-detail-page .news-release-time {
    margin-bottom: 10px !important;
  }

  body.hh-news-detail-page .hhm-subpage-hero .hhm-hero-kicker,
  body.hh-question-detail-page .hhm-subpage-hero .hhm-hero-kicker {
    margin-bottom: 12px !important;
  }

  body.hh-news-detail-page .hhm-subpage-hero .hhm-hero-actions,
  body.hh-question-detail-page .hhm-subpage-hero .hhm-hero-actions {
    display: none !important;
  }
}

@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-central-mobile-redesign,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-central-mobile-intro,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-central-mobile-block,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-cm-head,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-cm-card-grid,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-cm-feature-list,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-cm-collab-grid,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-cm-management,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .development-mode,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .development-mode .l-container,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .development-mode .develop-list,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .development-mode .develop-list-item,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .application-market,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .application-market .l-container,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .application-market .appli-info-box,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .application-market .appli-info,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .application-market .applica-tab,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .application-market .applica-item {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-central-mobile-redesign,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-central-mobile-block,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .development-mode,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .application-market {
    overflow-x: clip !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-cm-head > div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-cm-card-grid div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-cm-feature-list div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-cm-collab-grid div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-cm-management div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .development-mode .exhibition,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .development-mode .text-box,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .application-market .itemContent {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-central-mobile-redesign * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-cm-flow {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-cm-flow i {
    width: 2px !important;
    height: 10px !important;
    margin: 0 auto !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-cm-collab-grid {
    grid-template-columns: 1fr !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-cm-collab-grid div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-cm-feature-list div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-cm-management div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .hh-cm-card-grid div {
    width: 100% !important;
    overflow: hidden !important;
  }
}

@media (max-width: 900px) {
  .hh-central-mobile-redesign,
  .hhm-freight-mobile-redesign {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .hh-central-mobile-redesign .hh-central-mobile-intro,
  .hh-central-mobile-redesign .hh-central-mobile-block,
  .hhm-freight-mobile-redesign .hhm-freight-block,
  .hh-central-mobile-redesign .hh-central-mobile-intro,
  .hh-central-mobile-redesign .hh-central-mobile-block,
  .hh-central-mobile-redesign .hh-cm-head,
  .hh-central-mobile-redesign .hh-cm-card-grid,
  .hh-central-mobile-redesign .hh-cm-feature-list,
  .hh-central-mobile-redesign .hh-cm-collab-grid,
  .hh-central-mobile-redesign .hh-cm-management,
  .hh-central-mobile-redesign .hh-cm-quote,
  .hhm-freight-mobile-redesign .hhm-freight-feature-grid,
  .hhm-freight-mobile-redesign .hhm-freight-step-grid,
  .hhm-freight-mobile-redesign .hhm-freight-feature-grid article,
  .hhm-freight-mobile-redesign .hhm-freight-step-grid article {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .hh-central-mobile-redesign .hh-cm-head > div,
  .hh-central-mobile-redesign .hh-cm-card-grid > div,
  .hh-central-mobile-redesign .hh-cm-feature-list > div,
  .hh-central-mobile-redesign .hh-cm-collab-grid > div,
  .hh-central-mobile-redesign .hh-cm-management > div,
  .hh-central-mobile-redesign .hh-cm-quote,
  .hh-central-mobile-redesign h2,
  .hh-central-mobile-redesign h3,
  .hh-central-mobile-redesign p,
  .hh-central-mobile-redesign b,
  .hh-central-mobile-redesign strong,
  .hh-central-mobile-redesign span,
  .hh-central-mobile-redesign a {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
  }

  .hh-central-mobile-redesign .hh-cm-flow {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .hh-central-mobile-redesign .hh-cm-flow i {
    width: 2px !important;
    height: 10px !important;
    margin: 0 auto !important;
  }

  .hh-central-mobile-redesign .hh-cm-collab-grid {
    grid-template-columns: 1fr !important;
  }

  .hhm-freight-mobile-redesign .hhm-freight-step-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 900px) {
  .hhm-freight-mobile-redesign,
  .hhm-freight-mobile-redesign .hhm-freight-block,
  .hhm-freight-mobile-redesign .hhm-freight-feature-grid,
  .hhm-freight-mobile-redesign .hhm-freight-step-grid,
  .hhm-freight-mobile-redesign .hhm-freight-feature-grid article,
  .hhm-freight-mobile-redesign .hhm-freight-step-grid article,
  .hhm-freight-mobile-redesign h2,
  .hhm-freight-mobile-redesign h3,
  .hhm-freight-mobile-redesign p,
  .hhm-freight-mobile-redesign span,
  .hhm-freight-mobile-redesign em {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .hhm-freight-mobile-redesign,
  .hhm-freight-mobile-redesign .hhm-freight-block,
  .hhm-freight-mobile-redesign .hhm-freight-feature-grid article,
  .hhm-freight-mobile-redesign .hhm-freight-step-grid article {
    overflow-x: clip !important;
  }

  .hhm-freight-mobile-redesign h2,
  .hhm-freight-mobile-redesign h3,
  .hhm-freight-mobile-redesign p,
  .hhm-freight-mobile-redesign span,
  .hhm-freight-mobile-redesign em {
    white-space: normal !important;
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 16px 10px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign > .hh-central-mobile-intro,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign > .hh-central-mobile-block {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 14px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign .hh-cm-flow,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign .hh-cm-card-grid,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign .hh-cm-feature-list,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign .hh-cm-collab-grid,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign .hh-cm-management {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign .hh-cm-head > div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign .hh-cm-card-grid > div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign .hh-cm-feature-list > div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign .hh-cm-collab-grid > div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign .hh-cm-management > div,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign .hh-cm-quote,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign h2,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign h3,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign p,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign b,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign strong,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign span,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign a {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign .hh-cm-flow {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign .hh-cm-flow i {
    width: 2px !important;
    height: 10px !important;
    margin: 0 auto !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) section.hh-central-mobile-redesign .hh-cm-collab-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .l-container,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .l-container,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .appli-info-box,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .appli-info,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .applica-tab,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .application-market .applica-item,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .develop-list-item,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .exhibition,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)) .development-mode .text-box {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 900px) {
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .quality-resources,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .development-mode,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .application-market {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .quality-resources .l-container,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .development-mode .l-container,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .development-mode .i-develop,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .development-mode .develop-list,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .development-mode .develop-list-item,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .application-market .l-container,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .application-market .i-appli,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .application-market .applica-tab,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .application-market .applica-item,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .application-market .appli-info-box,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .application-market .appli-info,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .application-market .appli-left,
  body.hhm-subpage-ready:not(:has(.hh-home-mobile-v4)):has(.hh-central-mobile-redesign) .application-market .appli-right {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 900px) {
  section.hh-central-mobile-redesign {
    display: block !important;
    width: min(calc(100vw - 20px), calc(100% - 20px)) !important;
    max-width: min(calc(100vw - 20px), calc(100% - 20px)) !important;
    min-width: 0 !important;
    margin: 16px auto 0 !important;
    padding: 0 !important;
    overflow-x: clip !important;
    box-sizing: border-box !important;
  }

  section.hh-central-mobile-redesign > .hh-central-mobile-intro,
  section.hh-central-mobile-redesign > .hh-central-mobile-block {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  section.hh-central-mobile-redesign .hh-cm-head,
  section.hh-central-mobile-redesign .hh-cm-flow,
  section.hh-central-mobile-redesign .hh-cm-card-grid,
  section.hh-central-mobile-redesign .hh-cm-feature-list,
  section.hh-central-mobile-redesign .hh-cm-collab-grid,
  section.hh-central-mobile-redesign .hh-cm-management,
  section.hh-central-mobile-redesign .hh-cm-head > div,
  section.hh-central-mobile-redesign .hh-cm-card-grid > div,
  section.hh-central-mobile-redesign .hh-cm-feature-list > div,
  section.hh-central-mobile-redesign .hh-cm-collab-grid > div,
  section.hh-central-mobile-redesign .hh-cm-management > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  section.hh-central-mobile-redesign,
  section.hh-central-mobile-redesign * {
    box-sizing: border-box !important;
  }

  section.hh-central-mobile-redesign > .hh-central-mobile-intro,
  section.hh-central-mobile-redesign > .hh-central-mobile-block,
  section.hh-central-mobile-redesign .hh-cm-head,
  section.hh-central-mobile-redesign .hh-cm-head > div,
  section.hh-central-mobile-redesign .hh-cm-flow,
  section.hh-central-mobile-redesign .hh-cm-card-grid,
  section.hh-central-mobile-redesign .hh-cm-feature-list,
  section.hh-central-mobile-redesign .hh-cm-collab-grid,
  section.hh-central-mobile-redesign .hh-cm-management,
  section.hh-central-mobile-redesign .hh-cm-card-grid > div,
  section.hh-central-mobile-redesign .hh-cm-feature-list > div,
  section.hh-central-mobile-redesign .hh-cm-collab-grid > div,
  section.hh-central-mobile-redesign .hh-cm-management > div,
  section.hh-central-mobile-redesign .hh-cm-quote,
  section.hh-central-mobile-redesign .hh-cm-action {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }
}

@media (max-width: 900px) {
  body.hhm-newslist-mobile-v2 .hh-mobile-sticky-cta {
    display: grid !important;
  }

  body.hhm-newslist-mobile-v2 .hhm-subpage-hero .hhm-hero-actions,
  body.hhm-newslist-mobile-v2 .hhm-subpage-hero .hhm-proof {
    display: none !important;
  }
}

@media (min-width: 901px) {
  body:not(:has(.hh-home-mobile-v4)) #industryConsulting.news-list-ul li,
  body:not(:has(.hh-home-mobile-v4)) #industryConsulting.news-list-ul li.fr-b-c,
  body:not(:has(.hh-home-mobile-v4)) #commonQuestion.news-list-ul li,
  body:not(:has(.hh-home-mobile-v4)) #commonQuestion.news-list-ul li.fr-b-c {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  body:not(:has(.hh-home-mobile-v4)) #industryConsulting.news-list-ul li > img,
  body:not(:has(.hh-home-mobile-v4)) #commonQuestion.news-list-ul li > img {
    display: block !important;
    width: 344px !important;
    height: 194px !important;
    max-width: 344px !important;
    min-width: 344px !important;
    border-radius: 10px !important;
    object-fit: cover !important;
  }

  body:not(:has(.hh-home-mobile-v4)) #industryConsulting .news-list-left,
  body:not(:has(.hh-home-mobile-v4)) #commonQuestion .news-list-left {
    width: calc(100% - 394px) !important;
  }
}

@media (max-width: 900px) {
  body.hhm-newslist-mobile-v2 #industryConsulting.news-list-ul,
  body.hhm-newslist-mobile-v2 #industryConsulting.news-list-ul.mid-content,
  body.hhm-newslist-mobile-v2 #commonQuestion.news-list-ul,
  body.hhm-newslist-mobile-v2 #commonQuestion.news-list-ul.mid-content {
    gap: 14px !important;
  }

  body.hhm-newslist-mobile-v2 #industryConsulting.news-list-ul li,
  body.hhm-newslist-mobile-v2 #industryConsulting.news-list-ul li.fr-b-c,
  body.hhm-newslist-mobile-v2 #commonQuestion.news-list-ul li,
  body.hhm-newslist-mobile-v2 #commonQuestion.news-list-ul li.fr-b-c {
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 20px !important;
    background: #fff !important;
    border: 1px solid #e1ebf8 !important;
    box-shadow: 0 10px 26px rgba(15,45,92,.055) !important;
    overflow: hidden !important;
  }

  body.hhm-newslist-mobile-v2 #industryConsulting.news-list-ul li > img,
  body.hhm-newslist-mobile-v2 #commonQuestion.news-list-ul li > img {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    order: 2 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    aspect-ratio: 344 / 194 !important;
    border-radius: 0 !important;
    object-fit: cover !important;
    border-top: 1px solid #e1ebf8 !important;
  }

  body.hhm-newslist-mobile-v2 #industryConsulting .news-list-left,
  body.hhm-newslist-mobile-v2 #commonQuestion .news-list-left {
    width: 100% !important;
    padding: 14px 14px 13px !important;
  }

  body.hhm-newslist-mobile-v2 #industryConsulting .news-list-left > a,
  body.hhm-newslist-mobile-v2 #commonQuestion .news-list-left > a {
    font-size: 16px !important;
    line-height: 23px !important;
  }

  body.hhm-newslist-mobile-v2 #industryConsulting .news-list-left > p,
  body.hhm-newslist-mobile-v2 #commonQuestion .news-list-left > p {
    margin-top: 8px !important;
    -webkit-line-clamp: 3 !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }
}