/* ============================================================
   liuyan.css —— 留言板
   骨架 S8 步骤式
   光影 D4 对角分隔 · D5 旋转角标
   ============================================================ */

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

/* D4 对角分隔底 */
.ly-steps-band{
  padding:70px 0;background:linear-gradient(135deg,var(--gray-50) 0%,#fff 60%);
  border-bottom:14px solid transparent;
  border-image:linear-gradient(135deg,var(--brown-100) 0%,var(--gray-50) 55%) 1;
}
.ly-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.ly-steps li{
  background:#fff;border:1px solid var(--line);padding:28px 24px;box-shadow:var(--shadow-s);
  transform:rotate(-.6deg);
}
.ls-no{font-size:30px;font-weight:800;color:rgba(148,121,90,.25);display:block;margin-bottom:10px;}
.ly-steps h3{font-size:18px;color:var(--brown-400);margin-bottom:8px;}
.ly-steps p{font-size:14px;color:var(--text-weak);line-height:1.8;margin:0;}

/* 布局 */
.ly-layout{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start;}
.ly-form h2,.ly-recent h2{font-size:22px;margin-bottom:18px;color:var(--brown-400);}
.ly-msg-field{margin-top:16px;}
.yy-ok{
  display:none;margin-top:14px;padding:12px 16px;background:#fff;
  border-left:3px solid var(--brown-300);color:var(--brown-400);font-size:14px;
}
.yy-ok.show{display:block;}

.ly-msg-card{
  background:#fff;border:1px solid var(--line);padding:20px;margin-bottom:14px;box-shadow:var(--shadow-s);
}
.ly-q{font-weight:700;font-size:14.5px;line-height:1.7;margin-bottom:8px;}
.ly-a{font-size:13.5px;color:var(--text-weak);line-height:1.8;margin-bottom:8px;}
.ly-msg-card small{color:var(--brown-300);font-size:12px;}

/* CTA */
.ly-cta{padding:80px 0;text-align:center;background:linear-gradient(135deg,var(--brown-300),var(--brown-400));color:#fff;}
.ly-cta h2{color:#fff;font-size:clamp(24px,3.2vw,34px);margin-bottom:12px;}
.ly-cta p{color:rgba(255,255,255,.85);margin-bottom:24px;}

@media (max-width:920px){
  .ly-steps,.ly-layout{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;}