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

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

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

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

        /* ============ 顶部 banner ============ */
        .party-banner {
          width: 100vw;
          height: 20.6944vw;
          margin: 0.0694vw 0 0.1389vw;
          background: url(../../img/banner-party.webp) 100% no-repeat;
          background-size: 100% 100%;
          display: flex;
          flex-direction: column;
        }
        .party-banner h1 {          width: 34.375vw;
          color: rgba(230, 0, 18, 1);
          font-size: 4.1667vw;
          font-family: PingFangSC-Semibold;
          font-weight: 600;
          text-align: left;
          white-space: nowrap;
          line-height: 3.5417vw;
          margin: 6.0417vw 0 0 8.2639vw;
        }

        /* ============ 党建活动（焦点轮播） ============ */
        .sec-activity {
          /* 装饰底图内联在标签上（见 category-party.php 的 $ms_section_bg） */
          background-color: rgba(255, 255, 255, 1);
          width: 100vw;
          /* 高度随轮播内容自适应；6.4584vw 为原固定高 47.28vw 扣除内容后的底部留白 */
          padding-bottom: 6.4584vw;
          margin-top: -0.0694vw;
          display: flex;
          flex-direction: column;
        }
        .party-heading {
          position: relative;
          width: 29.375vw;
          height: 5.1389vw;
          margin: 4.2361vw auto 0;
        }
        .party-watermark {
          background: url(../../img/title-party.webp) 100% no-repeat;
          background-size: 100% 100%;
        }
        .party-heading h2 {          position: absolute;
          left: 0;
          top: 1.25vw;
          width: 100%;
          height: 2.7778vw;
          color: rgba(51, 51, 51, 1);
          font-size: 2.7778vw;
          font-family: PingFangSC-Semibold;
          font-weight: 600;
          text-align: center;
          white-space: nowrap;
          line-height: 2.7778vw;
        }
        /* 轮播容器高度不固定，随幻灯片内容（图片）自适应 */
        .party-carousel {
          width: 82.7083vw;
          margin: 2.7083vw auto 0;
          overflow: hidden;
        }
        /* 三卡统一槽位宽度（中央卡原大），两侧卡以 scale 缩小：
           Swiper 位移按固定槽宽计算，任何时刻恰好呈现 3 张完整卡片，不裁切；
           高度不固定，随图片内容自适应 */
        .party-slide {
          background-color: rgba(255, 255, 255, 1);
          border-radius: 0.4595vw;
          width: 28.7183vw;
          overflow: hidden;
          cursor: pointer;
          position: relative;
          opacity: 0.5;
          transform: scale(0.75);
          transform-origin: center center;
          transition:
            transform 0.6s ease,
            opacity 0.15s ease,
            border-radius 0.6s ease,
            background-color 0.6s ease,
            box-shadow 0.6s ease;
        }
        /* 左右相邻卡：完整显示、略小。
           退场卡快速淡出（沿基础规则），进场卡延迟淡入——滑入窗口时才渐显，避免边缘裁切感 */
        .party-slide.is-side {
          opacity: 0.5;
          transition:
            transform 0.6s ease,
            opacity 0.25s ease 0.35s,
            border-radius 0.6s ease,
            background-color 0.6s ease,
            box-shadow 0.6s ease;
        }
        /* 中央卡：原大、黑底、说明条 */
        .party-slide.is-active {
          background-color: rgba(0, 0, 0, 1);
          border-radius: 0.919vw;
          opacity: 1;
          transform: scale(1);
          box-shadow: 0 0 1.3785vw 0 rgba(0, 0, 0, 0.08);
          transition:
            transform 0.6s ease,
            opacity 0.6s ease,
            border-radius 0.6s ease,
            background-color 0.6s ease,
            box-shadow 0.6s ease;
        }
        /*
         * 卡片外链的包裹层。<a> 默认是行内元素，里面包着 .img 与
         * .party-caption 两个块级子元素时自身高度会是 0 —— 不加这条
         * 整张卡就点不动（只有子元素那一小块能点）。
         */
        .party-slide > a {
          display: block;
        }
        .party-slide .img {
          width: 100%;
          height: 18.8888vw;
          overflow: hidden;
        }
        .party-slide img {
          width: 100%;
          height: auto;
          display: block;
        }
        /* 中央大图红色说明条：仅激活卡显示 */
        .party-caption {
          background-color: rgba(230, 0, 18, 1);
          border-radius: 0 0 0.919vw 0.919vw;
          padding: 0.919vw 0;
          width: 100%;
          display: none;
          flex-direction: column;
          justify-content: center;
        }
        .party-slide.is-active .party-caption {
          display: flex;
        }
        .party-caption p {
          width: 25.8464vw;
          color: rgba(255, 255, 255, 1);
          font-size: 1.1487vw;
          text-align: left;
          line-height: 1.7231vw;
          margin-left: 1.4358vw;
          /* 说明条固定两行：只写 display:-webkit-box 而不限行的话，
             这段会按旧式盒模型排版、行数不受控 */
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          word-break: break-all;
        }
        .party-arrows {
          width: 8.1944vw;
          height: 3.1944vw;
          margin: 2.5694vw 0 0 45.9028vw;
          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;
        }

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


    /* ===== 英文稿与中文稿的差异（自动生成，来源：线上 PC 稿）===== */
    html[lang^="en"] .party-banner h1 {
      width: 53.4722vw;
    }
    html[lang^="en"] .party-banner h1 {
      line-height: 5vw;
    }
    html[lang^="en"] .party-banner h1 {
      margin: 5.9722vw 0 0 8.1944vw;
    }
    html[lang^="en"] .party-caption p {
      font-size: 1.0417vw;
    }
    html[lang^="en"] .party-caption p {
      line-height: 1.6667vw;
    }

    /*
     * 说明文字要完整显示，不能出现省略号。
     * 设计稿里这两行是**被注释掉**的：
     *   display: -webkit-box;
     *   /-webkit-box-orient: vertical; -webkit-line-clamp: 2;/
     * 主题把它们启用了，两行之后就被裁掉；另外 word-break: break-all 也是主题加的。
     */
    html[lang^="en"] .party-caption p {
      -webkit-line-clamp: none;
      word-break: normal;
    }
    html[lang^="en"] .party-heading {
      width: 32.5vw;
    }
  }

