* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-weight: normal; /* 移除所有加粗 */
}

body {
    font-family: 'SimHei', 'Microsoft YaHei', sans-serif; /* 使用黑体 */
    background: #FFFFFF;
}

.wy-footer-container {
    background-color: #F7F7F7;
    color: #555; /* 文字颜色改为更浅的灰色 */
    padding: 10px calc(5% + 285px) 20px; /* 增加左右内边距 */
    font-family: 'SimHei', 'Microsoft YaHei', sans-serif; /* 使用黑体 */
    position: relative; /* 为绝对定位的子元素提供定位上下文 */
}

/* 顶部联系我们区域 - 横向显示 */
.wy-contact-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 15px; /* 减小底部边距 */
}

.wy-contact-top-bar h3 {
    color: #444; /* 标题颜色稍深 */
    margin-bottom: 0;
    font-size: 1.3em; /* 电脑端标题加大 */
    margin-bottom: 5px; /* 减小标题底部边距 */
    font-weight: 300; /* 细体 */
    font-family: "Microsoft YaHei Light", "Microsoft YaHei", sans-serif; /* 确保使用细体字体 */
}

.wy-contact-info {
    display: flex;
    gap: 30px;
    font-size: 1em; /* 电脑端联系信息加大 */
}

.wy-contact-info p {
    margin: 0;
    font-size: 0.9em; /* 电脑端联系信息加大 */
    color: #6b6b6b; /* 联系信息文字颜色 */
    font-weight: 300; /* 细体 */
    font-family: "Microsoft YaHei Light", "Microsoft YaHei", sans-serif; /* 确保使用细体字体 */
}

.wy-footer-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0px 0 30px; /* 增加顶部内边距15px */
}

.wy-footer-section {
    flex: 1;
    min-width: 200px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

/* 链接区域样式 */
.wy-footer-links-section {
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wy-footer-logo {
    display: flex;
    align-items: center;
    height: 100%;
    margin-bottom: 0;
}

.wy-footer-logo img {
    max-width: 200px; /* 放大Logo尺寸 */
    height: auto;
}

.wy-footer-links h3 {
    margin-bottom: 15px;
    color: #727272; /* 链接标题颜色稍深 */
    font-size: 1.2em; /* 电脑端链接标题加大（从1.2em增加到1.3em） */
    position: relative;
    cursor: pointer;
    margin-top: 60px;
    
}

.wy-footer-links a {
    display: block;
    color: #696969; /* 链接文字颜色改为更浅的灰色 */
    text-decoration: none;
    margin: 25px 0; /* 增加链接上下间距 */
    transition: color 0.3s;
    font-size: 0.9em; /* 电脑端链接文字加大（从1.05em增加到1.15em） */
    font-weight: 300; /* 细体 */
    font-family: "Microsoft YaHei Light", "Microsoft YaHei", sans-serif; /* 确保使用细体字体 */
}

.wy-footer-links a:hover {
    color: #020202; /* 悬停时稍深 */
}

.wy-footer-bottom {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 20px 0;
    color: #a7a7a7; /* 备案信息颜色改为更浅的灰色 */
    position: relative; /* 为移动端Logo定位提供定位上下文 */
    
}

.wy-footer-bottom div {
    font-size: 0.8em; /* 电脑端备案信息加大 */
    padding: 8px 0; /* 增加备案信息上下间距 */
    color: #c2c2c2; /* 备案信息颜色改为更浅的灰色 */
    margin: 0 5px; /* 电脑端备案信息之间增加5px左右间距 */
    font-weight: 300; /* 细体 */
    font-family: "Microsoft YaHei Light", "Microsoft YaHei", sans-serif; /* 确保使用细体字体 */
}

.wy-copyright {
    margin-top: 10px;
    text-align: left;
    width: 100%;
    padding-top: 15px;
    font-size: 0.95em; /* 电脑端版权信息加大 */
    color: #888; /* 版权信息颜色改为更浅的灰色 */
}

/* 右侧链接区域容器 - 右对齐 */
.wy-links-container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: flex-end;
    height: 100%;
    width: 100%;
      font-weight: 300; /* 细体 */
    font-family: "Microsoft YaHei Light", "Microsoft YaHei", sans-serif; /* 确保使用细体字体 */
}

/* 链接区域右对齐 */
.wy-footer-section:last-child {
    justify-content: flex-end;
    padding-right: 0;
}

/* 备案链接样式 - 确保与原文字效果一致 */
.wy-footer-bottom a.wy-beian-link {
    font-size: 0.8em;
    padding: 8px 0;
    color: #c2c2c2;
    margin: 0 5px;
    font-weight: 300;
    font-family: "Microsoft YaHei Light", "Microsoft YaHei", sans-serif;
    text-decoration: none; /* 移除下划线 */
    transition: color 0.3s ease; /* 添加悬停过渡效果 */
    display: inline-block; /* 确保布局一致 */
    cursor: pointer;
}

/* 公安备案特殊样式 */
.wy-footer-bottom a.wy-police-beian {
    display: inline-flex;
    align-items: center;
    gap: 5px; /* 图标和文字之间的间距 */
}

.wy-police-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    /* 移除灰度滤镜，保持图标原色 */
    filter: none;
    /* 移除透明度，保持图标完全可见 */
    opacity: 1;
    /* 移除过渡效果 */
}

