:root{color-scheme:light;font-family:Noto Sans TC,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color:#1f2933;background-color:#f5f7fa}*{box-sizing:border-box}body{margin:0}.page{max-width:1400px;margin:0 auto;padding:2rem 1.5rem 4rem}.page__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem}.page__header h1{margin:0;font-size:2rem}.page__subtitle{margin:.25rem 0 0;color:#52606d;font-size:.95rem}.stats{display:flex;gap:1rem;font-size:.95rem;color:#364152}.controls{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.control{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;color:#52606d}.control input,.control select{padding:.6rem .75rem;border:1px solid #cbd2d9;border-radius:8px;font-size:.95rem;background-color:#fff;color:#1f2933;transition:border-color .2s ease,box-shadow .2s ease}.control input:focus,.control select:focus{outline:none;border-color:#3e7cb1;box-shadow:0 0 0 3px #3e7cb140}.status{padding:1rem;border-radius:8px;background-color:#e4ebf5;color:#364152;text-align:center;margin-bottom:2rem}.status--error{background-color:#fde8e8;color:#b91c1c}.grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{background-color:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 12px 30px #0f172a14;display:flex;flex-direction:column;gap:1rem}.card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.card__header h2{margin:0;font-size:1.3rem;color:#102a43}.card__id{margin:.25rem 0 0;color:#61748f;font-size:.9rem}.card__badge{background:linear-gradient(135deg,#3e7cb1,#6dd5fa);color:#fff;padding:.35rem .75rem;border-radius:999px;font-size:.8rem;letter-spacing:.02em;align-self:center}.card__body{display:flex;flex-direction:column;gap:1rem}.card__media{display:flex;justify-content:center;align-items:center;padding:1rem;border-radius:12px;border:1px solid #e4ebf5;background:linear-gradient(135deg,#60a5fa1a,#38bdf81a)}.card__media img{width:160px;height:160px;image-rendering:pixelated;object-fit:contain;transition:transform .2s ease}.card__media img:hover{transform:scale(1.05)}.card__media img[data-missing=true]{filter:grayscale(.7);opacity:.7}.ability{border:1px solid #e4ebf5;border-radius:10px;padding:.75rem;background-color:#f8fafc}.ability__title{margin:0 0 .6rem;font-size:1rem;color:#1d4ed8}.ability__table{width:100%;border-collapse:collapse;font-size:.9rem}.ability__table th{text-align:left;font-weight:600;color:#52606d;padding:.3rem .4rem .3rem 0}.ability__table td{text-align:right;padding:.3rem 0;color:#111827}@media (max-width: 600px){.page{padding:1.5rem 1rem 3rem}.card__header{flex-direction:column;align-items:flex-start}.card__badge{align-self:flex-start}}