/* 指南文章和列表页（由 tools/build-guides.mjs 生成的页面引用） */
:root{--ink:#111418;--cream:#f7f4ef}
.guide main.wrap{max-width:1080px;padding:0 24px}
.guide article{max-width:68ch;margin:0 auto}
.guide h1{font-size:clamp(32px,5.4vw,52px);letter-spacing:-.035em;line-height:1.1;margin:40px 0 16px}
.guide h2{font-size:clamp(24px,3.4vw,30px);margin:64px 0 16px;letter-spacing:-.025em;line-height:1.2}
.guide h3{font-size:20px;margin:40px 0 8px;letter-spacing:-.01em}
.guide p,.guide li{font-size:18px;line-height:1.75;color:#2a333b}
.guide p{margin:0 0 24px}
.guide figure{margin:40px 0}
.guide figure img{width:100%;border-radius:20px;display:block;aspect-ratio:3/2;object-fit:cover;background:var(--cream)}
.guide figcaption{font-size:14px;color:var(--mute);margin-top:8px}
.guide .byline{color:var(--mute);font-size:14px;margin:0 0 32px}
.guide .box{background:var(--cream);border-radius:20px;padding:24px 28px;margin:32px 0}
.guide .box p{margin:8px 0}
.guide .cta{background:var(--ink);color:#fff;border-radius:24px;padding:40px 32px;margin:72px 0 0}
.guide .cta h2{margin-top:0;color:#fff}
.guide .cta p{color:#d6dade}
.guide .cta a.btn{color:#fff}
.guide .crumbs{font-size:14px;margin:32px 0 0}
.guide .crumbs a{color:var(--mute)}
.guide .crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;color:var(--mute)}
.guide .crumbs li{min-width:0;overflow-wrap:anywhere}
.guide .crumbs li+li::before{content:"\203A";margin:0 8px;color:var(--mute)}
.guide .crumbs li[aria-current]{color:var(--ink,#111418)}
.guide .more{margin:40px 0 0;font-size:15px}
/* 列表页：3 / 2 / 1 列 */
.guide .cards{display:grid;grid-template-columns:1fr;gap:24px;margin:40px 0 8px;padding:0;list-style:none}
.guide .cards li{margin:0}
.guide .card-a{display:block;height:100%;color:inherit;text-decoration:none;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
.guide .card-a:hover{border-color:var(--ink);box-shadow:var(--shadow);transform:translateY(-2px);color:inherit}
.guide .card-a img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;background:var(--cream)}
.guide .card-a .in{padding:20px 24px 24px}
.guide .card-a h2{margin:4px 0 8px;font-size:20px;letter-spacing:-.02em;line-height:1.25}
.guide .card-a p{margin:0;font-size:15px;line-height:1.6;color:var(--mute)}
.guide .card-a .date{color:var(--mute);font-size:13px}
@media(min-width:640px){.guide .cards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){
  .guide .cards{grid-template-columns:repeat(3,1fr)}
  .guide article figure{margin-left:-72px;margin-right:-72px}
}
@media(max-width:380px){.guide main.wrap{padding:0 16px}.guide p,.guide li{font-size:17px}}

.guide .card-a .pin{display:inline-block;background:#d7262e;color:#fff;font-size:12px;font-weight:600;padding:1px 8px;border-radius:4px;margin-right:6px}
.guide .promo{background:#f7f4ef;border-left:4px solid #d7262e;border-radius:12px;padding:20px 24px;margin:40px 0}
.guide .promo .promo-t{font-weight:700;margin:0 0 6px;color:#111418}
.guide .promo p{margin:0 0 12px}
.guide .promo a.btn{display:inline-block}