/* 悬停效果 - 只对文字生效，不对图标生效 */
.wy-footer-bottom a.wy-beian-link:hover {
    color: #444; /* 悬停时变为白色，保持与原设计一致 */
}

/* 移除图标的悬停效果 */
.wy-footer-bottom a.wy-beian-link:hover .wy-police-icon {
    /* 移除所有悬停效果，保持原样 */
    filter: none;
    opacity: 1;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .wy-footer-container {
        padding: 40px 60px 20px; /* 增加移动端左右内边距 */
    }
    
    .wy-contact-top-bar {
        flex-direction: column;
        align-items: flex-start;
        font-size: 1.05em;
        border-bottom: none; /* 移除底部线条 */
        margin-bottom: 10px; /* 减小移动端底部边距 */
    }
    
    .wy-contact-info {
        flex-direction: column;
        gap: 15px; /* 增加联系信息之间的间距 */
        margin-top: 10px;
        font-size: 1em; /* 统一文字大小 */
    }
    
    .wy-contact-info p {
        margin-bottom: 5px; /* 增加段落间距 */
        color: #9c9c9c; /* 移动端联系信息文字颜色 */
        color: #444; /* 移动端链接标题颜色 */
        font-family: "Microsoft YaHei Light", "Microsoft YaHei", sans-serif; /* 确保使用细体字体 */
        font-size: 1em;
    }
    
    .wy-footer-top {
        flex-direction: column;
        font-size: 1em;
        padding: 0px 0px 0px; /* 增加移动端顶部内边距15px */
        
    }
    
    .wy-footer-section {
        margin-bottom: 15px;
        justify-content: flex-start !important;
    }
    
    .wy-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        font-size: 1.05em;
        padding-right: 0; /* 移除为Logo预留的空间 */
        color: #888; /* 移动端备案信息颜色 */
    }
    
    .wy-footer-bottom div {
        margin: 0; /* 移动端不需要左右间距 */
        padding: 10px 0; /* 增加备案信息上下间距 */
    }
    
    .wy-footer-bottom a.wy-beian-link {
        font-size: 0.8em;
        color: #888;
        margin: 0;
        padding: 10px 0;
        display: block; /* 移动端换行显示 */
    }
    
    .wy-footer-bottom a.wy-police-beian {
        display: flex; /* 移动端保持flex布局 */
        align-items: center;
        gap: 5px;
    }
    
    .wy-links-container {
        flex-direction: column;
        gap: 0;
        justify-content: flex-start;
    }
    
    .wy-footer-links-section {
        padding: 0;
        width: 100%;
    }
    
    /* 移动端隐藏Logo */
    .wy-footer-logo {
        display: none;
    }
    
    /* 版权和备案信息字体减小 */
    .wy-footer-bottom div {
        font-size: 0.8em;
        color: #888; /* 移动端备案信息颜色 */
        font-family: "Microsoft YaHei Light", "Microsoft YaHei", sans-serif; /* 确保使用细体字体 */
    
    }
    
    .wy-copyright {
        font-size: 0.75em;
        color: #888; /* 移动端版权信息颜色 */
        padding-top: 10px; /* 减小顶部内边距 */
        margin-top: 10px; /* 增加顶部外边距 */
        font-family: "Microsoft YaHei Light", "Microsoft YaHei", sans-serif; /* 确保使用细体字体 */
  
    }
    
    .wy-footer-links h3 {
        font-size: 1.1em;
        padding: 10px 0;
        display: flex;
        justify-content: space-between; /* 让标题和图标分居两侧 */
        align-items: center;
        color: #444; /* 移动端链接标题颜色 */
        font-family: "Microsoft YaHei Light", "Microsoft YaHei", sans-serif; /* 确保使用细体字体 */
   
    }
    
    /* 只在移动端显示展开图标 */
    .wy-footer-links h3::after {
        content: '▼';
        font-size: 0.6em;
        margin-left: 8px;
        transition: transform 0.3s ease;
        flex-shrink: 0; /* 防止图标被挤压 */
        
    }
    
    .wy-footer-links.wy-expanded h3::after {
        transform: rotate(180deg);
    }
    
    .wy-footer-links a {
        font-size: 1.0em;
        color: #575757; /* 移动端链接文字颜色 */
        margin: 40px 0; /* 增加移动端链接文字上下间距 */
        font-weight: 300; /* 细体 */
        font-family: "Microsoft YaHei Light", "Microsoft YaHei", sans-serif; /* 确保使用细体字体 */
    }
    
    /* 移动端链接内容默认隐藏 */
    .wy-footer-links .wy-links-content {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height 0.5s ease, opacity 0.5s ease;
        padding-top: 0; /* 初始状态无上内边距 */
    }
    
    /* 展开状态 */
    .wy-footer-links.wy-expanded .wy-links-content {
        max-height: 1000px; /* 足够大的值确保内容完全展开 */
        opacity: 1;
      
    }
    
    /* 减小移动端联系我们标题底部边距 */
    .wy-contact-top-bar h3 {
        margin-bottom: 15px;
        color: #444; /* 移动端标题颜色 */
    }
}