:root{--ink:#29261b;--muted:#87867f;--accent:#c96442;--accent-dark:#b3532f;--bg:#faf9f5;--card:#fff;--border:#e8e4d9}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.85 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
.topbar{position:sticky;top:0;z-index:9;background:rgba(250,249,245,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:.85rem clamp(1rem,5vw,3rem);display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:700;color:var(--ink);text-decoration:none;font-size:1.05rem}
.btn-nav{background:var(--accent);color:#fff;padding:.5rem 1.15rem;border-radius:10px;font-weight:600;font-size:.92rem;text-decoration:none}
.btn-nav:hover{background:var(--accent-dark);color:#fff}
.wrap{max-width:46rem;margin:0 auto;padding:clamp(1.5rem,5vw,3rem) 1.25rem 4rem}
.crumb{color:var(--muted);font-size:.85rem;margin-bottom:1.25rem}
.crumb a{color:var(--accent);text-decoration:none}
h1{font-size:clamp(1.55rem,3.4vw,2.15rem);font-weight:800;letter-spacing:-.01em;line-height:1.35;margin:.25rem 0 1.6rem}
h2{font-size:1.22rem;font-weight:700;margin:2.2rem 0 .8rem}
p{margin:.55rem 0 1.05rem}
ul{padding-left:1.3rem;margin:.6rem 0 1.3rem}
li{margin:.42rem 0}
a{color:var(--accent)}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.15rem 1.35rem;margin:1.5rem 0}
.tip{background:#f7efe8;border:1px solid #ecd9c8;border-radius:12px;padding:.85rem 1.15rem;color:#9c5a36;font-size:.92rem;margin:1.35rem 0}
.guide-list{display:grid;gap:.9rem;margin:1.6rem 0}
.guide-item{display:block;background:var(--card);border:1px solid var(--border);border-radius:13px;padding:1.15rem 1.35rem;text-decoration:none;transition:all .18s ease}
.guide-item:hover{transform:translateY(-2px);box-shadow:0 10px 30px -12px rgba(41,38,27,.16);border-color:#e3cfc0}
.guide-item h3{margin:0 0 .35rem;font-size:1.06rem;color:var(--ink)}
.guide-item span{color:var(--muted);font-size:.88rem}
.cta{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;padding:.85rem 1.65rem;border-radius:12px;margin:.75rem 0;box-shadow:0 6px 16px -6px rgba(201,100,66,.55)}
.cta:hover{background:var(--accent-dark);color:#fff}
footer{border-top:1px solid var(--border);padding:1.6rem 1.25rem 2.1rem;text-align:center;color:var(--muted);font-size:.85rem}
footer a{color:var(--muted);text-decoration:none;margin:0 .35rem}
footer a:hover{color:var(--accent)}