/* ============================================================
   钦管家 qgj999.cn —— 全站页脚样式（独立版）
   ------------------------------------------------------------
   用途：供「overseas 海外税务专题页」使用。
        这类页面自带 <style>、刻意不加载 css/style.css，
        但页脚 HTML 沿用了全站结构，一旦缺样式就会退化成裸文本
        （无深蓝底、无分栏、LOGO 撑满、链接带圆点与下划线）。

        当前使用者：
          overseas/*.html      海外税务各专题页

   ⚠️ 同步约定：本文件是 css/style.css 中 .footer 段的镜像。
      改页脚样式时两处必须一起改：
        · css/style.css          .footer 段（约 1582-1645 行 + 2665-2675 行）
        · css/qgj-footer.css     本文件
      取值以 style.css 中被后段覆盖层（约 2665 行）修正后的
      实际生效值为准，确保海外页页脚与全站像素级一致。

   为避免污染海外页的既有布局，规则一律收窄到
   .footer 作用域内，不写全局选择器、不覆盖页面 :root 变量。
   ============================================================ */

.footer {
    background: #0f2540;               /* = --primary-dark */
    color: rgba(255, 255, 255, 0.7);
    padding: 38px 0 18px;              /* 紧凑化后的实际生效值 */
    line-height: 1.7;
    text-align: left;
}

/* 海外页未定义 .container，此处按全站口径补齐 */
.footer .container {
    max-width: 1200px;                 /* = --container */
    margin: 0 auto;
    padding: 0 24px;
}

/* 基础重置（收窄到 .footer 内） */
.footer ul,
.footer ol { list-style: none; margin: 0; padding: 0; }
.footer a { text-decoration: none; color: inherit; transition: all 0.3s ease; }  /* = --transition */
.footer img { max-width: 100%; display: block; }

/* ---- 栅格 ---- */
.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    gap: 32px;
    margin-bottom: 26px;
}

/* ---- 品牌区 ---- */
.footer-brand .nav-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 16px;
}
.footer-brand .nav-logo-img {
    height: 34px;
    width: auto;
    object-fit: contain;
    border-radius: 50%;
    transition: transform 0.3s ease;
}
.footer-brand .nav-logo:hover .nav-logo-img { transform: scale(1.05); }
.footer-brand .logo-brand-text {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
    margin-left: 4px;
}
.footer-brand .logo-brand-main {
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
}
.footer-brand .logo-brand-sub {
    font-size: 0.7rem;
    color: #dbb976;                    /* = --accent-light */
    letter-spacing: 2px;
    font-weight: 400;
}
.footer-brand p {
    font-size: 0.88rem;
    line-height: 1.8;
    max-width: 320px;
}

/* ---- 栏目列 ---- */
.footer-col h4 {
    color: #fff;
    font-size: 1rem;
    margin-bottom: 16px;
    font-weight: 600;
}
.footer-col ul li { margin-bottom: 10px; }
.footer-col ul li a { font-size: 0.88rem; color: rgba(255, 255, 255, 0.6); }
.footer-col ul li a:hover { color: #dbb976; }

/* ---- 底栏 ---- */
.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.55);
    flex-wrap: wrap;
    gap: 8px;
}
.footer-bottom a { color: rgba(255, 255, 255, 0.55); }
.footer-bottom a:hover { color: #dbb976; }
.footer .beian-link { color: rgba(255, 255, 255, 0.6); font-weight: 500; }

/* ---- 响应式：断点与 style.css 保持一致（968 两列 / 768 单列） ---- */
@media (max-width: 968px) {
    .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
    .footer { padding: 30px 0 16px; }
    .footer-grid { grid-template-columns: 1fr; gap: 28px; }
    .footer-brand .logo-brand-main { font-size: 1.05rem; }
    .footer-brand .logo-brand-sub { font-size: 0.6rem; letter-spacing: 1px; }
    .footer-brand .nav-logo-img { height: 36px; }
    .footer .container { padding: 0 20px; }
    .footer-bottom { flex-direction: column; text-align: center; }
}