/* ── 全站统一页脚（与首页一致，自包含，不依赖 Tailwind） ── */
.yx-footer {
  background: #2d3436;
  color: rgba(255, 255, 255, 0.7);
  padding: 64px 16px;
  font-family: inherit;
}
.yx-footer * { box-sizing: border-box; }

.yx-inner {
  max-width: var(--content-w);
  margin: 0 auto 48px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
}
@media (min-width: 768px) {
  .yx-inner { grid-template-columns: repeat(3, 1fr); }
}

.yx-brand {
  font-size: 1.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: 0.1em;
  margin-bottom: 24px;
}
.yx-desc {
  font-size: 0.875rem;
  line-height: 1.625;
  max-width: 20rem;
  color: #cbd5e1;
}

.yx-col-title {
  color: #fff;
  font-weight: 700;
  margin-bottom: 24px;
  font-size: 1rem;
}

.yx-qr-row { display: flex; gap: 16px; flex-wrap: wrap; }
.yx-qr-card {
  background: #fff;
  padding: 12px;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  width: 128px;
  transition: all 0.3s ease;
}
.yx-qr-card:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}
.yx-qr-head { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }
.yx-qr-head .ic { font-size: 1.125rem; line-height: 1; }
.yx-qr-head .lb { color: #1e293b; font-weight: 700; font-size: 10px; }
.yx-qr {
  width: 100%;
  aspect-ratio: 1 / 1;
  background: #0f172a;
  padding: 6px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(6, 1fr);
  gap: 2px;
}
.yx-qr i { display: block; background: #fff; }
.yx-qr i.off { background: #0f172a; }
.yx-qr-cap { margin-top: 8px; font-size: 8px; color: #64748b; text-align: center; line-height: 1.3; }

.yx-contact { display: flex; flex-direction: column; gap: 16px; }
.yx-contact .row { display: flex; align-items: center; gap: 12px; }
.yx-contact .row .ic { font-size: 1.125rem; line-height: 1; }

.yx-bottom {
  max-width: var(--content-w);
  margin: 0 auto;
  padding-top: 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .yx-bottom { flex-direction: row; justify-content: space-between; align-items: center; }
}
.yx-bottom a { color: rgba(255, 255, 255, 0.7); text-decoration: none; transition: color 0.2s; }
.yx-bottom a:hover { color: #fff; text-decoration: underline; }
.yx-bottom .links { display: flex; gap: 24px; flex-wrap: wrap; }
/* ICP 备案号：工信部要求可点击跳转至 beian.miit.gov.cn；与相邻链接视觉一致 */
.yx-bottom a.icp { color: rgba(255, 255, 255, 0.7); }
.yx-bottom a.icp:hover { color: #fff; text-decoration: underline; }