/* Home and recommendation lists share the same card. Plain selectors support
   older App WebViews: no :is(), color-mix(), dvh or line-clamp dependency. */
@media(max-width:760px){
 html body #app .wrap .home-section.recommendation-section{padding-left:10px!important;padding-right:10px!important}
 html body #app .wrap .recommend-page .recommend-list-panel{padding-left:8px!important;padding-right:8px!important}
 html body #app .wrap .recommend-page .tuijielist.synced-recommend-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card{box-sizing:border-box!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .prediction-expert-top{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;min-height:0!important;height:auto!important;margin:0!important;padding:6px 10px!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .expert-id{display:flex!important;flex:1 1 0!important;min-width:0!important;width:auto!important;height:auto!important;min-height:0!important;gap:7px!important;padding:0!important;margin:0!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .expert-id img{box-sizing:border-box!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;flex:0 0 38px!important;border-width:2px!important;box-shadow:none!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .expert-id>span{display:block!important;flex:1 1 0!important;width:0!important;min-width:0!important;height:auto!important;min-height:0!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .expert-id b,html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .expert-name strong{font-size:15px!important;line-height:1.35!important;height:auto!important;min-height:0!important;white-space:normal!important;overflow-wrap:break-word!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .expert-name{display:block!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .expert-name strong{display:inline!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .expert-id b{display:block!important;width:auto!important;margin:0!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .expert-id b i{display:inline-block!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;font-size:9px!important;line-height:1.3!important;padding:2px 3px!important;margin-left:3px!important;vertical-align:middle!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .expert-id em{font-size:10px!important;line-height:1.3!important;margin-top:2px!important;padding:0!important;border:0!important;background:transparent!important;color:#6e8295!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .expert-top-metrics{display:flex!important;flex:0 0 auto!important;align-items:center!important;width:auto!important;min-width:0!important;gap:8px!important;margin:0!important;padding:0!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .expert-top-metrics span{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;min-height:0!important;height:auto!important;width:auto!important;padding:0!important;font-size:10px!important;line-height:1.3!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .expert-top-metrics b{height:auto!important;min-height:0!important;margin:0!important;padding:0!important;font-size:19px!important;line-height:1.2!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .expert-top-metrics small{font-size:10px!important;line-height:1.3!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .expert-top-metrics .publish-status b{font-size:12px!important;line-height:1.3!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .prediction-league{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important;height:auto!important;min-height:0!important;margin:0!important;padding:5px 10px!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .prediction-league span,html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .prediction-league time,html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .prediction-market{height:auto!important;min-height:0!important;margin:0!important;padding-top:0!important;padding-bottom:0!important;font-size:11px!important;line-height:1.4!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .prediction-market{margin-left:auto!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .prediction-main{display:grid!important;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)!important;align-items:center!important;gap:6px!important;min-height:0!important;height:auto!important;padding:7px 10px!important;margin:0!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .team-side{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;min-height:0!important;height:auto!important;padding:0!important;min-width:0!important;text-align:center!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .team-badge{width:30px!important;height:30px!important;min-width:30px!important;flex-basis:30px!important;font-size:15px!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .team-side b{height:auto!important;min-height:0!important;font-size:12px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:break-word!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .match-center{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;height:auto!important;min-height:0!important;padding:0!important;min-width:0!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .match-center>*{position:static!important;transform:none!important;margin:0!important;padding:0!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .match-center em{font-size:23px!important;line-height:1.1!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .match-center small{font-size:10px!important;line-height:1.3!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .prediction-research{height:auto!important;min-height:0!important;padding:5px 10px!important;margin:0!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .prediction-research p{display:block!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;font-size:12px!important;line-height:1.5!important;overflow:visible!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .prediction-research p>b,html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .prediction-research p>span{display:inline!important;position:static!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;font-size:12px!important;line-height:1.5!important;white-space:normal!important;overflow:visible!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .prediction-research p>b{margin-right:6px!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card>.prediction-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;min-height:0!important;height:auto!important;padding:7px 5px!important;margin:0!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card>.prediction-metrics>span{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;padding:0 2px!important;font-size:10px!important;line-height:1.3!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card>.prediction-metrics b{height:auto!important;min-height:0!important;padding:0!important;margin:0 0 3px!important;font-size:18px!important;line-height:1.2!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .prediction-footer{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:4px 8px!important;align-items:center!important;height:auto!important;min-height:0!important;margin:0!important;padding:7px 10px!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .direction{display:block!important;grid-column:1!important;grid-row:1!important;position:static!important;width:auto!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;font-size:12px!important;line-height:1.4!important;white-space:normal!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .direction>b{display:inline!important;position:static!important;float:none!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;padding:0!important;margin:0 5px 0 0!important;font-size:11px!important;line-height:1.4!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .publish-time{grid-column:1!important;grid-row:2!important;position:static!important;float:none!important;transform:none!important;width:auto!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;font-size:10px!important;line-height:1.3!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .prediction-footer>a{display:flex!important;align-items:center!important;justify-content:center!important;grid-column:2!important;grid-row:1/3!important;max-width:146px!important;min-width:0!important;min-height:38px!important;height:auto!important;padding:6px 9px!important;font-size:12px!important;line-height:1.4!important;white-space:normal!important;text-align:center!important}
 html body #app .wrap .recommend-page .synced-recommend-list .prediction-card .prediction-footer>a>*{position:static!important;font-size:12px!important;line-height:1.4!important;margin:0!important}
}