/* Only the confirmed football showcase cards. Existing routing and state branches are untouched. */
html body #app>.wrap .recommend-page .sd-showcase-card.sdc-compact-card{aspect-ratio:auto!important}
html body #app>.wrap .recommend-page .sd-showcase-card.sdc-compact-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:88px 172px 78px!important;gap:0!important;height:auto!important;min-height:0!important;padding:0!important;margin:0 0 20px!important;border:1px solid #d0deea!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 7px 23px #17324808!important;container-type:normal!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head{grid-row:1!important;display:flex!important;height:88px!important;border-radius:0!important;background:linear-gradient(115deg,#fff 55%,#f0f6fa)!important;padding:14px 24px!important;border-left:5px solid #ff6815!important;border-bottom:1px solid #dce5ed!important;gap:16px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head:before,html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head:after,html body #app>.wrap .recommend-page .sdc-compact-card .sdc-brand-cap,html body #app>.wrap .recommend-page .sdc-compact-card .sdc-portrait:before,html body #app>.wrap .recommend-page .sdc-compact-card .sdc-portrait:after{display:none!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-expert{padding:0!important;gap:16px!important;flex:1!important;height:auto!important;min-width:0!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-portrait{width:60px!important;height:60px!important;flex:0 0 60px!important;border:1.5px solid #ff6815!important;padding:3px!important;box-shadow:none!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-portrait img{width:100%!important;height:100%!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-name-line{gap:12px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-name-line>b{font-size:22px!important;line-height:1.3!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-name-line>i{min-width:0!important;height:auto!important;padding:4px 10px!important;font-size:11px!important;gap:5px!important;background:#fff1d6!important;border-radius:20px!important;box-shadow:none!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-name-line>i svg{width:14px!important;height:14px!important;padding:1px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-expert-copy>small{margin-top:7px!important;font-size:12px!important;letter-spacing:0!important;white-space:nowrap!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head-metrics{display:flex!important;gap:24px!important;height:auto!important;border:0!important;margin-left:auto!important;flex-shrink:0!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head-stat{border:0!important;border-left:1px solid #cddce7!important;padding-left:24px!important;justify-content:flex-start!important;gap:8px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head-stat>i{width:20px!important;height:20px!important;flex-basis:20px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head-stat b{font-size:27px!important;line-height:1!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head-stat small{font-size:11px!important;margin-top:7px!important;letter-spacing:0!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-content{grid-row:2!important;height:172px!important;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)!important;padding:14px 20px!important;gap:20px!important;background:#fff!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-match-board{height:144px!important;border-radius:9px!important;background:linear-gradient(90deg,#051825dc,#062132a6,#071a25c9),url('/img/saidian-goal-line-banner.f6e9275c.png') center 57%/cover!important;box-shadow:none!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-match-meta{left:0!important;right:0!important;top:16px!important;width:auto!important;transform:none!important;flex-direction:row!important;justify-content:center!important;gap:12px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-match-meta b{height:auto!important;min-width:0!important;padding:4px 10px!important;font-size:12px!important;border-radius:4px!important;background:#ffffff13!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-match-meta time{font-size:11px!important;margin:0!important;font-weight:400!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-match-meta>span{position:absolute!important;top:86px!important;left:50%!important;transform:translateX(-50%)!important;font-size:11px!important;font-weight:400!important;margin:0!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-versus{bottom:28px!important;height:64px!important;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr)!important;padding:0 22px!important;align-items:center!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-team{flex-direction:row!important;gap:12px!important;text-align:left!important;align-items:center!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-team-away{flex-direction:row-reverse!important;text-align:right!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-team .team-badge{width:51px!important;height:51px!important;flex:0 0 51px!important;border-width:2px!important;font-size:24px!important;box-shadow:0 0 0 2px #071b2b,0 0 0 3px #ff8b37!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-team b{font-size:16px!important;line-height:1.5!important;white-space:normal!important;overflow-wrap:anywhere!important;overflow:visible!important;text-shadow:none!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-vs{align-self:center!important;padding:0!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-vs em{font-size:29px!important;line-height:1.1!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-vs small,html body #app>.wrap .recommend-page .sdc-compact-card .sdc-field-copy{display:none!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-intro{height:144px!important;border:0!important;border-radius:0!important;background:#fff!important;padding:4px 4px 4px 0!important;justify-content:center!important;box-shadow:none!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-intro-title{height:auto!important;border:0!important;gap:0!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-intro-title:after,html body #app>.wrap .recommend-page .sdc-compact-card .sdc-intro-title>i{display:none!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-intro-title b{font-size:15px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-intro-title span{font-size:9px!important;letter-spacing:1.3px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-intro>p{margin:12px 0 0!important;font-size:13px!important;font-weight:400!important;color:#526d83!important;line-height:1.85!important;-webkit-line-clamp:2!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-intro>small{display:none!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-bottom{grid-row:3!important;display:flex!important;height:78px!important;padding:13px 24px!important;gap:18px!important;border-top:1px solid #dce5ed!important;background:#f9fbfd!important;align-items:center!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-data-grid{height:auto!important;max-width:650px!important;flex:1!important;min-width:0!important;border:0!important;background:transparent!important;border-radius:0!important;overflow:visible!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-data-grid>span{height:auto!important;border:0!important;border-left:1px solid #dce5ed!important;justify-content:flex-start!important;padding-left:19px!important;gap:0!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-data-grid>span:first-child{border:0!important;padding-left:0!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-data-grid>span>i{display:none!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-data-grid b{font-size:23px!important;line-height:1!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-data-grid small{font-size:10px!important;margin-top:6px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-action-panel{display:flex!important;height:auto!important;padding:0 0 0 24px!important;border:0!important;border-left:1px solid #dce5ed!important;border-radius:0!important;gap:22px!important;background:transparent!important;margin-left:auto!important;flex-shrink:0!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-direction{height:auto!important;grid-template-columns:23px minmax(0,1fr)!important;grid-template-rows:21px 24px!important;gap:3px 8px!important;align-content:center!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-direction>i{position:static!important;grid-column:1/3!important;font-size:14px!important;height:auto!important;padding:0!important;background:transparent!important;color:#0a2137!important;border-radius:0!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-direction>b{grid-row:2!important;width:23px!important;height:25px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-direction>strong{font-size:18px!important;line-height:24px!important;align-self:center!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-direction>small,html body #app>.wrap .recommend-page .sdc-compact-card .sdc-cta>em{display:none!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-cta{width:auto!important;min-width:160px!important;height:45px!important;justify-content:center!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-cta>strong{height:45px!important;flex-basis:45px!important;font-size:14px!important;border-radius:7px!important;padding:0 18px!important;box-shadow:0 4px 10px #ff6a1520!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-cta.result-entry>small{width:46px!important;height:45px!important;gap:3px!important;border-radius:7px 0 0 7px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-cta.result-entry>small span{font-size:10px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-cta.result-entry>small b{font-size:16px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-cta.result-entry>strong{padding-left:58px!important}
@media(max-width:850px){
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-name-line>b{font-size:19px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head-metrics{gap:14px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head-stat{padding-left:14px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head-stat b{font-size:23px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-content{gap:16px!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-versus{padding:0 12px!important;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-team b{font-size:13px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-team .team-badge{width:40px!important;height:40px!important;flex-basis:40px!important;font-size:21px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-action-panel{padding-left:14px!important;gap:12px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-cta{min-width:130px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-data-grid>span{padding-left:10px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-data-grid b{font-size:20px!important}
}
@media(max-width:600px){
html body #app>.wrap .recommend-page .synced-recommend-list:has(.sdc-compact-card){padding:0!important}
html body #app>.wrap .home-recommend-sync.recommend-page:has(.sdc-compact-card){padding:0!important}
html body #app>.wrap .recommendation-section:has(.sdc-compact-card){padding-left:12px!important;padding-right:12px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-data-grid{height:44px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-data-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-data-grid strong{min-height:0!important;height:auto!important;padding:0!important;gap:0!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-match-board,html body #app>.wrap .recommend-page .sdc-compact-card .sdc-intro,html body #app>.wrap .recommend-page .sdc-compact-card .sdc-data-grid>span{min-height:0!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-data-grid>span{height:auto!important}
html body #app>.wrap .recommend-page .sd-showcase-card.sdc-compact-card{grid-template-rows:auto auto auto!important;border-radius:14px!important;margin-bottom:16px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head{height:auto!important;min-height:112px!important;padding:12px 14px!important;gap:10px!important;flex-wrap:wrap!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-expert{flex-basis:100%!important;gap:10px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-portrait{width:46px!important;height:46px!important;flex-basis:46px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-name-line{gap:7px!important;flex-wrap:wrap!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-name-line>b{font-size:18px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-name-line>i{font-size:9px!important;padding:3px 7px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-expert-copy>small{font-size:10px!important;margin-top:5px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head-metrics{margin:0!important;width:100%!important;justify-content:flex-end!important;gap:18px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head-stat{border:0!important;padding:0!important;gap:6px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head-stat>i{width:14px!important;height:14px!important;flex-basis:14px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head-stat>strong{flex-direction:row!important;align-items:center!important;gap:6px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head-stat b{font-size:18px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-head-stat small{font-size:9px!important;margin:0!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-content{height:auto!important;grid-template-columns:minmax(0,1fr)!important;padding:12px!important;gap:13px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-match-board{height:145px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-versus{height:81px!important;bottom:13px!important;padding:0 14px!important;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-team,html body #app>.wrap .recommend-page .sdc-compact-card .sdc-team-away{flex-direction:column!important;text-align:center!important;gap:9px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-team .team-badge{width:39px!important;height:39px!important;flex-basis:39px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-team b{font-size:12px!important;line-height:1.5!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-vs em{font-size:25px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-match-meta>span{top:68px!important;font-size:10px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-intro{height:auto!important;padding:0 2px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-intro-title b{font-size:13px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-intro>p{font-size:11px!important;line-height:1.8!important;margin:8px 0!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-bottom{height:auto!important;padding:13px 14px!important;flex-wrap:wrap!important;gap:14px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-data-grid{flex-basis:100%!important;max-width:none!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-data-grid b{font-size:19px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-data-grid small{font-size:9px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-action-panel{width:100%!important;padding:12px 0 0!important;border-left:0!important;border-top:1px solid #dce5ed!important;justify-content:space-between!important;gap:10px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-direction>i{font-size:12px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-direction>strong{font-size:16px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-cta{min-width:144px!important;height:40px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-cta>strong{height:40px!important;flex-basis:40px!important;font-size:12px!important;padding:0 15px!important}
html body #app>.wrap .recommend-page .sdc-compact-card .sdc-cta.result-entry>small{height:40px!important}
}