/* ============================================================
   Mobile Responsive Styles - 手机端样式适配
   仅在 <= 991px (平板/手机) 或 <= 767px (手机) 时生效
   不修改任何 PC 端样式，仅作为补充适配
   ============================================================ */

/* ==============================
   1. 全局基础 - Global Base
   ============================== */
@media (max-width: 991px) {
  body {
    font-size: 15px;
    line-height: 1.7;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
  }

  h1 { font-size: 28px !important; line-height: 1.2; }
  h2 { font-size: 24px !important; line-height: 1.25; }
  h3 { font-size: 20px !important; line-height: 1.3; }
  h4 { font-size: 18px !important; }
  h5 { font-size: 16px !important; }

  .container,
  .container-fluid {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-padding {
    padding: 40px 0;
  }

  .theme-btn {
    padding: 10px 20px;
    font-size: 14px;
  }

  br.d-none,
  br.d-md-none {
    display: none;
  }

  img {
    max-width: 100%;
    height: auto;
  }


}

@media (max-width: 767px) {
  h1 { font-size: 24px !important; }
  h2 { font-size: 22px !important; }
  h3 { font-size: 18px !important; }
  h4 { font-size: 16px !important; }

  .container,
  .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }

  .section-padding {
    padding: 30px 0;
  }

  .section-title {
    margin-bottom: 16px;
  }

  .section-title .sub-title {
    font-size: 12px;
    padding: 6px 14px;
    margin-bottom: 10px;
  }

  .section-title-area {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}

/* ==============================
   2. 页头导航 - Header & Navigation
   ============================== */
@media (max-width: 991px) {
  .header-1 {
    position: fixed;
    background: rgba(22, 36, 62, 0.95);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 9999;
  }

  .header-1 .container-fluid {
    padding: 0 16px;
  }

  .header-1 .header-main {
    padding: 8px 0;
  }

  .header-1 .header-main .header-left .logo img {
    width: 140px;
    height: auto;
  }

  .header-1 .header-main .header-left .header-logo {
    display: none;
  }

  .header-1 .header-main .header-left .header-logo-2 {
    display: block;
  }

  .header-1 .header-main .header-right .header-btn .header-button {
    display: none;
  }

  .header-1 .header-main .header-right .sidebar__toggle {
    color: #fff !important;
    font-size: 22px;
  }

  .header-main .main-menu {
    display: none;
  }

  .header-main .header-right {
    gap: 16px;
  }

  .header-main .header-right .menu_search .search_btn {
    color: #ffffff;
    font-size: 18px;
  }

  .header-top-section {
    display: none;
  }

  .sticky.header-1 {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  }

  .sticky.header-1 .header-main .header-right .menu_search .search_btn {
    color: var(--header);
  }

  .sticky.header-1 .header-main .header-right .sidebar__toggle {
    color: var(--header) !important;
  }
}

@media (max-width: 767px) {
  .header-1 .header-main .header-left .logo img {
    width: 110px;
  }
}

/* ==============================
   3. 移动端侧边菜单 - Offcanvas
   ============================== */
@media (max-width: 991px) {
  .offcanvas__info {
    width: 320px;
  }

  .offcanvas__wrapper {
    padding: 20px;
  }

  .offcanvas__wrapper .offcanvas__content .offcanvas__close {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }

  .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li {
    font-size: 14px;
  }

  .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li:not(:last-child) {
    margin-bottom: 16px;
  }

  .offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
  }

  .mean-container .mean-nav ul li a {
    font-size: 14px;
    padding: 8px 0;
  }
}

@media (max-width: 480px) {
  .offcanvas__info {
    width: 280px;
  }
}

/* ==============================
   4. 面包屑 - Breadcrumb
   ============================== */
