/* =============================================================
   footer.css - 通用 footer 组件（src/partials/footer.htm）配套样式
   footer 使用 Tailwind 类名，但多数页面（旧模板）未加载 Tailwind
   构建产物 main.css，且 main.css 含 preflight 会覆盖 Bootstrap
   全局样式，不能在旧页面整体引入。此文件只实现 footer 用到的
   工具类，选择器全部限定在 <footer> 内，不影响页面其他内容。
   尺寸统一用 px：旧页面 rem.js 会动态放大 html 字号，rem 会失真，
   而 index1 的 html 字号为默认 16px，px 与 Tailwind 原始值一致。
   ============================================================= */

footer {
    font-family: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
}

/* 旧页面 Bootstrap 3 对 a 有独立的 color 规则，这里强制继承父级灰白文字色 */
footer a {
    color: inherit;
}
footer a:hover,
footer a:focus {
    color: inherit;
    text-decoration: none;
}

/* ---------- 背景与容器 ---------- */
footer .bg-\[\#2D2D2D\] { background-color: #2D2D2D; }
footer .text-white { color: #FFFFFF; }
footer .pt-16 { padding-top: 64px; }
footer .pb-10 { padding-bottom: 40px; }
footer .max-w-6xl { max-width: 1152px; }
footer .mx-auto { margin-left: auto; margin-right: auto; }
footer .px-8 { padding-left: 32px; padding-right: 32px; }

/* ---------- 五栏栅格 ---------- */
footer .grid { display: grid; }
footer .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
footer .gap-8 { gap: 32px; }
footer .mb-12 { margin-bottom: 48px; }
@media (min-width: 768px) {
    footer .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    footer .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

/* ---------- 标题与列表 ---------- */
footer .font-bold { font-weight: 700; }
footer .text-sm { font-size: 14px; line-height: 20px; }
footer .text-xs { font-size: 12px; line-height: 16px; }
footer .text-gray-400 { color: #9CA3AF; }
footer .text-gray-500 { color: #6B7280; }
footer .mb-6 { margin-bottom: 24px; }
footer .space-y-3 > * + * { margin-top: 12px; }
footer .transition-colors {
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
footer .hover\:text-white:hover { color: #FFFFFF; }

/* ---------- 联系我们：图标行 ---------- */
footer .flex { display: flex; }
footer .items-center { align-items: center; }
footer .items-start { align-items: flex-start; }
footer .gap-2 { gap: 8px; }
footer .w-3 { width: 12px; }
footer .h-3 { height: 12px; }
footer .mt-0\.5 { margin-top: 2px; }
footer .text-brand-orange { color: #FF4500; }
footer .flex-shrink-0 { flex-shrink: 0; }

/* ---------- 分割线 ---------- */
footer .border-t { border-top-width: 1px; border-top-style: solid; }
footer .border-gray-700 { border-color: #374151; }
footer .pt-8 { padding-top: 32px; }

/* ---------- ICP 行 ---------- */
footer .flex-col { flex-direction: column; }
footer .justify-center { justify-content: center; }
@media (min-width: 768px) {
    footer .md\:flex-row { flex-direction: row; }
    footer .md\:gap-6 { gap: 24px; }
}

/* ---------- 版权栏 ---------- */
footer .bg-black { background-color: #000000; }
footer .text-center { text-align: center; }
footer .py-4 { padding-top: 16px; padding-bottom: 16px; }