:root{--bg:#f5fbf3;--card:#fff;--line:#d7edd2;--text:#173024;--green:#1f6f3d}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;color:var(--text)}
.wrap{max-width:1080px;margin:0 auto;padding:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 4px 18px rgba(0,0,0,.05)}
h1{margin:0;color:var(--green)} .muted{opacity:.72;font-size:.92rem}
.stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.pill{background:#edf8eb;border:1px solid #d7edd2;border-radius:999px;padding:6px 10px;font-size:.86rem}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}
.toolbar input,.toolbar select{padding:11px;border:1px solid #b9d9b2;border-radius:10px;background:#fff}
.toolbar input{min-width:220px;flex:1}
.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:10px}
.item{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fbfffa}
.thumb{width:100%;height:130px;object-fit:cover;border-radius:8px;border:1px solid #e7f2e4;background:#f0f7ef}
.name{font-weight:700;word-break:break-all;margin:.45rem 0 .2rem}
.meta{font-size:.82rem;opacity:.75}
.actions a{margin-right:8px;font-size:.9rem}