/* ============================================================
   BONITO · 高端足球赛事资讯模板样式层（叠加于 bootstrap5 + module.css 之上）
   与【模版2】curva 同一套 scriptut 设计系统（module.css 逐字节保留），风格一致、配色与版式更多变。

   本层最重要的两条纪律（都是记忆里踩过的坑）：
   ① module.css 用「裸 ID」写死了各 section 背景（#stats-6/#judge-11 深色渐变、#app-2 .btn-gradient 蓝色、
      #header-6 靛蓝渐变…），实测其最高优先级为 1-3-0（#header-6 .navbar-nav .nav-link:hover）。
      因此本文件凡要换底或换字色，一律写成 `body.bonito #id …`（≥1-1-1，带类即压过裸 ID），
      绝不用 `body.bonito .xxx-card` 这种 0-2-1 的纯 class 选择器去顶裸 ID —— 那会顶不动，
      造成「深色渐变底 + 深字」的隐形文字（curva 的 #stats-6 正是如此漏掉）。
   ② 颜色一律走 CSS 变量，且变量由 /www/wwwroot/_bonito_palette.php 做 WCAG 求解后产出：
      浅底区永远深字、深底区永远白字，240 项关键色对全部 ≥4.5:1。禁止在规则里写死色值。
   加载顺序：bootstrap → fontawesome → swiper → mipcms → module → bonito(本文件)。
   ============================================================ */

/* ---------- 默认变量（未命中主题时的回落 = theme-1，同时定义中性色与节奏） ---------- */
body.bonito{
  --k-primary:#4e54c8; --k-primary-2:#6f74e0;
  --k-accent:#ff9f1a; --k-accent-ink:#1a1200;
  --k-head-a:#3b40a8; --k-head-b:#5659c4;
  --k-hero-a:#0a0f2c; --k-hero-b:#000814; --k-hero-hl:#ffb45a; --k-hero-mut:#b9c6e2;
  --k-tint:#eef2fb; --k-tint2:#fff5e0;
  --k-ink:#161c2e; --k-muted:#4c566b; --k-line:#e3e8f4;
  --k-radius:18px; --k-shadow:0 14px 34px rgba(16,24,40,.10); --k-gap:56px; --k-pad:64px;
  --bs-primary:#4e54c8; --bs-primary-rgb:78,84,200;
  --bs-link-color:#4e54c8; --bs-link-hover-color:#3b40a8;
  background:#fff; color:var(--k-ink);
  font-family:"PingFang SC","Microsoft YaHei","Segoe UI",Roboto,"Helvetica Neue",sans-serif;
}

