.tabbar { grid-template-columns: repeat(6, 1fr); }
.tabbar button { font-size: 8px; }
.city{border:0;color:inherit;cursor:pointer}.plain{color:#087bd8;background:#e8f5ff}.ranking-preview{margin-top:20px;border-radius:8px;overflow:hidden;background:linear-gradient(125deg,#fff 0%,#f1f8ff 55%,#d7ecff 100%);box-shadow:0 5px 13px #143f7012}.ranking-title{height:44px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#fff 0 66%,#d5e9fb 66%)}.ranking-title strong{font-size:16px}.ranking-title button{border:0;background:none;color:#087bd8;font-size:11px}.rank-switches{display:grid;grid-template-columns:repeat(4,1fr);padding:7px 8px 13px;gap:9px}.rank-switches button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:6px;color:#496678;font-size:11px}.rank-icon{height:45px;width:58px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#dcecff;color:#167bd6;font-size:25px;box-shadow:inset 0 8px 12px #ffffff}.rank-icon.fresh{background:#d9f5df;color:#20ad57}.rank-icon.expert{background:#efdcff;color:#9054cb}.rank-icon.member{background:#ffe1e1;color:#e34e49}.study-fly{margin-top:16px;overflow:hidden}.fly-head{height:49px;display:flex;align-items:stretch;background:#fff}.fly-head button{width:102px;border:0;background:#eff6ff;color:#607184;font-size:17px;font-weight:700}.fly-head button.active{background:#fff;color:#14253b;border-bottom:3px solid #087bd8}.fly-head span{margin-left:auto;align-self:center;padding-right:12px;color:#7c8793;font-size:12px}.fly-filter{padding:10px 13px 2px;display:flex;gap:10px;overflow:auto;white-space:nowrap}.fly-filter span{padding:6px 9px;border-radius:3px;background:#e8f5ff;color:#0874cc;font-size:10px}.merchant-list{padding:3px 13px}.merchant-card{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid #edf1f5}.merchant-card:last-child{border:0}.merchant-logo{height:72px;width:72px;display:flex;flex:none;align-items:center;justify-content:center;border-radius:9px;background:linear-gradient(135deg,#bde2ff,#edf8ff);font-size:35px}.merchant-main{flex:1;min-width:0}.merchant-main strong{display:block;font-size:13px;line-height:1.4}.merchant-tags{margin:7px 0;display:flex;gap:5px;flex-wrap:wrap}.merchant-tags span{padding:3px 5px;border:1px solid #087bd8;border-radius:3px;color:#0874cb;font-size:8px}.merchant-tags span.orange{border-color:#ff8a4a;color:#ff7a33}.merchant-main p{margin:4px 0;color:#7d8790;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merchant-social{display:flex;justify-content:flex-end;gap:17px;color:#697785;font-size:10px}.pager{display:flex;justify-content:center;gap:4px;padding:6px}.pager i,.pager b{height:4px;width:4px;border-radius:5px;background:#d4dce6}.pager b{width:12px;background:#087bd8}.rank-page{min-height:calc(100vh - 30px);padding-bottom:28px;background:linear-gradient(#cbe8ff 0,#eaf6ff 350px,#f5f8fb 600px)}.rank-hero{height:324px;padding:17px 11px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 25%,#f2dfff 0,transparent 25%),linear-gradient(145deg,#a8dcff,#e2f4ff)}.rank-top{display:flex;align-items:center;justify-content:space-between}.rank-top strong{font-size:18px}.rank-top button{border:0;background:#ffffff88;border-radius:18px;padding:7px 10px;color:#122c47;font-size:11px}.rank-top button:first-child{background:none;font-size:36px;line-height:16px;padding:4px}.rank-hero-copy{position:relative;padding:31px 20px}.rank-hero-copy span{font-size:20px;color:#0c4778;font-weight:700}.rank-hero-copy h1{margin:4px 0;color:#103b64;font-size:37px;line-height:1.08}.rank-hero-copy b{position:absolute;right:28px;top:22px;font-size:91px;filter:drop-shadow(4px 6px 4px #4379a444)}.rank-search{position:absolute;bottom:15px;left:10px;right:10px;padding:12px;border-radius:8px;background:#fff;color:#9aa3ad;font-size:12px}.rank-search b{float:right;font-size:18px;color:#192d41}.rank-tabs{height:47px;padding:0 10px;display:flex;justify-content:space-around;background:#fff}.rank-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#233144;font-size:12px}.rank-tabs button.active{border-color:#087bd8;color:#087bd8}.podium{margin:9px 10px;padding:12px 10px;display:flex;justify-content:space-around;align-items:flex-end;border-radius:7px;background:#fff;border:1px solid #dfeaf4}.podium-user{width:29%;display:flex;flex-direction:column;align-items:center;gap:5px}.podium-user b{width:50px;height:58px;padding-top:10px;border-radius:18px 18px 9px 9px;background:linear-gradient(#f1bc4c,#ffd982);color:#804b18;text-align:center;font-size:11px;line-height:1.3}.podium-user.p2 b{background:linear-gradient(#b7bbc2,#eff1f2);color:#56616d}.podium-user.p3 b{background:linear-gradient(#b98862,#efd0b7);color:#6f4d38}.podium-user span{font-size:13px}.podium-user em{font-style:normal;font-size:10px;color:#ff4938}.rank-list{padding:0 10px}.rank-list article{position:relative;margin-bottom:9px;padding:12px;display:flex;align-items:flex-start;gap:9px;border-radius:7px;background:#fff}.rank-no{font-size:9px;color:#a17335}.rank-avatar{height:39px;width:39px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#e5f3ff;font-size:26px}.rank-list article div{flex:1}.rank-list strong{font-size:13px}.rank-list em{font-style:normal;color:#ff4938;font-size:10px}.rank-list p,.rank-list small{display:block;margin:5px 0 0;color:#7a838c;font-size:9px}.likes{padding-top:5px;color:#7d8891;font-size:10px}.city-mask{position:absolute;z-index:50;inset:0;display:flex;align-items:flex-end;background:#0e263155}.city-sheet{width:100%;padding:20px;border-radius:20px 20px 0 0;background:#fff}.city-sheet strong{font-size:16px}.city-sheet div{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.city-sheet button{padding:12px;border:1px solid #deebf5;border-radius:9px;background:#f6faff;color:#284760}.city-sheet button.selected{border-color:#087bd8;background:#e4f3ff;color:#087bd8}