body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans TC,Arial,sans-serif;margin:0;background:#fff;color:#222;font-size:18px}header{padding:12px 16px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;gap:16px;background:#fafafa}h1{font-size:22px;margin:0}nav button{margin-right:8px;padding:6px 10px;border-radius:6px;border:1px solid #bbb;background:#fff;cursor:pointer}nav button.active{background:#2d6cdf;color:#fff;border-color:#2d6cdf}nav button.download-btn{background:#28a745;color:#fff;border-color:#28a745;font-weight:500}nav button.download-btn:hover{background:#218838;border-color:#1e7e34}main{padding:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,300px));gap:12px;align-items:stretch;justify-content:start}.item{border:2px solid #9fc7ff;border-radius:16px;padding:12px;background:#fff;min-height:280px}.title{font-weight:600;display:flex;align-items:center;gap:8px}.title-icon{width:20px;height:20px;object-fit:contain}.slots,.parts,.tags,.cards,.passive{margin-top:6px;font-size:16px}.pill{display:inline-block;padding:2px 8px;border-radius:999px;background:#efefef;margin-right:6px;margin-top:4px}.parts ul,.cards ul{margin:6px 0 0 20px}.muted{opacity:.7;font-size:13px}.filters{margin-bottom:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filters .label{font-size:16px;color:#666;margin-right:6px}.filters .chip{border:1px solid #d0d0d0;background:#fff;padding:4px 10px;border-radius:999px;cursor:pointer;font-size:15px}.filters .chip.active{background:#2d6cdf;color:#fff;border-color:#2d6cdf}.filters .chip.disabled{opacity:.4;cursor:not-allowed;background:#f5f5f5}.cards ul{list-style:none;padding-left:0;margin-left:0}.cards li{display:flex;align-items:center;gap:8px;margin:4px 0}.card-icon{width:18px;height:18px;object-fit:contain;opacity:.9}.entry-row{display:flex;align-items:center;gap:8px;margin:4px 0}.has-tooltip{position:relative;display:inline-block}.tooltip{display:none;position:absolute;left:0;top:1.5em;background:#fff;color:#222;border:2px solid #9fc7ff;border-radius:16px;box-shadow:0 6px 16px #0000001f;padding:12px 14px;z-index:1000;min-width:360px;max-width:760px;max-height:70vh;overflow:auto}.tooltip.show{display:block}.has-tooltip.flip .tooltip{left:auto;right:0}.has-tooltip.drop-up .tooltip{top:auto;bottom:1.5em}.tooltip h4{margin:0 0 6px;font-size:14px;font-weight:600}.tooltip ul{margin:6px 0 0 18px}.tooltip-row{display:flex;align-items:flex-start;gap:12px}.tooltip-thumb{width:150px;height:200px;object-fit:contain;flex:0 0 auto}.tooltip-desc{flex:1 1 auto;min-width:0}@media (max-width: 480px){.tooltip{position:fixed;left:12px;right:12px;bottom:12px;top:auto;min-width:0;max-width:none;max-height:70vh;border-radius:14px}.has-tooltip.flip .tooltip{left:12px;right:12px}.has-tooltip.drop-up .tooltip{top:12px;bottom:auto}.tooltip-thumb{width:120px;height:160px}}.rune-link{cursor:pointer;color:#2d6cdf;text-decoration:none;transition:color .2s}.rune-link:hover{color:#1a4ba8;text-decoration:underline}.item.highlight{animation:highlight-pulse 2s ease-out;border-color:#ff9800!important;box-shadow:0 0 0 3px #ff98004d}@keyframes highlight-pulse{0%{box-shadow:0 0 #ff9800b3}50%{box-shadow:0 0 0 8px #ff98004d}to{box-shadow:0 0 0 3px #ff98004d}}