/* 可选：如需完全还原衬线标题字体，保留此行；不需要可整行删除 */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Jost:wght@300;400;500;600&display=swap');

.ueepl{
  --ueepl-ink:#141d19; --ueepl-body:#4a5650; --ueepl-muted:#7c8a83;
  --ueepl-line:#e4e2da; --ueepl-line2:#efece4; --ueepl-cream:#f8f6f1;
  --ueepl-sage:#8aa695; --ueepl-sage-d:#3f5b4d; --ueepl-gold:#b08d4f;
  --ueepl-serif:"Cormorant Garamond","Songti SC","SimSun",Georgia,"Times New Roman",serif;
  --ueepl-sans:"Jost","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  --ueepl-radius:14px;
  font-family:var(--ueepl-sans);
  color:var(--ueepl-body);
  font-size:15px; line-height:1.75; letter-spacing:.01em;
  -webkit-font-smoothing:antialiased; text-align:left;
}
.ueepl *,.ueepl *::before,.ueepl *::after{box-sizing:border-box}
.ueepl p,.ueepl ul,.ueepl li,.ueepl h2,.ueepl h3{margin:0;padding:0;list-style:none}
.ueepl img{max-width:100%;height:auto;display:block}
.ueepl-inner{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}

/* ---------- 标题区 ---------- */
.ueepl-steps{background:#fff;padding:88px 0}
.ueepl-head{max-width:760px;margin:0 auto 52px;text-align:center}
.ueepl-eyebrow{
  display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.26em;
  text-transform:uppercase;color:var(--ueepl-sage-d);margin-bottom:14px;
}
.ueepl-eyebrow::before{
  content:"";display:inline-block;width:26px;height:1px;background:var(--ueepl-gold);
  vertical-align:middle;margin-right:10px;
}
.ueepl-h2{
  font-family:var(--ueepl-serif);font-weight:500;line-height:1.2;letter-spacing:.005em;
  color:var(--ueepl-ink);font-size:clamp(1.7rem,3vw,2.65rem);
}
.ueepl-sub{color:var(--ueepl-muted);margin-top:16px;font-size:1rem}

/* ---------- 六步卡片 ---------- */
.ueepl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.ueepl-card{
  position:relative;overflow:hidden;background:#fff;
  border:1px solid var(--ueepl-line);border-radius:var(--ueepl-radius);
  padding:34px 30px;transition:box-shadow .3s ease,transform .3s ease;
}
.ueepl-card::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--ueepl-sage),#d9c39a);
  transform:scaleX(0);transform-origin:left;transition:transform .4s ease;
}
.ueepl-card:hover,.ueepl-card:focus-within{box-shadow:0 10px 34px rgba(20,29,25,.10);transform:translateY(-4px)}
.ueepl-card:hover::before,.ueepl-card:focus-within::before{transform:scaleX(1)}
.ueepl-no{font-family:var(--ueepl-serif);font-size:.95rem;color:var(--ueepl-gold);letter-spacing:.1em}
.ueepl-h3{
  font-family:var(--ueepl-serif);font-weight:500;line-height:1.25;color:var(--ueepl-ink);
  font-size:1.24rem;margin:10px 0 12px;
}
.ueepl-card p{font-size:.88rem;color:var(--ueepl-muted)}
.ueepl-list{margin-top:16px;display:grid;gap:8px}
.ueepl-list li{position:relative;padding-left:16px;font-size:.83rem;line-height:1.65;color:var(--ueepl-body)}
.ueepl-list li::before{
  content:"";position:absolute;left:0;top:10px;width:5px;height:5px;
  border-radius:50%;background:var(--ueepl-sage);
}

/* ---------- ★ 商务条款速览条（不需要可整段删除） ---------- */
.ueepl-band{background:var(--ueepl-cream);padding:60px 0}
.ueepl-terms{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--ueepl-line2);border:1px solid var(--ueepl-line2);
  border-radius:var(--ueepl-radius);overflow:hidden;
}
.ueepl-term{background:#fff;padding:26px 24px}
.ueepl-term b{
  display:block;font-size:.72rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ueepl-sage-d);margin-bottom:8px;
}
.ueepl-term p{font-size:.87rem;color:var(--ueepl-muted)}
/* ---------- ★ 条款条结束 ---------- */

/* ---------- 自适应 ---------- */
@media (max-width:1024px){
  .ueepl-steps{padding:64px 0}
  .ueepl-head{margin-bottom:40px}
  .ueepl-grid{gap:20px}
  .ueepl-card{padding:28px 24px}
  .ueepl-band{padding:46px 0}
  .ueepl-terms{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .ueepl-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .ueepl-steps{padding:48px 0}
  .ueepl-inner{padding:0 18px}
  .ueepl-head{margin-bottom:32px}
  .ueepl-eyebrow{letter-spacing:.2em;font-size:.68rem}
  .ueepl-card{padding:24px 20px}
  .ueepl-h3{font-size:1.15rem}
  .ueepl-card p{font-size:.86rem}
  .ueepl-list li{font-size:.82rem}
  .ueepl-band{padding:36px 0}
  .ueepl-terms{grid-template-columns:1fr}
  .ueepl-term{padding:22px 20px}
}