Warning: mkdir(): No space left on device in /www/wwwroot/NEW476A36.COM/func.php on line 127
Warning: file_put_contents(./cachefile_yuan/globallh.com/img/01/b8a80/b041c.css): failed to open stream: No such file or directory in /www/wwwroot/NEW476A36.COM/func.php on line 115
@charset "utf-8";
/* ============================================================
* seo.css —— SEO 结构护栏 + 内链枢纽样式
* 2026-09-20 新增；必须作为本站最后一个样式表加载
* 目的：让新增的语义标签（h1/h2）与内链区块不改变既有视觉
* ============================================================ */
/* ① h1 护栏：base.css 里 h1{font-size:60px}，这里让语义化标题完全继承父级样式 */
h1.ph1{
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
font-family: inherit;
margin: 0;
padding: 0;
display: inline;
vertical-align: baseline;
}
/* ② 文章页标题 div.mod-title 改成 h1 后保持原样（统一兜底） */
h1.mod-title{
font-family: inherit;
}
/* ③ 文章页「相关标签」区块 */
.seo-tags{
clear: both;
margin: 14px 0 6px;
padding: 10px 0 0;
border-top: 1px dashed #e5e5e5;
font-size: 13px;
line-height: 26px;
color: #666;
}
.seo-tags strong{ font-weight: bold; color: #333; }
.seo-tags a{
display: inline-block;
margin: 0 6px 6px 0;
padding: 1px 9px;
border: 1px solid #e2e2e2;
border-radius: 2px;
color: #0e6fb8;
text-decoration: none;
transition: all .2s;
}
.seo-tags a:hover{ background: #0e6fb8; border-color: #0e6fb8; color: #fff; }
/* ④ 文章页「同栏目更多内容」内链块 */
.seo-sametype{
clear: both;
margin: 16px 0 6px;
padding: 12px 14px;
background: #f8f9fa;
border: 1px solid #ececec;
font-size: 13px;
line-height: 26px;
}
.seo-sametype strong{ display: block; margin-bottom: 4px; color: #333; }
.seo-sametype ul{ margin: 0; padding: 0; list-style: none; }
.seo-sametype li{
float: left;
width: 50%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-right: 12px;
box-sizing: border-box;
}
.seo-sametype li a{ color: #555; text-decoration: none; }
.seo-sametype li a:hover{ color: #0e6fb8; }
.seo-sametype:after{ content: ""; display: block; clear: both; }
/* ⑤ 页脚内链枢纽（全站每页共用） */
.seo-hub{
clear: both;
max-width: 1200px;
margin: 0 auto;
padding: 14px 10px 18px;
font-size: 12px;
line-height: 24px;
color: #888;
text-align: left;
border-top: 1px solid #ececec;
}
.seo-hub-row{ margin-bottom: 4px; word-break: break-all; }
.seo-hub strong{ color: #666; font-weight: bold; }
.seo-hub a{ color: #888; text-decoration: none; margin-right: 6px; }
.seo-hub a:hover{ color: #0e6fb8; }
/* ⑥ 标签聚合页 */
.seo-tag-h1{
font-size: 18px;
font-weight: bold;
color: #333;
margin: 0;
padding: 0;
display: inline;
}
/* R57：两个问题一起修。
(1) 风格：原为「浅灰底 + 四边框」的 .seo-sametype（内链块）语言，
而站点「相关标签」既有的标准语言是文章页的 .seo-tags ——
顶部虚线分隔 + 胶囊式标签 + 蓝字、hover 反白。
本区块同为标签互链，改用与 .seo-tags 逐项相同的语言，
全站「相关标签」观感归于一统。 */
.seo-related-tags{
clear: both;
margin: 14px 0 6px;
padding: 10px 0 0;
border-top: 1px dashed #e5e5e5;
font-size: 13px;
line-height: 26px;
color: #666;
}
/* 与 .seo-tags a 同一套胶囊样式，间距不再依赖 HTML 里的空格 */
.seo-related-tags a{
display: inline-block;
margin: 0 6px 6px 0;
padding: 1px 9px;
border: 1px solid #e2e2e2;
border-radius: 2px;
color: #0e6fb8;
text-decoration: none;
transition: all .2s;
}
.seo-related-tags a:hover{ background: #0e6fb8; border-color: #0e6fb8; color: #fff; }
/* (2) 对齐：tag 聚合页里该区块位于模板 .container 之外（#pageOuter 直下），
只靠上面的规则它会退化成全宽 —— 实测 1920 视口下宽 1920px、left=0，
左右各越出 1200px 版心 360px 并贴死视口边缘；
而在 1199 视口下，.container 因 width:96% 收窄到 1151px，
全宽的区块反而更宽，左右各多出 24px。
这里在「位于版心之外」这一种情形下，套用与 .container 逐字相同的
版心规则（width:96% + max-width:1200px + 自动外边距），
于是在 1920/1199/960/768/390 各档都与上方内容区逐像素对齐。
用子选择器限定，#pageOuter 之外的用法（专题页位于 .pluginContent 内）
不受影响，仍与 .seo-tags 完全同款。 */
#pageOuter > .seo-related-tags{
width: 96%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
/* ⑦ 移动端：内链块两列改单列 */
@media screen and (max-width: 767px){
.seo-sametype li{ float: none; width: auto; }
.seo-hub{ padding: 10px 8px 14px; }
}
/* ⑧ 语义化标题：视觉与原标签完全一致，仅提升语义层级 */
h2.seo-h5{
background-color: #3eadf2;
color: #FFFFFF;
display: block;
font-family: "Microsoft YaHei", Simsun, Arial;
font-size: 16px;
font-weight: 700;
height: 36px;
line-height: 40px;
margin: 20px 0 0;
padding: 0 0 0 20px;
}
h2.seo-h2i{
display: inline;
margin: 0;
padding: 0;
font-size: 13px;
font-weight: bold;
line-height: inherit;
}
h2.seo-h2i-hub{ color: #666; }
h2.seo-h2i-rel{ color: #333; }
/* ⑨ 响应式图片：约束最大宽度，避免大图溢出容器（移动端关键） */
img{ max-width: 100%; height: auto; }
/* ⑩ 移动端：正文小标题自适应 */
@media screen and (max-width: 767px){
h2.seo-h5{
height: auto;
line-height: 1.6;
padding: 8px 10px;
font-size: 15px;
margin: 14px 0 0;
}
}
/* ⑪ R28 首页技术专题区（聚合页内链枢纽）
R34 改造：区块已移入 .container，标题套用站点统一区块标题样式（同「行业资讯」），
卡片改为 3 列栅格，尺寸与站点版面（max-width:1200px）协调。 */
.seo-zt-head{
font-size: 24px;
color: #0689db;
line-height: 1;
padding-bottom: 10px;
border-bottom: 2px solid #0689db;
margin: 18px 0 16px;
}
.seo-zt-head:after{ content: ""; display: block; clear: both; }
.seo-zt-head .mod-title{ font-size: 24px; color: #0689db; line-height: 1; }
.seo-zt-head .mod-more{
float: right;
font-size: 14px;
line-height: 24px;
color: #999;
}
.seo-zt-grid{
display: flex;
flex-wrap: wrap;
margin: 0 -5px 24px;
}
.seo-zt-card{
flex: 0 0 calc(33.3333% - 10px);
box-sizing: border-box;
margin: 0 5px 10px;
display: block;
padding: 14px 16px;
background: #f7fafd;
border: 1px solid #e2ecf6;
border-radius: 4px;
text-decoration: none;
transition: background .2s, border-color .2s, box-shadow .2s;
}
.seo-zt-card:hover{
background: #0b6bb5;
border-color: #0b6bb5;
text-decoration: none;
box-shadow: 0 2px 8px rgba(11,107,181,.25);
}
.seo-zt-card strong{ display: block; color: #1a4d80; font-size: 15px; font-weight: bold; margin-bottom: 6px; line-height: 1.4; }
.seo-zt-card span{ display: block; color: #8a9aa8; font-size: 12px; line-height: 1.6; }
.seo-zt-card:hover strong, .seo-zt-card:hover span{ color: #fff; }
@media screen and (max-width: 991px){
.seo-zt-card{ flex: 0 0 calc(50% - 10px); }
}
@media screen and (max-width: 767px){
.seo-zt-head{ font-size: 20px; margin: 14px 0 12px; }
.seo-zt-head .mod-title{ font-size: 20px; }
.seo-zt-card{ padding: 10px 12px; }
.seo-zt-card strong{ font-size: 14px; }
}
/* ⑫ R34 首页 banner 通栏修复 --------------------------------------------
微调来源：plugin-style.css 的 .plugin_7141879174358352 .item{text-align:center}
与 .item img{max-width:100%}，使 1600px 的 banner 图在 1900px 视口下
居中显示、两侧各留空约 150px。这里用 id 选择器（优先级更高，且 seo.css
最后加载）让图片铺满轮播位，实现通栏全宽显示。
注意：不要改 plugin-style.css，它由可视化编辑器导出，可能被重新生成覆盖。 */
#ad7141879174358352 .item a,
#ad1440524058878889 .item a{
display: block;
line-height: 0;
}
#ad7141879174358352 .item img,
#ad1440524058878889 .item img{
display: block;
width: 100%;
max-width: 100%;
height: auto;
}
/* ⑬ R64 分页条排版修复 ----------------------------------------------------
现象：标签聚合页 /tag/关键词/N/ 的分页区排版错乱 ——
「共23页/230条」被挤到页码右侧，页码折行、"末页"独占第三行。
根因（Chromium 1920×1080 实测）：
(1) 结构：arc.taglist.class.php 的 GetPageListST() 输出的是裸
（无 包裹）；而栏目列表走的
arc.listview.class.php 输出的是 …。
base.css 只给 ".dede_pages ul li" 加了 float:left —— 裸 span 没有浮动，
于是被后面浮动的页码挤到行尾，形成文字环绕并折行。
实测该 span 落在 x=1378（页码序列 726~1290 之后），完全错位。
(2) 宽度：5 个模板统一用 listsize="5"，页码窗口为 5*2+1＝11 个，
再加 首页/上一页/下一页/末页 共 15 项，实测合计约 825px，
超过 base.css 给 .dede_pages 的 max-width:800px，必然折行。
处置：不改 PHP 核心类、不改模板，纯 CSS 归一化 + 收紧。
适用 .dede_pages > ul.pagelist 结构（taglist / list_article / list_picture /
list_product / search 五个模板共用同一结构，一处生效、全覆盖）。
----------------------------------------------------------------------- */
/* 1) 容器放宽：base.css 限了 max-width:800px，而栏目列表页 16 项实测约 823px，
被这个上限逼着折行。放到父容器实际宽度（1920 视口下 .span9 内为 878px）
即可一行容纳；flex 的 justify-content:center 保证内容始终居中。 */
.dede_pages{ max-width: 100%; }
/* 2) 页码行改 flex：自动折行、整体居中、间距均等（原为 float:left 靠左贴边） */
.dede_pages > ul.pagelist{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 6px;
padding: 9px 0;
margin: 0;
box-sizing: border-box;
list-style: none;
}
/* 3) 「共 N 页 / M 条」独占一行、居中置顶 —— 标签页形态（裸 span 子元素） */
.dede_pages > ul.pagelist > span.pageinfo{
flex: 0 0 100%;
display: block;
float: none;
text-align: center;
padding: 0 0 8px;
line-height: 24px;
color: #999;
}
/* 4) 同上，列表页/搜索页形态（pageinfo 包在 内）。
原先是跟着浮动 li 排在行尾、且带着 li 的边框，与标签页观感不一致；
这里一并置顶、去框、居中。
注：:has() 为渐进增强，老浏览器不支持时整条规则被忽略，
退化为既有排布，不影响可用性。 */
.dede_pages > ul.pagelist > li:has(> span.pageinfo){
order: -1;
flex: 0 0 100%;
padding: 0 0 8px;
border: 0;
background: transparent;
font-weight: normal;
text-align: center;
color: #999;
}
.dede_pages > ul.pagelist > li:has(> span.pageinfo) > span.pageinfo{
padding: 0;
text-align: center;
line-height: 24px;
color: #999;
}
/* 5) 页码项归一为 flex 项：清掉 float 与旧外边距，内边距 8px→6px。
15 项合计由约 825px 降到约 708px，800px 内即可一行放下。
min-width 让「当前页」与邻页等宽（listview 的 thisclass 不带 包裹，
否则会比邻页窄约 11px）。 */
.dede_pages > ul.pagelist > li{
float: none;
margin: 0;
padding: 0 6px;
min-width: 20px;
text-align: center;
}
.dede_pages > ul.pagelist > li > a{
float: none;
display: block;
padding: 0 6px;
}
/* base.css 的 li.thisclass 规则特异性更高，需同步收紧，避免当前页比邻页宽 */
.dede_pages > ul.pagelist > li.thisclass{
padding: 0 6px;
}
/* 6) 窄屏：进一步收紧，保证整齐折行 */
@media screen and (max-width: 767px){
.dede_pages > ul.pagelist{ gap: 4px; padding: 8px 0; }
.dede_pages > ul.pagelist > li,
.dede_pages > ul.pagelist > li > a,
.dede_pages > ul.pagelist > li.thisclass{ padding: 0 4px; }
.dede_pages > ul.pagelist > li{ min-width: 16px; }
}
/* 7) 搜索页跳转表单（R64 起 SearchView::GetPageListDM() 也输出 ，
原先是 table 内嵌