@media (max-width: 991px) {
  .gt-breadcrumb-wrapper {
    min-height: 280px;
  }

  .gt-breadcrumb-wrapper .gt-page-heading {
    padding: 140px 0 80px;
  }

  .gt-breadcrumb-wrapper .gt-page-heading h1 {
    font-size: 32px !important;
  }

  .gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items {
    flex-wrap: wrap;
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .gt-breadcrumb-wrapper {
    min-height: 250px;
  }

  .gt-breadcrumb-wrapper .gt-page-heading {
    padding: 120px 0 60px;
  }

  .gt-breadcrumb-wrapper .gt-page-heading h1 {
    font-size: 26px !important;
  }

  .gt-breadcrumb-inner {
    padding: 10px 0;
  }

  .gt-breadcrumb-inner .gt-breadcrumb-items {
    font-size: 12px;
  }
}

/* ==============================
   5. 首页 - 全屏区域 - Index Fullpage Sections
   ============================== */
@media (max-width: 991px) {
  html.fp-home {
    scroll-snap-type: none;
    overflow-y: auto;
    overflow-x: hidden;
  }

  html.fp-home .fullpage-section {
    min-height: auto;
    scroll-snap-align: none;
    scroll-snap-stop: normal;
  }

  /* Banner / Hero */
  html.fp-home #banner.hero-section .container-fluid,
  html.fp-home #banner.hero-section .row {
    min-height: 56vh;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  html.fp-home #banner.hero-section .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html.fp-home #banner.hero-section video {
    min-height: 56vh;
    height: 56vh;
  }

  /* 右侧导航指示器 */
  .page-indicator {
    right: 8px;
    gap: 10px;
  }

  .page-indicator .indicator-dot {
    width: 8px;
    height: 8px;
  }

  /* About Section */
  .about-section-3 .about-wrapper-3 .row.fp-about-split {
    padding-top: 0 !important;
    flex-direction: column;
  }

  .about-section-3 .about-wrapper-3 .row.fp-about-split > .fp-about-content-col {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .about-wrapper-3 .about-content {
    margin-left: 0;
  }

  .about-image-mobile {
    position: relative;
    z-index: 2;
  }

  

  .about-wrapper-3 .about-content .section-title h2 > div {
    display: inline !important;
  }

  .about-wrapper-3 .about-content .section-title h2 .gt-char-animation div {
    letter-spacing: -2px !important;
  }

  .about-wrapper-3 .about-content .about-list-item {
    flex-direction: column;
    gap: 16px;
  }

  .about-wrapper-3 .about-content .about-list-item .counter-box {
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding: 24px 16px;
  }

  .about-wrapper-3 .about-content .about-list-item .counter-box h3 {
    font-size: 36px !important;
  }

  .about-wrapper-3 .about-content .about-list-item .list-item .list li {
    font-size: 14px;
  }

  html.fp-home .section-title {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* Product Section */
  html.fp-home #products .project-section {
    min-height: auto;
    padding: 40px 0;
  }

  html.fp-home #products .project-section .container {
    max-width: 100%;
  }

  html.fp-home #products .fp-product-split.row {
    flex-direction: column;
    gap: 20px;
  }

  html.fp-home #products .fp-product-intro {
    text-align: center;
    margin-bottom: 10px;
  }

  html.fp-home #products .fp-product-intro p {
    max-width: none;
  }

  html.fp-home #products .fp-product-split .fp-product-coverflow-wrap {
    margin-top: 8px;
    padding: 0 4px 12px;
  }

  html.fp-home #products .fp-product-split .fp-product-coverflow {
    min-height: 300px;
  }

  .fp-product-coverflow-wrap {
    margin-top: 18px;
    padding: 0 4px 12px;
  }

  .fp-product-coverflow .swiper-slide {
    width: min(320px, 88vw);
    height: min(48vh, 380px);
    min-height: 260px;
  }

  .fp-product-card__expand {
    padding: 16px 16px 14px;
  }

  .fp-product-card__expand h3 {
    font-size: 16px;
  }

  .fp-product-card__side-title {
    font-size: 13px;
  }

  .fp-product-coverflow__btn {
    width: 36px;
    height: 36px;
  }

  /* Application Section */
  html.fp-home #application {
    min-height: auto;
    padding: 40px 0;
  }

  html.fp-home #application .fp-application-split.row {
    flex-direction: column;
    gap: 20px;
  }

  html.fp-home #application .fp-application-intro {
    text-align: center;
  }

  html.fp-home #application .fp-application-intro p {
    max-width: none;
  }

  html.fp-home #application .propertie-wrapper {
    width: 100%;
    padding: 0 4px;
  }

  html.fp-home #application .fp-application-split .propertie-wrapper {
    margin-top: 8px;
  }

  html.fp-home #application .fp-application-accordion {
    flex-direction: column;
    height: auto;
    min-height: 0;
    gap: 10px;
    margin-top: 16px;
  }

  html.fp-home #application .fp-application-accordion__item {
    flex: none !important;
    height: 72px;
    transition: height 0.45s ease;
  }

  html.fp-home #application .fp-application-accordion__item.is-open {
    height: min(56vw, 280px);
  }

  html.fp-home #application .fp-application-accordion__side-title {
    writing-mode: horizontal-tb;
    text-orientation: mixed;
    top: 50%;
    left: 18px;
    transform: translateY(-50%);
    font-size: 14px;
  }

  html.fp-home #application .fp-application-accordion__item.is-open .fp-application-accordion__side-title {
    opacity: 0;
    transform: translateY(-50%);
  }

  html.fp-home #application .fp-application-accordion__expand {
    padding: 14px 14px 12px;
    gap: 6px;
  }

  html.fp-home #application .fp-application-accordion__expand h3 {
    font-size: 15px;
  }

  /* Honor Section */
  html.fp-home #honor {
    min-height: auto;
    padding: 40px 0;
  }

  html.fp-home #honor .section-title {
    padding-top: 0 !important;
  }

  .team-slider .swiper-slide {
    width: auto;
  }

  .team-thumb-items img {
    height: auto;
    width: 100%;
    object-fit: contain;
    border-radius: 12px;
  }

  .array-button {
    margin-top: 20px !important;
  }

  .array-button button {
    width: 36px;
    height: 36px;
    font-size: 14px;
  }

  /* News Section */
  html.fp-home #news {
    min-height: auto;
    padding: 40px 0;
  }

  html.fp-home #news .section-title {
    padding-top: 0 !important;
  }

  html.fp-home #news .section-title-area {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }

  .news-box-items {
    margin-top: 20px;
  }

  .news-box-items .content {
    padding: 16px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .news-box-items .content h3 {
    font-size: 16px;
  }

  .news-box-items .content .list {
    gap: 12px;
    flex-wrap: wrap;
  }

  .news-box-items .content .theme-btn {
    margin-top: 12px;
    padding: 8px 16px;
    font-size: 13px;
  }
}

