/* ============================================================
   STADIUM · 足球主题模板样式层 (叠加在 mipcms.css 之上)
   - 6 套配色 (theme-1 ~ theme-6)
   - 3 种首页版式 (layout-1 ~ layout-3)
   - 深色/浅色两种头部 (head-dark / head-light)
   配色与版式由站点域名哈希在 main.html 中自动分配，
   因此同一套模板在 3 个站会自动呈现不同外观。
   ============================================================ */

/* ---------- 配色变量 ---------- */
body.st { --brand:#0b7a3b; --brand-2:#064e27; --accent:#ffb703; --bg:#f3f6f4; --card:#ffffff; --text:#1f2733; --muted:#6b7684; --line:#e6ebe8; --header:#0e2a1c; --header-text:#eaf3ee; }
body.st.theme-2 { --brand:#16568f; --brand-2:#0d3a63; --accent:#f4a300; --header:#0c2237; --bg:#eef2f6; }
body.st.theme-3 { --brand:#b3122e; --brand-2:#7c0c20; --accent:#ffd166; --header:#2a0a10; --bg:#f7f1f1; }
body.st.theme-4 { --brand:#5b2bb6; --brand-2:#3d1c80; --accent:#ff8fab; --header:#1c0f38; --bg:#f4f1fb; }
body.st.theme-5 { --brand:#0f766e; --brand-2:#0a4f4a; --accent:#f59e0b; --header:#082b28; --bg:#eef6f5; }
body.st.theme-6 { --brand:#c2410c; --brand-2:#7c2d12; --accent:#facc15; --header:#2a1206; --bg:#faf2ec; }

/* ---------- 基础 ---------- */
body.st { background: var(--bg); color: var(--text); font-family: "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif; }
body.st a { color: var(--text); }
body.st a:hover { color: var(--brand); }
.mipcms-main { margin-top: 70px; }

/* ---------- 锚点跳转：平滑滚动 + 给吸顶导航让位 ----------
   首屏 CTA(#news-3 / #judge-3 / #judge-7) 与页脚锚点若不预留 scroll-padding，
   跳转后 section 顶部会被 sticky 导航盖住，标题看不见。 */
html { scroll-behavior: smooth; scroll-padding-top: 84px; }
@media (max-width: 991px) { html { scroll-padding-top: 74px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* ---------- 头部 ---------- */
body.st .mipmb-header-default { background: var(--header); height: 70px; box-shadow: 0 2px 12px rgba(0,0,0,.18); }
body.st .mipmb-header-default .logo-text { display:inline-flex; align-items:center; }
body.st .mipmb-header-default .logo-text a { display:inline-flex; align-items:center; color: var(--header-text); font-weight:800; font-size:22px; letter-spacing:.3px; }
body.st .mipmb-header-default .logo-text .logo-mark { height:40px; width:auto; margin-right:10px; display:inline-block; vertical-align:middle; }
body.st .mipmb-header-default .mipmb-menu, body.st .mipmb-header-default .mipmb-menu > li.active, body.st .mipmb-header-default .mipmb-menu > li > a:hover { background: transparent; }
body.st .mipmb-header-default .mipmb-menu > li > a { color: var(--header-text); line-height:70px; opacity:.9; font-weight:600; }
body.st .mipmb-header-default .mipmb-menu > li > a:hover { color:#fff; background: rgba(255,255,255,.08); }
body.st .mipmb-header-default .mipmb-menu > li.active > a { color:#fff; background: var(--brand); border-radius:6px; }
/* 浅色头部变体 */
body.st.head-light .mipmb-header-default { background:#fff; box-shadow:0 1px 10px rgba(0,0,0,.08); border-bottom:1px solid var(--line); }
body.st.head-light .mipmb-header-default .logo-text a { color: var(--brand-2); }
body.st.head-light .mipmb-header-default .mipmb-menu > li > a { color:#39424f; }
body.st.head-light .mipmb-header-default .mipmb-menu > li > a:hover { color: var(--brand); background:#f4f7f5; }
body.st.head-light .mipmb-header-default .mipmb-menu > li.active > a { color:#fff; background: var(--brand); }

/* ---------- 区块通用卡片 ---------- */
body.st .mip-box { background: var(--card); border:1px solid var(--line); border-radius:12px; box-shadow:0 1px 4px rgba(16,24,40,.04); margin-bottom:20px; overflow:hidden; }
body.st .mip-box-heading { border-bottom:1px solid var(--line); padding:14px 18px; position:relative; }
body.st .mip-box-heading h3, body.st .mip-box-heading h1 { font-size:18px; font-weight:800; margin:0; padding-left:12px; }
body.st .mip-box-heading h3::before, body.st .mip-box-heading h1::before { content:""; position:absolute; left:0; top:14px; width:4px; height:20px; border-radius:3px; background:linear-gradient(var(--brand),var(--accent)); }
body.st .mip-box-body { padding:16px 18px; }
body.st .li-box-list { padding:10px 0; border-bottom:1px dashed var(--line); }
body.st .li-box-list:last-child { border-bottom:0; }
body.st .li-box-list p { color:var(--muted); font-size:12px; margin:4px 0 0; }
body.st .list-time { padding:9px 0; border-bottom:1px dashed var(--line); overflow:hidden; }
body.st .list-time time { color:var(--muted); font-size:12px; }

/* ---------- 首页 Hero ---------- */
body.st .hero-wrap { margin:0 0 22px; }
body.st .hero-lead { position:relative; border-radius:14px; overflow:hidden; height:400px; box-shadow:0 8px 24px rgba(0,0,0,.16); }
body.st .hero-lead .caption { position:absolute; left:0; right:0; bottom:0; padding:22px 22px 18px; background:linear-gradient(transparent, rgba(4,10,7,.85)); }
body.st .hero-lead .caption h3 { color:#fff; font-size:24px; font-weight:800; margin:8px 0 0; line-height:1.35; }
body.st .hero-lead .caption h3 a { color:#fff; }
body.st .hero-lead .caption .time { color:#dfe; font-size:12px; background:var(--brand); padding:3px 10px; border-radius:20px; }
body.st .hero-side { display:flex; flex-direction:column; gap:14px; height:400px; }
body.st .hero-side .cell { position:relative; flex:1; border-radius:12px; overflow:hidden; min-height:124px; box-shadow:0 4px 14px rgba(0,0,0,.12); }
body.st .hero-side .cell img, body.st .hero-side .cell .mip-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
body.st .hero-side .cell .caption { position:absolute; left:0; right:0; bottom:0; padding:10px 14px; background:linear-gradient(transparent, rgba(4,10,7,.86)); }
body.st .hero-side .cell .caption a { color:#fff; font-weight:700; font-size:15px; line-height:1.4; display:block; }

/* layout-1: 左大右三; layout-2: 顶部通栏大图 + 下方三列; layout-3: 网格拼图 */
body.st.layout-2 .hero-lead { height:440px; margin-bottom:14px; }
body.st.layout-2 .hero-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
body.st.layout-2 .hero-cards .cell { position:relative; height:180px; border-radius:12px; overflow:hidden; box-shadow:0 4px 14px rgba(0,0,0,.12); }
body.st.layout-2 .hero-cards .cell .caption { position:absolute; left:0;right:0;bottom:0; padding:10px 14px; background:linear-gradient(transparent, rgba(4,10,7,.86)); }
body.st.layout-2 .hero-cards .cell .caption a { color:#fff; font-weight:700; }
body.st.layout-3 .hero-grid { display:grid; grid-template-columns:2fr 1fr 1fr; grid-template-rows:220px 220px; gap:14px; }
body.st.layout-3 .hero-grid .cell { position:relative; border-radius:12px; overflow:hidden; box-shadow:0 4px 14px rgba(0,0,0,.12); }
body.st.layout-3 .hero-grid .cell:first-child { grid-row:1 / span 2; }
body.st.layout-3 .hero-grid .cell .caption { position:absolute; left:0;right:0;bottom:0; padding:10px 14px; background:linear-gradient(transparent, rgba(4,10,7,.86)); }
body.st.layout-3 .hero-grid .cell .caption a { color:#fff; font-weight:700; }

/* ---------- 分类列表卡片 (block/article-card) ---------- */
body.st .card-list { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
body.st .news-card { background:var(--card); border:1px solid var(--line); border-radius:12px; overflow:hidden; transition:transform .18s ease, box-shadow .18s ease; }
body.st .news-card:hover { transform:translateY(-3px); box-shadow:0 10px 24px rgba(16,24,40,.12); }
body.st .news-card .thumb { display:block; height:160px; overflow:hidden; background:#eef1ef; }
body.st .news-card .thumb img { width:100%; height:100%; object-fit:cover; }
body.st .news-card .body { padding:12px 14px 14px; }
body.st .news-card .body h4 { font-size:16px; margin:0 0 6px; line-height:1.4; font-weight:700; }
body.st .news-card .body h4 a { color:var(--text); }
body.st .news-card .body .desc { color:var(--muted); font-size:13px; line-height:1.6; height:40px; overflow:hidden; }
body.st .news-card .body .meta { color:var(--muted); font-size:12px; margin-top:8px; display:flex; justify-content:space-between; }

/* ---------- 详情页 ---------- */
body.st .detail-title { font-size:28px; font-weight:800; line-height:1.4; margin:6px 0 12px; }
body.st .mip-box-main .info ul { margin:0; padding:0; }
body.st .mip-box-main .info li { color:var(--muted); font-size:13px; margin-right:16px; display:inline-block; }
body.st .mipcms-detail-body { font-size:16px; line-height:1.9; color:#2a333f; }
body.st .mipcms-detail-body p { margin:0 0 16px; }
body.st .mipcms-detail-body img { max-width:100%; height:auto; border-radius:10px; margin:8px 0; }
body.st .mipcms-detail-body h2, body.st .mipcms-detail-body h3 { font-weight:800; margin:22px 0 12px; }
body.st .tags, body.st ul.tags { margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:8px; }
body.st .tags li, body.st ul.tags li { display:block; margin:0; }
body.st .tags li a, body.st ul.tags li a { display:inline-block; background:#f0f3f1; border:1px solid var(--line); color:var(--text); padding:4px 13px; border-radius:999px; font-size:12px; line-height:1.7; white-space:nowrap; transition:background .15s,color .15s; }
body.st .tags li a:hover, body.st ul.tags li a:hover { background:var(--brand); color:#fff; border-color:var(--brand); }
body.st .item-up-down-page .mipmb-page-item { width:48%; }
body.st .breadcrumb { font-size:13px; color:var(--muted); }

/* ---------- 侧栏热门 / TAG（flex 均匀药丸） ---------- */
body.st .mip-box-main .info { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; }
body.st .mip-box-main .info > ul { margin:0; padding:0; }
body.st .mip-box-main .info ul.tags { float:none !important; }

/* ---------- 分页 ---------- */
body.st .pagination { margin-top:18px; }
body.st .pagination .page-link { color:var(--brand); border-color:var(--line); }
body.st .pagination .active .page-link { background:var(--brand); border-color:var(--brand); color:#fff; }

/* ---------- 页脚 ---------- */
body.st footer.mipui-footer { background: var(--header); color: rgba(255,255,255,.72); padding:26px 0; margin-top:28px; }
body.st footer.mipui-footer a { color: rgba(255,255,255,.82); }
body.st footer.mipui-footer a:hover { color:#fff; }
body.st footer.mipui-footer .friend-link ul { list-style:none; padding:0; margin:0 0 12px; display:flex; flex-wrap:wrap; }
body.st footer.mipui-footer .friend-link li { margin:0 14px 8px 0; font-size:13px; }
body.st footer.mipui-footer .mip-footer { color:rgba(255,255,255,.6); font-size:13px; margin:6px 0 0; }

/* ---------- 面包屑/杂项点缀 ---------- */
body.st .section-title-strip { background:linear-gradient(90deg,var(--brand),var(--brand-2)); color:#fff; border-radius:12px; padding:14px 18px; margin-bottom:16px; font-weight:800; font-size:18px; }
body.st .no-data-block { text-align:center; color:var(--muted); padding:40px 0; }

/* ---------- 移动端适配 ---------- */
@media (max-width: 991px) {
  .mipcms-main { margin-top:64px; }
  body.st .hero-lead { height:auto; aspect-ratio:16/9; min-height:200px; }
  body.st .hero-side { height:auto; gap:12px; }
  body.st .hero-side .cell { min-height:150px; }
  body.st.layout-3 .hero-grid { grid-template-columns:1fr 1fr; grid-template-rows:auto; }
  body.st.layout-3 .hero-grid .cell:first-child { grid-row:auto; grid-column:1 / span 2; }
}
@media (max-width: 767px) {
  body.st .card-list { grid-template-columns:1fr; }
  body.st .detail-title { font-size:22px; }
  body.st .mipcms-detail-body { font-size:16px; }
  .mipcms-main { margin-top:60px; }
  body.st .mipmb-header-default { height:60px; }
}
/* 首页缩略图（让列表项带图，丰富首页视觉） */
body.st .list-time.has-thumb { display:flex; gap:10px; align-items:flex-start; }
body.st .li-box-list.has-thumb { display:flex; gap:10px; align-items:flex-start; }
body.st .lt-thumb { position:relative; flex:0 0 84px; width:84px; height:60px; border-radius:6px; overflow:hidden; display:block; background:#0d1b12; }
body.st .lt-thumb img { width:100%; height:100%; object-fit:cover; }
body.st .lt-txt { flex:1 1 auto; min-width:0; }
body.st .li-box-list.has-thumb p { margin-top:2px; }
@media (max-width:400px){ body.st .lt-thumb { flex-basis:64px; width:64px; height:46px; } }

/* ---------- 去 MIP 后：普通 <img> 铺满规则（替代原 mip-img layout=fill/container） ---------- */
body.st .hero-lead, body.st .hero-cards .cell, body.st .hero-grid .cell { position:relative; }
body.st .hero-lead > img,
body.st .hero-cards .cell > img,
body.st .hero-grid .cell > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }

/* 分类列表卡片（block/article-list）图左文右 —— 覆盖 mipcms.css 的 float/absolute 遗留布局 */
body.st .mipui-category-list-001 .mipui-category-list-item { display:flex; gap:16px; align-items:flex-start; position:relative; float:none; min-height:0; padding:16px 0; margin-bottom:0; border-bottom:1px solid var(--line); overflow:hidden; }
body.st .mipui-category-list-001 .item-media { position:relative !important; float:none !important; top:auto !important; left:auto !important; flex:0 0 auto; width:220px; height:150px; overflow:hidden; border-radius:12px; background:#eef1ef; }
body.st .mipui-category-list-001 .item-media .item-link { display:block; position:relative; height:150px !important; transition:none; transform:none !important; }
body.st .mipui-category-list-001 .item-media .item-link:hover { transform:none !important; }
body.st .mipui-category-list-001 .item-media img { position:absolute !important; inset:0 !important; top:0 !important; left:0 !important; margin:0 !important; transform:none !important; width:100% !important; height:100% !important; max-width:none !important; min-width:0 !important; object-fit:cover; display:block; }
body.st .mipui-category-list-001 .item-content { padding-left:0 !important; flex:1 1 auto; min-width:0; }
body.st .mipui-category-list-001 .item-content h4 { font-size:18px; font-weight:800; margin:0 0 8px; line-height:1.4; }
body.st .mipui-category-list-001 .item-content h4 a { white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.st .mipui-category-list-001 .item-content p { padding-left:0 !important; color:var(--muted); font-size:13px; margin:0 0 4px; }
@media (max-width:575px){ body.st .mipui-category-list-001 .item-media, body.st .mipui-category-list-001 .item-media .item-link { width:120px; height:90px; } body.st .mipui-category-list-001 .item-content h4 { font-size:15px; } }

/* 图集详情页主图 */
body.st .page-img { max-width:100%; height:auto; border-radius:12px; box-shadow:0 6px 20px rgba(0,0,0,.10); }

/* 回到顶部 */
body.st .sd-totop { position:fixed; right:18px; bottom:22px; width:44px; height:44px; line-height:42px; text-align:center; border-radius:50%; background:var(--brand); color:#fff; font-size:22px; box-shadow:0 6px 18px rgba(0,0,0,.22); opacity:0; visibility:hidden; transform:translateY(10px); transition:.25s; z-index:1040; }
body.st .sd-totop.show { opacity:1; visibility:visible; transform:none; }
body.st .sd-totop:hover { background:var(--brand-2); color:#fff; }

/* ---------- BS5 升级 / 去 MIP 后的渲染修正（实测验证） ---------- */
/* 1) .hero-lead 是 <a>(inline)，height 对其无效 → 必须 block 化，否则 Hero 大图 0×0 */
body.st a.hero-lead { display:block; }
body.st .hero-side .cell, body.st .hero-cards .cell, body.st .hero-grid .cell { display:block; }
/* 2) 抵消 mipcms.css 遗留 .list-time a{padding-right:80px;width:100%} 对缩略图/标题的挤压 */
body.st .list-time.has-thumb a.lt-thumb { padding:0 !important; }
body.st .list-time.has-thumb .lt-txt > a { padding:0 !important; width:auto !important; }
body.st .list-time.has-thumb .lt-txt { padding-right:46px; }
body.st .li-box-list.has-thumb a.lt-thumb { padding:0 !important; }
/* 3) Bootstrap5 移除了 .pull-right，补回日期右浮 */
body.st .pull-right { float:right !important; }
body.st .list-time .lt-txt time, body.st .list-time time { color:var(--muted); font-size:12px; }

/* ---------- 正文插图（上端头图 / FAQ前配图）高端样式 ---------- */
body.st .mipcms-detail-body figure.art-lead { margin:10px 0 22px; }
body.st .mipcms-detail-body figure.art-lead img { width:100%; height:auto; border-radius:14px; box-shadow:0 12px 28px rgba(0,0,0,.16); display:block; }
body.st .mipcms-detail-body figure.art-lead figcaption { margin-top:8px; text-align:center; color:var(--muted); font-size:12px; letter-spacing:.3px; }

/* ---------- 顶部导航对齐 & 新 logo 适配 ---------- */
/* 导航栏背景与 logo 底色同色，融合无缝；导航项/按钮强制单行，消除换行错位 */
body.st #header-2 { background:#282530; }
body.st #header-2 .navbar { flex-wrap:nowrap; min-height:64px; }
body.st #header-2 .navbar-brand { flex:0 1 auto; min-width:0; }
body.st #header-2 .navbar-brand span { white-space:nowrap; font-size:15px; }
body.st #header-2 .navbar-collapse { flex:1 1 auto; }
body.st #header-2 .navbar-nav { align-items:center; }
body.st #header-2 .navbar-nav .nav-link { white-space:nowrap; padding:.45rem .55rem; line-height:1.2; font-size:15px; }
body.st #header-2 .btn-warning { white-space:nowrap; }
@media (min-width: 992px) {
  body.st #header-2 .navbar > .container { flex-wrap:nowrap; }
  body.st #header-2 .navbar-collapse { min-width:0; }
}
@media (max-width: 991px) {
  body.st #header-2 .navbar-nav .nav-link { white-space:normal; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  body.st #header-2 .navbar-brand span { font-size:13px; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  body.st #header-2 .navbar-brand span { font-size:14px; }
  body.st #header-2 .navbar-brand img { height:38px !important; max-height:38px !important; }
  body.st #header-2 .navbar-nav .nav-link { padding:.4rem .45rem; font-size:13px; }
  body.st #header-2 .btn-warning { font-size:13px; padding:.35rem .6rem; }
}
/* ---------- 品牌名标记：不使用黄色高亮，保持普通文字颜色 ---------- */
body.st mark.sd-brand { background:transparent; color:inherit; padding:0; border-radius:0; font-weight:inherit; }
body.st #header-2 mark.sd-brand { background:transparent; color:inherit; }

/* ============================================================
   首页版式差异化部件（layout-2 / layout-3）
   框架与 layout-1 一致，仅首屏形态、section 顺序与「球迷好评」样式不同。
   module.css 先于本文件加载？—— 不，加载顺序为 mipcms → stadium → module，
   故此处一律用 body.st + id 提升优先级，确保盖过参照站规则。
   ============================================================ */

/* ---------- 首屏：幽灵按钮 / 亮点徽章 / 迷你数据条 ---------- */
body.st #hero-5 .btn-hero5.sd-btn-ghost { background:#fff; color:#1a1a1a; border:2px solid #417fff; }
body.st #hero-5 .btn-hero5.sd-btn-ghost:hover { background:#417fff; color:#fff; }
body.st .sd-hero-badges li { font-size:.95rem; color:#3d4757; font-weight:600; }
body.st .sd-hero-badges li i { margin-right:.35rem; }
body.st .sd-hero-mini li { border-left:3px solid var(--accent); padding-left:.6rem; text-align:left; }
body.st .sd-hero-mini li strong { display:block; font-size:1.15rem; line-height:1.2; color:var(--brand); }

/* ---------- 好评区通用：头像 / 星级 / 评分胶囊 ---------- */
body.st .sd-avatar { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:50%; color:#fff; font-size:18px; box-shadow:0 4px 10px rgba(16,24,40,.16); }
body.st .sd-av-1 { background:linear-gradient(135deg,#0b7a3b,#3ddc84); }
body.st .sd-av-2 { background:linear-gradient(135deg,#16568f,#4d9de0); }
body.st .sd-av-3 { background:linear-gradient(135deg,#b3122e,#f2545b); }
body.st .sd-av-4 { background:linear-gradient(135deg,#c2410c,#fb923c); }
body.st .sd-av-5 { background:linear-gradient(135deg,#5b2bb6,#a78bfa); }
body.st .sd-av-6 { background:linear-gradient(135deg,#0f766e,#2dd4bf); }
body.st .sd-stars { color:#f59e0b; letter-spacing:2px; font-size:.9rem; }
body.st .sd-rate-pill { background:#fff; border:1px solid #e3e7ed; border-radius:999px; padding:.5rem 1.2rem; box-shadow:0 4px 14px rgba(16,24,40,.06); }
body.st .sd-rate-pill strong { font-size:1.05rem; }

/* ---------- judge-7：球迷好评横滑卡（版式B） ---------- */
body.st #judge-7 .scroll-wrapper { display:flex; gap:1rem; overflow-x:auto; padding:.25rem .25rem 1rem; }
body.st #judge-7 .review-card { flex:0 0 320px; width:320px; background:#fff; border-radius:14px; padding:1.25rem; box-shadow:0 2px 10px rgba(16,24,40,.05); }
body.st #judge-7 .review-card p { font-size:.95rem; line-height:1.75; }
body.st #judge-7 .review-footer .sd-avatar { margin-right:12px; width:44px; height:44px; font-size:17px; }
body.st #judge-7 .review-footer h6 { font-size:.95rem; }
body.st #judge-7 .scroll-wrapper::-webkit-scrollbar { height:8px; }
body.st #judge-7 .scroll-wrapper::-webkit-scrollbar-track { background:#eef3f8; border-radius:4px; }
body.st #judge-7 .scroll-wrapper::-webkit-scrollbar-thumb { background:#c9d6e3; border-radius:4px; }

/* ---------- judge-3：球迷好评 + 热读榜双栏（版式C） ---------- */
body.st #judge-3 .comment-header .sd-avatar { margin-right:15px; width:50px; height:50px; font-size:19px; }
body.st #judge-3 .comment-header h5 { display:flex; align-items:center; flex-wrap:wrap; }
body.st #judge-3 .rank-list li { gap:.5rem; }
body.st #judge-3 .rank-list .rank-info strong { color:#0d6efd; font-size:1.05rem; }
/* 文章标题是长尾 SEO 标题，榜单里必须截断两行，否则撑破卡片 */
body.st #judge-3 .rank-list .rank-info a { color:#333; font-size:.92rem; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.st #judge-3 .rank-list .rank-info a:hover { color:#0d6efd; }
body.st #judge-3 .rank-list .badge { flex:0 0 auto; white-space:nowrap; }

@media (max-width: 767px) {
  body.st #judge-7 .review-card { flex:0 0 82vw; width:82vw; padding:1rem; }
  body.st .sd-rate-pill { flex-wrap:wrap; justify-content:center; padding:.5rem .9rem; }
  body.st .sd-hero-mini li { border-left-width:2px; }
}