/* ============================================================
   yuyue.css · 线下咨询预约专属样式
   ============================================================ */

/* ---------- 题头：斜切 ---------- */
.yy-hero{
  position:relative;
  background:linear-gradient(120deg,var(--blue-600),var(--blue-800));
  color:#fff;
  padding:calc(var(--header-h) + 60px) 0 90px;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 60px),0 100%);
}
.yy-hero .breadcrumb a{color:var(--blue-200)}
.yy-hero .breadcrumb span{color:rgba(255,255,255,.6)}
.yy-hero .bc-now{color:#fff}
.yy-title{color:#fff;max-width:680px;margin:12px 0 16px}
.yy-lead{color:rgba(255,255,255,.9);font-size:15px;line-height:1.9;max-width:600px;margin-bottom:28px}

/* ---------- 双城咨询点 ---------- */
.yy-points{padding:70px 0 40px;background:var(--white)}
.point-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.point-card{
  border-radius:var(--radius-l);overflow:hidden;
  background:var(--white);border:1px solid var(--gray-100);
  box-shadow:var(--shadow-s);
}.point-card img {width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.pt-body{padding:24px 26px 26px}
.pt-body h3{margin-bottom:10px}
.pt-body p{font-size:13.5px;color:var(--gray-600);line-height:1.9;margin-bottom:14px}
.pt-meta{border-top:1px dashed var(--gray-200);padding-top:12px;display:flex;flex-direction:column;gap:6px}
.pt-meta li{font-size:12.5px;color:var(--gray-500)}

/* ---------- 到店流程 ---------- */
.yy-flow{padding:10px 0 0;background:var(--white)}
.flow-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.fm{
  background:var(--blue-50);border-radius:var(--radius-m);
  padding:20px 18px;text-align:center;
}
.fm em{font-style:normal;font-size:22px;font-weight:800;color:var(--blue-400)}
.fm h3{font-size:14.5px;margin:6px 0 6px}
.fm p{font-size:12.5px;color:var(--gray-500);line-height:1.7}

/* ---------- 时段表 ---------- */
.yy-slots{padding:40px 0;background:var(--white)}
.slot-table{
  overflow-x:auto;border-radius:var(--radius-m);
  border:1px solid var(--gray-100);box-shadow:var(--shadow-s);
}
.slot-table table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:620px;background:var(--white)}
.slot-table th,.slot-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--gray-100)}
.slot-table thead th{background:var(--blue-50);color:var(--gray-800)}
.slot-table tbody tr td:first-child{font-weight:600;color:var(--gray-900)}
.slot-table tbody tr:last-child td{border-bottom:none}

/* ---------- 预约表单 + 须知 ---------- */
.yy-formzone{padding:70px 0 90px;background:var(--gray-50)}
.yy-two{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}
.yy-form h2{margin-bottom:8px}
.yy-form-sub{font-size:13.5px;color:var(--gray-500);margin-bottom:22px}
.yy-notice h2{margin-bottom:18px}
.notice-list{display:flex;flex-direction:column;gap:16px;counter-reset:n}
.notice-list li{
  display:grid;grid-template-columns:34px 1fr;gap:12px;
  counter-increment:n;
}
.notice-list li::before{
  content:counter(n);
  width:28px;height:28px;border-radius:50%;
  background:var(--blue-100);color:var(--blue-700);
  font-weight:700;font-size:13px;
  display:flex;align-items:center;justify-content:center;
}
.notice-list strong{display:block;font-size:14px;color:var(--gray-900);margin-bottom:3px}
.notice-list span{font-size:13px;color:var(--gray-500);line-height:1.8}

/* ---------- 到店一次能聊清什么 ---------- */
.yy-what{padding:30px 0 10px;background:var(--white)}
.what-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.w-card{
  background:var(--gray-50);border-radius:var(--radius-m);
  padding:22px 20px;border-top:3px solid var(--blue-400);
}
.w-card h3{font-size:15px;margin-bottom:8px}
.w-card p{font-size:12.5px;color:var(--gray-600);line-height:1.85}

/* ---------- 预约常见问题 ---------- */
.yy-faq{padding:50px 0 80px;background:var(--gray-50)}
.narrow-yy{max-width:880px}
.faq-list{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.fq{
  background:var(--white);border-radius:var(--radius-m);
  padding:20px 24px;box-shadow:var(--shadow-s);
}
.fq h3{font-size:15px;margin-bottom:6px}
.fq p{font-size:13.5px;color:var(--gray-600);line-height:1.85}

/* ---------- 响应式 ---------- */
@media (max-width:920px){
  .point-grid,.yy-two{grid-template-columns:1fr;gap:30px}
  .yy-hero{clip-path:none;padding-bottom:60px}
  .flow-mini{grid-template-columns:1fr 1fr}
  .what-grid{grid-template-columns:1fr 1fr}
}