/* ============================================================
* WB-Fix-DarkText-Contrast (2026-08-01)
* 问题:wb-unify-php-override(v11) 中的全局规则
* body.wb-unify p, body.wb-unify li, body.wb-unify td { color:#2D3436 }
* 无差别地把所有段落染成深灰(#2D3436),导致首页深色区
* (.hero / .sec深色 / .sec--navy / .foot / .sos / .bh-cta)
* 内的正文变成"深灰字压深海军蓝底",对比度仅 1.43:1,几乎不可见。
*
* 方案:以更高优先级(!important + 更具体选择器),将深色区内的
* 段落/列表文字恢复为设计规定的浅色(米白系),其余浅色内容区
* (.sec--white / main / .entry-content)保持深灰不变。
* ============================================================ */
/* ---- HERO 区:米白正文 ---- */
body.wb-unify .hero p,
body.wb-unify .hero li,
body.wb-unify .hero .hero__lead,
body.wb-unify .hero .lead {
color: rgba(237, 231, 220, .82) !important;
}
/* ---- 默认深色 .sec(非 .sec--white):米白正文 ---- */
body.wb-unify section.sec:not(.sec--white) p,
body.wb-unify section.sec:not(.sec--white) li,
body.wb-unify section.sec:not(.sec--white) .lead,
body.wb-unify .sec--navy p,
body.wb-unify .sec--navy li,
body.wb-unify .sec--navy .lead {
color: rgba(237, 231, 220, .78) !important;
}
/* ---- 深色 CTA 区:米白正文 ---- */
body.wb-unify .bh-cta p,
body.wb-unify .bh-cta li,
body.wb-unify .cta p {
color: rgba(245, 239, 228, .88) !important;
}
/* ---- 紧急通道 .sos:纯白 ---- */
body.wb-unify .sos p,
body.wb-unify .sos li,
body.wb-unify .sos a {
color: #ffffff !important;
}
/* ---- 首页深色页脚 .foot:柔和米白 ---- */
body.wb-unify footer.foot p,
body.wb-unify footer.foot li,
body.wb-unify footer.foot td {
color: rgba(237, 231, 220, .60) !important;
}
body.wb-unify footer.foot a {
color: rgba(237, 231, 220, .72) !important;
}
body.wb-unify footer.foot a:hover {
color: var(--gold, #C9A96E) !important;
}
/* ---- 统一注入页脚 .wb-footer:柔和米白(防御,深蓝底)---- */
body.wb-unify footer.wb-footer p,
body.wb-unify footer.wb-footer li,
body.wb-unify footer.wb-footer td {
color: rgba(237, 231, 220, .62) !important;
}
/* ---- 防御:白色内容区保持深灰(避免误伤,明确声明)---- */
body.wb-unify section.sec--white p,
body.wb-unify section.sec--white li {
color: #2D3436 !important;
}
/* WB-R12-FixHomeFooter — 修复首页wbFooter被误隐藏 */
html body.wb-unify > footer.wb-footer#wbFooter{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;left:auto!important;width:auto!important;height:auto!important;overflow:visible!important}
本文作者:文道全律师(北京百环律师事务所) 免责声明:本文为虚拟案例普法,非北京百环律师事务所办理的真实案件, […]
本文作者:韩宝玉律师(北京百环律师事务所) 免责声明:本文为虚拟案例普法,非北京百环律师事务所办理的真实案件, […]
本文作者:文道全律师(北京百环律师事务所) 免责声明:本文为虚拟案例普法,非北京百环律师事务所办理的真实案件, […]
本文作者:韩宝玉律师(北京百环律师事务所) 免责声明:本文为虚拟案例普法,非北京百环律师事务所办理的真实案件, […]
本文作者:文道全律师(北京百环律师事务所) 免责声明:本文为虚拟案例普法,非北京百环律师事务所办理的真实案件, […]
本文作者:韩宝玉律师(北京百环律师事务所) 免责声明:本文为虚拟案例普法,非北京百环律师事务所办理的真实案件, […]
本文作者:文道全律师(北京百环律师事务所) 免责声明:本文为虚拟案例普法,非北京百环律师事务所办理的真实案件, […]
本文作者:韩宝玉律师(北京百环律师事务所) 免责声明:本文为虚拟案例普法,非北京百环律师事务所办理的真实案件, […]
本文作者:文道全律师(北京百环律师事务所) 免责声明:本文为虚拟案例普法,非北京百环律师事务所办理的真实案件, […]
本文作者:韩宝玉律师(北京百环律师事务所) 免责声明:本文为虚拟案例普法,非北京百环律师事务所办理的真实案件, […]
/* ===================================================================
* WB-R11-UI-Unify
* R11 — 以首页为基准彻底统一内页主题/UI 一致性
*
* 注入位置:Site Wide Footer(最后一个加载,最高优先级)
* 注入方式:WPCode CSS Snippets,Auto Insert = Site Wide Footer
* 启用日期:2026-08-03
*
* 设计原则
* 1. 不增删任何 DOM 节点,不改写任何文案文字
* 2. 不触碰 .wb-hero(首页/内页共用 hero,自有规则已稳定)
* 3. 特异性前缀 = html body.wb-unify:not(.home):not(.home-page)
* [data-rsssl="1"]:not(#_):not(#_)
* 配合 !important 胜出 wb-001601 / V33 等层叠竞争
* 4. 响应式:
* ≤ 1248px:内页 section 内距 16px(窄屏呼吸)
* ≤ 768px :H2/H3/按钮字号缩小
* =================================================================== */
/* ============= 高特异性前缀(所有规则共用) =============
S = html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) */
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .entry-content,
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .content-vw .entry-content {
padding-left: 0 !important;
padding-right: 0 !important;
background: transparent !important;
max-width: 100% !important;
width: 100% !important;
}
/* 收口 .entry-content 直接子元素的左右内距(与首页 .wrap 内的 .sec > div 一致) */
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .content-vw .entry-content > section,
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .content-vw .entry-content > div {
padding-left: 0 !important;
padding-right: 0 !important;
max-width: 100% !important;
width: 100% !important;
}
/* 这些组件自带 24px 内距是设计意图(如 wb-services-intro 的卡片墙留白),保留 */
/* 但需要它们的内层 .container 收口,避免三层内距叠加 */
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .entry-content .container:not(#_) {
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/* CTA 区块对齐首页 .ctaband 的深色带 */
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .content-vw .entry-content > section.bh-cta {
background: rgb(10, 22, 40) !important;
color: rgba(237, 231, 220, 0.78) !important;
padding-top: 64px !important;
padding-bottom: 64px !important;
}
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .content-vw .entry-content > section.bh-cta h2,
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .content-vw .entry-content > section.bh-cta p {
color: rgba(250, 248, 245, 0.95) !important;
}
/* CTA 内按钮回到浅底主题色(金色渐变保持) */
/* ============= 排版:H2 / H3 与首页 .h2 (32px/700) 一致 ============= */
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .entry-content h2:not(.bh-h2):not(#_),
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .entry-content .bh-section h2:not(#_),
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .entry-content .bh-cta h2:not(#_),
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .entry-content .wb-services-intro h2:not(#_),
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .entry-content .wb-page-intro h2:not(#_) {
font-size: 32px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
margin-top: 0 !important;
margin-bottom: 16px !important;
}
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .entry-content h3 {
font-size: 22px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
color: rgb(10, 22, 40) !important;
}
/* ============= 按钮规格:58px / 700 / 14px 30px / 8px 圆角 ============= */
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) a.wb-btn,
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .wb-btn,
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) a.bh-btn,
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .bh-btn {
min-height: 58px !important;
padding: 14px 30px !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 30px !important;
border-radius: 8px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
box-sizing: border-box !important;
letter-spacing: 0 !important;
}
/* 金色主按钮 = 首页 .btn--gold 渐变 */
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) a.wb-btn--gold,
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) a.bh-btn--gold {
background-color: transparent !important;
background-image: linear-gradient(135deg, rgb(201, 169, 110) 0%, rgb(184, 147, 90) 100%) !important;
color: rgb(10, 22, 40) !important;
border: 0 none !important;
box-shadow: none !important;
}
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) a.wb-btn--gold:hover,
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) a.bh-btn--gold:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 22px rgba(201, 169, 110, .34) !important;
}
/* 幽灵按钮 */
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) a.wb-btn--ghost,
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) a.bh-btn--ghost {
background: transparent !important;
border: 1px solid rgba(201, 169, 110, 0.55) !important;
color: rgb(201, 169, 110) !important;
}
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) a.wb-btn--ghost:hover,
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) a.bh-btn--ghost:hover {
border-color: rgb(201, 169, 110) !important;
background: rgba(201, 169, 110, 0.10) !important;
}
/* 按钮组:与首页 .wb-hero__cta 一致 */
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .wb-hero__cta,
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .bh-cta__btns {
display: flex !important;
flex-wrap: wrap !important;
gap: 16px !important;
align-items: center !important;
justify-content: center !important;
}
/* ============= 页头:透明度 + 品牌字距归零 ============= */
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) header.wb-top {
background: rgba(10, 22, 40, 0.98) !important;
}
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) header.wb-top .wb-brand__t {
font-size: 16px !important;
line-height: 1.2 !important;
}
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) header.wb-top .wb-brand__n {
letter-spacing: normal !important;
font-weight: 600 !important;
}
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) header.wb-top .wb-brand__s {
letter-spacing: normal !important;
font-size: 11px !important;
}
/* ============= 页脚:与首页可见页脚同底色 + 文字透明度 ============= */
/* 基准取自首页可见的 footer.wb-footer = rgb(10,22,40)(rgb(6,13,26) 属首页高度为 0 的隐藏 footer.foot,非基准) */
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .wb-footer {
background: rgb(10, 22, 40) !important;
color: rgba(250, 248, 245, 0.75) !important;
}
/* ============= R11.1 补丁:跨页组件取值统一 ============= */
/* 1) .wb-page-intro —— 业务领域页独有 24px 内距 + 米色底,导致正文轴线 169/1271;
其余 3 页(成功案例/实用工具/联系我们)为 0 内距 + 透明。按多数派统一,回归 144/1296 基准轴。
同时移除其自带的 1px 金色左边框(与首页/多数内页均无此框不符) */
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .wb-page-intro,
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .wb-services-intro {
padding-left: 0 !important;
padding-right: 0 !important;
background: transparent !important;
border-left: 0 !important;
}
/* 2) .dir-notice —— 万州区民政局页提示条为 14px/24.5px + 24px 内距,
与其余目录页正文 16px/28px 不一致,统一到基准正文规格 */
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .dir-notice {
padding-left: 0 !important;
padding-right: 0 !important;
font-size: 16px !important;
line-height: 28px !important;
border-left: 0 !important;
}
/* ============= 浮动/返回按钮:圆形生效 ============= */
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .wb-backtop,
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .float__wx {
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 50% !important;
font-weight: 600 !important;
}
/* ============= 响应式:≤ 1248px 内距保护 ============= */
@media (max-width: 1248px) {
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .content-vw .entry-content > section:not(.wb-hero),
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .content-vw .entry-content > div.wb-services-intro,
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .content-vw .entry-content > div.wb-page-intro {
padding-left: 16px !important;
padding-right: 16px !important;
}
}
/* ============= 响应式:≤ 768px 字号/按钮缩小 ============= */
@media (max-width: 768px) {
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .entry-content h2:not(.bh-h2) {
font-size: 26px !important;
}
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) .entry-content h3 {
font-size: 19px !important;
}
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) a.wb-btn,
html body.wb-unify:not(.home):not(.home-page)[data-rsssl="1"]:not(#_):not(#_) a.bh-btn {
min-height: 48px !important;
padding: 10px 22px !important;
font-size: 14px !important;
line-height: 26px !important;
}
}
/* ===================================================================
* WB-R11-UI-Unify END
* =================================================================== */
/* ===================================================================
* WB-R12-FixHomeFooter (追加到R11末尾)
* 问题:sheet5 的规则 body.wb-unify:not(.home):not(.home-page)
* footer[role=contentinfo]:not(.wb-foot){display:none!important}
* 特异性=0,3,2,且在本片段之前加载。
*
* 修复:用 ID 选择器(1,0,0)+:not()(0,1,0)+类(0,2,1)=1,3,1 胜出。
* 仅针对 #wbFooter 这一个元素,不影响其他footer。
* =================================================================== */
html body.wb-unify > footer.wb-footer#wbFooter[role="contentinfo"] {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
left: auto !important;
top: auto !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
max-height: none !important;
}
/* ===================================================================
* WB-R12-Nuclear — 核选项:多重保障确保首页footer可见
* 策略1:@layer(最外层)覆盖所有内联layer规则
* 策略2::is()伪类包装提升实际优先级
* 策略3:JS保底(对抗任何动态修改)
* =================================================================== */
/* 策略1: @layer 覆盖(如果隐藏规则在某个layer内) */
@layer base {
html body.wb-unify > footer.wb-footer#wbFooter {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
overflow: visible !important;
}
}
/* 策略2: :is() 包装 + 全属性重置 */
:is(html) body.wb-unify > :is(footer.wb-footer#wbFooter) {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
left: 0 !important;
top: auto !important;
width: 100% !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
overflow: visible !important;
clip: auto !important;
clip-path: none !important;
transform: none !important;
pointer-events: auto !important;
}