/* @@BONITO-THEMES-START */
/* ---- 12 套配色：由 _bonito_palette.php 求解，全部关键色对（共 240 项）≥4.5:1 ---- */
/* 消费方一律写作 body.bonito #id…（≥1-3-1），以压过 module.css 的裸 ID 硬编码背景（最高 1-3-0）*/
/* theme-1 靛蓝紫 · 自动修正：primary2压暗 */
body.bonito.theme-1{
  --k-primary:#4e54c8; --k-primary-2:#686cb8; --k-accent:#ff9f1a; --k-accent-ink:#1a1200;
  --k-head-a:#3b40a8; --k-head-b:#5659c4; --k-hero-a:#0a0f2c; --k-hero-b:#000814; --k-hero-hl:#ff9f1a; --k-hero-mut:#9fb0d0;
  --k-tint:#eef2fb; --k-tint2:#fff5e0;
  --bs-primary:#4e54c8; --bs-primary-rgb:78,84,200; --bs-link-color:#4e54c8; --bs-link-hover-color:#4348ac; --bs-link-hover-color-rgb:67,72,172;
}
/* theme-2 石榴红 · 自动修正：primary2压暗 */
body.bonito.theme-2{
  --k-primary:#c1121f; --k-primary-2:#dc3639; --k-accent:#ffb703; --k-accent-ink:#1a1200;
  --k-head-a:#a30f1a; --k-head-b:#c1121f; --k-hero-a:#2c0a0f; --k-hero-b:#140002; --k-hero-hl:#ffb703; --k-hero-mut:#9fb0d0;
  --k-tint:#fdeef0; --k-tint2:#fff4e0;
  --bs-primary:#c1121f; --bs-primary-rgb:193,18,31; --bs-link-color:#c1121f; --bs-link-hover-color:#a60f1b; --bs-link-hover-color-rgb:166,15,27;
}
/* theme-3 草地绿 · 自动修正：primary2压暗 */
body.bonito.theme-3{
  --k-primary:#0b7a3b; --k-primary-2:#118445; --k-accent:#ffb703; --k-accent-ink:#1a1200;
  --k-head-a:#095c2c; --k-head-b:#0b7a3b; --k-hero-a:#06240f; --k-hero-b:#00140a; --k-hero-hl:#ffb703; --k-hero-mut:#9fb0d0;
  --k-tint:#eaf7ef; --k-tint2:#f4fbef;
  --bs-primary:#0b7a3b; --bs-primary-rgb:11,122,59; --bs-link-color:#0b7a3b; --bs-link-hover-color:#096933; --bs-link-hover-color-rgb:9,105,51;
}
/* theme-4 宝蓝 · 自动修正：primary2压暗 */
body.bonito.theme-4{
  --k-primary:#1d4ed8; --k-primary-2:#3573da; --k-accent:#f59e0b; --k-accent-ink:#1a1200;
  --k-head-a:#1b3fbe; --k-head-b:#1d4ed8; --k-hero-a:#0a1a2c; --k-hero-b:#000814; --k-hero-hl:#f59e0b; --k-hero-mut:#9fb0d0;
  --k-tint:#eaf1fe; --k-tint2:#fff5e0;
  --bs-primary:#1d4ed8; --bs-primary-rgb:29,78,216; --bs-link-color:#1d4ed8; --bs-link-hover-color:#1943ba; --bs-link-hover-color-rgb:25,67,186;
}
/* theme-5 赤陶橙 · 自动修正：primary2压暗 */
body.bonito.theme-5{
  --k-primary:#c2410c; --k-primary-2:#c74b0c; --k-accent:#0ea5e9; --k-accent-ink:#1a1200;
  --k-head-a:#9a3412; --k-head-b:#c2410c; --k-hero-a:#2c160a; --k-hero-b:#140800; --k-hero-hl:#0ea5e9; --k-hero-mut:#9fb0d0;
  --k-tint:#fdf1e9; --k-tint2:#e8f6fd;
  --bs-primary:#c2410c; --bs-primary-rgb:194,65,12; --bs-link-color:#c2410c; --bs-link-hover-color:#a7380a; --bs-link-hover-color-rgb:167,56,10;
}
/* theme-6 紫罗兰 · 自动修正：primary2压暗 */
body.bonito.theme-6{
  --k-primary:#6d28d9; --k-primary-2:#9b4fe4; --k-accent:#fbbf24; --k-accent-ink:#1a1200;
  --k-head-a:#5b21b6; --k-head-b:#6d28d9; --k-hero-a:#1a0a2c; --k-hero-b:#080014; --k-hero-hl:#fbbf24; --k-hero-mut:#9fb0d0;
  --k-tint:#f2ecfd; --k-tint2:#fff4e0;
  --bs-primary:#6d28d9; --bs-primary-rgb:109,40,217; --bs-link-color:#6d28d9; --bs-link-hover-color:#5e22bb; --bs-link-hover-color-rgb:94,34,187;
}
/* theme-7 青碧 · 自动修正：primary2压暗 */
body.bonito.theme-7{
  --k-primary:#0e7490; --k-primary-2:#08809d; --k-accent:#f97316; --k-accent-ink:#1a1200;
  --k-head-a:#155e75; --k-head-b:#0e7490; --k-hero-a:#062229; --k-hero-b:#001214; --k-hero-hl:#f97316; --k-hero-mut:#9fb0d0;
  --k-tint:#e8f6f9; --k-tint2:#fff1e6;
  --bs-primary:#0e7490; --bs-primary-rgb:14,116,144; --bs-link-color:#0e7490; --bs-link-hover-color:#0c647c; --bs-link-hover-color-rgb:12,100,124;
}
/* theme-8 琥珀金 · 自动修正：primary2压暗 */
body.bonito.theme-8{
  --k-primary:#b45309; --k-primary-2:#b16106; --k-accent:#fbbf24; --k-accent-ink:#1a1200;
  --k-head-a:#1f2937; --k-head-b:#374151; --k-hero-a:#0b0f19; --k-hero-b:#000000; --k-hero-hl:#fbbf24; --k-hero-mut:#9fb0d0;
  --k-tint:#f8f3ea; --k-tint2:#fdf6e3;
  --bs-primary:#b45309; --bs-primary-rgb:180,83,9; --bs-link-color:#b45309; --bs-link-hover-color:#9b4708; --bs-link-hover-color-rgb:155,71,8;
}
/* theme-9 玫红 */
body.bonito.theme-9{
  --k-primary:#a21caf; --k-primary-2:#c026d3; --k-accent:#22d3ee; --k-accent-ink:#1a1200;
  --k-head-a:#86198f; --k-head-b:#a21caf; --k-hero-a:#26062a; --k-hero-b:#0d0014; --k-hero-hl:#22d3ee; --k-hero-mut:#9fb0d0;
  --k-tint:#fbeefc; --k-tint2:#e7fbfe;
  --bs-primary:#a21caf; --bs-primary-rgb:162,28,175; --bs-link-color:#a21caf; --bs-link-hover-color:#8b1897; --bs-link-hover-color-rgb:139,24,151;
}
/* theme-10 墨蓝 · 自动修正：accent/墨色重定 */
body.bonito.theme-10{
  --k-primary:#1e3a5f; --k-primary-2:#2f6db3; --k-accent:#e11d48; --k-accent-ink:#ffffff;
  --k-head-a:#16293f; --k-head-b:#1e3a5f; --k-hero-a:#0a1420; --k-hero-b:#00050c; --k-hero-hl:#e75071; --k-hero-mut:#9fb0d0;
  --k-tint:#eef2f8; --k-tint2:#fceef1;
  --bs-primary:#1e3a5f; --bs-primary-rgb:30,58,95; --bs-link-color:#1e3a5f; --bs-link-hover-color:#1a3252; --bs-link-hover-color-rgb:26,50,82;
}
/* theme-11 松石绿 · 自动修正：primary2压暗 */
body.bonito.theme-11{
  --k-primary:#046a56; --k-primary-2:#0c8379; --k-accent:#f59e0b; --k-accent-ink:#1a1200;
  --k-head-a:#065142; --k-head-b:#046a56; --k-hero-a:#04211c; --k-hero-b:#00120f; --k-hero-hl:#f59e0b; --k-hero-mut:#9fb0d0;
  --k-tint:#e9f6f2; --k-tint2:#fff4e0;
  --bs-primary:#046a56; --bs-primary-rgb:4,106,86; --bs-link-color:#046a56; --bs-link-hover-color:#035b4a; --bs-link-hover-color-rgb:3,91,74;
}
/* theme-12 勃艮第 */
body.bonito.theme-12{
  --k-primary:#7c1d3f; --k-primary-2:#a4133c; --k-accent:#facc15; --k-accent-ink:#1a1200;
  --k-head-a:#5f1430; --k-head-b:#7c1d3f; --k-hero-a:#200713; --k-hero-b:#0d0007; --k-hero-hl:#facc15; --k-hero-mut:#9fb0d0;
  --k-tint:#faeef3; --k-tint2:#fdf6e0;
  --bs-primary:#7c1d3f; --bs-primary-rgb:124,29,63; --bs-link-color:#7c1d3f; --bs-link-hover-color:#6b1936; --bs-link-hover-color-rgb:107,25,54;
}
/* @@BONITO-THEMES-END */

