/* 麦尚食品 · index 页面样式（PC 段 + 手机段，各自媒体查询包裹） */

/* PC 布局：≥1200px */
@media (min-width: 1200px) {
  button {
          margin: 0;
          padding: 0;
          border: 0.0694vw solid transparent;
          outline: none;
          background-color: transparent;
        }
        input {
          background-color: transparent;
          border: 0;
          outline: none;
        }

        /* ============ 页面骨架 ============ */
        .page {
          position: relative;
          width: 100vw;
          margin: 0 auto;
        }

        /* ============ 头部导航 ============ */
        .header-zone {
          width: 100vw;
          height: 50.0694vw;
        }

        /* ============ 首屏 ============ */
        .hero {
          width: 100vw;
          height: 41.6667vw;
          margin-bottom: 0.0694vw;
          position: relative;
          overflow: hidden;
          display: flex;
          flex-direction: row;
        }
        .hero-parallax {
          position: absolute;
          left: 0;
          top: 0;
          width: 100vw;
          height: 41.6667vw;
          z-index: 0;
          will-change: transform;
        }
        /* 多帧画面（banner，横向循环轮播，幻灯片由脚本按后台数据生成） */
        .hero-swiper {
          width: 100vw;
          height: 41.6667vw;
          overflow: hidden;
        }
        /* 用 .hero-swiper 后代选择器提高特异性就够了，不必 !important ——
           swiper-bundle.css 里有一条同特异性的 .swiper-slide { width: 100% }。 */
        .hero-swiper .hero-slide {
          width: 100vw;
          height: 41.6667vw;
          overflow: hidden;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
        }
        .hero-slide-bg {
          width: 100vw;
          height: 41.6667vw;
          background-position: 100%;
          background-repeat: no-repeat;
          background-size: 100% 100%;
          animation: kenBurns 20s linear forwards;
        }
        @keyframes kenBurns {
          from {
            transform: scale(1.1);
          }
          to {
            transform: scale(1.18);
          }
        }
        /* 视频 banner：设置了视频地址时用 <video> 替代背景图（banner 图作封面） */
        .hero-video {
          width: 100vw;
          height: 41.6667vw;
          object-fit: cover;
          background-color: #000;
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
        }
        .hero-slogan {
          margin: 0 auto;
          position: relative;
          z-index: 1;
        }
        .hero-title {
          color: rgba(255, 255, 255, 1);
          font-size: 4.1667vw;
          font-family: PingFangSC-Semibold;
          font-weight: 600;
          text-align: center;
          white-space: normal;
          line-height: 5.0926vw;
        }
        .hero-slide--light .hero-title {
          color: rgba(51, 51, 51, 1);
        }
        .hero-sub {
          color: rgba(255, 255, 255, 1);
          font-size: 1.6667vw;
          text-align: center;
          white-space: nowrap;
          line-height: 2.2222vw;
          margin: 1.3889vw 0 0 0;
        }
        .hero-slide--light .hero-sub {
          color: rgba(51, 51, 51, 1);
        }

        /* 底部指示器：2 张及以上 banner 时显示，点击切换 */
        .hero-dots {
          position: absolute;
          left: 0;
          bottom: 1.0417vw;
          width: 100vw;
          display: flex;
          flex-direction: row;
          justify-content: center;
          gap: 0.5556vw;
          z-index: 12;
        }
        .hero-dot {
          border-radius: 50%;
          width: 0.8333vw;
          height: 0.8333vw;
          border: 0.0694vw solid rgba(230, 0, 18, 1);
          background-color: rgba(255, 255, 255, 1);
          cursor: pointer;
          transition:
            background-color 0.3s ease,
            transform 0.3s ease;
        }
        .hero-dot:hover {
          transform: scale(1.2);
        }
        .hero-dot.is-active {
          background-color: rgba(230, 0, 18, 1);
        }

        /* ============ 通用按钮 ============ */
        .btn {
          position: relative;
          overflow: hidden;
          background-color: rgba(253, 242, 243, 1);
          border-radius: 0.5556vw;
          width: 11.1111vw;
          height: 3.3333vw;
          border: 0.0694vw solid rgba(230, 0, 18, 1);
          display: flex;
          flex-direction: row;
          cursor: pointer;
        }
        .btn::before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background: rgba(230, 0, 18, 1);
          transform: scaleX(0);
          transform-origin: left center;
          transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .btn:hover::before {
          transform: scaleX(1);
        }
        .btn-inner {
          flex: 1;
          margin: 0 2.0833vw;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
          position: relative;
          z-index: 1;
        }
        .btn-inner span {
          color: rgba(230, 0, 18, 1);
          font-size: 1.1111vw;
          text-align: left;
          white-space: nowrap;
          line-height: 1.6667vw;
          transition: color 0.35s ease;
        }
        .btn:hover .btn-inner span {
          color: #fff;
        }
        .btn-inner img {
          width: 1.8056vw;
          height: 0.4861vw;
          position: relative;
          z-index: 1;
          transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .btn:hover .btn-inner img {
          transform: translateX(0.4167vw);
        }

        /* ============ 关于麦尚 ============ */
        .sec-about {
          background-color: rgba(255, 255, 255, 1);
          position: relative;
          width: 100vw;
          height: 54.1667vw;
          margin-top: -0.0694vw;
          display: flex;
          flex-direction: column;
        }
        .about-title-banner {
          height: 6.7361vw;
          width: 40.4167vw;
          margin: 6.25vw auto 0;
          background: url(../../img/title-about.webp) 100% no-repeat;
          background-size: 100% 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
        }
        .about-title-banner span {
          color: rgba(51, 51, 51, 1);
          font-size: 2.7778vw;
          font-weight: 600;
          white-space: nowrap;
        }
        .about-bar {
          background-color: rgba(230, 0, 18, 1);
          width: 5.5556vw;
          height: 0.2778vw;
          margin: 0.6944vw auto 0;
        }
        .about-content {
          position: relative;
        }
        .about-text {
          width: 40.2778vw;
          height: 12.2917vw;
          color: rgba(51, 51, 51, 1);
          font-size: 1.1111vw;
          text-align: left;
          line-height: 2.2222vw;
          margin: 2.6389vw 0 0 51.1111vw;
        }
        .about-honors {
          width: 40.2778vw;
          margin: 3.0556vw 0 0 51.1111vw;
        }
        .about-honor-item {
          color: rgba(51, 51, 51, 1);
          font-size: 1.3889vw;
          font-family: PingFangSC-Semibold;
          font-weight: 600;
          text-align: left;
          line-height: 2.7778vw;
          display: flex;
          align-items: center;
        }
        .honor-dot {
          background-color: rgba(230, 0, 18, 1);
          border-radius: 50%;
          width: 0.5556vw;
          height: 0.5556vw;
          margin-right: 0.9722vw;
        }
        .about-banner {
          /* 装饰底图内联在标签上（见 front-page.php 的 $ms_section_bg） */
          width: 99.8611vw;
          height: 17.9861vw;
          margin: -2.7778vw 0 0.0694vw 0.0694vw;
          display: flex;
          flex-direction: column;
        }
        .about-banner .btn {
          margin: 4.3056vw auto 7.9861vw;
        }
        .about-photo {
          position: absolute;
          left: 8.3333vw;
          top: 2.4306vw;
          width: 40.5556vw;
          height: 23.6111vw;
        }

        /* ============ 我们的产品 ============ */
        .sec-products {
          background-color: rgba(250, 250, 250, 1);
          position: relative;
          width: 100vw;
          height: 52.7778vw;
          display: flex;
          flex-direction: column;
        }
        .products-title-banner {
          height: 5.1389vw;
          width: 29.6528vw;
          margin: 3.8889vw 0 0 8.2639vw;
          background: url(../../img/title-products.webp) 100% no-repeat;
          background-size: 100% 100%;
          display: flex;
          flex-direction: column;
        }
        .products-title-banner span {          width: 13.6111vw;
          height: 2.7083vw;
          color: rgba(51, 51, 51, 1);
          font-size: 2.7778vw;
          font-family: PingFangSC-Semibold;
          font-weight: 600;
          text-align: left;
          white-space: nowrap;
          line-height: 2.7778vw;
          margin: 1.25vw 0 0 0.2083vw;
        }
        .products-bar {
          background-color: rgba(230, 0, 18, 1);
          width: 5.5556vw;
          height: 0.2778vw;
          margin: 3.75vw 0 0 8.3333vw;
        }
        .products-intro {
          width: 20.9028vw;
          height: 18.6111vw;
          margin: 2.1528vw 0 0 8.3333vw;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
        }
        .products-categories {
          width: 100%;
          font-size: 0;
          text-align: left;
          line-height: 3.8889vw;
          margin-top: 1.875vw;
        }
        .cat-item {
          display: block;
          color: rgba(51, 51, 51, 1);
          font-size: 1.25vw;
          line-height: 3.8889vw;
          cursor: pointer;
        }
        .cat-item .num {
          margin-right: 0.6944vw;
          font-style: normal;
          display: none;
        }
        .cat-item.is-active {
          color: rgba(230, 0, 18, 1);
        }
        .cat-item.is-active .num {
          display: inline;
        }
        .products-more {
          margin: 3.6111vw 0 0 8.3333vw;
        }
        .products-arrows {
          width: 7.1528vw;
          height: 3.1944vw;
          margin: 2.0139vw 0 6.8056vw 29.7222vw;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
        }
        .arrow-button {
          position: relative;
          width: 3.1944vw;
          height: 3.1944vw;
          cursor: pointer;
          transition:
            transform 0.3s ease,
            opacity 0.3s ease;
        }
        .arrow-button:hover {
          transform: translateY(-0.2778vw);
        }
        .arrow-button.is-disabled,
        .arrow-button.swiper-button-disabled {
          cursor: default;
          transform: none;
          pointer-events: none;
        }
        .arrow-button img {
          position: absolute;
          left: 0;
          top: 0;
          width: 3.1944vw;
          height: 3.1944vw;
          transition: opacity 0.3s ease;
        }
        .arrow-button img.arrow-hover,
        .arrow-button img.arrow-disabled {
          opacity: 0;
        }
        .arrow-button:hover img.arrow-hover {
          opacity: 1;
        }
        /* 禁用态：聚焦第一个产品时 prev 置灰，聚焦最后一个产品时 next 置灰 */
        .arrow-button.is-disabled img,
        .arrow-button.swiper-button-disabled img,
        .arrow-button.is-disabled:hover img.arrow-hover,
        .arrow-button.swiper-button-disabled:hover img.arrow-hover {
          opacity: 0;
        }
        .arrow-button.is-disabled img.arrow-disabled,
        .arrow-button.swiper-button-disabled img.arrow-disabled {
          opacity: 1;
        }
        .products-bg {
          position: absolute;
          left: 41.6667vw;
          top: 0;
          width: 58.3333vw;
          height: 52.7778vw;
          background: url(../../img/bg-products-intro.webp) 100% no-repeat;
          background-size: 100% 100%;
        }
        /* 产品轨道：3 张可见（卡宽 18.75vw × 3 + 间距 2.7778vw × 2），箭头翻页（Swiper） */
        .products-showcase {
          position: relative;
          height: 26.0417vw;
          width: 61.8056vw;
          overflow: hidden;
        }
        .products-track {
          display: flex;
          flex-direction: row;
          height: 26.0417vw;
        }
        .product-card {
          background-color: rgba(255, 255, 255, 1);
          border-radius: 0.5556vw;
          width: 18.75vw;
          flex-shrink: 0;
          height: 26.0417vw;
          display: flex;
          flex-direction: column;
          overflow: hidden;
          transition:
            transform 0.35s ease,
            box-shadow 0.35s ease;
        }
        .product-media {
          position: relative;
          overflow: hidden;
          width: 18.75vw;
          height: 19.4444vw;
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
        }
        .product-media img {
          width: 18.6111vw;
          height: 19.3056vw;
          object-fit: contain;
          transition: transform 0.6s ease;
        }
        .product-card:hover .product-media img {
          transform: scale(1.1);
        }
        .product-caption {
          height: 3.4722vw;
          color: rgba(51, 51, 51, 1);
          font-size: 1.1111vw;
          text-align: center;
          line-height: 2.2222vw;
          margin: 1.5278vw 0 1.5972vw;
          transition: color 0.3s ease;
        }
        .product-card:hover .product-caption {
          color: rgba(230, 0, 18, 1);
        }
        /* ============ 食品安全保障 ============ */
        .sec-safety {
          width: 100vw;
          background: url(../../img/hero-safety-pc.webp) 100% no-repeat;
          background-size: 100% 100%;
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
        }
        .safety-title {
          width: auto;
          height: 2.7083vw;
          color: rgba(255, 255, 255, 1);
          font-size: 2.7778vw;
          font-family: PingFangSC-Semibold;
          font-weight: 600;
          text-align: center;
          white-space: nowrap;
          line-height: 2.7778vw;
          margin: 5.4861vw auto 0;
        }
        .safety-bar {
          background-color: rgba(255, 255, 255, 1);
          width: 5.5556vw;
          height: 0.2778vw;
          margin: 2.7083vw auto 0;
        }
        /* 四个面板轮播：标题/横线/背景不动，图文切换（Swiper fade，交互稿） */
        .safety-content {
          margin-top: 3.4028vw;
          display: flex;
          justify-content: center;
          overflow: hidden;
        }
        .safety-track {
          width: 100vw;
        }
        .safety-figure {
          width: 58.3333vw;
          height: auto;
          margin-top: 0.0694vw;
          margin-right: 5vw;
        }
        .safety-info {
          width: 27.9861vw;
          height: auto;
          display: flex;
          flex-direction: column;
        }
        .safety-info h3 {
          width: auto;
          height: auto;
          color: rgba(255, 255, 255, 1);
          font-size: 1.6667vw;
          font-family: PingFangSC-Semibold;
          font-weight: 600;
          text-align: left;
          white-space: nowrap;
          line-height: 2.2222vw;
          margin-left: 0.0694vw;
        }
        .safety-info p {
          width: 27.9861vw;
          color: rgba(255, 255, 255, 1);
          font-size: 1.1111vw;
          text-align: left;
          line-height: 2.2222vw;
          margin-top: 2.7083vw;
        }
        .safety-info img {
          width: 17.1528vw;
          height: auto;
          margin-top: 3.1944vw;
        }
        .safety-strip {
          box-shadow: 0 0.0694vw 0 0 rgba(204, 204, 204, 1);
          background-color: rgba(255, 255, 255, 1);
          height: 8.3333vw;
          margin-top: 4.7917vw;
          width: 100vw;
          display: flex;
          flex-direction: column;
        }
        .safety-strip-inner {
          width: 83vw;
          font-size: 0;
          text-align: center;
          white-space: nowrap;
          line-height: 2.7778vw;
          margin: 1.3194vw auto 0;
          display: flex;
          justify-content: space-around;
        }
        .safety-strip-inner-item {
          color: rgba(51, 51, 51, 1);
          font-size: 1.25vw;
          text-align: left;
          white-space: nowrap;
          line-height: 2.7778vw;
          cursor: pointer;
        }
        .safety-strip-inner-item.is-active {
          color: rgba(230, 0, 18, 1);
          font-weight: 600;
        }
        .safety-strip-inner-item:hover {
          color: rgba(230, 0, 18, 1);
        }
        /* 四个面板轮播：Swiper fade 切换，激活时内容上浮入场（交互稿） */
        .safety-panel {
          width: 100vw;
          display: flex;
          flex-direction: row;
          align-items: flex-start;
        }
        .safety-panel.swiper-slide-active {
          animation: safetyIn 0.6s cubic-bezier(0.22, 1, 0.36, 1);
        }
        @keyframes safetyIn {
          from {
            opacity: 0;
            transform: translateY(1.1111vw);
          }
          to {
            opacity: 1;
            transform: translateY(0);
          }
        }

        /* ============ 合作伙伴 ============ */
        .sec-partners {
          background-color: rgba(250, 250, 250, 1);
          width: 100vw;
          height: 55.5556vw;
          display: flex;
          flex-direction: column;
        }
        .partners-title-banner {
          height: 5vw;
          width: 30.5556vw;
          margin: 4.4444vw auto 0;
          background: url(../../img/title-partners.webp) 100% no-repeat;
          background-size: 100% 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
        }
        .partners-title-banner span {
          color: rgba(51, 51, 51, 1);
          font-size: 2.7778vw;
          font-weight: 600;
          white-space: nowrap;
        }
        .partners-bar {
          background-color: rgba(230, 0, 18, 1);
          width: 5.5556vw;
          height: 0.2778vw;
          margin: 1.4583vw auto 0;
        }
        .partners-wall {
          width: 86.5972vw;
          height: 37.2222vw;
          margin: 1.1806vw 0 5.9722vw 6.7361vw;
        }

        /* ============ 公司动态 ============ */
        .sec-news {
          background-color: rgba(255, 255, 255, 1);
          width: 100vw;
          height: 55.5556vw;
          display: flex;
          flex-direction: column;
        }
        .news-heading {
          position: relative;
          width: 18.75vw;
          height: 5.1389vw;
          margin: 4.375vw 0 0 8.2639vw;
        }
        .news-title {
          background: url(../../img/title-news.webp) 100% no-repeat;
          background-size: 100% 100%;
          display: flex;
          flex-direction: column;
        }
        .news-heading h2 {          position: absolute;
          left: 0;
          top: 1.1111vw;
          width: 10.9028vw;
          height: 2.7083vw;
          color: rgba(51, 51, 51, 1);
          font-size: 2.7778vw;
          font-family: PingFangSC-Semibold;
          font-weight: 600;
          text-align: left;
          white-space: nowrap;
          line-height: 2.7778vw;
        }
        .news-featured-wrap {
          width: 83.3333vw;
          margin: 2.1528vw 0 0 8.3333vw;
        }
        .news-featured {
          width: 83.3333vw;
          height: 22.7778vw;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
        }
        .news-featured-info {
          width: 40.0694vw;
          height: 19.6528vw;
          margin-top: 1.5278vw;
          display: flex;
          flex-direction: column;
        }
        .news-meta {
          width: 13.9583vw;
          height: 2.2222vw;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
        }
        .news-tag {
          border-radius: 0.2778vw;
          height: 2.2222vw;
          border: 0.0694vw solid rgba(230, 0, 18, 1);
          color: rgba(230, 0, 18, 1);
          font-size: 1.1111vw;
          line-height: 2.0833vw;
          width: 6.0417vw;
          white-space: nowrap;
          text-align: center;
        }
        .news-date {
          width: 6.5278vw;
          color: rgba(102, 102, 102, 1);
          font-size: 1.1111vw;
          text-align: left;
          white-space: nowrap;
          line-height: 2.2222vw;
        }
        .news-featured-body {
          width: 40.0694vw;
          margin-top: 1.8056vw;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
        }
        .news-featured-title {
          width: 38.9583vw;
          color: rgba(51, 51, 51, 1);
          font-size: 1.6667vw;
          text-align: left;
          line-height: 2.7778vw;
          max-height: 5.5556vw;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
        }
        .news-featured:hover .news-featured-title {
          color: rgba(230, 0, 18, 1);
        }
        .news-featured-excerpt {
          width: 40.0694vw;
          height: 3.4028vw;
          color: rgba(102, 102, 102, 1);
          font-size: 1.1111vw;
          text-align: left;
          line-height: 2.2222vw;
          min-height: 4.4444vw;
          margin-top: 1.1111vw;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
        }
        .news-featured .btn {
          margin-top: 2.7083vw;
        }
        .news-featured-figure {
          width: 40.5556vw;
          height: 22.7778vw;
          border-radius: 1vw;
          overflow: hidden;
        }
        .news-featured-figure img {
          width: 100%;
          transition: transform 0.6s ease;
        }
        .news-featured:hover .news-featured-figure img {
          transform: scale(1.05);
        }
        .news-list {
          width: 83.3333vw;
          height: 9.2361vw;
          margin: 4.3056vw 0 7.5694vw 8.3333vw;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
        }
        .news-mini-wrap-2 {
          margin-left: 1.9444vw;
        }
        .news-mini-wrap-3 {
          margin-left: 2.0139vw;
        }
        .news-mini {
          display: block;
          background-color: rgba(255, 255, 255, 1);
          border-radius: 1.1111vw;
          width: 26.4583vw;
          height: 9.2361vw;
          border: 0.0694vw solid rgba(230, 230, 230, 1);
          box-shadow: 0 0 1.6667vw 0 rgba(0, 0, 0, 0.08);
          overflow: hidden;
          transition:
            transform 0.35s ease,
            box-shadow 0.35s ease;
        }
        .news-mini:hover {
          transform: translateY(-0.5556vw);
          box-shadow: 0 1.1111vw 2.7778vw 0 rgba(0, 0, 0, 0.14);
        }
        .news-mini-inner {
          width: 23.8194vw;
          height: 6.9444vw;
          margin: 1.1806vw 0 0 1.1111vw;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
        }
        .news-mini-thumb {
          width: 9.7917vw;
          height: 6.9444vw;
          border-radius: 0.5vw;
          overflow: hidden;
          transition: transform 0.6s ease;
        }
        .news-mini-thumb img {
          width: 100%;
          /*
           * 高度撑满 + cover。缩略图是后台文章的特色图，尺寸由客户上传的原图
           * 决定；只给 width:100% 的话高度会跟着原图比例走 —— 比 9.7917×6.9444
           * 这个框矮的下面留白，高的被 overflow:hidden 拦腰截断，几张卡片底部
           * 参差不齐。cover 让它们一律按框裁切，位置才对得齐。
           */
          height: 100%;
          object-fit: cover;
          transition: transform 0.6s ease;
        }
        .news-mini:hover .news-mini-thumb img {
          transform: scale(1.05);
        }
        .news-mini-info {
          width: 13.125vw;
          height: 6.6667vw;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
        }
        .news-mini-title {
          width: 13.0556vw;
          height: 3.4028vw;
          color: rgba(51, 51, 51, 1);
          font-size: 1.25vw;
          text-align: left;
          line-height: 2.0833vw;
          margin: 1.1111vw 0 0 0.0694vw;
        }
        .news-mini-title-3 {
          width: 12.9167vw;
          height: 3.3333vw;
          margin: 1.1806vw 0 0 0.1389vw;
        }

        /* ============ 合作表单 / 页脚 ============ */
        /* 高度交给内容撑开：原稿的 86.1806vw 是「表单 + 页脚」的高度，
           而页脚已由 footer.php 挪到所有区块之外，写死会在页面底部
           空出一整个页脚。 */
        .sec-contact {
          width: 100vw;
          display: flex;
          flex-direction: column;
        }
        .contact-panel {
          width: 100vw;
          height: 41.6667vw;
          background: url(../../img/hero-cooperation-pc.webp) 100% no-repeat;
          background-size: 100% 100%;
          display: flex;
          flex-direction: column;
          padding-left: 51.0417vw;
        }
        .contact-heading {
          width: 29.5833vw;
          margin: 5.4861vw 0 0;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
        }
        .contact-heading h2 {          width: 19.3056vw;
          color: rgba(51, 51, 51, 1);
          font-size: 2.7778vw;
          font-family: PingFangSC-Semibold;
          font-weight: 600;
          text-align: left;
          white-space: nowrap;
          line-height: 2.7778vw;
          margin-left: 0.1389vw;
        }
        .contact-heading p {
          width: 29.5833vw;
          color: rgba(102, 102, 102, 1);
          font-size: 1.1111vw;
          text-align: left;
          white-space: nowrap;
          line-height: 2.2222vw;
          margin-top: 1.0417vw;
        }
        .contact-form {
          width: 40.5556vw;
          display: block;
        }
        /* 报错状态的 .form-input.has-error 规则统一放在 base.css（两套稿共用） */
        .form-row {
          display: flex;
          gap: 2.7778vw;
        }
        .form-row .form-row-item {
          flex: 1;
        }
        .form-row-item {
          display: flex;
          flex-direction: column;
          margin-bottom: 0.6944vw;
        }
        .form-label {
          color: rgba(51, 51, 51, 1);
          font-size: 1.25vw;
          font-weight: 600;
          text-align: left;
          white-space: nowrap;
          line-height: 1.6667vw;
          margin-bottom: 0.3472vw;
        }
        .form-label .req {
          color: rgba(230, 0, 18, 1);
        }
        .form-input {
          background-color: rgba(255, 255, 255, 1);
          border-radius: 0.5556vw;
          border: 0.0694vw solid transparent;
          height: 3.3333vw;
          padding: 0 1.1111vw;
          font-size: 1.1111vw;
          color: rgba(51, 51, 51, 1);
          font-family: inherit;
          transition:
            border-color 0.3s ease,
            box-shadow 0.3s ease;
        }
        .form-input::placeholder {
          color: rgba(153, 153, 153, 1);
        }
        .form-input:focus {
          border-color: rgba(230, 0, 18, 1);
          box-shadow: 0 0 0.5556vw 0 rgba(230, 0, 18, 0.25);
        }
        .captcha-row {
          height: 3.3333vw;
          display: flex;
          flex-direction: row;
          gap: 2.7778vw;
        }
        .captcha-box {
          background-color: rgba(255, 255, 255, 1);
          border-radius: 0.5556vw;
          height: 3.3333vw;
          width: 18.8889vw;
          display: flex;
          flex-direction: row;
          overflow: hidden;
        }
        .captcha-box .form-input {
          width: 10.4167vw;
        }
        .captcha-box img {
          width: 8.3333vw;
          height: 3.1944vw;
          cursor: pointer;
        }
        .btn-submit {
          position: relative;
          overflow: hidden;
          background-color: rgba(255, 255, 255, 1);
          border-radius: 0.5556vw;
          height: 3.3333vw;
          width: 8.3333vw;
          cursor: pointer;
          display: flex;
          flex-direction: column;
        }
        .btn-submit::before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background: rgba(230, 0, 18, 1);
          transform: scaleX(0);
          transform-origin: left center;
          transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .btn-submit:hover::before {
          transform: scaleX(1);
        }
        .btn-submit span {
          color: rgba(51, 51, 51, 1);
          font-size: 1.1111vw;
          text-align: left;
          white-space: nowrap;
          line-height: 3.3333vw;
          text-align: center;
          position: relative;
          z-index: 1;
          transition: color 0.35s ease;
        }
        .btn-submit:hover span {
          color: #fff;
        }

        /* ============ 降噪 ============ */
        @media (prefers-reduced-motion: reduce) {
          *,
          *::before,
          *::after {
            animation: none !important;
            transition: none !important;
          }
          .hero-parallax {
            transform: none !important;
          }
        }


    /* ===== 英文稿与中文稿的差异（自动生成，来源：线上 PC 稿）===== */
    /* 关于麦尚这一块的四处：中文稿的数值见上面基础规则，这里是英文稿的 */
    html[lang^="en"] .sec-about {
      height: 68.6111vw;
    }
    html[lang^="en"] .about-text {
      height: 26.6667vw;
    }
    html[lang^="en"] .about-honor-item {
      font-size: 1.1111vw;
    }
    html[lang^="en"] .btn {
      width: 13.8889vw;   /* 新闻页的 .btn 在 news.css 里，不受这条影响 */
    }
    html[lang^="en"] .contact-heading h2 {
      width: auto;
    }
    html[lang^="en"] .news-heading h2 {
      width: auto;
    }
    html[lang^="en"] .products-title-banner span {
      width: auto;
    }
  }

/* 手机布局：<1200px */
@media (max-width: 1199.98px) {
  /* ---------- 首屏（banner 数据驱动，幻灯片由脚本生成） ---------- */
        .home-hero {
          position: relative;
          margin-top: 1.2rem;
          height: 3.6rem;
          overflow: hidden;
        }
        .hero-swiper,
        .hero-swiper .swiper-slide {
          height: 100%;
        }
        /* 幻灯片：图片/视频铺满，文案垂直居中 */
        .hero-slide {
          position: relative;
          height: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          overflow: hidden;
        }
        /* 视频 banner：设置了视频地址时用 <video> 替代图片（banner 图作封面） */
        .hero-slide .hero-video {
          position: absolute;
          /* 展开写四条而不是 inset:0 —— inset 要 Safari 14.5+，
             这里配合 old-Safari 的 matchMedia 回退一起用。 */
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          background-color: #000;
        }
        .hero-slogan {
          position: relative;
          text-align: center;
        }
        .hero-slogan h1,
        .hero-slogan p {
          color: #fff;
        }
        .hero-slogan h1 {
          font-size: 0.64rem;
          line-height: 0.86rem;
          letter-spacing: 0.05em;
        }
        .hero-slogan p {
          margin-top: 0.14rem;
          font-size: 0.32rem;
          letter-spacing: 0.14em;
          opacity: 0.92;
        }
        /* 底部指示器：2 张及以上 banner 时显示，点击切换 */
        .hero-dots {
          position: absolute;
          left: 0;
          bottom: 0.28rem;
          width: 100%;
          display: flex;
          flex-direction: row;
          justify-content: center;
          gap: 0.12rem;
          z-index: 6;
        }
        .hero-dot {
          border-radius: 50%;
          width: 0.16rem;
          height: 0.16rem;
          border: 0.0133rem solid rgba(230, 0, 18, 1);
          background-color: rgba(255, 255, 255, 1);
          cursor: pointer;
          transition:
            background-color 0.3s ease,
            transform 0.3s ease;
        }
        .hero-dot.is-active {
          background-color: rgba(230, 0, 18, 1);
        }

        /* ---------- 关于麦尚（文案/荣誉/图片样式见 common.css） ---------- */
        .about-section {
          background: url(../../img/block-bg-2.webp) 100% no-repeat;
          background-position: 100% 100%;
        }
        #about-title {
          background: url(../../img/about-title-bg.webp) 50% 50% / contain no-repeat;
        }
        .about-actions {
          text-align: center;
        }

        /* ---------- 我们的产品 ---------- */
        .products-section .tabs-bar {
          margin-bottom: 0.5rem;
          padding: 0 0.5rem;
          position: sticky;
          top: 1.2rem;
          z-index: 10;
        }
        .products-section .tabs-bar .tab {
          margin: 0 0.1rem;
        }
        #products-title {
          background: url(../../img/product-title-bg.webp) 50% 50% / contain no-repeat;
        }
        .prod-swiper {
          padding: 0.1rem 0 0.2rem;
        }
        .prod-swiper .swiper-slide {
          width: 5.4rem;
          display: flex;
          justify-content: center;
        }

        /* ---------- 食品安全保障轮播（Swiper 横向滑动 + 循环播放，容器高度随内容自适应） ---------- */
        .safety-swiper .swiper-slide {
          width: 100%;
        }
        .safety-slide p {
          font-size: 0.28rem;
          line-height: 0.5rem;
          color: rgba(255, 255, 255, 0.85);
          word-break: break-all;
        }

        /* ---------- 合作伙伴 ---------- */
        .partners-section {
          background: #fafafa;
        }
        #partners-title {
          background: url(../../img/partner-title-bg.webp) 50% 50% / contain no-repeat;
        }
        .partners-section .partners-img {
          width: 7.34rem;
          max-width: 100%;
          margin: 0 auto;
        }
        /*
         * 相册里的图宽度由客户上传的原图决定，必须显式压到容器宽。
         * base.css 的全局 img 只写了 display:block 和 height:auto，没有
         * max-width 兜底 —— 传一张 1500px 宽的图会直接撑破 7.34rem 的框。
         * height:auto 那条全局规则让比例保持不变。
         */
        .partners-section .partners-img img {
          width: 100%;
        }
        .partners-swiper .swiper-pagination {
          position: static;
          line-height: 0;
        }
        .partners-swiper .swiper-pagination-bullet {
          width: 0.16rem;
          height: 0.16rem;
          background: #fff;
          border: 0.02rem solid #e60012;
          border-radius: 50%;
          opacity: 1;
          transition: background 0.3s;
        }
        .partners-swiper .swiper-pagination-bullet-active {
          background: #e60012;
        }

        /* ---------- 公司动态 ---------- */
        .news-section .news-feature {
          margin-bottom: 0.4rem;
        }
        .news-excerpt {
          color: #666;
          font-size: 0.28rem;
          line-height: 1.5;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          overflow: hidden;
          margin-top: 0.1rem;
        }
        .news-more {
          margin: 0.15rem 0 0;
        }
        #news-title {
          background: url(../../img/news-title-bg.webp) 50% 50% / contain no-repeat;
        }
        .news-section .btn-wrap {
          text-align: center;
          margin-top: 0.1rem;
        }


    /* ===== 英文稿与中文稿的差异（自动生成，来源：线上 手机 稿）===== */
    /* 标签之间：英文稿是「.tab 的左右 margin + 容器 gap: 0.2rem」，主题少了 gap，
       相邻标签因此近 10.4px（实测 11px vs 21px） */
    html[lang^="en"] .products-section .tabs-bar {
      gap: 0.2rem;
    }
    /* 计数器数字：英文稿用 Arial */
    html[lang^="en"] .carousel-counter {
      font-family: Arial, sans-serif;
    }
    html[lang^="en"] .hero-slogan h1 {
      font-size: 0.6rem;
    }
    html[lang^="en"] .hero-slogan h1 {
      line-height: 1;
    }
  }