:root{--ink:#1c1c1c;--gold:#b8923a;--navy:#14213d;--muted:#6b6b6b;--line:#e6e2d8;--bg:#faf8f3}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,"PingFang SC","Helvetica Neue",Arial,"Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
a{color:var(--navy)}.wrap{max-width:960px;margin:0 auto;padding:20px 16px 60px}
header.top{background:var(--navy);color:#fff}header.top .wrap{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
header.top a{color:#fff;text-decoration:none}header.top .brand{font-weight:600;letter-spacing:.3px}header.top nav{display:flex;flex-wrap:wrap;gap:6px 16px}header.top nav a{font-size:14px;opacity:.9}
h1{font-size:26px;margin:18px 0 6px;color:var(--navy)}h2{font-size:19px;margin:28px 0 10px;color:var(--navy);border-left:4px solid var(--gold);padding-left:10px}
.sub{color:var(--muted);margin:0 0 18px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px;margin:14px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.grid a.card{display:block;text-decoration:none;color:inherit;margin:0;position:relative}
.grid a.card:hover{border-color:var(--gold)}.tag{display:inline-block;font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 8px;margin:6px 4px 0 0}
.tag.l1{color:#2d7a3a;border-color:#bfe0c4}.tag.l2{color:#946a00;border-color:#efd88f}.tag.l3{color:#a0322c;border-color:#efb8b4}
.pno{color:var(--gold);font-weight:700;font-size:13px}.ttl{font-weight:600;margin:2px 0}
.done{position:absolute;top:10px;right:12px;color:#2d7a3a;font-weight:700;display:none}.grid a.card.is-done .done{display:block}.grid a.card.is-done{border-color:#bfe0c4;background:#f6fbf6}
.pagebox{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 12px}.page-img{width:100%;height:auto;display:block}
.btn{display:inline-block;background:var(--navy);color:#fff!important;text-decoration:none;padding:10px 18px;border-radius:8px;font-weight:600;border:0;cursor:pointer;font-size:15px}
.btn.gold{background:var(--gold)}.btn.ghost{background:#fff;color:var(--navy)!important;border:1px solid var(--navy)}.btn.small{padding:6px 12px;font-size:13px}
.btn.filter.on{background:var(--gold)}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}
.hint{background:#fff8e6;border:1px solid #f0dca8;border-radius:8px;padding:12px 14px;font-size:14px}
.foot{margin-top:40px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}
.navrow{display:flex;justify-content:space-between;margin:18px 0;font-size:14px}
ul.links li{margin:6px 0}
label.check{display:flex;gap:10px;align-items:center;font-weight:600;cursor:pointer}label.check input{width:20px;height:20px}
.phone-only{display:none}
@media (max-width:520px){.pagebox{overflow-x:auto;-webkit-overflow-scrolling:touch}.page-img{min-width:600px}.phone-only{display:block}}