:root{--brand-color:#244DB6}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Noto Sans TC',sans-serif;margin:0;color:#222;background:#fff}
.container{max-width:1100px;margin:0 auto;padding:20px}
.header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}
.header-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.header-right{display:flex;align-items:center;gap:8px}
.header img.brand{height:36px}
.searchbar{margin:16px 0;display:flex;gap:8px;flex-wrap:wrap}
.searchbar input,.searchbar select{padding:10px 12px;border:1px solid #ddd;border-radius:10px;min-width:240px}
.category{margin:18px 0 32px}
.category h2{font-size:1.2rem;border-left:6px solid var(--brand-color);padding-left:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.card{border:1px solid #eee;border-radius:14px;overflow:hidden;background:#fafafa;transition:box-shadow .2s;text-decoration:none;color:inherit}
.card:hover{box-shadow:0 6px 20px rgba(0,0,0,.06)}
.card img{width:100%;height:160px;object-fit:cover;background:#fff}
.card .body{padding:12px}
.card .name{font-weight:700;margin:4px 0}
.card .appbadges{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.badge{background:#eef2ff;border:1px solid #dbe4ff;border-radius:999px;padding:4px 10px;font-size:.82rem}
.footer{padding:30px 0;color:#666;text-align:center;border-top:1px solid #eee;margin-top:40px}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;background:var(--brand-color);color:#fff;text-decoration:none;border:1px solid var(--brand-color);cursor:pointer;line-height:1}
.btn.outline{background:transparent;color:var(--brand-color);border:1px solid var(--brand-color)}
.btn-secondary{background:#f0f2f5;color:#222;border:1px solid #d0d7de}
.btn-outline-secondary{background:transparent;color:#222;border:1px solid #d0d7de}
.btn:focus{outline:2px solid rgba(0,0,0,.1);outline-offset:2px}
.font-ctrl-label{font-size:.9rem;color:#555;margin-right:4px}
.hero{padding:18px 0;border-bottom:1px solid #f0f0f0;margin-bottom:10px}
.model-hero img{width:120px;height:120px;border-radius:16px;object-fit:cover;border:1px solid #eee;background:#fff}
.model-title{font-size:1.6rem;margin:.4rem 0}
.kv{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.tag{display:inline-block;padding:4px 8px;border:1px solid #ddd;border-radius:8px;font-size:.8rem;margin-right:6px;color:#555}
.section{margin:18px 0}
.section h3{font-size:1.1rem;margin:0 0 8px}
.app-cta{display:flex;gap:10px;flex-wrap:wrap}
.app-cta a{display:inline-flex;align-items:center;gap:8px}
.app-cta img{width:28px;height:28px;object-fit:contain;border-radius:6px;background:#fff}
.note{color:#666;font-size:.92rem}
.thumb { position: relative; width: 100%; padding-top: 100%; background: #fff; overflow: hidden; }
.thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.card img { height: auto; }
.goog-te-gadget-simple{ border-radius: 10px; padding: 5px;}