*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:#1a1d20;background:#f5f6f8;line-height:1.75}
a{color:#1f6feb;text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
header.top{background:#1b2430;color:#fff}header.top .wrap{display:flex;align-items:center;gap:22px;height:56px}
header.top a{color:#e8eef6}header.top .brand{font-weight:700;color:#f0b429;font-size:18px}
main{background:#fff;margin:18px auto;max-width:1080px;padding:22px 26px;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
h1{font-size:26px;margin:8px 0 6px}h2{font-size:17px;margin:26px 0 8px;padding-left:10px;border-left:3px solid #c0392b}
.crumbs{font-size:13px;color:#667085}.meta{color:#667085;font-size:13px;margin:0 0 14px}
.gallery{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.gallery img{height:150px;border-radius:4px;background:#eee}
table{border-collapse:collapse;width:100%;font-size:14px}td,th{border:1px solid #e4e7ec;padding:7px 10px;text-align:left}th{background:#f9fafb;width:120px}
.dl{display:inline-block;background:#c0392b;color:#fff;padding:9px 22px;border-radius:4px;margin:10px 0;font-weight:600}
.related{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;list-style:none;padding:0}
.related a{display:block;border:1px solid #e4e7ec;border-radius:6px;padding:8px;color:#1a1d20}
.related img{width:100%;height:96px;object-fit:cover;border-radius:4px;background:#eee}
.related span{display:block;font-size:13px;margin-top:4px}
footer.site{max-width:1080px;margin:10px auto 40px;padding:18px 26px;color:#667085;font-size:13px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;list-style:none;padding:0}
.grid a{display:block;border:1px solid #e4e7ec;border-radius:6px;padding:8px;color:#1a1d20;background:#fff}
.grid img{width:100%;height:96px;object-fit:contain;background:#f2f4f7;border-radius:4px}
.grid span{display:block;font-size:13px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:640px){main{margin:10px;padding:16px}h1{font-size:21px}.gallery img{height:110px}}

.gallery{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.gallery img{width:180px;height:auto;border-radius:8px;border:1px solid #e6e8eb}
.buy{margin:16px 0}
.btn{display:inline-block;background:#c0392b;color:#fff;padding:10px 22px;border-radius:6px;text-decoration:none;font-weight:600}
.btn:hover{background:#a53125}
.apk{display:inline-block;margin-left:14px;font-size:14px;color:#c0392b}
.note{display:block;margin-top:6px;font-size:12px;color:#8a8f99}
.tbl{border-collapse:collapse;width:100%;max-width:680px;margin:10px 0 18px;font-size:14px}
.tbl th,.tbl td{border:1px solid #e6e8eb;padding:8px 10px;text-align:left}
.tbl th{background:#f7f8fa;width:130px;color:#555}
.rank{margin:14px 0;padding-left:22px}
.rank li{margin:8px 0;line-height:1.6}
.rank .dsc{margin-left:8px;color:#c0392b;font-size:13px}
.rank .meta{color:#8a8f99;font-size:13px;margin-left:8px}
.ricon{width:40px;height:40px;border-radius:8px;vertical-align:middle;margin-right:10px}

header.top nav{display:flex;gap:20px;flex-wrap:wrap}
header.top nav a{color:#cfd8e3;font-size:14px;text-decoration:none;white-space:nowrap}
header.top nav a:hover{color:#fff}
@media (max-width:640px){header.top .wrap{height:auto;padding:8px 0;gap:6px}header.top nav{gap:12px}}