@charset "utf-8";
/* ============================================================
   主题配色  theme-color.css
   变量来源：template/header.php 内联输出的 :root
             后台「主题配置 → 配色方案」调色板可改
   说明：本文件只做“换色”，不改变任何布局与尺寸。
   ============================================================ */

/* ---------- 1. 全局链接与选中 ---------- */
a:focus,
a:hover { color: var(--hn-primary, #003366); }

::-webkit-selection { color: #fff; background: var(--hn-primary, #003366); }
::-moz-selection    { color: #fff; background: var(--hn-primary, #003366); }

/* ---------- 2. 主导航 / 搜索 / 顶部条 ---------- */
.bg-main { background: var(--hn-primary, #003366); }

#fh5co-header .search-top input.go { background: var(--hn-primary, #003366); }
#fh5co-header .search-top input.go:hover { background: var(--hn-primary-d, #00284f); }

#fh5co-header .nav li a.cur,
#fh5co-header .nav li:hover a { background: var(--hn-primary-d, #00284f); }

#fh5co-header .nav_bg { background: var(--hn-primary, #003366); }

#hntop li a:hover,
#hntop .hntopleft p a:hover { color: var(--hn-primary, #003366); }

/* ---------- 3. 首页版块 ---------- */
#fh5co-product-list .fh5co-heading h2,
#fh5co-product-list .fh5co-heading h2 a,
#fh5co-case-list .fh5co-heading h2,
#fh5co-case-list .fh5co-heading h2 a { color: var(--hn-primary, #003366); }

#fh5co-case-list .show-list h2 a:hover,
.article-media li:hover h3 a,
.article-media .media-body h3 a:hover { color: var(--hn-primary, #003366); }

#fh5co-info-list .fh5co-heading h2 {
    color: var(--hn-primary, #003366);
    border-bottom-color: var(--hn-primary, #003366);
}

/* 轮播指示点 */
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active { background: var(--hn-primary, #003366); }

/* ---------- 4. 列表 / 正文页 ---------- */
#fh5co-content_show .left_h h2 {
    color: var(--hn-primary, #003366);
    border-bottom-color: var(--hn-primary, #003366);
}

#fh5co-content_show .nav li .iconfont,
#fh5co-content_show .nav li:hover,
#fh5co-content_show .nav li.active,
#fh5co-content_show .nav li a:hover,
#fh5co-content_show .nav li.active a,
#fh5co-content_show .nav li a.cur,
#fh5co-content_show span.now-page { color: var(--hn-primary, #003366); }

.content_detail .pager a:hover { color: var(--hn-primary, #003366); }

.article-media li .iconfont { color: var(--hn-primary, #003366); }

#fh5co-content_show .Producttxt .zixun { background-color: var(--hn-primary, #003366); }
#fh5co-content_show .Producttxt .zixun:hover { background-color: var(--hn-primary-d, #00284f); }

#fh5co-content_show .product-detail .add_to_inquiry #add_to_inquiry {
    background: var(--hn-primary, #003366);
}

/* ---------- 5. 评论 ---------- */
.qs-comment-title,
.qs-comment-title:before,
.qs-cmt-name,
.qs-cmt-name a,
.qs-cmt-login a { color: var(--hn-primary, #003366); }

.qs-comment-title { border-bottom-color: var(--hn-primary, #003366); }
.qs-comment-count { background: var(--hn-primary, #003366); }
.qs-cmt-form-title { color: var(--hn-primary, #003366); border-bottom-color: var(--hn-primary, #003366); }
.qs-cmt-submit { background: var(--hn-primary, #003366); }
.qs-cmt-submit:hover { background: var(--hn-primary-d, #00284f); }

#divCommentPost #txaArticle:focus,
#divCommentPost #inpVerify:focus { border-color: var(--hn-primary, #003366); }

/* ---------- 6. 分页 / 表单 ---------- */
#fh5co-content_show .fenyetiao a:hover,
.commentpagebar a:hover { color: var(--hn-primary, #003366); }

/* ---------- 7. 小屏：保持主题原有浅底导航 ---------- */
@media screen and (max-width: 760px) {
    /* opt.min.css 在窄屏把 .bg-main 强制成浅灰白，这里沿用，只换文字强调色 */
    .bg-main { background-color: rgba(245, 245, 245, .9) !important; }
}

/* ---------- 8. 全站底色 / 正文文字 / 页脚（后台可调） ---------- */
/* 页面底色铺在 body 上，各版块自身透明或被淡色叠压 */
body { background-color: var(--hn-page-bg, #ffffff); }
.ww100 { background-color: var(--hn-page-bg, #fbfbfb); }

/* 正文：段落、列表、表格统一走「正文文字色」 */
#fh5co-content_show .detail,
#fh5co-content_show .detail p,
#fh5co-content_show .detail li,
#fh5co-content_show .detail td,
#fh5co-content_show .detail dd,
.article_content,
.article_content p,
.article_content li { color: var(--hn-text, #333333); }

#fh5co-content_show .detail h1,
#fh5co-content_show .detail h2,
#fh5co-content_show .detail h3,
#fh5co-content_show .detail h4,
#fh5co-content_show .detail h5,
#fh5co-content_show .detail h6 { color: var(--hn-text, #333333); }

/* 正文内链接跟随主色，不再出现旧蓝 */
#fh5co-content_show .detail a,
.article_content a { color: var(--hn-primary, #003366); }
#fh5co-content_show .detail a:hover,
.article_content a:hover { color: var(--hn-accent, #2f78c4); }

/* 首页版块底色：主色淡染，换色后整站气质一致 */
#fh5co-product-list,
#fh5co-case-list { background-color: var(--hn-primary-04, #f4f4f4); }

/* 页脚底色：由主色压暗生成，换主色时页脚同步换调 */
#site-footer.qs-ft {
    --qb: var(--hn-footer-bg, #0b0d10);
    --ql: rgba(255, 255, 255, .09);
}
#site-footer .qs-ft-nav a:hover,
#site-footer .qs-ft-cv a:hover,
#site-footer .qs-ft-meta a:hover { color: #ffffff; }

/* ---------- 9. 交互细节跟随主色 ---------- */
.qs-um-ava,
.qs-um-head .ava {
    background: linear-gradient(135deg, var(--hn-accent, #1d6fe0), var(--hn-primary, #0f4c9e));
}
.qs-um-btn:hover { background: var(--hn-primary-08, rgba(30, 80, 160, .08)); }
.qs-um-item:hover { background: var(--hn-primary-08, #eef5ff); color: var(--hn-primary, #1d6fe0); }

.search-suggest-item:hover { background: var(--hn-primary-04, #f5f7fa); color: var(--hn-primary, #0066cc); }

.article-thumb .media-info h3 a:hover { color: var(--hn-primary, #003366); }

.bread a:hover { color: var(--hn-primary, #003366); }

/* 表单聚焦环：输入框、搜索框统一主色 */
#fh5co-header .search-top input.inputkey:focus { border-color: var(--hn-primary, #003366); }
#divCommentPost input:focus,
#divCommentPost textarea:focus { border-color: var(--hn-primary, #003366); }

/* ---------- 10. 全站补全：顶部/列表/正文元素/页脚/浮窗 ---------- */
/* 顶部区域：浅灰底 + 一条比底色更浅的细分隔线 */
#fh5co-header .ww100 {
    background-color: var(--hn-top-bg, #f4f5f7) !important;
    border-bottom: 1px solid var(--hn-top-line, #ffffff) !important;
}
#fh5co-header #hntop {
    background-color: transparent !important;
    border-bottom: 0 !important;
}
#hntop .hntopleft p, #hntop .hntopleft p a, #hntop li a { color: var(--hn-text, #55606f); }
#hntop .hntopleft p a:hover, #hntop li a:hover { color: var(--hn-primary, #003366); }
#hntop .qs-um-btn:hover { color: var(--hn-primary, #003366); }

/* 灰度只保留在最上方公告条：logo / 搜索区透明，透出页面底色，避免整片发灰 */
#fh5co-header .qs-hd-row,
#fh5co-header .qs-hd-row > .container { background-color: transparent !important; }

/* 列表页标题 / 面包屑 / 分类标题 */
#fh5co-content_show .left_h h2,
.article-title, .article-title a { color: var(--hn-primary, #003366); }

/* 面包屑「首页 > 分类 > 正文」统一灰黑（覆盖 .text-main 的 !important 与主色） */
#fh5co-content_show .title h2,
#fh5co-content_show .title h2 a,
#fh5co-content_show .title h2 span { color: #333333 !important; }
#fh5co-content_show .title h2 a:hover { color: #111111 !important; text-decoration: underline; }
#fh5co-content_show .title h2 .iconfont { color: #b3bac4 !important; }
#fh5co-content_show .left_h { border-bottom-color: var(--hn-primary, #003366); }
#fh5co-content_show .bread, #fh5co-content_show .bread a { color: var(--hn-text-60, #8a94a3); }

/* 正文内元素：表格、引用、代码、分割线 */
#fh5co-content_show .detail table th { background-color: var(--hn-primary-08, #f2f6fb); color: var(--hn-text, #333); }
#fh5co-content_show .detail table td,
#fh5co-content_show .detail table th { border-color: var(--hn-line, #e4e9f0); }
#fh5co-content_show .detail blockquote {
    border-left-color: var(--hn-primary, #003366);
    background-color: var(--hn-primary-04, #f7f9fc);
    color: var(--hn-text-60, #59606c);
}
#fh5co-content_show .detail hr { border-color: var(--hn-line, #e4e9f0); }
#fh5co-content_show .detail pre,
#fh5co-content_show .detail code { background-color: var(--hn-primary-04, #f5f6f8); color: var(--hn-text, #2f3742); }

/* 文章标签 / 上下篇 / 分页 */
.article-tags a, #fh5co-content_show .tags a {
    color: var(--hn-primary, #003366);
    border-color: var(--hn-primary-14, #d8e4f3);
    background-color: var(--hn-primary-04, #f7f9fc);
}
.article-tags a:hover, #fh5co-content_show .tags a:hover {
    color: var(--hn-on-primary, #fff);
    background-color: var(--hn-primary, #003366);
    border-color: var(--hn-primary, #003366);
}
#fh5co-content_show .fenyetiao a.cur,
#fh5co-content_show .fenyetiao a:hover,
.commentpagebar a.cur { background-color: var(--hn-primary, #003366); border-color: var(--hn-primary, #003366); color: var(--hn-on-primary, #fff); }

/* 通用按钮 / 主色块 */
.button.bg-main, .bg-main, .bg-inverse .nav a:hover { background-color: var(--hn-primary, #003366) !important; }
.button.border-main, .pager.border-main a, blockquote.border-main strong, .text-main, a.text-main { color: var(--hn-primary, #003366) !important; }

/* 搜索页 / 404 / 分页条 */
#fh5co-content_show .search-btn,
.search-page .search-btn,
.template-404 .search-btn { background-color: var(--hn-primary, #003366) !important; color: var(--hn-on-primary, #fff) !important; }

/* 页脚：深色由主色压暗，浅色跟随页面底色 */
#site-footer.qs-ft { background-color: var(--hn-footer-bg, #0b0d10) !important; }
#site-footer.qs-ft.qs-ft-light { background-color: var(--hn-page-bg, #f7f8fa) !important; }
#site-footer .qs-ft-nav a:hover,
#site-footer .qs-ft-cv a:hover,
#site-footer .qs-ft-meta a:hover,
#site-footer .qs-ft-faq summary:hover { color: var(--hn-accent, #2f78c4); }

/* 浮动工具栏：跟随主色（!important 抵消加载顺序） */
.ft-cta, .ft-act--main, .ft-submit { background-color: var(--hn-primary, #1f5fbf) !important; }
.ft-cta:hover, .ft-act--main:hover, .ft-submit:hover { background-color: var(--hn-primary-d, #164a96) !important; }
.ft-btn:hover, .ft-btn[aria-expanded="true"],
.ft-sh:hover, .ft-act:hover { color: var(--hn-primary, #1f5fbf) !important; }
.ft-fg input:focus, .ft-fg textarea:focus { border-color: var(--hn-primary, #1f5fbf) !important; box-shadow: 0 0 0 3px var(--hn-primary-14, rgba(31,95,191,.12)) !important; }
.ft-nudge-go { color: var(--hn-primary, #1f5fbf) !important; background-color: var(--hn-primary-08, #eef4fd) !important; }

/* 移动端：保持浅底导航，但强调色统一 */
@media screen and (max-width: 760px) {
    #fh5co-header .nav_bg { background-color: var(--hn-primary, #003366) !important; }
    #fh5co-header .nav-menu > li > a.cur, #fh5co-header .nav-menu > li.current > a { color: var(--hn-primary, #003366) !important; }
}

/* ---------- 11. 首页版块 / 正文 / 上下篇 / 标签（后台可调） ---------- */
/* 首页版块标题：产品（弱电智能）与工程案例可分别取色 */
#fh5co-product-list .fh5co-heading h2,
#fh5co-product-list .fh5co-heading h2 a {
    color: var(--hn-home-pro, #003366) !important;
}
#fh5co-product-list .fh5co-heading h2 a:hover {
    color: var(--hn-accent, #2f78c4) !important;
}

#fh5co-case-list .fh5co-heading h2,
#fh5co-case-list .fh5co-heading h2 a {
    color: var(--hn-home-case, #003366) !important;
}
#fh5co-case-list .fh5co-heading h2 a:hover {
    color: var(--hn-accent, #2f78c4) !important;
}

/* 首页卡片 / 列表文字：产品名、案例名、新闻标题与摘要 */
.pro-item h2,
.pro-item h2 a,
#fh5co-case-list .show-list h2 a,
#fh5co-info-list .hn-title,
#fh5co-info-list .hn-title a,
#fh5co-info-list .hn-intro {
    color: var(--hn-home-text, #5a6472) !important;
}
.pro-item h2 a:hover,
#fh5co-case-list .show-list h2 a:hover,
#fh5co-info-list .hn-title a:hover {
    color: var(--hn-primary, #003366) !important;
}

/* 首页说明、日期、阅读量、「查看更多」弱化一档 */
#fh5co-product-list .fh5co-heading p,
#fh5co-info-list .hn-date,
#fh5co-info-list .hn-view,
#fh5co-info-list .hn-more {
    color: var(--hn-home-text-60, #8a94a3) !important;
}
#fh5co-info-list .hn-more:hover { color: var(--hn-primary, #003366) !important; }

/* 正文文字：补充段落内的行内元素、表格、标题，避免只改外层时局部仍为旧灰 */
#fh5co-content_show .detail strong,
#fh5co-content_show .detail em,
#fh5co-content_show .detail b,
#fh5co-content_show .detail dt,
#fh5co-content_show .detail th,
#fh5co-content_show .detail td,
#fh5co-content_show .detail h1,
#fh5co-content_show .detail h2,
#fh5co-content_show .detail h3,
#fh5co-content_show .detail h4,
#fh5co-content_show .detail h5,
#fh5co-content_show .detail h6,
.article_content strong,
.article_content em,
.article_content b,
.article_content th,
.article_content td {
    color: var(--hn-text, #333333);
}
/* 文章头部元信息（作者 / 时间 / 浏览量）保持弱化，不被正文色压黑 */
#fh5co-content_show .detail .qhd-title span { color: var(--hn-text-60, #999999); }
/* 正文内链接与代码块保持自己的配色，不被上面的文字色压掉 */
#fh5co-content_show .detail a,
.article_content a { color: var(--hn-primary, #003366); }
#fh5co-content_show .detail a:hover,
.article_content a:hover { color: var(--hn-accent, #2f78c4); }
#fh5co-content_show .detail pre,
#fh5co-content_show .detail pre code,
.article_content pre,
.article_content code { color: var(--hn-text, #2f3742); }

/* 文章标签：文字色 / 底色 / 悬停色 */
.content_detail .tags a,
#fh5co-content_show .tags a,
.article-tags a {
    color: var(--hn-tag, #003366) !important;
    background-color: var(--hn-tag-bg, #f4f7fb) !important;
    border-color: var(--hn-tag-line, #d8e4f3) !important;
    padding: 1px 8px !important;
    border-radius: 3px;
    display: inline-block;
}
.content_detail .tags a:hover,
#fh5co-content_show .tags a:hover,
.article-tags a:hover {
    color: var(--hn-tag-on, #ffffff) !important;
    background-color: var(--hn-tag, #003366) !important;
    border-color: var(--hn-tag, #003366) !important;
}
.content_detail .tags i { color: var(--hn-tag, #003366) !important; }

/* 「上一篇 / 下一篇」文字 */
.content_detail .pager a,
#fh5co-content_show .pager a {
    color: var(--hn-pager, #797979) !important;
}
.content_detail .pager a:hover,
#fh5co-content_show .pager a:hover {
    color: var(--hn-primary, #003366) !important;
}