/* 企业采购 */

/* ---------- 服务优势 ---------- */
.ent-adv-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: .3rem; }
.ent-adv-item { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 3rem; padding: .5rem .3rem; border-radius: var(--radius-lg); background: var(--c-bg-gray); border: 1px solid transparent; text-align: center; transition: background .3s, border-color .3s, box-shadow .3s; }
.ent-adv-item:hover { background: #fff; border-color: var(--c-line); box-shadow: 0 .16rem .4rem rgba(0, 0, 0, .06); }
.ent-adv-icon { width: .9rem; height: .9rem; margin-bottom: .28rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff; font-size: .42rem; transition: transform .4s var(--ease); }
.ent-adv-icon img { max-width: 70%; max-height: 70%; object-fit: contain; }
.ent-adv-icon .ico { stroke-width: 1.3; }
.ent-adv-item:hover .ent-adv-icon { transform: translateY(-.06rem); }
.ent-adv-title { font-size: .26rem; font-weight: 700; }
.ent-adv-sub { margin-top: .08rem; font-size: .18rem; color: var(--c-text-2); }

/* ---------- 全场景定制 ---------- */
.ent-scenes { padding-top: 0; }
.ent-scene-tabs { position: relative; display: flex; justify-content: center; gap: .64rem; margin: -.2rem 0 .4rem; }
.ent-scene-tab { position: relative; padding: .1rem 0 .14rem; font-size: .2rem; color: var(--c-text-3); white-space: nowrap; transition: color .3s; }
.ent-scene-tab::after { content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; height: 2px; background: var(--c-primary); transition: all .3s; }
.ent-scene-tab:hover, .ent-scene-tab.on { color: var(--c-text); }
.ent-scene-tab.on { font-weight: 600; }
.ent-scene-tab:hover::after, .ent-scene-tab.on::after { left: 0; right: 0; }
.ent-scene-swiper { border-radius: var(--radius-lg); }
.ent-scene-img { overflow: hidden; border-radius: var(--radius-lg); background: var(--c-bg-gray); }
.ent-scene-img .pic img { width: 100%; height: auto; }
.ent-scene-progress { display: none; }

/* ---------- 合作客户 Logo 墙 ---------- */
.ent-logos { display: grid; grid-template-columns: repeat(5, 1fr); gap: .24rem; }
.ent-logo { display: flex; align-items: center; justify-content: center; aspect-ratio: 260 / 120; padding: .16rem .24rem; border-radius: var(--radius); background: #fff; overflow: hidden; }
.ent-logo .pic { width: 100%; height: 100%; }
.ent-logo .pic img { width: 100%; height: 100%; object-fit: contain; filter: grayscale(1); opacity: .85; transition: filter .3s, opacity .3s; }
.ent-logo:hover .pic img { filter: none; opacity: 1; }

/* ---------- 企业采购热线 ---------- */
.ent-hotline { position: relative; overflow: hidden; min-height: 5.2rem; display: flex; align-items: center; }
.ent-hotline.no-bg { background: var(--c-bg-gray); }
.ent-hotline-bg { position: absolute; inset: 0; }
.ent-hotline-bg img { width: 100%; height: 100%; object-fit: cover; }
.ent-hotline-inner { position: relative; z-index: 1; padding: .9rem 0; }
.ent-hotline-title { font-size: .44rem; font-weight: 700; }
.ent-hotline-contact { display: flex; align-items: center; gap: .08rem; margin-top: .24rem; font-size: .2rem; color: var(--c-text-2); }
.ent-hotline-phone { display: inline-flex; align-items: center; gap: .14rem; margin-top: .3rem; font-size: .6rem; font-weight: 700; line-height: 1.1; letter-spacing: .01rem; font-variant-numeric: tabular-nums; transition: opacity .3s; }
.ent-hotline-phone .ico { font-size: .5rem; stroke-width: 1.4; }
.ent-hotline-phone:hover { opacity: .75; }
.ent-hotline-label { margin-top: .12rem; font-size: .2rem; color: var(--c-text-2); }
.ent-hotline-desc { margin-top: .24rem; padding-top: .24rem; max-width: 6rem; border-top: 1px solid rgba(0, 0, 0, .12); font-size: .18rem; line-height: 1.8; color: var(--c-text-2); }
.ent-hotline.is-light { color: #fff; }
.ent-hotline.is-light .ent-hotline-contact, .ent-hotline.is-light .ent-hotline-label, .ent-hotline.is-light .ent-hotline-desc { color: rgba(255, 255, 255, .78); }
.ent-hotline.is-light .ent-hotline-desc { border-top-color: rgba(255, 255, 255, .25); }

@media (max-width: 1199px) and (min-width: 761px) {
  .ent-adv-list { grid-template-columns: repeat(2, 1fr); }
  .ent-logos { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 760px) {
  .ent-adv-list { grid-template-columns: repeat(2, 1fr); gap: .2rem; }
  .ent-adv-item { min-height: 3.2rem; padding: .4rem .16rem; border-radius: .24rem; }
  .ent-adv-item:hover { background: var(--c-bg-gray); border-color: transparent; box-shadow: none; }
  .ent-adv-icon { width: 1.04rem; height: 1.04rem; margin-bottom: .24rem; font-size: .5rem; }
  .ent-adv-title { font-size: .3rem; }
  .ent-adv-sub { font-size: .24rem; margin-top: .06rem; }

  .ent-scene-tabs { justify-content: flex-start; gap: .5rem; margin: -.1rem -.3rem .36rem; padding: 0 .3rem; overflow-x: auto; scrollbar-width: none; }
  .ent-scene-tabs::-webkit-scrollbar { display: none; }
  .ent-scene-tab { flex-shrink: 0; font-size: .28rem; padding: .1rem 0 .16rem; }
  .ent-scene-box { margin: 0 -.3rem; }
  .ent-scene-swiper { border-radius: 0; }
  .ent-scene-img { border-radius: .24rem; }
  .ent-scene-progress { display: block; width: 3rem; margin: .4rem auto 0; }

  .ent-logos { grid-template-columns: repeat(3, 1fr); gap: 0; padding: .1rem .2rem; border-radius: .24rem; background: #fff; }
  .ent-logo { padding: .2rem .14rem; border-radius: 0; border-bottom: 1px solid var(--c-line); position: relative; }
  .ent-logo:not(:nth-child(3n))::after { content: ""; position: absolute; right: 0; top: 22%; bottom: 22%; width: 1px; background: var(--c-line); }
  .ent-logo:nth-child(3n+1):nth-last-child(-n+3), .ent-logo:nth-child(3n+1):nth-last-child(-n+3) ~ .ent-logo { border-bottom: 0; }
  .ent-logo .pic img { filter: none; opacity: 1; }

  .ent-hotline { min-height: 7.6rem; text-align: center; }
  .ent-hotline-inner { flex: 1; margin: .8rem .3rem; padding: .6rem .3rem .64rem; border-radius: .24rem; background: rgba(255, 255, 255, .72); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
  .ent-hotline.no-bg .ent-hotline-inner { background: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .ent-hotline.is-light .ent-hotline-inner { background: rgba(0, 0, 0, .32); }
  .ent-hotline-title { font-size: .44rem; }
  .ent-hotline-title span { display: block; font-size: .28rem; font-weight: 500; margin-bottom: .1rem; opacity: .7; }
  .ent-hotline-contact { justify-content: center; font-size: .26rem; }
  .ent-hotline-phone { margin-top: .36rem; font-size: .6rem; gap: .12rem; }
  .ent-hotline-phone .ico { font-size: .48rem; }
  .ent-hotline-label { font-size: .26rem; }
  .ent-hotline-desc { max-width: none; margin: .3rem auto 0; padding-top: .3rem; font-size: .26rem; }
  .ent-hotline .ent-hotline-call.wap-show { display: inline-flex !important; margin-top: .44rem; }
  .ent-hotline.is-light .ent-hotline-call { background: #fff; color: var(--c-text); }
}
