.expert-page[data-v-ccaae290]{min-height:calc(100vh - 60px);padding:24px 0 56px;color:#24281b;background:#f2f4f5}.expert-layout[data-v-ccaae290]{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-ccaae290]{box-sizing:border-box;min-width:0;padding:24px 18px 18px;background:#fff;border-radius:12px}button[data-v-ccaae290]{font-family:inherit;cursor:pointer}.panel-header[data-v-ccaae290]{display:flex;align-items:center;justify-content:space-between}.expert-toolbar[data-v-ccaae290]{min-height:42px;justify-content:flex-start;padding:0 8px;gap:24px}.expert-toolbar h1[data-v-ccaae290]{margin:0;font-size:24px;font-weight:600}.category-tabs[data-v-ccaae290]{display:inline-flex;padding:2px;border:1px solid #e0e4e8;border-radius:24px}.category-tabs button[data-v-ccaae290]{height:34px;min-width:78px;padding:0 18px;color:#7c7d78;font-size:14px;background:transparent;border:0;border-radius:22px}.category-tabs button.active[data-v-ccaae290]{color:#bdee38;background:#242e16;font-weight:600}.expert-grid[data-v-ccaae290]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:24px;align-items:stretch}.expert-card[data-v-ccaae290]{box-sizing:border-box;display:flex;flex-direction:column;position:relative;min-width:0;padding:20px 16px;background:linear-gradient(#fafcf9,#fff 160px);border:1px solid #f0f3ee;border-radius:12px;cursor:pointer}.expert-card[data-v-ccaae290]:hover{border-color:#d5e5b2}.expert-card[data-v-ccaae290]:focus-visible{outline:2px solid #96cd00;outline-offset:2px}.recommend-head[data-v-ccaae290]{display:flex;align-items:center;min-width:0;gap:12px;padding-bottom:18px;border-bottom:1px solid #eff1ee}.expert-avatar[data-v-ccaae290]{width:50px;height:50px;flex:0 0 50px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.recommend-expert[data-v-ccaae290]{min-width:0;flex:1}.expert-name[data-v-ccaae290]{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-ccaae290]{display:flex;align-items:center;height:24px;margin-top:6px;gap:4px}.streak-badge[data-v-ccaae290]{position:relative;display:inline-flex;flex:0 0 45px;width:45px;height:24px}.streak-badge img[data-v-ccaae290]{width:45px;height:24px}.streak-badge b[data-v-ccaae290]{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-ccaae290]{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-ccaae290]{display:flex;flex-shrink:0;flex-direction:column;align-items:flex-end;padding-top:13px;gap:6px}.recommend-rate strong[data-v-ccaae290]{color:#ef4b28;font-size:20px;line-height:20px;font-weight:500}.recommend-rate span[data-v-ccaae290]{color:#9fa39d;font-size:12px;line-height:12px}.recommend-title-row[data-v-ccaae290]{display:flex;align-items:center;gap:6px;min-width:0;min-height:24px;margin:16px 0 12px}.play-tag[data-v-ccaae290]{flex-shrink:0;padding:5px 8px;color:#65951c;font-size:12px;text-align:center;background:#edf8df;border-radius:4px;white-space:nowrap}.play-tag.parlay[data-v-ccaae290]{color:#bf810e;background:#fff4d5}.recommend-title[data-v-ccaae290]{overflow:hidden;margin:0;color:#24281b;font-size:16px;font-weight:600;line-height:24px;text-overflow:ellipsis;white-space:nowrap}.recommend-matches[data-v-ccaae290]{margin-bottom:18px;padding:0 12px;background:#f7f9f6;border-radius:8px}.recommend-match[data-v-ccaae290]{box-sizing:border-box;padding:12px 0 16px}.recommend-match+.recommend-match[data-v-ccaae290]{border-top:1px solid #e8ede7}.match-meta[data-v-ccaae290]{display:flex;justify-content:space-between;align-items:center;gap:10px}.competition[data-v-ccaae290]{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[data-v-ccaae290]{color:#8a9188;font-size:11px}.match-meta time[data-v-ccaae290]{color:#868c83;font-size:11px;white-space:nowrap}.match-teams[data-v-ccaae290]{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:center;margin-top:14px}.match-team[data-v-ccaae290]{display:flex;align-items:center;min-width:0;gap:6px}.home-team[data-v-ccaae290]{justify-content:flex-start}.match-team span[data-v-ccaae290]{overflow:hidden;color:#24281b;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.match-team img[data-v-ccaae290]{width:30px;height:30px;flex:0 0 30px;-o-object-fit:contain;object-fit:contain}.match-vs[data-v-ccaae290]{color:#868c83;font-size:16px;text-align:center}.recommend-footer[data-v-ccaae290]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;min-height:36px;margin-top:auto;gap:8px}.plan-schedule[data-v-ccaae290]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 10px;margin:-4px 0 14px;color:#8b9189;font-size:12px;line-height:18px}.plan-schedule small[data-v-ccaae290]{width:100%;text-align:right}.expired-state[data-v-ccaae290]{color:#626b79;font-weight:500}.refund-hint[data-v-ccaae290]{padding:6px 8px;color:#bb802b;font-size:11px;background:#fff7e9;border-radius:5px}.plan-detail-button[data-v-ccaae290]{margin-left:auto;padding:9px 14px;color:#709f16;background:#fff;border:1px solid #9dc740;border-radius:6px}.plan-detail-button[data-v-ccaae290]:hover{color:#354c0d;background:#f3fadf}.retry-button[data-v-ccaae290]{grid-column:1/-1;justify-self:center;padding:10px 22px;border:1px solid #d5e5b2;border-radius:6px;color:#628c18;background:#fff}.forecast-deadline[data-v-ccaae290]{color:#868c83;font-size:12px}.refund-price[data-v-ccaae290]{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-ccaae290]{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-ccaae290]{max-width:100%;font-size:12px;font-weight:400;line-height:14px}.refund-amount small[data-v-ccaae290]{font-size:10px;line-height:12px}.plain-price[data-v-ccaae290]{color:#24281b;font-size:18px;font-weight:600}.rank-panel[data-v-ccaae290]{box-sizing:border-box;min-width:0;overflow:hidden;padding-bottom:16px;background:#fff;border-radius:12px}.rank-header[data-v-ccaae290]{box-sizing:border-box;height:58px;padding:0 20px;background:linear-gradient(#f4faf2,#fff)}.rank-header h2[data-v-ccaae290]{position:relative;margin:0;padding-left:14px;color:#24281b;font-size:18px;line-height:20px;font-weight:500}.rank-header h2[data-v-ccaae290]:before{position:absolute;top:50%;left:0;width:3px;height:20px;transform:translateY(-50%);background:linear-gradient(180deg,#24281b,#bdee38);content:""}.rank-period[data-v-ccaae290]{color:#92988f;font-size:12px}.mode-tabs[data-v-ccaae290]{display:flex;align-items:center;margin:16px 20px 0;padding-bottom:10px;border-bottom:1px solid #eef0ed}.mode-tabs button[data-v-ccaae290]{position:relative;flex:1;height:38px;padding:0;color:#7c7d78;font-size:14px;background:none;border:0;border-radius:5px}.mode-tabs button.active[data-v-ccaae290]{color:#bdee38;background:#24281b}.rank-tabs[data-v-ccaae290]{display:flex;gap:4px;margin:18px 20px 0;padding:4px;background:#f5f6f4;border-radius:8px}.rank-tabs button[data-v-ccaae290]{box-sizing:border-box;height:32px;flex:1;padding:0;color:#878d83;font-size:12px;white-space:nowrap;background:none;border:1px solid transparent;border-radius:6px}.rank-tabs button.active[data-v-ccaae290]{color:#35451d;border-color:#c9e88d;background:#f0fadf}.rank-table-heading[data-v-ccaae290]{display:flex;align-items:center;gap:14px;margin:18px 20px 0;padding:12px 10px;color:#8b9188;font-size:12px;background:#f5f6f4;border-radius:7px}.rank-table-heading span[data-v-ccaae290]:last-child{margin-left:auto}.rank-follow-button[data-v-ccaae290]{flex-shrink:0;padding:6px 10px;color:#80aa25;font-size:12px;background:#fff;border:1px solid #a7cb57;border-radius:18px}.rank-follow-button.followed[data-v-ccaae290]{color:#8c9386;border-color:#dbe0d5}.follow-list-wrap[data-v-ccaae290],.rank-list-wrap[data-v-ccaae290]{min-height:450px}.follow-list[data-v-ccaae290],.rank-list[data-v-ccaae290]{display:flex;flex-direction:column;margin:0;padding:0 20px;list-style:none}.follow-item[data-v-ccaae290],.rank-item[data-v-ccaae290]{display:flex;align-items:center;min-width:0;min-height:80px;gap:9px;border-bottom:1px solid #eef0ed;cursor:pointer}.rank-number[data-v-ccaae290]{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-ccaae290]{display:block;width:24px;height:23px;-o-object-fit:contain;object-fit:contain}.rank-avatar-wrap[data-v-ccaae290]{position:relative;width:45px;height:45px;flex:0 0 45px}.rank-avatar[data-v-ccaae290]{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-ccaae290]{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-ccaae290]:before{position:absolute;inset:-5px;content:""}.avatar-follow[data-v-ccaae290]:focus-visible{outline:2px solid #24281b;outline-offset:2px}.rank-info[data-v-ccaae290]{flex:1;min-width:0;padding-left:1px}.rank-name[data-v-ccaae290]{display:block;overflow:hidden;color:#24281b;font-size:14px;line-height:20px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.rank-badges[data-v-ccaae290]{display:flex;flex-flow:row nowrap;align-items:center;min-width:0;height:24px;gap:4px}.rank-follow-count[data-v-ccaae290]{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-ccaae290]{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;min-width:57px;gap:6px}.rank-rate strong[data-v-ccaae290]{color:#ef4b28;font-size:16px;line-height:20px;font-weight:500}.rank-rate span[data-v-ccaae290]{color:#9fa39d;font-size:12px;line-height:12px;white-space:nowrap}.panel-empty[data-v-ccaae290]{grid-column:1/-1;padding:95px 0;background:#fff;border-radius:10px}.rank-empty[data-v-ccaae290]{padding:100px 0 45px}.pagination-wrap[data-v-ccaae290]{margin-top:24px;text-align:center}.pagination-wrap[data-v-ccaae290] .el-pagination{display:flex;justify-content:center;flex-wrap:wrap;row-gap:8px}.rank-pagination[data-v-ccaae290]{padding:10px 0 15px;text-align:center;border-top:1px solid #f1f2ef}.pagination-wrap[data-v-ccaae290] .btn-next,.pagination-wrap[data-v-ccaae290] .btn-prev,.pagination-wrap[data-v-ccaae290] .el-pager li,.rank-pagination[data-v-ccaae290] .btn-next,.rank-pagination[data-v-ccaae290] .btn-prev,.rank-pagination[data-v-ccaae290] .el-pager li{background:transparent}.pagination-wrap[data-v-ccaae290] .el-pager li.active,.rank-pagination[data-v-ccaae290] .el-pager li.active{color:#bdee38;background:#24281b;border-radius:4px}@media(max-width:1100px){.expert-layout[data-v-ccaae290]{grid-template-columns:minmax(0,1fr) 340px}.expert-grid[data-v-ccaae290]{grid-template-columns:minmax(0,1fr)}.expert-toolbar[data-v-ccaae290]{flex-wrap:wrap;gap:12px}.rank-follow-button[data-v-ccaae290]{padding:6px}}@media(max-width:760px){.expert-layout[data-v-ccaae290]{grid-template-columns:minmax(0,1fr)}.expert-page[data-v-ccaae290]{padding-top:12px}.expert-card[data-v-ccaae290]{padding-right:16px;padding-left:16px}}