/* 排行榜采用首页同一系统字体与字号层级 */
.rank-page { min-height: calc(100vh - 30px); padding: 0 0 94px; background: #f3f8fb; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; }
.rank-hero { height: 295px; padding: 10px 10px 0; background: radial-gradient(circle at 38% 34%, #f5ddff 0, #f5ddff88 16%, transparent 31%), linear-gradient(145deg, #a9ddff, #e9f8ff 74%); }
.rank-top { height: 42px; }
.rank-top strong { color: #0f1720; font-size: 18px; font-weight: 700; }
.rank-top button:first-child { color: #101820; font-size: 34px; }
.rank-tools { padding: 7px 10px; border: 1px solid #e3e9ed; border-radius: 19px; background: #ffffff9c; color: #152431; font-size: 14px; letter-spacing: 1px; }
.rank-hero-copy { padding: 20px 12px; }
.rank-hero-copy h1 { margin: 0; color: #113d68; font-size: 40px; line-height: 1.07; letter-spacing: 1px; font-weight: 800; }
.rank-hero-copy b { top: 10px; right: 19px; color: transparent; font-size: 104px; filter: drop-shadow(3px 8px 4px #377ca055); }
.rank-hero-copy b::after { content: '🛸'; position: absolute; top: 0; right: 0; color: initial; }
.rank-search { bottom: 13px; padding: 13px 12px; border-radius: 8px; color: #808a94; font-size: 13px; box-shadow: 0 5px 12px #3780a41a; }
.rank-search b { color: #1b2730; font-size: 21px; }
.rank-tabs { height: 49px; padding: 0 8px; justify-content:flex-start; gap: 0; background: #fff; }
.rank-tabs button { flex: 1; color: #1d2833; font-family: inherit; font-size: 14px; }
.rank-tabs button.active { color: #087bd8; border-width: 2px; font-weight: 600; }
.rank-tabs .rank-filter { flex: 0 0 34px; color: #34434f; font-size: 19px; }
.podium { margin: 11px 9px; padding: 14px 10px 12px; gap: 8px; align-items: flex-end; border-radius: 8px; border-color: #dce9f3; box-shadow: 0 3px 9px #204b6d0c; }
.podium-user { width: 31%; gap: 6px; }
.podium-user b { width: 78px; height: 79px; padding-top: 17px; border-radius: 18px 18px 10px 10px; color: #744310; font-size: 20px; font-weight: 800; line-height: .78; }
.podium-user b i { font-style: normal; font-size: 10px; letter-spacing: .2px; }
.podium-user.p2 b { width: 70px; height: 70px; padding-top: 15px; }
.podium-user.p3 b { width: 70px; height: 70px; padding-top: 15px; }
.podium-user span { color: #1a2026; font-size: 14px; font-weight: 600; }
.podium-user em { color: #ff4136; font-size: 12px; font-style: normal; }
.rank-list { padding: 0 9px; }
.rank-list article { min-height: 128px; margin-bottom: 10px; padding: 12px 10px; gap: 9px; border-radius: 8px; box-shadow: 0 2px 8px #264d6b0c; }
.rank-no { width: 37px; padding-top: 2px; color: #b27b32; font-size: 10px; line-height: 1.3; }
.rank-avatar { width: 45px; height: 51px; border-radius: 3px; background: #dcedfb; font-size: 29px; }
.rank-list strong { color: #1b252e; font-size: 14px; }
.rank-list strong em { color: #ff3d36; font-size: 12px; }
.rank-list p { margin: 6px 0 11px; color: #e87931; font-size: 12px; }
.rank-list p .rank-stars { color: #e56f3d; letter-spacing: 0; }
.rank-list small { margin-top: 4px; color: #69747d; font-size: 11px; }
.likes { padding-top: 5px; color: #67737e; font-size: 11px; white-space: nowrap; }