/* ============================================================
   DUGOUT · 高端足球赛事资讯模板样式层（叠加于 mipcms.css + module.css 之上）
   基于【模版1】(stadium) 的架构与整体气质：同样的骨架与阅读节奏，配色与版式全部重做并加倍多变：
     - 10 套配色 theme-1~10（含 3 套深底控制台风）
     - 6 种首页版式 layout-1~6（首屏形态 + section 组合与顺序不同）
     - 3 套卡片皮肤 style-1~3（圆角/投影/间距节奏不同，由配色派生）
     - 深色/浅色头部 head-dark / head-light
     - 新增模块：即时战报(dgticker) / 焦点看板(dgscores) / APP 好评下载(dgapp) / 联赛速览(dgleagues)
                 精选球星(dgstars) / 六榜矩阵(dgboard) / 赛场图集(dggallery) / 话题标签云(dgtags)
                 赛程时间轴(dgtimeline) / 球迷投票(dgpoll) / 品牌宣言(dgmanifesto) / 常见问题(dgfaq)
   配色·版式·头部由 main.html 变体引擎按域名分配；同一套模板在 22 站呈现不同外观。
   加载顺序：mipcms → dugout(本文件) → module，故本文件一律用 body.dg + #id 抬优先级。
   颜色一律走 CSS 变量，禁止在模板里内联写死主题色。
   ============================================================ */

/* ---------- 默认变量（未登记域名回落） ---------- */
body.dg {
  --brand:#0f9d6a; --brand-2:#0a5f42; --accent:#f2b134; --glow:#35d6a0;
  --bg:#f4f7f6; --card:#fff; --text:#16231f; --muted:#5f736d; --line:#dcebe4;
  --dg-head:#10231c; --dg-head-txt:#eef5ef; --dg-surface:#eaf3ee;
  --dg-radius:18px; --dg-shadow:0 14px 34px rgba(16,24,40,.10); --dg-gap:56px;
}

