@media(max-width:760px){
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .synced-recommend-list{grid-template-columns:minmax(0,1fr)!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;padding:0!important;margin:0 0 12px!important;overflow:hidden!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-expert-top{min-height:0!important;height:auto!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;padding:10px 12px!important;margin:0!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .expert-id{min-width:0!important;flex:1 1 100%!important;gap:9px!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .expert-id img{width:42px!important;height:42px!important;flex:0 0 42px!important;border-width:2px!important;box-shadow:none!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .expert-id b{font-size:17px!important;line-height:1.35!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .expert-id b i{font-size:9px!important;padding:3px 5px!important;margin-left:5px!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .expert-id em{font-size:10px!important;line-height:1.4!important;margin-top:3px!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .expert-top-metrics{width:100%!important;display:flex!important;justify-content:space-between!important;gap:12px!important;margin:0!important;padding:0!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .expert-top-metrics span{min-width:0!important;min-height:0!important;flex:0 1 auto!important;font-size:10px!important;line-height:1.4!important;padding:0!important;gap:5px!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .expert-top-metrics b{font-size:18px!important;line-height:1.2!important;margin:0!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .expert-top-metrics small{font-size:10px!important;line-height:1.3!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-league{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;min-height:0!important;height:auto!important;padding:8px 12px 0!important;margin:0!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-league span,html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-league time,html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-market{font-size:11px!important;line-height:1.4!important;margin:0!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-main{display:grid!important;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-height:0!important;height:auto!important;padding:10px 12px!important;margin:0!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .team-side{display:flex!important;align-items:center!important;flex-direction:column!important;gap:5px!important;min-width:0!important;padding:0!important;text-align:center!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .team-badge{width:34px!important;height:34px!important;min-width:34px!important;flex-basis:34px!important;font-size:17px!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .team-side b{font-size:12px!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere!important;max-width:100%!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .match-center{display:flex!important;align-items:center!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;min-width:0!important;height:auto!important;padding:0!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .match-center>*{position:static!important;transform:none!important;margin:0!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .match-center em{font-size:27px!important;line-height:1.1!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .match-center small{font-size:10px!important;line-height:1.35!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-research{min-height:0!important;height:auto!important;padding:9px 12px!important;margin:0!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-research p{display:block!important;min-height:0!important;height:auto!important;padding:0!important;margin:0!important;font-size:12px!important;line-height:1.6!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-research b{font-size:11px!important;line-height:1.5!important;margin-right:7px!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-research span{font-size:12px!important;line-height:1.6!important;min-height:0!important;margin:0!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card>.prediction-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;min-height:0!important;height:auto!important;padding:9px 8px!important;margin:0!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card>.prediction-metrics span{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:0!important;height:auto!important;padding:0 3px!important;font-size:10px!important;line-height:1.4!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card>.prediction-metrics b{font-size:20px!important;line-height:1.2!important;margin:0 0 4px!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-footer{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(112px,auto)!important;align-items:center!important;gap:4px 10px!important;min-height:0!important;height:auto!important;padding:10px 12px!important;margin:0!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .direction{grid-column:1!important;grid-row:1!important;min-width:0!important;font-size:15px!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .direction>b{display:block!important;font-size:11px!important;line-height:1.4!important;margin:0 0 3px!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .publish-time{grid-column:1!important;grid-row:2!important;margin:0!important;font-size:10px!important;line-height:1.4!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-footer>a{grid-column:2!important;grid-row:1/3!important;min-width:0!important;min-height:38px!important;height:auto!important;padding:9px 10px!important;line-height:1.4!important;font-size:12px!important;white-space:normal!important;text-align:center!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-footer>a>*{font-size:12px!important;line-height:1.4!important}
}
@media(max-width:760px){
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .expert-top-metrics span{display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .team-side,html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .match-center{height:auto!important;min-height:0!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-research p>b,html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-research p>span{display:inline!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .direction{display:block!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .direction>b{position:static!important;width:auto!important;height:auto!important;min-width:0!important;float:none!important;padding:0!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .publish-time{position:static!important;transform:none!important;float:none!important}
}
@media(max-width:760px){
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .expert-id,html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .expert-id>span{height:auto!important;min-height:0!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .expert-top-metrics b{height:auto!important;min-height:0!important;padding:0!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .team-side b{height:auto!important;min-height:0!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-research{padding:6px 12px!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card>.prediction-metrics{padding:7px 8px!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card>.prediction-metrics b{height:auto!important;min-height:0!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-footer{padding:8px 12px!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .direction{height:auto!important;min-height:0!important;padding:0!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .direction>b{display:inline!important;margin:0 6px 0 0!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .publish-time{height:auto!important;min-height:0!important;padding:0!important}
}
@media(max-width:760px){
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card>.prediction-metrics span{width:auto!important;min-width:0!important;box-sizing:border-box!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-expert-top{padding:8px 12px!important;gap:6px!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-league{padding-top:6px!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-main{padding-top:8px!important;padding-bottom:8px!important}
}
@media(max-width:350px){
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-research p,html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-research span{font-size:11px!important;line-height:1.5!important}
}
@media(max-width:350px){
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-expert-top{padding-top:6px!important;padding-bottom:6px!important;gap:4px!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-league{padding-top:4px!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-main{padding-top:6px!important;padding-bottom:6px!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card>.prediction-metrics{padding-top:6px!important;padding-bottom:6px!important}
 html body #app:is(.route-Index,.route-recommend)>.wrap .recommend-page .prediction-card .prediction-footer{padding-top:6px!important;padding-bottom:6px!important}
}
@media(max-width:760px){
 html body #app.route-rank>.wrap .rank-page .expert-rank-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;min-height:0!important;height:auto!important;padding:12px!important;gap:10px 0!important}
 html body #app.route-rank>.wrap .rank-page .rank-identity{grid-column:1/-1!important;grid-row:1!important;grid-template-columns:28px 42px minmax(0,1fr)!important;gap:8px!important;min-height:0!important;padding:0!important}
 html body #app.route-rank>.wrap .rank-page .rank-identity>em{width:26px!important;height:32px!important;font-size:12px!important}
 html body #app.route-rank>.wrap .rank-page .rank-identity>img{width:40px!important;height:40px!important}
 html body #app.route-rank>.wrap .rank-page .rank-identity b{font-size:17px!important;line-height:1.4!important;white-space:normal!important}
 html body #app.route-rank>.wrap .rank-page .rank-identity b i{font-size:9px!important;padding:3px 5px!important}
 html body #app.route-rank>.wrap .rank-page .rank-identity small{font-size:11px!important;line-height:1.5!important;margin-top:4px!important}
 html body #app.route-rank>.wrap .rank-page .record-cell{grid-column:1/-1!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:0!important;height:auto!important;padding:10px 0!important}
 html body #app.route-rank>.wrap .rank-page .record-cell b{font-size:18px!important;line-height:1.4!important}
 html body #app.route-rank>.wrap .rank-page .record-cell small{max-width:55%!important;font-size:11px!important;line-height:1.5!important;margin:0!important;text-align:right!important}
 html body #app.route-rank>.wrap .rank-page .metric-cell{grid-column:auto!important;grid-row:3!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:0!important;height:auto!important;padding:8px 4px!important}
 html body #app.route-rank>.wrap .rank-page .metric-cell.primary{grid-column:1!important}
 html body #app.route-rank>.wrap .rank-page .roi-cell{grid-column:2!important}
 html body #app.route-rank>.wrap .rank-page .stability-cell{grid-column:3!important}
 html body #app.route-rank>.wrap .rank-page .metric-cell em{font-size:8px!important;line-height:1.3!important;letter-spacing:.5px!important}
 html body #app.route-rank>.wrap .rank-page .metric-cell b{font-size:24px!important;line-height:1.2!important;margin:0!important}
 html body #app.route-rank>.wrap .rank-page .metric-cell small{font-size:10px!important;line-height:1.4!important;margin:0!important}
 html body #app.route-rank>.wrap .rank-page .metric-cell>span{height:3px!important;margin:0!important}
 html body #app.route-rank>.wrap .rank-page .attention-cell{grid-column:1/-1!important;grid-row:4!important;display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important;gap:9px!important;min-height:0!important;height:auto!important;padding:0!important}
 html body #app.route-rank>.wrap .rank-page .attention-metrics{grid-column:1/-1!important;min-height:0!important;height:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0!important}
 html body #app.route-rank>.wrap .rank-page .attention-metrics>span{display:flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;height:auto!important;gap:8px!important;padding:8px 4px!important}
 html body #app.route-rank>.wrap .rank-page .attention-metrics b{font-size:22px!important;line-height:1.2!important}
 html body #app.route-rank>.wrap .rank-page .attention-metrics small{font-size:10px!important;line-height:1.4!important;margin:0!important}
 html body #app.route-rank>.wrap .rank-page .expert-home-btn,html body #app.route-rank>.wrap .rank-page .attention-cell>button{min-width:0!important;min-height:0!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 6px!important;font-size:12px!important;line-height:1.4!important;margin:0!important}
}
@media(max-width:760px){
 html body #app.route-rank>.wrap .rank-page .rank-identity>span{display:contents!important}
 html body #app.route-rank>.wrap .rank-page .rank-identity>em{grid-column:1!important;grid-row:1/3!important}
 html body #app.route-rank>.wrap .rank-page .rank-identity>img{grid-column:2!important;grid-row:1/3!important}
 html body #app.route-rank>.wrap .rank-page .rank-identity>span>b{grid-column:3!important;grid-row:1!important}
 html body #app.route-rank>.wrap .rank-page .rank-identity>span>small:first-of-type{grid-column:1/-1!important;grid-row:3!important}
 html body #app.route-rank>.wrap .rank-page .rank-identity>span>small:last-of-type{grid-column:3!important;grid-row:2!important;max-width:none!important;width:auto!important;margin:0!important;white-space:normal!important}
 html body #app.route-rank>.wrap .rank-page .record-cell{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)!important;gap:4px 10px!important}
 html body #app.route-rank>.wrap .rank-page .record-cell:before{grid-column:1!important;grid-row:1!important;font-size:8px!important;line-height:1.3!important;margin:0!important}
 html body #app.route-rank>.wrap .rank-page .record-cell b{grid-column:1!important;grid-row:2!important;margin:0!important}
 html body #app.route-rank>.wrap .rank-page .record-cell small{grid-column:2!important;grid-row:1/3!important;max-width:none!important}
 html body #app.route-rank>.wrap .rank-page .attention-cell,html body #app.route-rank>.wrap .rank-page .attention-metrics{height:auto!important;min-height:0!important}
}
@media(max-width:760px){
 html body #app.route-rank>.wrap .rank-page .attention-metrics>span{flex-direction:row!important}
}
@media(max-width:760px){
 html body #app.route-rank>.wrap .rank-page .record-cell{grid-template-columns:minmax(104px,1fr) minmax(0,1fr)!important}
 html body #app.route-rank>.wrap .rank-page .metric-cell{gap:4px!important;padding:6px 4px!important}
 html body #app.route-rank>.wrap .rank-page .metric-cell em{margin:0!important}
 html body #app.route-rank>.wrap .rank-page .metric-cell>span{min-height:0!important;padding:0!important}
}