/* 清理完成 日期：2019-09-24 13:24:12 FF */

/* 黑色主题全局样式 */
body {
    background-color: #000000 !important;
    color: #e0e0e0 !important;
}

/* 主要容器背景 */
#sitecontent {
    background-color: #000000 !important;
}

/* 各个模块背景 */
#indexPage .module {
    background-color: #000000 !important;
}

#indexPage #mproject {
    background-color: #1a1a1a !important;
}

#indexPage #mnews,
#indexPage #mservice,
#indexPage #mteam,
#indexPage #mpartner,
#indexPage #mcontact {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* 强制覆盖所有mcontact背景样式 */
#mcontact {
    background-color: #000000 !important;
    background: #000000 !important;
}

.module#mcontact {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* 针对所有页面的mcontact模块 */
body #mcontact {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* 针对子页面的mcontact模块 */
.page #mcontact,
.page .module#mcontact {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* 确保mcontact模块内的文字颜色正确 */
#mcontact .content,
#mcontact .header,
#mcontact .contact-section {
    color: #ffffff !important;
}

#mcontact .header .title,
#mcontact .header p.title {
    color: #ffffff !important;
}

#mcontact .header .subtitle,
#mcontact .header p.subtitle {
    color: #cccccc !important;
}

#mcontact .contact-label {
    color: #ffffff !important;
}

#mcontact .company-name,
#mcontact .company-address,
#mcontact .contact-item {
    color: #cccccc !important;
}

/* 确保bgmask不影响黑色背景 */
#mcontact .bgmask {
    background-color: transparent !important;
    background: transparent !important;
    display: none !important;
}

/* 工作页面背景样式 */
.npagePage,
.Pageanli,
#mproject {
    background-color: #000000 !important;
}

/* 工作页面内容区域 */
#mproject .content {
    background-color: #000000 !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
}

/* 工作页面项目列表背景 */
#projectlist {
    background-color: #1a1a1a !important;
}

/* 工作页面分类导航 */
#category {
    background-color: transparent !important;
}

#category li a {
    color: #e0e0e0 !important;
    background-color: transparent !important;
}

#category li a:hover,
#category li a.active {
    color: #ffffff !important;
    background-color: transparent !important;
}

/* 工作页面标题样式 */
#mproject .header .title {
    color: #ffffff !important;
}

#mproject .header .subtitle {
    color: #b0b0b0 !important;
}

/* 工作页面底部样式 */
#footer {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #8e8e8e !important;
    border-top: 1px solid #333333 !important;
    float: none !important;
}

#footer p {
    color: #8e8e8e !important;
    padding: 8px 0 !important;
    width: 90% !important;
    margin: 0 auto !important;
    text-align: left !important;
}

#footer a {
    color: #8e8e8e !important;
}

/* 工作页面浮动按钮样式 */
#shares {
    background-color: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

#shares a {
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #333333 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#shares a:hover {
    background-color: #555 !important;
    color: #ffffff !important;
}

/* 工作页面header样式 */
body.bodyproject #header,
body.bodylist #header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 80px !important;
    background-color: rgba(0, 0, 0, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    box-shadow: 0 2px 10px rgba(255, 255, 255, 0.1) !important;
    z-index: 9999 !important;
    transition: all 0.3s ease !important;
}

body.bodyproject #header .content,
body.bodylist #header .content {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 4% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 80px !important;
}

body.bodyproject #header #logo,
body.bodylist #header #logo {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

body.bodyproject #header #logo img,
body.bodylist #header #logo img {
    height: 40px !important;
    margin: 0 !important;
}

body.bodyproject #header ul li.navitem,
body.bodylist #header ul li.navitem {
    display: flex !important;
    align-items: center !important;
    border: none !important;
    background: transparent !important;
    margin: 0 25px !important;
    padding: 0 !important;
    line-height: normal !important;
}

body.bodyproject #header ul li.navitem a,
body.bodylist #header ul li.navitem a {
    color: #e0e0e0 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

body.bodyproject #header ul li.navitem a:hover,
body.bodyproject #header ul li.navitem a.active,
body.bodylist #header ul li.navitem a:hover,
body.bodylist #header ul li.navitem a.active {
    color: #ffffff !important;
}