/* 手机布局：<1200px */
@media (max-width: 1199.98px) {
  /* ---------- 页面横幅（党建引领 人才驱动） ---------- */
        .party-hero {
          margin-top: 1.2rem;
          height: 2.6rem;
          padding: 0.87rem 0 0 0.31rem;
          background: url(../../img/party-banner.webp) center / cover no-repeat;
        }
        .party-hero h1 {
          font-size: 0.6rem;
          line-height: 0.51rem;
          color: #e60012;
          font-family: PingFangSC-Semibold;
          font-weight: 600;
          white-space: nowrap;
        }

        /* ---------- 党建活动 ---------- */
        .party-section {
          padding-bottom: 0;
          background: url(../../img/block-bg-2.webp) 100% no-repeat;
          background-position: 100% 100%;
        }
        #acts-title {
          background: url(../../img/activity-title-bg.webp) 50% 50% / contain no-repeat;
        }
        .party-stage {
          position: relative;
          width: 6rem;
          margin: 0 auto;
        }
        .party-swiper {
          width: 100%;
          border-radius: 0.16rem 0.16rem 0 0;
        }
        /* 同上：图片外面那层链接要成块，否则点击区只有图片本身 */
        .party-stage .swiper-slide > a {
          display: block;
        }
        .party-swiper .swiper-slide {
          height: 3.96rem;
          overflow: hidden;
        }
        .party-swiper img {
          width: 100%;
          height: auto;
          display: block;
        }
        .party-caption {
          position: relative;
          padding: 0.1rem 0.26rem;
          background: #e60012;
          border-radius: 0 0 0.16rem 0.16rem;
          font-size: 0.28rem;
          line-height: 0.38rem;
          color: #fff;
          overflow: hidden;
          word-break: break-all;
        }
        .party-nav {
          width: 6.86rem;
          padding: 0.18rem 0 1.24rem;
        }
        .party-nav .carousel-arrow {
          width: 0.64rem;
          height: 0.64rem;
        }
        .party-nav .carousel-arrow.swiper-button-disabled {
          pointer-events: none;
        }
        .party-nav .carousel-counter .cur {
          font-weight: 400;
          font-family: PingFangSC-Regular, Roboto, 'Helvetica Neue', Helvetica, Tahoma, Arial,
    'PingFang SC-Light', 'Microsoft YaHei', sans-serif;
        }
        .party-nav .carousel-counter .total {
          color: #666;
        }


    /* ===== 英文稿与中文稿的差异（自动生成，来源：线上 手机 稿）===== */
    html[lang^="en"] .party-hero {
      padding: 0 0.31rem;
    }
    html[lang^="en"] .party-hero h1 {
      font-size: 0.525rem;
    }
    html[lang^="en"] .party-hero h1 {
      line-height: 1.2;
    }
  }