:root{--ink:#1d1b18;--muted:#5c564d;--bg:#fbf8f2;--accent:#9b2c1f;--card:#fff;--line:#e6dfd2}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0 auto;max-width:960px;padding:0 1rem;font:1.0625rem/1.65 Georgia,"Times New Roman",serif;color:var(--ink);background:var(--bg)}
a{color:var(--accent)}a:focus-visible{outline:3px solid #1a5fb4;outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem}
.top{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--line)}
.brand{font-weight:700;text-decoration:none;color:var(--ink);font-size:1.15rem}
nav a{margin-right:.9rem;font-family:system-ui,sans-serif;font-size:.95rem}
h1{line-height:1.25;font-size:clamp(1.6rem,4vw,2.3rem)}h2{margin-top:2rem}
.lead{font-size:1.15rem;color:var(--muted)}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:.6rem 1rem;border-radius:6px;text-decoration:none;font-family:system-ui,sans-serif;margin:.2rem .3rem .2rem 0}
.btn.alt{background:#fff;color:var(--accent);border:1px solid var(--accent)}
.grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.card a{text-decoration:none;color:var(--ink);display:block}.card img{width:100%;height:auto;aspect-ratio:9/12;object-fit:cover;display:block}
.ct{display:block;padding:.6rem .8rem 0;font-weight:700}.card .tags{display:block;padding:.3rem .8rem .8rem}
.tag{display:inline-block;font:.8rem system-ui,sans-serif;background:#f1e9dc;color:#5a3a1a;border-radius:99px;padding:.1rem .55rem;margin:.1rem;text-decoration:none}
.taglist{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.hero{max-width:100%;height:auto;max-height:420px;width:auto;border-radius:8px;display:block}
article{max-width:42rem}.box{background:#fff;border:1px solid var(--line);border-radius:8px;padding:.5rem 1.2rem;margin:2rem 0}
.form-ph{border:2px dashed #c9b99e;border-radius:8px;padding:1rem;background:#fffdf8}
.note{border-left:4px solid var(--accent);padding-left:.8rem}.small{font-size:.88rem;color:var(--muted)}
footer{border-top:1px solid var(--line);margin-top:3rem;padding:1rem 0;font-family:system-ui,sans-serif;font-size:.9rem}
[lang=zh]{font-weight:400;color:var(--muted)}
h1 [lang=zh],h2 [lang=zh]{font-size:.62em;white-space:nowrap}
.ct [lang=zh]{font-size:.85em;white-space:nowrap}
@media print{body{background:#fff;font-size:11.5pt}.btn,nav,.skip,footer{display:none}section{break-inside:avoid-page}}
.card .tags a.tag{display:inline-block;color:#5a3a1a}
.btn.off{background:#bdb5a8;color:#fff;cursor:default}