/* 更高优先级的导航active状态样式 */
body.bodyproject #header ul li.navitem a.active,
body.bodylist #header ul li.navitem a.active {
    color: #ffffff !important;
    font-weight: bold !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px !important;
    padding: 5px 10px !important;
}

/* 工作页面内容区域顶部间距 */
body.bodyproject #sitecontent,
body.bodylist #sitecontent {
    padding-top: 80px !important;
}

/* 内容区域背景 */
#indexPage .module .content {
    background-color: transparent !important;
}

/* 为works和news模块设置与header一致的宽度 */
#indexPage #mproject .content,
#indexPage #mnews .content {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
}

/* 白色背景改为深色 */
.bgShow,
#indexPage #mpage {
    background-color: #0a0a0a !important;
}

/* 项目卡片背景 - 未悬停时透明，只显示图片 */
#projectlist .projectitem a .project_info {
    background: rgba(0, 0, 0, 0) !important;
    opacity: 0 !important;
    transition: all 0.3s ease !important;
}

/* 悬停时显示信息层和文字 - 去掉背景阴影 */
#projectlist .projectitem a:hover .project_info {
    background: transparent !important;
    opacity: 1 !important;
}

#projectlist .projectitem a:hover .project_info p.title {
    color: #000000 !important;
}

#projectlist .projectitem a:hover .project_info p.subtitle {
    color: #000000 !important;
}

/* 文字颜色调整 */
#indexPage .content .header .title,
.content .header p.title {
    color: #ffffff !important;
    border-bottom: none !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 69.11px !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    margin-bottom: 20px !important;
}

#indexPage .content .header .subtitle,
.content .header p.subtitle {
    color: #b0b0b0 !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 65.89px !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
}

/* 调整header区域位置，让它更靠近下面的图片 */
#indexPage .content .header {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
}

/* 封面图轮播导航点居中显示 */
#indexPage #mslider .bx-wrapper .bx-pager {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* 显示分类区域 */
#category {
    display: block !important;
    visibility: visible !important;
}

/* 强制显示第一个分类链接 */
#category a:first-child {
    display: inline-block !important;
    visibility: visible !important;
}

/* 分类字体样式 */
#category a {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
}

/* 品牌视觉分类添加星形图标 */
#category a.active {
    position: relative !important;
}

#category a.active::before {
    content: "" !important;
    background-image: url('static/ppsj.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 16px !important;
    height: 16px !important;
    position: absolute !important;
    top: -4px !important;
    left: 8px !important;
    display: block !important;
    z-index: 10 !important;
}

/* 联系我们模块标题样式 */
#mcontact .header {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    visibility: visible !important;
    margin-bottom: 0 !important;
    padding: 100px 0 20px !important;
    margin-left: 4% !important;
    width: 82% !important;
    padding-left: 9% !important;
    margin-right: 9% !important;
    position: relative !important;
}

/* 联系我们模块内容区域与header保持一致宽度 */
#mcontact .content {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
}

#mcontact .header .title,
#mcontact .header p.title,
#indexPage #mcontact .header p.title {
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16.48px !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    margin: 0 !important;
    display: inline-block !important;
    visibility: visible !important;
    border-bottom: none !important;
    text-decoration: none !important;
}

#mcontact .header .subtitle,
#mcontact .header p.subtitle,
#indexPage #mcontact .header p.subtitle {
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 65.89px !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    margin: 0;
    display: inline-block !important;
    visibility: visible !important;
}

#projectlist .projectitem a .project_info p.title {
    color: #ffffff !important;
}

/* 联系我们区域内的标题样式 */
#contactinfo .title {
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16.48px !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    margin: 0 0 20px 0 !important;
    display: block !important;
    position: relative !important;
}

#contactinfo .title::after {
    content: "" !important;
    position: absolute !important;
    bottom: -10px !important;
    left: 0 !important;
    width: calc(100% + 800px) !important;
    height: 1px !important;
    background-color: #a09f9f !important;
}

#contactinfo-en .subtitle {
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 65.89px !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    margin: -30px 0 20px 0 !important;
    display: block !important;
}

/* 分隔线样式 - 与文本宽度一致 */
#contactinfo .contact-divider {
    width: fit-content !important;
    max-width: 100% !important;
    height: 1px !important;
    background-color: #c3c3c3 !important;
    margin: 10px 0 20px 0 !important;
    display: block !important;
}

