:root{--bg:#f6f4f1;--ink:#1c1917;--muted:#57534e;--card:#fff;--line:#e7e5e4;--accent:#9a3412;--accent2:#c2410c;--ok:#166534;--warn:#a16207}
*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;max-width:980px;margin:auto;padding:16px;color:var(--ink);background:var(--bg);line-height:1.45}
a{color:var(--accent)}a:hover{color:var(--accent2)}header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:8px}
header .brand{font-size:1.15rem}header nav a{margin-left:12px;font-size:.95em;text-decoration:none}header nav a:hover{text-decoration:underline}
h1{margin:.25em 0 .4em;font-size:1.7rem}.lead{color:var(--muted);margin-top:0}
.notice{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:10px 12px;margin:12px 0;font-size:.95em}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;text-decoration:none;color:inherit;display:block;transition:box-shadow .15s}
.card:hover{box-shadow:0 4px 14px rgba(0,0,0,.08)}.card b{display:block;margin-bottom:2px}.card .meta{color:var(--muted);font-size:.88em;margin-top:6px}
.f{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}input,select,button{padding:8px 10px;border:1px solid #d6d3d1;border-radius:8px;font:inherit;background:#fff}
button{background:var(--accent);color:#fff;border-color:var(--accent);cursor:pointer}button:hover{background:var(--accent2)}
.b{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.78em;font-weight:600;background:#f5f5f4;margin:2px 2px 0 0}
.fab{background:#ffedd5;color:#9a3412}.price{background:#ecfccb;color:#3f6212}.best{background:#e0e7ff;color:#3730a3}
.nl{background:#fff7ed;padding:14px;border-radius:12px;margin:22px 0;border:1px solid #fed7aa}
.aff{border:2px dashed #fdba74;padding:12px;border-radius:10px;margin:16px 0;background:#fff}
footer{font-size:.82em;color:var(--muted);margin-top:36px;padding-top:16px;border-top:1px solid var(--line)}
.related{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px;margin:14px 0}
.procon{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:640px){.procon{grid-template-columns:1fr}}
.procon ul{margin:6px 0;padding-left:1.1em}.guide h2{margin-top:1.4em}.guide ul{padding-left:1.15em}.guide li{margin:8px 0}
.rating{font-weight:700;color:var(--ok)}