/* Footer Customization & Header Navigation Adjustments */
/* 修改footer背景色为绿色#568A76，调整版权信息对齐，添加导航链接，调整文字大小 */

/* Header导航链接文字大小调整 - 缩小10% */
.btn-text-d97c4 {
    font-size: 0.9em !important; /* 相对原始大小缩小10% */
}

/* 确保header导航的响应式调整 */
@media (max-width: 768px) {
    .btn-text-d97c4 {
        font-size: 0.85em !important; /* 移动端进一步调整 */
    }
}

/* Footer背景色修改 */
#HWJxzmyi-layer-bg-gyeof {
    background: #568A76 !important;
}

/* 确保整个footer区域的背景色也是绿色 */
#HWJxzmyi .layout-group-c08f7 {
    background: #568A76 !important;
}

#HWJxzmyi {
    background: #568A76 !important;
    padding: 30px 0 20px 0 !important; /* 减少底部留白 */
}

/* Footer主容器布局 */
#HWJxzmyi .layout-body-f0b12 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 40px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Footer顶部区域：Logo + 导航链接 */
.footer-top-section {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

/* Hokimi logo区域 */
.footer-logo-section {
    flex: 0 0 auto;
}

/* 导航链接区域 */
.footer-links-section {
    flex: 0 0 auto;
    text-align: right;
}

/* 导航链接行样式 */
.footer-nav-row {
    margin-bottom: 8px;
    display: flex;
    gap: 20px;
    justify-content: flex-end;
}

/* 第二行链接增加上边距，扩大行间距 */
.footer-nav-row:last-child {
    margin-bottom: 0;
    margin-top: 16px; /* 将行间距从8px扩大到24px (8px + 16px) */
}

/* 导航链接样式 */
.footer-nav-link {
    color: white !important;
    text-decoration: none;
    font-size: 11.9px; /* 14px * 0.85 = 11.9px (缩小15%) */
    font-family: PlusJakartaSans-Medium, '微软雅黑', sans-serif;
    transition: opacity 0.3s ease;
    cursor: pointer;
}

.footer-nav-link:hover {
    opacity: 0.7;
}

/* 版权信息区域 */
.footer-copyright {
    text-align: center;
    color: white !important;
    font-size: 14px;
    font-family: PlusJakartaSans-Medium, '微软雅黑', sans-serif;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* 移动端适配 */
@media (max-width: 768px) {
    #HWJxzmyi .layout-body-f0b12 {
        padding: 0 20px;
    }
    
    .footer-top-section {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }
    
    .footer-links-section {
        text-align: center;
    }
    
    .footer-nav-row {
        justify-content: center;
        flex-wrap: wrap;
        gap: 15px;
    }
    
    /* 移动端第二行链接间距调整 */
    .footer-nav-row:last-child {
        margin-top: 20px; /* 移动端稍大的间距 */
    }
    
    .footer-nav-link {
        font-size: 11px; /* 13px * 0.85 = 11.05px ≈ 11px */
    }
}

/* 确保所有子元素的背景色都是绿色 */
#HWJxzmyi .bg-layer-b9970,
#HWJxzmyi .color-bg-dfdd7 {
    background: #568A76 !important;
}

/* Footer内所有文字保持白色以确保可读性 */
#HWJxzmyi * {
    color: white !important;
}

/* 隐藏原有的footer内容，我们将用新的结构替换 */
#HWJxzmyi .page-layout-row-inner-ab83f {
    display: none !important;
}