/* ---------- 10 套配色 ---------- */
body.dg.theme-1  { --brand:#0f9d6a; --brand-2:#0a5f42; --accent:#f2b134; --glow:#35d6a0; --bg:#f1f9f5; --card:#fff; --text:#14231f; --muted:#5f736d; --line:#d9ece5; --dg-head:#10231c; --dg-surface:#e6f4ed; }
body.dg.theme-2  { --brand:#2563eb; --brand-2:#14337d; --accent:#f5a623; --glow:#60a5fa; --bg:#eff3fd; --card:#fff; --text:#17203a; --muted:#64748b; --line:#dfe8f7; --dg-head:#101a30; --dg-surface:#e6eefc; }
body.dg.theme-3  { --brand:#dc2645; --brand-2:#8f1230; --accent:#fbbf24; --glow:#ff6b81; --bg:#fdeeef; --card:#fff; --text:#2a1418; --muted:#8a6a70; --line:#f6dde1; --dg-head:#2b1216; --dg-surface:#fbe4e7; }
body.dg.theme-4  { --brand:#7c4ddb; --brand-2:#47259a; --accent:#ff7aa8; --glow:#a78bfa; --bg:#f4f1fe; --card:#fff; --text:#241a33; --muted:#6f6790; --line:#e6e0f7; --dg-head:#1c1430; --dg-surface:#ece7fc; }
body.dg.theme-5  { --brand:#0aa2c0; --brand-2:#0a5f73; --accent:#f7941e; --glow:#2dd4bf; --bg:#ebf7fa; --card:#fff; --text:#10272d; --muted:#5c7a82; --line:#d6edf2; --dg-head:#0c2129; --dg-surface:#dff0f5; }
body.dg.theme-6  { --brand:#38bdf8; --brand-2:#0369a1; --accent:#fbbf24; --glow:#7dd3fc; --bg:#10151b; --card:#171f28; --text:#e8eef4; --muted:#94a6b8; --line:#24303d; --dg-head:#0b0f14; --dg-surface:#1b2530; }
body.dg.theme-7  { --brand:#ea6a1e; --brand-2:#a2420f; --accent:#f7c948; --glow:#fb923c; --bg:#fdf3ea; --card:#fff; --text:#2c1a12; --muted:#8a7162; --line:#f4e3d6; --dg-head:#2a160e; --dg-surface:#f9e8d8; }
body.dg.theme-8  { --brand:#db2f82; --brand-2:#8a1a53; --accent:#f5b301; --glow:#f472b6; --bg:#fbeff5; --card:#fff; --text:#2a1420; --muted:#8a6478; --line:#f6dae6; --dg-head:#2a1020; --dg-surface:#f7e2ee; }
body.dg.theme-9  { --brand:#6366f1; --brand-2:#312e81; --accent:#22d3ee; --glow:#818cf8; --bg:#0d1526; --card:#151f34; --text:#e7eefb; --muted:#93a4c2; --line:#22304b; --dg-head:#090f1d; --dg-surface:#1a2640; }
body.dg.theme-10 { --brand:#22c55e; --brand-2:#14532d; --accent:#eab308; --glow:#4ade80; --bg:#101a16; --card:#17241e; --text:#eaf3ee; --muted:#93aa9f; --line:#23342b; --dg-head:#0a120f; --dg-surface:#1d2c25; }

/* ---------- 3 套卡片皮肤（由配色派生，改变圆角/投影/留白节奏） ---------- */
body.dg.style-1 { --dg-radius:20px; --dg-shadow:0 16px 36px rgba(16,24,40,.12); --dg-gap:60px; }
body.dg.style-2 { --dg-radius:10px; --dg-shadow:0 2px 0 rgba(0,0,0,0); --dg-gap:48px; }
body.dg.style-3 { --dg-radius:28px; --dg-shadow:0 22px 48px rgba(16,24,40,.16); --dg-gap:64px; }
body.dg.style-2 .dg-score-card, body.dg.style-2 .dg-star-card, body.dg.style-2 .dg-board, body.dg.style-2 .dg-fixtures,
body.dg.style-2 .dg-mini-card, body.dg.style-2 .dg-poll, body.dg.style-2 .mip-box { box-shadow:none !important; border:1px solid var(--line) !important; }
body.dg.style-3 .news3-card, body.dg.style-3 .dg-score-card, body.dg.style-3 .dg-star-card { border-radius:var(--dg-radius); }

/* ---------- 基础 ---------- */
body.dg { background:var(--bg); color:var(--text); font-family:"PingFang SC","Microsoft YaHei","Segoe UI",Roboto,"Helvetica Neue",sans-serif; }
body.dg a { color:var(--text); text-decoration:none; }
body.dg a:hover { color:var(--brand); }
body.dg .dg-accent-bar { height:3px; background:linear-gradient(90deg,var(--brand),var(--glow),var(--accent)); }
body.dg .dg-muted { color:var(--muted); }
body.dg .dg-ic { color:var(--brand); margin-right:6px; }
body.dg .dg-ic-accent { color:var(--accent); margin-right:6px; }
body.dg .dg-round { border-radius:var(--dg-radius); box-shadow:var(--dg-shadow); }
body.dg .dg-shadow { box-shadow:var(--dg-shadow); }
body.dg mark.dg-brand { background:transparent; color:inherit; padding:0; border-radius:0; font-weight:inherit; }
body.dg .mipcms-main { margin-top:0; }
html { scroll-behavior:smooth; scroll-padding-top:96px; }
@media (max-width:991px){ html{ scroll-padding-top:78px; } }
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }

/* ---------- 区块容器与标题 ---------- */
body.dg .dg-sec { padding:var(--dg-gap) 0; background:var(--bg); }
body.dg .dg-sec-alt { background:var(--dg-surface); }
body.dg .dg-sec-dark { background:linear-gradient(135deg,var(--dg-head),var(--brand-2) 78%); color:#fff; }
body.dg .dg-sec-dark h2 { color:#fff; }
body.dg .dg-sec-head { text-align:center; margin-bottom:34px; }
body.dg .dg-eyebrow { display:inline-block; font-size:12px; font-weight:800; letter-spacing:2px; color:var(--brand); text-transform:uppercase; background:rgba(0,0,0,.03); border:1px solid var(--line); border-radius:999px; padding:5px 14px; margin-bottom:12px; }
body.dg .dg-eyebrow-dark { color:#fff; background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.26); }
body.dg .dg-sec-head h2 { font-weight:900; font-size:clamp(22px,3.2vw,30px); color:var(--text); margin:0 0 10px; }
body.dg .dg-sec-head h2 i { color:var(--brand); margin-right:8px; }
body.dg .dg-sec-head p { color:var(--muted); max-width:740px; margin:0 auto; line-height:1.75; }
body.dg .dg-sec-dark .dg-sec-head p, body.dg .dg-sec-sub-dark { color:rgba(255,255,255,.86); }

/* ---------- 顶栏 ---------- */
body.dg #dg-header { position:sticky; top:0; z-index:1030; background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 46%), var(--dg-head);
  backdrop-filter:saturate(1.25) blur(9px); -webkit-backdrop-filter:saturate(1.25) blur(9px); box-shadow:0 1px 0 rgba(255,255,255,.05); transition:box-shadow .25s ease; }
body.dg #dg-header::after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:linear-gradient(90deg,var(--brand),var(--glow),var(--accent)); opacity:.6; }
body.dg #dg-header.dg-scrolled { box-shadow:0 12px 32px rgba(0,0,0,.30); }
body.dg #dg-header .navbar { min-height:70px; padding-top:.15rem; padding-bottom:.15rem; }
body.dg #dg-header .navbar-brand { flex:0 1 auto; min-width:0; }
body.dg #dg-header .navbar-nav .nav-link { color:rgba(238,245,239,.9); font-weight:600; font-size:15px; padding:.5rem .8rem; border-radius:10px; position:relative; white-space:nowrap; transition:color .18s, background .18s; }
body.dg #dg-header .navbar-nav .nav-link:hover { color:#fff; background:rgba(255,255,255,.09); }
body.dg #dg-header .navbar-nav .nav-link.active { color:#fff; }
body.dg #dg-header .navbar-nav .nav-link.active::after { content:""; position:absolute; left:.8rem; right:.8rem; bottom:3px; height:2px; border-radius:2px; background:linear-gradient(90deg,var(--brand),var(--accent)); }
/* logo + 文字标（真实字体渲染中文，绝不用图像模型画字） */
body.dg #dg-header .navbar-brand .dg-logo { height:48px; width:auto; max-width:190px; border-radius:12px; background:transparent;
  box-shadow:0 6px 18px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.16); transition:transform .2s ease, box-shadow .2s ease; }
body.dg #dg-header .navbar-brand:hover .dg-logo { transform:translateY(-1px) scale(1.03); box-shadow:0 10px 24px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.24); }
body.dg #dg-header .navbar-brand .dg-brandmeta { margin-left:10px; line-height:1.15; }
body.dg #dg-header .dg-wordmark { font-size:18px; font-weight:800; letter-spacing:.3px; color:var(--dg-head-txt); white-space:nowrap; }
body.dg #dg-header .dg-wordmark .dg-brand { background:linear-gradient(90deg,#ffffff, var(--glow)); -webkit-background-clip:text; background-clip:text; color:transparent; }
body.dg .dg-official { display:inline-flex; align-items:center; gap:5px; font-style:normal; font-size:11.5px; font-weight:800; letter-spacing:.5px; color:#fff;
  background:linear-gradient(135deg,var(--brand-2),var(--dg-head)); border-radius:7px; padding:2px 8px; margin-top:2px; box-shadow:0 4px 12px rgba(0,0,0,.22); width:max-content; }
body.dg #dg-header .dg-official i { font-size:11px; color:var(--glow); }
body.dg .dg-cta { background:linear-gradient(135deg,var(--brand-2),var(--dg-head)); color:#fff; border:0; border-radius:999px; padding:.5rem 1.1rem; font-weight:800; white-space:nowrap;
  box-shadow:0 8px 22px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.08); position:relative; overflow:hidden; transition:transform .18s, filter .18s, box-shadow .18s; }
body.dg .dg-cta::before { content:""; position:absolute; top:0; left:-60%; width:40%; height:100%; background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent); transform:skewX(-20deg); transition:left .55s ease; }
body.dg .dg-cta:hover { color:#fff; transform:translateY(-2px); filter:brightness(1.08); box-shadow:0 12px 28px rgba(0,0,0,.34); }
body.dg .dg-cta:hover::before { left:135%; }
body.dg #dg-header .dg-search { align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; color:rgba(238,245,239,.92); border:1px solid rgba(255,255,255,.16); margin-right:10px; transition:.18s; }
body.dg #dg-header .dg-search:hover { color:#fff; background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.32); }
/* 顶部信息条 */
body.dg #dg-header .dg-topbar { background:linear-gradient(90deg, rgba(0,0,0,.30), rgba(0,0,0,.10)); border-bottom:1px solid rgba(255,255,255,.08); font-size:12.5px; }
body.dg #dg-header .dg-topbar .container { padding-top:7px; padding-bottom:7px; }
body.dg #dg-header .dg-topbar-tag { color:rgba(238,245,239,.82); letter-spacing:.2px; }
body.dg #dg-header .dg-topbar-tag i { color:var(--accent); margin-right:7px; }
body.dg #dg-header .dg-topbar-links { display:inline-flex; gap:18px; }
body.dg #dg-header .dg-topbar-links a { color:rgba(238,245,239,.82); transition:color .18s; }
body.dg #dg-header .dg-topbar-links a:hover { color:#fff; }
body.dg #dg-header .dg-topbar-links a i { margin-right:5px; color:var(--glow); }
/* 浅色头部 */
body.dg.head-light #dg-header { background:linear-gradient(180deg,#ffffff,#f5f8fb); backdrop-filter:none; -webkit-backdrop-filter:none; border-bottom:1px solid var(--line); box-shadow:0 1px 12px rgba(0,0,0,.06); }
body.dg.head-light #dg-header::after { opacity:.9; }
body.dg.head-light #dg-header .navbar-nav .nav-link { color:#3a4453; }
body.dg.head-light #dg-header .navbar-nav .nav-link:hover { color:var(--brand); background:rgba(20,30,60,.05); }
body.dg.head-light #dg-header .dg-wordmark { color:var(--brand-2); }
body.dg.head-light #dg-header .dg-wordmark .dg-brand { background:linear-gradient(90deg,var(--brand),var(--brand-2)); -webkit-background-clip:text; background-clip:text; color:transparent; }
body.dg.head-light #dg-header .navbar-brand .dg-logo { box-shadow:0 6px 16px rgba(16,24,40,.16), 0 0 0 1px rgba(16,24,40,.06); }
body.dg.head-light #dg-header .dg-search { color:#3a4453; border-color:var(--line); }
body.dg.head-light #dg-header .dg-topbar { background:linear-gradient(90deg, var(--brand-2), var(--brand)); border-bottom:0; }
body.dg.head-light #dg-header .dg-topbar-tag, body.dg.head-light #dg-header .dg-topbar-links a { color:rgba(255,255,255,.94); }
body.dg.head-light #dg-header .dg-topbar-links a i, body.dg.head-light #dg-header .dg-topbar-tag i { color:#fff; }
/* 汉堡按钮可见性（深色头白色描边 / 浅色头深色描边） */
body.dg #dg-header .navbar-toggler { border:1px solid rgba(255,255,255,.42); border-radius:9px; padding:.32rem .55rem; background:transparent; }
body.dg #dg-header .navbar-toggler:focus { box-shadow:0 0 0 .16rem rgba(255,255,255,.28); outline:none; }
body.dg #dg-header .navbar-toggler-icon { width:22px; height:22px; vertical-align:middle;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.95%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
body.dg.head-light #dg-header .navbar-toggler { border-color:rgba(18,26,38,.2); }
body.dg.head-light #dg-header .navbar-toggler:focus { box-shadow:0 0 0 .16rem rgba(18,26,38,.14); }
body.dg.head-light #dg-header .navbar-toggler-icon { 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"); }
@media (min-width:992px){ body.dg #dg-header .navbar { flex-wrap:nowrap; } body.dg #dg-header .navbar > .container { flex-wrap:nowrap; } body.dg #dg-header .navbar-collapse{ min-width:0; } }
@media (max-width:991px){ body.dg #dg-header .navbar { min-height:62px; } body.dg #dg-header .navbar-nav .nav-link{ white-space:normal; }
  body.dg #dg-header .dg-mnav { background:var(--dg-head); border-radius:12px; padding:.5rem .75rem; margin-top:.5rem; order:3; flex-basis:100%; }
  body.dg #dg-header .dg-actions { order:2; margin-left:auto; }
  body.dg #dg-header .navbar-brand { order:1; }
  body.dg.head-light #dg-header .dg-mnav { background:var(--card); border:1px solid var(--line); } }
@media (min-width:992px) and (max-width:1199px){ body.dg #dg-header .dg-wordmark{ font-size:15px; } body.dg #dg-header .navbar-nav .nav-link{ padding:.4rem .5rem; font-size:13.5px; } }
@media (max-width:575.98px){
  body.dg #dg-header .navbar { min-height:58px; }
  body.dg #dg-header .navbar-brand .dg-logo { height:40px; border-radius:10px; }
  body.dg #dg-header .dg-wordmark { font-size:16px; }
  body.dg #dg-header .dg-official { font-size:10.5px; padding:2px 6px; }
  body.dg .dg-cta { padding:.36rem .72rem; font-size:.82rem; }
  body.dg .dg-cta i { font-size:.85rem; }
}

/* ---------- 首屏 hero ---------- */
body.dg #hero-5 { background:radial-gradient(120% 120% at 12% 0%, var(--dg-surface), var(--card) 62%); color:var(--text); padding:56px 0; }
body.dg #hero-5 h1 { font-weight:900; font-size:clamp(26px,4.2vw,42px); color:var(--text); line-height:1.35; }
body.dg #hero-5 p { color:var(--muted); line-height:1.85; }
body.dg .dg-badge { display:inline-flex; align-items:center; gap:.4rem; background:var(--card); border:1px solid var(--line); border-radius:999px; padding:.4rem .9rem; font-size:.86rem; font-weight:700; color:var(--brand-2); box-shadow:0 6px 16px rgba(16,24,40,.06); }
body.dg .dg-badge i { color:var(--accent); }
body.dg .dg-badge-glass { background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.32); color:#fff; }
body.dg .dg-badge-glass i { color:var(--accent); }
body.dg .dg-btn { display:inline-flex; align-items:center; gap:.5rem; border-radius:999px; padding:.62rem 1.4rem; font-weight:800; transition:.2s; }
body.dg .dg-btn-primary { background:linear-gradient(135deg,var(--brand-2),var(--dg-head)); color:#fff; box-shadow:0 10px 24px rgba(0,0,0,.16); }
body.dg .dg-btn-primary:hover { color:#fff; filter:brightness(1.08); transform:translateY(-1px); }
body.dg .dg-btn-ghost { background:var(--card); color:var(--brand-2); border:2px solid var(--brand); }
body.dg .dg-btn-ghost:hover { background:var(--brand); color:#fff; }
body.dg .dg-btn-light { background:#fff; color:var(--brand-2); border:2px solid #fff; }
body.dg .dg-btn-light:hover { background:transparent; color:#fff; border-color:#fff; }
body.dg .dg-hero-img { border-radius:var(--dg-radius); box-shadow:var(--dg-shadow); max-height:420px; width:100%; object-fit:cover; }
body.dg .dg-checks { display:flex; flex-wrap:wrap; gap:14px; font-size:.9rem; font-weight:600; color:var(--muted); }
body.dg .dg-checks li i { color:var(--brand); margin-right:6px; }
body.dg .dg-kpi-row { display:flex; flex-wrap:wrap; gap:22px; }
body.dg .dg-kpi { border-left:3px solid var(--accent); padding-left:.7rem; text-align:left; }
body.dg .dg-kpi strong { display:block; font-size:1.4rem; line-height:1.2; color:var(--brand); }
body.dg .dg-kpi span { color:var(--muted); font-size:.82rem; }
body.dg .dg-herofeat { display:flex; flex-wrap:wrap; justify-content:center; gap:18px; font-size:.9rem; font-weight:700; color:var(--muted); }
body.dg .dg-herofeat li i { color:var(--brand); margin-right:6px; }
body.dg .dg-hotsearch { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
body.dg .dg-hotsearch-label { font-size:12.5px; font-weight:800; color:var(--muted); letter-spacing:1px; }
body.dg .dg-hotsearch-label i { color:var(--brand); margin-right:5px; }
body.dg .dg-chip { display:inline-flex; align-items:center; gap:4px; background:var(--card); border:1px solid var(--line); color:var(--text); border-radius:999px; padding:4px 13px; font-size:12.5px; font-weight:700; transition:.15s; }
body.dg .dg-chip:hover { background:var(--brand); color:#fff; border-color:var(--brand); }
body.dg .dg-chip-ghost { border-style:dashed; color:var(--brand-2); }
/* 形态 D：今日头条榜卡片 */
body.dg .dg-headline-card { background:var(--card); border:1px solid var(--line); border-radius:var(--dg-radius); box-shadow:var(--dg-shadow); overflow:hidden; }
body.dg .dg-headline-head { display:flex; align-items:center; justify-content:space-between; background:linear-gradient(90deg,var(--brand),var(--brand-2)); color:#fff; font-weight:800; padding:12px 16px; font-size:15px; }
body.dg .dg-headline-head i { margin-right:6px; color:var(--accent); }
body.dg .dg-headline-head a { color:#fff; font-size:12.5px; font-weight:700; opacity:.92; }
body.dg .dg-headline-list { list-style:none; margin:0; padding:8px 16px 12px; }
body.dg .dg-headline-list li { display:flex; align-items:flex-start; gap:10px; padding:8px 0; border-bottom:1px dashed var(--line); font-size:14px; }
body.dg .dg-headline-list li:last-child { border-bottom:0; }
body.dg .dg-headline-list .idx { flex:0 0 auto; width:22px; height:22px; line-height:22px; text-align:center; border-radius:6px; background:var(--dg-surface); color:var(--brand-2); font-weight:800; font-size:12px; }
body.dg .dg-headline-list li:nth-child(-n+3) .idx { background:var(--brand); color:#fff; }
body.dg .dg-headline-list a { display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; flex:1 1 auto; min-width:0; }
body.dg .dg-headline-list .views { flex:0 0 auto; font-style:normal; font-size:12px; color:var(--muted); }
body.dg .dg-headline-foot img { width:100%; height:150px; object-fit:cover; display:block; }

/* ---------- 即时战报条 ---------- */
body.dg #dgticker { display:flex; align-items:stretch; background:linear-gradient(90deg,var(--dg-head),var(--brand-2)); color:#fff; overflow:hidden; }
body.dg .dg-ticker-label { flex:0 0 auto; display:flex; align-items:center; gap:8px; padding:12px 18px; background:var(--accent); color:#231a06; font-weight:900; font-size:14px; }
body.dg .dg-ticker-view { flex:1 1 auto; min-width:0; overflow:hidden; position:relative; }
body.dg .dg-ticker-track { display:flex; gap:34px; white-space:nowrap; padding:12px 18px; animation:dgTicker 46s linear infinite; width:max-content; }
body.dg .dg-ticker-track:hover { animation-play-state:paused; }
body.dg .dg-ticker-item { display:inline-flex; align-items:center; gap:8px; color:rgba(255,255,255,.92); font-size:14px; }
body.dg .dg-ticker-item:hover { color:#fff; }
body.dg .dg-ticker-item time { font-size:12px; color:var(--glow); font-weight:700; }
body.dg .dg-ticker-item i { font-size:11px; opacity:.7; }
body.dg .dg-ticker-more { flex:0 0 auto; display:flex; align-items:center; padding:0 14px; background:rgba(0,0,0,.22); }
body.dg .dg-ticker-more a { color:#fff; font-size:16px; }
@keyframes dgTicker { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@media (max-width:575px){ body.dg .dg-ticker-label { padding:10px 12px; font-size:12.5px; } body.dg .dg-ticker-track { animation-duration:38s; } }

/* ---------- 焦点之战看板 ---------- */
body.dg .dg-score-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
body.dg .dg-score-card { display:block; background:var(--card); border:1px solid var(--line); border-radius:var(--dg-radius); overflow:hidden; box-shadow:var(--dg-shadow); transition:transform .18s, box-shadow .18s; }
body.dg .dg-score-card:hover { transform:translateY(-4px); box-shadow:0 18px 38px rgba(16,24,40,.18); }
body.dg .dg-score-media { position:relative; aspect-ratio:16/9; overflow:hidden; background:var(--dg-surface); }
body.dg .dg-score-media img { width:100%; height:100%; object-fit:cover; display:block; }
body.dg .dg-score-time { position:absolute; left:10px; top:10px; background:rgba(10,16,14,.72); color:#fff; font-size:11.5px; font-weight:700; border-radius:999px; padding:3px 10px; }
body.dg .dg-score-body { padding:14px 16px 16px; }
body.dg .dg-score-body h4 { font-size:15.5px; font-weight:800; margin:0 0 10px; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.dg .dg-heat { height:6px; border-radius:999px; background:var(--dg-surface); overflow:hidden; margin-bottom:10px; }
body.dg .dg-heat-fill { display:block; height:100%; background:linear-gradient(90deg,var(--brand),var(--accent)); border-radius:999px; }
body.dg .dg-score-meta { display:flex; justify-content:space-between; align-items:center; font-size:12.5px; }
body.dg .dg-score-meta .muted { color:var(--muted); }
body.dg .dg-score-meta .more { color:var(--brand); font-weight:800; }
body.dg .dg-fixtures { background:var(--card); border:1px solid var(--line); border-radius:var(--dg-radius); box-shadow:var(--dg-shadow); padding:6px 0 14px; height:100%; }
body.dg .dg-fixtures-head { font-weight:900; padding:14px 18px; border-bottom:1px solid var(--line); color:var(--text); }
body.dg .dg-fixtures-head i { color:var(--brand); margin-right:8px; }
body.dg .dg-fixtures li a { display:flex; gap:12px; align-items:center; padding:12px 18px; border-bottom:1px dashed var(--line); }
body.dg .dg-fixtures li:last-child a { border-bottom:0; }
body.dg .dg-fx-date { flex:0 0 62px; font-size:12px; font-weight:800; color:var(--brand); text-align:center; background:var(--dg-surface); border-radius:8px; padding:5px 0; }
body.dg .dg-fx-main { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; }
body.dg .dg-fx-main em { font-style:normal; font-size:11.5px; color:var(--muted); }
body.dg .dg-fx-main strong { font-size:14px; font-weight:800; line-height:1.4; }
body.dg .dg-fx-main small { color:var(--muted); font-size:11.5px; }
body.dg .dg-fx-main small i { color:var(--brand); margin-right:4px; }
body.dg .dg-fx-go { flex:0 0 auto; color:var(--muted); }
body.dg .dg-fx-note { font-size:11.5px; color:var(--muted); padding:12px 18px 0; margin:0; }
body.dg .dg-fx-note i { color:var(--accent); margin-right:5px; }
@media (max-width:575px){ body.dg .dg-score-grid { grid-template-columns:minmax(0,1fr); } }


/* ---------- APP 好评 & 下载 ---------- */
body.dg #dgapp { padding:64px 0; background:linear-gradient(135deg,var(--brand-2),var(--dg-head) 74%); color:#fff; position:relative; overflow:hidden; }
body.dg #dgapp::before { content:""; position:absolute; right:-90px; top:-90px; width:340px; height:340px; background:radial-gradient(circle,var(--glow),transparent 70%); opacity:.32; }
body.dg #dgapp .dg-app-copy { position:relative; z-index:1; }
body.dg #dgapp .dg-app-copy h2 { font-weight:900; font-size:clamp(22px,3vw,32px); margin-bottom:14px; color:#fff; }
body.dg #dgapp .dg-app-copy p { color:rgba(255,255,255,.88); line-height:1.85; margin-bottom:20px; }
body.dg #dgapp .dg-score-big { display:flex; align-items:flex-start; gap:18px; margin-bottom:20px; }
body.dg #dgapp .dg-score-big .num { font-size:46px; font-weight:900; line-height:1; }
body.dg #dgapp .dg-score-big .meta small { display:block; color:rgba(255,255,255,.82); font-size:.82rem; margin-top:4px; }
body.dg #dgapp .dg-dist { margin-top:10px; max-width:280px; }
body.dg #dgapp .dg-dist-row { display:flex; align-items:center; gap:8px; font-size:11.5px; color:rgba(255,255,255,.86); margin-bottom:4px; }
body.dg #dgapp .dg-dist-row span { flex:0 0 38px; }
body.dg #dgapp .dg-dist-row em { flex:0 0 28px; text-align:right; font-style:normal; }
body.dg #dgapp .dg-dist-bar { flex:1 1 auto; height:6px; border-radius:999px; background:rgba(255,255,255,.2); overflow:hidden; display:block; }
body.dg #dgapp .dg-dist-bar b { display:block; height:100%; background:var(--accent); border-radius:999px; }
body.dg #dgapp .dg-badges { display:flex; flex-wrap:wrap; gap:12px; }
body.dg #dgapp .dg-badge-store { display:inline-flex; align-items:center; gap:.6rem; background:#fff; color:#111; border-radius:12px; padding:.6rem 1.1rem; font-weight:800; box-shadow:0 10px 24px rgba(0,0,0,.25); transition:.18s; }
body.dg #dgapp .dg-badge-store:hover { transform:translateY(-2px); color:#111; }
body.dg #dgapp .dg-badge-store small { display:block; font-weight:600; font-size:.66rem; color:#666; line-height:1; margin-bottom:2px; }
body.dg #dgapp .dg-badge-store i { font-size:1.5rem; color:var(--brand); }
body.dg #dgapp .dg-badge-store-ghost { background:transparent; color:#fff; border:1px solid rgba(255,255,255,.5); }
body.dg #dgapp .dg-badge-store-ghost:hover { color:#fff; }
body.dg #dgapp .dg-badge-store-ghost small { color:rgba(255,255,255,.72); }
body.dg #dgapp .dg-badge-store-ghost i { color:#fff; }
body.dg #dgapp .dg-app-version { font-size:12px; color:rgba(255,255,255,.72); margin-top:14px; }
body.dg #dgapp .dg-app-version i { margin-right:6px; color:var(--accent); }
body.dg #dgapp .dg-phone { position:relative; z-index:1; }
body.dg #dgapp .dg-phone-img { max-height:340px; width:100%; object-fit:cover; border:6px solid rgba(255,255,255,.16); border-radius:22px; box-shadow:0 18px 40px rgba(0,0,0,.34); }
body.dg #dgapp .dg-app-review { position:relative; z-index:1; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.2); border-radius:14px; padding:12px 14px; margin-bottom:10px; }
body.dg #dgapp .dg-app-review .r-title { display:flex; align-items:center; gap:8px; font-weight:800; margin-bottom:4px; font-size:14px; }
body.dg #dgapp .dg-app-review .r-sub { color:rgba(255,255,255,.78); font-size:.82rem; }
body.dg #dgapp .dg-app-review p.r-sub { line-height:1.6; }
body.dg #dgapp .dg-app-feats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; position:relative; z-index:1; }
body.dg #dgapp .dg-app-feat { display:flex; gap:10px; align-items:flex-start; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); border-radius:12px; padding:10px 12px; }
body.dg #dgapp .dg-app-feat i { color:var(--accent); font-size:17px; margin-top:3px; }
body.dg #dgapp .dg-app-feat strong { display:block; font-size:13.5px; }
body.dg #dgapp .dg-app-feat span { display:block; font-size:12px; color:rgba(255,255,255,.78); line-height:1.55; }
body.dg #dgapp .dg-stars { color:var(--accent); }

/* ---------- stats-5 数据带 ---------- */
body.dg #stats-5 { background:linear-gradient(135deg,var(--brand-2),var(--brand)); }
body.dg #stats-5 h2 { color:#fff; }
body.dg #stats-5 h2 i { color:var(--accent); margin-right:8px; }
body.dg #stats-5 .dg-stats-sub { color:rgba(255,255,255,.86); }
body.dg #stats-5 .stats5-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
body.dg #stats-5 .stats5-item { background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.2); border-radius:16px; }
body.dg #stats-5 .stats5-item h5 { color:#fff; }
body.dg #stats-5 .stats5-item p { color:#fff; }
body.dg #stats-5 .stats5-item small { color:rgba(255,255,255,.8); }
body.dg #stats-5 .dg-ic-1 { color:#a7f3d0 !important; }
body.dg #stats-5 .dg-ic-2 { color:#fde68a !important; }
body.dg #stats-5 .dg-ic-3 { color:#bfdbfe !important; }
body.dg #stats-5 .dg-ic-4 { color:#fecdd3 !important; }
body.dg #stats-5 .dg-ic-5 { color:#fff !important; }
@media (max-width:991px){ body.dg #stats-5 .stats5-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* ---------- 联赛速览 tabs ---------- */
body.dg .dg-tabs-wrap { background:var(--card); border:1px solid var(--line); border-radius:var(--dg-radius); box-shadow:var(--dg-shadow); padding:10px 14px 18px; }
body.dg .dg-tabs { border-bottom:1px solid var(--line); gap:4px; flex-wrap:wrap; }
body.dg .dg-tabs .nav-link { color:var(--muted); font-weight:700; font-size:14.5px; border:0; border-bottom:2px solid transparent; padding:.55rem .9rem; background:transparent; }
body.dg .dg-tabs .nav-link i { color:var(--brand); margin-right:6px; }
body.dg .dg-tabs .nav-link:hover { color:var(--brand); border-color:var(--brand); background:transparent; }
body.dg .dg-tabs .nav-link.active { color:var(--brand-2); background:var(--dg-surface); border-radius:10px 10px 0 0; border-bottom:2px solid var(--brand); }
body.dg .dg-tab-content { padding-top:16px; }
body.dg .dg-mini-card { display:flex; gap:12px; align-items:center; background:var(--bg); border:1px solid var(--line); border-radius:14px; padding:10px; height:100%; transition:transform .16s, box-shadow .16s; }
body.dg .dg-mini-card:hover { transform:translateY(-2px); box-shadow:0 10px 22px rgba(16,24,40,.10); }
body.dg .dg-mini-thumb { flex:0 0 92px; height:68px; border-radius:10px; overflow:hidden; background:var(--dg-surface); }
body.dg .dg-mini-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
body.dg .dg-mini-body { min-width:0; flex:1 1 auto; display:flex; flex-direction:column; gap:4px; }
body.dg .dg-mini-body strong { font-size:14px; font-weight:800; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.dg .dg-mini-body em { font-style:normal; font-size:11.5px; color:var(--muted); }
body.dg .dg-mini-body em i { margin-right:4px; }
body.dg .dg-tabs-more { display:inline-block; margin-top:14px; font-size:13px; font-weight:800; color:var(--brand); }

/* ---------- 精选球星卡 ---------- */
body.dg .dg-star-card { display:block; background:var(--card); border:1px solid var(--line); border-radius:var(--dg-radius); overflow:hidden; height:100%; box-shadow:var(--dg-shadow); transition:transform .18s, box-shadow .18s; }
body.dg .dg-star-card:hover { transform:translateY(-4px); box-shadow:0 18px 36px rgba(16,24,40,.16); }
body.dg .dg-star-media { position:relative; aspect-ratio:4/3; overflow:hidden; background:var(--dg-head); display:block; }
body.dg .dg-star-media img { width:100%; height:100%; object-fit:cover; display:block; }
body.dg .dg-star-tag { position:absolute; left:12px; top:12px; background:rgba(10,16,14,.72); color:#fff; font-size:.72rem; font-weight:800; border-radius:999px; padding:3px 10px; }
body.dg .dg-star-tag i { margin-right:4px; color:var(--accent); }
body.dg .dg-star-body { padding:14px 16px 16px; display:block; }
body.dg .dg-star-body strong { display:block; font-size:15px; font-weight:800; margin:0 0 6px; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.dg .dg-star-desc { display:block; color:var(--muted); font-size:.84rem; line-height:1.6; font-style:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:8px; }
body.dg .dg-star-foot { display:flex; justify-content:space-between; align-items:center; font-size:.8rem; color:var(--muted); }
body.dg .dg-star-foot i { margin-right:4px; }
body.dg .dg-star-foot b { color:var(--brand); font-weight:800; }

/* ---------- 六榜矩阵 ---------- */
body.dg .dg-board { background:var(--card); border:1px solid var(--line); border-radius:var(--dg-radius); box-shadow:var(--dg-shadow); overflow:hidden; height:100%; }
body.dg .dg-board-head { font-weight:900; font-size:15px; padding:13px 16px; color:#fff; background:linear-gradient(90deg,var(--brand),var(--brand-2)); }
body.dg .dg-board-head i { margin-right:8px; color:var(--accent); }
body.dg .dg-board-head.new { background:linear-gradient(90deg,var(--brand-2),var(--dg-head)); }
body.dg .dg-board-head.deep { background:linear-gradient(90deg,#7c4ddb,#47259a); }
body.dg .dg-board-head.wc { background:linear-gradient(90deg,#c98a12,#8a5a06); }
body.dg .dg-board-head.transfer { background:linear-gradient(90deg,#dc2645,#8f1230); }
body.dg .dg-board-head.venue { background:linear-gradient(90deg,#0aa2c0,#0a5f73); }
body.dg .dg-board-list { list-style:none; margin:0; padding:6px 16px 14px; }
body.dg .dg-board-list li { display:flex; align-items:flex-start; gap:10px; padding:9px 0; border-bottom:1px dashed var(--line); font-size:13.5px; }
body.dg .dg-board-list li:last-child { border-bottom:0; }
body.dg .dg-board-list .rk { flex:0 0 auto; width:26px; text-align:center; font-weight:900; font-style:normal; color:var(--muted); font-size:13px; }
body.dg .dg-board-list li:nth-child(-n+3) .rk { color:var(--brand); }
body.dg .dg-board-list a { flex:1 1 auto; min-width:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.5; }
body.dg .dg-board-list em { flex:0 0 auto; font-style:normal; font-size:11.5px; color:var(--muted); white-space:nowrap; }
body.dg .dg-board-note { text-align:center; color:var(--muted); font-size:12.5px; margin-top:22px; }
body.dg .dg-board-note i { color:var(--accent); margin-right:5px; }

/* ---------- 图集 ---------- */
body.dg .dg-gallery { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:150px; gap:14px; }
body.dg .dg-gal-item { position:relative; display:block; overflow:hidden; border-radius:var(--dg-radius); box-shadow:var(--dg-shadow); background:var(--dg-head); }
body.dg .dg-gal-item.big { grid-column:span 2; grid-row:span 2; }
body.dg .dg-gal-item img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; }
body.dg .dg-gal-item:hover img { transform:scale(1.06); }
body.dg .dg-gal-cap { position:absolute; left:0; right:0; bottom:0; padding:22px 14px 12px; background:linear-gradient(to top,rgba(6,10,8,.86),rgba(6,10,8,0)); color:#fff; }
body.dg .dg-gal-cap strong { display:block; font-size:14px; font-weight:800; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.dg .dg-gal-cap em { font-style:normal; font-size:11.5px; color:rgba(255,255,255,.8); }
@media (max-width:991px){ body.dg .dg-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:140px; } }

/* ---------- 话题标签云 ---------- */
body.dg .dg-cloud { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
body.dg .dg-cloud-item { display:inline-flex; align-items:center; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.22); color:rgba(255,255,255,.92); border-radius:999px; padding:6px 15px; font-size:13.5px; font-weight:700; transition:.16s; }
body.dg .dg-cloud-item:hover { background:#fff; color:var(--brand-2); border-color:#fff; transform:translateY(-2px); }
body.dg #dgtags .dg-btn-light { margin-top:6px; }

/* ---------- 赛程时间轴 ---------- */
body.dg .dg-tl { position:relative; padding-left:8px; }
body.dg .dg-tl::before { content:""; position:absolute; left:92px; top:8px; bottom:8px; width:2px; background:linear-gradient(var(--brand),var(--accent)); }
body.dg .dg-tl-item { display:flex; gap:20px; align-items:flex-start; padding:12px 0; }
body.dg .dg-tl-date { flex:0 0 72px; text-align:right; display:block; }
body.dg .dg-tl-date b { display:block; font-size:20px; font-weight:900; color:var(--brand); line-height:1; }
body.dg .dg-tl-date span { font-size:.78rem; color:var(--muted); }
body.dg .dg-tl-dot { position:relative; flex:0 0 auto; width:16px; height:16px; margin-top:6px; border-radius:50%; background:var(--card); border:3px solid var(--brand); box-shadow:0 0 0 4px var(--bg); }
body.dg .dg-tl-body { flex:1 1 auto; min-width:0; background:var(--card); border:1px solid var(--line); border-radius:14px; padding:12px 16px; display:block; }
body.dg .dg-tl-body .comp { display:inline-block; font-size:.76rem; font-weight:800; color:#fff; background:var(--brand); border-radius:999px; padding:2px 10px; margin-bottom:6px; font-style:normal; }
body.dg .dg-tl-body strong { display:block; font-size:16px; font-weight:800; margin-bottom:4px; }
body.dg .dg-tl-body .venue { font-size:12px; color:var(--muted); }
body.dg .dg-tl-body .venue i { margin-right:5px; color:var(--brand); }
body.dg .dg-tl-body small { display:block; color:var(--muted); font-size:.86rem; line-height:1.6; margin-top:4px; }
body.dg .dg-tl-go { flex:0 0 auto; align-self:center; color:var(--muted); }
body.dg .dg-tl-item:hover .dg-tl-body { border-color:var(--brand); }
body.dg .dg-tl-note { text-align:center; color:var(--muted); font-size:12.5px; margin-top:18px; }
body.dg .dg-tl-note i { color:var(--accent); margin-right:5px; }
@media (max-width:575px){ body.dg .dg-tl::before{ left:8px; } body.dg .dg-tl-item{ flex-wrap:wrap; } body.dg .dg-tl-date{ flex-basis:100%; text-align:left; } }

/* ---------- 球迷投票 ---------- */
body.dg .dg-poll-intro h2 { font-weight:900; font-size:clamp(20px,2.6vw,27px); margin:10px 0 12px; }
body.dg .dg-poll-intro h2 i { color:var(--brand); margin-right:8px; }
body.dg .dg-poll-intro p { color:var(--muted); line-height:1.8; }
body.dg .dg-poll-rules li { font-size:13px; color:var(--muted); padding:3px 0; }
body.dg .dg-poll-rules i { color:var(--brand); margin-right:8px; }
body.dg .dg-poll-topic-id { margin-top:14px; font-size:12px; color:var(--muted); }
body.dg .dg-poll-topic-id b { color:var(--brand); font-weight:800; }
body.dg .dg-poll { background:var(--card); border:1px solid var(--line); border-radius:var(--dg-radius); box-shadow:var(--dg-shadow); padding:20px 22px; height:100%; }
body.dg .dg-poll-q { font-size:18px; font-weight:900; margin-bottom:16px; line-height:1.5; }
body.dg .dg-poll-opt { position:relative; display:flex; align-items:center; gap:12px; padding:11px 12px; border:1px solid var(--line); border-radius:12px; margin-bottom:9px; cursor:pointer; background:var(--bg); transition:.16s; }
body.dg .dg-poll-opt:hover { border-color:var(--brand); transform:translateX(2px); }
body.dg .dg-poll-opt.voted { border-color:var(--brand); background:var(--dg-surface); }
body.dg .dg-poll-opt .lbl { flex:0 0 32%; min-width:0; font-weight:800; font-size:14px; }
body.dg .dg-poll-opt .lbl i { color:var(--brand); margin-right:7px; }
body.dg .dg-poll-opt .bar { flex:1 1 auto; height:8px; background:var(--dg-surface); border-radius:999px; overflow:hidden; }
body.dg .dg-poll-opt .bar b { display:block; height:100%; background:linear-gradient(90deg,var(--brand),var(--glow)); border-radius:999px; transition:width .45s ease; }
body.dg .dg-poll-opt .pct { flex:0 0 46px; text-align:right; font-weight:800; font-size:13px; color:var(--brand); }
body.dg .dg-poll-search { flex:0 0 auto; width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; border:1px solid var(--line); color:var(--muted); font-size:12px; }
body.dg .dg-poll-search:hover { background:var(--brand); color:#fff; border-color:var(--brand); }
body.dg .dg-poll-foot { display:flex; flex-wrap:wrap; align-items:center; gap:12px; justify-content:space-between; margin-top:14px; padding-top:12px; border-top:1px dashed var(--line); font-size:12.5px; color:var(--muted); }
body.dg .dg-poll-foot .dg-poll-sum b { color:var(--brand); font-size:14px; }
body.dg .dg-poll-reset { background:transparent; border:1px solid var(--line); color:var(--muted); border-radius:999px; padding:4px 14px; font-size:12.5px; font-weight:700; cursor:pointer; transition:.16s; }
body.dg .dg-poll-reset:hover { border-color:var(--brand); color:var(--brand); }
body.dg .dg-poll.voted .dg-poll-tip { color:var(--brand); font-weight:800; }
@media (max-width:575px){ body.dg .dg-poll-opt .lbl { flex-basis:44%; font-size:13px; } }

/* ---------- 品牌宣言 ---------- */
body.dg .dg-pillars { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
body.dg .dg-pillar { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); border-radius:16px; padding:20px 18px; text-align:center; }
body.dg .dg-pillar i { font-size:26px; color:var(--accent); display:block; margin-bottom:10px; }
body.dg .dg-pillar strong { display:block; font-size:16px; font-weight:900; color:#fff; margin-bottom:8px; }
body.dg .dg-pillar span { display:block; font-size:13px; line-height:1.7; color:rgba(255,255,255,.84); }
body.dg .dg-quote { margin:26px auto 0; max-width:820px; text-align:center; font-size:clamp(16px,2.2vw,21px); font-weight:800; color:#fff; line-height:1.7; border-top:1px dashed rgba(255,255,255,.24); padding-top:22px; }
body.dg .dg-quote cite { display:block; font-size:13px; font-weight:600; color:rgba(255,255,255,.72); font-style:normal; margin-top:8px; }
@media (max-width:991px){ body.dg .dg-pillars { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:575px){ body.dg .dg-pillars { grid-template-columns:minmax(0,1fr); } }

/* ---------- 好评通用：头像 / 星级 / 评分胶囊 ---------- */
body.dg .dg-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.dg .dg-av-1 { background:linear-gradient(135deg,#0f9d6a,#35d6a0); }
body.dg .dg-av-2 { background:linear-gradient(135deg,#2563eb,#60a5fa); }
body.dg .dg-av-3 { background:linear-gradient(135deg,#dc2645,#ff6b81); }
body.dg .dg-av-4 { background:linear-gradient(135deg,#ea6a1e,#fb923c); }
body.dg .dg-av-5 { background:linear-gradient(135deg,#7c4ddb,#a78bfa); }
body.dg .dg-av-6 { background:linear-gradient(135deg,#0aa2c0,#2dd4bf); }
body.dg .dg-stars { color:#f5a623; letter-spacing:2px; font-size:.92rem; }
body.dg .dg-stars-sm { font-size:.8rem; letter-spacing:1px; }
body.dg .dg-rate-pill { background:var(--card); border:1px solid var(--line); border-radius:999px; padding:.5rem 1.15rem; box-shadow:0 4px 14px rgba(16,24,40,.06); }
body.dg .dg-rate-pill strong { font-size:1.05rem; }
/* judge-7 横滑 */
body.dg #judge-7 { background:var(--bg); }
body.dg #judge-7 h2 { color:var(--text); }
body.dg #judge-7 h2 i { color:var(--brand); }
body.dg #judge-7 .scroll-wrapper { display:flex; gap:1rem; overflow-x:auto; padding:.25rem .25rem 1rem; }
body.dg #judge-7 .review-card { flex:0 0 320px; width:320px; background:var(--card); border:1px solid var(--line); border-radius:var(--dg-radius); padding:1.25rem; box-shadow:var(--dg-shadow); }
body.dg #judge-7 .review-card p { font-size:.95rem; line-height:1.75; color:var(--muted); }
body.dg #judge-7 .review-footer h6 { color:var(--text); }
body.dg #judge-7 .review-footer .dg-avatar { margin-right:12px; width:44px; height:44px; font-size:17px; }
body.dg #judge-7 .scroll-wrapper::-webkit-scrollbar { height:8px; }
body.dg #judge-7 .scroll-wrapper::-webkit-scrollbar-track { background:var(--dg-surface); border-radius:4px; }
body.dg #judge-7 .scroll-wrapper::-webkit-scrollbar-thumb { background:var(--brand); border-radius:4px; opacity:.6; }
/* judge-3 好评 + 热读榜 */
body.dg #judge-3 { padding:var(--dg-gap) 0; background:var(--card); }
body.dg #judge-3 .section-title h2 { font-weight:900; color:var(--text); }
body.dg #judge-3 .section-title p { color:var(--muted); }
body.dg #judge-3 .comment-header .dg-avatar { margin-right:14px; width:50px; height:50px; font-size:19px; }
body.dg #judge-3 .comment-header h5 { display:flex; align-items:center; flex-wrap:wrap; gap:.4rem; color:var(--text); }
body.dg #judge-3 .comment-card { background:var(--bg); border:1px solid var(--line); }
body.dg #judge-3 .comment-body { color:var(--muted); }
body.dg #judge-3 .ranking-card { background:var(--bg); border:1px solid var(--line); }
body.dg #judge-3 .rank-list .rank-info strong { color:var(--brand); font-size:1.05rem; }
body.dg #judge-3 .rank-list .rank-info a { color:var(--text); font-size:.92rem; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.dg #judge-3 .rank-list .rank-info a:hover { color:var(--brand); }
body.dg #judge-3 .rank-list .badge { flex:0 0 auto; white-space:nowrap; }
body.dg .dg-rank-more { display:inline-block; margin-top:12px; font-size:13px; font-weight:800; color:var(--brand); }

/* ---------- module.css 既有区块：抬配色 ---------- */
body.dg #about-14 { background:var(--card); }
body.dg #about-14 h2, body.dg #about-14 .dg-h { color:var(--brand-2); }
body.dg #about-14 .dg-muted { color:var(--muted); }
body.dg #about-14 img { border-radius:var(--dg-radius); box-shadow:var(--dg-shadow); }
body.dg #security-7 { background:var(--bg); }
body.dg #security-7 h2 { color:var(--text); }
body.dg #security-7 .security-7-visual { overflow:hidden; }
body.dg #security-7 .security-7-step { margin-bottom:22px; }
body.dg #security-7 .step-icon { width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; color:#fff; margin-right:14px; flex:0 0 auto; }
body.dg #security-7 .dg-step-a { background:linear-gradient(135deg,#2563eb,#14337d); }
body.dg #security-7 .dg-step-b { background:linear-gradient(135deg,#0f9d6a,#0a5f42); }
body.dg #security-7 .dg-step-c { background:linear-gradient(135deg,#eab308,#a16207); }
body.dg #security-7 .dg-step-d { background:linear-gradient(135deg,#dc2645,#8f1230); }
body.dg #security-7 .dg-step-e { background:linear-gradient(135deg,#0aa2c0,#0a5f73); }
body.dg #security-7 .dg-step-f { background:linear-gradient(135deg,#7c4ddb,#47259a); }
body.dg #security-7 .dg-step-g { background:linear-gradient(135deg,#db2f82,#8a1a53); }
body.dg #security-7 h5 { color:var(--text); }
body.dg #update-11 { background:linear-gradient(135deg,var(--brand-2),var(--dg-head)); }
body.dg #update-11 .accordion-button { color:var(--text); font-weight:800; }
body.dg #update-11 .accordion-button:not(.collapsed) { color:#fff; background:linear-gradient(90deg,var(--brand-2),var(--dg-head)); }
body.dg #update-11 .accordion-button i { color:var(--accent); margin-right:8px; }
body.dg #update-11 .accordion-button:focus { box-shadow:0 0 0 .15rem rgba(255,255,255,.25); }
body.dg #update-11 .accordion-body ul { list-style:none; margin:0; padding:0; }
body.dg #update-11 .accordion-body li { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 0; border-bottom:1px dashed var(--line); }
body.dg #update-11 .accordion-body li:last-child { border-bottom:0; }
body.dg #update-11 .accordion-body li em { font-style:normal; font-size:12px; color:var(--muted); white-space:nowrap; }
body.dg #update-11 .accordion-body a { color:var(--text); }
body.dg #update-11 .accordion-body a:hover { color:var(--brand); }
body.dg .dg-acc-more { margin-top:10px; font-size:13px; }
body.dg .dg-acc-more a { color:var(--brand); font-weight:800; }
body.dg #mission-3 { background:linear-gradient(135deg,var(--dg-head),var(--brand-2)); }
body.dg #mission-3 .dg-on-dark p, body.dg #mission-3 .mission-list li { color:rgba(255,255,255,.88); }
body.dg #mission-3 h2 { color:#fff; }
body.dg #mission-3 .mission-list i { color:var(--accent); }
body.dg #news-3 { background:var(--bg); }
body.dg #news-3 h2 { color:var(--text); }
body.dg #news-3 .dg-cats { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
body.dg #news-3 .news3-card { background:var(--card); border:1px solid var(--line); border-radius:var(--dg-radius); box-shadow:var(--dg-shadow); transition:transform .18s, box-shadow .18s; }
body.dg #news-3 .news3-card:hover { transform:translateY(-3px); box-shadow:0 16px 32px rgba(16,24,40,.14); }
body.dg .news3-img-wrap { min-height:100%; }
body.dg .news3-img-wrap img { width:100%; height:100%; min-height:150px; object-fit:cover; display:block; }
body.dg .dg-news-body { padding:16px 18px; }
body.dg #news-3 h3 a { color:var(--text); }
body.dg #news-3 h3 a:hover { color:var(--brand); }
body.dg .dg-more { color:var(--brand); font-weight:800; font-size:.85rem; }
/* FAQ */
body.dg #dgfaq { padding:var(--dg-gap) 0; background:var(--card); }
body.dg .dg-faq-item { border:1px solid var(--line); border-radius:14px; background:var(--bg); margin-bottom:12px; overflow:hidden; }
body.dg .dg-faq-q { width:100%; text-align:left; background:var(--bg); border:0; padding:16px 18px; font-weight:800; font-size:16px; color:var(--text); display:flex; align-items:center; justify-content:space-between; gap:10px; }
body.dg .dg-faq-q .ic { color:var(--brand); transition:transform .2s; }
body.dg .dg-faq-q[aria-expanded="true"] .ic { transform:rotate(180deg); }
body.dg .dg-faq-q[aria-expanded="true"] { color:var(--brand); }
body.dg .dg-faq-q:focus { outline:none; box-shadow:0 0 0 .15rem rgba(0,0,0,.06); }
body.dg .dg-faq-a { padding:0 18px; color:var(--muted); line-height:1.85; background:var(--bg); }
body.dg .dg-faq-a.show { padding-bottom:16px; }


/* ============================================================
   列表页 / 详情页 / 标签页 / 检索页 / 分页 / 侧栏 / 回顶
   ============================================================ */
body.dg .mip-box { background:var(--card); border:1px solid var(--line); border-radius:var(--dg-radius); box-shadow:var(--dg-shadow); margin-bottom:20px; overflow:hidden; }
body.dg .mip-box-heading { border-bottom:1px solid var(--line); padding:14px 18px; position:relative; }
body.dg .mip-box-heading h3, body.dg .mip-box-heading h1 { font-size:18px; font-weight:800; margin:0; padding-left:12px; color:var(--text); }
body.dg .mip-box-heading h3::before, body.dg .mip-box-heading h1::before { content:""; position:absolute; left:0; top:15px; width:4px; height:20px; border-radius:3px; background:linear-gradient(var(--brand),var(--accent)); }
body.dg .mip-box-body { padding:16px 18px; }
body.dg .li-box-list { padding:10px 0; border-bottom:1px dashed var(--line); }
body.dg .li-box-list:last-child { border-bottom:0; }
body.dg .li-box-list p { color:var(--muted); font-size:12px; margin:4px 0 0; }
body.dg .no-data-block { text-align:center; color:var(--muted); padding:40px 0; }
body.dg .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.dg .breadcrumb { font-size:13px; color:var(--muted); }
body.dg .breadcrumb a { color:var(--muted); }
body.dg .breadcrumb a:hover { color:var(--brand); }
body.dg .detail-title { font-size:clamp(22px,3vw,30px); font-weight:900; line-height:1.42; margin:6px 0 14px; color:var(--text); }
body.dg .mip-box-main .info { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; }
body.dg .mip-box-main .info ul { margin:0; padding:0; }
body.dg .mip-box-main .info li { color:var(--muted); font-size:13px; margin-right:16px; display:inline-block; }
body.dg .mip-box-main .info li i { color:var(--brand); margin-right:5px; }
/* 正文（覆盖 mipcms.css 写死的颜色与字体） */
body.dg .mipcms-detail-body { font-size:16.5px; line-height:1.95; color:var(--text); font-family:"PingFang SC","Microsoft YaHei","Segoe UI",Roboto,"Helvetica Neue",sans-serif; }
body.dg .mipcms-detail-body p { margin:0 0 16px; color:var(--text); }
body.dg .mipcms-detail-body img { max-width:100%; height:auto; border-radius:12px; margin:8px 0; }
body.dg .mipcms-detail-body h2, body.dg .mipcms-detail-body h3 { font-weight:900; margin:26px 0 12px; padding-left:12px; border-left:4px solid var(--brand); color:var(--text); scroll-margin-top:110px; }
body.dg .mipcms-detail-body ul, body.dg .mipcms-detail-body ol { margin:0 0 16px; padding-left:22px; }
body.dg .mipcms-detail-body li { margin-bottom:8px; line-height:1.85; }
body.dg .mipcms-detail-body strong { color:var(--text); }
body.dg .mipcms-detail-body a { color:var(--brand); }
body.dg .mipcms-detail-body figure.art-lead { margin:14px 0 22px; }
body.dg .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.dg .mipcms-detail-body figure.art-lead figcaption { margin-top:8px; text-align:center; color:var(--muted); font-size:12px; letter-spacing:.3px; }
body.dg .dg-detail-foot { margin:26px 0 8px; padding:12px 14px; background:var(--dg-surface); border-left:3px solid var(--brand); border-radius:8px; font-size:13px; color:var(--muted); line-height:1.7; }
body.dg .dg-detail-foot i { color:var(--accent); margin-right:6px; }
body.dg .dg-rel-title { margin:24px 0 10px; font-weight:900; font-size:17px; color:var(--text); }
body.dg .dg-tool-static { cursor:default; font-weight:600; }
body.dg .tags, body.dg ul.tags { margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:8px; }
body.dg .tags li { display:block; margin:0; }
body.dg .tags li a { display:inline-block; background:var(--dg-surface); 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:.15s; }
body.dg .tags li a:hover { background:var(--brand); color:#fff; border-color:var(--brand); }
body.dg .mipui-category-list-001 .mipui-category-list-item { display:flex; gap:16px; align-items:flex-start; position:relative; float:none !important; min-height:0 !important; padding:16px 0; margin-bottom:0; border-bottom:1px solid var(--line); overflow:hidden; }
body.dg .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:14px; background:var(--dg-surface); }
body.dg .mipui-category-list-001 .item-media .item-link { display:block; position:relative; height:150px !important; transition:none; transform:none !important; }
body.dg .mipui-category-list-001 .item-media .item-link:hover { transform:none !important; }
body.dg .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.dg .mipui-category-list-001 .item-content { padding-left:0 !important; flex:1 1 auto; min-width:0; }
body.dg .mipui-category-list-001 .item-content h4 { font-size:18px; font-weight:800; margin:0 0 8px; line-height:1.4; }
body.dg .mipui-category-list-001 .item-content h4 a { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:var(--text); }
body.dg .mipui-category-list-001 .item-content h4 a:hover { color:var(--brand); }
body.dg .mipui-category-list-001 .item-content p { color:var(--muted); font-size:13px; margin:0 0 4px; }
@media (max-width:575px){ body.dg .mipui-category-list-001 .item-media, body.dg .mipui-category-list-001 .item-media .item-link { width:120px; height:90px; } body.dg .mipui-category-list-001 .item-content h4 { font-size:15px; } }
body.dg .pagination { margin-top:18px; }
body.dg .pagination .page-link { color:var(--brand); border-color:var(--line); background:var(--card); }
body.dg .pagination .active .page-link { background:var(--brand); border-color:var(--brand); color:#fff; }
body.dg .fanye a { border-color:var(--line); color:var(--text); }
body.dg .fanye a.current, body.dg .fanye a:hover { background:var(--brand); border-color:var(--brand); color:#fff; }
body.dg .page-img { max-width:100%; height:auto; border-radius:14px; box-shadow:0 6px 20px rgba(0,0,0,.10); }
body.dg .item-up-down-page .mipmb-page-item { width:48%; }
body.dg .item-up-down-page .mipmb-page-item a { color:var(--text); }
body.dg .item-up-down-page .mipmb-page-item a:hover { color:var(--brand); }
body.dg .news-card .thumb img { width:100%; height:100%; object-fit:cover; }
body.dg .dg-totop { position:fixed; right:18px; bottom:22px; width:46px; height:46px; line-height:44px; 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.dg .dg-totop.show { opacity:1; visibility:visible; transform:none; }
body.dg .dg-totop:hover { background:var(--brand-2); color:#fff; }

/* ---------- 页脚 ---------- */
body.dg #dg-footer { background:linear-gradient(180deg,var(--dg-head),var(--brand-2)); color:rgba(255,255,255,.84); padding:48px 0 22px; position:relative; }
body.dg #dg-footer .dg-foot-mask { position:absolute; inset:0; background:rgba(4,9,7,.55); z-index:0; }
body.dg #dg-footer a { color:rgba(255,255,255,.84); }
body.dg #dg-footer a:hover { color:#fff; }
body.dg #dg-footer .border-bottom-light { border-bottom:1px solid rgba(255,255,255,.14); }
body.dg #dg-footer .dg-foot-h { color:#fff; letter-spacing:.6px; font-weight:800; font-size:15px; margin-bottom:14px; }
body.dg #dg-footer .dg-foot-h i { color:var(--accent); margin-right:8px; }
body.dg #dg-footer .dg-foot-links li { margin-bottom:9px; font-size:13.5px; }
body.dg #dg-footer .dg-foot-links li i { color:var(--glow); margin-right:7px; }
body.dg #dg-footer .dg-foot-logo { height:44px; border-radius:10px; background:rgba(255,255,255,.10); padding:4px 8px; }
body.dg #dg-footer .dg-foot-word { font-weight:900; color:#fff; margin:0 0 0 12px; font-size:15px; }
body.dg #dg-footer .dg-foot-desc { color:rgba(255,255,255,.74); line-height:1.85; }
body.dg #dg-footer .dg-foot-bar { border-top:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.62); font-size:.85rem; }
body.dg #dg-footer .dg-foot-note { font-size:.78rem; color:rgba(255,255,255,.5); }

/* ---------- 移动端细节 ---------- */
@media (max-width:767px){
  body.dg .dg-sec { padding:40px 0; }
  body.dg #judge-7 .review-card { flex:0 0 82vw; width:82vw; padding:1rem; }
  body.dg .dg-rate-pill { flex-wrap:wrap; justify-content:center; padding:.5rem .9rem; }
  body.dg #dgapp { text-align:center; }
  body.dg #dgapp .dg-badges, body.dg #dgapp .dg-score-big { justify-content:center; }
  body.dg #dgapp .dg-app-copy p { margin-bottom:14px; }
  body.dg #dgapp .dg-app-feats { grid-template-columns:minmax(0,1fr); text-align:left; }
  body.dg #dgapp .dg-app-review { text-align:left; }
  body.dg #hero-5 { padding:36px 0; }
  body.dg .dg-hero-img { max-height:260px; }
  body.dg .dg-headline-list .views { display:none; }
  body.dg .mipcms-detail-body { font-size:16px; }
  body.dg #dg-footer .dg-foot-word { margin-left:10px; }
}


/* ============================================================
   修正层：暗色配色与 module.css 白底区块的冲突、对比度、标题可见性
   （浏览器实测发现后补写；一律用 CSS 变量，不改 mipcms/module 原文件）
   ============================================================ */
/* 每套配色补一个“区块大标题色”：浅底用深色品牌调，深底用浅色，避免大标题与背景同色 */
body.dg.theme-1  { --dg-heading:#0a5f42; --dg-ink:#14231f; }
body.dg.theme-2  { --dg-heading:#14337d; --dg-ink:#17203a; }
body.dg.theme-3  { --dg-heading:#8f1230; --dg-ink:#2a1418; }
body.dg.theme-4  { --dg-heading:#47259a; --dg-ink:#241a33; }
body.dg.theme-5  { --dg-heading:#0a5f73; --dg-ink:#10272d; }
body.dg.theme-6  { --dg-heading:#e8f3fb; --dg-ink:#e8eef4; --muted:#a9bccd; }
body.dg.theme-7  { --dg-heading:#a2420f; --dg-ink:#2c1a12; }
body.dg.theme-8  { --dg-heading:#8a1a53; --dg-ink:#2a1420; }
body.dg.theme-9  { --dg-heading:#e9edff; --dg-ink:#e7eefb; --muted:#a8b6d4; }
body.dg.theme-10 { --dg-heading:#e8f6ec; --dg-ink:#eaf3ee; --muted:#a7bcaf; }
/* 浅底配色统一把次级灰压深，保证正文/说明文字达到可读对比 */
body.dg.theme-1 { --muted:#4f625c; } body.dg.theme-2 { --muted:#55637a; } body.dg.theme-3 { --muted:#7a5a60; }
body.dg.theme-4 { --muted:#5d5480; } body.dg.theme-5 { --muted:#4b6a72; } body.dg.theme-7 { --muted:#77604f; }
body.dg.theme-8 { --muted:#77546a; }

/* 深色区块（tags / manifesto / update-11 / mission / app / footer）里的标题一律白字 */
body.dg .dg-sec-dark .dg-sec-head h2, body.dg #dgtags .dg-sec-head h2, body.dg #dgmanifesto .dg-sec-head h2 { color:#fff; }
body.dg .dg-sec-dark .dg-eyebrow, body.dg .dg-eyebrow-dark { color:#fff; background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.26); }
body.dg #update-11 h2, body.dg #mission-3 h2, body.dg #stats-5 h2 { color:#fff; }
body.dg #mission-3 .dg-on-dark h2 { color:#fff; }

/* module.css 的白底区块在深底配色下必须反相，避免“白卡 + 浅色字”不可见 */
body.dg #update-11 .accordion-item { background:var(--card); border:1px solid var(--line); }
body.dg #update-11 .accordion-button { background:var(--card); color:var(--dg-ink); box-shadow:none; }
body.dg #update-11 .accordion-button:not(.collapsed) { color:#fff; background:linear-gradient(90deg,var(--brand-2),var(--dg-head)); }
body.dg #update-11 .accordion-button.collapsed { color:var(--dg-ink); }
body.dg #update-11 .accordion-body { background:var(--card); color:var(--muted); }
body.dg #update-11 .accordion-body a { color:var(--dg-ink); }
body.dg #update-11 .accordion-body a:hover { color:var(--brand); }
body.dg #update-11 .accordion-body li em { color:var(--muted); }
body.dg #security-7 .security-7-step { background:transparent; }
body.dg #security-7 .security-7-step h5 { color:var(--text); }
body.dg #security-7 .security-7-step p { color:var(--muted); }
body.dg #about-14 h2, body.dg #about-14 .dg-h { color:var(--dg-heading); }
body.dg #about-14 p { color:var(--muted); }
body.dg #judge-3 .comment-card, body.dg #judge-3 .ranking-card { background:var(--bg); border:1px solid var(--line); }
body.dg #judge-3 .comment-card h5, body.dg #judge-3 .ranking-card h3 { color:var(--text); }
body.dg #judge-3 .comment-body { color:var(--muted); }
body.dg #judge-3 .rank-list li { border-color:var(--line); }
body.dg .mip-box-body, body.dg .mip-box-heading { background:var(--card); }

/* 徽章 / 幽灵按钮 / 标签：一律“卡片底 + 主文本色 + 品牌描边”，深浅底都可读 */
body.dg .dg-badge { background:var(--card); color:var(--dg-ink); border:1px solid var(--line); }
body.dg .dg-btn-ghost { background:var(--card); color:var(--dg-ink); border:2px solid var(--brand); }
body.dg .dg-btn-ghost:hover { background:var(--brand); color:#fff; border-color:var(--brand); }
body.dg .dg-chip { background:var(--card); color:var(--dg-ink); border:1px solid var(--line); }
body.dg .dg-chip:hover { background:var(--brand); color:#fff; border-color:var(--brand); }
body.dg .dg-chip-ghost { border-style:dashed; color:var(--dg-ink); }
body.dg .dg-tabs .nav-link.active { color:var(--dg-ink); background:var(--dg-surface); }
body.dg .dg-tl-body .comp { background:var(--brand-2); color:#fff; }
body.dg .dg-score-time { background:rgba(8,14,12,.78); }
body.dg .dg-star-tag { background:rgba(8,14,12,.78); }
body.dg #hero-5 .dg-kpi strong { color:var(--brand); }
body.dg .dg-eyebrow { color:var(--brand); border-color:var(--line); background:var(--card); }

/* 榜单徽章（module.css 的 badge-* 组合在部分配色上偏浅，统一加深） */
body.dg #judge-3 .badge-warning { background:#fde68a; color:#7c4a03; }
body.dg #judge-3 .badge-primary { background:#dbeafe; color:#1b3f8f; }
body.dg #judge-3 .badge-success { background:#d1fae5; color:#065f46; }

/* 触控目标：移动端按钮不小于 40px，字号不小于 12px */
@media (max-width:575.98px){
  body.dg .dg-cta { min-height:40px; padding:.45rem .8rem; font-size:.86rem; }
  body.dg #dg-header .navbar-toggler { min-width:42px; min-height:40px; }
  body.dg #dgapp .dg-dist-row, body.dg .dg-app-version { font-size:12px; }
  body.dg .dg-score-time, body.dg .dg-star-tag { font-size:12px; }
}