/* 公司地址向下移动并保持平行 */
#contactinfo .contact-section h3.contact-label:first-of-type,
#contactinfo-en .contact-section h3.contact-label:first-of-type {
    margin-top: 60px !important;
    margin-bottom: 5px !important;
}

/* 所有联系标签间距调整 */
#contactinfo .contact-section h3.contact-label,
#contactinfo-en .contact-section h3.contact-label {
    margin-bottom: 5px !important;
}

/* 公司名称和地址信息间距调整 */
#contactinfo .company-name,
#contactinfo-en .company-name,
#contactinfo .contact-section .company-name,
#contactinfo-en .contact-section .company-name {
    margin: 0 0 2px 0 !important;
    margin-bottom: 2px !important;
}

#contactinfo .company-address,
#contactinfo-en .company-address {
    margin: 0 0 15px 0 !important;
}

/* 联系方式信息间距调整 */
#contactinfo .contact-item,
#contactinfo-en .contact-item {
    margin: 0 0 15px 0 !important;
}

#projectlist .projectitem a .project_info p.subtitle {
    color: #999999 !important;
}

/* 新闻模块 */
#newslist .newsbody .title {
    color: #ffffff !important;
}

#newslist .newsbody .description {
    color: #aaaaaa !important;
}

/* 服务模块 */
#servicelist .serviceitem div p.title {
    color: #ffffff !important;
}

#servicelist .serviceitem div p.description {
    color: #999999 !important;
}

/* 团队模块 */
#indexPage #mteam .summary p.title a {
    color: #ffffff !important;
}

#indexPage #mteam .description {
    color: #aaaaaa !important;
}

/* 联系表单背景 */
#indexPage #mcontact {
    background: #0a0a0a !important;
}

#contactform p .inputtxt {
    background-color: transparent !important;
    border-bottom: 1px solid #444444 !important;
    color: #e0e0e0 !important;
}

#contactform p .inputtxt:hover {
    border-bottom: 1px solid #666666 !important;
}

#contactform p .inputsub {
    background-color: transparent !important;
    color: #e0e0e0 !important;
    border: 1px solid #666666 !important;
}

#contactform p .inputsub:hover {
    background-color: #333333 !important;
    border: 1px solid #888888 !important;
    color: #fff !important;
}

#contactinfo h3,
#contactinfo p {
    color: #e0e0e0 !important;
}

/* 页脚样式已在上面的工作页面底部样式中定义 */

/* 边框颜色调整 */
.border-top,
[style*="border-top"] {
    border-top-color: #222222 !important;
}

/* 0729-css */

.Pageservice #servicelist { width: 92%;}

.Pageservice #servicelist .serviceitem a { height: auto;}

.Pageservice #servicelist .serviceitem:hover div p.title { padding-top: 25px;}
/* 0729-css end */

/* 顶部导航栏自定义样式 */
/* 移除 body 的 ipusher 相关样式 */
body.ipusher #header,
body.ipusher.open #header,
body.ipusher #header .content {
    width: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    padding: 0 !important;
    box-shadow: 0 2px 10px rgba(255, 255, 255, 0.1) !important;
    background-color: rgba(0, 0, 0, 0.95) !important;
    backdrop-filter: blur(10px) !important;
}

body.ipusher #header .content {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 4% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 80px !important;
}

body.ipusher #header #logo {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

body.ipusher #header #logo img {
    height: 40px !important;
    margin: 0 !important;
}

body.ipusher #header ul li.navitem {
    display: flex !important;
    align-items: center !important;
    border: none !important;
    background: transparent !important;
    margin: 0 25px !important;
    padding: 0 !important;
    line-height: normal !important;
}

body.ipusher #header ul li.navitem a {
    color: #e0e0e0 !important;
    font-size: 14px !important;
}

body.ipusher #header ul li.navitem a:hover,
body.ipusher #header ul li.navitem a.active {
    color: #ffffff !important;
}

/* 清除默认的 clear */
#header .content .clear {
    display: none;
}

/* 首页幻灯片样式调整 */
#indexPage #mslider {
    margin-top: 0 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* 修复轮播图全屏时上部分被遮挡的问题 */
