:root{--bg-color: #f2f4f7;--card-color: #ffffff;--text-main: #24344a;--text-muted: #587093;--border-color: #9db3cf;--primary-blue: #5dade2}*{box-sizing:border-box}body{margin:0;background:var(--bg-color);background-image:url(https://pub-c54e74352c804aeca33e003f2539764c.r2.dev/assets/bg.png);background-repeat:repeat;background-size:520px auto;background-attachment:fixed;color:var(--text-main);font-family:Noto Sans TC,Courier New,monospace;scroll-behavior:smooth}#app{max-width:1180px;margin:0 auto;padding:20px}.header{position:relative;overflow:visible;background:linear-gradient(180deg,#f7f4ff,#eaf4ff);border:4px solid #8ca4c7;border-radius:16px;padding:18px 18px 16px;box-shadow:0 6px #c7d8ee,inset 0 0 0 3px #fffc,inset 0 0 0 6px #cfe0f5}.headerMainRow{display:flex;align-items:center;justify-content:space-between;gap:14px}.brandLeft{display:flex;align-items:center;gap:8px;min-width:0;z-index:1}.brandLogo{height:60px;width:auto;max-width:min(100%,48vw);max-height:60px;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 2px 0 #c8d9ef)}.fancyTitle{margin:0;font-size:30px;letter-spacing:1px;line-height:1.05;font-weight:900;color:#3e5f86;text-shadow:0 2px 0 #d4e3f4,0 4px 0 #b7cae2;font-family:Courier New,monospace}.srOnly{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.pixelDecor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pixelDecor span{position:absolute;color:#95b6de;font-size:12px;opacity:.9;animation:float 2.8s ease-in-out infinite}.pixelDecor span:nth-child(1){top:10px;left:12px}.pixelDecor span:nth-child(2){top:14px;right:18px;animation-delay:.6s}.pixelDecor span:nth-child(3){bottom:10px;right:180px;animation-delay:1.2s}.pixelDecor span:nth-child(4){bottom:12px;left:160px;animation-delay:1.8s}.searchCenter{flex:1;min-width:240px;z-index:1}.headerButtons{display:flex;gap:8px;align-items:center;flex-wrap:wrap;z-index:1}.downloadAll{display:inline-block;padding:9px 13px;border-radius:10px;border:3px solid #4f9ad1;background:linear-gradient(180deg,#f9fdff,#def0ff);color:#1a4f75;text-decoration:none;font-weight:700;box-shadow:0 3px #b9d9f1,inset 0 0 0 2px #fffc;transition:transform .12s ease,box-shadow .12s ease;white-space:nowrap}.downloadAll:hover{transform:translateY(-2px);box-shadow:0 5px #b9d9f1,inset 0 0 0 2px #fffc}.downloadAll.secondary{border-color:#9d95d9;background:linear-gradient(180deg,#fcf9ff,#efe8ff);color:#355173;box-shadow:0 3px #d7cff4,inset 0 0 0 2px #fffc}#searchInput{width:100%;padding:11px 12px;border-radius:10px;border:3px solid #90a9cb;background:#fff;color:var(--text-main);font:inherit;box-shadow:inset 0 0 0 2px #f5faff,0 3px #d2dff0}.categoryNav{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1;background:color-mix(in srgb,var(--bg-color) 90%,white 10%);padding:8px 10px;border:2px solid #ccdbec;border-radius:12px;box-shadow:0 4px #dde7f3}.categoryAnchor{text-decoration:none;padding:6px 10px;border-radius:999px;border:2px solid var(--border-color);background:#fff;color:var(--text-main);font-size:12px;font-weight:700}.categoryAnchor:hover{transform:translateY(-2px)}.categoriesSection{display:grid;gap:20px}.categoryBlock{background:transparent;border:none;border-radius:0;padding:12px;scroll-margin-top:100px}.categoryHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}.categoryTitle{margin:0;font-size:20px}.categoryDownload{text-decoration:none;border:2px solid var(--primary-blue);background:#e8f5ff;color:#1a4f75;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.iconGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.iconCard{background:var(--card-color);border:3px solid var(--border-color);border-radius:10px;padding:10px}.iconDownloadButton{width:100%;height:132px;border:2px dashed #c5d8f0;border-radius:8px;background:#f7fbff;cursor:pointer;display:grid;place-items:center}.iconDownloadButton img{width:110px;height:110px;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.iconDownloadButton:hover img{animation:bounce .42s ease}.name{margin-top:8px;font-size:13px;font-weight:700;word-break:break-all}.revealOnScroll{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.revealOnScroll.visible{opacity:1;transform:translateY(0)}.backTopButton{position:fixed;right:16px;bottom:18px;z-index:30;width:56px;height:56px;border:2px solid #87a6ca;border-radius:14px;background:#fffe;box-shadow:0 5px #bfd2ea;display:grid;place-items:center;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px) scale(.95);transition:opacity .18s ease,transform .18s ease}.backTopButton.show{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.backTopButton:hover{animation:bounce .45s ease}.backTopButton img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}@keyframes bounce{0%{transform:translateY(0)}30%{transform:translateY(-6px) scale(1.03)}60%{transform:translateY(1px)}to{transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}@media (max-width: 768px){#app{padding:0 12px 14px}.header{position:sticky;top:0;z-index:20;margin:0 -12px;padding:12px 14px 10px;border-radius:0 0 12px 12px;border-left:none;border-right:none;border-top:none;box-shadow:0 4px #d1e0f0}.fancyTitle{font-size:23px}.headerMainRow{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px}.brandLeft{width:auto;flex:0 0 auto}.brandLogo{height:34px;max-height:34px;max-width:34vw}.searchCenter{width:auto;flex:1 1 0;min-width:0}.headerButtons{width:100%}.downloadAll{flex:1 1 calc(50% - 4px);text-align:center;padding:8px 10px;font-size:12px}.categoryNav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 8px 10px;margin-top:6px;border:none;border-radius:0;box-shadow:none;background:transparent;scroll-snap-type:x proximity}.categoryNav::-webkit-scrollbar{display:none}.categoryAnchor{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start}.categoryBlock{scroll-margin-top:290px;padding-top:4px}.categoriesSection{margin-top:12px}.iconGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.iconCard{padding:8px}.iconDownloadButton{height:102px}.iconDownloadButton img{width:82px;height:82px}.name{font-size:12px;margin-top:6px}.backTopButton{right:12px;bottom:14px;width:52px;height:52px}}