/* ============================================================
   zhengshu-yangben.css —— L9 棋盘网格
   非等宽棋盘（2:1 / 1:2 交错）、色块叠照片
   ============================================================ */

/* ---------- Hero：四象限 ---------- */
.yb-hero{
  padding:calc(var(--header-h) + 46px) 0 0; background:var(--cream-50);
}
.yb-hero__grid{
  display:grid; grid-template-columns:1.15fr 1fr; gap:0; align-items:stretch;
}
.yb-hero__quad--img img{ width:100%; height:100%; object-fit:cover; min-height:420px; }
.yb-hero__quad--text{
  background:var(--green-900); padding:clamp(34px,5vw,64px);
  display:flex; flex-direction:column; justify-content:center;
}
.yb-hero__quad--text .breadcrumb{ color:rgba(251,248,241,.6); margin-bottom:20px; }
.yb-hero__quad--text .breadcrumb a{ color:var(--cream-100); }
.yb-hero__quad--text .breadcrumb .cur{ color:var(--brown-500); }
.yb-hero__eyebrow{ font-size:13px; letter-spacing:.4em; color:var(--brown-500); margin-bottom:16px; }
.yb-hero__quad--text h1{ color:var(--cream-50); margin-bottom:18px; }
.yb-hero__lead{ color:rgba(251,248,241,.78); margin-bottom:28px; }
.yb-hero__actions{ display:flex; flex-wrap:wrap; gap:12px; }

/* ---------- Board 棋盘 ---------- */
.yb-board{
  display:grid; grid-template-columns:2fr 1fr; gap:22px;
}
.yb-cell{ min-height:280px; }
.yb-cell--img img{ width:100%; height:100%; object-fit:cover; border-radius:var(--radius-m); }
.yb-cell--text{
  background:var(--cream-100); border-radius:var(--radius-m); padding:34px 30px;
  display:flex; flex-direction:column; justify-content:center;
}
.yb-cell--text h3{ margin-bottom:12px; }
.yb-cell--text p{ font-size:14.5px; }
.yb-board > :nth-child(3){ order:4; }
.yb-board > :nth-child(4){ order:3; }

/* ---------- Fields ---------- */
.yb-fields__grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:20px;
}
.yb-fd{
  background:var(--cream-50); border:1px solid var(--line); border-radius:var(--radius-m);
  padding:28px 26px; position:relative; overflow:hidden;
}
.yb-fd::before{
  content:""; position:absolute; right:-30px; top:-30px; width:90px; height:90px;
  background:rgba(176,141,102,.12); border-radius:50%;
}
.yb-fd b{ display:block; font-family:var(--font-serif); color:var(--green-800); font-size:17px; margin-bottom:10px; }
.yb-fd p{ font-size:14px; }

/* ---------- Secure ---------- */
.yb-secure__grid{ display:grid; grid-template-columns:1fr 1.1fr; gap:clamp(36px,6vw,70px); align-items:center; }
.yb-secure__copy p{ margin-bottom:16px; }
.yb-secure__copy a{ color:var(--green-700); font-weight:600; }
.yb-secure__list{ display:grid; gap:12px; }
.yb-secure__list li{
  position:relative; padding-left:26px; color:var(--ink-soft); font-size:14.5px;
}
.yb-secure__list li::before{
  content:""; position:absolute; left:4px; top:10px; width:10px; height:10px;
  border:1.5px solid var(--brown-500); transform:rotate(45deg);
}
.yb-secure__pic img{ border-radius:var(--radius-m); box-shadow:var(--shadow-md); }

/* ---------- Eleg：深绿 ---------- */
.yb-eleg{ padding:clamp(56px,8vw,96px) 0; }
.yb-eleg__cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.yb-el{
  background:rgba(251,248,241,.05); border:1px solid rgba(251,248,241,.14);
  border-radius:var(--radius-m); padding:28px 26px;
}
.yb-el b{ display:block; font-family:var(--font-serif); color:var(--brown-500); margin-bottom:10px; font-size:18px; }
.yb-el p{ font-size:14px; }
.yb-el a{ color:var(--brown-500); text-decoration:underline; }

/* ---------- Old ---------- */
.yb-old__wrap{ border-radius:var(--radius-m); overflow:hidden; box-shadow:var(--shadow-sm); }
.yb-old__note{ text-align:center; margin-top:24px; font-size:14.5px; }
.yb-old__note a{ color:var(--green-700); font-weight:600; }

