/* ============================================================
   xieyi.html · 服务协议
   题头③：顶部色带变体
   ============================================================ */

/* ---------- 顶部色带 ---------- */
.xy-band{
  height:10px; margin-top:72px;
  background:linear-gradient(90deg, var(--orange) 0%, var(--orange) 33%, var(--green) 66%, var(--green) 100%);
}
.xy-hero{
  background:var(--bg-soft); padding:52px 0 44px;
}
.xy-kicker{
  display:inline-block; margin:8px 0 12px; padding:4px 14px; border-radius:6px;
  background:var(--ink); color:#fff; font-size:12px; font-weight:800; letter-spacing:3px;
}
.xy-title{ font-size:44px; font-weight:800; letter-spacing:2px; }
.xy-sub{ margin-top:14px; max-width:760px; color:var(--ink-2); font-size:15px; line-height:1.9; }

/* ---------- 协议正文 ---------- */
.xy-doc{ background:var(--white); }
.xy-doc-wrap{ max-width:860px; margin:0 auto; }
.xy-lead{
  background:var(--orange-soft); border-radius:var(--radius); padding:20px 24px;
  font-size:14.5px; color:var(--ink-2); line-height:2; margin-bottom:34px;
}
.xy-doc section{ margin-bottom:30px; }
.xy-doc h2{
  font-size:19px; margin-bottom:12px; padding:8px 14px;
  background:var(--bg-green); border-radius:8px; color:var(--ink);
}
.xy-doc p{ font-size:14.5px; color:var(--ink-2); line-height:2; margin-bottom:10px; }

/* ---------- 行动带 ---------- */
.consult{
  background:linear-gradient(120deg, var(--orange-deep), var(--orange));
  color:#fff; padding:56px 0;
}
.consult-inner{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; }
.consult-copy h2{ font-size:26px; font-weight:800; }
.consult-copy p{ margin-top:8px; color:rgba(255,255,255,.92); font-size:14.5px; max-width:520px; }
.consult-actions{ display:flex; flex-wrap:wrap; gap:14px; }

/* ---------- 响应式 ---------- */
@media (max-width:640px){
  .xy-title{ font-size:32px; }
  .xy-hero{ padding:36px 0 30px; }
}