/* ==========================================================================
   privacy.html · 隐私政策（F17 阶梯式）
   --------------------------------------------------------------------------
   布局：页首 → 阶梯编号 8 节 → 联系方式条
   ========================================================================== */

.law-hero{
  padding:clamp(48px,7vw,80px) 0 clamp(30px,4vw,48px);
  background:
    radial-gradient(700px 260px at 15% -10%,rgba(78,124,91,.14),transparent 60%),
    linear-gradient(180deg,var(--moon-200),var(--moon-100));
  border-bottom:1px solid var(--line-soft);
}
.law-hero h1{font-size:clamp(28px,3.6vw,44px);letter-spacing:.06em;margin-top:12px}
.law-hero .meta{margin-top:14px;font-size:14px;color:var(--ink-500)}
.law-hero p{margin-top:10px;max-width:680px;color:var(--ink-500)}

/* 阶梯式条款 */
.law-body{padding-block:clamp(40px,5vw,72px)}
.law-step{
  position:relative;margin-bottom:30px;padding:30px 34px 26px;
  background:#fffdf8;border:1px solid var(--line-soft);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-soft);
  /* 阶梯：每节向右下偏移一点 */
  margin-left:0;
}
.law-step:nth-child(1){margin-left:0}
.law-step:nth-child(2){margin-left:24px}
.law-step:nth-child(3){margin-left:48px}
.law-step:nth-child(4){margin-left:24px}
.law-step:nth-child(5){margin-left:0}
.law-step:nth-child(6){margin-left:24px}
.law-step:nth-child(7){margin-left:48px}
.law-step:nth-child(8){margin-left:24px}

.law-num{
  position:absolute;left:-14px;top:24px;
  width:48px;height:48px;border-radius:50%;
  background:var(--cinnabar-500);color:#fff;
  font-family:var(--serif);font-size:20px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 20px rgba(192,47,43,.3);
}
.law-step h2{
  font-size:20px;letter-spacing:.06em;margin:0 0 12px 56px;
}
.law-step p,.law-step li{
  font-size:15px;line-height:2;color:var(--ink-700);margin-bottom:.6em;
}
.law-step ul{padding-left:1.4em;margin:.4em 0}
.law-step ul li{list-style:disc;margin-bottom:.4em}
.law-step strong{color:var(--ink-900)}

.law-contact{
  background:linear-gradient(135deg,var(--bamboo-900),var(--bamboo-700));
  color:var(--moon-100);padding-block:clamp(40px,5vw,60px);margin-top:30px;
}
.law-contact .row{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.law-contact h2{color:#fff;font-size:clamp(22px,2.6vw,30px)}
.law-contact p{margin-top:8px;color:rgba(247,245,238,.78)}
.law-contact .phone{
  font-family:var(--serif);font-size:clamp(24px,3vw,36px);font-weight:700;color:#fff;
}
.law-contact .phone:hover{color:var(--cinnabar-400)}

@media (max-width:760px){
  .law-step{margin-left:0!important;padding:24px 20px}
  .law-num{width:38px;height:38px;font-size:16px;left:-10px}
  .law-step h2{margin-left:44px;font-size:18px}
}