#indexPage #mslider .bx-wrapper {
    position: relative !important;
    width: 100% !important;
    height: 100vh !important;
    min-height: 680px !important;
    z-index: 10 !important;
}

#indexPage #mslider ul li {
    height: 100vh !important;
    min-height: 680px !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* 确保轮播图在视口顶部开始 */
#indexPage #mslider {
    height: 100vh !important;
    min-height: 680px !important;
    width: 100% !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 轮播图导航点样式调整 */
#indexPage #mslider .bx-wrapper .bx-pager {
    position: absolute !important;
    bottom: 50px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 20 !important;
}

/* 响应式轮播图高度调整 */
@media (max-width: 768px) {
    #indexPage #mslider {
        height: 100vh !important;
        min-height: 500px !important;
    }
    
    #indexPage #mslider .bx-wrapper {
        height: 100vh !important;
        min-height: 500px !important;
    }
    
    #indexPage #mslider ul li {
        height: 100vh !important;
        min-height: 500px !important;
    }
}

@media (min-width: 1920px) {
    #indexPage #mslider {
        height: 100vh !important;
    }
    
    #indexPage #mslider .bx-wrapper {
        height: 100vh !important;
    }
    
    #indexPage #mslider ul li {
        height: 100vh !important;
    }
}

/* 针对导航栏的滚动效果 */
#header.scrolled {
    background-color: rgba(0, 0, 0, 0.98) !important;
    box-shadow: 0 2px 15px rgba(255, 255, 255, 0.2) !important;
}

/* 响应式设计：移动端 */
@media (max-width: 768px) {
    #header {
        height: 60px;
    }
    
    #header .content {
        height: 60px !important;
    }
    
    body #sitecontent {
        padding-top: 60px !important;
    }
    
    #header #logo img {
        height: 35px !important;
    }
    
    #header #nav {
        display: none; /* 移动端可以考虑添加汉堡菜单 */
    }
    
    #headSHBtn {
        display: block !important;
        position: absolute;
        right: 4%;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background: transparent;
        border: none;
        cursor: pointer;
    }
}

/* 平板设备 */
@media (min-width: 769px) and (max-width: 1024px) {
    #header .content {
        padding: 0 2%;
    }
    
    #header ul li.navitem {
        margin: 0 15px !important;
    }
    
    #header ul li.navitem a {
        font-size: 13px;
    }
}

/* 大屏幕优化 */
@media (min-width: 1440px) {
    #header .content {
        max-width: 1600px;
    }
}

/* 超大屏幕 */
@media (min-width: 1920px) {
    #header .content {
        max-width: 1800px;
    }
}

/* 2K分辨率 (2560px) */
@media (min-width: 2560px) {
    #header .content {
        max-width: 2000px !important;
        padding: 0 4% !important;
    }
    
    body.bodyproject #header .content,
    body.bodylist #header .content {
        max-width: 2000px !important;
        padding: 0 4% !important;
    }
    
    body.ipusher #header .content {
        max-width: 2000px !important;
        padding: 0 4% !important;
    }
    
    /* 同步更新works、news和contact模块的宽度 */
    #indexPage #mproject .content,
    #indexPage #mnews .content,
    #mcontact .content {
        max-width: 2200px !important;
        padding: 0 5% !important;
    }
    
    #contactlist {
        max-width: 2200px !important;
        padding: 0 5% 100px 5% !important;
    }
}

/* 4K分辨率 (3840px) */
@media (min-width: 3840px) {
    #header .content {
        max-width: 3000px !important;
        padding: 0 5% !important;
    }
    
    body.bodyproject #header .content,
    body.bodylist #header .content {
        max-width: 3000px !important;
        padding: 0 5% !important;
    }
    
    body.ipusher #header .content {
        max-width: 3000px !important;
        padding: 0 5% !important;
    }
    
    /* 同步更新works、news和contact模块的宽度 */
    #indexPage #mproject .content,
    #indexPage #mnews .content,
    #mcontact .content {
        max-width: 3200px !important;
        padding: 0 6% !important;
    }
    
    #contactlist {
        max-width: 3200px !important;
        padding: 0 6% 100px 6% !important;
    }
}

/* 确保header在页面加载时立即应用样式 */
#header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    transition: none !important;
}

/* 移除强制样式，让HTML中的样式生效 */
#header .content {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 80px !important;
}