/* ---------- Get ---------- */
.yb-get{ padding:clamp(46px,6vw,70px) 0; }
.yb-get__inner{
  background:var(--green-900); border-radius:var(--radius-l);
  padding:clamp(32px,5vw,56px); display:flex; flex-wrap:wrap; gap:24px;
  align-items:center; justify-content:space-between;
}
.yb-get__inner h2{ color:var(--cream-100); margin-bottom:10px; }
.yb-get__inner p{ color:rgba(251,248,241,.75); max-width:480px; }
.yb-get__actions{ display:flex; flex-wrap:wrap; gap:14px; }

/* ---------- FAQ ---------- */
.yb-faq__list{ max-width:840px; margin-inline:auto; display:grid; gap:14px; }
.yb-faq-item{
  background:var(--cream-100); border-radius:var(--radius-s); border:1px solid var(--line);
  overflow:hidden;
}
.yb-faq-item summary{
  list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center;
  gap:16px; padding:18px 24px; font-family:var(--font-serif); font-weight:700; color:var(--green-900); font-size:16px;
}
.yb-faq-item summary::-webkit-details-marker{ display:none; }
.yb-faq-item summary span{ flex:none; color:var(--brown-500); font-size:20px; transition:transform .3s; }
.yb-faq-item[open] summary span{ transform:rotate(45deg); }
.yb-faq-item p{ padding:0 24px 20px; font-size:14.5px; }
.yb-faq-item p a{ color:var(--green-700); font-weight:600; }

/* ---------- Booking ---------- */
.yb-booking{ background:var(--cream-100); padding:clamp(56px,8vw,90px) 0; }
.yb-booking__inner{
  display:grid; grid-template-columns:1.1fr 1fr; gap:clamp(30px,5vw,60px); align-items:center;
}
.yb-booking__copy h2{ margin-bottom:12px; }
.yb-booking__copy p{ font-size:15px; }
.yb-booking__copy a{ color:var(--green-700); font-weight:700; }
.yb-booking__form{
  background:var(--cream-50); border:1px solid var(--line); border-radius:var(--radius-m);
  padding:30px; display:grid; gap:14px; box-shadow:var(--shadow-sm);
}

/* ---------- 独立 eyebrow 统一样式 ---------- */
.eyebrow{ display:inline-block; font-size:13px; letter-spacing:.32em; color:var(--brown-600); margin-bottom:14px; }
.eyebrow::before{ content:""; display:inline-block; width:30px; height:1px; background:var(--brown-500); vertical-align:middle; margin-right:10px; }

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .yb-hero__grid,.yb-secure__grid,.yb-booking__inner{ grid-template-columns:1fr; }
  .yb-hero__quad--img img{ min-height:260px; }
  .yb-board{ grid-template-columns:1fr; }
  .yb-board > :nth-child(3),.yb-board > :nth-child(4){ order:0; }
  .yb-fields__grid,.yb-eleg__cards{ grid-template-columns:1fr; }
}

/* ============================================================
   【新增】扩充区块样式（yc- 前缀，与既有模块区分）
   ============================================================ */

/* 字段逐项对照表 */
.yc-table__wrap{ max-width:920px; margin:0 auto; }
.yc-table__wrap table{ background:var(--cream-100); }
.yc-table__tbl{ table-layout:fixed; }
.yc-table__tbl col:nth-child(1){ width:20%; }
.yc-table__tbl col:nth-child(2){ width:30%; }
.yc-table__tbl col:nth-child(3){ width:50%; }
.yc-table__wrap td:first-child{ font-weight:700; color:var(--green-800); white-space:nowrap; }

/* 证件保管与出示 */
.yc-care__grid{
  display:grid; grid-template-columns:1fr 1.1fr; gap:clamp(28px,5vw,60px); align-items:center;
}
.yc-care__copy .eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:13px; letter-spacing:.3em; color:var(--brown-600); margin-bottom:14px;
}
.yc-care__copy h2{ margin-bottom:14px; }
.yc-care__copy > p{ font-size:14.5px; color:var(--muted); line-height:2; margin-bottom:22px; }
.yc-care__copy img{ width:100%; height:240px; object-fit:cover; border-radius:var(--radius-l); box-shadow:var(--shadow-md); }
.yc-care__list{ display:grid; gap:12px; }
.yc-care__list li{
  position:relative; padding:15px 18px 15px 46px; background:var(--cream-50);
  border:1px solid var(--line); border-radius:var(--radius-m);
  font-size:14.5px; color:var(--ink-soft); line-height:1.7;
}
.yc-care__list li::before{
  content:""; position:absolute; left:18px; top:22px; width:10px; height:10px;
  border-radius:50%; background:var(--brown-500);
}
.yc-care__list a{ color:var(--green-700); font-weight:700; }

@media (max-width:980px){
  .yc-care__grid{ grid-template-columns:1fr; }
}