/* ==========================================================================
   资质与工商信息页 专属样式（/qualifications.html）
   --------------------------------------------------------------------------
   头部与底部已改用全站统一版本（.navbar / .modern-footer，见 index.html），
   故本文件【不再包含】.q-header / .q-footer 相关规则，避免与全站样式冲突。
   本文件仅负责页面正文：hero 区 + 内容卡片。
   ========================================================================== */

/* ---------- 正文区（避开固定导航栏） ----------
   导航栏是 fixed-top，其高度由 responsive.css 的 .navbar padding 与
   .navbar-brand img 高度共同决定，随断点变化。实测值：

     ≥992px        → 88px   (padding 1rem   + logo 40px)
     576–991px     → 82px   (padding .5rem  + logo 40px)
     ≤575px        → 66px   (padding .5rem  + logo 32px)

   ⚠️ 注意断点在 575/576 而非 767：responsive.css 中改变 navbar 的规则
      位于 @media (max-width: 575px)（见该文件 line 545 起）。
      若按 767 断点设置，576–767px 区间会少 16px 导致 hero 被遮挡。
   故这里按 992 / 576 两个真实边界分别留出等高 padding。                */
.q-page {
  padding-top: 88px;
  background: var(--bg-secondary);
  min-height: 60vh;
}

/* ---------- Hero ---------- */
.q-hero {
  background: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);
  color: #fff;
  padding: 2.75rem 1.5rem 3.25rem;
}
.q-hero-inner { max-width: 1080px; margin: 0 auto; }
.q-breadcrumb { font-size: .875rem; opacity: .9; margin-bottom: 1rem; }
.q-breadcrumb a { color: #fff; text-decoration: none; opacity: .9; }
.q-breadcrumb a:hover { opacity: 1; text-decoration: underline; }
.q-hero h1 { font-size: 2rem; font-weight: 700; margin: 0 0 .875rem; }
.q-lead { font-size: 1.0625rem; opacity: .96; margin: 0; max-width: 820px; }

/* ---------- 主体容器 ---------- */
.q-main { max-width: 1080px; margin: 0 auto; padding: 2rem 1.5rem 3rem; }

/* ---------- 卡片 ---------- */
.q-card {
  background: #fff;
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-md);
  padding: 2rem;
  margin-bottom: 1.75rem;
}
.q-card h2 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 1.25rem;
  padding-bottom: .75rem;
  border-bottom: 2px solid var(--bg-accent);
  display: flex;
  align-items: center;
  gap: .5rem;
}
.q-card h2 i { color: var(--primary-color); font-size: 1.0625rem; }
.q-card h3 { font-size: 1rem; font-weight: 600; margin: 1.5rem 0 .625rem; color: var(--text-primary); }

/* ---------- 信息表 ---------- */
.q-table { width: 100%; border-collapse: collapse; font-size: .9375rem; }
.q-table th, .q-table td { padding: .75rem .875rem; text-align: left; vertical-align: top; border-bottom: 1px solid var(--bg-accent); }
.q-table th {
  width: 170px;
  color: var(--text-secondary);
  font-weight: 500;
  background: var(--bg-secondary);
  white-space: nowrap;
}
.q-table tr:last-child th, .q-table tr:last-child td { border-bottom: none; }
.q-table td { color: var(--text-primary); }
.q-code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .02em; }

/* ---------- 经营范围列表 ---------- */
.q-scope { list-style: none; margin: 0; padding: 0; }
.q-scope > li {
  padding: .875rem 0 .875rem 1.5rem;
  position: relative;
  border-bottom: 1px dashed var(--bg-accent);
}
.q-scope > li:last-child { border-bottom: none; }
.q-scope > li::before {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: .95rem;
  color: var(--primary-color);
  font-size: .875rem;
}
.q-scope strong { display: block; color: var(--text-primary); margin-bottom: .25rem; }
.q-scope span { color: var(--text-secondary); font-size: .9375rem; }
.q-map {
  margin-top: .5rem;
  font-size: .875rem;
  color: var(--primary-color);
  background: var(--bg-accent);
  display: inline-block;
  padding: .125rem .5rem;
  border-radius: 3px;
}

/* ---------- 联系方式 ---------- */
.q-contact { display: grid; gap: .875rem; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.q-contact-item {
  background: var(--bg-secondary);
  border-radius: var(--border-radius-md);
  padding: 1rem 1.125rem;
  display: flex;
  align-items: center;
  gap: .875rem;
}
.q-contact-item i {
  color: var(--primary-color);
  font-size: 1.125rem;
  width: 1.5rem;
  text-align: center;
  flex: none;
}
.q-contact-item .k { font-size: .8125rem; color: var(--text-muted); display: block; }
.q-contact-item .v { font-size: .9375rem; color: var(--text-primary); }
.q-contact-item a { color: var(--primary-color); text-decoration: none; }
.q-contact-item a:hover { text-decoration: underline; }

/* ---------- 提示框 ---------- */
.q-note {
  background: var(--bg-secondary);
  border-left: 3px solid var(--text-muted);
  padding: 1rem 1.25rem;
  border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
  font-size: .875rem;
  color: var(--text-secondary);
  margin: 0;
}
.q-note strong { color: var(--text-primary); }
.q-note a { color: var(--primary-color); }

/* ---------- 当前页高亮（页脚"工商信息"） ---------- */
.modern-footer .legal-link.is-current { color: #fff; font-weight: 500; }

/* ---------- 响应式 ---------- */
/* 按导航栏真实断点对齐高度（见上方 .q-page 注释中的实测值与边界说明） */
@media (min-width: 576px) and (max-width: 991.98px) {
  .q-page { padding-top: 82px; }
}
@media (max-width: 575.98px) {
  .q-page { padding-top: 66px; }
  .q-hero { padding: 2rem 1rem 2.75rem; }
  .q-hero h1 { font-size: 1.5rem; }
  .q-main { padding: 1.5rem 1rem 2.5rem; }
  .q-card { padding: 1.25rem; }
  .q-table th { width: 100px; font-size: .875rem; }
  .q-table th, .q-table td { padding: .625rem .5rem; }
}