/* ---------- 3 套卡片皮肤（圆角/投影/间距节奏，由配色派生，令同版式呈现不同质感） ---------- */
body.bonito.style-1{ --k-radius:18px; --k-shadow:0 14px 34px rgba(16,24,40,.10); --k-gap:56px; --k-pad:64px; }
body.bonito.style-2{ --k-radius:6px;  --k-shadow:0 1px 0 rgba(0,0,0,0);        --k-gap:44px; --k-pad:54px; }
body.bonito.style-3{ --k-radius:26px; --k-shadow:0 22px 48px rgba(16,24,40,.16); --k-gap:66px; --k-pad:76px; }
body.bonito.style-2 .bonito-card,body.bonito.style-2 #why-us11 .whyus11-card,
body.bonito.style-2 #news-13 .news13-card,body.bonito.style-2 #update-9 article,
body.bonito.style-2 #judge-11 .bonito-review-card,body.bonito.style-2 #list-8 .bonito-list-card,
body.bonito.style-2 .bonito-side-widget,body.bonito.style-2 #bonito-stars .bonito-star-card{
  box-shadow:none !important; border:1px solid var(--k-line) !important;
}

/* ---------- 基础 ---------- */
body.bonito .mipcms-main{ margin-top:0; }
body.bonito .bonito-accent-bar{ height:3px; background:linear-gradient(90deg,var(--k-primary),var(--k-primary-2),var(--k-accent)); }
body.bonito mark.k-brand{ background:transparent; color:var(--k-primary); padding:0; font-weight:inherit; }
body.bonito .bonito-sec-head h2,body.bonito .bonito-sec-head h3{ color:var(--k-ink); }
body.bonito .bonito-sec-head .k-eyebrow{ color:var(--k-primary); font-weight:700; letter-spacing:.5px; }
body.bonito .bonito-sec-head i{ color:var(--k-primary); }
body.bonito .text-muted,body.bonito .small.text-muted{ color:var(--k-muted) !important; }
/* Bootstrap 5.3 的 .btn-primary / .btn-outline-primary 把颜色写死在组件自定义属性里（#0d6efd），
   不跟随 --bs-primary，故在组件层重挂局部变量，让按钮与链接色随主题走（含搜索按钮、按标签浏览按钮等）。 */
body.bonito .btn-primary{ --bs-btn-color:#fff; --bs-btn-bg:var(--k-primary); --bs-btn-border-color:var(--k-primary);
  --bs-btn-hover-color:#fff; --bs-btn-hover-bg:var(--k-primary-2); --bs-btn-hover-border-color:var(--k-primary-2);
  --bs-btn-active-color:#fff; --bs-btn-active-bg:var(--k-primary); --bs-btn-active-border-color:var(--k-primary);
  --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:var(--k-primary); --bs-btn-disabled-border-color:var(--k-primary); }
body.bonito .btn-outline-primary{ --bs-btn-color:var(--k-primary); --bs-btn-border-color:var(--k-primary);
  --bs-btn-hover-color:#fff; --bs-btn-hover-bg:var(--k-primary); --bs-btn-hover-border-color:var(--k-primary);
  --bs-btn-active-color:#fff; --bs-btn-active-bg:var(--k-primary); --bs-btn-active-border-color:var(--k-primary);
  --bs-btn-disabled-color:var(--k-primary); }
body.bonito .bg-primary{ background-color:var(--k-primary) !important; }
body.bonito .link-primary{ color:var(--k-primary) !important; }
body.bonito .link-primary:hover{ color:var(--k-primary-2) !important; }
body.bonito .border-primary{ border-color:var(--k-primary) !important; }
body.bonito .form-control:focus{ border-color:var(--k-primary-2); box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb),.25); outline:0; }
html{ scroll-behavior:smooth; scroll-padding-top:88px; }
@media (max-width:991px){ html{ scroll-padding-top:74px; } }
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }

/* 回到顶部 */
body.bonito .bonito-totop{ position:fixed; right:20px; bottom:24px; width:44px; height:44px; border-radius:50%;
  background:var(--k-primary); color:#fff; display:flex; align-items:center; justify-content:center; text-decoration:none;
  opacity:0; visibility:hidden; transform:translateY(10px); transition:.3s; z-index:1050; box-shadow:0 6px 18px rgba(0,0,0,.25); }
