:root{color-scheme:dark;--bg:#0b1018;--panel:#161e2a;--line:#2a384b;--fg:#f1f3f6;--quiet:#a1b0c5;--mint:#c5e9d8}*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 20% 0%,#203249 0%,transparent 46%),var(--bg);color:var(--fg);font:15px/1.6 system-ui,"Noto Sans TC","Microsoft JhengHei",sans-serif}
main{margin:auto;max-width:1240px;padding:32px clamp(14px,4vw,40px) 75px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--mint)}
h1{font-size:clamp(29px,5vw,53px);line-height:1.2;letter-spacing:-.04em;margin:12px 0}.lead{color:var(--quiet);max-width:760px}
.summary{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.summary .stat{border:1px solid #435165;background:#182436b5;border-radius:12px;padding:11px 16px}.stat strong{font-size:27px;margin-right:8px;color:#eecfa9}.stat span{color:#c9d6e0;font-size:12px}
.download{display:inline-block;margin:8px 0 20px;background:var(--mint);padding:10px 18px;color:#0b1b25;border-radius:10px;text-decoration:none;font-weight:800}
.controls{position:sticky;top:0;background:#0b131edb;backdrop-filter:blur(18px);z-index:2;padding:12px 0;border-bottom:1px solid #38495b}
input{width:100%;font:inherit;padding:12px;border-radius:9px;background:#1b2b3d;color:#fff;border:1px solid #526173}
.notice{color:var(--quiet);font-size:13px;margin:16px 0 25px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px}.card{border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#1a2839,#131b27);overflow:hidden}
.media{position:relative;height:240px;display:flex;align-items:center;justify-content:center;background:#0e1723}.media img{width:100%;height:100%;display:block;object-fit:cover}.media .placeholder{font-size:72px;font-weight:800;color:#c2e2d8;letter-spacing:-.05em}
.media .tag{position:absolute;bottom:10px;left:9px;background:#080e17dc;border:1px solid #ffffff30;color:white;font-size:11px;padding:4px 9px;border-radius:7px}
.details{padding:13px}.category{font-size:11px;color:#aad7ca;font-weight:750}h3{margin:3px 0 8px;font-size:16px}.path{font:11px/1.45 ui-monospace,monospace;color:#96b3c7;overflow-wrap:anywhere;min-height:35px}
.chip{font-size:11px;color:#e4ceaf}.foot{font-size:12px;color:#a4b3c5;border-top:1px solid var(--line);margin-top:38px;padding-top:18px}.empty{text-align:center;padding:50px;color:var(--quiet)}
@media(max-width:620px){main{padding:22px 13px 60px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.media{height:200px}.details{padding:10px}.path{font-size:10px}h3{font-size:14px}.summary .stat{padding:8px 11px}.stat strong{font-size:22px}}