/* 防止页面加载时的闪烁 */
body {
    overflow-x: hidden !important;
}

/* 顶部导航栏自定义样式结束 */

/* 隐藏所有默认鼠标指针 */
* {
    cursor: none !important;
}

body, html {
    cursor: none !important;
}

a, button, input, select, textarea, [onclick] {
    cursor: none !important;
}

/* 鼠标跟随小黄点效果 - 支持动态缩放 */
.cursor-dot {
    position: fixed;
    width: 16px;
    height: 16px;
    background-color: #EBCC60;
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    box-shadow: 0 0 10px rgba(235, 204, 96, 0.5);
    opacity: 0;
    transform: translate(-50%, -50%);
    will-change: transform, width, height;
    transition: width 0.3s ease, height 0.3s ease, transform 0.1s ease;
}

/* 鼠标悬停时的效果 */
.cursor-dot.hover {
    transform: translate(-50%, -50%) scale(1.8);
    background-color: #D4B853;
    box-shadow: 0 0 20px rgba(235, 204, 96, 0.9);
}

/* 确保小点不会影响页面交互 */
.cursor-dot {
    pointer-events: none;
}

/* 移动端隐藏小点 */
@media (max-width: 768px) {
    .cursor-dot {
        display: none;
    }
    
    body {
        cursor: auto !important;
    }
}

/* 小红书图标样式 */
#shares a#sxiaohongshu {
    background-color: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    width: 38px !important;
    height: 39px !important;
    border-bottom: none !important;
    position: fixed !important;
    bottom: 120px !important;
    right: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

#shares a#sxiaohongshu .xhs-icon {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    transition: transform 0.3s ease !important;
    background: none !important;
    border: none !important;
}

#shares a#sxiaohongshu:hover {
    background-color: #555 !important;
}

#shares a#sxiaohongshu:hover .xhs-icon {
    transform: scale(1.1) !important;
}

/* Find Us 联系我们样式 */
.contact-divider {
    width: 82% !important;
    height: 0px !important;
    border-top: 0.52px solid #333333 !important;
    margin: 0 0 20px 0 !important;
    margin-left: 9% !important;
    margin-right: 9% !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}

.contact-section {
    color: #ffffff;
}

.contact-label {
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16.48px !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    margin: 15px 0 8px 0;
}

.company-name {
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16.48px !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    margin: 5px 0;
}

.company-address {
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16.48px !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    margin: 5px 0 15px 0;
}

.contact-item {
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16.48px !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    margin: 5px 0;
}

.contact-item i {
    margin-right: 8px;
    margin-left: 0;
}

.contact-item i:first-child {
    margin-left: 0;
    margin-right: 8px;
}

.contact-item i:last-child {
    margin-left: 15px;
    margin-right: 8px;
}

/* 社交媒体图标样式 */
.social-icons {
    margin-top: 20px;
    display: flex;
    gap: 10px;
}

.social-icon {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    transition: transform 0.3s ease;
}

.social-icon:hover {
    transform: scale(1.1);
}

/* 联系我们区域的组合图标样式 */
.group-icon {
    width: auto !important;
    height: 30px !important;
    display: block !important;
    transition: transform 0.3s ease !important;
}

.group-icon:hover {
    transform: scale(1.05) !important;
}

/* 恢复works区域图片间隔 */
#indexPage #projectlist .projectitem {
    margin-right: 1% !important;
    margin-bottom: 1% !important;
}

/* 新闻区域链接样式 */
.news-link {
    display: block !important;
    text-decoration: none !important;
    color: inherit !important;
    transition: all 0.3s ease !important;
}

.news-link:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.news-link:hover .news-title {
    color: #ffffff !important;
}

.news-link:hover .news-desc {
    color: #cccccc !important;
}

.behance-icon {
    background-color: #1769ff;
    color: #ffffff;
}

.zcool-icon {
    background-color: #ffa500;
    color: #000000;
}

/* 两列布局 */
#contactlist {
    display: flex !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 40px 100px 40px !important;
}

#contactinfo {
    flex: 1 !important;
    width: 48% !important;
    padding: 0 !important;
    margin: 0 !important;
}

#contactinfo-en {
    flex: 1 !important;
    width: 48% !important;
    padding: 0 !important;
    margin: 0 !important;
}