:root{
  --green:#168356;
  --green-2:#0dbf7a;
  --blue:#2147a7;
  --blue-2:#183b96;
  --red:#ef4963;
  --text:#172033;
  --muted:#6b7280;
  --soft:#f2f5f9;
  --line:#e8edf4;
  --card:#ffffff;
  --shadow:0 14px 34px rgba(15, 23, 42, .08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#eef3f8;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}button{font-family:inherit}.page-shell{min-height:100vh}

.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--line)}
.top-inner{max-width:1280px;margin:0 auto;height:68px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-icon{width:56px;height:38px;border:6px solid #ffdc18;border-radius:4px;background:var(--green);color:#fff;font-weight:900;display:inline-flex;align-items:center;justify-content:center;position:relative;letter-spacing:.5px;box-shadow:0 4px 12px rgba(22,131,86,.16)}.brand-icon:after{content:'⚽';position:absolute;right:-16px;top:-18px;font-size:16px}.brand-name{font-size:32px;font-weight:900;color:var(--green);white-space:nowrap;letter-spacing:.5px}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.source-pill{height:34px;display:inline-flex;align-items:center;border-radius:999px;padding:0 14px;background:#eef5f1;color:var(--green);font-size:13px;font-weight:700;white-space:nowrap}.source-pill.warn{background:#fff4df;color:#a35d00}.source-pill.bad{background:#ffe8e8;color:#d93535}.source-pill.ok{background:#e9f8f1;color:#168356}.refresh-btn{height:36px;border:0;border-radius:999px;background:var(--green);color:#fff;padding:0 18px;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 6px 14px rgba(22,131,86,.18)}.refresh-btn:hover{filter:brightness(.98);transform:translateY(-1px)}.download-app-btn{height:38px;border-radius:999px;background:linear-gradient(135deg,#18c98b,#0ca16f);color:#fff!important;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;white-space:nowrap;box-shadow:0 0 0 8px rgba(24,201,139,.12),0 10px 22px rgba(13,170,114,.25);animation:downloadPulse 1.45s ease-in-out infinite}.download-app-btn:before{content:'⬇';font-size:13px;margin-right:7px}@keyframes downloadPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 7px rgba(24,201,139,.10),0 10px 22px rgba(13,170,114,.22)}50%{transform:scale(1.045);box-shadow:0 0 0 12px rgba(24,201,139,.07),0 12px 28px rgba(13,170,114,.28)}}

.world-hero{height:220px;background:radial-gradient(circle at 18% 15%,rgba(86,241,209,.18),transparent 26%),linear-gradient(120deg,#2149ad 0%,#1e44a3 55%,#17378c 100%);overflow:hidden;position:relative}.world-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0));pointer-events:none}.hero-inner{max-width:1280px;height:100%;margin:0 auto;padding:0 44px;display:flex;align-items:center;gap:28px;position:relative;color:#fff}.cup-card{width:104px;height:104px;min-width:104px;border-radius:24px;background:#fff url('/images/worldcup-2026-logo.png?v=20260628v2') center center / 74% auto no-repeat;box-shadow:0 18px 38px rgba(0,0,0,.16)}.hero-kicker{font-size:13px;font-weight:900;letter-spacing:2px;color:#64f1d1;margin-bottom:8px}.hero-title h1{margin:0;font-size:52px;line-height:1.05;font-weight:1000;letter-spacing:.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.22)}.hero-title p{margin:16px 0 0;font-size:22px;color:rgba(255,255,255,.92);font-weight:500}.hero-watermark{margin-left:auto;font-size:68px;line-height:.82;font-weight:1000;letter-spacing:-4px;color:rgba(255,255,255,.14);text-align:left;user-select:none}

.main-layout{max-width:1280px;margin:18px auto 0;padding:0 20px 38px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.side-column{display:grid;gap:16px}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.panel-head{min-height:72px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:22px;font-weight:900}.panel-head p,.panel-head span{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.panel-head.compact{min-height:56px;padding:15px 18px}.panel-head.compact h2{font-size:18px}.round-btn{width:42px;height:42px;border:1px solid #d8dee9;border-radius:50%;background:#fff;color:#334155;font-size:20px;cursor:pointer}.round-btn:hover{background:#f8fafc}.data-summary{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:#fff}.data-summary div{text-align:center;padding:16px 8px;border-right:1px solid var(--line)}.data-summary div:last-child{border-right:0}.data-summary b{display:block;font-size:25px;color:var(--green);font-weight:900}.data-summary span{display:block;margin-top:4px;font-size:13px;color:var(--muted)}.filter-row{padding:14px 16px;background:#fbfcfe;border-bottom:1px solid var(--line)}.status-tabs{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none}.status-tabs::-webkit-scrollbar{display:none}.tab{border:0;border-radius:999px;background:#eef2f6;color:#525b68;padding:9px 18px;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap}.tab.active{background:var(--green);color:#fff;box-shadow:0 8px 18px rgba(22,131,86,.18)}.date-tabs{height:76px;display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}.date-tab{border:0;background:#fff;color:#626b78;border-radius:10px;min-width:90px;padding:10px 12px;cursor:pointer}.date-tab b{display:block;font-size:17px;font-weight:800}.date-tab span{display:block;margin-top:4px;font-size:13px}.date-tab.active{background:#fff0f2;color:var(--red)}

.match-list{background:#fff}.day-sep{height:36px;display:flex;align-items:center;gap:8px;background:#f3f6fa;color:#5f6875;font-size:14px;padding:0 20px}.day-sep:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--red)}.match-row{display:grid;grid-template-columns:76px 58px minmax(150px,1fr) 108px minmax(150px,1fr) 94px 22px;align-items:center;min-height:84px;padding:0 18px;border-bottom:1px solid var(--line);gap:10px;cursor:pointer;transition:background .16s ease}.match-row:hover{background:#fbfdff}.match-time{font-size:15px;color:#0f172a;font-weight:700}.match-group{font-size:14px;color:#4b5563}.team-cell{display:flex;align-items:center;gap:8px;min-width:0}.team-cell.home{justify-content:flex-end;text-align:right}.team-cell.away{justify-content:flex-start;text-align:left}.team-cell .flag,.country .flag{display:inline-flex!important;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:50%;background:#fff;box-shadow:0 1px 5px rgba(15,23,42,.12);font-size:21px;line-height:1}.team-cell .name{font-size:16px;font-weight:800;color:#182033;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.score-cell{text-align:center;font-size:30px;font-weight:1000;color:#141d31;letter-spacing:3px;white-space:nowrap}.score-cell.future{font-size:22px;letter-spacing:1px;color:#94a3b8}.status-mini{display:inline-flex;align-items:center;justify-content:center;min-width:54px;border-radius:999px;background:#eaf7f0;color:#168356;padding:6px 10px;font-size:12px;font-weight:800;white-space:nowrap}.status-mini.live{background:#fff0f2;color:var(--red)}.status-mini.future{background:#eef2f6;color:#64748b}.status-mini.finished{background:#eaf7f0;color:#168356}.detail-arrow{color:var(--red);font-size:22px;opacity:.55;text-align:center}.match-extra{grid-column:1/-1;display:none;background:#fbfcfe;border-top:1px dashed #e5e9f0;margin:0 -18px;padding:14px 18px;color:#64748b;font-size:13px}.match-row.open .match-extra{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.last-update{text-align:center;color:#9aa3af;font-size:13px;padding:12px;background:#fbfcfe}

.status-card{padding:0 16px 14px}.status-card div{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:14px}.status-card b{color:var(--green)}.group-tabs{height:54px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--line);overflow:auto;scrollbar-width:thin}.group-tab{border:0;background:transparent;color:#7a7f88;font-size:15px;font-weight:900;padding:10px 7px;cursor:pointer;white-space:nowrap}.group-tab.active{color:#111}.standing-table-wrap{overflow-x:auto}.standing-table{width:100%;border-collapse:collapse;font-size:14px}.standing-table th{height:42px;text-align:left;color:#111;font-weight:900;border-bottom:1px solid var(--line);white-space:nowrap}.standing-table th:first-child,.standing-table td:first-child{text-align:center;width:48px}.standing-table td{height:62px;border-bottom:1px solid var(--line);vertical-align:middle}.rank{display:inline-flex;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;font-weight:900;color:#111}.rank.top{background:var(--red);color:#fff}.country{display:flex;align-items:center;gap:8px;min-width:100px}.country b{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.points{font-weight:1000;font-size:17px;color:#0e1b30}.legend{height:40px;display:flex;align-items:center;gap:6px;padding:0 16px;color:var(--red);font-size:13px}.legend span{width:7px;height:7px;background:var(--red);border-radius:50%;display:inline-block}.news-list{padding:4px 16px 16px}.news-item{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.news-title{font-weight:900;font-size:15px}.news-summary{margin-top:5px;color:var(--muted);font-size:13px;line-height:1.45}.empty{text-align:center;color:#9aa3af;padding:28px 8px}.empty.small{font-size:13px;padding:18px 0}

@media(max-width:1180px){.main-layout{grid-template-columns:minmax(0,1fr) 300px}.hero-title h1{font-size:46px}.hero-watermark{font-size:58px}.match-row{grid-template-columns:68px 50px minmax(120px,1fr) 92px minmax(120px,1fr) 74px 18px;padding:0 14px}.status-mini{font-size:11px;min-width:48px;padding:5px 8px}}
@media(max-width:900px){.top-inner{height:64px;padding:0 14px}.brand-icon{width:48px;height:34px;border-width:5px}.brand-name{font-size:27px}.source-pill{display:none}.refresh-btn{height:34px;padding:0 14px}.download-app-btn{height:36px;padding:0 18px;font-size:13px}.world-hero{height:150px}.hero-inner{padding:0 18px;gap:14px}.cup-card{width:74px;height:74px;min-width:74px;border-radius:16px}.hero-kicker{display:none}.hero-title h1{font-size:29px;line-height:1.12;text-shadow:0 3px 10px rgba(0,0,0,.2)}.hero-title p{font-size:15px;margin-top:9px}.hero-watermark{display:none}.main-layout{grid-template-columns:1fr;margin-top:12px;padding:12px;gap:12px}.side-column{gap:12px}.status-panel,.news-panel{display:none}.schedule-panel{order:1}.standings-panel{order:2}.panel{border-radius:12px}.panel-head{min-height:60px;padding:15px 16px}.panel-head h2{font-size:20px}.panel-head p{font-size:12px}.data-summary{display:none}.filter-row{padding:12px}.tab{padding:8px 16px;font-size:14px}.date-tabs{height:68px;padding:8px 10px}.date-tab{min-width:76px;padding:8px}.date-tab b{font-size:15px}.date-tab span{font-size:12px}.match-row{grid-template-columns:43px 32px minmax(0,1fr) 62px minmax(0,1fr) 16px;min-height:78px;padding:0 10px;gap:5px}.match-actions{display:none}.match-time,.match-group{font-size:12px}.team-cell{gap:4px}.team-cell .flag{width:22px;height:22px;min-width:22px;font-size:17px}.team-cell .name{font-size:13px;font-weight:700}.score-cell{font-size:20px;letter-spacing:1px}.score-cell.future{font-size:16px}.detail-arrow{font-size:20px}.match-extra{margin:0 -10px;padding:12px 10px}.match-row.open .match-extra{grid-template-columns:1fr 1fr}.standing-table td{height:56px}.country .flag{width:24px;height:24px;min-width:24px;font-size:18px}}
@media(max-width:420px){.top-actions{gap:7px}.refresh-btn{display:none}.download-app-btn{padding:0 15px}.brand-name{font-size:25px}.hero-title h1{font-size:25px}.match-row{grid-template-columns:41px 30px minmax(0,1fr) 56px minmax(0,1fr) 14px}.team-cell .flag{width:20px;height:20px;min-width:20px;font-size:16px}.team-cell .name{font-size:12px}.score-cell{font-size:19px}.date-tab{min-width:72px}.panel-head p{max-width:260px}}


/* ===== v2 hotfix：专业比分站布局修复 ===== */
/* 1) 取消卡片压到横幅里的负边距，避免 PC 端标题/卡片叠加 */
.main-layout{
  margin-top:18px !important;
}

/* 2) 横幅 Logo 使用透明 PNG，白底卡片，不再出现黑底 */
.cup-card{
  background-color:#fff !important;
  background-image:url('/images/worldcup-2026-logo.png?v=20260628v2') !important;
  background-size:74% auto !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* 3) 比赛列表国旗真实显示，不再把 QA/EC/IR 代码当国旗 */
.team-cell .flag,
.country .flag{
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif !important;
  color:transparent;
  text-shadow:0 0 0 currentColor;
  background:#fff !important;
}

/* 4) PC 端让赛程更宽、更像专业比分站 */
@media(min-width:901px){
  .world-hero{height:205px !important;}
  .main-layout{grid-template-columns:minmax(760px,1fr) 300px !important;align-items:start !important;}
  .schedule-panel{min-width:0;}
  .panel-head.schedule-head{min-height:68px !important;}
  .match-row{min-height:76px !important;}
}

/* 5) 手机端只保留核心信息，避免头部和列表挤在一起 */
@media(max-width:900px){
  .main-layout{margin-top:12px !important;}
  .world-hero{height:142px !important;}
  .hero-inner{height:142px !important;}
  .cup-card{background-size:72% auto !important;}
  .team-cell .flag{display:inline-flex !important;color:transparent;text-shadow:0 0 0 currentColor;}
}

/* v2.1：修复 emoji 国旗被透明色影响 */
.team-cell .flag,
.country .flag{
  color: inherit !important;
  text-shadow: none !important;
}

/* ===== 去掉世界杯 Logo 外层白色卡片，只保留透明 Logo ===== */
.hero-logo,
.hero-badge,
.cup-logo,
.cup-badge,
.trophy-card,
.banner-badge,
.worldcup-logo,
.worldcup-icon,
.hero-icon,
.cup-icon,
.trophy-icon,
.banner-icon,
.worldcup-activity-banner .hero-badge,
.worldcup-activity-banner .cup-badge,
.worldcup-activity-banner .trophy-card,
.worldcup-activity-banner .banner-badge,
.worldcup-activity-banner .hero-icon,
.worldcup-activity-banner .cup-icon,
.worldcup-activity-banner .worldcup-icon,
.worldcup-activity-banner .trophy-icon,
.worldcup-activity-banner .banner-icon {
  background-color: transparent !important;
  background-image: url("/images/worldcup-2026-logo.png?v=20260628b") !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* 如果里面还有旧 img，隐藏旧图 */
.hero-logo img,
.hero-badge img,
.cup-logo img,
.cup-badge img,
.trophy-card img,
.banner-badge img,
.worldcup-logo img,
.worldcup-icon img,
.hero-icon img,
.cup-icon img,
.trophy-icon img,
.banner-icon img {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* 手机端 Logo 大小 */
@media (max-width: 768px) {
  .hero-logo,
  .hero-badge,
  .cup-logo,
  .cup-badge,
  .trophy-card,
  .banner-badge,
  .worldcup-logo,
  .worldcup-icon,
  .hero-icon,
  .cup-icon,
  .trophy-icon,
  .banner-icon {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
  }
}

/* 电脑端 Logo 大小 */
@media (min-width: 769px) {
  .hero-logo,
  .hero-badge,
  .cup-logo,
  .cup-badge,
  .trophy-card,
  .banner-badge,
  .worldcup-logo,
  .worldcup-icon,
  .hero-icon,
  .cup-icon,
  .trophy-icon,
  .banner-icon {
    width: 110px !important;
    height: 110px !important;
    min-width: 110px !important;
  }
}

/* ===== 最终修复：世界杯 2026 Logo 不要白色外框，保持原图比例 ===== */
.wc26-hero-fixed .wc26-logo-final {
  width: 132px !important;
  height: 88px !important;
  min-width: 132px !important;
  padding: 0 !important;
  margin: 0 26px 0 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: transparent !important;
  font-size: 0 !important;
}

.wc26-hero-fixed .wc26-logo-final img {
  display: block !important;
  width: 132px !important;
  height: 88px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  .wc26-hero-fixed .wc26-logo-final {
    width: 86px !important;
    height: 58px !important;
    min-width: 86px !important;
    margin-right: 14px !important;
  }

  .wc26-hero-fixed .wc26-logo-final img {
    width: 86px !important;
    height: 58px !important;
  }
}

/* 2026 FIFA Logo：深色圆角卡片版，适合蓝色横幅 */
.wc26-logo-final {
  width: 132px !important;
  height: 88px !important;
  min-width: 132px !important;
  padding: 0 !important;
  margin-right: 26px !important;
  background: #05070d !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.22) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.wc26-logo-final img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
}

@media (max-width: 768px) {
  .wc26-logo-final {
    width: 86px !important;
    height: 58px !important;
    min-width: 86px !important;
    margin-right: 14px !important;
    border-radius: 14px !important;
  }
}

/* ===== 最终版：2026 FIFA Logo 黑色圆角卡片 ===== */
.wc26-hero-fixed .wc26-logo-final,
.wc26-logo-final {
  width: 132px !important;
  height: 88px !important;
  min-width: 132px !important;
  margin-right: 28px !important;
  padding: 0 !important;
  background: #05070d !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.28) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 关键：图片本身也必须圆角，否则还是直角黑块 */
.wc26-hero-fixed .wc26-logo-final img,
.wc26-logo-final img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 18px !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: #05070d !important;
}

/* 手机端 */
@media (max-width: 768px) {
  .wc26-hero-fixed .wc26-logo-final,
  .wc26-logo-final {
    width: 92px !important;
    height: 62px !important;
    min-width: 92px !important;
    margin-right: 14px !important;
    border-radius: 14px !important;
  }

  .wc26-hero-fixed .wc26-logo-final img,
  .wc26-logo-final img {
    border-radius: 14px !important;
  }
}

/* ===== 隐藏顶部 API 实时同步按钮，不影响右侧数据状态 ===== */
.topbar .api-badge,
.header .api-badge,
.navbar .api-badge,
.site-header .api-badge,
.header-actions .api-badge,
.header-actions .sync-badge,
.top-actions .sync-badge {
  display: none !important;
}

/* 隐藏赛程赛果标题下面的 API 同步说明 */
.schedule-subtitle,
.schedule-note,
.fixture-note,
.fixture-desc,
.panel-desc,
.card-desc,
.sync-note {
  display: none !important;
}

/* 彻底隐藏顶部 API 实时同步胶囊 */
.header-actions .sync-pill,
.header-actions .api-pill,
.top-actions .sync-pill,
.top-actions .api-pill,
.api-badge,
.sync-badge {
  display: none !important;
}

/* 彻底隐藏赛程标题下面的同步说明 */
.schedule-note,
.schedule-subtitle,
.fixture-note,
.panel-desc,
.card-desc,
.sync-note {
  display: none !important;
}

/* ===== 最终版：2026 Logo 黑色圆角卡片，去掉白色外框 ===== */
.wc26-logo-card-final {
  width: 132px !important;
  height: 88px !important;
  min-width: 132px !important;
  margin-right: 28px !important;
  padding: 0 !important;
  background: #05070d !important;
  background-color: #05070d !important;
  background-image: none !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.28) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.wc26-logo-card-final img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 18px !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: #05070d !important;
}

/* 手机端 */
@media (max-width: 768px) {
  .wc26-logo-card-final {
    width: 92px !important;
    height: 62px !important;
    min-width: 92px !important;
    margin-right: 14px !important;
    border-radius: 14px !important;
  }

  .wc26-logo-card-final img {
    border-radius: 14px !important;
  }
}

/* ===== 比赛列表国旗图片显示 ===== */
.country-flag-img {
  width: 24px !important;
  height: 16px !important;
  min-width: 24px !important;
  display: inline-block !important;
  object-fit: cover !important;
  border-radius: 2px !important;
  margin: 0 5px !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,.08);
  vertical-align: middle !important;
  background: #fff !important;
}

@media (max-width: 768px) {
  .country-flag-img {
    width: 22px !important;
    height: 15px !important;
    min-width: 22px !important;
    margin: 0 4px !important;
  }
}

/* 去掉原来圆形代码徽章的圆底感 */
.flag-code-replaced {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: auto !important;
  min-width: auto !important;
}

.country-flag-img {
  width: 24px !important;
  height: 16px !important;
  min-width: 24px !important;
  display: inline-block !important;
  object-fit: cover !important;
  border-radius: 2px !important;
  margin: 0 5px !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,.10);
  vertical-align: middle !important;
  background: #fff !important;
}

.flag-code-replaced {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: auto !important;
  min-width: auto !important;
}

@media (max-width: 768px) {
  .country-flag-img {
    width: 22px !important;
    height: 15px !important;
    min-width: 22px !important;
    margin: 0 4px !important;
  }
}