*{box-sizing:border-box}body{margin:0;background:#f7faff;color:#17243a;font:16px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{text-decoration:none;color:inherit}header{height:74px;background:#fff;border-bottom:1px solid #e1e9f1}.nav{max-width:1180px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px;font-weight:800;color:#4f46e5;letter-spacing:-.04em}.nav nav{display:flex;gap:29px}.nav nav a{font:650 14px -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#63738a}.nav nav a:hover{color:#4f46e5}.hero{text-align:center;padding:74px 20px 62px;background:linear-gradient(180deg,#fff,#f7faff)}.hero p{margin:0;color:#7770d5;font-size:12px;font-weight:800;letter-spacing:.12em}.hero h1{margin:9px 0 14px;font-size:42px;letter-spacing:-.055em}.hero div{max-width:680px;margin:auto;color:#65768d}main{max-width:1180px;margin:auto;padding:18px 0 76px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:38px}.cards{display:grid;gap:18px}.rank-card{position:relative;padding:27px 30px;background:#fff;border:1px solid #dce5ef;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:0 5px 14px #183a5c0a}.top{position:absolute;top:0;left:0;padding:7px 15px;background:#435166;color:#fff;border-radius:17px 0 10px 0;font-size:12px;font-weight:800}.rank-card:nth-child(1) .top{background:#ef4444}.rank-card:nth-child(2) .top{background:#eab308}.rank-card:nth-child(3) .top{background:#f97316}.rank-main{display:flex;gap:19px;align-items:center;min-width:0}.rank-main img{width:58px;height:58px;object-fit:contain;border-radius:12px;background:#f5f7fb;padding:6px}.rank-main h2{margin:0;font-size:23px}.stars{margin:1px 0;color:#edb61d;letter-spacing:1px}.rank-label{margin:2px 0;color:#6a7b91;font-size:13px}.rank-desc{margin:4px 0 0;color:#697b91;font-size:13px;line-height:1.55;max-width:580px}.rank-actions{display:flex;gap:10px;white-space:nowrap}.rank-actions a{padding:10px 16px;border:1px solid #d8e2ed;border-radius:8px;font-weight:750;font-size:14px}.rank-actions .official{color:#fff;background:#4f46e5;border-color:#4f46e5}aside{position:sticky;top:22px;height:max-content;padding:22px;background:#fff;border:1px solid #dce5ef;border-radius:16px}aside h3{margin:0 0 12px;font-size:19px}.rank-index{max-height:500px;overflow:auto;padding-right:5px}.rank-index a,aside>a{display:block;padding:5px 0;color:#64758c;font-size:13px}.rank-index a:hover,aside>a:hover{color:#4f46e5}aside hr{border:0;border-top:1px solid #e3eaf2;margin:14px 0}.more{display:block;text-align:center;padding:15px;border-radius:10px;background:#4f46e5;color:white;font-weight:800;margin-top:4px}footer{padding:38px max(24px,calc((100% - 1180px)/2));border-top:1px solid #e1e9f1;background:#fff;color:#718197;font-size:14px}footer b{display:block;color:#1d2b41;font-size:18px;margin-bottom:5px}@media(max-width:760px){header{height:auto}.nav{padding:15px 17px;display:block}.nav nav{margin-top:11px;gap:14px;overflow:auto}.nav nav a{white-space:nowrap}.hero{padding:52px 18px}.hero h1{font-size:31px}.layout{grid-template-columns:1fr;padding:0 16px}.rank-card{display:block;padding:28px 21px 20px}.rank-actions{margin-top:15px}.rank-actions a{flex:1;text-align:center}.rank-desc{font-size:12px}.rank-main img{width:52px;height:52px}aside{position:static}.rank-index{max-height:260px}main{padding-bottom:52px}}