/* ============================================================
   yuyue.css —— 在线预约
   骨架 S12 悬浮抽屉卡片（表单卡片悬浮 + 右侧说明卡）
   光影 D2 对角光斑 · D3 斜角切角 · D7 hover 光泽扫过
   ============================================================ */

.yy-hero{padding:140px 0 54px;background:linear-gradient(135deg,#F5F5F2,#fff);}
.yy-hero h1{font-size:clamp(30px,4vw,44px);margin:16px 0 12px;}
.yy-hero p{color:var(--text-weak);max-width:600px;}

.s12-layout{display:grid;grid-template-columns:1fr 360px;gap:34px;align-items:start;}

/* 悬浮表单卡 */
.yy-form-card{
  background:#fff;border:1px solid var(--line);padding:36px 34px;
  box-shadow:0 24px 60px rgba(122,101,76,.14);transform:translateY(-30px);
}
.yy-form-card h2{font-size:24px;margin-bottom:8px;color:var(--brown-400);}
.yy-sub{font-size:13px;color:var(--text-weak);margin-bottom:22px;}
.yy-msg-field{margin-top:16px;}
.yy-submit{width:100%;margin-top:20px;}
.yy-ok{
  display:none;margin-top:14px;padding:12px 16px;background:var(--gray-50);
  border-left:3px solid var(--brown-300);color:var(--brown-400);font-size:14px;
}
.yy-ok.show{display:block;}

/* 右侧说明卡 */
.yy-side{display:flex;flex-direction:column;gap:20px;}
.yy-note{
  background:#fff;border:1px solid var(--line);padding:18px;box-shadow:var(--shadow-s);
}
.yy-note img{width:100%;height:auto;margin-bottom:12px;}
.yy-note h3{font-size:15.5px;color:var(--brown-400);margin-bottom:8px;}
.yy-note p{font-size:13.5px;color:var(--text-weak);line-height:1.8;margin:0;}
.yy-call{
  background:linear-gradient(135deg,var(--brown-300),var(--brown-400));color:#fff;
  padding:26px;text-align:center;box-shadow:var(--shadow-s);
}
.yy-call h3{font-size:16px;margin-bottom:14px;color:#fff;}
.yy-call .btn{width:100%;}
.yy-call small{color:rgba(255,255,255,.75);display:block;margin-top:10px;}

/* 顾虑 */
.sec-head{margin-bottom:30px;}
.sec-head h2{font-size:clamp(24px,3vw,34px);margin:14px 0 10px;}
.worry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.worry{background:#fff;border:1px solid var(--line);padding:26px;box-shadow:var(--shadow-s);}
.worry h3{font-size:16px;color:var(--brown-400);margin-bottom:10px;}
.worry p{font-size:14px;color:var(--text-weak);line-height:1.85;margin:0;}

@media (max-width:920px){
  .s12-layout{grid-template-columns:1fr;}
  .yy-form-card{transform:none;}
  .worry-grid{grid-template-columns:1fr;}
}

/* ===== 补写内容通用样式 gb-* ===== */
.gb-lead{color:var(--text-weak);line-height:1.9;font-size:15px;max-width:760px;}
.gb-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px;}
.gb-cols2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px;}
.gb-card{background:#fff;border:1px solid var(--line);padding:22px;box-shadow:var(--shadow-s);}
.gb-card h3{font-size:16px;color:var(--brown-400);margin-bottom:8px;}
.gb-card p{font-size:14px;color:var(--text-weak);line-height:1.85;margin:0;}
.gb-list{list-style:none;padding:0;margin:18px 0 0;}
.gb-list li{padding:9px 0 9px 24px;position:relative;font-size:14.5px;border-bottom:1px dashed var(--line);line-height:1.8;}
.gb-list li::before{content:"";position:absolute;left:0;top:15px;width:9px;height:9px;transform:rotate(45deg);background:linear-gradient(135deg,var(--brown-100),var(--brown-300));}
.gb-note{margin-top:22px;font-size:13.5px;color:var(--text-weak);line-height:1.85;}
@media(max-width:920px){.gb-cols{grid-template-columns:1fr;}.gb-cols2{grid-template-columns:1fr;}}

.gb-list-in{margin-top:10px !important;}