/* ============================================================
   PADDOCK · 高端绿茵赛事资讯模板样式层
   基于【模版1】(stadium) 架构与整体气质，做结构性配色/版式差异化 + 增强模块：
     - 10 套配色 theme-1~10（品牌/强调/背景各异）
     - 6 种首页版式 layout-1~6（首屏形态 + section 组合与顺序不同）
     - 深色/浅色头部 head-dark / head-light
     - 新增模块：APP 好评&下载(#pdapp) / 本周焦点榜(#pdheat) / 赛程看点时间轴(#pdtimeline) /
                 精选球星网格(#pdgrid) / 栏目话题聚合(#pdhub) / 常见问题(#pdfaq)
   配色·版式·头部由 main.html 变体引擎按域名分配；同一套模板在 17 站呈现不同外观。
   加载顺序：mipcms → paddock(pd.css) → module，故本文件一律用 body.pd + #id 抬优先级。
   ============================================================ */

/* ---------- 10 套配色变量（内容区保持浅色，深色仅用于头部与设计上的深色带） ---------- */
body.pd { --head:#212d29; --head-txt:#eaf3ee; }
body.pd.theme-1  { --brand:#0f8a4f; --brand-2:#0a5c34; --accent:#f5a623; --glow:#3ddc84; --bg:#f2f7f3; --card:#fff; --text:#1c2530; --muted:#6a7684; --line:#e5ece7; }
body.pd.theme-2  { --brand:#1e63c8; --brand-2:#123f86; --accent:#f6b93b; --glow:#5aa9ff; --bg:#eef3fb; --card:#fff; --text:#1b2433; --muted:#67748a; --line:#e2e9f4; }
body.pd.theme-3  { --brand:#c81e3a; --brand-2:#8a1226; --accent:#ffb020; --glow:#ff6b81; --bg:#fbf0f1; --card:#fff; --text:#2a171b; --muted:#8a6b70; --line:#f2e0e3; }
body.pd.theme-4  { --brand:#6b3fd6; --brand-2:#4626a0; --accent:#ff7aa8; --glow:#a78bfa; --bg:#f4f1fc; --card:#fff; --text:#241b33; --muted:#74698a; --line:#e8e2f5; }
body.pd.theme-5  { --brand:#0f8f86; --brand-2:#0a5c57; --accent:#f7941e; --glow:#2dd4bf; --bg:#eef7f6; --card:#fff; --text:#172a29; --muted:#5f7977; --line:#dceceb; }
body.pd.theme-6  { --brand:#d9541e; --brand-2:#9a3a12; --accent:#f7c948; --glow:#fb923c; --bg:#fbf2ec; --card:#fff; --text:#2c1d15; --muted:#8a7162; --line:#f0e2d8; }
body.pd.theme-7  { --brand:#2b3a8f; --brand-2:#182461; --accent:#ff6b6b; --glow:#7c8dff; --bg:#eef0f8; --card:#fff; --text:#1b1f33; --muted:#6a7090; --line:#e2e5f2; }
body.pd.theme-8  { --brand:#c0266b; --brand-2:#85194a; --accent:#ffb3c6; --glow:#f472b6; --bg:#fbeef4; --card:#fff; --text:#2c1725; --muted:#8a6b7b; --line:#f2dbe6; }
body.pd.theme-9  { --brand:#5a8a17; --brand-2:#3d5f0f; --accent:#eab308; --glow:#a3e635; --bg:#f3f7ea; --card:#fff; --text:#20291a; --muted:#6f7a5f; --line:#e6edd9; }
body.pd.theme-10 { --brand:#334e9e; --brand-2:#22346b; --accent:#22d3ee; --glow:#60a5fa; --bg:#eef1f8; --card:#fff; --text:#1a2033; --muted:#69728f; --line:#e2e7f3; }
/* 头部深/浅：深色带用站点自身的 brand-2 打底，head-light 覆盖为白底 */
body.pd { --band-1:var(--brand-2); --band-2:#0b1410; }

/* ---------- 基础 ---------- */
body.pd { background:var(--bg); color:var(--text); font-family:"PingFang SC","Microsoft YaHei","Segoe UI",Roboto,"Helvetica Neue",sans-serif; overflow-x:clip; }
/* 防横向溢出：hero 波形/网格负边距不得撑出滚动条（overflow-x:clip 不创建滚动容器，sticky 仍有） */
body.pd #hero-1, body.pd .wave-animation { overflow:hidden; }
/* 修复 Bootstrap 负边距溢出：mipcms.css 把 .container 左右 padding 归零，但 .row 仍带 -12px 负边距，
   导致 992~998px 等宽度 row 比容器宽 24px 产生横向滚动；补回 12px gutter 即抵消（内容仍对齐容器边缘）。 */
body.pd .container { padding-left:12px; padding-right:12px; }
body.pd a { color:var(--text); text-decoration:none; }
body.pd a:hover { color:var(--brand); }
body.pd mark.pd-brand { background:transparent; color:inherit; padding:0; border-radius:0; font-weight:inherit; }
body.pd a.pd-link { color:var(--brand); }
body.pd a.pd-link:hover { color:var(--brand-2); }
.pd-accent-bar { height:4px; background:linear-gradient(90deg,var(--brand),var(--glow),var(--accent)); }
.mipcms-main { margin-top:0; }
html { scroll-behavior:smooth; scroll-padding-top:88px; }
@media (max-width:991px){ html{ scroll-padding-top:76px; } }
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }
/* 图标着色工具（跟随主题，不用内联写死色） */
body.pd .pd-ic-a{ color:var(--brand); } body.pd .pd-ic-b{ color:var(--accent); }
body.pd .pd-ic-c{ color:var(--glow); }  body.pd .pd-ic-d{ color:var(--brand-2); }
body.pd .pd-tint-a{ color:var(--brand); } body.pd .pd-tint-b{ color:var(--accent); }
body.pd .pd-tint-c{ color:var(--glow); }  body.pd .pd-tint-d{ color:var(--brand-2); }
body.pd .pd-tint-bg-a{ background:var(--brand); } body.pd .pd-tint-bg-b{ background:var(--accent); }
body.pd .pd-tint-bg-c{ background:var(--glow); }  body.pd .pd-tint-bg-d{ background:var(--brand-2); }

/* ---------- 顶栏 ---------- */
body.pd #pd-header { background:var(--head); box-shadow:0 2px 16px rgba(0,0,0,.24); }
body.pd #pd-header .navbar { flex-wrap:nowrap; min-height:66px; padding:.45rem 0; }
body.pd #pd-header .navbar-brand { flex:0 1 auto; min-width:0; }
body.pd #pd-header .pd-logo-tile { background:var(--head); border-radius:9px; }
body.pd #pd-header .pd-wordmark { white-space:nowrap; font-size:16px; color:var(--head-txt); }
body.pd #pd-header .nav-link { color:rgba(234,243,238,.86); white-space:nowrap; font-weight:600; padding:.45rem .62rem; font-size:15px; position:relative; }
body.pd #pd-header .nav-link:hover, body.pd #pd-header .nav-link.active { color:#fff; }
body.pd #pd-header .nav-link.active::after { content:""; position:absolute; left:.62rem; right:.62rem; bottom:.05rem; height:2px; border-radius:2px; background:var(--accent); }
body.pd .pd-cta { background:linear-gradient(135deg,var(--brand),var(--brand-2)); color:#fff; border:0; border-radius:30px; padding:.42rem 1.05rem; font-weight:700; white-space:nowrap; box-shadow:0 6px 16px rgba(0,0,0,.2); }
body.pd .pd-cta:hover { color:#fff; filter:brightness(1.08); }
body.pd .pd-cta-ghost { background:transparent; border:1.5px solid rgba(255,255,255,.42); box-shadow:none; }
body.pd .pd-cta-ghost:hover { background:rgba(255,255,255,.12); }
body.pd .pd-search { display:flex; align-items:center; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.22); border-radius:30px; padding:0 4px 0 2px; }
body.pd .pd-search input { background:transparent; border:0; color:#fff; width:150px; }
body.pd .pd-search input::placeholder { color:rgba(255,255,255,.6); }
body.pd .pd-search input:focus { outline:0; box-shadow:none; background:transparent; }
body.pd .pd-search button { background:transparent; border:0; color:#fff; padding:0 .55rem; }
body.pd.head-light #pd-header { background:#fff; box-shadow:0 1px 12px rgba(0,0,0,.08); border-bottom:1px solid var(--line); }
body.pd.head-light #pd-header .nav-link { color:#3a4453; }
body.pd.head-light #pd-header .nav-link:hover, body.pd.head-light #pd-header .nav-link.active { color:var(--brand); }
body.pd.head-light #pd-header .nav-link.active::after { background:var(--brand); }
body.pd.head-light #pd-header .pd-wordmark { color:var(--brand-2); }
body.pd.head-light #pd-header .pd-search { background:#f1f4f8; border-color:var(--line); }
body.pd.head-light #pd-header .pd-search input { color:var(--text); }
body.pd.head-light #pd-header .pd-search input::placeholder { color:var(--muted); }
body.pd.head-light #pd-header .pd-search button { color:var(--brand); }
body.pd.head-light #pd-header .pd-cta-ghost { border-color:var(--brand); color:var(--brand-2); }
body.pd.head-light #pd-header .pd-cta-ghost:hover { background:var(--brand); color:#fff; }
/* 汉堡按钮：深色头部用白色描边图标（修手机端“右边空空的”——默认深色图标在深绿底上不可见） */
body.pd #pd-header .navbar-toggler { border:1px solid rgba(255,255,255,.45); padding:.4rem .65rem; border-radius:8px; }
body.pd #pd-header .navbar-toggler:focus { box-shadow:0 0 0 .15rem rgba(255,255,255,.25); outline:0; }
body.pd #pd-header .navbar-toggler-icon { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
body.pd.head-light #pd-header .navbar-toggler { border-color:rgba(0,0,0,.22); }
body.pd.head-light #pd-header .navbar-toggler:focus { box-shadow:0 0 0 .15rem rgba(0,0,0,.12); }
body.pd.head-light #pd-header .navbar-toggler-icon { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%23212529' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
@media (min-width:992px){ body.pd #pd-header .navbar > .container { flex-wrap:nowrap; } body.pd #pd-header .navbar-collapse{ min-width:0; } }
@media (max-width:991px){ body.pd #pd-header .navbar-nav .nav-link{ white-space:normal; color:var(--head-txt); } body.pd #pd-header .pd-mnav{ background:var(--head); border-radius:12px; padding:.5rem .75rem; margin-top:.5rem; } body.pd.head-light #pd-header .pd-mnav{ background:#fff; } body.pd.head-light #pd-header .pd-mnav .nav-link{ color:#3a4453; } }
@media (min-width:992px) and (max-width:1399px){ body.pd #pd-header .pd-wordmark{ font-size:14px; } body.pd #pd-header .nav-link{ padding:.4rem .5rem; font-size:14px; } }
@media (min-width:992px) and (max-width:1199px){ body.pd #pd-header .pd-wordmark{ font-size:13px; } body.pd #pd-header .nav-link{ padding:.4rem .4rem; font-size:13px; } }
/* 搜索框只在 ≥1200px 显示（头部容器被 mipcms.css 锁为 1113px，需保证 品牌+导航+APP+搜索 能容纳） */
body.pd .pd-search-only{ display:none !important; }
@media (min-width:1200px){ body.pd .pd-search-only{ display:flex !important; } }
body.pd .pd-search input{ width:120px; }
/* 导航栏兵底：允许收缩、链接不换行不溢出 */
body.pd #pd-header .navbar-collapse{ min-width:0; }
body.pd #pd-header .navbar-nav{ flex-wrap:nowrap; }
body.pd #pd-header .navbar-nav .nav-item{ flex:0 1 auto; min-width:0; }

/* ---------- 通用区块标题 ---------- */
.pd-sec { padding:58px 0; }
.pd-sec-head { text-align:center; margin-bottom:34px; }
.pd-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; }
.pd-sec-head h2 { font-weight:900; font-size:clamp(22px,3.2vw,30px); color:var(--text); margin:0 0 10px; }
.pd-sec-head h2 i { color:var(--brand); margin-right:8px; }
.pd-sec-head p { color:var(--muted); max-width:760px; margin:0 auto; line-height:1.7; }
.pd-rate-inline { font-size:.7em; font-weight:800; color:var(--brand); vertical-align:middle; }

/* ---------- 通用卡片/盒子（列表·详情·侧栏） ---------- */
body.pd .mip-box { background:var(--card); border:1px solid var(--line); border-radius:14px; box-shadow:0 1px 5px rgba(16,24,40,.05); margin-bottom:20px; overflow:hidden; }
body.pd .mip-box-heading { border-bottom:1px solid var(--line); padding:14px 18px; position:relative; }
body.pd .mip-box-heading h3, body.pd .mip-box-heading h1 { font-size:18px; font-weight:800; margin:0; padding-left:12px; }
body.pd .mip-box-heading h1.detail-title, body.pd .mip-box-heading .detail-title { padding-left:0; }
body.pd .mip-box-heading h3::before { content:""; position:absolute; left:0; top:16px; width:4px; height:20px; border-radius:3px; background:linear-gradient(var(--brand),var(--accent)); }
body.pd .mip-box-body { padding:16px 18px; }
body.pd .li-box-list { padding:10px 0; border-bottom:1px dashed var(--line); }
body.pd .li-box-list:last-child { border-bottom:0; }
body.pd .li-box-list p { color:var(--muted); font-size:12px; margin:4px 0 0; }
body.pd .no-data-block { text-align:center; color:var(--muted); padding:40px 0; }
body.pd .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.pd .breadcrumb { font-size:13px; color:var(--muted); }

/* ---------- 首屏 hero：通用徽标/按钮/数据条 ---------- */
body.pd #hero-5 { background:radial-gradient(120% 120% at 12% 0%, #fff, var(--bg) 65%); color:var(--text); padding:60px 0; }
body.pd #hero-5 h1 { font-weight:900; font-size:clamp(26px,4.2vw,42px); color:var(--text); }
body.pd #hero-5 p { color:#454f5c; }
body.pd .pd-badge { display:inline-flex; align-items:center; gap:.45rem; background:#fff; border:1px solid var(--line); border-radius:999px; padding:.4rem .95rem; font-size:.86rem; font-weight:700; color:var(--brand-2); box-shadow:0 6px 16px rgba(16,24,40,.06); }
body.pd .pd-badge i { color:var(--accent); }
body.pd #hero-5 .btn-hero5 { background:linear-gradient(135deg,var(--brand),var(--brand-2)); color:#fff; border-radius:30px; padding:.66rem 1.5rem; font-weight:800; box-shadow:0 10px 24px rgba(0,0,0,.16); }
body.pd #hero-5 .btn-hero5:hover { color:#fff; filter:brightness(1.08); transform:translateY(-1px); }
body.pd #hero-5 .pd-btn-ghost { background:#fff; color:var(--brand-2); border:2px solid var(--brand); box-shadow:none; }
body.pd #hero-5 .pd-btn-ghost:hover { background:var(--brand); color:#fff; }
body.pd .pd-hero-img { border-radius:18px; box-shadow:0 18px 40px rgba(16,24,40,.2); width:100%; height:auto; }
body.pd .pd-hero-tile { border-radius:14px; box-shadow:0 12px 26px rgba(16,24,40,.16); width:100%; height:100%; object-fit:cover; display:block; }
body.pd .pd-hero-mini li { border-left:3px solid var(--accent); padding-left:.7rem; text-align:left; }
body.pd .pd-hero-mini li strong { display:block; font-size:1.28rem; line-height:1.2; color:var(--brand); }
body.pd .pd-hero-badges li { font-size:.95rem; color:#3d4757; font-weight:700; }
body.pd .pd-hero-badges li i { margin-right:.35rem; }
body.pd .pd-hero-checks li { color:#3d4757; font-weight:600; margin-bottom:.5rem; }
body.pd .pd-hero-checks li i { margin-right:.5rem; }
/* 版式4 hero-1（深色渐变带波形） */
body.pd #hero-1 { background:linear-gradient(135deg,var(--brand-2),var(--band-2)); color:#fff; padding:90px 0 130px; }
body.pd #hero-1 h1 { color:#fff; } body.pd #hero-1 h2 { color:rgba(255,255,255,.92); }
body.pd #hero-1 .btn-hero { background:#fff; color:var(--brand-2); }
body.pd #hero-1 .btn-hero:hover { background:var(--accent); color:#1a1a1a; }
body.pd #hero-1 .wave-animation path { fill:var(--bg); }
/* 版式5 hero-6（深色沉浸） */
body.pd #hero-6 { background:radial-gradient(ellipse at 20% -10%, var(--brand-2), var(--band-2) 75%); color:#fff; padding:80px 0; }
body.pd #hero-6 h1 { color:#fff; } body.pd #hero-6 p { color:#d7e0ea; }
body.pd .pd-hero-panel { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); border-radius:16px; padding:1.1rem 1.3rem; backdrop-filter:blur(6px); }
body.pd .pd-hero-panel-head { color:var(--accent); font-weight:800; margin-bottom:.7rem; }
body.pd .pd-hero-panel li { display:flex; justify-content:space-between; gap:1rem; padding:.5rem 0; border-bottom:1px dashed rgba(255,255,255,.16); color:#fff; }
body.pd .pd-hero-panel li:last-child { border-bottom:0; }
body.pd .pd-hero-panel li span { color:rgba(255,255,255,.72); }

/* ---------- about-14 ---------- */
body.pd #about-14 h2 { font-weight:900; color:var(--brand-2); }
body.pd .pd-rounded { border-radius:16px; box-shadow:0 14px 34px rgba(16,24,40,.14); }

/* ---------- stats-5 / stats-15 ---------- */
body.pd #stats-5 { background:linear-gradient(135deg,var(--brand-2),var(--brand)); }
body.pd #stats-5 h2 { color:#fff; } body.pd #stats-5 .text-muted { color:rgba(255,255,255,.85) !important; }
body.pd #stats-5 .stats5-item { background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); border-radius:16px; }
body.pd #stats-5 .stats5-item h5, body.pd #stats-5 .stats5-item p { color:#fff; }
body.pd #stats-5 .stats5-item small { color:rgba(255,255,255,.82); }
body.pd #stats-15 { background:linear-gradient(135deg,#fff,var(--bg)); }
body.pd #stats-15 .circle-card { background:var(--card); border:1px solid var(--line); }
body.pd #stats-15 .circle { background:conic-gradient(var(--brand) calc(var(--value) * 1%),var(--line) 0); }
body.pd .pd-stat-line { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:1rem 1.2rem; display:flex; flex-direction:column; align-items:center; text-align:center; }
body.pd .pd-stat-line strong { font-size:1.5rem; font-weight:900; color:var(--brand); }
body.pd .pd-stat-line span { color:var(--muted); font-size:.86rem; }

/* ---------- security-7 / mission-2 ---------- */
body.pd #security-7 { background:linear-gradient(to bottom,#fff,var(--bg)); }
body.pd #security-7 h2 { color:var(--text); }
body.pd .security-7-visual img { border-radius:16px; box-shadow:0 14px 32px rgba(16,24,40,.16); }
body.pd #mission-2 { background:var(--bg); }
body.pd #mission-2 .mission2-card { background:var(--card); border:1px solid var(--line); }
body.pd .pd-round-ic { width:58px; height:58px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:1.5rem; color:#fff; background:linear-gradient(135deg,var(--brand),var(--brand-2)); }

/* ---------- update-11 手风琴 ---------- */
body.pd #update-11 { background:linear-gradient(135deg,var(--brand-2),var(--band-2)); }
body.pd #update-11 .accordion-item { border:0; margin-bottom:12px; border-radius:12px; overflow:hidden; }
body.pd #update-11 .accordion-button { color:var(--text); font-weight:800; }
body.pd #update-11 .accordion-button:not(.collapsed) { color:#fff; background:linear-gradient(90deg,var(--brand),var(--brand-2)); box-shadow:none; }
body.pd #update-11 .accordion-button:focus { box-shadow:0 0 0 .15rem rgba(255,255,255,.25); }
body.pd #update-11 .accordion-body { background:#fff; }
body.pd .pd-topic-list { list-style:none; margin:0; padding:0; }
body.pd .pd-topic-list li { padding:.5rem 0; border-bottom:1px dashed var(--line); }
body.pd .pd-topic-list li:last-child { border-bottom:0; }
body.pd .pd-topic-list a { color:var(--text); } body.pd .pd-topic-list a:hover { color:var(--brand); }
body.pd .pd-more { display:inline-block; margin-top:.6rem; color:var(--brand); font-weight:800; font-size:.9rem; }

/* ---------- mission-3 / 品牌宣言深色带 ---------- */
body.pd .mission-3-section, body.pd #mission-3.mission-3-section { background:linear-gradient(135deg,var(--band-2),var(--brand-2)); padding:60px 0; }
body.pd #mission-3 .mission-list li { color:rgba(255,255,255,.9); margin-bottom:.6rem; line-height:1.7; }
body.pd .pd-mission-band { background:linear-gradient(135deg,var(--brand-2),var(--band-2)); padding:60px 0; }
body.pd .pd-vow-card { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); border-radius:16px; padding:1.1rem; height:100%; color:#fff; transition:transform .18s,background .18s; }
body.pd .pd-vow-card:hover { transform:translateY(-4px); background:rgba(255,255,255,.14); }
body.pd .pd-vow-card h6 { color:#fff; font-weight:900; } body.pd .pd-vow-card p { color:rgba(255,255,255,.82); }
body.pd .pd-vow-ic { width:46px; height:46px; border-radius:12px; background:var(--accent); color:#1a1a1a; display:inline-flex; align-items:center; justify-content:center; font-size:1.25rem; margin-bottom:.6rem; }

/* ---------- news-3（模版1同构 + 变体） ---------- */
body.pd #news-3 .news3-card { background:var(--card); border:1px solid var(--line); border-radius:16px; transition:transform .18s,box-shadow .18s; }
body.pd #news-3 .news3-card:hover { transform:translateY(-3px); box-shadow:0 14px 30px rgba(16,24,40,.12); }
body.pd .news3-wrapper { grid-template-columns:1fr; }
body.pd .news3-img-wrap { width:280px; min-height:180px; background:#0d1b12; }
body.pd .news3-img-wrap img { object-fit:cover; }
@media (max-width:767px){ body.pd .news3-img-wrap { width:100%; height:190px; } }
/* 双列卡网格 */
body.pd .pd-news-card { display:block; background:var(--card); border:1px solid var(--line); border-radius:16px; overflow:hidden; height:100%; transition:transform .18s,box-shadow .18s; }
body.pd .pd-news-card:hover { transform:translateY(-4px); box-shadow:0 16px 34px rgba(16,24,40,.14); }
body.pd .pd-news-thumb { position:relative; aspect-ratio:16/9; overflow:hidden; background:#0d1b12; }
body.pd .pd-news-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
body.pd .pd-news-badge { position:absolute; left:12px; top:12px; background:rgba(12,20,16,.72); color:#fff; font-size:.72rem; font-weight:800; border-radius:999px; padding:3px 11px; }
body.pd .pd-news-body { padding:1rem 1.15rem 1.15rem; }
body.pd .pd-news-body h3 { font-size:16px; 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.pd .pd-news-desc { color:var(--muted); font-size:.86rem; line-height:1.6; margin:0 0 .6rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.pd .pd-news-meta { display:flex; align-items:center; gap:.9rem; color:var(--muted); font-size:.8rem; }
body.pd .pd-news-meta time { color:var(--muted); }
body.pd .pd-read-more { margin-left:auto; color:var(--brand); font-weight:800; white-space:nowrap; }
/* 头条大卡 + 时间线 */
body.pd .pd-lead-card { display:block; background:var(--card); border:1px solid var(--line); border-radius:18px; overflow:hidden; height:100%; transition:transform .18s,box-shadow .18s; }
body.pd .pd-lead-card:hover { transform:translateY(-3px); box-shadow:0 18px 36px rgba(16,24,40,.14); }
body.pd .pd-lead-media { position:relative; aspect-ratio:16/9; overflow:hidden; background:#0d1b12; }
body.pd .pd-lead-media img { width:100%; height:100%; object-fit:cover; display:block; }
body.pd .pd-lead-tag { position:absolute; left:14px; top:14px; background:linear-gradient(135deg,var(--brand),var(--accent)); color:#fff; font-size:.74rem; font-weight:800; border-radius:999px; padding:4px 12px; }
body.pd .pd-lead-body { padding:1.1rem 1.25rem 1.3rem; }
body.pd .pd-lead-body h3 { font-size:clamp(18px,2.2vw,22px); font-weight:900; margin:0 0 8px; line-height:1.4; }
body.pd .pd-lead-body p { color:var(--muted); font-size:.92rem; line-height:1.7; margin:0 0 .8rem; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
body.pd .pd-rail { background:var(--card); border:1px solid var(--line); border-radius:18px; padding:.4rem 1.1rem 1.1rem; height:100%; }
body.pd .pd-rail-head { font-weight:900; padding:.9rem 0 .5rem; border-bottom:2px solid var(--brand); color:var(--brand-2); }
body.pd .pd-rail-item { display:flex; gap:.8rem; align-items:flex-start; padding:.75rem 0; border-bottom:1px dashed var(--line); }
body.pd .pd-rail-item:last-of-type { border-bottom:0; }
body.pd .pd-rail-time { flex:0 0 auto; font-weight:800; color:var(--brand); font-size:.82rem; background:var(--bg); border-radius:8px; padding:.2rem .5rem; }
body.pd .pd-rail-txt { flex:1 1 auto; min-width:0; font-size:.9rem; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.pd .pd-btn-line { display:inline-flex; align-items:center; gap:.4rem; color:var(--brand-2); font-weight:800; border:1.5px solid var(--brand); border-radius:30px; padding:.4rem 1.1rem; font-size:.9rem; transition:.18s; }
body.pd .pd-btn-line:hover { background:var(--brand); color:#fff; }

/* ---------- 好评通用：头像 / 星级 / 评分胶囊 ---------- */
body.pd .pd-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.pd .pd-av-1 { background:linear-gradient(135deg,#0f8a4f,#3ddc84); }
body.pd .pd-av-2 { background:linear-gradient(135deg,#1e63c8,#5aa9ff); }
body.pd .pd-av-3 { background:linear-gradient(135deg,#c81e3a,#ff6b81); }
body.pd .pd-av-4 { background:linear-gradient(135deg,#d9541e,#fb923c); }
body.pd .pd-av-5 { background:linear-gradient(135deg,#6b3fd6,#a78bfa); }
body.pd .pd-av-6 { background:linear-gradient(135deg,#0f8f86,#2dd4bf); }
body.pd .pd-stars { color:#f5a623; letter-spacing:2px; font-size:.92rem; }
body.pd .pd-stars i { margin:0; }
body.pd .pd-rate-pill { background:#fff; border:1px solid #e3e7ed; border-radius:999px; padding:.5rem 1.15rem; box-shadow:0 4px 14px rgba(16,24,40,.06); }
body.pd .pd-rate-pill strong { font-size:1.05rem; }

/* ---------- judge-7 横滑口碑墙 ---------- */
body.pd #judge-7 { background:linear-gradient(180deg,#fff,var(--bg)); }
body.pd #judge-7 h2 { font-weight:900; color:var(--text); }
body.pd #judge-7 .scroll-wrapper { display:flex; gap:1rem; overflow-x:auto; padding:.25rem .25rem 1rem; scroll-snap-type:x mandatory; }
body.pd #judge-7 .review-card { flex:0 0 320px; width:320px; background:#fff; border:1px solid var(--line); border-radius:16px; padding:1.25rem; box-shadow:0 2px 10px rgba(16,24,40,.05); scroll-snap-align:start; }
body.pd #judge-7 .review-card p { font-size:.95rem; line-height:1.75; }
body.pd #judge-7 .review-footer .pd-avatar { margin-right:12px; width:44px; height:44px; font-size:17px; }
body.pd #judge-7 .review-footer h6 { font-size:.95rem; }
body.pd #judge-7 .scroll-wrapper::-webkit-scrollbar { height:8px; }
body.pd #judge-7 .scroll-wrapper::-webkit-scrollbar-track { background:var(--bg); border-radius:4px; }
body.pd #judge-7 .scroll-wrapper::-webkit-scrollbar-thumb { background:var(--brand); border-radius:4px; opacity:.6; }

/* ---------- judge-3 好评 + 热读榜 ---------- */
body.pd #judge-3 { padding:58px 0; background:linear-gradient(180deg,#fff,var(--bg)); }
body.pd .pd-comment-card { background:var(--card); border:1px solid var(--line); border-left:4px solid var(--brand); border-radius:14px; padding:1.1rem 1.2rem; height:100%; transition:transform .18s,box-shadow .18s; }
body.pd .pd-comment-card:hover { transform:translateY(-4px); box-shadow:0 12px 26px rgba(16,24,40,.1); }
body.pd .pd-comment-head { display:flex; align-items:center; gap:.8rem; margin-bottom:.7rem; }
body.pd .pd-comment-head .pd-avatar { width:50px; height:50px; font-size:19px; }
body.pd .pd-comment-head h5 { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; font-weight:800; margin:0; font-size:1rem; }
body.pd .pd-comment-body { color:var(--muted); line-height:1.75; font-size:.94rem; }
body.pd .pd-rate-bars { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:1.1rem 1.2rem; }
body.pd .pd-rate-bar { display:flex; align-items:center; gap:.8rem; margin-bottom:.6rem; }
body.pd .pd-rate-bar:last-child { margin-bottom:0; }
body.pd .pd-rate-name { flex:0 0 96px; font-size:.86rem; color:var(--text); font-weight:600; }
body.pd .pd-rate-track { flex:1 1 auto; height:8px; background:var(--bg); border-radius:30px; overflow:hidden; }
body.pd .pd-rate-fill { display:block; height:100%; background:linear-gradient(90deg,var(--brand),var(--accent)); border-radius:30px; }
body.pd .pd-rate-num { flex:0 0 44px; text-align:right; font-size:.82rem; color:var(--muted); font-weight:700; }
body.pd .pd-rank-card { background:linear-gradient(160deg,var(--brand-2),var(--band-2)); border-radius:16px; padding:1.2rem 1.3rem; color:#fff; height:100%; }
body.pd .pd-rank-card h3 { color:#fff; font-size:1.08rem; font-weight:900; margin-bottom:1rem; }
body.pd .pd-rank-list { list-style:none; margin:0; padding:0; }
body.pd .pd-rank-list li { display:flex; align-items:center; gap:.7rem; padding:.6rem 0; border-bottom:1px dashed rgba(255,255,255,.16); }
body.pd .pd-rank-list li:last-child { border-bottom:0; }
body.pd .pd-rank-no { flex:0 0 24px; width:24px; height:24px; border-radius:6px; background:rgba(255,255,255,.16); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-weight:800; font-size:.82rem; }
body.pd .pd-rank-no.pd-rank-top { background:var(--accent); color:#1a1a1a; }
body.pd .pd-rank-title { flex:1 1 auto; min-width:0; color:#eef3f8; font-size:.9rem; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.pd .pd-rank-title:hover { color:#fff; }
body.pd .pd-rank-views { flex:0 0 auto; font-size:.76rem; color:rgba(255,255,255,.7); white-space:nowrap; }

/* ============================================================
   新增模块 ①：APP 好评 & 下载 #pdapp
   ============================================================ */
body.pd #pdapp { padding:62px 0; background:linear-gradient(135deg,var(--brand-2),var(--band-2) 75%); color:#fff; position:relative; overflow:hidden; }
body.pd #pdapp::before { content:""; position:absolute; right:-90px; top:-90px; width:340px; height:340px; background:radial-gradient(circle,var(--glow),transparent 70%); opacity:.32; }
body.pd #pdapp .pd-app-copy { position:relative; z-index:1; }
body.pd #pdapp .pd-app-copy h2 { font-weight:900; font-size:clamp(22px,3vw,32px); margin-bottom:14px; color:#fff; }
body.pd #pdapp .pd-app-copy h2 .pd-brand { color:var(--accent); }
body.pd #pdapp .pd-app-copy p { color:rgba(255,255,255,.86); line-height:1.85; margin-bottom:20px; }
body.pd #pdapp .pd-badge { background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.26); color:#fff; }
body.pd #pdapp .pd-score-big { display:flex; align-items:center; gap:16px; margin-bottom:20px; }
body.pd #pdapp .pd-score-big .num { font-size:46px; font-weight:900; line-height:1; }
body.pd #pdapp .pd-score-big .meta small { display:block; color:rgba(255,255,255,.82); font-size:.82rem; }
body.pd #pdapp .pd-stars { color:var(--accent); }
body.pd #pdapp .pd-badges { display:flex; flex-wrap:wrap; gap:12px; }
body.pd #pdapp .pd-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.pd #pdapp .pd-store:hover { transform:translateY(-2px); color:#111; }
body.pd #pdapp .pd-store small { display:block; font-weight:600; font-size:.64rem; color:#666; line-height:1; margin-bottom:2px; }
body.pd #pdapp .pd-store i { font-size:1.5rem; color:var(--brand); }
body.pd #pdapp .pd-store-ghost { background:transparent; color:#fff; border:1px solid rgba(255,255,255,.5); }
body.pd #pdapp .pd-store-ghost small { color:rgba(255,255,255,.72); }
body.pd #pdapp .pd-store-ghost:hover { background:rgba(255,255,255,.12); color:#fff; }
body.pd #pdapp .pd-store-ghost i { color:#fff; }
body.pd #pdapp .pd-phone { position:relative; z-index:1; background:rgba(0,0,0,.28); border:1px solid rgba(255,255,255,.18); border-radius:24px; padding:.8rem; box-shadow:0 18px 40px rgba(0,0,0,.32); }
body.pd #pdapp .pd-phone-top { display:flex; align-items:center; justify-content:space-between; padding:.2rem .4rem .6rem; color:var(--accent); }
body.pd #pdapp .pd-phone-top span { width:34px; height:5px; border-radius:5px; background:rgba(255,255,255,.24); }
body.pd #pdapp .pd-phone-body { background:rgba(255,255,255,.05); border-radius:16px; padding:.7rem .8rem; }
body.pd #pdapp .pd-feed-head { color:#fff; font-weight:800; font-size:.86rem; margin-bottom:.6rem; }
body.pd #pdapp .pd-feed-head i { color:var(--accent); margin-right:4px; }
body.pd #pdapp .pd-feed-item { display:flex; gap:.6rem; align-items:flex-start; padding:.5rem 0; border-top:1px solid rgba(255,255,255,.1); }
body.pd #pdapp .pd-feed-dot { flex:0 0 auto; width:9px; height:9px; margin-top:6px; border-radius:50%; background:var(--glow); box-shadow:0 0 0 3px rgba(255,255,255,.1); }
body.pd #pdapp .pd-feed-item strong { display:block; font-size:.78rem; line-height:1.35; color:#fff; font-weight:600; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.pd #pdapp .pd-feed-item small { color:rgba(255,255,255,.66); font-size:.7rem; }
body.pd #pdapp .pd-feed-foot { margin-top:.5rem; color:rgba(255,255,255,.66); font-size:.72rem; }
body.pd #pdapp .pd-dist-card { position:relative; z-index:1; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); border-radius:14px; padding:.9rem 1rem; margin-bottom:.8rem; }
body.pd #pdapp .pd-dist-head { color:#fff; font-size:.82rem; margin-bottom:.6rem; }
body.pd #pdapp .pd-dist-head strong { font-size:1.2rem; margin-right:6px; }
body.pd #pdapp .pd-dist-head span { color:rgba(255,255,255,.72); }
body.pd #pdapp .pd-dist-row { display:flex; align-items:center; gap:.5rem; margin-bottom:.35rem; }
body.pd #pdapp .pd-dist-star { flex:0 0 30px; color:var(--accent); font-size:.76rem; font-weight:700; }
body.pd #pdapp .pd-dist-track { flex:1 1 auto; height:6px; background:rgba(255,255,255,.16); border-radius:30px; overflow:hidden; }
body.pd #pdapp .pd-dist-fill { display:block; height:100%; background:linear-gradient(90deg,var(--accent),var(--glow)); }
body.pd #pdapp .pd-dist-num { flex:0 0 52px; text-align:right; color:rgba(255,255,255,.8); font-size:.74rem; }
body.pd #pdapp .pd-app-review { position:relative; z-index:1; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); border-radius:12px; padding:.6rem .8rem; margin-bottom:.6rem; }
body.pd #pdapp .pd-app-review .r-title { display:flex; align-items:center; gap:8px; font-weight:800; font-size:.86rem; margin-bottom:2px; color:#fff; }
body.pd #pdapp .pd-app-review .r-sub { color:rgba(255,255,255,.78); font-size:.8rem; line-height:1.5; }
body.pd #pdapp .pd-app-note { position:relative; z-index:1; text-align:center; color:rgba(255,255,255,.62); font-size:.8rem; margin-top:26px; }

/* ============================================================
   新增模块 ②：本周焦点榜 #pdheat
   ============================================================ */
body.pd #pdheat { padding:60px 0; background:radial-gradient(120% 120% at 85% 0%, var(--brand-2), var(--band-2)); }
body.pd .pd-heat-card { display:block; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.16); border-radius:16px; padding:1.1rem 1.2rem; height:100%; color:#fff; transition:transform .18s,background .18s; }
body.pd .pd-heat-card:hover { transform:translateY(-4px); background:rgba(255,255,255,.13); color:#fff; }
body.pd .pd-heat-top { display:flex; align-items:center; gap:.6rem; margin-bottom:.7rem; }
body.pd .pd-heat-rank { width:30px; height:30px; border-radius:9px; background:var(--accent); color:#1a1a1a; font-weight:900; display:inline-flex; align-items:center; justify-content:center; }
body.pd .pd-heat-ic { color:var(--glow); font-size:1.1rem; }
body.pd .pd-heat-idx { margin-left:auto; color:var(--accent); font-weight:800; font-size:.85rem; }
body.pd .pd-heat-idx i { margin-right:4px; }
body.pd .pd-heat-card h4 { font-size:1.02rem; font-weight:900; margin:0 0 4px; color:#fff; }
body.pd .pd-heat-card p { color:rgba(255,255,255,.78); margin:0 0 .7rem; }
body.pd .pd-heat-bar { height:6px; background:rgba(255,255,255,.16); border-radius:30px; overflow:hidden; }
body.pd .pd-heat-bar span { display:block; height:100%; background:linear-gradient(90deg,var(--glow),var(--accent)); border-radius:30px; }

/* ============================================================
   新增模块 ③：赛程看点时间轴 #pdtimeline
   ============================================================ */
body.pd .pd-tl { position:relative; padding-left:8px; }
body.pd .pd-tl::before { content:""; position:absolute; left:96px; top:6px; bottom:6px; width:2px; background:linear-gradient(var(--brand),var(--accent)); }
body.pd .pd-tl-item { display:flex; gap:22px; align-items:flex-start; padding:14px 0; }
body.pd .pd-tl-item:hover { color:inherit; }
body.pd .pd-tl-date { flex:0 0 74px; text-align:right; }
body.pd .pd-tl-date b { display:block; font-size:20px; font-weight:900; color:var(--brand); line-height:1; }
body.pd .pd-tl-date span { font-size:.78rem; color:var(--muted); }
body.pd .pd-tl-dot { position:relative; flex:0 0 auto; width:16px; height:16px; margin-top:4px; border-radius:50%; background:#fff; border:3px solid var(--brand); box-shadow:0 0 0 4px var(--bg); }
body.pd .pd-tl-body { flex:1 1 auto; min-width:0; background:var(--bg); border:1px solid var(--line); border-radius:14px; padding:12px 16px; }
body.pd .pd-tl-body .pd-tl-comp { font-size:.76rem; font-weight:800; color:#fff; background:var(--brand); border-radius:999px; padding:2px 10px; display:inline-block; margin-bottom:6px; }
body.pd .pd-tl-body h4 { font-size:16px; font-weight:800; margin:0 0 4px; }
body.pd .pd-tl-body p { color:var(--muted); font-size:.88rem; margin:0; line-height:1.6; }
@media (max-width:575px){ body.pd .pd-tl::before{ left:8px; } body.pd .pd-tl-item{ flex-wrap:wrap; } body.pd .pd-tl-date{ flex-basis:100%; text-align:left; } }

/* ============================================================
   新增模块 ④：精选球星网格 #pdgrid
   ============================================================ */
body.pd #pdgrid { padding:60px 0; background:linear-gradient(180deg,var(--bg),#fff); }
body.pd .pd-grid-card { display:block; background:var(--card); border:1px solid var(--line); border-radius:18px; overflow:hidden; height:100%; transition:transform .18s,box-shadow .18s; }
body.pd .pd-grid-card:hover { transform:translateY(-4px); box-shadow:0 16px 34px rgba(16,24,40,.14); }
body.pd .pd-grid-media { position:relative; aspect-ratio:4/3; overflow:hidden; background:#0d1b12; }
body.pd .pd-grid-media img { width:100%; height:100%; object-fit:cover; display:block; }
body.pd .pd-grid-rank { position:absolute; left:12px; top:12px; background:linear-gradient(135deg,var(--brand),var(--accent)); color:#fff; font-weight:900; font-size:.8rem; border-radius:9px; padding:3px 10px; }
body.pd .pd-grid-body { padding:14px 16px 16px; }
body.pd .pd-grid-body h4 { 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.pd .pd-grid-desc { color:var(--muted); font-size:.84rem; line-height:1.6; margin:0 0 8px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.pd .pd-grid-foot { display:flex; justify-content:space-between; align-items:center; color:var(--muted); font-size:.82rem; }
body.pd .pd-grid-more { color:var(--brand); font-weight:800; }

/* ============================================================
   新增模块 ⑤：栏目 & 话题聚合 #pdhub
   ============================================================ */
body.pd #pdhub { padding:60px 0; background:var(--card); }
body.pd .pd-hub-cat { display:flex; align-items:center; gap:1rem; background:var(--bg); border:1px solid var(--line); border-radius:14px; padding:1rem 1.1rem; height:100%; transition:transform .18s,border-color .18s; }
body.pd .pd-hub-cat:hover { transform:translateY(-3px); border-color:var(--brand); }
body.pd .pd-hub-no { flex:0 0 auto; font-weight:900; color:var(--brand); font-size:1.1rem; }
body.pd .pd-hub-txt { flex:1 1 auto; min-width:0; }
body.pd .pd-hub-txt strong { display:block; font-size:1rem; font-weight:800; color:var(--text); }
body.pd .pd-hub-txt small { display:block; color:var(--muted); font-size:.82rem; margin-top:2px; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.pd .pd-hub-arrow { color:var(--brand); opacity:0; transition:opacity .18s; }
body.pd .pd-hub-cat:hover .pd-hub-arrow { opacity:1; }
body.pd .pd-hub-side { background:linear-gradient(160deg,var(--brand-2),var(--band-2)); border-radius:16px; padding:1.3rem 1.4rem; color:#fff; height:100%; }
body.pd .pd-hub-side h3 { color:#fff; font-weight:900; font-size:1.05rem; margin-bottom:1rem; }
body.pd .pd-hub-tags { display:flex; flex-wrap:wrap; gap:8px; }
body.pd .pd-hub-tags li { list-style:none; }
body.pd .pd-hub-tags a { display:inline-block; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); color:#fff; padding:4px 12px; border-radius:999px; font-size:.82rem; white-space:nowrap; transition:.15s; }
body.pd .pd-hub-tags a:hover { background:var(--accent); color:#1a1a1a; border-color:var(--accent); }
body.pd .pd-hub-side .pd-btn-line { background:#fff; border-color:#fff; color:var(--brand-2); }
body.pd .pd-hub-side .pd-btn-line:hover { background:var(--accent); border-color:var(--accent); color:#1a1a1a; }

/* ============================================================
   新增模块 ⑥：常见问题 #pdfaq
   ============================================================ */
body.pd #pdfaq { padding:60px 0; background:var(--card); }
body.pd .pd-faq-item { border:1px solid var(--line); border-radius:14px; background:#fff; margin-bottom:12px; overflow:hidden; }
body.pd .pd-faq-q { width:100%; text-align:left; background:#fff; 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.pd .pd-faq-q .ic { color:var(--brand); transition:transform .2s; }
body.pd .pd-faq-q[aria-expanded="true"] .ic { transform:rotate(180deg); }
body.pd .pd-faq-q[aria-expanded="true"] { color:var(--brand); }
body.pd .pd-faq-q:focus { outline:0; box-shadow:none; }
body.pd .pd-faq-a { padding:0 18px; color:var(--muted); line-height:1.85; }
body.pd .pd-faq-a.show { padding-bottom:16px; }

/* ============================================================
   详情页 / 列表 / 标签 / 分页 / 侧栏 / 回顶
   ============================================================ */
body.pd .detail-title { font-size:clamp(22px,3vw,30px); font-weight:900; line-height:1.4; margin:6px 0 14px; }
body.pd .mip-box-main .info { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; }
body.pd .mip-box-main .info ul { margin:0; padding:0; }
body.pd .mip-box-main .info li { color:var(--muted); font-size:13px; margin-right:16px; display:inline-block; }
body.pd .mipcms-detail-body { font-size:16.5px; line-height:1.95; color:#2a333f; }
body.pd .mipcms-detail-body p { margin:0 0 16px; }
body.pd .mipcms-detail-body img { max-width:100%; height:auto; border-radius:12px; margin:8px 0; }
body.pd .mipcms-detail-body h2, body.pd .mipcms-detail-body h3 { font-weight:900; margin:24px 0 12px; padding-left:12px; border-left:4px solid var(--brand); }
body.pd .mipcms-detail-body ul, body.pd .mipcms-detail-body ol { margin:0 0 16px; padding-left:22px; }
body.pd .mipcms-detail-body li { margin-bottom:8px; line-height:1.85; }
body.pd .mipcms-detail-body figure.art-lead { margin:12px 0 22px; }
body.pd .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.pd .mipcms-detail-body figure.art-lead figcaption { margin-top:8px; text-align:center; color:var(--muted); font-size:12px; letter-spacing:.3px; }
body.pd .tags, body.pd ul.tags { margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:8px; }
body.pd .tags li { display:block; margin:0; }
body.pd .tags li a { display:inline-block; background:#f0f3f1; border:1px solid var(--line); color:var(--text); padding:4px 13px; border-radius:999px; font-size:12px; line-height:1.7; white-space:nowrap; transition:.15s; }
body.pd .tags li a:hover { background:var(--brand); color:#fff; border-color:var(--brand); }
/* 列表项图左文右：覆盖 mipcms.css 的 float/absolute 遗留布局 */
body.pd .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.pd .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:#eef1ef; }
body.pd .mipui-category-list-001 .item-media .item-link { display:block; position:relative; height:150px !important; transition:none; transform:none !important; }
body.pd .mipui-category-list-001 .item-media .item-link:hover { transform:none !important; }
body.pd .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.pd .mipui-category-list-001 .item-content { padding-left:0 !important; flex:1 1 auto; min-width:0; }
body.pd .mipui-category-list-001 .item-content h4 { font-size:18px; font-weight:800; margin:0 0 8px; line-height:1.4; }
body.pd .mipui-category-list-001 .item-content h4 a { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.pd .mipui-category-list-001 .item-content h4 a:hover { color:var(--brand); }
body.pd .mipui-category-list-001 .item-content p { color:var(--muted); font-size:13px; margin:0 0 4px; }
body.pd .mipui-category-list-001 .item-content .list-meta { display:flex; flex-wrap:wrap; gap:1rem; color:var(--muted); font-size:12px; margin:0; }
@media (max-width:575px){ body.pd .mipui-category-list-001 .item-media, body.pd .mipui-category-list-001 .item-media .item-link { width:120px; height:90px; } body.pd .mipui-category-list-001 .item-content h4 { font-size:15px; } }
body.pd .pagination { margin-top:18px; }
body.pd .pagination .page-link { color:var(--brand); border-color:var(--line); }
body.pd .pagination .active .page-link { background:var(--brand); border-color:var(--brand); color:#fff; }
body.pd .page-img { max-width:100%; height:auto; border-radius:14px; box-shadow:0 6px 20px rgba(0,0,0,.1); }
body.pd .item-up-down-page .mipmb-page-item { width:48%; }
body.pd .item-up-down-page .mipmb-page-item a { color:var(--brand); }
/* 回到顶部 */
body.pd .pd-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.pd .pd-totop.show { opacity:1; visibility:visible; transform:none; }
body.pd .pd-totop:hover { background:var(--brand-2); color:#fff; }

/* ---------- 页脚 ---------- */
body.pd #pd-footer { background:linear-gradient(180deg,var(--band-2),var(--brand-2)); color:rgba(255,255,255,.82); padding:48px 0 22px; position:relative; }
body.pd #pd-footer .pd-foot-mask { position:absolute; inset:0; background:rgba(6,12,9,.4); }
body.pd #pd-footer a { color:rgba(255,255,255,.82); }
body.pd #pd-footer a:hover { color:#fff; }
body.pd #pd-footer h6 { color:#fff; letter-spacing:.5px; }
body.pd #pd-footer .pd-ic-a { color:var(--accent); }
body.pd #pd-footer .pd-ic-b { color:var(--glow); }
body.pd #pd-footer .pd-foot-word { font-weight:900; color:#fff; }
body.pd #pd-footer .pd-foot-desc { color:rgba(255,255,255,.72); }
body.pd #pd-footer .pd-foot-bar { border-top:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.6); font-size:.85rem; }

/* ---------- 移动端微调 ---------- */
@media (max-width:767px){
  body.pd #judge-7 .review-card { flex:0 0 82vw; width:82vw; padding:1rem; }
  body.pd .pd-rate-pill { flex-wrap:wrap; justify-content:center; padding:.5rem .9rem; }
  body.pd #pdapp { text-align:center; } body.pd #pdapp .pd-badges { justify-content:center; } body.pd #pdapp .pd-score-big { justify-content:center; }
  body.pd .pd-rate-name { flex-basis:80px; }
}