/* ============================================================
   hezuo.html 合作与渠道独有样式（命名空间 .hz-）
   ============================================================ */

/* ---------- Hero ---------- */
.hz-hero{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;background:var(--c1);padding-top:var(--header-h)}
.hz-hero__bg{position:absolute;inset:0}
.hz-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.30}
.hz-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,24,27,.94) 34%,rgba(21,24,27,.55) 72%,rgba(21,24,27,.35))}
.hz-hero__inner{position:relative;z-index:2;padding-block:64px 84px}
.hz-hero__kick{display:inline-block;font-family:var(--font-en);font-size:12px;letter-spacing:.24em;color:var(--o1);border:1px solid rgba(224,91,32,.4);padding:5px 14px}
.hz-hero h1{font-size:clamp(34px,5vw,60px);font-weight:900;line-height:1.18;margin-top:18px}
.hz-hero__em{color:var(--o1)}
.hz-hero__desc{max-width:600px;color:var(--g4);margin-top:20px;font-size:15.5px}
.hz-hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}

/* ---------- 合作模式三卡 ---------- */
.hz-mode{background:var(--c1)}
.hz-mode__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hz-mode .card{height:100%}
.hz-mode .badge{margin-bottom:16px}
.hz-mode__pts{margin-top:16px;display:grid;gap:8px}
.hz-mode__pts li{padding-left:16px;position:relative;font-size:13.5px;color:var(--g4)}
.hz-mode__pts li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--o1)}

/* ---------- 合作优势数据带（米白） ---------- */
.hz-benefit__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.hz-benefit__cell b{font-family:var(--font-en);font-size:46px;font-weight:900;color:var(--o1);display:block;line-height:1}
.hz-benefit__cell span{font-size:13px;color:#5A6158;margin-top:10px;display:block}

/* ---------- 合作流程 ---------- */
.hz-step{background:var(--c2)}

/* ---------- 合作承诺（军绿） ---------- */
.hz-promise__inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.hz-promise__media img{width:100%;height:380px;object-fit:cover;border:1px solid var(--line-d)}
.hz-promise__list{margin-top:22px;display:grid;gap:12px}
.hz-promise__list li{padding-left:20px;position:relative;color:var(--g4);font-size:14.5px}
.hz-promise__list li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;background:var(--o1)}

/* ---------- 合作表单 ---------- */
.hz-form{background:var(--c1)}
.hz-form__box{max-width:760px;margin:0 auto;padding:36px;background:var(--c2);border:1px solid var(--line-d);border-top:3px solid var(--o1)}
.hz-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* ---------- 合作问答 ---------- */
.hz-faq .acc{max-width:860px;margin:0 auto}
.acc__item{border:1px solid var(--line-d);margin-bottom:14px;background:var(--c1)}
.acc__head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;padding:20px 24px;font-size:16px;font-weight:700;color:var(--white)}
.acc__plus{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;color:var(--o1);border:1px solid rgba(224,91,32,.4);font-size:18px;transition:transform .3s}
.acc__item.is-open .acc__plus{transform:rotate(45deg)}
.acc__body{max-height:0;overflow:hidden;transition:max-height .35s ease}
.acc__item.is-open .acc__body{max-height:240px}
.acc__body p{padding:0 24px 22px;color:var(--g4);font-size:14px}

/* ---------- 服务覆盖横条 ---------- */
.hz-cover{background:var(--c2)}
.hz-cover__inner{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.hz-cover__sub{color:var(--g4);margin-top:10px;max-width:420px}
.hz-cover__tags{display:flex;gap:10px;flex-wrap:wrap}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .hz-mode__grid{grid-template-columns:1fr;gap:18px}
  .hz-benefit__grid{grid-template-columns:1fr 1fr;gap:28px}
  .hz-promise__inner{grid-template-columns:1fr;gap:32px}
  .hz-form__row{grid-template-columns:1fr;gap:0}
}

/* ---------- 内联样式迁出 ---------- */
.hz-promise__title{font-size:clamp(24px,3vw,36px);font-weight:900}

/* ---------- 合作类型图标墙 ---------- */
.hz-icons{background:var(--c1)}
.hz-icons__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.hz-icons__cell{padding:30px 24px;background:var(--c2);border:1px solid var(--line-d);border-top:3px solid var(--o1);transition:transform .3s}
.hz-icons__cell:hover{transform:translateY(-6px)}
.hz-icons__cell svg{color:var(--o1);margin-bottom:16px}
.hz-icons__cell h3{font-size:16px;margin-bottom:8px}
.hz-icons__cell p{font-size:13px;color:var(--g4)}

/* ---------- 结算分佣三步 ---------- */
.hz-pay{background:var(--c2)}
.hz-pay__steps{display:flex;align-items:stretch;gap:0;margin-top:44px;flex-wrap:wrap}
.hz-pay__step{flex:1;min-width:200px;padding:28px 24px;background:var(--c1);border:1px solid var(--line-d)}
.hz-pay__no{font-family:var(--font-en);font-size:30px;font-weight:900;color:var(--o1);display:block;margin-bottom:12px}
.hz-pay__step h3{font-size:17px;margin-bottom:8px}
.hz-pay__step p{font-size:13.5px;color:var(--g4)}
.hz-pay__arrow{display:flex;align-items:center;padding:0 14px;color:var(--o1);font-size:24px}

/* ---------- 地域辐射可视化 ---------- */
.hz-cover__visual{position:relative;max-width:560px;margin:44px auto 0;height:300px}
.hz-cover__core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:3;width:130px;height:130px;border-radius:50%;background:var(--o1);display:grid;place-content:center}
.hz-cover__core-city{font-size:15px;font-weight:900;color:#fff}
.hz-cover__core-sub{font-size:11px;color:rgba(255,255,255,.85);margin-top:4px}
.hz-cover__ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px dashed rgba(224,91,32,.35);border-radius:50%}
.hz-cover__ring--1{width:200px;height:200px}
.hz-cover__ring--2{width:320px;height:320px}
.hz-cover__ring--3{width:460px;height:460px}
.hz-cover__out{position:absolute;inset:0}
.hz-cover__city{position:absolute;font-size:13px;color:var(--g4);padding:4px 12px;background:var(--c2);border:1px solid var(--line-d)}
.hz-cover__city:nth-child(1){top:6%;left:50%;transform:translateX(-50%)}
.hz-cover__city:nth-child(2){top:20%;right:4%}
.hz-cover__city:nth-child(3){bottom:18%;right:8%}
.hz-cover__city:nth-child(4){bottom:6%;left:50%;transform:translateX(-50%)}
.hz-cover__city:nth-child(5){bottom:20%;left:6%}
.hz-cover__city:nth-child(6){top:20%;left:4%}

/* ---------- 新组件响应式 ---------- */
@media (max-width:900px){
  .hz-icons__grid{grid-template-columns:1fr 1fr;gap:16px}
  .hz-pay__steps{flex-direction:column}
  .hz-pay__arrow{transform:rotate(90deg);justify-content:center;padding:6px 0}
  .hz-cover__visual{height:auto;min-height:300px}
}