*{box-sizing:border-box}body{margin:0;background:#070707;color:#fff;font-family:Arial,sans-serif}.wrap{max-width:1500px;margin:auto;padding:20px}.brand{text-align:center;padding:24px}.brand h1{margin:0;font-size:34px}.brand span{color:#e51919}.brand p{color:#888}.nav{display:flex;gap:8px;overflow:auto;padding:12px 0 20px;position:sticky;top:0;background:#070707;z-index:5}.nav button{white-space:nowrap;border:1px solid #292929;background:#111;color:#ddd;border-radius:20px;padding:10px 14px;font-weight:bold}.nav button.on{background:#d71919}.search{margin-left:auto;min-width:180px;background:#111;border:1px solid #292929;color:#fff;padding:10px;border-radius:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#101010;border:1px solid #222;border-radius:18px;padding:16px}.head{display:flex;gap:13px}.icon{width:76px;height:76px;border-radius:16px;object-fit:cover;background:#222}.card h2{font-size:18px;margin:5px 0}.desc{color:#888;font-size:13px;line-height:1.45;height:38px;overflow:hidden}.meta{font-size:12px;color:#aaa;line-height:1.8;margin-top:12px}.code{font-size:16px;color:#fff;font-weight:bold}.dl{display:block;text-align:center;background:#d71919;color:#fff;text-decoration:none;border-radius:11px;padding:13px;margin-top:13px;font-weight:900}.foot{text-align:center;color:#555;padding:35px}.wa{position:fixed;right:20px;bottom:20px;background:#20b65a;color:#fff;padding:14px;border-radius:30px;text-decoration:none;font-weight:bold}@media(max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.wrap{padding:10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card{padding:10px}.icon{width:54px;height:54px}.card h2{font-size:14px}.desc{font-size:11px}.meta{font-size:10px}.code{font-size:12px}.dl{font-size:11px;padding:10px}.search{min-width:110px;width:110px}}