/* 全站公共样式（site.css）：底部蓝区 + 版权条。
   由 head-common.php 统一引入，各页面 <style> 里不再重复写这些规则。
   底部贴底偏移：默认 -24px（main/about/coming-soon 的容器下内边距）；
   容器下内边距 50px 的页面（教程页/拓扑页）给 <body> 加 class="pad-b-50"。 */

body { overflow-x: hidden; }

/* 官网底部蓝色信息区 */
.pf-blue { background: #0067c6; color: #fff; font-family: "Microsoft YaHei", "PingFang SC", "Segoe UI", sans-serif; }
.pf-blue .pf-wrap { max-width: 1170px; margin: 0 auto; padding: 24px 15px; }
.pf-blue .pf-col { float: left; min-height: 1px; }
.pf-blue .pf-c2 { width: 16.6667%; }
.pf-blue .pf-c3 { width: 25%; }
.pf-blue .pf-c4 { width: 33.3333%; }
.pf-blue h4 { font-size: 15px; font-weight: 700; color: #fff; margin: 0 0 12px; width: 126px; }
.pf-blue hr { margin: 5px 0 0; border: none; border-top: 1px solid rgba(255, 255, 255, 0.55); width: 100%; }
.pf-blue img { width: 126px; height: 126px; display: block; background: #fff; }
.pf-blue a { color: #fff; font-size: 14px; text-decoration: none; }
.pf-blue a:hover { text-decoration: underline; }
.pf-blue ul, .pf-blue .pf-links { list-style: none; margin: 0; padding: 0; }
.pf-blue li { font-size: 14px; line-height: 2.1; color: #fff; }
.pf-blue .pclear { clear: both; }
.pf-blue.pf-bleed { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }

/* 深色版权条：与上方蓝区无缝直拼、通栏贴底 */
.site-footer { margin: 0; padding: 0; border: none; display: flex; flex-direction: column; align-items: stretch; }
.official-copy, footer.official-copy { text-align: center; width: 100vw; max-width: 100vw; margin: 0 calc(50% - 50vw) -24px; padding: 0.5em 20px; border: none; background: #063560; }
.official-copy p { color: #fff; font-size: 13px; font-family: "Microsoft YaHei", sans-serif; margin: 10px 0 0; line-height: 1.6; }
.official-copy p:first-child { margin-top: 0; }
.official-copy a.icp-link { color: #2DCC70; text-decoration: none; }
.official-copy a.icp-link:hover { color: #fff; border-bottom: 3px double #2DCC70; }
.official-copy a.company-link { color: #FFF200; text-decoration: none; }
.official-copy a.company-link:hover { text-decoration: underline; }
/* 版权条左右配图（nav-inject.js 运行时注入 copy-row 结构，样式收归此处） */
.official-copy .copy-row { display: flex; align-items: center; justify-content: space-between; max-width: 1170px; margin: 0 auto; }
.official-copy .copy-side { flex: 0 0 auto; }
.official-copy .copy-side img { display: block; width: auto; height: auto; max-width: 200px; max-height: 56px; object-fit: contain; }
.official-copy .copy-mid { flex: 1 1 auto; min-width: 0; }

/* 容器下内边距 50px 的页面（教程/拓扑）：<body class="pad-b-50">，版权条多吃 26px */
body.pad-b-50 .official-copy, body.pad-b-50 footer.official-copy { margin-bottom: -50px; }