body.bonito .bonito-totop.show{ opacity:1; visibility:visible; transform:none; }
body.bonito .bonito-totop:hover{ background:var(--k-primary-2); color:#fff; }

/* ============================================================
   section 换肤（结构/布局仍由 module.css 决定，此处只换色 + 抬优先级）
   ============================================================ */
/* header-6 吸顶导航：module.css 有 #header-6{background:靛蓝渐变} 与 .nav-link{color:#fff}(1-2-0) */
body.bonito #header-6{ background:linear-gradient(to right,var(--k-head-a),var(--k-head-b)); }
body.bonito #header-6 .navbar-nav .nav-link{ color:#fff; }
body.bonito #header-6 .navbar-nav .nav-link:hover,
body.bonito #header-6 .navbar-nav .nav-link.active{ background-color:rgba(255,255,255,.18); color:#fff; border-radius:6px; }
body.bonito #header-6 .k-brand-txt{ color:#fff; font-size:1.05rem; letter-spacing:.5px; text-shadow:0 1px 2px rgba(0,0,0,.28); }
body.bonito #header-6 .btn-outline-light{ color:#fff; border-color:rgba(255,255,255,.72); }
body.bonito #header-6 .btn-outline-light:hover{ background:#fff; color:var(--k-head-a); border-color:#fff; }
/* 汉堡按钮：navbar 未挂 navbar-light/dark，Bootstrap 不下发图标，需自补描边 SVG */
body.bonito #header-6 .navbar-toggler{ border:1px solid rgba(255,255,255,.55); }
body.bonito #header-6 .navbar-toggler-icon{ width:1.4em; height:1.4em; background-repeat:no-repeat; background-position:center; background-size:100%;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2818,26,38,0.82%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
/* 浅色头部变体：白底深字（module.css 的 .btn-outline-light{color:#fff} 会被下面更高优先级覆盖） */
body.bonito #header-6.head-light{ background:#fff; box-shadow:0 2px 12px rgba(0,0,0,.08); }
body.bonito #header-6.head-light .navbar-nav .nav-link{ color:var(--k-ink); }
body.bonito #header-6.head-light .navbar-nav .nav-link:hover,
body.bonito #header-6.head-light .navbar-nav .nav-link.active{ background:var(--k-tint); color:var(--k-primary); }
body.bonito #header-6.head-light .k-brand-txt{ color:var(--k-primary); text-shadow:none; }
body.bonito #header-6.head-light .btn-outline-light{ color:var(--k-primary); border-color:var(--k-primary); background:transparent; }
body.bonito #header-6.head-light .btn-outline-light:hover{ background:var(--k-primary); color:#fff; }
body.bonito #header-6.head-light .navbar-toggler{ border-color:var(--k-line); }
body.bonito #header-6.head-light .navbar-collapse{ background:var(--k-tint); }

/* hero-6 首屏：module.css #hero-6{radial 深色} + #hero-6 p{color:#ccc}(1-0-1) */
body.bonito #hero-6{ background:radial-gradient(ellipse at center,var(--k-hero-a) 0,var(--k-hero-b) 100%); }
body.bonito #hero-6 h1{ color:#fff; }
body.bonito #hero-6 h1 strong{ color:var(--k-hero-hl); }
body.bonito #hero-6 p{ color:var(--k-hero-mut); }
body.bonito #hero-6 p strong{ color:#fff; }
body.bonito .btn-hero6-primary{ background:var(--k-accent); color:var(--k-accent-ink); }
body.bonito .btn-hero6-primary:hover{ filter:brightness(1.06); color:var(--k-accent-ink); }
body.bonito .btn-hero6-secondary{ background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.52); color:#fff; }
body.bonito .btn-hero6-secondary:hover{ background:rgba(255,255,255,.26); color:#fff; }
body.bonito .hero6-image-wrapper img{ width:100%; max-height:260px; object-fit:cover; border-radius:14px; }
/* 首屏三形态（由 layout 派生的 body.hero-x 决定，结构不拆 module.css 的 .hero6-card） */
body.bonito .hero6-badges{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:18px; }
body.bonito .hero6-badges span{ font-size:12.5px; color:#fff; background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.28); border-radius:999px; padding:5px 13px; }
body.bonito.hero-b #hero-6 .hero6-card{ max-width:1080px; }
body.bonito.hero-b #hero-6 .hero6-flex{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:38px; align-items:center; text-align:left; }
body.bonito.hero-b #hero-6 .hero6-image-wrapper img{ max-height:320px; }
body.bonito.hero-b #hero-6 .hero-buttons,body.bonito.hero-b .hero6-badges{ justify-content:flex-start; }
@media (max-width:991px){ body.bonito.hero-b #hero-6 .hero6-flex{ grid-template-columns:1fr; gap:22px; text-align:center; }
  body.bonito.hero-b #hero-6 .hero-buttons,body.bonito.hero-b .hero6-badges{ justify-content:center; } }
body.bonito.hero-c #hero-6{ padding-top:52px; padding-bottom:52px; }
body.bonito.hero-c #hero-6 .hero6-image-wrapper{ margin-bottom:20px; }
body.bonito.hero-c #hero-6 .hero6-image-wrapper img{ max-height:210px; }

/* why-us11 平台优势：module.css #why-us11{background:#eef2f9}(1-0-0) */
body.bonito #why-us11{ background:var(--k-tint); }
body.bonito #why-us11 .text-primary{ color:var(--k-primary) !important; }
body.bonito #why-us11 h2{ color:var(--k-ink); }
body.bonito #why-us11 .whyus11-card{ background:#fff; border:1px solid var(--k-line); box-shadow:var(--k-shadow); }
body.bonito #why-us11 .whyus11-card:hover{ border-color:var(--k-primary-2); transform:translateY(-4px); }
body.bonito #why-us11 .whyus11-card .icon-circle{ background:linear-gradient(135deg,var(--k-primary),var(--k-primary-2)); color:#fff; }
body.bonito #why-us11 .whyus11-card h5{ color:var(--k-ink); }
body.bonito #why-us11 .whyus11-card p,body.bonito #why-us11 .whyus11-card .text-muted{ color:var(--k-muted) !important; }

/* departments-11 五大足球专区：module.css 有 1-1-1 的 .tab-text p / .title-block p 与 1-2-0 的 .tab-btn.active */
body.bonito #departments-11{ background:linear-gradient(to bottom,var(--k-tint2),var(--k-tint)); color:var(--k-ink); padding:var(--k-pad) 20px; }
body.bonito #departments-11 .title-block h2{ color:var(--k-ink); }
body.bonito #departments-11 .title-block p{ color:var(--k-muted); }
body.bonito #departments-11 .tab-btn{ background:#fff; border:1px solid var(--k-line); color:var(--k-ink); }
body.bonito #departments-11 .tab-btn:hover{ border-color:var(--k-primary-2); color:var(--k-primary); }
body.bonito #departments-11 .tab-btn.active{ background:var(--k-primary); border-color:var(--k-primary); color:#fff; }
body.bonito #departments-11 .tab-inner{ background:#fff; box-shadow:var(--k-shadow); border:1px solid var(--k-line); }
body.bonito #departments-11 .tab-text h3{ color:var(--k-primary); }
body.bonito #departments-11 .tab-text p{ color:var(--k-muted); }
body.bonito #departments-11 .tab-image{ flex:0 0 42%; width:42%; }
body.bonito #departments-11 .tab-image img{ width:100%; height:260px; object-fit:cover; border-radius:12px; }

/* update-9 版本演进 */
body.bonito #update-9{ background:linear-gradient(to bottom,var(--k-tint),var(--k-tint2)); }
body.bonito #update-9 h2,body.bonito #update-9 h3{ color:var(--k-ink); }
body.bonito #update-9 article{ background:#fff; border:1px solid var(--k-line); box-shadow:var(--k-shadow); }
body.bonito #update-9 .text-primary,body.bonito #update-9 strong{ color:var(--k-primary); }
body.bonito #update-9 li,body.bonito #update-9 p{ color:var(--k-muted); }

/* app-2 APP 下载：module.css 写死 .btn-gradient 蓝色渐变(1-1-0) 与 :hover(1-2-0) */
body.bonito #app-2{ background:linear-gradient(to bottom right,var(--k-tint),var(--k-tint2)); }
body.bonito #app-2 h2,body.bonito #app-2 li{ color:var(--k-ink); }
body.bonito #app-2 p,body.bonito #app-2 .text-muted{ color:var(--k-muted) !important; }
body.bonito #app-2 .btn-gradient{ background:linear-gradient(90deg,var(--k-primary),var(--k-primary-2)); color:#fff; border:none; }
body.bonito #app-2 .btn-gradient:hover{ background:linear-gradient(90deg,var(--k-primary),var(--k-primary-2)); filter:brightness(1.08); color:#fff; }
body.bonito #app-2 .qr-badge{ background:#fff; border:1px solid var(--k-line); }

/* news-13 精选资讯 */
body.bonito #news-13{ background:linear-gradient(135deg,var(--k-tint),var(--k-tint2)); }
body.bonito #news-13 h2{ color:var(--k-ink); }
body.bonito #news-13 h2 i{ color:var(--k-primary); }
body.bonito #news-13 .text-muted{ color:var(--k-muted) !important; }
body.bonito #news-13 .news13-card{ background:#fff; border:1px solid var(--k-line) !important; box-shadow:var(--k-shadow); }
body.bonito #news-13 .news13-card h3 a{ color:var(--k-ink); }
body.bonito #news-13 .news13-card h3 a:hover{ color:var(--k-primary); }
body.bonito #news-13 .news13-thumb{ height:172px; object-fit:cover; }
body.bonito #news-13 .btn-outline-primary{ color:var(--k-primary); border-color:var(--k-primary); }
body.bonito #news-13 .btn-outline-primary:hover{ background:var(--k-primary); color:#fff; }
/* 原生 scroll-snap 横滑：触摸/触控板/滚轮/箭头都能拉，不依赖 Swiper 初始化 */
body.bonito #news-13 .bonito-news-scroll{ overflow-x:auto; scroll-snap-type:x mandatory; gap:16px; padding:4px 2px 10px; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:var(--k-primary) transparent; }
body.bonito #news-13 .bonito-news-scroll::-webkit-scrollbar{ height:6px; }
body.bonito #news-13 .bonito-news-scroll::-webkit-scrollbar-thumb{ background:var(--k-primary); border-radius:3px; }
body.bonito #news-13 .bonito-news-item{ flex:0 0 auto; width:100%; scroll-snap-align:start; }
@media (min-width:576px){ body.bonito #news-13 .bonito-news-item{ width:calc(50% - 8px); } }
@media (min-width:992px){ body.bonito #news-13 .bonito-news-item{ width:calc(33.3333% - 11px); } }
body.bonito #news-13 .bonito-news-nav{ position:absolute; top:42%; z-index:5; width:40px; height:40px; border-radius:50%; border:1px solid var(--k-line);
  background:#fff; color:var(--k-primary); box-shadow:0 4px 14px rgba(0,0,0,.12); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background .2s,color .2s; }
body.bonito #news-13 .bonito-news-nav:hover{ background:var(--k-primary); color:#fff; }
body.bonito #news-13 .bonito-news-prev{ left:-6px; }
body.bonito #news-13 .bonito-news-next{ right:-6px; }
@media (max-width:575px){ body.bonito #news-13 .bonito-news-nav{ display:none; } }
body.bonito #news-13 .news13-card h3 a,body.bonito .bonito-clamp-2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.bonito #news-13 .news13-card p.text-muted{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:0; }

/* stats-6 数据快照：module.css 写死深色渐变 → 必须用 body.bonito #stats-6 换成主题浅带，否则深字压深底隐形 */
body.bonito #stats-6{ background:linear-gradient(135deg,var(--k-tint),#fff); padding:var(--k-pad) 20px; }
body.bonito #stats-6 h2{ color:var(--k-ink); }
body.bonito #stats-6 h2 i{ color:var(--k-primary); }
body.bonito #stats-6 .bonito-stats-sub{ color:var(--k-muted); max-width:720px; margin:0 auto; }
body.bonito #stats-6 .bonito-stats-grid{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; }
body.bonito #stats-6 .bonito-stats-item{ background:#fff; border:1px solid var(--k-line); border-radius:var(--k-radius); box-shadow:var(--k-shadow); padding:22px 16px; text-align:center; transition:transform .3s; }
body.bonito #stats-6 .bonito-stats-item:hover{ transform:translateY(-5px); }
body.bonito #stats-6 .bonito-stats-icon{ width:56px; height:56px; margin:0 auto 12px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:24px; color:#fff; background:linear-gradient(135deg,var(--k-primary),var(--k-primary-2)); }
body.bonito #stats-6 .bonito-stats-data h5{ font-size:14px; color:var(--k-muted); margin-bottom:6px; font-weight:600; }
body.bonito #stats-6 .bonito-stats-num{ font-size:22px; font-weight:800; color:var(--k-ink); margin-bottom:4px; }
body.bonito #stats-6 .bonito-stats-data small{ color:var(--k-muted); font-size:12px; }
@media (max-width:991px){ body.bonito #stats-6 .bonito-stats-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:420px){ body.bonito #stats-6 .bonito-stats-grid{ grid-template-columns:1fr; } }

/* faq-2 常见问题：module.css #faq-2{background:#f9f9fc} + .faq-2-* 系列（本模板不用其结构类，只借 id） */
body.bonito #faq-2{ background:var(--k-tint); }
body.bonito #faq-2 h2{ color:var(--k-ink); }
body.bonito #faq-2 h2 i{ color:var(--k-primary); }
body.bonito #faq-2 .bonito-faq-item{ border:1px solid var(--k-line); border-radius:12px !important; margin-bottom:12px; overflow:hidden; background:#fff; }
body.bonito #faq-2 .bonito-faq-q{ background:#fff !important; color:var(--k-ink) !important; font-weight:600; box-shadow:none !important; padding:16px 20px; }
body.bonito #faq-2 .bonito-faq-q:not(.collapsed){ color:var(--k-primary) !important; background:var(--k-tint2) !important; }
body.bonito #faq-2 .bonito-faq-a{ color:var(--k-muted); line-height:1.8; padding:0 20px 18px; }

/* judge-11 球迷好评：module.css 写死深色渐变 + #judge-11 h2{color:#fff}(1-0-1) → 两处都要顶掉 */
body.bonito #judge-11{ background:linear-gradient(135deg,var(--k-tint2),var(--k-tint)); padding:var(--k-pad) 20px; }
body.bonito #judge-11 h2{ color:var(--k-ink); }
body.bonito #judge-11 h2 i{ color:var(--k-primary); }
body.bonito #judge-11 p{ color:var(--k-muted); }
body.bonito #judge-11 .bonito-review-card{ background:#fff; border:1px solid var(--k-line); border-radius:var(--k-radius); box-shadow:var(--k-shadow); padding:24px; transition:transform .3s; }
body.bonito #judge-11 .bonito-review-card:hover{ transform:translateY(-5px); }
body.bonito #judge-11 .bonito-avatar{ width:48px; height:48px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:20px; flex-shrink:0; }
body.bonito #judge-11 .bonito-av-1{ background:linear-gradient(135deg,#4e54c8,#8f94fb); }
body.bonito #judge-11 .bonito-av-2{ background:linear-gradient(135deg,#c1121f,#e5383b); }
body.bonito #judge-11 .bonito-av-3{ background:linear-gradient(135deg,#0b7a3b,#17a957); }
body.bonito #judge-11 .bonito-av-4{ background:linear-gradient(135deg,#1d4ed8,#3b82f6); }
body.bonito #judge-11 .bonito-av-5{ background:linear-gradient(135deg,#c2410c,#ea580c); }
body.bonito #judge-11 .bonito-av-6{ background:linear-gradient(135deg,#6d28d9,#a855f7); }
body.bonito #judge-11 .bonito-review-name{ color:var(--k-ink); font-size:15px; }
body.bonito #judge-11 .bonito-review-stars{ color:var(--k-primary); font-size:12px; letter-spacing:1px; }
body.bonito #judge-11 .bonito-review-body{ line-height:1.75; font-size:14px; color:var(--k-muted) !important; }

/* ============================================================
   BONITO 自有新模块（不借 module.css 的 id，优先级天然无冲突）
   ============================================================ */
/* 热读榜 bonito-stars */
body.bonito #bonito-stars{ background:#fff; padding:var(--k-pad) 20px; }
body.bonito .bonito-star-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
body.bonito .bonito-star-card{ position:relative; display:block; background:#fff; border:1px solid var(--k-line); border-radius:var(--k-radius);
  overflow:hidden; box-shadow:var(--k-shadow); text-decoration:none; transition:transform .3s; }
body.bonito .bonito-star-card:hover{ transform:translateY(-5px); }
body.bonito .bonito-star-thumb{ position:relative; aspect-ratio:16/10; overflow:hidden; background:var(--k-tint); }
body.bonito .bonito-star-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
body.bonito .bonito-star-rank{ position:absolute; left:10px; top:10px; min-width:30px; height:30px; border-radius:8px; display:flex; align-items:center;
  justify-content:center; font-weight:800; font-size:15px; background:var(--k-primary); color:#fff; box-shadow:0 3px 10px rgba(0,0,0,.22); }
body.bonito .bonito-star-rank.r-1{ background:var(--k-accent); color:var(--k-accent-ink); }
body.bonito .bonito-star-rank.r-2{ background:var(--k-primary-2); color:#fff; }
body.bonito .bonito-star-body{ padding:14px 16px 16px; }
body.bonito .bonito-star-body h3{ font-size:15px; font-weight:700; color:var(--k-ink); line-height:1.5; margin:0 0 8px; min-height:44px; }
body.bonito .bonito-star-card:hover h3{ color:var(--k-primary); }
body.bonito .bonito-star-meta{ display:flex; justify-content:space-between; align-items:center; font-size:12.5px; color:var(--k-muted); }
body.bonito .bonito-star-meta i{ color:var(--k-primary); margin-right:3px; }
@media (max-width:1199px){ body.bonito .bonito-star-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:991px){ body.bonito .bonito-star-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:575px){ body.bonito .bonito-star-grid{ grid-template-columns:1fr; } body.bonito .bonito-star-body h3{ min-height:0; } }

/* 最新赛事时间轴 bonito-timeline */
body.bonito #bonito-timeline{ background:linear-gradient(to bottom,var(--k-tint),#fff); padding:var(--k-pad) 20px; }
body.bonito .bonito-tl{ list-style:none; margin:0; padding:0; position:relative; }
body.bonito .bonito-tl::before{ content:""; position:absolute; left:88px; top:6px; bottom:6px; width:2px; background:var(--k-line); }
body.bonito .bonito-tl-item{ display:grid; grid-template-columns:88px minmax(0,1fr); gap:22px; align-items:start; padding:0 0 20px; }
body.bonito .bonito-tl-date{ text-align:right; padding-top:12px; }
body.bonito .bonito-tl-date b{ display:block; font-size:20px; line-height:1.1; color:var(--k-primary); }
body.bonito .bonito-tl-date span{ font-size:12px; color:var(--k-muted); }
body.bonito .bonito-tl-dot{ position:relative; }
body.bonito .bonito-tl-dot::before{ content:""; position:absolute; left:-27px; top:22px; width:12px; height:12px; border-radius:50%;
  background:#fff; border:3px solid var(--k-primary); }
body.bonito .bonito-tl-card{ background:#fff; border:1px solid var(--k-line); border-radius:var(--k-radius); box-shadow:var(--k-shadow); padding:16px 18px; display:block; text-decoration:none; transition:transform .25s,border-color .25s; }
body.bonito .bonito-tl-card:hover{ transform:translateX(4px); border-color:var(--k-primary-2); }
body.bonito .bonito-tl-card h3{ font-size:16px; font-weight:700; color:var(--k-ink); margin:0 0 6px; line-height:1.55; }
body.bonito .bonito-tl-card:hover h3{ color:var(--k-primary); }
body.bonito .bonito-tl-card p{ font-size:13.5px; color:var(--k-muted); margin:0 0 8px; line-height:1.7; }
body.bonito .bonito-tl-tag{ display:inline-block; font-size:12px; color:var(--k-primary); background:var(--k-tint2); border:1px solid var(--k-line); border-radius:999px; padding:2px 11px; }
@media (max-width:767px){
  body.bonito .bonito-tl::before{ left:8px; }
  body.bonito .bonito-tl-item{ grid-template-columns:1fr; gap:6px; padding-left:28px; }
  body.bonito .bonito-tl-date{ text-align:left; padding-top:0; }
  body.bonito .bonito-tl-date b{ display:inline; font-size:15px; }
  body.bonito .bonito-tl-dot::before{ left:-25px; top:6px; }
}

/* 话题标签墙 bonito-topics */
body.bonito #bonito-topics{ background:var(--k-tint2); padding:var(--k-pad) 20px; }
body.bonito #bonito-topics h2{ color:var(--k-ink); }
body.bonito #bonito-topics h2 i{ color:var(--k-primary); }
body.bonito .bonito-topic-wrap{ display:flex; flex-wrap:wrap; gap:10px; }
body.bonito .bonito-topic{ display:inline-flex; align-items:center; gap:6px; padding:8px 16px; background:#fff; border:1px solid var(--k-line);
  border-radius:999px; color:var(--k-muted); font-size:14px; text-decoration:none; transition:.25s; }
body.bonito .bonito-topic:hover,body.bonito .bonito-topic:focus{ background:var(--k-primary); border-color:var(--k-primary); color:#fff; }
body.bonito .bonito-topic i{ font-size:11px; opacity:.75; }
body.bonito .bonito-topic.t-lg{ font-size:16.5px; padding:10px 20px; font-weight:600; color:var(--k-primary); }

/* 观赛清单 bonito-checklist */
body.bonito #bonito-checklist{ background:linear-gradient(135deg,var(--k-tint),var(--k-tint2)); padding:var(--k-pad) 20px; }
body.bonito #bonito-checklist h2{ color:var(--k-ink); }
body.bonito #bonito-checklist h2 i{ color:var(--k-primary); }
body.bonito .bonito-ck-card{ height:100%; background:#fff; border:1px solid var(--k-line); border-radius:var(--k-radius); box-shadow:var(--k-shadow); padding:24px; }
body.bonito .bonito-ck-card h3{ font-size:17px; font-weight:700; color:var(--k-ink); margin-bottom:14px; }
body.bonito .bonito-ck-card h3 i{ color:var(--k-primary); margin-right:8px; }
body.bonito .bonito-ck-card ul{ list-style:none; margin:0; padding:0; }
body.bonito .bonito-ck-card li{ position:relative; padding:0 0 12px 26px; font-size:14.5px; line-height:1.7; color:var(--k-muted); }
body.bonito .bonito-ck-card li::before{ content:"\f00c"; font-family:"Font Awesome 6 Free","FontAwesome"; font-weight:900;
  position:absolute; left:0; top:3px; font-size:12px; color:var(--k-primary); }

/* 侧栏小工具 / 标签云 / 榜单 / 迷你卡 */
body.bonito .bonito-side-widget{ background:#fff; border:1px solid var(--k-line); }
body.bonito .bonito-search-bar .form-control{ background:#fff; border-color:var(--k-line); color:var(--k-ink); }
body.bonito .bonito-search-bar .form-control::placeholder{ color:var(--k-muted); opacity:1; }
body.bonito .bonito-detail-side p{ color:var(--k-muted); }
body.bonito .bonito-list-head h1 i{ color:var(--k-primary); }
body.bonito .bonito-side-widget h3{ color:var(--k-ink); }
body.bonito .bonito-side-widget h3 i{ color:var(--k-primary); }
body.bonito .bonito-rank-list li a{ color:var(--k-ink); }
body.bonito .bonito-rank-list li a:hover{ color:var(--k-primary) !important; }
body.bonito .bonito-tagcloud{ display:flex; flex-wrap:wrap; gap:8px; }
body.bonito .bonito-tag{ display:inline-block; padding:5px 12px; background:var(--k-tint); border:1px solid var(--k-line); border-radius:20px; color:var(--k-muted); font-size:13px; text-decoration:none; transition:.25s; }
body.bonito .bonito-tag:hover{ background:var(--k-primary); border-color:var(--k-primary); color:#fff; }
body.bonito .bonito-tagcloud-lg .bonito-tag{ font-size:15px; padding:7px 16px; }
body.bonito .bonito-mini-card{ border-color:var(--k-line) !important; }
body.bonito .bonito-mini-card h3{ color:var(--k-ink); }
body.bonito .bonito-mini-card:hover h3{ color:var(--k-primary); }
body.bonito .bonito-mini-thumb{ width:80px; height:60px; border-radius:8px; overflow:hidden; background:var(--k-tint); }
body.bonito .bonito-mini-thumb img{ width:100%; height:100%; object-fit:cover; }

/* 列表页 / 详情页 / 相关推荐 */
body.bonito #list-8{ background:var(--k-tint); }
body.bonito #list-8 .bonito-list-card{ background:#fff; border:1px solid var(--k-line); }
body.bonito #list-8 .bonito-list-card h3{ color:var(--k-ink); transition:color .25s; }
body.bonito #list-8 a:hover .bonito-list-card h3{ color:var(--k-primary); }
body.bonito #list-8 h1,body.bonito #list-8 .bonito-list-head h1{ color:var(--k-ink); }
body.bonito #list-8 .text-muted{ color:var(--k-muted) !important; }
body.bonito #article-8{ background:var(--k-tint); }
body.bonito #article-8 h1{ color:var(--k-ink); }
body.bonito #article-8 .breadcrumb a{ color:var(--k-muted); text-decoration:none; }
body.bonito #article-8 .breadcrumb a:hover{ color:var(--k-primary); }
body.bonito #article-8 .breadcrumb-item.active{ color:var(--k-muted); }
body.bonito #article-8 a:hover{ color:var(--k-primary); }
body.bonito #article-8 .text-muted{ color:var(--k-muted) !important; }
body.bonito #article-8 .btn-outline-primary{ color:var(--k-primary); border-color:var(--k-primary); }
body.bonito #article-8 .btn-outline-primary:hover{ background:var(--k-primary); color:#fff; }
body.bonito .bonito-detail-tags{ display:flex; flex-wrap:wrap; gap:6px; }
body.bonito .bonito-detail-tags a{ display:inline-block; padding:4px 10px; background:var(--k-tint); border-radius:16px; color:var(--k-muted); font-size:12px; text-decoration:none; }
body.bonito .bonito-detail-tags a:hover{ background:var(--k-primary); color:#fff; }
body.bonito .bonito-detail-tags a i{ margin-right:3px; font-size:10px; }
body.bonito #related-7 h2{ color:var(--k-ink); }
body.bonito #related-7 .list-group-item{ background:#fff; border-color:var(--k-line) !important; }
body.bonito #related-7 .list-group-item h3{ color:var(--k-ink); }
body.bonito #related-7 .list-group-item:hover h3{ color:var(--k-primary); }
body.bonito #related-7 .rank-number{ color:var(--k-primary); }
body.bonito #related-7 .text-muted,body.bonito #related-7 p{ color:var(--k-muted) !important; }
body.bonito #related-10{ background:linear-gradient(to right,var(--k-head-a),var(--k-head-b)); }
body.bonito #related-10 h2{ color:#fff; }
body.bonito #related-10 h2 i{ color:var(--k-hero-hl); }
body.bonito #related-10 .related-card-overlay{ background:linear-gradient(to top,rgba(0,0,0,.80),rgba(0,0,0,.06)); }
body.bonito #related-10 .badge.bg-warning{ background:var(--k-accent) !important; color:var(--k-accent-ink) !important; }
body.bonito #related-10 .text-light{ color:#fff !important; }

/* 分页 */
body.bonito .bonito-pagination{ display:flex; justify-content:center; }
body.bonito .bonito-pagination ul,body.bonito .mip-page-pagination ul{ display:inline-flex; flex-wrap:wrap; gap:6px; list-style:none; padding:0; margin:0; justify-content:center; }
body.bonito .bonito-pagination li a,body.bonito .bonito-pagination li span,body.bonito .mip-page-pagination li a{
  display:inline-block; min-width:38px; padding:7px 12px; text-align:center; background:#fff; border:1px solid var(--k-line);
  border-radius:8px; color:var(--k-muted); text-decoration:none; font-size:14px; }
body.bonito .bonito-pagination li.active a,body.bonito .bonito-pagination li.active span,
body.bonito .mip-page-pagination li.active a{ background:var(--k-primary); border-color:var(--k-primary); color:#fff; }
body.bonito .bonito-pagination li a:hover{ border-color:var(--k-primary); color:var(--k-primary); }

/* footer-10：照片底 + rgba(0,0,0,.86) 黑罩（有效底色近黑），白字与高亮色由 palette 校验 */
body.bonito #footer-10 a:hover{ color:#fff !important; }
body.bonito #footer-10 .text-warning{ color:var(--k-hero-hl) !important; }
body.bonito #footer-10 h6{ color:#fff; }

/* ============================================================
   文章正文排版（复刻模版2 的富正文：figure.art-lead + h2/h3 + ul/table）
   ============================================================ */
body.bonito .article-body{ color:var(--k-ink); font-size:16px; line-height:1.9; }
body.bonito .article-body p{ margin:0 0 1.1rem; }
body.bonito .article-body h2{ font-size:22px; font-weight:800; color:var(--k-ink); margin:1.8rem 0 1rem; padding-left:12px; border-left:4px solid var(--k-primary); line-height:1.4; }
body.bonito .article-body h3{ font-size:19px; font-weight:700; color:var(--k-ink); margin:1.5rem 0 .8rem; }
body.bonito .article-body strong{ color:var(--k-primary); font-weight:700; }
body.bonito .article-body ul,body.bonito .article-body ol{ margin:0 0 1.2rem; padding-left:1.3rem; }
body.bonito .article-body li{ margin-bottom:.5rem; }
body.bonito .article-body img{ max-width:100%; height:auto; border-radius:12px; box-shadow:0 2px 10px rgba(0,0,0,.08); }
body.bonito .article-body figure.art-lead{ margin:1.6rem 0; }
body.bonito .article-body figure.art-lead img{ width:100%; border-radius:12px; }
body.bonito .article-body figure.art-lead figcaption{ text-align:center; color:var(--k-muted); font-size:13px; margin-top:8px; }
body.bonito .article-body blockquote{ background:var(--k-tint); border-left:4px solid var(--k-primary); padding:14px 18px; margin:1.4rem 0; color:var(--k-muted); border-radius:0 8px 8px 0; }
body.bonito .article-body table{ width:100%; border-collapse:collapse; margin:1.2rem 0; }
body.bonito .article-body th,body.bonito .article-body td{ border:1px solid var(--k-line); padding:8px 10px; font-size:14px; color:var(--k-ink); }
body.bonito .article-body th{ background:var(--k-tint); }

/* ============================================================
   响应式修正（手机端：吸顶导航折叠底、专区堆叠、时间轴单列、CTA 不隐藏）
   ============================================================ */
@media (max-width:991px){
  body.bonito #header-6 .navbar-collapse{ background:rgba(0,0,0,.16); border-radius:10px; padding:10px 14px; margin-top:10px; }
  body.bonito #departments-11 .tab-inner{ flex-direction:column; padding:24px; gap:20px; text-align:center; }
  body.bonito #departments-11 .tab-image,body.bonito #departments-11 .tab-image img{ flex:0 0 auto; width:100%; height:200px; }
  body.bonito #departments-11 .tab-nav{ justify-content:flex-start; overflow-x:auto; flex-wrap:nowrap; -webkit-overflow-scrolling:touch; padding-bottom:6px; }
  body.bonito #departments-11 .tab-btn{ white-space:nowrap; flex:0 0 auto; }
  body.bonito .hero6-card{ padding:26px 18px; }
  body.bonito #hero-6 h1{ font-size:24px; }
  body.bonito #hero-6 .hero6-image-wrapper img{ max-height:180px; }
  body.bonito #article-8 .row.gx-5{ --bs-gutter-x:1.5rem; }
}
@media (max-width:575px){
  body.bonito #departments-11 .dept11-header{ flex-direction:column; align-items:flex-start; }
  body.bonito #stats-6 .bonito-stats-num{ font-size:19px; }
  body.bonito #article-8 .row.gx-5 > div{ padding-left:12px; padding-right:12px; }
  body.bonito .bonito-totop{ right:14px; bottom:16px; }
}