/* 上新页样式 · 2026-10-28 */
.na-hero{background:#f4f0e8;border-bottom:1px solid #e6ded0;padding:54px 0 42px}
.na-hero .ec-library-eyebrow{letter-spacing:.14em;font-weight:600}
.na-hero h1{font-family:Fraunces,Georgia,serif;font-size:clamp(32px,4.2vw,54px);line-height:1.1;letter-spacing:-.02em;color:#24382e;margin:14px 0 18px;max-width:19em}
.na-lead{font-size:16px;line-height:1.85;color:#536759;max-width:760px;margin:0}
.na-stats{display:flex;flex-wrap:wrap;gap:14px 44px;list-style:none;padding:0;margin:26px 0 0}
.na-stats li{display:flex;flex-direction:column;gap:2px}
.na-stats strong{font-family:Fraunces,Georgia,serif;font-size:27px;line-height:1.1;color:#a9502f}
.na-stats span{font-size:12px;letter-spacing:.04em;color:#6a7b70}
.na-jump{display:flex;flex-wrap:wrap;gap:10px;padding:24px 0 0}
.na-jump a{display:inline-flex;align-items:baseline;gap:7px;font-size:13px;line-height:1.4;color:#8c432b;border:1px solid #d7cbb9;background:#fff;border-radius:22px;padding:8px 14px;text-decoration:none;transition:border-color .2s,color .2s}
.na-jump a:hover{border-color:#ae5438;color:#24382e}
.na-jump a b{font-weight:600;font-size:11px;color:#a9a094}
.na-body{padding:6px 0 58px}
.ec-library-group.na-group{border-top:1px solid #e6ded0;padding-top:34px;margin-top:34px}
.ec-library-group.na-group:first-of-type{border-top:0;padding-top:30px;margin-top:0}
.na-blurb{line-height:1.8;color:#536759;max-width:72ch;margin:6px 0 24px;font-size:15px}
.na-img{position:relative}
.na-body .ec-library-card h3{min-height:0}
.na-new{position:absolute;top:12px;left:12px;background:#a9502f;color:#fff;font-size:10px;font-weight:700;letter-spacing:.16em;line-height:1;padding:6px 8px;border-radius:4px;z-index:2}
.na-styles{align-self:flex-start;margin:0;font-size:11px;line-height:1.5;color:#8c432b;background:#f8efe9;border:1px solid #efdccf;border-radius:20px;padding:3px 9px}
.na-more{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:13px;font-weight:650;color:#a9502f;text-decoration:none;border-bottom:1px solid #dcbba9;padding-bottom:3px}
.na-more:hover{color:#24382e;border-color:#24382e}
@media(max-width:720px){
  .na-hero{padding:38px 0 30px}
  .na-hero h1{font-size:30px!important}
  .na-lead{font-size:15px}
  .na-stats{gap:12px 30px;margin-top:20px}
  .na-stats strong{font-size:23px}
  .na-jump{gap:8px;padding-top:18px}
  .na-jump a{font-size:12px;padding:7px 11px}
  .na-body{padding-bottom:38px}
  .ec-library-group.na-group{padding-top:26px;margin-top:26px}
  .na-blurb{font-size:14px;margin-bottom:16px}
}