/* ============================================================
   核心优势专属样式 (advantage.css)
   适用范围：核心优势首页 (advantage/index.html)
   ============================================================ */

.advantage-page { overflow: hidden; }

/* 1. 顶部 Banner 特有文字样式 */
.advantage-page .common-banner .text .advantage-title .en { font-weight: 300; font-size: var(--font18); color: #fff; }
.advantage-page .common-banner .text .advantage-title .zh { font-weight: 500; font-size: var(--font44); color: #fff; }
.advantage-page .common-banner .text .advantage-sub-title { font-weight: 400; font-size: var(--font24); color: #fff; padding-bottom: 1.96rem; margin-top: max(0.4rem, 15px); }

/* 2. 公用标题区域 */
.advantage-page .advantage-title-area .title { font-weight: 500; font-size: var(--font44); color: #333333; text-align: center; }
.advantage-page .advantage-title-area .sub-title { font-weight: 400; font-size: var(--font22); color: #333333; text-align: center; margin-top: 10px; }
.advantage-page .advantage-title-area .sub-title span { color: #e70113; }

/* 3. 品牌实力模块 (Brand) */
.advantage-page .brand { padding-top: max(var(--space), 1.07rem); padding-bottom: max(var(--space), 1.02rem); overflow: hidden; }
.advantage-page .brand .brand-main { margin-top: max(0.6rem, 30px); display: flex; justify-content: space-between; }
.advantage-page .brand .brand-main .left { width: 33.0078125%; flex-shrink: 0; }
.advantage-page .brand .brand-main .left .item { display: flex; align-items: flex-start; padding: max(0.45rem, 20px) max(0.5rem, 15px); background-color: #fff; border-radius: 10px; border: 1px solid #c2d6e3; transition: var(--duration); margin-bottom: max(0.19rem, 10px); }
.advantage-page .brand .brand-main .left .item:last-child { margin-bottom: 0; }
.advantage-page .brand .brand-main .left .item:hover { background-color: var(--theme); border-color: transparent; }
.advantage-page .brand .brand-main .left .item:hover .icon img { filter: brightness(0) invert(1); }
.advantage-page .brand .brand-main .left .item:hover .item-text { color: #fff; }
.advantage-page .brand .brand-main .left .item .icon { margin-right: max(0.21rem, 10px); }
.advantage-page .brand .brand-main .left .item .icon img { margin-top: 0.45em; transition: var(--duration); }
.advantage-page .brand .brand-main .left .item .item-text { font-weight: 400; font-size: var(--font22); color: #333333; line-height: 1.45454545; overflow-wrap: break-word; transition: var(--duration); }
.advantage-page .brand .brand-main .right { width: 64.97395833%; flex-shrink: 0; position: relative; }
.advantage-page .brand .brand-main .right .pic { width: 100%; height: 100%; overflow: hidden; border-radius: 10px; }
.advantage-page .brand .brand-main .right .pic img { display: block; width: 100%; height: 100%; object-fit: cover; transition: var(--duration); }
.advantage-page .brand .brand-main .right .text-list { position: absolute; left: 50%; transform: translateX(-50%); bottom: max(0.6rem, 20px); width: calc(100% - max(1.2rem, 30px)); z-index: 2; display: flex; justify-content: space-between; column-gap: 10px; }
.advantage-page .brand .brand-main .right .text-list .text-item .item-t .data { font-weight: 500; font-size: var(--font48); color: #fff; }
.advantage-page .brand .brand-main .right .text-list .text-item .item-t .unit { font-weight: 500; font-size: var(--font18); color: #fff; vertical-align: top; }
.advantage-page .brand .brand-main .right .text-list .text-item .item-b { font-weight: 500; font-size: var(--font18); color: #fff; margin-top: max(0.18rem, 10px); }

/* 4. 科技创新模块 (Technology) */
.advantage-page .technology { padding: max(1.03rem, var(--space)) 0; background-image: linear-gradient(to bottom, #f5f8fa, transparent); }
.advantage-page .technology .technology-main { background: #ffffff; border-radius: 10px; border: 1px solid #c2d6e3; padding: max(0.73rem, 20px) max(0.4rem, 20px) max(0.6rem, 30px); }
.advantage-page .technology .technology-main .text-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px 15px; margin: max(0.63rem, 20px) auto 0; width: fit-content; font-size: var(--font16); color: #333333; }
.advantage-page .technology .technology-main .text-list img { margin-right: 10px; }
.advantage-page .technology .technology-main .intro-list { margin: max(0.6rem, 30px) 0 max(0.4rem, 30px); padding: max(0.72rem, 30px) 0; display: flex; justify-content: center; align-items: center; column-gap: 2.1rem; border-radius: 10px; background-size: cover; background-position: center; }
.advantage-page .technology .technology-main .intro-list .item .item-t { display: flex; align-items: flex-start; justify-content: center; font-weight: bold; font-size: var(--font48); color: #fff; }
.advantage-page .technology .technology-main .intro-list .item .item-t .unit { font-weight: 500; font-size: var(--font18); color: #fff; margin-left: 10px; }
.advantage-page .technology .technology-main .intro-list .item .item-b { font-weight: 500; font-size: var(--font18); color: #fff; text-align: center; }
.advantage-page .technology .technology-main .team { display: flex; align-items: center; }
.advantage-page .technology .technology-main .team .text { font-weight: 500; font-size: var(--font24); color: #333333; line-height: 1.33333333; }
.advantage-page .technology .technology-main .team .list { margin-left: max(0.6rem, 20px); flex: 1; display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr); }
.advantage-page .technology .technology-main .team .list .item { display: flex; align-items: center; justify-content: space-between; background: #e6ebee; border-radius: 10px; padding: max(0.24rem, 20px); transition: var(--duration); }
.advantage-page .technology .technology-main .team .list .item:hover { background-color: var(--theme); }
.advantage-page .technology .technology-main .team .list .item:hover .desc, .advantage-page .technology .technology-main .team .list .item:hover .cate { color: #fff; }
.advantage-page .technology .technology-main .team .list .item:hover .item-l img { filter: brightness(0) invert(1); }
.advantage-page .technology .technology-main .team .list .item .item-l { display: flex; align-items: center; }
.advantage-page .technology .technology-main .team .list .item .item-l img { margin-right: 12px; transition: var(--duration); }
.advantage-page .technology .technology-main .team .list .item .item-l .desc { font-weight: 500; font-size: var(--font18); color: #333333; transition: var(--duration); }
.advantage-page .technology .technology-main .team .list .item .cate { font-family: SourceHanSansCN-Light, sans-serif; font-size: var(--font16); color: #666666; transition: var(--duration); }

/* 5. 出色品质模块 (Quality) */
.advantage-page .quality { padding: max(1.01rem, var(--space)) 0; background-image: linear-gradient(to bottom, #f5f8fa, transparent); }
.advantage-page .quality .intro-list { display: flex; flex-wrap: wrap; margin-top: max(0.6rem, 30px); padding: max(0.58rem, 20px) 0 max(0.64rem, 20px); border-top: 1px solid rgba(204, 204, 204, 0.5); border-bottom: 1px solid rgba(204, 204, 204, 0.5); }
.advantage-page .quality .intro-list .intro-item { display: flex; align-items: center; width: 25%; justify-content: center; padding: 0 10px; border-right: 1px solid rgba(204, 204, 204, 0.5); }
.advantage-page .quality .intro-list .intro-item:last-child { border-right: none; justify-content: flex-end; padding-right: 0; }
.advantage-page .quality .intro-list .intro-item:first-child { justify-content: flex-start; padding-left: 0; }
.advantage-page .quality .intro-list .intro-item .icon { flex-shrink: 0; width: 20px; margin-right: max(0.12rem, 10px); }
.advantage-page .quality .intro-list .intro-item .icon img { display: block; width: 100%; height: auto; }
.advantage-page .quality .intro-list .intro-item .text { font-family: SourceHanSansCN-Light, sans-serif; font-size: var(--font16); color: #333333; line-height: 1.625; }
.advantage-page .quality .quality-panel { display: flex; align-items: flex-start; justify-content: space-between; margin-top: max(0.6rem, 30px); column-gap: max(0.45rem, 30px); }
.advantage-page .quality .quality-panel .left { width: 49.0234375%; flex-shrink: 0; border-radius: 10px; overflow: hidden; }
.advantage-page .quality .quality-panel .left img { display: block; width: 100%; transition: var(--duration); }
.advantage-page .quality .quality-panel .left:hover img { transform: scale(1.05); }
.advantage-page .quality .quality-panel .right { flex: 1; }
.advantage-page .quality .quality-panel .right .section .section-title-line { display: flex; align-items: center; }
.advantage-page .quality .quality-panel .right .section .section-title-line .icon { margin-right: max(0.23rem, 10px); }
.advantage-page .quality .quality-panel .right .section .section-title-line .panel-title { font-weight: 500; font-size: var(--font24); color: #333333; }
.advantage-page .quality .quality-panel .right .section .main { width: calc(100% - var(--w)); margin-left: auto; }
.advantage-page .quality .quality-panel .right .section1 { margin-bottom: max(0.61rem, 30px); }
.advantage-page .quality .quality-panel .right .section1 .main { padding-bottom: max(0.6rem, 20px); border-bottom: 1px solid rgba(204, 204, 204, 0.5); }
.advantage-page .quality .quality-panel .right .tag-list { margin-top: max(0.3rem, 20px); display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px 10px; width: 70%; }
.advantage-page .quality .quality-panel .right .tag-list .tag-item { font-family: SourceHanSansCN-Light, sans-serif; font-size: var(--font16); color: #333333; border-radius: 99px; border: 1px solid #cccccc; text-align: center; padding: 8px; transition: var(--duration); }
.advantage-page .quality .quality-panel .right .tag-list .tag-item:hover { background-color: var(--theme); color: #fff; border-color: transparent; }
.advantage-page .quality .quality-panel .right .section2 .text-list { display: flex; flex-wrap: wrap; gap: 20px; margin-top: max(0.3rem, 20px); }
.advantage-page .quality .quality-panel .right .section2 .text-list .text-item { display: flex; align-items: center; }
.advantage-page .quality .quality-panel .right .section2 .text-list .text-item img { margin-right: max(0.13rem, 10px); }

/* 6. 星级服务模块 (Service) */
.advantage-page .service { padding: max(1.02rem, var(--space)) 0; background: linear-gradient(to bottom, #f5f8fa, transparent); }
.advantage-page .service .service-panel { display: flex; justify-content: space-between; margin-top: max(0.6rem, 30px); }
.advantage-page .service .service-panel .left { width: 48.9%; position: relative; border-radius: 10px; overflow: hidden; }
.advantage-page .service .service-panel .left .pic img { width: 100%; height: auto; transition: var(--duration); }
.advantage-page .service .service-panel .left:hover .pic img { transform: scale(1.05); }
.advantage-page .service .service-panel .left .text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; display: flex; column-gap: 1.09rem; }
.advantage-page .service .service-panel .left .text .text-item .item-top { font-weight: bold; font-size: var(--font48); color: #fff; margin-bottom: 10px; text-align: center; }
.advantage-page .service .service-panel .left .text .text-item .item-bottom { font-weight: 500; font-size: var(--font18); color: #fff; text-align: center; }
.advantage-page .service .service-panel .right { width: 48.9%; background: #e6ebee; border-radius: 10px; padding: max(0.3rem, 20px); }
.advantage-page .service .service-panel .right .section-title { text-align: center; font-weight: 500; font-size: var(--font32); color: #333333; margin-bottom: max(0.4rem, 20px); }
.advantage-page .service .service-panel .right img { display: block; max-width: 76%; margin: 0 auto; }
.advantage-page .service .icon-list { margin-top: max(0.6rem, 30px); display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
.advantage-page .service .icon-list .icon-item .icon { height: max(0.67rem, 35px); display: flex; justify-content: center; align-items: center; margin-bottom: 10px; }
.advantage-page .service .icon-list .icon-item .icon img { display: block; max-height: 100%; width: auto; object-fit: contain; }
.advantage-page .service .icon-list .icon-item .desc { font-size: var(--font16); color: #333333; text-align: center; line-height: 1.5; }

/* ============================================================
   移动端响应式 (Advantage)
   ============================================================ */

/* --- 标题统一缩小 --- */
@media (max-width: 768px) {
  .advantage-page .advantage-title-area .title { font-size: var(--font28); }
  .advantage-page .advantage-title-area .sub-title { font-size: var(--font16); }
  .advantage-page .common-banner .text .advantage-title .zh { font-size: var(--font28); }
  .advantage-page .common-banner .text .advantage-title .en { font-size: var(--font14); }
  .advantage-page .common-banner .text .advantage-sub-title { font-size: var(--font16); padding-bottom: 1rem; }
}

/* --- 992px --- */
@media (max-width: 992px) {
  .advantage-page .technology .technology-main .text-list,
  .advantage-page .technology .technology-main .team .list { grid-template-columns: repeat(2, 1fr); }
  .advantage-page .quality .intro-list .intro-item { width: 50%; border: 0 !important; margin-bottom: 20px; justify-content: flex-start !important; padding: 0 10px !important; }
  .advantage-page .quality .quality-panel .right .tag-list { width: 100%; }
  .advantage-page .technology .technology-main .intro-list { column-gap: 1rem; }
  .advantage-page .service .icon-list { grid-template-columns: repeat(4, 1fr); }
}

/* --- 768px --- */
@media (max-width: 768px) {
  /* Brand */
  .advantage-page .brand .brand-main { flex-wrap: wrap; row-gap: 20px; }
  .advantage-page .brand .brand-main .left, .advantage-page .brand .brand-main .right { width: 100%; }
  .advantage-page .brand .brand-main .left { order: 1; }
  .advantage-page .brand .brand-main .right .pic img { min-height: 220px; object-fit: cover; }
  .advantage-page .brand .brand-main .right .text-list .item-t .data { font-size: var(--font32); }
  .advantage-page .brand .brand-main .right .text-list .item-t .unit { font-size: var(--font14); }
  .advantage-page .brand .brand-main .right .text-list .item-b { font-size: var(--font14); }

  /* Technology */
  .advantage-page .technology .technology-main .team { flex-wrap: wrap; }
  .advantage-page .technology .technology-main .team .text { width: 100%; margin-bottom: 15px; font-size: var(--font18); }
  .advantage-page .technology .technology-main .team .text br { display: none; }
  .advantage-page .technology .technology-main .team .list { width: 100%; margin-left: 0; }
  .advantage-page .technology .technology-main .intro-list .item .item-t { font-size: var(--font32); }
  .advantage-page .technology .technology-main .intro-list .item .item-t .unit { font-size: var(--font14); }
  .advantage-page .technology .technology-main .intro-list .item .item-b { font-size: var(--font14); }
  .advantage-page .technology .technology-main .intro-list { column-gap: 0.8rem; flex-wrap: wrap; row-gap: 15px; }
  .advantage-page .technology .technology-main { padding: max(0.4rem, 15px); }

  /* Quality */
  .advantage-page .quality .quality-panel { flex-wrap: wrap; row-gap: 20px; }
  .advantage-page .quality .quality-panel .left, .advantage-page .quality .quality-panel .right { width: 100%; }
  .advantage-page .quality .quality-panel .right .section .main { width: 100%; margin-left: 0; }
  .advantage-page .quality .quality-panel .right .section-title-line .panel-title { font-size: var(--font18); }
  .advantage-page .quality .quality-panel .right .section1 .main { border-bottom: none; }
  .advantage-page .quality .quality-panel .right .section1 { border-bottom: 1px solid rgba(204,204,204,.5); padding-bottom: max(0.3rem, 10px); }

  /* Service */
  .advantage-page .service .service-panel { flex-wrap: wrap; row-gap: 20px; }
  .advantage-page .service .service-panel .left, .advantage-page .service .service-panel .right { width: 100%; }
  .advantage-page .service .service-panel .left .text .item-top { font-size: var(--font32); }
  .advantage-page .service .service-panel .left .text .item-bottom { font-size: var(--font14); }
  .advantage-page .service .service-panel .left .text { column-gap: 1.5rem; }
  .advantage-page .service .service-panel .right .section-title { font-size: var(--font22); }
  .advantage-page .service .icon-list { grid-template-columns: repeat(3, 1fr); gap: 25px 15px; }
}

/* --- 576px --- */
@media (max-width: 576px) {
  /* 标题进一步缩小 */
  .advantage-page .advantage-title-area .title { font-size: var(--font22); }
  .advantage-page .common-banner .text .advantage-title .zh { font-size: var(--font22); }

  /* Brand */
  .advantage-page .brand .brand-main .right .text-list { top: 50%; transform: translate(-50%, -50%); bottom: auto; flex-wrap: wrap; justify-content: center; row-gap: 10px; }
  .advantage-page .brand .brand-main .right .text-list .text-item { width: 100%; text-align: center; padding: 5px 10px; }
  .advantage-page .brand .brand-main .left .item .item-text { font-size: 14px; }
  .advantage-page .brand .brand-main .left .item .icon img { width: 18px; margin-top: 0; }
  .advantage-page .brand .brand-main .left .item { align-items: center; padding: max(0.25rem, 12px); }

  /* Technology */
  .advantage-page .technology .technology-main .text-list { grid-template-columns: 1fr; width: 100%; }
  .advantage-page .technology .technology-main .team .list { grid-template-columns: 1fr; }
  .advantage-page .technology .technology-main .intro-list { column-gap: 0.5rem; padding: max(0.4rem, 20px) 0; }

  /* Quality */
  .advantage-page .quality .intro-list .intro-item { width: 100%; justify-content: flex-start !important; padding: 0 !important; margin-bottom: 15px; }
  .advantage-page .quality .quality-panel .right .tag-list { grid-template-columns: repeat(2, 1fr); }
  .advantage-page .quality .quality-panel .right .section2 .text-list { gap: 12px; }

  /* Service */
  .advantage-page .service .service-panel .left .text { column-gap: 1rem; }
  .advantage-page .service .service-panel .left .text .item-top { font-size: var(--font24); }
  .advantage-page .service .service-panel .right img { max-width: 92%; }
  .advantage-page .service .icon-list { grid-template-columns: repeat(2, 1fr); gap: 20px 15px; }
  .advantage-page .service .icon-list .icon-item .desc { font-size: var(--font14); }
}@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } }