:root{color-scheme:light;--ink:#172338;--muted:#59667a;--blue:#214cdb;--line:#dfe4ee;--paper:#f6f8fc;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input,select,a{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7094ff;outline-offset:4px}[hidden]{display:none!important}
header,main,footer{max-width:1320px;margin:auto;padding-left:40px;padding-right:40px}header{display:flex;align-items:center;justify-content:space-between;min-height:96px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:23px}.mark{display:grid;place-items:center;width:42px;height:42px;background:var(--blue);color:white;border-radius:12px;font-size:23px}.brand-note,.header-note{font-size:14px;color:var(--muted);font-weight:400}.brand-note{border-left:1px solid var(--line);padding-left:12px}.intro{padding:42px 0 24px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;color:var(--blue)}h1{font-size:clamp(28px,4vw,42px);line-height:1.3;letter-spacing:-.035em;margin:12px 0}p{line-height:1.6}.intro>p:last-child{color:var(--muted);margin-bottom:0}.toolbar{display:flex;gap:16px;align-items:center;margin:12px 0 24px}.search{display:flex;align-items:center;gap:14px;flex:1;background:white;border:1px solid var(--line);border-radius:12px;padding:15px 20px}.search>span{font-size:14px;color:var(--muted)}input{border:0;background:transparent;min-width:0;flex:1;color:var(--ink);font-size:16px}.sort{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:14px}select{padding:14px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink)}nav{display:flex;gap:8px;flex-wrap:wrap}nav button{border:1px solid transparent;border-radius:8px;padding:9px 18px;background:transparent;color:var(--muted);font-size:14px}nav button[aria-pressed=true]{background:var(--ink);color:white}nav button:hover{border-color:#8d9ab1}.result-bar{display:flex;align-items:center;justify-content:space-between;margin:32px 0 18px}h2{font-size:20px;margin:0}#count{color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.thumb{display:block;width:100%;padding:0;border:0;background:#e9edf4;aspect-ratio:4/3;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.thumb:hover img{transform:scale(1.035)}.card-info{padding:18px}.card h3{margin:0 0 8px;font-size:17px;overflow-wrap:anywhere}.meta{font-size:14px;color:var(--muted);margin:0 0 14px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.badge{font-size:12px;background:#eef2fa;padding:5px 9px;border-radius:5px;color:var(--muted)}.download{font-size:14px;color:var(--blue);font-weight:650;padding:6px 0}.download:hover{text-decoration:underline}#status{border:1px dashed #bdc8db;border-radius:14px;padding:60px 24px;text-align:center;background:white;color:var(--muted)}.more,#retry{display:block;margin:30px auto;border:1px solid var(--line);background:white;border-radius:9px;padding:12px 28px}footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:14px;padding-top:50px;padding-bottom:28px;margin-top:35px}dialog{padding:0;border:0;border-radius:16px;max-width:1000px;width:90vw;max-height:90vh;overflow:auto;background:white}dialog::backdrop{background:rgba(8,17,35,.78)}.close{position:absolute;right:14px;top:14px;width:42px;height:42px;border:0;border-radius:50%;background:white;color:var(--ink);font-size:28px;box-shadow:0 2px 12px #0002}.preview-image{background:#101827;display:flex;align-items:center;justify-content:center;min-height:160px}.preview-image img{max-height:65vh;max-width:100%;object-fit:contain}.preview-info{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.preview-info p{color:var(--muted);font-size:14px;margin:8px 0;overflow-wrap:anywhere}.primary{display:inline-block;background:var(--blue);color:white;padding:13px 22px;border-radius:9px;white-space:nowrap}
@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}header,main,footer{padding-left:24px;padding-right:24px}.header-note{display:none}}
@media(max-width:540px){header{min-height:78px}.intro{padding-top:28px}.toolbar{flex-direction:column;align-items:stretch}.sort{justify-content:flex-end}.grid{grid-template-columns:1fr;gap:18px}header,main,footer{padding-left:18px;padding-right:18px}.preview-info,footer{flex-direction:column;align-items:flex-start}.preview-info .primary{width:100%;text-align:center}nav button{padding:9px 12px}.search{padding:14px}dialog{width:95vw}}
@media(prefers-reduced-motion:reduce){.thumb img{transition:none}}

.brand-logo{width:68px;height:68px;object-fit:contain;background:white;border-radius:6px;flex-shrink:0}.brand{flex-wrap:wrap;gap:10px}:root{--blue:#af0010}header{min-height:102px}@media(max-width:540px){.brand-logo{width:54px;height:54px}.brand{font-size:20px}}