:root{color-scheme:light;--ink:#193d43;--muted:#52696e;--accent:#177969;--edge:#d9e7e5}
*{box-sizing:border-box}body{margin:0;background:#f5f9f8;color:var(--ink);font:16px/1.7 system-ui,-apple-system,"Microsoft YaHei",sans-serif;overflow-wrap:anywhere}
header{display:flex;align-items:center;gap:12px;background:white;padding:18px max(18px,env(safe-area-inset-left));border-bottom:1px solid var(--edge)}header img{border-radius:10px}header p{font-size:.8rem;color:var(--muted);margin:0}main{max-width:760px;margin:auto;padding:18px 18px max(32px,env(safe-area-inset-bottom))}h1{font-size:1.6rem;line-height:1.4;margin:0 0 12px}h2{font-size:1.25rem;margin:0 0 10px}h3{font-size:1rem}p{margin:10px 0}.notice{border-left:4px solid #24877b;padding:10px 14px;background:#eaf5f2}nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}a{color:var(--accent)}nav a{display:flex;align-items:center;min-height:48px;padding:8px 14px;background:white;border:1px solid var(--edge);border-radius:10px;text-decoration:none}nav a[aria-current=page]{background:var(--accent);color:white;border-color:var(--accent)}a:focus-visible,summary:focus-visible{outline:3px solid #e39200;outline-offset:3px}article,details{background:white;border:1px solid var(--edge);border-radius:14px;padding:18px;margin-bottom:16px}.status{display:inline-block;background:#edf2f2;color:#3d575a;padding:4px 10px;border-radius:6px;font-size:.9rem}ol{padding-left:1.5em}li{padding:5px 0}video{display:block;width:100%;max-height:70vh;background:#112e33;border-radius:10px}.caution{font-size:.94rem;color:#73522a;border-top:1px solid var(--edge);padding-top:12px}summary{min-height:48px;cursor:pointer;font-weight:600}.footer{font-size:.85rem;color:var(--muted)}[hidden]{display:none!important}
.back-home{margin-left:auto;white-space:nowrap;font-size:.9rem;padding:10px}.picture-library{margin-top:32px}#brand-filter{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}#brand-filter button{font:inherit;font-size:.9rem;padding:9px 15px;min-height:44px;border:1px solid var(--edge);border-radius:8px;background:white;color:var(--ink);cursor:pointer}#brand-filter button[aria-pressed=true]{background:var(--accent);color:white}.picture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.picture-grid figure{margin:0;background:white;border:1px solid var(--edge);border-radius:12px;overflow:hidden}.picture-grid img{display:block;width:100%;height:280px;object-fit:contain;background:#ecf2f0}.picture-grid figcaption{padding:13px;font-size:.9rem}button:focus-visible{outline:3px solid #e39200;outline-offset:3px}#picture-library{scroll-margin-top:20px}@media(max-width:430px){.picture-grid{grid-template-columns:1fr}.picture-grid img{height:350px}header{gap:9px}header img{width:35px;height:35px}header b{font-size:.94rem}.back-home{font-size:.8rem;padding:5px}}