/* ==============================
   6. 首页 - 小屏手机优化 (<=767px)
   ============================== */
@media (max-width: 767px) {
  html.fp-home #banner.hero-section .container-fluid,
  html.fp-home #banner.hero-section .row {
    min-height: 40vh;
    padding-left: 0;
    padding-right: 0;
  }

  html.fp-home #banner.hero-section .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html.fp-home #banner.hero-section video {
    min-height: 40vh;
    height: 40vh;
  }

  .page-indicator {
    right: 4px;
    gap: 8px;
  }

  .page-indicator .indicator-dot {
    width: 6px;
    height: 6px;
  }

  .about-wrapper-3 .about-content .about-list-item .counter-box h3 {
    font-size: 28px !important;
  }

  .fp-product-coverflow .swiper-slide {
    width: min(280px, 92vw);
    height: min(42vh, 320px);
    min-height: 220px;
  }

  html.fp-home #application .fp-application-accordion__item.is-open {
    height: min(60vw, 240px);
  }

  .team-thumb-items img {
    height: auto;
  }

  html.fp-home #contact .footer-text h2 {
    font-size: 50px !important;
  }
}

/* ==============================
   7. 页脚 - Footer
   ============================== */
@media (max-width: 991px) {
  .footer-widget-wrapper {
    padding-bottom: 20px;
  }

  .footer-widget-wrapper .footer-text {
    margin-bottom: 40px;
    margin-top: 60px;
  }

  .footer-widget-wrapper .footer-text h2 {
    font-size: 80px;
  }

  .footer-widget-wrapper .single-footer-widget {
    margin-top: 24px;
  }

  .footer-widget-wrapper .single-footer-widget .widget-title {
    margin-bottom: 16px;
  }

  .footer-widget-wrapper .single-footer-widget .footer-content p {
    max-width: none;
    font-size: 14px;
  }

  .footer-widget-wrapper .single-footer-widget .list-area li a {
    font-size: 14px;
  }

  .footer-widget-wrapper .single-footer-widget .contact-content span {
    margin-bottom: 12px;
    font-size: 14px;
  }

  .footer-bottom {
    padding: 20px 0;
  }

  .footer-bottom p {
    font-size: 12px;
    line-height: 1.6;
  }

  .footer-shape {
    display: none;
  }
}

@media (max-width: 767px) {
  .footer-widget-wrapper .footer-text h2 {
    font-size: 50px;
  }

  .footer-widget-wrapper .single-footer-widget {
    margin-top: 20px;
    text-align: center;
  }

  .footer-widget-wrapper .single-footer-widget .footer-content .social-icon {
    justify-content: center;
  }

  .footer-bottom p {
    font-size: 11px;
  }
}

/* ==============================
   8. 侧边栏/Offcanvas - Sidebar/Offcanvas
   ============================== */
