/* ============================================================================= APEXFITO DESIGN SYSTEM · "D2 PERFORMANCE" ----------------------------------------------------------------------------- 由 mu-plugin `apexfito-design-system.php` 在 wp_head priority 1001 挂载， 即全站最后一份样式表 —— 用于覆盖： · #kadence-global-inline-css (:root 调色板/字体令牌) · #apx-font-settings (priority 1000, 字号 !important) · mu-plugins/apexfito-custom.css + carousel-v2.css 回滚：停用该 mu-plugin 即可整站还原（不改任何既有文件）。 ============================================================================= */ /* ── 0. 自托管字体（OFL 商用免费，不依赖 Google Fonts CDN）────────────────── */ @font-face{font-family:'Saira Condensed';src:url(apx-fonts/saira-condensed-600.woff2) format('woff2'); font-weight:600;font-style:normal;font-display:swap} @font-face{font-family:'Saira Condensed';src:url(apx-fonts/saira-condensed-700.woff2) format('woff2'); font-weight:700;font-style:normal;font-display:swap} @font-face{font-family:'Saira Condensed';src:url(apx-fonts/saira-condensed-800.woff2) format('woff2'); font-weight:800;font-style:normal;font-display:swap} @font-face{font-family:'Saira Condensed';src:url(apx-fonts/saira-condensed-900.woff2) format('woff2'); font-weight:900;font-style:normal;font-display:swap} @font-face{font-family:'Inter';src:url(apx-fonts/inter-400.woff2) format('woff2'); font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:'Inter';src:url(apx-fonts/inter-700.woff2) format('woff2'); font-weight:700;font-style:normal;font-display:swap} @font-face{font-family:'JetBrains Mono';src:url(apx-fonts/jetbrains-mono-500.woff2) format('woff2'); font-weight:400 700;font-style:normal;font-display:swap} /* ── 1. 设计令牌 ─────────────────────────────────────────────────────────── */ :root{ /* 自有令牌（组件层用） */ --apx-brand:#FF2D00; --apx-brand-dark:#D92500; --apx-brand-soft:#FF6240; --apx-brand-tint:rgba(255,45,0,.11); --apx-ink:#F4F5F6; --apx-ink-2:#B8BEC4; --apx-muted:#868D94; --apx-faint:#5D6469; --apx-bg:#0E0F10; --apx-panel:#16181A; --apx-panel-2:#1E2124; --apx-rule:#2A2E32; --apx-rule-strong:#3C4248; --apx-focus:#5AA9FF; --apx-radius:4px; --apx-measure:720px; --apx-display:'Saira Condensed','Arial Narrow',Impact,sans-serif; --apx-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif; --apx-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; --apx-ease:.65s ease; /* ── 覆盖 Kadence 令牌（:root 同特异性 + 我方后加载 = 生效）── */ --global-palette1:var(--apx-brand); /* 品牌主色/链接 */ --global-palette2:var(--apx-brand-dark); /* 品牌 hover */ --global-palette3:var(--apx-ink); /* 标题色（原 #1b1314 深） */ --global-palette4:#C6CDD3; /* 正文色 */ --global-palette5:#AEB5BB; /* 次级正文 */ --global-palette6:var(--apx-muted); /* 弱化/元数据 */ --global-palette7:var(--apx-panel-2); /* 浅面板 / 边框（原 #fff） */ --global-palette8:var(--apx-panel); /* 面板（原 #fff） */ --global-palette9:var(--apx-bg); /* 页面底色（原 #fff） */ --global-palette9rgb:14,15,16; /* ⚠️ 渐变里用 rgba(var(--global-palette9rgb),x)， 改底色必须同步改，否则渐变发白 */ /* 字体令牌 */ --global-body-font-family:var(--apx-sans); --global-heading-font-family:var(--apx-display); --global-primary-nav-font-family:var(--apx-sans); --global-fallback-font:var(--apx-sans); --global-display-fallback-font:var(--apx-display); /* 按钮令牌（D2：红底深字 → hover 白底深字） */ --global-palette-btn-bg:var(--apx-brand); --global-palette-btn:var(--apx-bg); --global-palette-btn-bg-hover:#FFFFFF; --global-palette-btn-hover:var(--apx-bg); /* 次级按钮：透明底 + 描边 */ --global-palette-btn-sec-bg:transparent; --global-palette-btn-sec:var(--apx-ink); --global-palette-btn-sec-bg-hover:var(--apx-brand); --global-palette-btn-sec-hover:var(--apx-bg); --global-palette-highlight:var(--apx-brand); --global-palette-highlight-alt:var(--apx-brand-dark); --global-palette-highlight-alt2:var(--apx-bg); /* 内容宽度对齐 D2 的 1300 */ --global-content-width:1300px; --global-content-wide-width:calc(1300px + 230px); color-scheme:dark; } /* ── 2. 基础 ─────────────────────────────────────────────────────────────── */ html{-webkit-text-size-adjust:100%} body{ background:var(--apx-bg); color:var(--apx-ink); font-family:var(--apx-sans); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } /* 深色纵深：顶部极淡红光，避免大面积纯黑发闷 */ body::before{ content:"";position:fixed;inset:0;z-index:-1;pointer-events:none; background: radial-gradient(64% 42% at 12% -4%,rgba(255,45,0,.075),transparent 60%), radial-gradient(52% 38% at 96% 4%,rgba(140,170,200,.045),transparent 58%); } ::selection{background:var(--apx-brand);color:var(--apx-bg)} a{color:var(--apx-brand)} a:hover{color:var(--apx-brand-soft)} :where(a,button,input,textarea,select):focus-visible{ outline:2px solid var(--apx-brand);outline-offset:3px;border-radius:var(--apx-radius)} /* 深色滚动条 */ ::-webkit-scrollbar{width:12px;height:12px} ::-webkit-scrollbar-track{background:#0B0C0D} ::-webkit-scrollbar-thumb{background:var(--apx-rule);border:3px solid #0B0C0D;border-radius:8px} ::-webkit-scrollbar-thumb:hover{background:var(--apx-brand)} html{scrollbar-color:var(--apx-rule) #0B0C0D;scrollbar-width:thin} /* 标题一律窄体全大写 —— D2 的核心识别特征 */ h1,h2,h3,h4,h5,h6, .entry-title,.page-title,.widget-title,.wp-block-heading{ font-family:var(--apx-display)!important; font-weight:800!important; text-transform:uppercase!important; letter-spacing:.014em!important; line-height:1.02!important; color:var(--apx-ink); } h1,.entry-title{line-height:.98!important} h4,h5,h6,.widget-title{font-weight:700!important;letter-spacing:.05em!important;line-height:1.15!important} /* 小标签（eyebrow / 元数据 / 分类）→ 等宽全大写 */ .entry-taxonomies a,.cat-links a,.entry-meta,.post-meta, .meta-label,.entry-meta .author,.entry-meta time, .kadence-breadcrumbs,.entry-footer .tags-links a{ font-family:var(--apx-mono)!important; text-transform:uppercase;letter-spacing:.12em; } /* ── 3. 页眉 ─────────────────────────────────────────────────────────────── */ .site-header,.site-mobile-header-wrap{ background:rgba(14,15,16,.92)!important; backdrop-filter:blur(10px); border-bottom:1px solid var(--apx-rule)!important; } .site-header .site-header-row-container-inner, .site-mobile-header-wrap .site-header-row-container-inner{background:transparent!important} .site-top-header-wrap .site-header-row-container-inner{border-bottom:1px solid var(--apx-rule)} /* 顶部公告条：等宽大写红字 */ .site-top-header-wrap .header-html, .site-top-header-wrap .header-html a{ font-family:var(--apx-mono)!important;font-size:12px!important;font-weight:700!important; text-transform:uppercase;letter-spacing:.13em;color:var(--apx-brand)!important } .site-top-header-wrap .header-html a:hover{color:#fff!important} /* Logo */ .site-branding .site-title, .site-branding .site-title a, .brand .site-title-wrap .site-title, .site-mobile-header-wrap .site-title, .site-mobile-header-wrap .site-title a{ font-family:var(--apx-display)!important; font-weight:900!important; text-transform:uppercase!important; letter-spacing:.02em!important; color:var(--apx-ink)!important; line-height:1!important; } .site-branding .site-title a:hover{color:var(--apx-brand)!important} /* 描述行弱化 */ .site-branding .site-description{color:var(--apx-muted)!important;font-family:var(--apx-mono)!important} /* ── 4. 导航 ─────────────────────────────────────────────────────────────── */ .main-navigation .menu-item > a, .header-navigation .menu-item > a, #site-navigation .menu-item > a{ font-family:var(--apx-sans)!important; font-weight:700!important; text-transform:uppercase!important; letter-spacing:.13em!important; color:var(--apx-ink-2)!important; transition:color var(--apx-ease); } .main-navigation .menu-item > a:hover, .header-navigation .menu-item > a:hover, .main-navigation .menu-item.current-menu-item > a, .header-navigation .menu-item.current-menu-item > a{color:var(--apx-brand)!important} .main-navigation .menu-item > a:hover .kadence-svg-iconset, .header-navigation .menu-item > a:hover .kadence-svg-iconset{color:var(--apx-brand)} /* 下拉：深面板 + 红色 hover（用户 2026-08-04 明确要求：纯黑底 + 红字） */ .header-navigation .header-menu-container ul ul.sub-menu, .main-navigation .primary-menu-container ul ul.sub-menu{ background:var(--apx-panel-2)!important; border:1px solid var(--apx-rule-strong)!important; box-shadow:0 18px 44px rgba(0,0,0,.6)!important; } .header-navigation .header-menu-container ul ul li.menu-item > a, .main-navigation .primary-menu-container ul ul li.menu-item > a{ font-size:15px!important;color:var(--apx-ink-2)!important; text-transform:none;letter-spacing:.02em; } .header-navigation .header-menu-container ul ul li.menu-item > a:hover, .main-navigation .primary-menu-container ul ul li.menu-item > a:hover{ color:var(--apx-brand)!important;background:#000000!important } /* 移动端抽屉 */ #mobile-drawer .drawer-inner{background:var(--apx-panel)!important} #mobile-drawer .drawer-header{border-bottom:1px solid var(--apx-rule)!important} #mobile-drawer .drawer-navigation .menu-item > a{color:var(--apx-ink)!important;text-transform:uppercase; letter-spacing:.1em;font-weight:700} #mobile-drawer .drawer-navigation .menu-item > a:hover{color:var(--apx-brand)!important} #mobile-drawer .toggle-close-bar{background:var(--apx-ink)!important} #search-drawer .drawer-inner{background:var(--apx-panel)!important} #search-drawer .drawer-content{color:var(--apx-ink)} /* 搜索/汉堡图标 */ .header-navigation .kadence-svg-iconset,.search-toggle-open,.mobile-toggle-open, .menu-toggle-open .kadence-svg-iconset{color:var(--apx-ink-2)} .search-toggle-open:hover,.search-toggle-open:hover .kadence-svg-iconset{color:var(--apx-brand)} /* 移动端汉堡按钮 */ .mobile-navigation-toggle .toggle-bar{background:var(--apx-ink)!important} /* ── 5. 页脚 ─────────────────────────────────────────────────────────────── */ .site-footer,.site-footer .site-footer-row-container-inner{ background:var(--apx-panel)!important; border-top:1px solid var(--apx-rule); color:var(--apx-ink-2); } .site-footer .site-footer-wrap{border-top:1px solid var(--apx-rule)} .site-footer .footer-widget-area-inner{color:var(--apx-ink-2)} .site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,.site-footer h5,.site-footer h6, .site-footer .widget-title{ font-family:var(--apx-display)!important;font-weight:700!important; text-transform:uppercase!important;letter-spacing:.08em!important; color:var(--apx-ink)!important; } .site-footer a{color:var(--apx-ink-2)!important;transition:color var(--apx-ease)} .site-footer a:hover{color:var(--apx-brand)!important} .site-footer li,.site-footer p{color:var(--apx-ink-2)} .site-footer .site-info,.site-footer .site-footer-bottom-section-1{color:var(--apx-muted)} .site-footer .site-footer-bottom-section-1::before{color:var(--apx-muted)!important} /* 社媒图标：白 → hover 红 */ .site-footer .footer-social .kadence-svg-iconset{color:var(--apx-ink)!important;transition:color var(--apx-ease)} .site-footer .footer-social a:hover .kadence-svg-iconset{color:var(--apx-brand)!important} .site-footer input,.site-footer .wp-block-search__input{ background:var(--apx-bg)!important;border:1px solid var(--apx-rule-strong)!important;color:var(--apx-ink)!important} /* ── 6. 按钮 & 表单 ─────────────────────────────────────────────────────── */ .wp-block-button__link,.kb-button,.button,.entry-content .button, button[type=submit],input[type=submit],.kadence-simple-give-button, .site-footer .wp-block-button__link{ font-family:var(--apx-sans)!important; font-weight:700!important; text-transform:uppercase!important; letter-spacing:.12em!important; border-radius:var(--apx-radius)!important; transition:all var(--apx-ease)!important; } .wp-block-button__link:hover,.kb-button:hover,.button:hover, button[type=submit]:hover,input[type=submit]:hover{ transform:translateY(-1px); box-shadow:0 0 0 1px #fff,0 0 34px rgba(255,45,0,.55); } /* 次级按钮：描边 */ .wp-block-button.is-style-outline .wp-block-button__link, .kb-button.kb-btn-outline,.button.secondary{ background:transparent!important;border:1px solid var(--apx-rule-strong)!important;color:var(--apx-ink)!important} .wp-block-button.is-style-outline .wp-block-button__link:hover, .kb-button.kb-btn-outline:hover{ border-color:var(--apx-brand)!important;color:var(--apx-brand)!important;background:var(--apx-brand-tint)!important} input[type=text],input[type=email],input[type=url],input[type=password], input[type=search],input[type=number],input[type=tel],textarea,select{ background:var(--apx-panel)!important;border:1px solid var(--apx-rule-strong)!important; color:var(--apx-ink)!important;border-radius:var(--apx-radius)!important; transition:border-color var(--apx-ease)} input::placeholder,textarea::placeholder{color:var(--apx-faint)!important} input:focus,textarea:focus,select:focus{border-color:var(--apx-brand)!important} /* ── 7. 正文排版 ─────────────────────────────────────────────────────────── */ .entry-content,.single-content,.content-area .entry-content{ color:var(--apx-ink-2); } /* ⚠️ font-settings(priority1000) 对正文 p/li 设了 font-size/line-height !important， 我方在 1001 → 同特异性后者胜；line-height 必须带 !important 才能压过它 */ .entry-content p,.entry-content li,.single-content p,.single-content li{ color:var(--apx-ink-2); line-height:1.78!important; } .entry-content h2,.single-content h2{ margin-top:2.4em!important;padding-top:1em!important; border-top:1px solid var(--apx-rule); font-size:clamp(26px,3.4vw,40px)!important; } .entry-content h2::before{ content:"";display:block;width:56px;height:2px;background:var(--apx-brand);margin-bottom:16px} .entry-content h3,.single-content h3{font-size:clamp(21px,2.4vw,27px)!important} .entry-content h3::before{content:none} .entry-content strong,.single-content strong{color:var(--apx-ink);font-weight:700} .entry-content a:not(.button):not(.wp-block-button__link),.single-content a{ color:var(--apx-brand-soft);text-decoration:underline;text-underline-offset:3px; text-decoration-color:rgba(255,45,0,.4);transition:color var(--apx-ease),text-decoration-color var(--apx-ease)} .entry-content a:not(.button):not(.wp-block-button__link):hover,.single-content a:hover{ color:var(--apx-brand);text-decoration-color:var(--apx-brand)} .entry-content blockquote,.single-content blockquote{ background:var(--apx-panel);border-left:2px solid var(--apx-brand); border-radius:var(--apx-radius);color:var(--apx-ink);padding:22px 26px;margin:2em 0} .entry-content blockquote p:last-child{margin-bottom:0} .entry-content code,.single-content code{ background:var(--apx-panel-2);color:var(--apx-brand-soft); font-family:var(--apx-mono)!important;font-size:.9em; padding:2px 6px;border-radius:3px} .entry-content pre,.single-content pre{ background:#0B0C0D;border:1px solid var(--apx-rule);border-radius:var(--apx-radius); color:var(--apx-ink);font-family:var(--apx-mono)!important;padding:18px 20px;overflow-x:auto} .entry-content pre code{background:none;color:var(--apx-ink);padding:0} /* 表格：深色化 */ .entry-content table,.single-content table{ border-collapse:collapse;width:100%;margin:2em 0; background:var(--apx-panel);border:1px solid var(--apx-rule)} .entry-content table th,.single-content table th{ background:var(--apx-panel-2);color:var(--apx-ink); font-family:var(--apx-display)!important;text-transform:uppercase;letter-spacing:.06em; font-weight:700;padding:12px 14px;border:1px solid var(--apx-rule);text-align:left} .entry-content table td,.single-content table td{ padding:11px 14px;border:1px solid var(--apx-rule);color:var(--apx-ink-2)} .entry-content table tr:nth-child(even) td{background:rgba(255,255,255,.015)} /* 列表标记用品牌红 */ .entry-content ul li::marker,.entry-content ol li::marker,.single-content ul li::marker{color:var(--apx-brand)} /* 图片 */ .entry-content img,.single-content img{border-radius:var(--apx-radius)} .entry-content figcaption,.single-content figcaption, .wp-block-image figcaption{color:var(--apx-muted)!important;font-family:var(--apx-mono)!important; font-size:12px!important;letter-spacing:.04em;margin-top:8px} hr.wp-block-separator,.entry-content hr{border:0;border-top:1px solid var(--apx-rule);margin:2.4em 0} /* ── 8. 卡片 / 列表 / 内容表面 ───────────────────────────────────────────── */ /* Kadence 白底容器 → 深面板 */ .content-bg,.content-bg.entry-content-wrap, .post-thumbnail,.entry-related,.comments-area, .entry-content-wrap{background:transparent!important} .content-style-boxed .content-bg:not(.entry-content-wrap), .content-style-boxed .site-main .entry-content-wrap{ background:transparent!important;box-shadow:none!important} /* 文章 hero 缩略图 */ .post-thumbnail.kadence-thumbnail-position-behind::after{ background:linear-gradient(180deg,rgba(14,15,16,.25) 0%,rgba(14,15,16,.85) 100%)!important} /* 列表卡片 */ .loop-entry,.entry.loop-entry{ background:var(--apx-panel)!important;border:1px solid var(--apx-rule)!important; border-radius:var(--apx-radius)!important;overflow:hidden; transition:border-color var(--apx-ease),transform var(--apx-ease),background var(--apx-ease)} .loop-entry:hover{border-color:var(--apx-brand)!important;background:var(--apx-panel-2)!important; transform:translateY(-3px)} .loop-entry .entry-title a{color:var(--apx-ink)!important} .loop-entry:hover .entry-title a{color:var(--apx-brand)!important} .loop-entry .entry-summary,.loop-entry .entry-summary p{color:var(--apx-ink-2)!important} /* 相关文章 */ .entry-related .loop-entry{background:var(--apx-panel)!important} .entry-related .entry-title a{color:var(--apx-ink)!important} /* 分页 / page-links */ .page-links .post-page-numbers{ background:var(--apx-panel)!important;border:1px solid var(--apx-rule)!important; color:var(--apx-ink-2)!important;border-radius:8px!important} .page-links .post-page-numbers.current{background:var(--apx-brand)!important; border-color:var(--apx-brand)!important;color:var(--apx-bg)!important} .page-links .post-page-numbers:hover{border-color:var(--apx-brand)!important;color:var(--apx-brand)!important} /* 评论 */ .comments-area .comment-body{border-bottom:1px solid var(--apx-rule)} .comments-area .comment-content{color:var(--apx-ink-2)} /* 面包屑 */ .kadence-breadcrumbs,.kadence-breadcrumbs a{color:var(--apx-muted)!important} .kadence-breadcrumbs a:hover{color:var(--apx-brand)!important} /* ══════════════════════════════════════════════════════════════════════════════ 11. 旧浅色组件库 → 深色适配 ------------------------------------------------------------------------------ 自动提取自 apexfito-custom.css / carousel-v2.css / blog-enhance.css / apx-deals.css （34 个浅底选择器 / 67 个深字选择器） ⚠️ 全部前缀 `body.apx-d2` 做特异性加成： !important 之间仍比特异性 —— carousel-v2 的 `.apx-hero-carousel .apx-btn`(0,2,0) 会压过裸 `.apx-btn`(0,1,0)。前缀后为 (0,2,1)，稳胜。 ══════════════════════════════════════════════════════════════════════════════ */ /* 背景：浅色 → 深面板 */ body.apx-d2 #colophon .social-link-facebook, body.apx-d2 #colophon .social-link-instagram, body.apx-d2 #colophon .social-link-tiktok, body.apx-d2 #colophon .social-link-twitter, body.apx-d2 #colophon .social-link-youtube, body.apx-d2 .apex-card, body.apx-d2 .apx-advice-card, body.apx-d2 .apx-badge, body.apx-d2 .apx-cat-btn, body.apx-d2 .apx-category-card, body.apx-d2 .apx-dp-card, body.apx-d2 .apx-dp-img, body.apx-d2 .apx-gear-hub-card, body.apx-d2 .apx-gear-img-box, body.apx-d2 .apx-home, body.apx-d2 .apx-home-gear-card, body.apx-d2 .apx-home-gear-image, body.apx-d2 .apx-latest-gear-card, body.apx-d2 .apx-mini-link-card, body.apx-d2 .apx-page-post-card, body.apx-d2 .apx-page-post-card__media, body.apx-d2 .apx-page-post-card__placeholder, body.apx-d2 .apx-path-card, body.apx-d2 .apx-question-card, body.apx-d2 .apx-review-card, body.apx-d2 .apx-route-card, body.apx-d2 .apx-section, body.apx-d2 .apx-start-section--alt, body.apx-d2 .apx-strip-card, body.apx-d2 .apx-tool-card, body.apx-d2 .apx-topic-btn, body.apx-d2 .apx-topic-card, body.apx-d2 .apx-trust-card, body.apx-d2 section.apx-section:has(.apx-home-gear-grid) {background:var(--apx-panel)!important;border-color:var(--apx-rule)!important} /* 旧品牌红 #b22f1e / #d93d29 → D2 纯力红（特异化，避免只改一半） */ body.apx-d2 .apx-eyebrow,body.apx-d2 .apex-eyebrow,body.apx-d2 .apx-category-eyebrow, body.apx-d2 .apx-link,body.apx-d2 .apx-btn-secondary,body.apx-d2 .apx-section h2 span, body.apx-d2 .apx-strip-card strong,body.apx-d2 .apx-breadcrumb__item a {color:var(--apx-brand-soft)!important} body.apx-d2 .apx-cat-btn.active,body.apx-d2 .apx-cat-btn.active:hover {background:var(--apx-brand)!important;border-color:var(--apx-brand)!important;color:var(--apx-bg)!important} /* 文字：深色 → 浅色（标题类 → ink，正文类 → ink-2） */ body.apx-d2 .apex-hero h1, body.apx-d2 .apex-section h2, body.apx-d2 .apex-section h3, body.apx-d2 .apx-advice-card__title, body.apx-d2 .apx-badge, body.apx-d2 .apx-category-card h3, body.apx-d2 .apx-category-hero h1, body.apx-d2 .apx-category-section h2, body.apx-d2 .apx-dp-body h3, body.apx-d2 .apx-gear-hub-card .apx-topic-body h3, body.apx-d2 .apx-hero-copy h1, body.apx-d2 .apx-home-gear-body h3, body.apx-d2 .apx-latest-gear-card .apx-article-body h3, body.apx-d2 .apx-path-card__title, body.apx-d2 .apx-question-card h3, body.apx-d2 .apx-review-card h3, body.apx-d2 .apx-route-card__title, body.apx-d2 .apx-section h2, body.apx-d2 .apx-start-hero__subtitle, body.apx-d2 .apx-start-hero__title, body.apx-d2 .apx-start-section__title, body.apx-d2 .apx-tool-card__title, body.apx-d2 .apx-topic-body h3, body.apx-d2 .apx-trust-card__title, body.apx-d2 .apx-why-card h3 {color:var(--apx-ink)!important} body.apx-d2 #colophon .social-button.social-link-facebook:hover, body.apx-d2 #colophon .social-button.social-link-instagram:hover, body.apx-d2 #colophon .social-button.social-link-tiktok:hover, body.apx-d2 #colophon .social-button.social-link-twitter:hover, body.apx-d2 #colophon .social-button.social-link-youtube:hover, body.apx-d2 #colophon .social-link-facebook, body.apx-d2 #colophon .social-link-instagram, body.apx-d2 #colophon .social-link-tiktok, body.apx-d2 #colophon .social-link-twitter, body.apx-d2 #colophon .social-link-youtube, body.apx-d2 .apex-lead, body.apx-d2 .apex-section p, body.apx-d2 .apx-advice-card p, body.apx-d2 .apx-breadcrumb__item span[aria-current="page"], body.apx-d2 .apx-cat-btn, body.apx-d2 .apx-cat-btn:hover, body.apx-d2 .apx-category-card p, body.apx-d2 .apx-category-lead, body.apx-d2 .apx-dp-body p, body.apx-d2 .apx-dp-disc a, body.apx-d2 .apx-dp-tag, body.apx-d2 .apx-gear-hub-card .apx-topic-body p, body.apx-d2 .apx-home-gear-body p, body.apx-d2 .apx-latest-gear-card .apx-article-body p, body.apx-d2 .apx-lead, body.apx-d2 .apx-mini-link-label, body.apx-d2 .apx-page-post-card__body p, body.apx-d2 .apx-page-post-card__placeholder, body.apx-d2 .apx-question-card p, body.apx-d2 .apx-review-card p, body.apx-d2 .apx-route-card__steps a, body.apx-d2 .apx-route-card__steps li, body.apx-d2 .apx-section-intro, body.apx-d2 .apx-start-hero__desc, body.apx-d2 .apx-start-section--cta p, body.apx-d2 .apx-start-section__sub, body.apx-d2 .apx-strip-card br + *, body.apx-d2 .apx-tool-card__desc, body.apx-d2 .apx-topic-body p, body.apx-d2 .apx-topic-btn, body.apx-d2 .apx-trust-card p, body.apx-d2 .apx-why-card p {color:var(--apx-ink-2)!important} /* 微调 */ body.apx-d2 .apx-start-section--alt{background:var(--apx-panel-2)!important} body.apx-d2 .apx-page-post-card__placeholder{background:linear-gradient(135deg,#1E2124 0%,#2A2E32 100%)!important} body.apx-d2 .apx-home,body.apx-d2 .apx-section{background:transparent!important} body.apx-d2 .apx-home-gear-image,body.apx-d2 .apx-gear-img-box{background:var(--apx-panel-2)!important} /* ── 10. 杂项 ───────────────────────────────────────────────────────────── */ /* Cookie 同意横幅（Complianz）深色化 */ .cmplz-cookiebanner{background:var(--apx-panel)!important;border:1px solid var(--apx-rule-strong)!important; color:var(--apx-ink)!important} .cmplz-cookiebanner .cmplz-title{color:var(--apx-ink)!important} .cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-description{color:var(--apx-ink-2)!important} .cmplz-btn.cmplz-accept{background:var(--apx-brand)!important;color:var(--apx-bg)!important;border-color:var(--apx-brand)!important} .cmplz-btn.cmplz-deny,.cmplz-btn.cmplz-view-preferences{background:var(--apx-panel-2)!important; color:var(--apx-ink)!important;border-color:var(--apx-rule-strong)!important} /* 跳转链接 */ .skip-link{background:var(--apx-brand);color:var(--apx-bg)} /* 强制隐藏元素里的浅色残留 */ .kadence-thumbnail-ratio-inherit .post-thumbnail-inner{background:var(--apx-panel)} /* ══════════════════════════════════════════════════════════════════════════════ 12. 覆盖加固 —— 实测发现的强覆盖源（浏览器枚举规则定位） ══════════════════════════════════════════════════════════════════════════════ */ /* ① #masthead：custom.css 用「ID 选择器 + !important」设了深棕底 rgb(27,19,20)， 裸 .site-header(0,1,0) 压不过 (1,0,0)。必须同样用 ID 回击。 */ #masthead, #masthead .site-header-row-container-inner, #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner{ background-color:rgba(14,15,16,.92)!important; border-bottom:1px solid var(--apx-rule)!important; } #masthead .site-header-inner-wrap,#masthead .site-header-upper-inner-wrap{background:transparent!important} /* ② 订阅按钮：内联 style 只写了 background:#2d6a4f（无 !important） → 样式表 !important 可覆盖 */ #apexfito-newsletter-form button, #apexfito-newsletter-form input[type=submit], .newsletter-signup button, .newsletter-signup input[type=submit]{ background:var(--apx-brand)!important;color:var(--apx-bg)!important; border:0!important;border-radius:var(--apx-radius)!important; font-weight:700!important;text-transform:uppercase;letter-spacing:.12em; transition:all var(--apx-ease)!important; } #apexfito-newsletter-form button:hover, .newsletter-signup button:hover{background:#fff!important;color:var(--apx-bg)!important} .newsletter-signup input[type=email],.newsletter-signup input[type=text]{ background:var(--apx-panel-2)!important;border:1px solid var(--apx-rule-strong)!important; color:var(--apx-ink)!important} .newsletter-signup{color:var(--apx-ink-2)} /* ③ 内联 `style="color:#111827!important"` 这类 —— 内联 !important 在层叠中 优先级最高，任何样式表都无法覆盖。 → 换属性绕过：-webkit-text-fill-color 与 color 是两个属性， 内联 color 不会设置它，故可生效（Chrome/Safari/Firefox 均支持）。 */ .apx-cta-card h3,.apx-cta-card h4,.apx-cta-card .apx-cta-title, .apx-cta-card strong{ -webkit-text-fill-color:var(--apx-ink)!important; background-image:none!important; } .apx-cta-card p,.apx-cta-card li,.apx-cta-card span{ -webkit-text-fill-color:var(--apx-ink-2)!important; } /* ④ Complianz「Manage consent」悬浮按钮：白底 → 深面板 */ .cmplz-btn.cmplz-manage-consent,.cmplz-manage-consent{ background:var(--apx-panel-2)!important;color:var(--apx-ink)!important; border:1px solid var(--apx-rule-strong)!important} .cmplz-btn.cmplz-manage-consent:hover{background:var(--apx-brand)!important;color:var(--apx-bg)!important} /* ══════════════════════════════════════════════════════════════════════════════ 13. 编辑组件插件深色适配 —— 来源: wp-content/plugins/apexfito-editorial-components/assets/editorial-components.css （上一轮提取时漏了这个目录，实测文章页残留白底 730x390 + 浅橙免责声明） ══════════════════════════════════════════════════════════════════════════════ */ /* 作者/审阅元信息条 */ body.apx-d2 .apx-editorial-meta{ background:var(--apx-panel)!important; border:1px solid var(--apx-rule)!important; color:var(--apx-ink-2)!important; box-shadow:none!important; } body.apx-d2 .apx-editorial-meta__item strong{color:var(--apx-ink)!important} /* 免责声明：浅橙 / 浅黄底 → 深面板 + 红色左边条 */ body.apx-d2 .apx-disclaimer, body.apx-d2 .apx-disclaimer--health, body.apx-d2 .apx-disclaimer--gear{ background:var(--apx-panel)!important; color:var(--apx-ink-2)!important; border:1px solid var(--apx-rule)!important; border-left:2px solid var(--apx-brand)!important; box-shadow:none!important; } body.apx-d2 .apx-disclaimer p,body.apx-d2 .apx-disclaimer strong{color:var(--apx-ink-2)!important} /* 参考文献 / FAQ / 作者简介：白底 → 深面板 */ body.apx-d2 .apx-references, body.apx-d2 .apx-faq, body.apx-d2 .apx-author-bio{ background:var(--apx-panel)!important; border:1px solid var(--apx-rule)!important; box-shadow:none!important; } body.apx-d2 .apx-references h2, body.apx-d2 .apx-faq h2, body.apx-d2 .apx-author-bio h2{color:var(--apx-ink)!important;letter-spacing:.014em!important} body.apx-d2 .apx-references__list li{color:var(--apx-ink-2)!important} body.apx-d2 .apx-reference-source{color:var(--apx-muted)!important} /* FAQ 折叠项 */ body.apx-d2 .apx-faq__item{background:var(--apx-panel-2)!important;border-color:var(--apx-rule)!important} body.apx-d2 .apx-faq__item[open]{background:var(--apx-panel)!important;border-color:var(--apx-rule-strong)!important} body.apx-d2 .apx-faq__item summary{color:var(--apx-ink)!important} body.apx-d2 .apx-faq__answer,body.apx-d2 .apx-faq__answer p{color:var(--apx-ink-2)!important} /* 作者简介 */ body.apx-d2 .apx-author-bio__avatar{background:var(--apx-brand)!important;color:var(--apx-bg)!important; font-family:var(--apx-display)!important;font-weight:900!important} body.apx-d2 .apx-author-bio__content h3{color:var(--apx-ink)!important} body.apx-d2 .apx-author-bio__content p{color:var(--apx-ink-2)!important} body.apx-d2 .apx-author-bio__links a{ background:var(--apx-panel-2)!important;border:1px solid var(--apx-rule-strong)!important; color:var(--apx-ink)!important;border-radius:var(--apx-radius)!important; transition:all var(--apx-ease)!important; } body.apx-d2 .apx-author-bio__links a:hover, body.apx-d2 .apx-author-bio__links a:focus{ background:var(--apx-brand)!important;border-color:var(--apx-brand)!important;color:var(--apx-bg)!important} /* 页面文章卡片网格 */ body.apx-d2 .apx-page-post-card{ background:var(--apx-panel)!important;border:1px solid var(--apx-rule)!important; border-radius:var(--apx-radius)!important;box-shadow:none!important; transition:border-color var(--apx-ease),transform var(--apx-ease),background var(--apx-ease)!important; } body.apx-d2 .apx-page-post-card:hover, body.apx-d2 .apx-page-post-card:focus-within{ border-color:var(--apx-brand)!important;background:var(--apx-panel-2)!important; transform:translateY(-3px);box-shadow:none!important} body.apx-d2 .apx-page-post-card__link{color:var(--apx-ink)!important} body.apx-d2 .apx-page-post-card__media{background:var(--apx-panel-2)!important} body.apx-d2 .apx-page-post-card__placeholder{ background:linear-gradient(135deg,#1E2124 0%,#2A2E32 100%)!important} body.apx-d2 .apx-page-post-card__body h3{color:var(--apx-ink)!important} body.apx-d2 .apx-page-post-card__body p{color:var(--apx-ink-2)!important} body.apx-d2 .apx-page-post-card__body .apx-link{color:var(--apx-brand-soft)!important} body.apx-d2 .apx-page-post-card:hover .apx-page-post-card__body .apx-link{color:var(--apx-brand)!important} /* ══════════════════════════════════════════════════════════════════════════════ 14. post_content 内联