/* ============================================================================ 鸣山机械官网 · 浅蓝主题（ms-theme-light） 2026-09-29 ---------------------------------------------------------------------------- 这是**主题层**，必须排在所有站点样式之后加载。它只做两件事： ① 反转 ms-case.css 的 design token（语义不变，值反转）； ② 处理上下过渡（连续渐变 + 首屏渐隐带 + 页脚渐入带）。不改动任何布局、字号、间距、圆角、组件结构 —— 版面节奏另议。 token 语义（与深色主题一致，只是深浅方向反转）： ink-950 = 页面最底（最浅） …… ink-50 = 前景最深（深蓝文字）这样任何 var(--ms-ink-*) 的用法都无需改动即自动适配。对比度（正文 --ms-text #24455F 落在 --ms-ink-900 #EDF5FB 上）：≈ 8.4:1，达 WCAG AA/AAA ========================================================================== */ :root{ /* --- 1. 中性蓝阶（语义反转） --- */ --ms-ink-950:#F5FAFE; --ms-ink-900:#EDF5FB; --ms-ink-800:#E2EEF8; --ms-ink-700:#CBE0F1; --ms-ink-600:#A6C4DF; --ms-ink-500:#7A9FC2; --ms-ink-400:#54799E; --ms-ink-300:#365878; --ms-ink-200:#24455F; --ms-ink-100:#183449; --ms-ink-50:#0E2A47; /* --- 2. 品牌红（不变，浅底上更醒目） --- */ --ms-brand-700:#A61521; --ms-brand-600:#C81E2D; --ms-brand-500:#DF3543; --ms-brand-300:#FF8089; --ms-brand:var(--ms-brand-600); --ms-accent-soft:#F7D7DA; /* --- 3. 页面底：一条连续渐变贯穿全页，不出现任何硬切色块 --- */ --ms-page-bg:linear-gradient(180deg,#E1EDF8 0%,#E8F2FA 30%,#EFF7FC 62%,#F6FAFE 100%); /* --- 4. 面 / 线 --- */ --ms-surface:#FFFFFF; --ms-surface-2:rgba(255,255,255,.72); --ms-surface-3:#FFFFFF; --ms-line:rgba(36,69,95,.14); --ms-line-strong:rgba(36,69,95,.26); /* --- 5. 文字色阶 --- */ --ms-text:#24455F; --ms-text-soft:rgba(36,69,95,.82); --ms-text-dim:rgba(36,69,95,.68); --ms-text-faint:rgba(36,69,95,.54); --ms-link:#17558F; /* --- 6. 圆角 / 阴影（浅底上用极淡阴影，不用重投影） --- */ --ms-r-sm:8px; --ms-r-md:12px; --ms-r-lg:16px; --ms-sh-1:0 1px 2px rgba(14,42,71,.06); --ms-sh-2:0 10px 26px -18px rgba(14,42,71,.20); --ms-sh-3:0 24px 60px -34px rgba(14,42,71,.26); } /* ============================================================================ 上下过渡：全页连续渐变 + 首屏渐隐 + 页脚渐入 ========================================================================== */ html,body{ /* ⚠ 必须 !important：各页面模板的是内联属性，权重高于任何外链选择器；不加 !important 会被它压住，整页仍是深蓝。 */ background-color:#F2F8FC!important; background-image:var(--ms-page-bg)!important; background-repeat:no-repeat; background-attachment:fixed; color:var(--ms-text)!important; } /* 首屏：保留深色图面，但底部渐隐到页面底色，与下方无缝衔接 */ .ms-hero{position:relative} .ms-hero::after{ content:"";position:absolute;left:0;right:0;bottom:-1px;height:140px; background:linear-gradient(180deg,rgba(232,242,250,0) 0%,#E8F2FA 88%,#E8F2FA 100%); pointer-events:none;z-index:3} /* 页脚：从页面底色渐入深蓝，顶部无硬边 */ .ms-footer,footer{ background-color:var(--ms-ink-50); background-image:linear-gradient(180deg,#EFF7FC 0%,#1B3C58 34%,var(--ms-ink-200) 68%,var(--ms-ink-50) 100%); background-repeat:no-repeat} .ms-footer *,footer *{border-color:rgba(255,255,255,.14)} /* ============================================================ PC 前台浅蓝主题（2026-09-29）目标：底色改浅蓝 var(--ms-ink-900)，全站文字清晰可读。原则：① 只改「颜色/背景」；② 深色模块（首屏/页脚/CTA/深色卡片）保持深底浅字； ③ 文字色规则一律限定作用域，禁止裸 h1~h4 / table 全局命中，避免深底深字。 ============================================================ */ /* --- 1. 全局底：浅蓝 --- */ html,body{color:var(--ms-text-soft)!important} /* --- 2. 首页深色区块 → 浅蓝 --- */ .ms-section,.ms-dark-a,.ms-dark-b,.ms-apps,.ms-statbar,.ms-why,.ms-grid-bg,.ms-why-glow{background-image:none!important} .ms-dark-a,.ms-dark-b,.ms-apps,.ms-statbar,.ms-why,.ms-section{background-color:var(--ms-ink-900)!important} .ms-grid-bg{display:none!important} .ms-hero{background-color:transparent!important} /* --- 3. 页头 / 菜单栏：白 + 浅蓝边线 --- */ .ms-header,.ms-navbar{background:var(--ms-surface)!important;border-bottom:1px solid var(--ms-line)!important} .ms-topbar{background:var(--ms-ink-900)!important;border-bottom:1px solid var(--ms-ink-800)!important} .ms-brand-word{color:var(--ms-ink-200)!important} .ms-navbar .ms-nav-link{color:var(--ms-text-soft)!important} .ms-navbar .ms-nav-link:hover,.ms-navbar .ms-nav-link.is-active{color:var(--ms-ink-200)!important} .ms-topbar-slogan{color:var(--ms-text-faint)!important} .ms-topbar-tel{color:var(--ms-ink-200)!important} .ms-topbar-tel-label{color:var(--ms-text-faint)!important} .ms-topbar-tel-num{color:var(--ms-ink-200)!important} .ms-nav-hamburger{border-color:var(--ms-line-strong)!important;color:var(--ms-ink-200)!important} .ms-navbar [class*="text-white"]{color:var(--ms-text-faint)!important} .ms-mega{background:var(--ms-surface)!important;border-color:var(--ms-line)!important} .ms-mega a,.ms-mg-sub a{color:var(--ms-text-soft)!important} .ms-mg-sub a:hover{background:var(--ms-ink-900)!important;color:var(--ms-ink-200)!important} /* --- 4. 文字色阶（限定作用域：仅 var(--ms-ink-900) 浅底区域） --- */ .ms-h2,.ms-h1,.ms-h3,.ms-cs-h2,.ms-cs-dhead,.ms-cm__title{color:var(--ms-ink-200)!important} .ms-sub,.ms-lead,.ms-cs-h2-sub,.ms-about-body,.ms-cs-lead,.ms-cm__body,.ms-cs-prose{color:var(--ms-text-soft)!important} .ms-eyebrow,.ms-cs-eyebrow{color:var(--ms-brand)!important} .ms-eyebrow:before,.ms-cs-eyebrow i,.ms-cs-eyebrow:before{background:var(--ms-brand)!important} .ms-about-body p,.ms-why p,.ms-cs-prose p,.ms-cm__body p{color:var(--ms-text-soft)!important} /* 浅底区域内的标题（排除深色模块） */ .ms-section h1,.ms-section h2,.ms-section h3,.ms-section h4, .ms-dark-a h1,.ms-dark-a h2,.ms-dark-a h3,.ms-dark-a h4, .ms-apps h1,.ms-apps h2,.ms-apps h3,.ms-apps h4{color:var(--ms-ink-200)!important} /* --- 5. 卡片：白底 + 浅蓝边 --- */ .ms-why-card,.ms-card,.ms-cs-card,.ms-cm,.ms-cs-sidecard,.ms-cs-cta, .ms-prod-card,.ms-apps-card,.ms-cs-inline{ background:var(--ms-surface)!important;border:1px solid var(--ms-line)!important; box-shadow:0 1px 3px rgba(18,58,99,.05),0 10px 26px -18px rgba(18,58,99,.16)!important} .ms-why-card:hover{background:var(--ms-surface)!important;border-color:var(--ms-brand)!important; box-shadow:0 2px 6px rgba(200,30,45,.09),0 18px 40px -20px rgba(200,30,45,.26)!important} .ms-why-card h3{color:var(--ms-ink-200)!important} .ms-why-card p{color:var(--ms-text-soft)!important} .ms-why-num{background:var(--ms-accent-soft)!important;color:var(--ms-brand)!important} .ms-why-card:hover .ms-why-num{background:var(--ms-brand)!important;color:var(--ms-surface)!important} /* --- 6. 按钮 --- */ .ms-btn-dark{background:var(--ms-brand)!important;color:var(--ms-surface)!important} .ms-btn-dark:hover{background:var(--ms-brand-700)!important} .ms-btn-outline{border-color:var(--ms-line-strong)!important;color:var(--ms-ink-200)!important;background:var(--ms-surface)!important} .ms-btn-outline:hover{border-color:var(--ms-brand)!important;color:var(--ms-brand)!important;background:var(--ms-accent-soft)!important} /* --- 7. 表格：仅浅底区域（参数表）--- */ .ms-dspec th,.ms-spec-raw th,.ms-dprose th{background:var(--ms-ink-900)!important;color:var(--ms-ink-200)!important;border-color:var(--ms-line)!important} .ms-dspec td,.ms-spec-raw td,.ms-dprose td{background:var(--ms-surface)!important;color:var(--ms-text)!important;border-color:var(--ms-line)!important} .ms-dspec,.ms-spec-raw,.ms-dprose table{background:var(--ms-surface)!important;border-color:var(--ms-line)!important} .ms-spec-raw tr:nth-child(even) td{background:var(--ms-ink-950)!important} /* --- 8. 页脚（保留深底浅字）--- */ .ms-footer,footer{background:var(--ms-ink-200)!important;color:#C9D8E6!important} .ms-footer *:not(a),footer *:not(a){} .ms-footer h1,.ms-footer h2,.ms-footer h3,.ms-footer h4, footer h1,footer h2,footer h3,footer h4{color:var(--ms-surface)!important} .ms-footer a,footer a{color:#C9D8E6!important} .ms-footer a:hover,footer a:hover{color:var(--ms-surface)!important} .ms-footer p,.ms-footer li,.ms-footer span,.ms-footer div, footer p,footer li,footer span,footer div{color:#C9D8E6!important} .ms-footer .text-white,.ms-footer strong,footer .text-white,footer strong{color:var(--ms-surface)!important} /* --- 9. 表单（浅底输入框）--- */ .ms-input,input[type=text],input[type=tel],input[type=email],textarea,select{ background:var(--ms-surface)!important;border-color:var(--ms-line-strong)!important;color:var(--ms-ink-200)!important} .ms-input::placeholder,input::placeholder,textarea::placeholder{color:var(--ms-text-faint)!important} .ms-input:focus,input:focus,textarea:focus,select:focus{border-color:var(--ms-brand)!important} /* --- 10. 分页 / 标签 --- */ .pagination li a,.pagination li span{background:var(--ms-surface)!important;color:var(--ms-text-soft)!important;border-color:var(--ms-line)!important} .pagination li a:hover,.pagination li.active a{background:var(--ms-brand)!important;color:var(--ms-surface)!important;border-color:var(--ms-brand)!important} .ms-cs-chip,.ms-chip{background:var(--ms-surface)!important;border-color:var(--ms-line)!important;color:var(--ms-text-soft)!important} .ms-cs-chip:hover,.ms-cs-chip.is-on,.ms-chip.is-on{background:var(--ms-brand)!important;border-color:var(--ms-brand)!important;color:var(--ms-surface)!important} .ms-cs-inline-hd,.ms-cs-sec + .ms-cs-sec{border-color:var(--ms-line)!important} .ms-cs-empty,.ms-cs-empty p{color:var(--ms-text-faint)!important} /* --- 11. 首屏轮播（保留深底图）--- */ .ms-hero-item{background:transparent!important} .ms-hero .ms-hero-dots .swiper-pagination-bullet{background:var(--ms-surface)!important} .ms-hero .ms-hero-dots .swiper-pagination-bullet-active{background:var(--ms-brand-500)!important} .ms-hero .ms-hero-nav{border-color:rgba(255,255,255,.5)!important;color:var(--ms-surface)!important} .ms-hero .ms-hero-nav:hover{background:var(--ms-surface)!important;color:var(--ms-ink-50)!important} /* --- 12. 首页实力数据条 --- */ .ms-statbar{background:var(--ms-surface)!important;border-top:1px solid var(--ms-line)!important;border-bottom:1px solid var(--ms-line)!important} .ms-statbar ul{background:transparent!important} .ms-statbar li{border-color:var(--ms-line)!important} .ms-stat-num,.ms-stat-num span,.ms-stat-num em{color:var(--ms-brand)!important} .ms-statbar p[class*="text-white"]{color:var(--ms-text-dim)!important} /* --- 13. 首页硬编码白字覆盖 --- */ .ms-dark-a .ms-h2,.ms-dark-b .ms-h2{color:var(--ms-ink-200)!important} .ms-dark-a .ms-sub,.ms-dark-b .ms-sub{color:var(--ms-text-soft)!important} .ms-dark-a .ms-eyebrow,.ms-dark-b .ms-eyebrow{color:var(--ms-brand)!important} .ms-dark-a .ms-about-body{color:var(--ms-text-soft)!important} .ms-dark-a .ms-about-points li{color:var(--ms-text)!important} .ms-dark-a .ms-about-points .ms-about-ico{background:var(--ms-accent-soft)!important;color:var(--ms-brand)!important} .ms-dark-a .ms-btn-outline,.ms-dark-b .ms-btn-outline{border-color:var(--ms-line-strong)!important;color:var(--ms-ink-200)!important;background:var(--ms-surface)!important} .ms-dark-a .ms-btn-dark,.ms-dark-b .ms-btn-dark{background:var(--ms-brand)!important;color:var(--ms-surface)!important} .ms-dark-a [class*="text-white"],.ms-dark-b [class*="text-white"]{color:var(--ms-text-soft)!important} .ms-apps [class*="text-white"]{color:var(--ms-text-soft)!important} .ms-section [class*="text-white"]{color:var(--ms-text-soft)!important} /* ================= 14. 产品详情 / 新闻 / 关于 / 产品列表浅色补丁 ================= */ /* 14.1 产品详情 — 参数表 / 正文 */ .ms-dspec{background:var(--ms-surface)!important;border-color:var(--ms-line)!important} .ms-spec-raw{background:var(--ms-surface)!important;border-color:var(--ms-line)!important} .ms-spec-raw td>p strong{color:var(--ms-ink-200)!important} .ms-dprose,.ms-dprose p,.ms-dprose li{color:var(--ms-text-soft)!important} .ms-dprose strong,.ms-dprose b{color:var(--ms-ink-200)!important} .ms-dprose h2,.ms-dprose h3,.ms-dprose h4{color:var(--ms-ink-200)!important} .ms-dprose th,.ms-dprose td{border-color:var(--ms-line)!important} .ms-dh2{color:var(--ms-ink-200)!important} .ms-dh2 span{background:linear-gradient(180deg,var(--ms-brand),#8E1220)!important} .ms-dinfo-meta{color:var(--ms-text-faint)!important} .ms-dinfo-meta b{color:var(--ms-text-dim)!important} .ms-dtab-btn{color:var(--ms-text-dim)!important} .ms-dtab-btn:hover{color:var(--ms-ink-200)!important} .ms-dtab-btn.is-on{color:var(--ms-brand)!important} .ms-dtip{color:var(--ms-text-faint)!important} .ms-dhl li{background:var(--ms-ink-900)!important;border-color:var(--ms-ink-800)!important;color:var(--ms-text)!important} .ms-dadv-card{background:var(--ms-surface)!important;border-color:var(--ms-line)!important} .ms-dadv-card b{color:var(--ms-ink-200)!important} .ms-dadv-card p{color:var(--ms-text-soft)!important} .ms-dcase{background:var(--ms-surface)!important;border-color:var(--ms-line)!important} .ms-dcase-body b{color:var(--ms-ink-200)!important} .ms-dcase-body span{color:var(--ms-text-dim)!important} .ms-dcase-media,.ms-cs-card__media,.ms-pc-media{background:var(--ms-ink-800)!important} /* 14.2 新闻列表（浅底卡片）*/ .msn-scard,.msn-geo,.msn-row,.msn-row-media,.msn-pick,.msn-card,.msn-card--geo{ background:var(--ms-surface)!important;border-color:var(--ms-line)!important;color:var(--ms-text-soft)!important} .msn-scard b,.msn-geo b,.msn-row b,.msn-pick b,.msn-card b,.msn-card h3,.msn-card h4{color:var(--ms-ink-200)!important} .msn-scard p,.msn-geo p,.msn-row p,.msn-pick p,.msn-card p{color:var(--ms-text-dim)!important} .msn-scard *, .msn-geo *:not(b):not(strong):not(h3):not(h4){} .msn-scard [class*="text-white"],.msn-geo [class*="text-white"],.msn-row [class*="text-white"], .msn-pick [class*="text-white"],.msn-card [class*="text-white"]{color:var(--ms-text-dim)!important} /* 置顶大卡：保持深蓝实底 + 浅字（视觉焦点）*/ .msn-lead{background:var(--ms-ink-200)!important;color:#D8E6F3!important} .msn-lead b,.msn-lead strong,.msn-lead h3,.msn-lead [class*="text-white"]{color:var(--ms-surface)!important} .msn-lead p{color:#C2D6E8!important} /* 顶部筛选条：保持深色（与深色 tab 条一致）*/ /* 14.3 关于我们 */ .ms-ab-his-panel,.ms-ab-base,.ms-ab-mapcard{background:var(--ms-surface)!important;border-color:var(--ms-line)!important} .ms-ab-his-panel h3,.ms-ab-base h3,.ms-ab-mapcard h3, .ms-ab-his-panel b,.ms-ab-base b,.ms-ab-mapcard b, .ms-ab-his-panel strong,.ms-ab-base strong,.ms-ab-mapcard strong{color:var(--ms-ink-200)!important} .ms-ab-his-panel p,.ms-ab-base p,.ms-ab-mapcard p, .ms-ab-his-panel li,.ms-ab-base li,.ms-ab-mapcard li{color:var(--ms-text-soft)!important} .ms-cs-card__link{background:var(--ms-surface)!important;border-color:var(--ms-line)!important;color:var(--ms-text-soft)!important} .ms-cs-card__link b,.ms-cs-card__link strong,.ms-cs-card__link h3{color:var(--ms-ink-200)!important} .ms-cs-card__link p,.ms-cs-card__link span,.ms-cs-card__link [class*="text-white"]{color:var(--ms-text-dim)!important} /* 14.4 产品列表页 */ .ms-ph-stats{background:var(--ms-surface)!important;border:1px solid var(--ms-line)!important;color:var(--ms-text-soft)!important} .ms-ph-stats b,.ms-ph-stats strong{color:var(--ms-brand)!important} .ms-ph-stats [class*="text-white"]{color:var(--ms-text-dim)!important} .ms-pnav,.ms-pnav a,.ms-pnav li{color:var(--ms-text-soft)!important} .ms-pnav a:hover,.ms-pnav .is-on,.ms-pnav .is-active{color:var(--ms-brand)!important} /* 14.5 底部咨询条 */ .ms-fqr{background:var(--ms-surface)!important;border-color:var(--ms-line)!important;color:var(--ms-text-soft)!important} .ms-fqr b,.ms-fqr strong{color:var(--ms-ink-200)!important} .ms-fqr p,.ms-fqr span,.ms-fqr [class*="text-white"]{color:var(--ms-text-dim)!important} /* 14.6 各页 section 内残留浅色文字兜底（#EAF2FA 族）*/ [class*="text-white/"]{} /* ================= 15. 精准补丁（实测定位） ================= */ /* 15.1 页头右侧 slogan：白底 → 深字 */ .ms-nav-slogan,.ms-nav-slogan .l1,.ms-nav-slogan .l2,.ms-nav-slogan span{color:var(--ms-text-faint)!important} .ms-nav-slogan b,.ms-nav-slogan strong{color:var(--ms-ink-200)!important} /* 15.2 产品详情 — 副标题/标签/服务/订购浅底区域 */ .ms-dbadge{color:var(--ms-text-dim)!important;background:#EEF5FB!important;border-color:#D6E6F3!important} .ms-dinfo-sum{color:var(--ms-text-soft)!important} .ms-dinfo-title,.ms-dinfo-title span{color:var(--ms-ink-200)!important} .ms-dserv-p{color:var(--ms-text-soft)!important} .ms-dserv-points li b,.ms-dserv-points li strong{color:#4E7FA8!important} .ms-dserv-points li span{color:var(--ms-text-dim)!important} .ms-dh2 + *,.ms-dserv-box{background:var(--ms-surface)!important;border-color:var(--ms-line)!important} .ms-dserv-box h2{color:var(--ms-ink-200)!important} .ms-dserv-box .ms-eyebrow{color:var(--ms-brand)!important} .ms-dorder{background:var(--ms-ink-900)!important;border-top-color:var(--ms-line)!important} .ms-dorder-glow{display:none!important} .ms-dorder-left h2,.ms-dorder-left h2 span{color:var(--ms-ink-200)!important} .ms-dorder-intro{color:var(--ms-text-soft)!important} .ms-dorder-steps li b{color:var(--ms-ink-200)!important} .ms-dorder-steps li span{color:var(--ms-text-dim)!important} .ms-dorder-steps li::marker,.ms-dorder-steps li:before{color:var(--ms-brand)!important} .ms-dorder-tel2{color:var(--ms-brand)!important} /* 15.3 深底按钮在浅底上：改红底白字 */ .ms-btn-onDark{background:var(--ms-brand)!important;color:var(--ms-surface)!important;border-color:var(--ms-brand)!important} .ms-btn-onDark:hover{background:var(--ms-brand-700)!important;border-color:var(--ms-brand-700)!important} /* 15.4 表单容器（.ms-fc）：整块改白底 + 全部文字深色 */ .ms-fc{background:var(--ms-surface)!important;border:1px solid var(--ms-line)!important;border-radius:14px!important} .ms-fc h1,.ms-fc h2,.ms-fc h3,.ms-fc h4,.ms-fc .text-white{color:var(--ms-ink-200)!important} .ms-fc p,.ms-fc span,.ms-fc li,.ms-fc div,.ms-fc label,.ms-fc small{color:var(--ms-text-soft)!important} .ms-fc .ms-label{color:var(--ms-text)!important} .ms-fc .ms-lenhint,.ms-fc .ms-file__tip{color:var(--ms-text-faint)!important} .ms-fc .bg-ink-900,.ms-fc .bg-ink-950,.ms-fc .bg-ink-800{background:var(--ms-ink-900)!important} .ms-fc .text-ink-300,.ms-fc [class*="text-ink-3"],.ms-fc [class*="text-ink-4"]{color:var(--ms-text-faint)!important} .ms-fc .text-white\/60,.ms-fc .text-white\/50,.ms-fc [class*="text-white/"]{color:var(--ms-text-dim)!important} .ms-fc .ms-btn-primary{background:var(--ms-brand)!important;color:var(--ms-surface)!important} .ms-fc .ms-btn-primary *,.ms-fc .ms-btn-primary span{color:var(--ms-surface)!important} /* 15.5 页脚：深底浅字（回滚深底深字） */ footer h1,footer h2,footer h3,footer h4,footer .ms-fh,footer .text-white{color:var(--ms-surface)!important} footer p,footer li,footer span,footer div,footer a,footer small{color:#C9D8E6!important} footer a:hover{color:var(--ms-surface)!important} footer .ms-fqr{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.14)!important} footer .ms-fqr-s{color:rgba(255,255,255,.55)!important} footer .ms-fqr b,footer .ms-fqr strong{color:var(--ms-surface)!important} /* 15.6 产品列表页 hero / 侧栏 */ .ms-ph-desc{color:var(--ms-text-soft)!important} .ms-ph h1,.ms-ph h2,.ms-ph-title{color:var(--ms-ink-200)!important} .ms-pnav-cta{background:var(--ms-surface)!important;border:1px solid var(--ms-line)!important} .ms-pnav-cta b,.ms-pnav-cta strong{color:var(--ms-ink-200)!important} .ms-pnav-cta p,.ms-pnav-cta span{color:var(--ms-text-dim)!important} /* 15.7 案例卡（.ms-cs-card__link）标题/摘要 */ .ms-cs-card__link{background:var(--ms-surface)!important;border-color:var(--ms-line)!important} .ms-cs-card__link h3,.ms-cs-card__link b,.ms-cs-card__link strong,.ms-cs-card__link .text-white{color:var(--ms-ink-200)!important} .ms-cs-card__link p,.ms-cs-card__link span,.ms-cs-card__link [class*="text-white/"]{color:var(--ms-text-dim)!important} .ms-cs-card__media{background:var(--ms-ink-800)!important} /* 15.8 内置深色内容块 → 浅色（新闻/关于/详情通用） */ .msn-scard h3,.msn-scard h4,.msn-scard .text-white, .msn-geo h3,.msn-geo .text-white,.msn-row .text-white,.msn-pick .text-white,.msn-card .text-white{color:var(--ms-ink-200)!important} .msn-scard [class*="text-white/"],.msn-geo [class*="text-white/"],.msn-row [class*="text-white/"], .msn-pick [class*="text-white/"],.msn-card [class*="text-white/"]{color:var(--ms-text-dim)!important} .msn-scard,.msn-geo,.msn-row,.msn-pick,.msn-card{color:var(--ms-text-soft)!important} .msn-row-media,.msn-scard-media,.msn-pick-media{background:var(--ms-ink-800)!important} /* 15.9 关于我们 — banner 与历史面板 */ .ms-ab-banner h1,.ms-ab-banner h2,.ms-ab-banner h3,.ms-ab-banner .text-white{color:var(--ms-surface)!important} .ms-ab-banner{background:#0F3460!important} .ms-ab-his-panel [class*="text-white"],.ms-ab-base [class*="text-white"],.ms-ab-mapcard [class*="text-white"]{color:var(--ms-text-soft)!important} .ms-ab-his-panel h3,.ms-ab-base h3,.ms-ab-mapcard h3,.ms-ab-his-panel b,.ms-ab-mapcard b{color:var(--ms-ink-200)!important} /* ================= 16. 精确补丁 v2（按实测 class 定位） ================= */ /* 16.1 新闻列表 — 行/卡片文字 */ .msn-row-d{color:var(--ms-text-soft)!important} .msn-row b.msn-row-t,.msn-row-t{color:var(--ms-ink-200)!important} .msn-hero-kicker{color:var(--ms-brand)!important} .msn-hero-h1{color:var(--ms-ink-200)!important} .msn-hero-sub{color:var(--ms-text-soft)!important} .msn-card-sub{color:var(--ms-text-dim)!important} .msn-card-t,.msn-card b{color:var(--ms-ink-200)!important} /* 16.2 关于我们 — 历史 tab / 英文点缀 / 导语 */ .ms-ab-his-tab{color:var(--ms-text-dim)!important} .ms-ab-his-tab.is-on,.ms-ab-his-tab:hover{color:var(--ms-ink-200)!important} .ms-creed-en{color:#7FA6C6!important} .ms-ab-lead{color:var(--ms-text-soft)!important} .ms-ab-his-body,.ms-ab-his-body p{color:var(--ms-text-soft)!important} /* 16.3 产品列表页 — 产品卡（26 个） */ .ms-pc-cat{color:#4E7FA8!important} .ms-pc-title{color:var(--ms-ink-200)!important} .ms-pc-desc{color:var(--ms-text-dim)!important} .ms-pc,.ms-pc *{border-color:var(--ms-line)} .ms-pc:hover{background:var(--ms-surface)!important;border-color:var(--ms-brand)!important} .ms-pc:hover .ms-pc-title{color:var(--ms-brand)!important} .ms-pc-more{color:var(--ms-brand)!important} .ms-cust-p{color:var(--ms-text-soft)!important} .ms-cust{background:var(--ms-surface)!important;border:1px solid var(--ms-line)!important} .ms-cust h2,.ms-cust h3,.ms-cust b{color:var(--ms-ink-200)!important} /* 16.4 产品详情 — 订购电话 */ .ms-dorder-tel2,.ms-dorder-tel2 strong{color:var(--ms-brand)!important} .ms-dorder-tel span,.ms-dorder-tel em{color:var(--ms-text-dim)!important} /* ================= 17. 提权重补丁（对抗页面内联 style 的 !important） ================= 背景：产品详情/新闻/关于页在内各自带