.expert-page[data-v-6c577fee]{min-height:calc(100vh - 60px);padding:20px 0 56px;color:#24281b;background:#efefee}.expert-layout[data-v-6c577fee]{display:grid;width:1240px;max-width:calc(100% - 32px);margin:0 auto;grid-template-columns:minmax(0,826px) minmax(0,398px);gap:16px;align-items:start}.expert-panel[data-v-6c577fee]{min-width:0}button[data-v-6c577fee]{font-family:inherit;cursor:pointer}.panel-header[data-v-6c577fee]{display:flex;align-items:center;justify-content:space-between}.expert-toolbar[data-v-6c577fee]{height:48px;padding:0 20px;gap:20px;background:#fff;border-radius:6px}.category-tabs[data-v-6c577fee]{display:flex;align-items:center;align-self:stretch;gap:34px}.category-tabs button[data-v-6c577fee]{position:relative;height:100%;padding:0;color:#7c7d78;font-size:14px;background:none;border:0}.category-tabs button.active[data-v-6c577fee]{color:#24281b;font-size:16px;font-weight:500}.category-tabs button.active[data-v-6c577fee]:after{position:absolute;bottom:0;left:50%;width:18px;height:2px;transform:translateX(-50%);background:linear-gradient(90deg,#24281b,#bdee38);border-radius:2px;content:""}.left-rank-tabs[data-v-6c577fee]{display:flex;gap:10px}.left-rank-tabs button[data-v-6c577fee]{width:90px;height:28px;padding:0 5px;color:#9d9d9d;font-size:12px;background:#fff;border:1px solid #cdcfcc;border-radius:15px;white-space:nowrap}.left-rank-tabs button.active[data-v-6c577fee]{color:#bdee38;background:#383d2c;border-color:#383d2c;box-shadow:0 0 4px rgba(0,0,0,.26666666666666666)}.expert-grid[data-v-6c577fee]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:20px;align-items:start}.expert-card[data-v-6c577fee]{box-sizing:border-box;position:relative;min-width:0;height:330px;padding:30px 23px 29px 20px;background:linear-gradient(#f4faf2,#fff 70px);border:0;border-radius:12px;cursor:pointer}.recommend-head[data-v-6c577fee]{display:flex;align-items:flex-start;box-sizing:border-box;height:83px;min-width:0;gap:12px;padding-bottom:16px;border-bottom:1px solid #f5f5f5}.expert-avatar[data-v-6c577fee]{width:66px;height:66px;flex:0 0 66px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.recommend-expert[data-v-6c577fee]{min-width:0;flex:1;padding-top:14px}.expert-name[data-v-6c577fee]{display:block;overflow:hidden;color:#24281b;font-size:16px;font-weight:500;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.recommend-badges[data-v-6c577fee]{display:flex;align-items:center;height:24px;margin-top:6px;gap:4px}.streak-badge[data-v-6c577fee]{position:relative;display:inline-flex;flex:0 0 45px;width:45px;height:24px}.streak-badge img[data-v-6c577fee]{width:45px;height:24px}.streak-badge b[data-v-6c577fee]{position:absolute;top:14.5px;left:-4.9px;width:26px;transform:translateY(-50%);color:#ef4b28;font-size:10px;font-weight:600;line-height:14px;text-align:center}.record-tag[data-v-6c577fee]{position:relative;top:2.5px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:15px;padding:0 6px;color:#ef4b28;font-size:8px;line-height:12px;white-space:nowrap;background:rgba(239,75,40,.10196078431372549);border:.5px solid #ef4b28;border-radius:7px}.recommend-rate[data-v-6c577fee]{display:flex;flex-shrink:0;flex-direction:column;align-items:flex-end;padding-top:13px;gap:6px}.recommend-rate strong[data-v-6c577fee]{color:#ef4b28;font-size:20px;line-height:20px;font-weight:500}.recommend-rate span[data-v-6c577fee]{color:#9fa39d;font-size:12px;line-height:12px}.recommend-title-row[data-v-6c577fee]{display:flex;align-items:center;gap:6px;min-width:0;height:14px;margin:21px 0 16px}.play-tag[data-v-6c577fee]{flex-shrink:0;box-sizing:border-box;min-width:32px;height:14px;padding:2px 5px;color:#bdee38;font-size:10px;line-height:10px;text-align:center;background:#24281b;border-radius:3px}.recommend-title[data-v-6c577fee]{overflow:hidden;margin:0;color:#24281b;font-size:14px;font-weight:500;line-height:14px;text-overflow:ellipsis;white-space:nowrap}.recommend-match[data-v-6c577fee]{box-sizing:border-box;height:83px;padding:10px 16px 15px;background:#f7f9f3;border-radius:8px}.match-meta[data-v-6c577fee]{display:flex;justify-content:space-between;align-items:center;gap:10px}.competition[data-v-6c577fee]{box-sizing:border-box;height:24px;min-width:70px;max-width:50%;padding:3px 10px;overflow:hidden;color:#24281b;text-align:center;font-size:12px;line-height:16px;border:1px solid #bdee38;border-radius:4px;text-overflow:ellipsis;white-space:nowrap}.match-meta time[data-v-6c577fee]{color:#868c83;font-size:14px;white-space:nowrap}.match-teams[data-v-6c577fee]{display:grid;grid-template-columns:minmax(0,1fr) 63px minmax(0,1fr);align-items:center;margin-top:12px}.match-team[data-v-6c577fee]{display:flex;align-items:center;min-width:0;gap:6px}.home-team[data-v-6c577fee]{justify-content:flex-end}.match-team span[data-v-6c577fee]{overflow:hidden;color:#24281b;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.match-team img[data-v-6c577fee]{width:22px;height:22px;flex:0 0 22px;-o-object-fit:contain;object-fit:contain}.match-vs[data-v-6c577fee]{color:#868c83;font-size:16px;text-align:center}.recommend-footer[data-v-6c577fee]{display:flex;align-items:center;justify-content:space-between;min-height:36px;margin-top:18px;gap:10px}.forecast-deadline[data-v-6c577fee]{color:#868c83;font-size:12px}.refund-price[data-v-6c577fee]{position:relative;flex:0 0 99px;width:99px;height:36px;background:url(../../static/img/recede.e84cf396.svg) 50%/100% 100% no-repeat}.refund-amount[data-v-6c577fee]{position:absolute;top:5px;right:4px;width:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:26px;color:#24281b}.refund-amount strong[data-v-6c577fee]{max-width:100%;font-size:12px;font-weight:400;line-height:14px}.refund-amount small[data-v-6c577fee]{font-size:10px;line-height:12px}.plain-price[data-v-6c577fee]{color:#7ca900;font-size:14px;font-weight:500}.expert-load-more[data-v-6c577fee]{margin-top:20px;text-align:center}.expert-load-more button[data-v-6c577fee]{padding:10px 36px;color:#7c7d78;background:#fff;border:0;border-radius:6px}.rank-panel[data-v-6c577fee]{box-sizing:border-box;min-width:0;min-height:859px;overflow:hidden;background:#fff;border-radius:6px}.rank-header[data-v-6c577fee]{box-sizing:border-box;height:58px;padding:0 20px;background:linear-gradient(#f4faf2,#fff)}.rank-header h2[data-v-6c577fee]{position:relative;margin:0;padding-left:14px;color:#24281b;font-size:18px;line-height:20px;font-weight:500}.rank-header h2[data-v-6c577fee]:before{position:absolute;top:50%;left:0;width:3px;height:20px;transform:translateY(-50%);background:linear-gradient(180deg,#24281b,#bdee38);content:""}.mode-tabs[data-v-6c577fee]{display:flex;align-items:center;gap:40px;margin:16px 20px 0}.mode-tabs button[data-v-6c577fee]{position:relative;width:63px;height:32px;padding:0;color:#7c7d78;font-size:14px;background:none;border:0;border-radius:4px}.mode-tabs button.active[data-v-6c577fee]{color:#bdee38;background:#24281b}.mode-tabs button.active[data-v-6c577fee]:after{position:absolute;left:50%;bottom:-5px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:5px solid #24281b;transform:translateX(-50%);content:""}.rank-tabs[data-v-6c577fee]{display:flex;gap:20px;margin:18px 20px 0}.rank-tabs button[data-v-6c577fee]{box-sizing:border-box;height:24px;width:80px;padding:0;color:#9d9d9d;font-size:12px;white-space:nowrap;background:none;border:1px solid #cdcfcc;border-radius:15px}.rank-tabs button.active[data-v-6c577fee]{color:#96cd00;border-color:#bdee38}.follow-list-wrap[data-v-6c577fee],.rank-list-wrap[data-v-6c577fee]{min-height:450px}.follow-list[data-v-6c577fee],.rank-list[data-v-6c577fee]{display:flex;flex-direction:column;gap:23px;margin:0;padding:19px 12px 30px 20px;list-style:none}.follow-item[data-v-6c577fee],.rank-item[data-v-6c577fee]{display:flex;align-items:center;min-width:0;height:45px;gap:10px;cursor:pointer}.rank-number[data-v-6c577fee]{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;color:#000;font-size:16px;font-weight:500}.rank-number img[data-v-6c577fee]{display:block;width:24px;height:23px;-o-object-fit:contain;object-fit:contain}.rank-avatar-wrap[data-v-6c577fee]{position:relative;width:45px;height:45px;flex:0 0 45px}.rank-avatar[data-v-6c577fee]{display:block;box-sizing:border-box;width:45px;height:45px;border:1px solid #bdee38;border-radius:50%;-o-object-fit:cover;object-fit:cover}.avatar-follow[data-v-6c577fee]{position:absolute;left:16px;bottom:-5px;display:flex;align-items:center;justify-content:center;width:13px;height:13px;padding:0;border:0;border-radius:50%;color:#24281b;background:#bdee38;font-size:9px}.avatar-follow[data-v-6c577fee]:before{position:absolute;inset:-5px;content:""}.avatar-follow[data-v-6c577fee]:focus-visible{outline:2px solid #24281b;outline-offset:2px}.rank-info[data-v-6c577fee]{flex:1;min-width:0;padding-left:1px}.rank-name[data-v-6c577fee]{display:block;overflow:hidden;color:#24281b;font-size:16px;line-height:20px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.rank-badges[data-v-6c577fee]{display:flex;flex-flow:row nowrap;align-items:center;min-width:0;height:24px;gap:4px}.rank-follow-count[data-v-6c577fee]{align-self:flex-end;min-width:0;line-height:14px;overflow:hidden;color:#9fa39d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.rank-rate[data-v-6c577fee]{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;min-width:57px;gap:6px}.rank-rate strong[data-v-6c577fee]{color:#ef4b28;font-size:16px;line-height:20px;font-weight:500}.rank-rate span[data-v-6c577fee]{color:#9fa39d;font-size:12px;line-height:12px;white-space:nowrap}.panel-empty[data-v-6c577fee]{grid-column:1/-1;padding:95px 0;background:#fff;border-radius:10px}.rank-empty[data-v-6c577fee]{padding:100px 0 45px}.pagination-wrap[data-v-6c577fee]{margin-top:24px;text-align:center}.rank-pagination[data-v-6c577fee]{padding:10px 0 15px;text-align:center;border-top:1px solid #f1f2ef}.pagination-wrap[data-v-6c577fee] .btn-next,.pagination-wrap[data-v-6c577fee] .btn-prev,.pagination-wrap[data-v-6c577fee] .el-pager li,.rank-pagination[data-v-6c577fee] .btn-next,.rank-pagination[data-v-6c577fee] .btn-prev,.rank-pagination[data-v-6c577fee] .el-pager li{background:transparent}.pagination-wrap[data-v-6c577fee] .el-pager li.active,.rank-pagination[data-v-6c577fee] .el-pager li.active{color:#bdee38;background:#24281b;border-radius:4px}@media(max-width:1100px){.expert-layout[data-v-6c577fee]{grid-template-columns:minmax(0,1fr) 340px}.expert-grid[data-v-6c577fee]{grid-template-columns:minmax(0,1fr)}.expert-toolbar[data-v-6c577fee]{height:auto;min-height:48px;flex-wrap:wrap;padding:12px 20px}.category-tabs[data-v-6c577fee]{min-height:24px}.category-tabs button.active[data-v-6c577fee]:after{bottom:-12px}.rank-tabs[data-v-6c577fee]{gap:10px}}@media(max-width:760px){.expert-layout[data-v-6c577fee]{grid-template-columns:minmax(0,1fr)}.expert-page[data-v-6c577fee]{padding-top:12px}.left-rank-tabs[data-v-6c577fee]{flex-wrap:wrap}.expert-card[data-v-6c577fee]{padding-right:16px;padding-left:16px}}