/* ==================================
   /portal/assets/css/footer.css
   页脚footer.php的样式
 =================================== */ 
 
/* ============================
   企业级 Footer（深色主题）
============================ */

.portal-footer {
    background: #1f2a44;        /* ⭐ 深蓝灰色背景（截图风格） */
    padding: 40px 0;
    margin-top: 2px;
    border-top: 1px solid #162033;   /* 更深的边框 */
}

/* 四列布局 */
.footer-columns {
    display: flex;
    justify-content: center;
    gap: 80px;
    margin-bottom: 30px;
}

/* 标题颜色（亮色） */
.footer-col h4 {
    font-size: 16px;
    margin-bottom: 12px;
    color: #ffffff;            /* ⭐ 白色标题 */
}

/* 链接颜色（浅灰） */
.footer-col a {
    display: block;
    color: #c7d1e0;            /* ⭐ 浅灰蓝色文字（截图风格） */
    font-size: 14px;
    margin-bottom: 8px;
    text-decoration: none;
}

.footer-col a:hover {
    color: #ffffff;            /* ⭐ hover 变白 */
}

/* 底部版权区域 */
.footer-bottom {
    text-align: center;
    color: #b8c2d0;            /* ⭐ 浅灰蓝色 */
    font-size: 13px;
    margin-top: 20px;
}

/* ============================
   Footer 认证图标区域
============================ */

.footer-cert {
    display: flex;
    justify-content: center;
    gap: 20px;                 /* ⭐ 图标之间的间距 */
    margin: 20px 0;            /* ⭐ 与上下内容的间距 */
}

.footer-cert img {
    width: 80px;               /* ⭐ 图标宽度（可调） */
    height: auto;
    opacity: 0.9;              /* ⭐ 稍微透明一点，更高级 */
    transition: opacity 0.2s;
}

.footer-cert img:hover {
    opacity: 1;                /* ⭐ hover 更亮 */
}

/* -------------样式结束（手机端隐藏footer页脚代码放在global-device-adapt.css内的------- */