/*
 * prod-magicard-quickstart 主题兼容层（改造胶水层，不改动原站 style.css）
 * 1) 头部标语元素由 h1 降级为 p.brand-tagline（保证每页唯一 H1），样式逐条取自原 .navbar-brand > h1；
 * 2) 补做页型（列表/联系/标签/搜索/分页）所需少量版式，取色与边框沿用原站 #003876 / #E7E8E9；
 * 3) PbootCMS 分页条（page:bar 输出的 span 结构）在此内联化排版；
 * 4) .qs-empty-hide 区块在无列表项时由 foot 内联脚本移除（空态不出空框）。
 */

/* --- 头部标语（原 .navbar-brand > h1 同款样式；内容为后台站点副标题，超长省略防破版） --- */
.navbar-brand > .brand-tagline {
  font-size: 2.0rem;
  text-decoration: none;
  color: #003876;
  font-weight: 700;
  float: right;
  margin: 0px 20px;
  padding: 0px 20px;
  text-align: center;
  vertical-align: top;
  line-height: 70px;
  margin-bottom: 0;
  max-width: 58%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 991.98px) {
  .navbar-brand > .brand-tagline { font-size: 1.3rem; line-height: 56px; max-width: 50%; }
}

/* --- 补做页型：卡片列表（沿用原站白卡 + 细边框风格） --- */
.qs-card-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 1rem;
  margin: 1.5rem 0;
}

.qs-card {
  border: 1px solid #E7E8E9;
  background: #fff;
  padding: 1rem;
}

/* 产品图卡统一 4:3 裁切（qs-card__thumb 现为产品列表专属，其余列表均为纯文字卡） */
.qs-card__thumb img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  height: auto;
  object-fit: cover;
  margin: 0 auto 0.75rem;
}

.qs-card__title {
  font-size: 1.15rem;
  margin-bottom: 0.5rem;
}

.qs-card__title a {
  color: #003876;
  text-decoration: none;
}

.qs-card__text {
  font-size: 0.925rem;
  color: #55595f;
  margin-bottom: 0.5rem;
}

.qs-card__meta {
  font-size: 0.85rem;
  color: #6c757d;
  margin-bottom: 0.5rem;
}

.qs-card__more {
  margin-bottom: 0;
}

.qs-card__more a {
  color: #003876;
  font-weight: 700;
  text-decoration: none;
}

/* --- 补做页型：联系信息块（电话为纯文本，无拨号链接） --- */
.qs-contact-list {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem;
}

.qs-contact-list li {
  padding: 0.3rem 0;
}

.qs-contact-qr {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-top: 1rem;
}

.qs-contact-qr img {
  width: 140px;
  height: 140px;
  border: 1px solid #E7E8E9;
  background: #fff;
}

.qs-contact-qr p {
  font-size: 0.875rem;
  color: #6c757d;
  margin: 0.35rem 0 0;
  max-width: 140px;
}

/* --- 补做页型：标签聚合 --- */
.qs-tags a {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border: 1px solid #E7E8E9;
  margin: 0 0.35rem 0.5rem 0;
  color: #003876;
  text-decoration: none;
}

.qs-tags a:hover {
  background: #f4f5f6;
}

/* --- 详情页交叉推荐 --- */
.qs-related {
  margin-top: 1.5rem;
}

.qs-related h2 {
  font-size: 1.25rem;
}

.qs-related-list {
  margin-bottom: 0;
}

/* --- 分页条（PbootCMS page:bar 原生 span 结构） --- */
.qs-pagination {
  margin: 2rem 0 1rem;
  text-align: center;
  line-height: 2.2;
}

.qs-pagination .page-status,
.qs-pagination .page-index,
.qs-pagination .page-pre,
.qs-pagination .page-next,
.qs-pagination .page-last,
.qs-pagination .page-numbar {
  display: inline-block;
  margin: 0 0.15rem;
}

.qs-pagination a {
  display: inline-block;
  padding: 0.15rem 0.6rem;
  border: 1px solid #E7E8E9;
  color: #003876;
  text-decoration: none;
  background: #fff;
}

.qs-pagination a.page-num-current,
.qs-pagination a:hover {
  background: #003876;
  border-color: #003876;
  color: #fff;
}

.qs-pagination .page-num {
  display: inline-block;
  padding: 0.15rem 0.6rem;
  margin: 0 0.1rem;
}

/* --- 页脚直接联系行（转化位，配色随原页脚） --- */
.qs-footer-contact {
  text-align: center;
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid #E7E8E9;
  font-size: 0.95rem;
}

.qs-footer-contact p {
  margin-bottom: 0.35rem;
}

.qs-footer-contact .qs-fc-phone {
  font-weight: 700;
  color: #003876;
}

.qs-footer-contact .qs-contact-qr {
  justify-content: center;
  margin-top: 0.75rem;
}

.qs-footer-contact .qs-contact-qr img {
  width: 120px;
  height: 120px;
}

/* --- 404 页 --- */
.qs-404-code {
  font-size: 5rem;
  font-weight: 700;
  color: #003876;
  line-height: 1.2;
}

/* ==== 20260910a 首页模块化与转化组件补充 ==== */

/* --- 首页重点介绍块（公司介绍 + 优势，20260910b） --- */
.qs-intro {
  margin: 0 0 1.75rem;
  padding: 1.5rem;
  background: #f7f8fa;
  border: 1px solid #E7E8E9;
  border-top: 3px solid #003876;
}

