weizhiqiang/qianshi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(visual): 修复轮播标题颜色与页脚 logo 反白

Browse Source 
Bug1: 首页 banner 轮播 4 张 slide 标题写作 <h2>...</h1>（开闭标签错配），浏览器自动把 </h1> 当作 </h2> 闭合，实际元素是 h2；而 CSS 只写了 .banner-slide h1{color:#fff}，h2 命中不到 → 回落到全局深色文字，深蓝底上几乎看不见。改为 <h1>...</h1>（语义也正确：每张 slide 一个主标题），并把 h2 加进 CSS 规则作兜底。

Bug2: 33 页页脚 logo 用了 logo-dark.png（深底反白版/白字）放在 background:#fff 白卡片里，白字压白底。白卡内改回 logo.png（深色文字版）。按上下文精确匹配替换，JSON-LD 的 logo 字段未受影响。
This commit is contained in:
ubuntu
2026-09-16 20:32:09 +08:00
parent e35acf51cf
commit f5f0d8736c
34 changed files with 40 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+6 -6
View File
@@ -256,7 +256,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans G
.banner-slide::after{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.banner-slide .inner{position:relative;z-index:2;max-width:900px;padding:0 24px}
.banner-slide .kicker{display:inline-block;padding:6px 18px;border:1px solid rgba(255,255,255,.3);border-radius:30px;color:#fff;font-size:.85rem;margin-bottom:22px;letter-spacing:2px}
.banner-slide h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:800;color:#fff;line-height:1.25;margin-bottom:20px}
.banner-slide h1,.banner-slide h2{font-size:clamp(2rem,5vw,3.4rem);font-weight:800;color:#fff;line-height:1.25;margin-bottom:20px}
.banner-slide p{font-size:1.15rem;color:rgba(255,255,255,.75);margin-bottom:34px;line-height:1.8}
.banner-slide .btn{border:none}
.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}
@@ -388,7 +388,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans G
<div class="inner">
<div class="icon-lg"><i class="fa-solid fa-robot"></i></div>
<div class="kicker" data-zh="千视科技" data-en="Qianshi Tech">千视科技</div>
<h2 data-zh="企业智能体" data-en="企业智能体">企业智能体</h1>
<h1 data-zh="企业智能体" data-en="企业智能体">企业智能体</h1>
<p data-zh="RAG知识库 · AI客服 · 数字人 · OPC，让企业拥有24小时在线的数字员工。" data-en="RAG知识库 · AI客服 · 数字人 · OPC，让企业拥有24小时在线的数字员工。">RAG知识库 · AI客服 · 数字人 · OPC，让企业拥有24小时在线的数字员工。</p>
<a href="/enterprise-agent.html" class="btn btn-primary" data-zh="了解企业智能体" data-en="了解企业智能体">了解企业智能体</a>
</div>
@@ -397,7 +397,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans G
<div class="inner">
<div class="icon-lg"><i class="fa-solid fa-bullseye"></i></div>
<div class="kicker" data-zh="千视科技" data-en="Qianshi Tech">千视科技</div>
<h2 data-zh="AI拓客" data-en="AI拓客">AI拓客</h1>
<h1 data-zh="AI拓客" data-en="AI拓客">AI拓客</h1>
<p data-zh="Superlink精准触达 + EDM邮件，数据驱动智能获客。" data-en="Superlink精准触达 + EDM邮件，数据驱动智能获客。">Superlink精准触达 + EDM邮件，数据驱动智能获客。</p>
<a href="/ai-acquisition.html" class="btn btn-primary" data-zh="数据驱动智能获客" data-en="数据驱动智能获客">数据驱动智能获客</a>
</div>
@@ -406,7 +406,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans G
<div class="inner">
<div class="icon-lg"><i class="fa-solid fa-bullhorn"></i></div>
<div class="kicker" data-zh="千视科技" data-en="Qianshi Tech">千视科技</div>
<h2 data-zh="AI推广" data-en="AI推广">AI推广</h1>
<h1 data-zh="AI推广" data-en="AI推广">AI推广</h1>
<p data-zh="自媒体代运营 · GEO/SEO/SEM · 舆情管理，全域营销增长。" data-en="自媒体代运营 · GEO/SEO/SEM · 舆情管理，全域营销增长。">自媒体代运营 · GEO/SEO/SEM · 舆情管理，全域营销增长。</p>
<a href="/ai-promotion.html" class="btn btn-primary" data-zh="AI赋能全域营销" data-en="AI赋能全域营销">AI赋能全域营销</a>
</div>
@@ -415,7 +415,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans G
<div class="inner">
<div class="icon-lg"><i class="fa-solid fa-laptop-code"></i></div>
<div class="kicker" data-zh="千视科技" data-en="Qianshi Tech">千视科技</div>
<h2 data-zh="软件定制" data-en="软件定制">软件定制</h1>
<h1 data-zh="软件定制" data-en="软件定制">软件定制</h1>
<p data-zh="贴合业务的定制开发，从需求到交付全流程。" data-en="贴合业务的定制开发，从需求到交付全流程。">贴合业务的定制开发，从需求到交付全流程。</p>
<a href="/software.html" class="btn btn-primary" data-zh="定制开发企业软件" data-en="定制开发企业软件">定制开发企业软件</a>
</div>
@@ -791,7 +791,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans G
</div>
<div class="footer-col">
<div style="background:#fff;border-radius:10px;padding:11px 14px;width:fit-content;margin-bottom:18px">
<img src="/assets/logo-dark.png" alt="千视科技" width="120" height="33" style="display:block;width:120px;height:auto"></div>
<img src="/assets/logo.png" alt="千视科技" width="120" height="33" style="display:block;width:120px;height:auto"></div>
<h5 data-zh="联系方式" data-en="Contact">联系方式</h5>
<div style="font-size:1.3rem;font-weight:700;color:#fff">18948732299</div>
<div style="margin-top:4px;color:#a8b3d4">105920869@qq.com</div>