/* ============================================================
   PANENKA · 高端足球赛事资讯模板样式层（叠加于 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 变体引擎按域名分配；同一套模板在 20 站呈现不同外观。
   加载顺序：mipcms → panenka(本文件) → module，故本文件一律用 body.pn + #id 抬优先级。
   颜色一律走 CSS 变量，禁止在模板里内联写死主题色。
   ============================================================ */

/* ---------- 默认变量（未登记域名回落 · 星空晨蓝） ---------- */
body.pn {
  --brand:#2c50d8; --brand-2:#182f8e; --accent:#d99b2b; --glow:#6f8cff;
  --bg:#eef2fb; --card:#fff; --text:#14203f; --muted:#5c688f; --line:#dae2f4;
  --pn-head:#101f4b; --pn-head-txt:#eaf0ff; --pn-surface:#e5ecfa;
  --pn-radius:18px; --pn-shadow:0 14px 34px rgba(16,24,40,.10); --pn-gap:56px;
}

/* ---------- 10 套配色（星空靛夜/星空晨蓝/华体会赤/华体会酒/米兰赤/米兰夜/乐鱼海/乐鱼渊/翡翠林/落日原） ---------- */
body.pn.theme-1  { --brand:#5f72e8; --brand-2:#2b36a6; --accent:#f5c65a; --glow:#a9bbff; --bg:#0d1330; --card:#182048; --text:#eaefff; --muted:#a3adde; --line:#2a3468; --pn-head:#090d24; --pn-surface:#1b2450; }
body.pn.theme-2  { --brand:#2c50d8; --brand-2:#182f8e; --accent:#d99b2b; --glow:#6f8cff; --bg:#eef2fb; --card:#fff; --text:#14203f; --muted:#5c688f; --line:#dae2f4; --pn-head:#101f4b; --pn-surface:#e5ecfa; }
body.pn.theme-3  { --brand:#c0253f; --brand-2:#7d1024; --accent:#d8a13c; --glow:#ff7f92; --bg:#fdeff1; --card:#fff; --text:#34121b; --muted:#865f68; --line:#f6d8dd; --pn-head:#280e16; --pn-surface:#fbe1e5; }
body.pn.theme-4  { --brand:#d33a58; --brand-2:#6f1226; --accent:#e7bd77; --glow:#ff8ea1; --bg:#170a11; --card:#24111a; --text:#f4e7ea; --muted:#b79aa2; --line:#3a1d27; --pn-head:#0d0509; --pn-surface:#2b1420; }
body.pn.theme-5  { --brand:#c8102e; --brand-2:#710318; --accent:#9aa0ad; --glow:#ff5d73; --bg:#fbedef; --card:#fff; --text:#22060b; --muted:#7a6166; --line:#f1d2d7; --pn-head:#170307; --pn-surface:#f7dfe3; }
body.pn.theme-6  { --brand:#e23b52; --brand-2:#860f22; --accent:#c7cbd4; --glow:#ff8394; --bg:#111115; --card:#1c1c23; --text:#ededf2; --muted:#a2a2ae; --line:#2b2b34; --pn-head:#09090c; --pn-surface:#24242c; }
body.pn.theme-7  { --brand:#0d8ba3; --brand-2:#065566; --accent:#e08b33; --glow:#35c6da; --bg:#e8f6f9; --card:#fff; --text:#0b2429; --muted:#4d6f77; --line:#d2ebf1; --pn-head:#062026; --pn-surface:#d8eef3; }
body.pn.theme-8  { --brand:#17b2ce; --brand-2:#0a5570; --accent:#f0b53a; --glow:#66e6f6; --bg:#0a1620; --card:#14212e; --text:#e6f0f4; --muted:#8fa9b7; --line:#1f313e; --pn-head:#05101a; --pn-surface:#1a2836; }
body.pn.theme-9  { --brand:#0e7a46; --brand-2:#07512d; --accent:#d7c24c; --glow:#43d487; --bg:#ebf7f0; --card:#fff; --text:#0f251a; --muted:#506b5e; --line:#d4ecdc; --pn-head:#0a2116; --pn-surface:#dbf0e3; }
body.pn.theme-10 { --brand:#c56110; --brand-2:#833c07; --accent:#f0bf4c; --glow:#ff9a48; --bg:#fcf1e6; --card:#fff; --text:#291811; --muted:#745c4e; --line:#f2e0d2; --pn-head:#26140a; --pn-surface:#f8e5d1; }

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

/* ---------- 基础 ---------- */
body.pn { background:var(--bg); color:var(--text); font-family:"PingFang SC","Microsoft YaHei","Segoe UI",Roboto,"Helvetica Neue",sans-serif; }
body.pn a { color:var(--text); text-decoration:none; }
body.pn a:hover { color:var(--brand); }
body.pn .pn-accent-bar { height:3px; background:linear-gradient(90deg,var(--brand),var(--glow),var(--accent)); }
body.pn .pn-muted { color:var(--muted); }
body.pn .pn-ic { color:var(--brand); margin-right:6px; }
body.pn .pn-ic-accent { color:var(--accent); margin-right:6px; }
body.pn .pn-round { border-radius:var(--pn-radius); box-shadow:var(--pn-shadow); }
body.pn .pn-shadow { box-shadow:var(--pn-shadow); }
body.pn mark.pn-brand { background:transparent; color:inherit; padding:0; border-radius:0; font-weight:inherit; }
body.pn .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.pn .pn-sec { padding:var(--pn-gap) 0; background:var(--bg); }
body.pn .pn-sec-alt { background:var(--pn-surface); }
body.pn .pn-sec-dark { background:linear-gradient(135deg,var(--pn-head),var(--brand-2) 78%); color:#fff; }
body.pn .pn-sec-dark h2 { color:#fff; }
body.pn .pn-sec-head { text-align:center; margin-bottom:34px; }
body.pn .pn-eyebrow { display:inline-block; font-size:12px; font-weight:800; letter-spacing:2px; color:var(--pn-accent-ink); text-transform:uppercase; background:rgba(0,0,0,.03); border:1px solid var(--line); border-radius:999px; padding:5px 14px; margin-bottom:12px; }
body.pn .pn-eyebrow-dark { color:#fff; background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.26); }
body.pn .pn-sec-head h2 { font-weight:900; font-size:clamp(22px,3.2vw,30px); color:var(--text); margin:0 0 10px; }
body.pn .pn-sec-head h2 i { color:var(--brand); margin-right:8px; }
body.pn .pn-sec-head p { color:var(--muted); max-width:740px; margin:0 auto; line-height:1.75; }
body.pn .pn-sec-dark .pn-sec-head p, body.pn .pn-sec-sub-dark { color:rgba(255,255,255,.86); }

/* ---------- 顶栏 ---------- */
body.pn #pn-header { position:sticky; top:0; z-index:1030; background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 46%), var(--pn-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.pn #pn-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.pn #pn-header.pn-scrolled { box-shadow:0 12px 32px rgba(0,0,0,.30); }
body.pn #pn-header .navbar { min-height:70px; padding-top:.15rem; padding-bottom:.15rem; }
body.pn #pn-header .navbar-brand { flex:0 1 auto; min-width:0; }
body.pn #pn-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.pn #pn-header .navbar-nav .nav-link:hover { color:#fff; background:rgba(255,255,255,.09); }
body.pn #pn-header .navbar-nav .nav-link.active { color:#fff; }
body.pn #pn-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.pn #pn-header .navbar-brand .pn-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.pn #pn-header .navbar-brand:hover .pn-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.pn #pn-header .navbar-brand .pn-brandmeta { margin-left:10px; line-height:1.15; }
body.pn #pn-header .pn-wordmark { font-size:18px; font-weight:800; letter-spacing:.3px; color:var(--pn-head-txt); white-space:nowrap; }
body.pn #pn-header .pn-wordmark .pn-brand { background:linear-gradient(90deg,#ffffff, var(--glow)); -webkit-background-clip:text; background-clip:text; color:transparent; }
body.pn .pn-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(--pn-head)); border-radius:7px; padding:2px 8px; margin-top:2px; box-shadow:0 4px 12px rgba(0,0,0,.22); width:max-content; }
body.pn #pn-header .pn-official i { font-size:11px; color:var(--glow); }
body.pn .pn-cta { background:linear-gradient(135deg,var(--brand-2),var(--pn-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.pn .pn-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.pn .pn-cta:hover { color:#fff; transform:translateY(-2px); filter:brightness(1.08); box-shadow:0 12px 28px rgba(0,0,0,.34); }
body.pn .pn-cta:hover::before { left:135%; }
body.pn #pn-header .pn-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.pn #pn-header .pn-search:hover { color:#fff; background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.32); }
/* 顶部信息条 */
body.pn #pn-header .pn-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.pn #pn-header .pn-topbar .container { padding-top:7px; padding-bottom:7px; }
body.pn #pn-header .pn-topbar-tag { color:rgba(238,245,239,.82); letter-spacing:.2px; }
body.pn #pn-header .pn-topbar-tag i { color:var(--accent); margin-right:7px; }
body.pn #pn-header .pn-topbar-links { display:inline-flex; gap:18px; }
body.pn #pn-header .pn-topbar-links a { color:rgba(238,245,239,.82); transition:color .18s; }
body.pn #pn-header .pn-topbar-links a:hover { color:#fff; }
body.pn #pn-header .pn-topbar-links a i { margin-right:5px; color:var(--glow); }
/* 浅色头部 */
body.pn.head-light #pn-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.pn.head-light #pn-header::after { opacity:.9; }
body.pn.head-light #pn-header .navbar-nav .nav-link { color:#3a4453; }
body.pn.head-light #pn-header .navbar-nav .nav-link:hover { color:var(--brand); background:rgba(20,30,60,.05); }
body.pn.head-light #pn-header .pn-wordmark { color:var(--brand-2); }
body.pn.head-light #pn-header .pn-wordmark .pn-brand { background:linear-gradient(90deg,var(--brand),var(--brand-2)); -webkit-background-clip:text; background-clip:text; color:transparent; }
body.pn.head-light #pn-header .navbar-brand .pn-logo { box-shadow:0 6px 16px rgba(16,24,40,.16), 0 0 0 1px rgba(16,24,40,.06); }
body.pn.head-light #pn-header .pn-search { color:#3a4453; border-color:var(--line); }
body.pn.head-light #pn-header .pn-topbar { background:linear-gradient(90deg, var(--brand-2), var(--pn-head)); border-bottom:0; }
body.pn.head-light #pn-header .pn-topbar-tag, body.pn.head-light #pn-header .pn-topbar-links a { color:rgba(255,255,255,.94); }
body.pn.head-light #pn-header .pn-topbar-links a i, body.pn.head-light #pn-header .pn-topbar-tag i { color:#fff; }
/* 汉堡按钮可见性（深色头白色描边 / 浅色头深色描边） */
body.pn #pn-header .navbar-toggler { border:1px solid rgba(255,255,255,.42); border-radius:9px; padding:.32rem .55rem; background:transparent; }
body.pn #pn-header .navbar-toggler:focus { box-shadow:0 0 0 .16rem rgba(255,255,255,.28); outline:none; }
body.pn #pn-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.pn.head-light #pn-header .navbar-toggler { border-color:rgba(18,26,38,.2); }
body.pn.head-light #pn-header .navbar-toggler:focus { box-shadow:0 0 0 .16rem rgba(18,26,38,.14); }
body.pn.head-light #pn-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.pn #pn-header .navbar { flex-wrap:nowrap; } body.pn #pn-header .navbar > .container { flex-wrap:nowrap; } body.pn #pn-header .navbar-collapse{ min-width:0; } }
@media (max-width:991px){ body.pn #pn-header .navbar { min-height:62px; } body.pn #pn-header .navbar-nav .nav-link{ white-space:normal; }
  body.pn #pn-header .pn-mnav { background:var(--pn-head); border-radius:12px; padding:.5rem .75rem; margin-top:.5rem; order:3; flex-basis:100%; }
  body.pn #pn-header .pn-actions { order:2; margin-left:auto; }
  body.pn #pn-header .navbar-brand { order:1; }
  body.pn.head-light #pn-header .pn-mnav { background:var(--card); border:1px solid var(--line); } }
@media (min-width:992px) and (max-width:1199px){ body.pn #pn-header .pn-wordmark{ font-size:15px; } body.pn #pn-header .navbar-nav .nav-link{ padding:.4rem .5rem; font-size:13.5px; } }
@media (max-width:575.98px){
  body.pn #pn-header .navbar { min-height:58px; }
  body.pn #pn-header .navbar-brand .pn-logo { height:40px; border-radius:10px; }
  body.pn #pn-header .pn-wordmark { font-size:16px; }
  body.pn #pn-header .pn-official { font-size:10.5px; padding:2px 6px; }
  body.pn .pn-cta { padding:.36rem .72rem; font-size:.82rem; }
  body.pn .pn-cta i { font-size:.85rem; }
}

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

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

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


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

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

/* ---------- 联赛速览 tabs ---------- */
body.pn .pn-tabs-wrap { background:var(--card); border:1px solid var(--line); border-radius:var(--pn-radius); box-shadow:var(--pn-shadow); padding:10px 14px 18px; }
body.pn .pn-tabs { border-bottom:1px solid var(--line); gap:4px; flex-wrap:wrap; }
body.pn .pn-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.pn .pn-tabs .nav-link i { color:var(--brand); margin-right:6px; }
body.pn .pn-tabs .nav-link:hover { color:var(--brand); border-color:var(--brand); background:transparent; }
body.pn .pn-tabs .nav-link.active { color:var(--brand-2); background:var(--pn-surface); border-radius:10px 10px 0 0; border-bottom:2px solid var(--brand); }
body.pn .pn-tab-content { padding-top:16px; }
body.pn .pn-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.pn .pn-mini-card:hover { transform:translateY(-2px); box-shadow:0 10px 22px rgba(16,24,40,.10); }
body.pn .pn-mini-thumb { flex:0 0 92px; height:68px; border-radius:10px; overflow:hidden; background:var(--pn-surface); }
body.pn .pn-mini-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
body.pn .pn-mini-body { min-width:0; flex:1 1 auto; display:flex; flex-direction:column; gap:4px; }
body.pn .pn-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.pn .pn-mini-body em { font-style:normal; font-size:11.5px; color:var(--muted); }
body.pn .pn-mini-body em i { margin-right:4px; }
body.pn .pn-tabs-more { display:inline-block; margin-top:14px; font-size:13px; font-weight:800; color:var(--pn-accent-ink); }

/* ---------- 精选球星卡 ---------- */
body.pn .pn-star-card { display:block; background:var(--card); border:1px solid var(--line); border-radius:var(--pn-radius); overflow:hidden; height:100%; box-shadow:var(--pn-shadow); transition:transform .18s, box-shadow .18s; }
body.pn .pn-star-card:hover { transform:translateY(-4px); box-shadow:0 18px 36px rgba(16,24,40,.16); }
body.pn .pn-star-media { position:relative; aspect-ratio:4/3; overflow:hidden; background:var(--pn-head); display:block; }
body.pn .pn-star-media img { width:100%; height:100%; object-fit:cover; display:block; }
body.pn .pn-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.pn .pn-star-tag i { margin-right:4px; color:var(--accent); }
body.pn .pn-star-body { padding:14px 16px 16px; display:block; }
body.pn .pn-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.pn .pn-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.pn .pn-star-foot { display:flex; justify-content:space-between; align-items:center; font-size:.8rem; color:var(--muted); }
body.pn .pn-star-foot i { margin-right:4px; }
body.pn .pn-star-foot b { color:var(--pn-accent-ink); font-weight:800; }

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

/* ---------- 图集 ---------- */
body.pn .pn-gallery { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:150px; gap:14px; }
body.pn .pn-gal-item { position:relative; display:block; overflow:hidden; border-radius:var(--pn-radius); box-shadow:var(--pn-shadow); background:var(--pn-head); }
body.pn .pn-gal-item.big { grid-column:span 2; grid-row:span 2; }
body.pn .pn-gal-item img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; }
body.pn .pn-gal-item:hover img { transform:scale(1.06); }
body.pn .pn-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.pn .pn-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.pn .pn-gal-cap em { font-style:normal; font-size:11.5px; color:rgba(255,255,255,.8); }
@media (max-width:991px){ body.pn .pn-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:140px; } }

/* ---------- 话题标签云 ---------- */
body.pn .pn-cloud { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
body.pn .pn-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.pn .pn-cloud-item:hover { background:#fff; color:var(--brand-2); border-color:#fff; transform:translateY(-2px); }
body.pn #dgtags .pn-btn-light { margin-top:6px; }

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

/* ---------- 球迷投票 ---------- */
body.pn .pn-poll-intro h2 { font-weight:900; font-size:clamp(20px,2.6vw,27px); margin:10px 0 12px; }
body.pn .pn-poll-intro h2 i { color:var(--brand); margin-right:8px; }
body.pn .pn-poll-intro p { color:var(--muted); line-height:1.8; }
body.pn .pn-poll-rules li { font-size:13px; color:var(--muted); padding:3px 0; }
body.pn .pn-poll-rules i { color:var(--brand); margin-right:8px; }
body.pn .pn-poll-topic-id { margin-top:14px; font-size:12px; color:var(--muted); }
body.pn .pn-poll-topic-id b { color:var(--pn-accent-ink); font-weight:800; }
body.pn .pn-poll { background:var(--card); border:1px solid var(--line); border-radius:var(--pn-radius); box-shadow:var(--pn-shadow); padding:20px 22px; height:100%; }
body.pn .pn-poll-q { font-size:18px; font-weight:900; margin-bottom:16px; line-height:1.5; }
body.pn .pn-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.pn .pn-poll-opt:hover { border-color:var(--brand); transform:translateX(2px); }
body.pn .pn-poll-opt.voted { border-color:var(--brand); background:var(--pn-surface); }
body.pn .pn-poll-opt .lbl { flex:0 0 32%; min-width:0; font-weight:800; font-size:14px; }
body.pn .pn-poll-opt .lbl i { color:var(--brand); margin-right:7px; }
body.pn .pn-poll-opt .bar { flex:1 1 auto; height:8px; background:var(--pn-surface); border-radius:999px; overflow:hidden; }
body.pn .pn-poll-opt .bar b { display:block; height:100%; background:linear-gradient(90deg,var(--brand),var(--glow)); border-radius:999px; transition:width .45s ease; }
body.pn .pn-poll-opt .pct { flex:0 0 46px; text-align:right; font-weight:800; font-size:13px; color:var(--pn-accent-ink); }
body.pn .pn-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.pn .pn-poll-search:hover { background:var(--brand); color:#fff; border-color:var(--brand); }
body.pn .pn-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.pn .pn-poll-foot .pn-poll-sum b { color:var(--brand); font-size:14px; }
body.pn .pn-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.pn .pn-poll-reset:hover { border-color:var(--brand); color:var(--brand); }
body.pn .pn-poll.voted .pn-poll-tip { color:var(--pn-accent-ink); font-weight:800; }
@media (max-width:575px){ body.pn .pn-poll-opt .lbl { flex-basis:44%; font-size:13px; } }

/* ---------- 品牌宣言 ---------- */
body.pn .pn-pillars { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
body.pn .pn-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.pn .pn-pillar i { font-size:26px; color:var(--accent); display:block; margin-bottom:10px; }
body.pn .pn-pillar strong { display:block; font-size:16px; font-weight:900; color:#fff; margin-bottom:8px; }
body.pn .pn-pillar span { display:block; font-size:13px; line-height:1.7; color:rgba(255,255,255,.84); }
body.pn .pn-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.pn .pn-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.pn .pn-pillars { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:575px){ body.pn .pn-pillars { grid-template-columns:minmax(0,1fr); } }

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

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


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

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

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


/* ============================================================
   修正层：暗色配色与 module.css 白底区块的冲突、对比度、标题可见性
   （浏览器实测发现后补写；一律用 CSS 变量，不改 mipcms/module 原文件）
   ============================================================ */
/* 每套配色补一个“区块大标题色 --pn-heading / 卡片内主文本色 --pn-ink”：浅底(2/3/5/7/9/10)用深品牌调，深底(1/4/6/8)用浅色，避免与背景同色 */
body.pn.theme-1  { --pn-heading:#eaefff; --pn-ink:#eaefff; }
body.pn.theme-2  { --pn-heading:#182f8e; --pn-ink:#14203f; }
body.pn.theme-3  { --pn-heading:#7d1024; --pn-ink:#34121b; }
body.pn.theme-4  { --pn-heading:#f4e7ea; --pn-ink:#f4e7ea; }
body.pn.theme-5  { --pn-heading:#710318; --pn-ink:#22060b; }
body.pn.theme-6  { --pn-heading:#ededf2; --pn-ink:#ededf2; }
body.pn.theme-7  { --pn-heading:#065566; --pn-ink:#0b2429; }
body.pn.theme-8  { --pn-heading:#e6f0f4; --pn-ink:#e6f0f4; }
body.pn.theme-9  { --pn-heading:#07512d; --pn-ink:#0f251a; }
body.pn.theme-10 { --pn-heading:#833c07; --pn-ink:#291811; }

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

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

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

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

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

/* ---------- 可读强调墨色 --pn-accent-ink：亮底用深品牌调，暗底用亮辉光，专供小字（eyebrow/榜单序号/投票百分比/查看更多） ---------- */
body.pn { --pn-accent-ink:#182f8e; }
body.pn.theme-1  { --pn-accent-ink:#a9bbff; }
body.pn.theme-2  { --pn-accent-ink:#182f8e; }
body.pn.theme-3  { --pn-accent-ink:#7d1024; }
body.pn.theme-4  { --pn-accent-ink:#ff8ea1; }
body.pn.theme-5  { --pn-accent-ink:#710318; }
body.pn.theme-6  { --pn-accent-ink:#ff8394; }
body.pn.theme-7  { --pn-accent-ink:#065566; }
body.pn.theme-8  { --pn-accent-ink:#66e6f6; }
body.pn.theme-9  { --pn-accent-ink:#07512d; }
body.pn.theme-10 { --pn-accent-ink:#833c07; }
/* 暗底主题把次级灰再提亮一档，保证说明文字可读（panenka 暗底为 1/4/6/8） */
body.pn.theme-1 { --muted:#adb9e6; } body.pn.theme-4 { --muted:#c3a7b0; } body.pn.theme-6 { --muted:#b0b0c0; } body.pn.theme-8 { --muted:#9fb6c4; }

/* ---------- 手机端顶栏：品牌中文名常显（此前 d-none 隐藏），并防溢出 ---------- */
@media (max-width:575.98px){
  body.pn #pn-header .navbar-brand { max-width:60%; min-width:0; }
  body.pn #pn-header .pn-brandmeta { margin-left:7px; min-width:0; }
  body.pn #pn-header .pn-wordmark { font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:calc(100vw - 232px); }
  body.pn #pn-header .pn-official { display:none; }
  body.pn #pn-header .navbar-brand .pn-logo { height:36px; }
  body.pn #pn-header .pn-cta { padding:.4rem .6rem; font-size:.8rem; }
}

/* ---------- 亮底主题次级灰再压深一档，说明文字达 AA ---------- */
body.pn.theme-1 { --muted:#6d4a51; } body.pn.theme-2 { --muted:#465373; }
body.pn.theme-4 { --muted:#55497a; } body.pn.theme-5 { --muted:#3d5b62; }
body.pn.theme-6 { --muted:#3d5b46; } body.pn.theme-8 { --muted:#6d4a5c; }
body.pn.theme-9 { --muted:#6d5238; }

/* 投票样本计数与查看更多等品牌小字统一走可读墨色 */
body.pn .pn-poll-sum b, body.pn #pnPollTotal, body.pn .pn-more b { color:var(--pn-accent-ink); }