:root{--mc-green:#37ad24;--mc-green-dark:#218d17;--mc-red:#e5151b;--mc-text:#111417;--mc-muted:#697178;--mc-border:#dde2e5;--mc-soft:#f6f7f8;--mc-shell:1210px}.mc-match-root,.mc-match-root *{box-sizing:border-box}.mc-match-root{width:100vw;max-width:none!important;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#fff;color:var(--mc-text);font-family:"Rajdhani","Arial Narrow",Arial,sans-serif;font-size:14px;line-height:1.25;-webkit-font-smoothing:antialiased}.mc-match-root a{text-decoration:none!important;color:inherit}.mc-match-root h1,.mc-match-root h2,.mc-match-root h3,.mc-match-root h4,.mc-match-root strong,.mc-match-root b,.mc-match-root button{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif}.mc-shell{width:min(var(--mc-shell),calc(100% - 44px));margin:0 auto}.mc-breadcrumb{height:43px;display:flex;align-items:center;gap:10px;color:#5f666b;font-size:12px}.mc-breadcrumb a:hover{color:var(--mc-green-dark)}.mc-breadcrumb b{color:#2d3337;font-family:"Rajdhani",Arial,sans-serif;font-weight:600}.mc-match-hero{overflow:hidden;border:1px solid var(--mc-border);border-radius:8px;background:#fff}.mc-match-meta{text-align:center;padding:12px 15px 5px}.mc-match-meta strong{display:block;font-size:15px;font-weight:700;letter-spacing:.2px}.mc-match-meta span{display:block;margin-top:4px;color:#4f565b;font-size:12px;font-weight:600}.mc-score-layout{display:grid;grid-template-columns:1fr 210px 1fr;align-items:center;gap:26px;padding:5px 85px 10px}.mc-score-team>a{display:flex;align-items:center;gap:17px}.mc-score-team.is-home>a{justify-content:flex-end}.mc-score-team.is-away>a{justify-content:flex-start}.mc-score-team.is-home>a>span:last-child{text-align:right}.mc-score-team>a>span:last-child{display:flex;flex-direction:column}.mc-score-team>a strong{font-size:23px;line-height:1}.mc-score-team>a small{margin-top:5px;color:#6d7479;font-size:11px}.mc-team-logo{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.mc-team-logo img{width:100%;height:100%;object-fit:contain}.mc-team-logo i{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:1px solid #d6dadd;border-radius:50%;font-style:normal;font-weight:700}.mc-team-logo.is-hero{width:70px;height:70px}.mc-goal-list{margin-top:10px;display:flex;flex-direction:column;gap:4px;font-size:11px}.mc-score-team.is-home .mc-goal-list{text-align:right}.mc-score-team.is-away .mc-goal-list{text-align:left}.mc-score-center{text-align:center}.mc-status-pill{display:inline-flex;padding:4px 8px;border-radius:3px;color:#fff;background:#596066;font-size:13px;font-weight:700}.mc-status-pill.is-live{background:var(--mc-red)}.mc-status-pill.is-scheduled{background:#333}.mc-status-pill.is-finished{background:#656b70}.mc-score-number{margin-top:5px;display:flex;align-items:center;justify-content:center;gap:15px}.mc-score-number b{font-size:58px;line-height:.9;font-weight:700}.mc-score-number span{font-size:30px;font-weight:800}.mc-live-minute{display:block;margin-top:7px;color:var(--mc-red);font-size:21px}.mc-match-actions{display:flex;justify-content:center;gap:10px;padding:5px 15px 14px}.mc-btn{height:38px;padding:0 20px;border:1px solid #cfd4d7;border-radius:4px;background:#fff;color:#111;font-size:13px;font-weight:700;cursor:pointer}.mc-btn.is-primary{display:inline-flex;align-items:center;background:linear-gradient(#47bd2d,#2b9b1d);border-color:#2b9b1d;color:#fff}.mc-btn.is-icon{width:40px;padding:0}.mc-info-strip{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--mc-border)}.mc-info-strip>div{min-height:63px;display:grid;grid-template-columns:27px 1fr;grid-template-rows:auto auto;align-content:center;column-gap:8px;padding:9px 16px;border-right:1px solid #eef0f1}.mc-info-strip>div:last-child{border-right:0}.mc-info-strip>div>span{grid-row:1/3;align-self:center;font-size:21px}.mc-info-strip small{color:#5d656a;font-size:10px}.mc-info-strip strong{font-family:"Rajdhani",Arial,sans-serif;font-size:12px}.mc-inline-channels{display:flex!important;gap:5px;align-items:center}.mc-channel-badge{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:2px 6px;border-radius:2px;background:#15191b;color:#fff;font-family:"Barlow Condensed",Arial,sans-serif;font-size:10px;font-weight:700;font-style:italic}.mc-channel-badge.is-globo{background:linear-gradient(90deg,#7747f0,#ff4aa2,#38ba58)}.mc-channel-badge.is-premiere{background:#1b9f29}.mc-channel-badge.is-sportv{background:#172673}.mc-channel-badge.is-espn{background:#e83e34}.mc-channel-badge.is-cazetv{background:#1d1f20}.mc-channel-badge.is-dazn{background:#111}.mc-tabs{height:54px;display:flex;align-items:flex-end;border-bottom:1px solid var(--mc-border);margin-bottom:20px}.mc-tabs button{height:54px;padding:0 37px;border:0;border-bottom:3px solid transparent;background:transparent;font-size:13px;font-weight:700;cursor:pointer}.mc-tabs button.is-active{color:var(--mc-green-dark);border-bottom-color:var(--mc-green)}.mc-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.mc-sidebar{display:flex;flex-direction:column;gap:14px}.mc-top-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:14px}.mc-center-stack{display:flex;flex-direction:column;gap:14px}.mc-panel,.mc-side-card{overflow:hidden;border:1px solid var(--mc-border);border-radius:7px;background:#fff}.mc-panel-title{min-height:47px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--mc-border)}.mc-panel-title h3,.mc-side-card>h3{margin:0;font-size:15px;font-weight:700}.mc-side-card>h3{min-height:46px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid var(--mc-border)}.mc-event-filters{display:flex;gap:7px;padding:10px 14px}.mc-event-filters button{height:28px;padding:0 12px;border:1px solid #d8dcdf;border-radius:4px;background:#fff;font-size:10px;font-weight:800}.mc-event-filters button.is-active{border-color:var(--mc-green);background:var(--mc-green);color:#fff}.mc-event-row{min-height:52px;display:grid;grid-template-columns:38px 24px minmax(0,1fr) 48px;align-items:center;gap:6px;padding:5px 14px;border-top:1px solid #f0f1f2}.mc-event-row.is-hidden{display:none}.mc-event-row time{font-weight:800}.mc-event-icon{font-size:15px;text-align:center}.mc-event-copy{display:flex;flex-direction:column}.mc-event-copy b{font-family:"Rajdhani",Arial,sans-serif;font-size:12px}.mc-event-copy small{margin-top:2px;color:#737a7f;font-size:9px}.mc-event-row>strong{text-align:right;font-size:14px}.mc-momentum{height:210px;padding:12px}.mc-momentum svg{width:100%;height:100%;display:block}.mc-momentum-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:#8a9195}.mc-stat-list{padding:6px 16px 12px}.mc-stat-row{padding:6px 0}.mc-stat-values{display:grid;grid-template-columns:45px 1fr 45px;align-items:center;text-align:center}.mc-stat-values strong:first-child{text-align:left}.mc-stat-values strong:last-child{text-align:right}.mc-stat-values span{font-size:10px;color:#50575c}.mc-stat-track{height:4px;display:flex;margin-top:4px;background:#e6e9eb;border-radius:999px;overflow:hidden}.mc-stat-track i{background:#ef2226}.mc-stat-track b{background:#38a82a}.mc-tab-pane{display:none}.mc-tab-pane.is-active{display:block}.mc-watch-list a{min-height:61px;display:grid;grid-template-columns:62px minmax(0,1fr) 13px;gap:8px;align-items:center;padding:8px 13px;border-top:1px solid #eef0f1}.mc-watch-list a:first-child{border-top:0}.mc-watch-list a>span:nth-child(2){display:flex;flex-direction:column}.mc-watch-list a>span:nth-child(2) strong{font-family:"Rajdhani",Arial,sans-serif;font-size:12px}.mc-watch-list a>span:nth-child(2) small{color:#737a7f;font-size:9px}.mc-watch-list a>i{color:var(--mc-green);font-style:normal;font-size:20px}.mc-watch-list.is-wide{display:grid;grid-template-columns:repeat(2,1fr);padding:10px}.mc-watch-list.is-wide a{border:1px solid #edf0f1}.mc-watch-note{padding:9px 13px;border-top:1px solid #eef0f1;color:#747b80;font-size:9px}.mc-standing-head,.mc-standing-row{display:grid;grid-template-columns:24px minmax(0,1fr) 26px 28px 36px;gap:4px;align-items:center;padding:6px 12px}.mc-standing-head{color:#8b9195;font-size:8px}.mc-standing-row{min-height:38px;border-top:1px solid #f0f1f2;font-size:10px}.mc-standing-row>span{min-width:0;display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-standing-row img{width:21px;height:21px;object-fit:contain}.mc-standing-row em,.mc-standing-row i{font-style:normal}.mc-card-footer-link{display:block;padding:10px 12px;border-top:1px solid #edf0f1;text-align:center;color:#303438!important;font-family:"Barlow Condensed",Arial,sans-serif;font-size:10px;font-weight:700}.mc-upcoming-list a{min-height:59px;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:8px;padding:8px 12px;border-top:1px solid #eef0f1}.mc-upcoming-list a:first-child{border-top:0}.mc-upcoming-list time{display:flex;flex-direction:column;font-size:10px}.mc-upcoming-list time small{color:#777}.mc-upcoming-list a>span{display:flex;min-width:0;flex-direction:column}.mc-upcoming-list strong{overflow:hidden;font-family:"Rajdhani",Arial,sans-serif;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.mc-upcoming-list small{margin-top:2px;color:#747b7f;font-size:9px}.mc-empty{padding:28px 14px;text-align:center;color:#777e82}.mc-empty.is-small{padding:16px 12px;font-size:10px}.mc-lineup-tabs{display:flex;padding:12px 15px 0}.mc-lineup-tabs button{min-width:180px;height:35px;border:0;background:#f1f3f4;font-size:11px;font-weight:700}.mc-lineup-tabs button.is-active{background:linear-gradient(#49bd30,#299b1e);color:#fff}.mc-lineup-pane{display:none;padding:0 15px 15px}.mc-lineup-pane.is-active{display:block}.mc-lineup-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:14px}.mc-pitch{position:relative;min-height:430px;overflow:hidden;border:2px solid rgba(255,255,255,.95);outline:1px solid #b6d8a8;background:repeating-linear-gradient(90deg,#cfe8c4 0 12.5%,#c6e1ba 12.5% 25%)}.mc-pitch:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.95)}.mc-pitch-half{position:absolute;left:50%;top:8px;bottom:8px;border-left:1px solid rgba(255,255,255,.95)}.mc-pitch-circle{position:absolute;left:50%;top:50%;width:86px;height:86px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.95);border-radius:50%}.mc-player-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:2}.mc-player-node b{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#121416;color:#fff;font-size:10px;box-shadow:0 2px 5px rgba(0,0,0,.18)}.mc-player-node small{margin-top:2px;max-width:82px;padding:1px 3px;background:rgba(255,255,255,.83);font-size:10px;text-align:center;white-space:nowrap}.mc-pitch-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.mc-bench{padding:8px 0}.mc-bench h4{margin:8px 0;font-size:12px}.mc-bench span{display:flex;gap:9px;padding:4px 0;font-size:10px}.mc-bench span b{width:24px}.mc-bottom-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:14px}.mc-h2h-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;padding:14px}.mc-h2h-circles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:center}.mc-h2h-circles>div{text-align:center}.mc-h2h-circles b{width:61px;height:61px;display:flex;align-items:center;justify-content:center;margin:0 auto 7px;border:4px solid #e7e9eb;border-top-color:var(--mc-green);border-radius:50%;font-size:25px}.mc-h2h-circles small{font-size:8px}.mc-h2h-list h4{margin:0 0 8px;font-size:10px}.mc-h2h-list>div{display:grid;grid-template-columns:58px 1fr 38px 1fr;gap:6px;padding:5px 0;border-top:1px solid #f0f1f2;font-size:11px;align-items:center}.mc-h2h-list>div strong{text-align:center}.mc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:14px}.mc-form-column h4{margin:0 0 6px;text-align:center;font-size:11px}.mc-form-badges{display:flex;justify-content:center;gap:4px;margin-bottom:8px}.mc-form-badges span{width:19px;height:19px;display:flex;align-items:center;justify-content:center;border-radius:3px;color:#fff;font-size:10px;font-weight:700}.mc-form-badges .win{background:#39a927}.mc-form-badges .draw{background:#888}.mc-form-badges .loss{background:#dc1d24}.mc-form-row{display:grid;grid-template-columns:39px 1fr 38px 1fr;gap:4px;padding:4px 0;border-top:1px solid #f0f1f2;font-size:10px;align-items:center}.mc-form-row strong{text-align:center}.mc-news-placeholder{margin-top:16px}.mc-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.mc-section-heading h3{margin:0;font-size:14px}.mc-section-heading span{color:#92979b;font-size:9px}.mc-news-skeletons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mc-news-skeletons article{overflow:hidden;border:1px solid var(--mc-border);border-radius:6px}.mc-news-skeletons article>div{height:90px;background:linear-gradient(135deg,#10242a,#071014)}.mc-news-skeletons article small{display:block;padding:8px 9px 3px;color:var(--mc-green-dark);font-size:8px}.mc-news-skeletons article strong{display:block;padding:0 9px 10px;font-size:11px}.mc-seo-copy{margin:25px 0 38px;padding-top:20px;border-top:1px solid #edf0f1}.mc-seo-copy h2{margin:0 0 8px;font-size:20px}.mc-seo-copy p{max-width:900px;margin:0;color:#596166;font-size:12px;line-height:1.6}@media(max-width:1000px){.mc-score-layout{padding-left:30px;padding-right:30px}.mc-content-layout{grid-template-columns:minmax(0,1fr) 280px}.mc-top-grid{grid-template-columns:1fr}.mc-bottom-grid{grid-template-columns:1fr}}@media(max-width:760px){.mc-shell{width:calc(100% - 16px)}.mc-breadcrumb{display:none}.mc-match-hero{border-radius:0;border-left:0;border-right:0}.mc-match-meta{padding-top:10px}.mc-match-meta span{font-size:9px}.mc-score-layout{grid-template-columns:1fr 92px 1fr;gap:5px;padding:10px 10px 8px}.mc-score-team>a{flex-direction:column;gap:5px;text-align:center!important}.mc-score-team.is-home>a,.mc-score-team.is-away>a{justify-content:center}.mc-score-team>a>span:last-child{text-align:center!important}.mc-team-logo.is-hero{width:52px;height:52px}.mc-score-team>a strong{font-size:15px}.mc-score-team>a small{font-size:8px}.mc-score-number{gap:7px}.mc-score-number b{font-size:38px}.mc-score-number span{font-size:22px}.mc-goal-list{font-size:10px;text-align:center!important}.mc-match-actions{display:grid;grid-template-columns:1fr 44px;padding:8px}.mc-match-actions .mc-btn:not(.is-primary):not(.is-icon){display:none}.mc-btn.is-primary{justify-content:center}.mc-info-strip{grid-template-columns:repeat(2,1fr)}.mc-info-strip>div{min-height:54px}.mc-info-strip>div:last-child{grid-column:1/-1}.mc-tabs{overflow-x:auto;white-space:nowrap;margin-bottom:10px}.mc-tabs button{padding:0 19px;flex:0 0 auto}.mc-content-layout{grid-template-columns:1fr}.mc-top-grid{grid-template-columns:1fr}.mc-watch-list.is-wide{grid-template-columns:1fr}.mc-lineup-layout{grid-template-columns:1fr}.mc-pitch{min-height:380px}.mc-h2h-grid{grid-template-columns:1fr}.mc-bottom-grid{display:none}.mc-news-skeletons{grid-template-columns:1fr 1fr}} /* ========================================================= MATCH CENTER V1.1 — HERO + TYPOGRAPHY REFINEMENT Append-only overrides so the rest of the Match Center remains untouched. ========================================================= */ /* Slightly larger, more confident typography across the page */ .mc-match-root{ font-size:15px; line-height:1.32; } .mc-breadcrumb{ height:46px; font-size:13px; } .mc-panel-title h3, .mc-side-card>h3{ font-size:17px; letter-spacing:.15px; } .mc-tabs button{ font-size:14px; } .mc-event-copy b, .mc-watch-list a>span:nth-child(2) strong, .mc-upcoming-list strong{ font-size:13px; } .mc-event-copy small, .mc-watch-list a>span:nth-child(2) small, .mc-upcoming-list small{ font-size:10px; } .mc-stat-values span{ font-size:11px; } .mc-standing-row{ font-size:11px; } .mc-standing-head{ font-size:11px; } /* HERO: turn it into a proper centered Match Center header */ .mc-match-hero{ position:relative; overflow:hidden; border:1px solid #d9dee1; border-radius:10px; background: radial-gradient(circle at 50% 0%, rgba(50,173,36,.045), transparent 40%), linear-gradient(180deg,#fff 0%,#fff 72%,#fbfcfc 100%); box-shadow:0 3px 15px rgba(15,22,26,.035); } .mc-match-meta{ padding:17px 18px 4px; text-align:center; } .mc-match-meta strong{ font-size:17px; line-height:1.05; letter-spacing:.3px; } .mc-match-meta span{ margin-top:7px; color:#4f565a; font-size:13px; font-weight:600; letter-spacing:.08px; } .mc-score-layout{ grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr); gap:34px; padding:15px 92px 12px; } .mc-score-team{ min-width:0; } .mc-score-team>a{ gap:18px; } .mc-score-team.is-home>a{ justify-content:flex-end; } .mc-score-team.is-away>a{ justify-content:flex-start; } .mc-score-team>a>span:last-child{ min-width:0; } .mc-score-team>a strong{ display:block; max-width:210px; overflow:hidden; font-size:27px; line-height:1; font-weight:700; text-overflow:ellipsis; white-space:nowrap; } .mc-score-team>a small{ margin-top:7px; color:#6a7277; font-size:12px; font-weight:600; } .mc-team-logo.is-hero{ width:82px; height:82px; flex-basis:82px; filter:drop-shadow(0 4px 7px rgba(0,0,0,.08)); } .mc-score-center{ position:relative; display:flex; min-height:112px; flex-direction:column; align-items:center; justify-content:center; } .mc-status-pill{ min-height:24px; padding:5px 10px 4px; border-radius:4px; font-size:11px; letter-spacing:.25px; } .mc-score-number{ margin-top:9px; gap:18px; } .mc-score-number b{ min-width:56px; color:#080b0d; font-size:66px; line-height:.78; font-weight:700; letter-spacing:-1.5px; } .mc-score-number span{ color:#191d20; font-size:34px; font-weight:800; } .mc-live-minute{ min-height:22px; margin-top:11px; color:#ef151c; font-size:23px; line-height:1; font-weight:700; } .mc-goal-list{ min-height:29px; margin-top:11px; gap:5px; color:#30363a; font-size:11px; font-weight:600; } .mc-score-team.is-home .mc-goal-list{ padding-right:2px; } .mc-score-team.is-away .mc-goal-list{ padding-left:2px; } /* CTA row: more premium / closer to the mockup */ .mc-match-actions{ gap:10px; padding:7px 15px 17px; } .mc-btn{ height:41px; padding:0 21px; border-color:#cbd1d4; border-radius:5px; font-size:14px; box-shadow:0 1px 2px rgba(0,0,0,.025); } .mc-btn:hover{ transform:translateY(-1px); } .mc-btn.is-primary{ min-width:188px; justify-content:center; background:linear-gradient(180deg,#47bf2c,#27981c); box-shadow:0 5px 12px rgba(48,164,32,.16); } .mc-btn.is-icon{ width:43px; } /* Info bar: cleaner and bigger, with stronger hierarchy */ .mc-info-strip{ background:#fcfdfd; border-top:1px solid #e1e5e7; } .mc-info-strip>div{ min-height:70px; grid-template-columns:31px 1fr; column-gap:9px; padding:11px 18px; } .mc-info-strip>div>span{ color:#343a3e; font-size:22px; } .mc-info-strip small{ color:#6d7479; font-size:10px; font-weight:600; } .mc-info-strip strong{ margin-top:2px; color:#171b1e; font-size:13px; font-weight:700; } /* Tabs need more visual weight */ .mc-tabs{ height:58px; margin-bottom:20px; } .mc-tabs button{ height:58px; padding:0 42px; font-size:15px; letter-spacing:.12px; } .mc-tabs button.is-active{ color:#23951a; } /* Improve overall content readability */ .mc-panel-title{ min-height:50px; padding:0 17px; } .mc-side-card>h3{ min-height:49px; padding:0 15px; } .mc-event-filters{ padding:11px 15px; } .mc-event-filters button{ height:30px; padding:0 13px; font-size:11px; } .mc-event-row{ min-height:56px; grid-template-columns:42px 25px minmax(0,1fr) 52px; padding:6px 15px; } .mc-stat-list{ padding:8px 17px 14px; } .mc-stat-row{ padding:7px 0; } /* Desktop balance */ @media (min-width:1100px){ .mc-score-team.is-home{ padding-right:6px; } .mc-score-team.is-away{ padding-left:6px; } } /* Tablet */ @media (max-width:1000px){ .mc-score-layout{ grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr); gap:20px; padding-left:34px; padding-right:34px; } .mc-team-logo.is-hero{ width:70px; height:70px; flex-basis:70px; } .mc-score-team>a strong{ max-width:170px; font-size:23px; } .mc-score-number b{ font-size:56px; } } /* Mobile: keep the same visual language but avoid giant text */ @media (max-width:760px){ .mc-match-root{ font-size:14px; } .mc-match-meta{ padding:12px 10px 3px; } .mc-match-meta strong{ font-size:14px; } .mc-match-meta span{ font-size:10px; line-height:1.35; } .mc-score-layout{ grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr); gap:5px; padding:12px 8px 10px; } .mc-team-logo.is-hero{ width:56px; height:56px; flex-basis:56px; } .mc-score-team>a{ gap:6px; } .mc-score-team>a strong{ max-width:118px; font-size:17px; white-space:normal; } .mc-score-team>a small{ margin-top:3px; font-size:11px; } .mc-score-number{ gap:6px; } .mc-score-number b{ min-width:28px; font-size:42px; } .mc-score-number span{ font-size:23px; } .mc-live-minute{ margin-top:7px; font-size:17px; } .mc-goal-list{ min-height:18px; margin-top:5px; font-size:10px; } .mc-match-actions{ padding:7px 9px 12px; } .mc-btn{ height:40px; font-size:13px; } .mc-info-strip>div{ min-height:59px; padding:9px 11px; } .mc-info-strip strong{ font-size:11px; } .mc-tabs{ height:54px; } .mc-tabs button{ height:54px; padding:0 20px; font-size:13px; } } /* ========================================================= MATCH CENTER V1.2 — SPACING / AIR / TAB & CARD POLISH ========================================================= */ .mc-match-hero{ margin-bottom:0; } .mc-info-strip{ margin-top:1px; } .mc-tabs{ position:relative; height:64px; margin:0 0 22px; padding:0 18px; align-items:stretch; gap:4px; background:#fff; border-bottom:1px solid #e5e9eb; } .mc-tabs button{ position:relative; height:64px; min-width:128px; padding:0 24px; display:flex; align-items:center; justify-content:center; border:0; border-bottom:0; color:#181d20; background:transparent; font-size:14px; font-weight:700; letter-spacing:.08px; transition:color .16s ease, background .16s ease; } .mc-tabs button:hover{ color:#248f1b; background:#fbfcfb; } .mc-tabs button::after{ content:""; position:absolute; left:18px; right:18px; bottom:-1px; height:3px; border-radius:3px 3px 0 0; background:transparent; transition:background .16s ease; } .mc-tabs button.is-active{ color:#23951a; border-bottom:0; } .mc-tabs button.is-active::after{ background:#32aa22; } .mc-content-layout{ gap:20px; } .mc-top-grid{ gap:18px; } .mc-center-stack{ gap:18px; } .mc-sidebar{ gap:16px; } .mc-panel, .mc-side-card{ border-color:#dfe4e7; border-radius:9px; box-shadow:0 2px 9px rgba(18,28,34,.025); } .mc-panel-title{ min-height:54px; padding:0 18px; } .mc-panel-title h3, .mc-side-card>h3{ font-size:16px; letter-spacing:.08px; } .mc-side-card>h3{ min-height:52px; padding:0 16px; } .mc-event-filters{ gap:8px; padding:13px 16px 11px; } .mc-event-filters button{ height:31px; padding:0 14px; border-radius:5px; } .mc-event-list{ padding-bottom:6px; } .mc-event-row{ min-height:59px; padding:7px 16px; } .mc-momentum{ height:226px; padding:17px 18px 13px; } .mc-stat-list{ padding:10px 18px 17px; } .mc-stat-row{ padding:8px 0; } .mc-watch-list a{ min-height:68px; padding:10px 15px; } .mc-watch-note{ padding:11px 15px; } .mc-standing-head, .mc-standing-row{ padding-left:14px; padding-right:14px; } .mc-standing-row{ min-height:41px; } .mc-upcoming-list a{ min-height:64px; padding:9px 14px; } .mc-card-footer-link{ padding:12px 13px; } .mc-bottom-grid{ gap:18px; margin-top:18px; } .mc-news-placeholder{ margin-top:22px; } .mc-seo-copy{ margin-top:30px; } @media (min-width:761px){ .mc-content-layout{ padding-top:2px; } } @media (max-width:760px){ .mc-tabs{ height:58px; margin-bottom:14px; padding:0 8px; gap:0; } .mc-tabs button{ height:58px; min-width:auto; padding:0 18px; font-size:13px; } .mc-tabs button::after{ left:12px; right:12px; } .mc-content-layout, .mc-top-grid, .mc-center-stack, .mc-sidebar{ gap:12px; } .mc-panel-title, .mc-side-card>h3{ min-height:49px; } .mc-event-row{ min-height:54px; padding:6px 12px; } .mc-momentum{ height:205px; padding:12px; } .mc-watch-list a{ min-height:61px; padding:9px 12px; } } /* Match information SVG icons */ .mc-info-icon{ display:flex; width:30px; height:30px; align-items:center; justify-content:center; color:#20262a; } .mc-info-icon svg{ display:block; width:24px; height:24px; overflow:visible; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; } .mc-info-icon svg circle, .mc-info-icon svg path, .mc-info-icon svg rect{ vector-effect:non-scaling-stroke; } .mc-info-strip > div:hover .mc-info-icon{ color:#2da521; } /* ========================================= MATCH EVENTS ========================================= */ .mc-sub-icon{ display:block; width:18px; height:18px; flex:0 0 18px; } .mc-event-icon{ display:flex; width:25px; align-items:center; justify-content:center; } .mc-event-ball{ display:flex; align-items:center; justify-content:center; font-size:14px; line-height:1; } .mc-card-icon{ display:block; width:12px; height:16px; border-radius:2px; box-shadow: inset 0 0 0 1px rgba(0,0,0,.04); } .mc-card-icon.is-yellow{ background:#ffc83d; } .mc-card-icon.is-red{ background:#e3262e; } /* Segundo tempo divider */ .mc-event-period{ display:grid; min-height:42px; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; padding:0 15px; color:#6d7478; background:#fafbfb; } .mc-event-period span{ height:1px; background:#e3e7e9; } .mc-event-period strong{ color:#737a7e; font-size:10px; font-weight:700; letter-spacing:.5px; } /* Acréscimos */ .mc-event-extra{ display:grid; min-height:45px; grid-template-columns: 42px 25px minmax(0,1fr); align-items:center; padding:5px 16px; border-bottom:1px solid #edf0f1; color:#676e72; } .mc-event-extra time{ color:#171b1d; font-weight:800; } .mc-event-extra-icon{ display:flex; width:17px; height:17px; align-items:center; justify-content:center; border-radius:50%; color:#fff; background:#7a8287; font-size:13px; font-weight:800; } .mc-event-extra strong{ color:#626a6e; font-size:12px; font-weight:600; } /* ======================================== Match card headings ======================================== */ .mc-match-root .mc-panel-title h3, .mc-match-root .mc-side-card > h3{ display:block !important; margin:0 !important; padding:0 !important; color:#111417 !important; font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif !important; font-size:17px !important; font-weight:700 !important; line-height:1 !important; letter-spacing:.15px; text-transform:uppercase; visibility:visible !important; opacity:1 !important; } .mc-match-root .mc-panel-title{ display:flex; min-height:52px; align-items:center; padding:0 17px; background:#fff; border-bottom:1px solid #e1e5e7; } .mc-match-root .mc-side-card > h3{ min-height:52px; display:flex !important; align-items:center; padding:0 16px !important; background:#fff; border-bottom:1px solid #e1e5e7; } .mc-event-finish strong{ color:#111417; font-weight:700; } .mc-event-finish span{ background:#cfd5d8; } /* ===================================== MOMENTUM V3 Sofascore / FotMob inspired ===================================== */ .mc-momentum{ height:270px; padding:6px 12px 4px; } .mc-momentum-svg{ display:block; width:100%; height:100%; overflow:visible; } /* background grid */ .mc-momentum-grid{ stroke:#f0f2f3; stroke-width:1; } .mc-momentum-halftime{ stroke:#dce0e2; stroke-width:1; stroke-dasharray: 3 5; } /* main zero line */ .mc-momentum-zero{ stroke:#9ea7ab; stroke-width:1.15; } /* * Smooth momentum areas */ .mc-momentum-area{ stroke:none; } .mc-momentum-area.is-home{ fill:var( --mc-home-color, #2682bf ); opacity:.92; } .mc-momentum-area.is-away{ fill:var( --mc-away-color, #68a9df ); opacity:.78; } /* time labels */ .mc-momentum-time{ fill:#777f83; font-family: "Rajdhani", Arial, sans-serif; font-size:12px; font-weight:600; } /* ===================================== MOMENTUM EVENTS ===================================== */ .mc-mm-event{ pointer-events:none; } /* goal */ .mc-mm-event.is-goal circle{ fill:#fff; stroke:#d9dfe2; stroke-width:1; } .mc-mm-event.is-goal text{ font-size:12px; } /* cards */ .mc-mm-event.is-yellow{ fill:#ffc629; stroke:#dcaa00; stroke-width:.6; } .mc-mm-event.is-red{ fill:#e2282f; stroke:#be151b; stroke-width:.6; } /* substitution */ .mc-mm-sub-in{ fill:#2dad25; } .mc-mm-sub-out{ fill:#e32b31; } /* ==================================== IMPORTANT MATCH DATA ==================================== */ .mc-key-stats{ padding: 22px 22px 25px; } .mc-key-stats-title{ margin: 0 0 26px; color:#171b1e; font-size:16px; font-weight:700; text-align:center; letter-spacing:.2px; } /* possession */ .mc-key-possession{ margin-bottom:24px; } .mc-key-label{ display:block; margin-bottom:12px; color:#60686d; font-size:13px; font-weight:600; text-align:center; } .mc-possession-bar{ display:flex; width:100%; height:46px; overflow:hidden; border-radius:24px; background:#edf0f2; } .mc-possession-home, .mc-possession-away{ display:flex; align-items:center; transition: width .3s ease; } .mc-possession-home{ justify-content:flex-start; padding-left:16px; background: var( --mc-home-color, #d4171f ); color:#fff; } .mc-possession-away{ justify-content:flex-end; padding-right:16px; background: var( --mc-away-color, #17265f ); color:#fff; } .mc-possession-home strong, .mc-possession-away strong{ color:#fff; font-family: "Barlow Condensed", Arial, sans-serif; font-size:19px; font-weight:700; } /* secondary important stats */ .mc-key-stat-list{ display:flex; flex-direction:column; } .mc-key-stat-row{ display:grid; grid-template-columns: 68px minmax(0,1fr) 68px; min-height:48px; align-items:center; border-bottom: 1px solid #edf0f1; } .mc-key-stat-row:last-child{ border-bottom:0; } .mc-key-stat-row > span{ color:#555e63; font-size:13px; font-weight:600; text-align:center; } .mc-key-stat-row > strong{ font-size:18px; font-weight:700; } .mc-key-home{ color: var( --mc-home-color, #d4171f ); text-align:left; } .mc-key-away{ color: var( --mc-away-color, #17265f ); text-align:right; } /* mobile */ @media(max-width:760px){ .mc-key-stats{ padding: 18px 16px 20px; } .mc-key-stats-title{ margin-bottom:20px; font-size:15px; } .mc-possession-bar{ height:42px; } .mc-possession-home strong, .mc-possession-away strong{ font-size:17px; } .mc-key-stat-row{ grid-template-columns: 54px minmax(0,1fr) 54px; min-height:45px; } .mc-key-stat-row > strong{ font-size:16px; } } /* ========================================================= MATCH KEY STATS V2 ========================================================= */ .mc-key-stats { padding: 24px 28px 28px; } .mc-key-stats-title { margin: 0 0 24px; text-align: center; font-family: "Barlow Condensed", sans-serif; font-size: 18px; line-height: 1; font-weight: 900; letter-spacing: .03em; color: #101317; } /* ========================= POSSESSION ========================= */ .mc-key-possession { margin-bottom: 27px; } .mc-key-label { display: block; margin-bottom: 13px; text-align: center; font-family: "Rajdhani", sans-serif; font-size: 14px; line-height: 1.2; font-weight: 600; color: #596169; } .mc-possession-bar { display: flex; width: 100%; height: 42px; overflow: hidden; border-radius: 22px; background: #eef1f4; } /* * 主队 * * JS 的 teamColors() * 会动态写： * * --mc-home-color */ .mc-possession-home { display: flex; align-items: center; justify-content: flex-start; min-width: 42px; padding-left: 15px; background: var( --mc-home-color, #1d4f91 ); transition: width .35s ease, background-color .25s ease; } /* * 客队 */ .mc-possession-away { display: flex; align-items: center; justify-content: flex-end; min-width: 42px; padding-right: 15px; background: var( --mc-away-color, #d8202a ); transition: width .35s ease, background-color .25s ease; } .mc-possession-home strong, .mc-possession-away strong { color: #fff; font-family: "Barlow Condensed", sans-serif; font-size: 18px; line-height: 1; font-weight: 900; font-variant-numeric: tabular-nums; } /* ========================= IMPORTANT STATS ========================= */ .mc-key-stat-list { display: flex; flex-direction: column; } .mc-key-stat-row { display: grid; grid-template-columns: minmax(48px, 1fr) minmax(150px, 2.3fr) minmax(48px, 1fr); align-items: center; min-height: 45px; border-bottom: 1px solid #edf0f2; } .mc-key-stat-row:last-child { border-bottom: 0; } .mc-key-stat-row > span { text-align: center; font-family: "Rajdhani", sans-serif; font-size: 14px; line-height: 1.15; font-weight: 600; color: #596169; } .mc-key-stat-row > strong { font-family: "Barlow Condensed", sans-serif; font-size: 20px; line-height: 1; font-weight: 900; color: #111519; font-variant-numeric: tabular-nums; } .mc-key-home { text-align: left; } .mc-key-away { text-align: right; } /* 小小的球队色强调线 */ .mc-key-home::after, .mc-key-away::after { display: inline-block; width: 5px; height: 5px; margin-left: 7px; vertical-align: 3px; border-radius: 50%; } .mc-key-home::after { background: var( --mc-home-color, #1d4f91 ); } .mc-key-away::after { background: var( --mc-away-color, #d8202a ); } /* ========================= MOBILE ========================= */ @media (max-width: 767px) { .mc-key-stats { padding: 20px 18px 22px; } .mc-key-stats-title { margin-bottom: 21px; font-size: 17px; } .mc-key-label { margin-bottom: 11px; font-size: 13px; } .mc-possession-bar { height: 38px; } .mc-possession-home { padding-left: 12px; } .mc-possession-away { padding-right: 12px; } .mc-possession-home strong, .mc-possession-away strong { font-size: 17px; } .mc-key-stat-row { grid-template-columns: 44px minmax(125px, 1fr) 44px; min-height: 43px; } .mc-key-stat-row > span { font-size: 13px; } .mc-key-stat-row > strong { font-size: 18px; } } .mc-key-value{ display:inline-flex; min-width:36px; height:30px; align-items:center; justify-content:center; padding:0 9px; border-radius:16px; color:#111519; font-family: "Barlow Condensed", sans-serif; font-size:19px; font-weight:700; line-height:1; } .mc-key-home{ justify-self:center; text-align:center; } .mc-key-away{ justify-self:center; text-align:center; } .mc-key-stat-row{ display:grid; grid-template-columns: 76px minmax(150px, 1fr) 76px; min-height:46px; align-items:center; border-bottom:1px solid #edf0f2; } /* 主队数据占优 */ .mc-key-home.is-winner{ color:#fff; background: var( --mc-home-color, #20529a ); } /* 客队数据占优 */ .mc-key-away.is-winner{ color:#fff; background: var( --mc-away-color, #d51e2b ); } /* ======================================== MATCH CENTER — H2H / FORM V2 ======================================== */ .mc-h2h-grid{ display:grid; grid-template-columns:260px minmax(0,1fr); gap:34px; padding:26px 28px 30px; align-items:center; } /* H2H summary */ .mc-h2h-circles{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; text-align:center; } .mc-h2h-circles > div{ display:flex; flex-direction:column; align-items:center; } .mc-h2h-circles b{ display:flex; align-items:center; justify-content:center; width:66px; height:66px; border:5px solid #e7ebee; border-top-color:#27ad2c; border-radius:50%; font-size:27px; line-height:1; font-weight:700; color:#0b1014; } .mc-h2h-home b{ border-top-color:var( --mc-home-color, #2459a9 ); } .mc-h2h-draw b{ border-top-color:#9ca3aa; } .mc-h2h-away b{ border-top-color:var( --mc-away-color, #d91d28 ); } .mc-h2h-circles small{ margin-top:10px; font-size:10px; line-height:1.35; font-weight:800; text-transform:uppercase; color:#596168; } /* H2H list */ .mc-h2h-list h4{ margin:0 0 12px; font-size:13px; font-weight:700; } .mc-h2h-match{ display:grid; grid-template-columns: 58px minmax(0,1fr) 55px minmax(0,1fr); gap:10px; align-items:center; min-height:42px; border-bottom:1px solid #edf0f2; } .mc-h2h-match:last-child{ border-bottom:0; } .mc-h2h-match time{ font-size:11px; font-weight:700; color:#6d7479; } .mc-h2h-team{ display:flex; gap:7px; align-items:center; min-width:0; font-size:12px; } .mc-h2h-team img{ width:22px; height:22px; object-fit:contain; flex:0 0 22px; } .mc-h2h-team b{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:800; } .mc-h2h-score{ text-align:center; font-size:14px; font-weight:700; color:#080d11; } /* ======================================== LAST FIVE ======================================== */ .mc-form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:32px; padding:12px 18px 18px; } .mc-form-column{ min-width:0; } .mc-form-team{ display:flex; align-items:center; gap:9px; margin-bottom:10px; } .mc-form-team img{ width:30px; height:30px; object-fit:contain; } .mc-form-team h4{ margin:0; font-size:15px; font-weight:700; } .mc-form-badges{ display:flex; gap:5px; margin:0 0 12px 39px; } .mc-form-badges span, .mc-form-result{ display:inline-flex; align-items:center; justify-content:center; width:23px; height:23px; border-radius:4px; color:#fff; font-size:10px; font-weight:700; font-style:normal; } .mc-form-badges .win, .mc-form-result.win{ background:#25aa32; } .mc-form-badges .draw, .mc-form-result.draw{ background:#858b90; } .mc-form-badges .loss, .mc-form-result.loss{ background:#e3222b; } .mc-form-row{ display:grid; grid-template-columns: 48px minmax(0,1fr) 46px 24px; gap:9px; align-items:center; min-height:42px; border-bottom:1px solid #edf0f2; } .mc-form-row:last-child{ border-bottom:0; } .mc-form-row time{ font-size:11px; font-weight:700; color:#737a80; } .mc-form-opponent{ display:flex; align-items:center; gap:8px; min-width:0; } .mc-form-opponent img{ width:22px; height:22px; object-fit:contain; flex:0 0 22px; } .mc-form-opponent b{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:800; } .mc-form-row > strong{ text-align:center; font-size:13px; font-weight:700; } /* mobile */ @media(max-width:760px){ .mc-h2h-grid{ grid-template-columns:1fr; padding:20px 16px; gap:25px; } .mc-h2h-circles{ max-width:340px; width:100%; margin:auto; } .mc-h2h-match{ grid-template-columns: 44px minmax(0,1fr) 46px minmax(0,1fr); gap:6px; } .mc-h2h-team img{ width:19px; height:19px; } .mc-form-grid{ grid-template-columns:1fr; padding:12px 10px; gap:30px; } .mc-form-row{ grid-template-columns: 42px minmax(0,1fr) 44px 23px; } } /* ===================================================== SCORE HERO V3 Home: Name -> Logo Away: Logo -> Name ===================================================== */ .mc-score-layout{ display:grid; grid-template-columns: minmax(0,1fr) 220px minmax(0,1fr); align-items:start; gap:30px; padding: 14px 90px 10px; } /* ========================= BOTH TEAMS ========================= */ .mc-score-team{ display:grid; grid-template-rows: 88px minmax(36px,auto); min-width:0; align-items:start; } /* * 这一层是最重要的： * 两边球队强制同高 */ .mc-team-main{ display:flex !important; height:88px; align-items:center; gap:18px; min-width:0; } /* HOME */ .mc-score-team.is-home .mc-team-main{ justify-content:flex-end; } /* AWAY */ .mc-score-team.is-away .mc-team-main{ justify-content:flex-start; } /* ========================= COPY ========================= */ .mc-team-copy{ display:flex; min-width:0; flex-direction:column; justify-content:center; } .mc-score-team.is-home .mc-team-copy{ align-items:flex-end; text-align:right; } .mc-score-team.is-away .mc-team-copy{ align-items:flex-start; text-align:left; } .mc-team-copy strong{ max-width:230px; margin:0; overflow:hidden; color:#0a0d0f; font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif; font-size:29px !important; font-weight:700; line-height:1; text-overflow:ellipsis; white-space:nowrap; } .mc-team-copy small{ margin-top:6px; color:#697177; font-size:12px !important; font-weight:600; line-height:1; } /* ========================= LOGOS ========================= */ .mc-team-main .mc-team-logo.is-hero{ width:82px; height:82px; flex: 0 0 82px; display:flex; align-items:center; justify-content:center; } .mc-team-main .mc-team-logo.is-hero img{ width:100%; height:100%; object-fit:contain; display:block; } /* ========================= GOALS ========================= */ .mc-team-goals{ min-height:36px; padding-top:3px; } .mc-score-team.is-home .mc-team-goals{ padding-right:100px; text-align:right; } .mc-score-team.is-away .mc-team-goals{ padding-left:100px; text-align:left; } .mc-team-goals .mc-goal-list{ min-height:0; margin:0; display:flex; flex-direction:column; gap:3px; color:#3d4449; font-size:11px; line-height:1.25; } /* 清掉旧规则影响 */ .mc-score-team.is-home .mc-goal-list, .mc-score-team.is-away .mc-goal-list{ text-align:inherit !important; } /* ========================= CENTER SCORE ========================= */ .mc-score-center{ display:flex; min-height:124px; flex-direction:column; align-items:center; justify-content:flex-start; padding-top:7px; text-align:center; } .mc-status-pill{ min-height:24px; display:inline-flex; align-items:center; justify-content:center; padding:4px 10px; margin-bottom:7px; } .mc-score-number{ display:grid; grid-template-columns: 62px 22px 62px; align-items:center; justify-content:center; gap:0; margin:0; } .mc-score-number b{ min-width:0 !important; color:#070a0c; font-size:60px !important; font-weight:700; line-height:.9; text-align:center; letter-spacing:-1px; } .mc-score-number span{ color:#31383d; font-size:28px; font-weight:700; text-align:center; } .mc-live-minute{ margin-top:8px; min-height:20px; font-size:20px; font-weight:700; } /* ========================================= H2H COMPACT V3 ========================================= */ .mc-h2h-grid{ display:grid; grid-template-columns: 300px minmax(0,1fr); gap:26px; align-items:start; padding: 20px 22px 22px; } /* 左边三个圆 */ .mc-h2h-circles{ display:grid; grid-template-columns: repeat(3,1fr); gap:14px; padding-top:8px; text-align:center; } .mc-h2h-circles > div{ display:flex; flex-direction:column; align-items:center; } .mc-h2h-circles > div > b{ width:68px; height:68px; display:flex; align-items:center; justify-content:center; margin:0 auto 10px; border-radius:50%; font-size:24px !important; font-weight:700; } .mc-h2h-circles small{ min-height:auto; margin-top:0; font-size:10px !important; line-height:1.25; font-weight:700; } /* 右边最近交锋 */ .mc-h2h-list{ width:100%; } .mc-h2h-list h4{ margin: 0 0 8px; font-size:13px !important; } .mc-h2h-match{ display:grid; grid-template-columns: 72px minmax(110px,1fr) 48px minmax(110px,1fr); gap:8px; align-items:center; min-height:48px; border-bottom: 1px solid #edf0f2; } .mc-h2h-match time{ font-size:11px !important; } .mc-h2h-team{ gap:7px; } .mc-h2h-team img{ width:26px; height:26px; flex: 0 0 26px; } .mc-h2h-team b{ font-size:12px !important; } .mc-h2h-score{ font-size:15px !important; } /* 整张 H2H 卡不要被内容撑得过高 */ .mc-panel:has(.mc-h2h-grid){ min-height:0; } /* mobile */ @media(max-width:760px){ .mc-h2h-grid{ grid-template-columns:1fr; gap:20px; padding: 16px 14px 18px; } .mc-h2h-circles{ padding-top:0; } .mc-h2h-circles > div > b{ width:62px; height:62px; font-size:21px !important; } .mc-h2h-match{ grid-template-columns: 54px minmax(80px,1fr) 42px minmax(80px,1fr); min-height:44px; } .mc-h2h-team img{ width:22px; height:22px; flex-basis:22px; } } /* ========================================= H2H MATCH ROW Home Name -> Logo | Score | Logo -> Away ========================================= */ .mc-h2h-match{ display:grid; grid-template-columns: 72px minmax(0,1fr) 54px minmax(0,1fr); gap:10px; align-items:center; } /* 左边球队：名字 -> Logo */ .mc-h2h-match .mc-h2h-team:nth-of-type(1){ display:flex; flex-direction:row-reverse; align-items:center; justify-content:flex-start; gap:8px; min-width:0; text-align:right; } .mc-h2h-match .mc-h2h-team:nth-of-type(1) b{ margin-left:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* 右边球队：Logo -> 名字 */ .mc-h2h-match .mc-h2h-team:nth-of-type(2){ display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:8px; min-width:0; text-align:left; } .mc-h2h-match .mc-h2h-team:nth-of-type(2) b{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* 两边 logo 一致 */ .mc-h2h-match .mc-h2h-team img{ width:20px; height:20px; flex: 0 0 28px; object-fit:contain; } /* 比分严格居中 */ .mc-h2h-score{ width:54px; font-size:16px !important; font-weight:700; text-align:center; white-space:nowrap; } /* ========================================= LAST 5 HEADER Logo + form centered ========================================= */ .mc-form-team{ display:flex; flex-direction:column; align-items:center; text-align:center; } /* 顶部球队 Logo */ .mc-form-team > img, .mc-form-team .mc-team-logo{ display:block; width:24px; height:24px; margin: 0 auto 10px; object-fit:contain; } /* 如果 br_mc_logo() 外面还有 span */ .mc-form-team .mc-team-logo img{ display:block; width:100%; height:100%; object-fit:contain; } /* E V D V D 同样跟着居中 */ .mc-form-badges, .mc-form-team .mc-form{ display:flex; justify-content:center; gap:6px; width:100%; margin-left:auto; margin-right:auto; } /* Últimos 5 jogos - team name */ .mc-form-team h4{ color:#111417 !important; margin: 0 0 10px; font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif; font-size:16px !important; font-weight:700; line-height:1.15; text-align:center; white-space:nowrap; } /* ===================================================== ROUTE TABS Make look exactly like old