.qs-intro__title {
  font-size: 1.35rem;
  color: #003876;
  margin-bottom: 0.6rem;
}

.qs-intro__lead {
  font-size: 0.95rem;
  line-height: 2;
  color: #44494f;
  margin-bottom: 1rem;
}

.qs-adv {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.qs-adv li {
  padding: 0.85rem 0.9rem;
  background: #fff;
  border: 1px solid #E7E8E9;
}

.qs-adv strong {
  display: block;
  color: #003876;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}

.qs-adv span {
  font-size: 0.85rem;
  color: #55595f;
  line-height: 1.7;
}

.qs-intro__actions {
  margin-bottom: 0;
}

.qs-intro__actions .btn {
  margin-right: 0.5rem;
  margin-bottom: 0.35rem;
}

@media (max-width: 575.98px) {
  .qs-intro { padding: 1.1rem; }
  .qs-adv { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; }
  .qs-adv span { font-size: 0.8rem; }
}

/* --- 页头右侧：电话纯文本 + 联系入口（转化位，不改动原 Logo+标语版式） --- */
.qs-header-contact {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 1rem;
  line-height: 70px;
  white-space: nowrap;
}

.qs-header-phone {
  font-weight: 700;
  color: #003876;
  font-size: 1.1rem;
}

.qs-header-link {
  color: #55595f;
  text-decoration: none;
}

.qs-header-link:hover,
.qs-header-link:focus {
  color: #003876;
  text-decoration: underline;
}

@media (max-width: 767.98px) {
  .qs-header-contact { line-height: 56px; gap: .75rem; }
  .qs-header-phone { font-size: 1rem; }
}

/* --- 首页内容区块（图标墙下：资讯/服务/案例） --- */
.qs-home-block {
  margin-top: 2rem;
  padding-top: 1.25rem;
  border-top: 1px solid #E7E8E9;
}

.qs-home-block__title {
  font-size: 1.35rem;
  color: #003876;
  padding-left: 0.6rem;
  border-left: 4px solid #003876;
  line-height: 1.35;
  margin-bottom: 1rem;
}

.qs-home-block__more {
  margin: 0.75rem 0 0;
  text-align: right;
}

.qs-home-block__more a {
  color: #003876;
  font-weight: 700;
  text-decoration: none;
}

.qs-home-block__more a:hover {
  text-decoration: underline;
}

/* --- 首页最新资讯：紧凑日期列表 --- */
.qs-news-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.qs-news-list li {
  display: flex;
  gap: 0.75rem;
  align-items: baseline;
  padding: 0.5rem 0;
  border-bottom: 1px dashed #E7E8E9;
}

.qs-news-list time {
  flex: 0 0 auto;
  font-size: 0.85rem;
  color: #6c757d;
  white-space: nowrap;
}

.qs-news-list a {
  color: #333;
  text-decoration: none;
}

.qs-news-list a:hover,
.qs-news-list a:focus {
  color: #003876;
  text-decoration: underline;
}

/* --- 产品详情询价转化块 --- */
.qs-cta {
  margin: 1.75rem 0 0;
  padding: 1.25rem;
  background: #f4f5f6;
  border: 1px solid #E7E8E9;
  border-left: 4px solid #003876;
}

.qs-cta h2 {
  font-size: 1.25rem;
  color: #003876;
  margin-bottom: 0.5rem;
}

.qs-cta .qs-contact-list {
  margin-bottom: 0.75rem;
}

.qs-cta__actions {
  margin-bottom: 0;
}

/* --- 全站浮动联系栏（电话弹层为号码纯文本，无拨号链接） --- */
.qs-float {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 100;
  display: grid;
  gap: 0.4rem;
}

.qs-float__btn {
  display: block;
  width: 4rem;
  padding: 0.5rem 0.25rem;
  text-align: center;
  font-size: 0.875rem;
  background: #003876;
  color: #fff;
  border: 0;
  cursor: pointer;
  text-decoration: none;
}

.qs-float__btn:hover,
.qs-float__btn:focus {
  background: #002a58;
  color: #fff;
  text-decoration: none;
}

.qs-float__pop {
  width: 4rem;
  margin-bottom: 0.25rem;
  padding: 0.5rem 0.25rem;
  text-align: center;
  background: #fff;
  border: 1px solid #E7E8E9;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
}

.qs-float__title {
  font-size: 0.75rem;
  color: #6c757d;
  margin-bottom: 0.15rem;
}

.qs-float__num {
  font-size: 0.8rem;
  font-weight: 700;
  color: #003876;
  margin-bottom: 0;
  word-break: break-all;
}

/* --- GEO：正文语义结构（问式 h2 小节 + FAQ 问答块，内容由内容系统产出） --- */
.entry-content > h2 {
  padding-left: 0.55rem;
  border-left: 4px solid #003876;
  line-height: 1.4;
}

.entry-content .faq-item {
  margin: 0 0 1.25rem;
  padding: 1rem 1.25rem;
  background: #f4f5f6;
  border-left: 4px solid #003876;
}

.entry-content .faq-item h3 {
  font-size: 1.05rem;
  color: #003876;
  margin-bottom: 0.5rem;
}

.entry-content .faq-item p {
  margin: 0;
  line-height: 1.9;
}