@charset "utf-8";
/* ==========================================================================
   jiale 主题补充样式
   基础视觉全部来自 assets/style-b1.css + assets/style-pages.css（与静态站一致），
   这里只处理「CMS 动态内容」比静态站多出来的部分。
   ========================================================================== */

/* 单页正文（后台编辑器输出的富文本）*/
.pg-content{font:400 15.5px/2 "Microsoft YaHei",Arial,sans-serif;color:#2a3a4d}
.pg-content h2{font:700 22px/1.5 "Microsoft YaHei";color:var(--navy);margin:34px 0 14px}
.pg-content h3{font:700 18px/1.5 "Microsoft YaHei";color:var(--navy);margin:26px 0 10px}
.pg-content h4{font:700 16px/1.6 "Microsoft YaHei";margin:20px 0 8px}
.pg-content p{margin:0 0 16px}
.pg-content ul,.pg-content ol{margin:0 0 18px;padding-left:22px}
.pg-content li{margin:8px 0}
.pg-content img{max-width:100%;height:auto;border-radius:10px;margin:10px 0}
.pg-content table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px}
.pg-content th,.pg-content td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.pg-content th{background:var(--bg2);font-weight:700}
.pg-content blockquote{margin:20px 0;padding:16px 20px;border-left:3px solid var(--gold);
  background:linear-gradient(90deg,rgba(232,69,30,.06),transparent);border-radius:0 10px 10px 0}
.pg-content a{color:var(--navy-2);border-bottom:1px solid rgba(10,27,48,.24)}
.pg-content a:hover{color:var(--gold)}
.pg-content .art-lead{font-size:16px;color:#33475e;background:var(--bg2);
  padding:16px 20px;border-radius:10px;border-left:3px solid var(--gold)}

/* 文章标签 */
.art-tags{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:32px 0 8px}
.art-tags-lab{font-size:13px;color:var(--muted)}
.art-tags a{display:inline-block;padding:5px 13px;border-radius:999px;background:var(--bg2);
  color:#33475e;font-size:13px;border-bottom:0!important;transition:.25s}
.art-tags a:hover{background:var(--navy);color:#fff}

/* 分页器：CMS 的 {$showpage} 输出的是 ul/li 结构，这里对齐新站风格 */
.pager ul,.ui-page ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;margin:0;padding:0}
.pager li,.ui-page li{list-style:none}
.pager a,.pager span,.ui-page a,.ui-page span{display:inline-flex;align-items:center;justify-content:center;
  min-width:38px;height:38px;padding:0 12px;border-radius:9px;border:1px solid var(--line);
  background:#fff;color:#33475e;font-size:14px;text-decoration:none;transition:.25s;border-bottom:1px solid var(--line)}
.pager a:hover,.ui-page a:hover{border-color:var(--navy);color:var(--navy)}
.pager .current,.pager .on,.ui-page .current,.ui-page .on{background:var(--navy);border-color:var(--navy);color:#fff}
.pager .is-off,.ui-page .is-off{opacity:.45;cursor:not-allowed}

/* 列表页筛选条 */
.pg-sec .filter a{display:inline-block;padding:9px 20px;border-radius:999px;background:#fff;
  border:1px solid var(--line);color:#33475e;font-size:14px;border-bottom:1px solid var(--line);transition:.25s}
.pg-sec .filter a:hover{border-color:var(--navy);color:var(--navy)}
.pg-sec .filter a.on{background:var(--navy);border-color:var(--navy);color:#fff}

/* 加载更多 / CMS 通用按钮 */
.ui-btn{display:inline-block;padding:9px 18px;border-radius:8px;background:var(--navy);color:#fff;
  font-size:13.5px;text-decoration:none;border-bottom:0!important}
.ui-btn:hover{background:var(--navy-2);color:#fff}

/* CMS 表单（留言 / 搜索）在新设计下的外观 */
.ui-form-group{margin-bottom:16px}
.ui-form-group label{display:block;font-size:13.5px;color:#41536a;margin-bottom:7px}
.ui-form-ip,textarea.ui-form-ip{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:9px;
  font:400 14.5px/1.6 "Microsoft YaHei";background:#fff;box-sizing:border-box}
.ui-form-ip:focus{outline:none;border-color:var(--navy-2);box-shadow:0 0 0 3px rgba(10,27,48,.08)}

/* 案例/产品详情页底部询价区块（对应 include/content/pro/show_action.php） */
.sec-inq{padding:clamp(46px,5vw,72px) 0;background:var(--bg2);border-top:1px solid var(--line)}
.inq-in{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,3.4vw,56px);align-items:center}
.inq-tx h2{font:700 clamp(21px,2.2vw,27px)/1.4 "Microsoft YaHei";color:var(--navy);margin:0 0 14px}
.inq-tx p{font-size:15px;line-height:1.9;color:#41536a;margin:0 0 12px}
.inq-tel{color:var(--muted);font-size:14.5px}
.inq-tel a{color:var(--gold);font-weight:700;border-bottom:0}
.inq-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:clamp(20px,2.2vw,28px);box-shadow:0 10px 30px rgba(10,27,48,.05)}
.inq-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.inq-ip{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:9px;
  font:400 14.5px/1.6 "Microsoft YaHei";background:#fff;box-sizing:border-box}
.inq-ip:focus{outline:none;border-color:var(--navy-2);box-shadow:0 0 0 3px rgba(10,27,48,.08)}
.inq-area{resize:vertical;margin-bottom:14px}
.inq-btn{width:100%;border:0;cursor:pointer}
.inq-btn[disabled]{opacity:.6;cursor:default}
.inq-msg{margin:12px 0 0;font-size:13.5px;line-height:1.7;min-height:1.7em}
.inq-msg.is-ok{color:#1a7f45}
.inq-msg.is-err{color:#c0281a}
@media (max-width:992px){.inq-in{grid-template-columns:1fr;gap:22px}}
@media (max-width:560px){.inq-row{grid-template-columns:1fr}}

/* 打印 / 无障碍 */
@media print{.hd,.mhd,.mnav,.side,.mbar,.sec-cta,.sec-inq,.ft{display:none!important}}