/* ===== 首页 ===== */
.hero{text-align:center;padding:clamp(28px,5vw,52px) 8px 8px}
.badge{
  display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;
  background:var(--acc-soft);color:var(--acc-deep);font-size:13px;font-weight:700;letter-spacing:.12em;
}
.badge i{width:7px;height:7px;border-radius:50%;background:var(--acc);display:inline-block}
.hero-art{margin:26px auto 6px;max-width:340px}
.hero h1{font-family:"Noto Serif SC","Songti SC","STSong",serif;font-size:clamp(30px,6vw,44px);font-weight:900;line-height:1.28;letter-spacing:.01em}
.hero h1 em{font-style:normal;color:var(--acc-deep)}
.hero .lead{margin:14px auto 0;max-width:560px;color:var(--ink2);font-size:15.5px}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0 4px}
.chip{
  display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border-radius:999px;
  background:var(--card);border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ink2);
}
.chip b{color:var(--acc-deep);font-size:14px}

.card-grid{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.card-grid .card{flex:1 1 200px;min-width:0;padding:20px 20px 18px}
.card-grid .ic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.card-grid h3{font-size:15.5px;font-weight:700;margin-bottom:6px}
.card-grid p{font-size:14px;color:var(--ink2)}
.ic.rose{background:var(--acc-soft);color:var(--acc-deep)}
.ic.green{background:var(--ok-soft);color:var(--ok)}
.ic.blue{background:var(--avo-soft);color:var(--avo)}

.panel{margin-top:14px;padding:22px 24px}
.panel h3{margin-bottom:12px}
.panel ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.panel li{display:flex;gap:12px;font-size:14.5px;color:var(--ink)}
.panel li>span{flex:1 1 auto;min-width:0}
.panel li i{flex:0 0 auto;width:20px;height:20px;margin-top:4px;border-radius:50%;background:var(--acc-soft);color:var(--acc-deep);font-style:normal;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.note{font-size:13px;color:var(--ink2);margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}

.cta{margin-top:30px;text-align:center}
.cta .btn{min-width:240px}
.cta .sub{margin-top:14px;font-size:12.5px;color:var(--ink2)}
.cta .btn-ghost{margin-top:12px}
#btnResume{display:none;margin:12px auto 0}

/* ===== 首页响应式 ===== */
@media (max-width:560px){
  .panel .note{font-size:13.5px}
}