@media (max-width: 991px) {
  .gt-main-sideber {
    margin-top: 30px;
  }

  .gt-main-sideber .gt-single-sideber-widget {
    padding: 20px;
    margin-bottom: 20px;
  }

  .gt-main-sideber .gt-single-sideber-widget .gt-widget-title h3 {
    font-size: 18px;
  }

  .gt-main-sideber .gt-single-sideber-widget .gt-category-list li {
    padding: 14px 16px;
    font-size: 14px;
  }
}

/* ==============================
   9. 表单 - Forms
   ============================== */
@media (max-width: 991px) {
  .contact-wrapper .contact-content {
    padding: 24px;
  }

  .contact-wrapper .contact-content form .form-clt input,
  .contact-wrapper .contact-content form .form-clt textarea {
    padding: 14px 16px;
    font-size: 14px;
  }

  .contact-wrapper-10 {
    padding: 24px;
  }

  .registration-wrapper {
    padding: 24px;
  }

  .from-box-wrapper {
    flex-direction: column;
    gap: 16px;
    border-radius: 20px;
    padding: 16px;
  }

  .from-box-wrapper .form-item input {
    font-size: 14px;
  }

  .from-box-wrapper .theme-btn {
    width: 100%;
    text-align: center;
    padding: 12px 24px;
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .contact-wrapper .contact-content {
    padding: 16px;
  }

  .contact-wrapper .contact-content form .form-clt input,
  .contact-wrapper .contact-content form .form-clt textarea {
    padding: 12px 14px;
    font-size: 13px;
  }

  .from-box-wrapper {
    padding: 12px;
    gap: 12px;
  }
}

/* ==============================
   10. 卡片/列表 - Cards & Lists
   ============================== */
@media (max-width: 991px) {
  .properte-box-image {
    margin-top: 16px;
  }

  .properte-box-image .propertie-content-item {
    padding: 16px 20px;
    flex-wrap: wrap;
    gap: 10px;
    bottom: -100px;
  }

  .propertie-box-image:hover .propertie-content-item {
    bottom: 0;
  }

  .propertie-box-image .propertie-content-item h2 {
    font-size: 16px;
  }

  .house-offer-box {
    padding: 24px 16px;
    margin-top: 16px;
  }

  .listing-wrapper {
    flex-direction: column;
    gap: 16px;
    margin-top: 30px;
  }

  .listing-wrapper .listing-items-thumb {
    width: 100% !important;
    height: 280px;
  }

  .listing-wrapper .listing-items-thumb.active {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .listing-wrapper .listing-items-thumb {
    height: 240px;
  }
}

/* ==============================
   11. 内页 - 关于我们 - Inner Page About
   ============================== */
@media (max-width: 991px) {
  .about-subnav {
    position: sticky;
    top: 60px;
    z-index: 99;
  }

  .about-subnav__list {
    gap: 6px 8px;
  }

  .about-subnav__list a {
    padding: 6px 12px;
    font-size: 12px;
  }

  .about-culture-wrap {
    flex-direction: column;
    min-height: auto;
  }

  .about-culture-left {
    flex: auto;
    min-height: 240px;
  }

  .about-culture-right {
    flex: auto;
    padding: 24px 20px;
  }

  .about-culture-right .culture-sec-hgroup h2 {
    font-size: 22px !important;
  }

  .about-honor-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .about-honor-item figcaption {
    font-size: 12px;
    padding: 8px 10px 12px;
  }

  #sec-qualification .fp-product-coverflow .swiper-slide {
    height: min(40vh, 300px);
    width: min(240px, 68vw);
  }
}

@media (max-width: 767px) {
  .about-culture-left {
    min-height: 180px;
  }

  .about-honor-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 480px) {
  .about-honor-grid {
    grid-template-columns: 1fr;
  }
}

/* ==============================
   12. 内页 - 产品中心/列表 - Products
   ============================== */
@media (max-width: 991px) {
  .product-subnav,
  .product-detail-subnav {
    padding: 10px 0;
  }

  .product-subnav__list,
  .product-detail-subnav__list {
    gap: 4px 6px;
  }

  .product-subnav__list a,
  .product-detail-subnav__list a {
    padding: 6px 12px;
    font-size: 12px;
  }

  .product-category-card__img {
    height: 180px;
  }

  .product-category-card__body {
    padding: 16px 16px 20px;
  }

  .product-category-card__body h3 {
    font-size: 16px;
  }

  .product-category-card__body p {
    font-size: 13px;
    line-height: 1.5;
  }

  /* Product Detail */
  .product-detail-main-img {
    height: 240px;
  }

  .product-detail-thumbs {
    padding: 8px 30px;
  }

  .product-detail-thumbs .swiper-slide {
    height: 60px;
  }

  .product-detail-thumbs .swiper-button-prev,
  .product-detail-thumbs .swiper-button-next {
    height: 60px;
    top: 8px;
    width: 24px;
  }

  .product-detail-info h3 {
    font-size: 18px;
  }

  .product-detail-info p {
    font-size: 14px;
    line-height: 1.6;
  }
}

@media (max-width: 767px) {
  .product-category-card__img {
    height: 160px;
  }

  .product-detail-main-img {
    height: 200px;
  }

  .product-detail-thumbs .swiper-slide {
    height: 50px;
  }
}

/* ==============================
   13. 内页 - 新闻中心/详情 - News
   ============================== */
@media (max-width: 991px) {
  .news-subnav {
    padding: 10px 0;
  }

  .news-subnav__list {
    gap: 4px 6px;
  }

  .news-subnav__list a {
    padding: 6px 12px;
    font-size: 12px;
  }

  .news-box-items .thumb {
    height: 200px;
  }

  .news-box-items .thumb img {
    height: 100%;
    object-fit: cover;
  }

  .news-box-items .content h3 {
    font-size: 16px;
  }

  .news-category-tab .nav-link {
    padding: 8px 14px;
    font-size: 13px;
  }

  /* News Detail */
  .news-detail-header,
  .news-detail-content,
  .news-related {
    padding: 20px;
  }

  .news-detail-title {
    font-size: 22px;
  }

  .news-detail-content img {
    margin: 12px 0;
  }
}

@media (max-width: 767px) {
  .news-box-items .thumb {
    height: 180px;
  }
}

/* ==============================
   14. 内页 - 联系我们/留言 - Contact
   ============================== */
@media (max-width: 991px) {
  .contact-info-container {
    padding: 20px;
  }

  .contact-info-container h3 {
    font-size: 18px;
  }

  .contact-info-item {
    margin-bottom: 14px;
    padding-bottom: 14px;
  }

  .contact-info-icon {
    width: 40px;
    height: 40px;
    font-size: 16px;
    margin-right: 14px;
  }

  .message-form-container {
    padding: 20px;
  }

  .message-form-container h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .message-form-input,
  .message-form-textarea {
    padding: 10px 12px;
    font-size: 13px;
  }

  .message-form-submit {
    width: 100%;
    text-align: center;
    padding: 12px 24px;
    font-size: 14px;
  }

  .map-iframe {
    height: 250px;
  }
}

@media (max-width: 767px) {
  .contact-info-container {
    padding: 16px;
  }

  .message-form-container {
    padding: 16px;
  }

  .map-iframe {
    height: 200px;
  }
}

/* ==============================
   15. 内页 - 搜索 - Search
   ============================== */
@media (max-width: 991px) {
  .search-page {
    padding: 80px 16px 40px;
  }

  .search-page__title {
    font-size: 22px !important;
  }

  .search-page__subtitle {
    font-size: 14px;
    margin-bottom: 24px;
  }

  .search-page__input {
    height: 48px;
    padding: 0 18px;
    font-size: 14px;
  }

  .search-page__btn {
    height: 48px;
    padding: 0 24px;
    font-size: 14px;
  }

  .search-result {
    padding: 30px 16px 60px;
  }

  .search-result__header {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .search-page {
    padding: 70px 12px 30px;
  }
}

/* ==============================
   16. 内页 - 404 - Error Page
   ============================== */
@media (max-width: 767px) {
  .error-section {
    padding: 80px 0 40px;
  }

  .error-content h1 {
    font-size: 80px !important;
  }

  .error-content h2 {
    font-size: 20px !important;
  }

  .error-content img {
    max-width: 200px;
  }
}

/* ==============================
   17. 通用调整 - General Fixes
   ============================== */
@media (max-width: 991px) {
  .col-md-6,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4 {
    margin-bottom: 20px;
  }

  .row.g-4 {
    margin-bottom: 0;
  }

  .mt-5 {
    margin-top: 24px !important;
  }

  .mb-5 {
    margin-bottom: 24px !important;
  }

  .back-to-top {
    width: 40px;
    height: 40px;
    line-height: 32px;
    font-size: 14px;
    right: 16px;
    bottom: 16px;
  }

  .search_popup {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .cursor-outer,
  .cursor-inner,
  .mouseCursor {
    display: none !important;
  }

  table {
    width: 100%;
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  iframe {
    max-width: 100%;
  }

  .preloader .animation-preloader .spinner {
    width: 5em;
    height: 5em;
  }

  .preloader .animation-preloader .txt-loading {
    font-size: 2em;
  }
}

@media (max-width: 767px) {
  .col-12,
  .col-md-6,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4 {
    margin-bottom: 16px;
  }
}

/* ==============================
   18. 在线咨询表单 - Message Form
   ============================== */
@media (max-width: 991px) {
  .zx input,
  .zx textarea {
    width: 100%;
    margin-bottom: 12px;
  }

  .product-detail-info {
    padding: 20px;
  }

  .product-detail-info h3 {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .zx input {
    margin-bottom: 10px;
    padding: 10px 14px;
    font-size: 14px;
  }

  .zx textarea {
    padding: 10px 14px;
    font-size: 14px;
  }
}

/* ==============================
   19. 首页公司名称字符间距修复 - Index Title Letter Spacing Fix
   ============================== */
@media (max-width: 991px) {
  .about-wrapper-3 .about-content .section-title h2 .gt-char-item {
    letter-spacing: -2px !important;
  }
}

/* ==============================
   20. 背景图适配 - Background Image Mobile Fix
   ============================== */
@media (max-width: 991px) {
  [style*="background-size: 100% 100%"],
  [style*="background-size:100% 100%"] {
    background-size: cover !important;
    background-position: center !important;
  }
}

/* ==============================
   21. 产品详情页内联样式补充 - Product Detail Inline Supplement
   ============================== */
@media (max-width: 991px) {
  .product-detail-info {
    padding: 16px 10px !important;
  }

  .product-detail-info h3 {
    font-size: 20px !important;
    margin-bottom: 12px;
  }

  .product-detail-description {
    padding: 20px;
  }

  .product-detail-description h4 {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .product-detail-info {
    padding: 12px 8px !important;
  }

  .product-detail-info h3 {
    font-size: 18px !important;
  }

  .product-detail-description {
    padding: 16px;
  }
}

/* ==============================
   22. 新闻列表页补充 - Article List Supplement
   ============================== */
@media (max-width: 767px) {
  .news-box-items .content h3 {
    font-size: 14px;
  }

  .news-box-items .content .list {
    font-size: 11px;
  }

  .news-box-items .content .theme-btn {
    padding: 6px 12px;
    font-size: 11px;
  }
}

/* ==============================
   23. 搜索页补充 - Search Page Supplement
   ============================== */
@media (max-width: 576px) {
  .search-result__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .search-result__card-body {
    padding: 14px 16px 16px;
  }

  .search-result__card-body h3 {
    font-size: 15px;
  }
}

/* ==============================
   24. 视频背景适配 - Video Background Mobile
   ============================== */
@media (max-width: 991px) {
  .hero-1 .container-fluid video {
    object-fit: cover;
    width: 100%;
  }
}

/* ==============================
   25. 推荐产品卡片 - Recommend Product Card
   ============================== */
@media (max-width: 991px) {
  .product-card-img {
    height: 200px !important;
  }

  .product-card-content {
    padding: 16px !important;
  }

  .product-card-content h4 {
    font-size: 16px !important;
  }

  .product-card-content p {
    font-size: 13px !important;
  }
}

@media (max-width: 767px) {
  .product-card-img {
    height: 180px !important;
  }
}

/* ==============================
   26. 在线咨询表单调整 - Message Form Fine-tune
   ============================== */
@media (max-width: 767px) {
  .form-input {
    height: 44px;
    padding: 0 12px;
    font-size: 14px;
  }

  .form-textarea {
    height: 100px;
    padding: 12px 12px;
    font-size: 14px;
  }
}

/* ==============================
   27. 页面指示器隐藏（小屏） - Page Indicator Hide
   ============================== */
@media (max-width: 480px) {
  .page-indicator {
    display: none;
  }
}

/* ==============================
   28. 页头联系按钮 - Header Contact Button
   ============================== */
@media (max-width: 991px) {
  .header-main .header-right .header-btn span {
    display: none;
  }
}

/* ==============================
   29. 关于我们页面荣誉网格 - About Honor Grid Adjust
   ============================== */
@media (max-width: 767px) {
  .about-honor-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .about-honor-item figcaption {
    font-size: 12px;
    padding: 8px 10px 10px;
  }
}

@media (max-width: 480px) {
  .about-honor-grid {
    grid-template-columns: 1fr;
  }
}