/* =========================================== */
/* 自定义主题颜色 - 匹配logo的红棕色并确保高对比度 */
/* =========================================== */

:root {
    --theme-color: #a81c1c !important; /* 深红棕色 - 提升对比度 */
    --theme-hover: #a81c1c !important; /* 深棕色 */
    --action-color: #a81c1c !important;
    --menu-hover: #a81c1c !important;
    /* 放大站点 LOGO 尺寸 */
    --logo-height: 72px !important;
    --logo-height-mobile: 48px !important;
}

/* 顶部 LOGO：仅当仍使用旧 JPG 时，替换为新 PNG（避免影响首页已正确的 PNG） */
.header .logo img[src$="0660062670e481488934426a4b7b1a1c.jpg"] {
    content: url('../img/c838adbbef5ea13f614934f41bc88972.png') !important;
    height: var(--logo-height) !important;
}
@media (max-width: 768px) {
    .header .logo img[src$="0660062670e481488934426a4b7b1a1c.jpg"] { height: var(--logo-height-mobile) !important; }
}

/* =========================================== */
/* 全局背景：强制页面基础背景为白色，去除周边灰色底 */
/* =========================================== */
html, body {
    background-color: #FFFFFF !important;
}

/* =========================================== */
/* 修复：页脚伪元素灰色背景（var(--footer-bg-color)） */
/* =========================================== */
.footer {
    /* 统一变量，避免 ::before 使用深灰色 */
    --footer-bg-color: #3B3B3B !important;
    --footer-bg-image: none !important;
}

.footer::before,
.footer::after {
    /* 覆盖主题默认的伪元素背景 */
    background: #3B3B3B !important;
    background-color: #3B3B3B !important;
}

/* =========================================== */
/* 第一部分：按钮和背景色 */
/* =========================================== */

/* 按钮背景色 - 使用深色确保对比度 */
.btn-primary, .wpcom-btn.btn-primary, .wpcom-btn.btn-dark {
    background-color: #a81c1c !important;
    border-color: #a81c1c !important;
    color: #FFFFFF !important; /* 确保按钮文字为白色 */
}

.btn-primary:hover, .wpcom-btn.btn-primary:hover, .wpcom-btn.btn-dark:hover {
    background-color: #a81c1c !important;
    border-color: #a81c1c !important;
    color: #FFFFFF !important;
}

/* 指定两个“立即注册新加坡公司”按钮（class: btn-0）改为品牌色背景，文字保持白色 */
.wpcom-btn.btn-primary.btn-0 {
    background-color: #a81c1c !important; /* 与整体风格区分的次品牌色 */
    border-color: #a81c1c !important;
    color: #FFFFFF !important;
}

.wpcom-btn.btn-primary.btn-0:hover {
    background-color: #a81c1c !important; /* 悬停更深 */
    border-color: #a81c1c !important;
    color: #FFFFFF !important;
}

/* =========================================== */
/* 第二部分：普通链接颜色 - 使用深色在浅色背景上 */
/* =========================================== */

/* 在浅色背景上的链接颜色 - 使用深色以确保可读性 */
body, .main, .entry-content, .widget-content, .post-excerpt, .item-excerpt {
    color: #2C2C2C !important; /* 深灰色，确保在白色背景上清晰 */
}

a:not(.btn):not(.wpcom-btn):not([class*="btn"]),
.item-title a,
.post-item-title a,
.news-item-title a,
.entry-title a,
h1 a, h2 a, h3 a {
    color: #5C2F1A !important; /* 深棕色，在白色背景上清晰可读 */
}

a:not(.btn):not(.wpcom-btn):not([class*="btn"]):hover,
.item-title a:hover,
.post-item-title a:hover,
.news-item-title a:hover,
.entry-title a:hover,
h1 a:hover, h2 a:hover, h3 a:hover {
    color: #a81c1c !important; /* 悬停时使用主题色 */
}

/* 移动端覆盖：首页不启用深棕链接色 */
@media (max-width: 768px) {
    body.home a:not(.btn):not(.wpcom-btn):not([class*="btn"]),
    body.home .item-title a,
    body.home .post-item-title a,
    body.home .news-item-title a,
    body.home .entry-title a,
    body.home h1 a, body.home h2 a, body.home h3 a {
        color: inherit !important;
    }
}

/* =========================================== */
/* 第三部分：菜单高亮 */
/* =========================================== */

.navbar-nav > li.active > a,
.navbar-nav > li.current-menu-item > a {
    color: #a81c1c !important;
}

/* =========================================== */
/* 第四部分：在品牌色背景上的所有元素确保白色文字 */
/* =========================================== */

/* 1) 所有按钮类文字为白色 */
.wpcom-btn,
.btn,
.btn-primary,
.btn-dark,
.modules-swiper .slide-btn,
.pricing-table .pt-btn,
.sidebar .widget_nav_menu ul li.current-menu-item>a,
.sidebar .widget_nav_menu ul li.current-menu-parent>a,
.sidebar .widget_nav_menu ul li.current-post-parent>a,
.navbar-nav > li.active > a {
    color: #ffffff !important;
}

/* 2) 任何以品牌色作为背景的元素确保文字为白色 */
[style*="background-color: #a81c1c"],
[style*="background:#a81c1c"],
[style*="background-color:#a81c1c"],
[style*="background-color: #8B4A2E"],
[style*="background:#8B4A2E"],
[style*="background-color:#8B4A2E"],
[style*="background-color: var(--theme-color)"],
.fb-item[style*="background-color"] {
    color: #ffffff !important;
}

/* 3) 顶部通知条 */
.top-news { 
    background-color: #a81c1c !important; 
    color: #ffffff !important; 
}
.top-news a { color: #ffffff !important; }
.top-news .top-news-close { color: #ffffff !important; opacity: 0.9; }

/* 4) 页脚 */
.footer, .footer a { color: #EDEDED !important; }
.footer a:hover { color: #FFFFFF !important; }

/* 5) 深色背景块上的文字 */
.banner .banner-content,
.modules-service .service-item-wrap[style*="background-color"],
.widget .widget-title {
    color: #ffffff !important;
}

/* =========================================== */
/* 第五部分：焦点可见性和按钮效果 */
/* =========================================== */

/* 焦点可见性 */
a:focus, button:focus, .wpcom-btn:focus, .btn:focus { 
    outline: 2px solid #a81c1c !important; 
    outline-offset: 2px; 
}

/* 按钮阴影和边框，增强边界可见性 */
.wpcom-btn, .btn { 
    box-shadow: 0 1px 0 rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.12) !important; 
    border: 1px solid rgba(0,0,0,.12) !important; 
}

/* =========================================== */
/* 第六部分：统一“价格透明，持牌服务”模块样式 */
/* =========================================== */

/* 外层段落使用品牌深色背景，标题与文本为白色，保证对比度 */
#modules-36_36 {
    background-color: #a81c1c !important;
    color: #FFFFFF !important;
}

#modules-36_37 .sec-title,
#modules-36_37 .sec-title * {
    color: #FFFFFF !important;
}

/* 功能块图标与标题使用品牌色体系，悬停填充品牌色并置白字 */
#modules-36_37 .feature-wrap .fea-item .fea-item-title {
    color: #FFFFFF !important;
}

#modules-36_37 .feature-wrap .fea-item .fea-icon {
    color: #FFD6C6 !important; /* 品牌色上的浅对比点缀 */
    border-color: #FFD6C6 !important;
}

/* 悬停时图标底色为品牌悬停色，图标变白，标题保持白色 */
#modules-36_37 .f-layout-1 .fea-item:hover .fea-icon,
#modules-36_37 .f-layout-3 .fea-item .fea-icon,
#modules-36_37 .f-layout-4 a.fea-item:hover .fea-item-title {
    background-color: #a81c1c !important;
    color: #FFFFFF !important;
    border-color: #a81c1c !important;
}

/* 适配不同布局下的标题颜色（防止其他CSS覆盖） */
#modules-36_37 .f-layout-1 .fea-item .fea-item-title,
#modules-36_37 .f-layout-3 .fea-item .fea-item-title,
#modules-36_37 .f-layout-4 .fea-item .fea-item-title {
    color: #FFFFFF !important;
}

/* =========================================== */
/* 第七部分：统一“美生集团 服务流程”模块样式 */
/* =========================================== */

/* 外层背景与对比度 */
#modules-6_6 {
    background-color: #a81c1c !important;
    color: #FFFFFF !important;
}

/* 标题与副标题统一白色 */
#modules-6_26 .sec-title,
#modules-6_26 .sec-title * {
    color: #FFFFFF !important;
}

/* 流程卡片：边框与文字 */
#modules-6_26 .prcs-content {
    color: #FFFFFF !important;
    border-color: rgba(255,255,255,.35) !important;
}

/* 流程节点：标题和描述 */
#modules-6_26 .prcs-title { color: #FFFFFF !important; }
#modules-6_26 .prcs-desc { color: rgba(255,255,255,.92) !important; }

/* 圆点与时间线颜色 */
#modules-6_26 .prcs-dot,
#modules-6_26 .prcs-dot:after {
    background-color: #a81c1c !important;
}

/* 图标颜色（常态为浅点缀，悬停高亮） */
#modules-6_26 .prcs-icon { color: #FFD6C6 !important; }
#modules-6_26 .prcs-item:hover .prcs-icon { color: #FFFFFF !important; }

/* =========================================== */
/* 第八部分：统一“常见问题（手风琴）”模块样式 */
/* =========================================== */

/* 外层背景设为品牌色，保持标题对比度 */
#modules-10 {
    background-color: #a81c1c !important;
    color: #FFFFFF !important;
}

#modules-11 .sec-title,
#modules-11 .sec-title * {
    color: #FFFFFF !important;
}

/* 手风琴面板：标题区使用品牌悬停色，面板主体为白底深字 */
#modules-11 .panel { 
    background: #FFFFFF !important; 
    border: 1px solid rgba(0,0,0,.08) !important; 
    border-radius: 6px; 
    overflow: hidden;
}

#modules-11 .panel + .panel { margin-top: 12px; }

#modules-11 .panel-heading { 
    background: #a81c1c !important; 
    color: #FFFFFF !important; 
}

#modules-11 .panel-heading a,
#modules-11 .panel-heading a:visited,
#modules-11 .panel-heading a:focus {
    color: #FFFFFF !important;
}

#modules-11 .panel-heading a.collapsed {
    color: #FFFFFF !important;
}

#modules-11 .panel-body { 
    background: #FFFFFF !important; 
    color: #2C2C2C !important; 
}

/* =========================================== */
/* 第十部分：右侧浮动侧边栏按钮样式 */
/* =========================================== */

/* 所有侧边栏浮动按钮背景色统一为品牌色 */
.action,
.action-item,
.action .action-item {
    background-color: #a81c1c !important;
}

.action-item-icon,
.action-item span {
    color: #FFFFFF !important;
}

.action-item:hover {
    background-color: #a81c1c !important;
}

.action-item:hover .action-item-icon,
.action-item:hover span {
    color: #FFFFFF !important;
}

/* 返回顶部按钮 */
.action-item.gotop {
    background-color: #a81c1c !important;
}

.action-item.gotop:hover {
    background-color: #a81c1c !important;
}

/* "立即联络"按钮样式 */
.contact-btn {
    background-color: #a81c1c !important;
    border: 1px solid #a81c1c !important;
    color: #FFFFFF !important;
}

.contact-btn:hover {
    background-color: #a81c1c !important;
    border-color: #a81c1c !important;
    color: #FFFFFF !important;
}

/* 底部快速入口按钮 */
.fb-item[style*="background-color"] {
    background-color: #a81c1c !important;
    border-color: #a81c1c !important;
}

.fb-item[style*="background-color"] a {
    color: #FFFFFF !important;
}

.fb-item[style*="background-color"]:hover,
.fb-item[style*="background-color"]:hover a {
    background-color: #a81c1c !important;
    color: #FFFFFF !important;
}

/* =========================================== */
/* 第九部分：统一“价格透明，持牌服务”模块（10_36 / 10_37） */
/* =========================================== */

#modules-10_36 {
    background-color: #a81c1c !important;
    color: #FFFFFF !important;
}

#modules-10_37 .sec-title,
#modules-10_37 .sec-title * { color: #FFFFFF !important; }

#modules-10_37 .feature-wrap .fea-item .fea-item-title { color: #FFFFFF !important; }

#modules-10_37 .feature-wrap .fea-item .fea-icon {
    color: #FFD6C6 !important;
    border-color: #FFD6C6 !important;
}

#modules-10_37 .f-layout-1 .fea-item:hover .fea-icon,
#modules-10_37 .f-layout-3 .fea-item .fea-icon,
#modules-10_37 .f-layout-4 a.fea-item:hover .fea-item-title {
    background-color: #a81c1c !important;
    color: #FFFFFF !important;
    border-color: #a81c1c !important;
}

#modules-10_37 .f-layout-1 .fea-item .fea-item-title,
#modules-10_37 .f-layout-3 .fea-item .fea-item-title,
#modules-10_37 .f-layout-4 .fea-item .fea-item-title { color: #FFFFFF !important; }

/* =========================================== */
/* 第十部分：统一所有伪元素（::before 和 ::after）样式 */
/* =========================================== */

/* 在品牌色背景上的伪元素 */
[style*="background-color: #a81c1c"]::before,
[style*="background:#a81c1c"]::before,
[style*="background-color: #8B4A2E"]::before,
[style*="background:#8B4A2E"]::before,
[style*="background-color: #a81c1c"]::after,
[style*="background:#a81c1c"]::after,
[style*="background-color: #8B4A2E"]::after,
[style*="background:#8B4A2E"]::after,
.action::before,
.action::after,
.action-item::before,
.action-item::after,
.panel-heading::before,
.panel-heading::after {
    background-color: #a81c1c !important;
    color: #FFFFFF !important;
    border-color: #a81c1c !important;
}

/* 悬停状态下的伪元素 */
.action:hover::before,
.action:hover::after,
.action-item:hover::before,
.action-item:hover::after {
    background-color: #a81c1c !important;
    color: #FFFFFF !important;
    border-color: #a81c1c !important;
}

/* 确保伪元素中的文本和图标为白色 */
::before,
::after {
    color: inherit !important;
}

/* 在深色背景上的伪元素强制白色 */
.panel-heading::before,
.panel-heading::after,
.top-news::before,
.top-news::after,
.fb-item[style*="background-color"]::before,
.fb-item[style*="background-color"]::after {
    color: #FFFFFF !important;
}

/* =========================================== */
/* 第十二部分：统一页脚（Footer）区域样式 */
/* =========================================== */

/* 页脚整体背景色和文字颜色 */
.footer {
    background-color: #3B3B3B !important;
    color: #EDEDED !important;
}

/* 页脚标题 */
.footer .widget-title,
.footer-widget .widget-title {
    color: #FFFFFF !important;
}

/* 页脚菜单链接 */
.footer .menu a,
.footer-widget .menu a,
.nav_menu-4 a,
.nav_menu-5 a {
    color: #EDEDED !important;
}

.footer .menu a:hover,
.footer-widget .menu a:hover,
.nav_menu-4 a:hover,
.nav_menu-5 a:hover {
    color: #FFFFFF !important;
}

/* 联系方式区域 */
.widget_contact .widget-title {
    color: #FFFFFF !important;
}

.widget-contact-tel,
.widget-contact-time {
    color: #EDEDED !important;
    line-height: 1.6 !important; /* 设置合适的行高 */
    font-size: 14px !important; /* 设置合适的字体大小 */
}

/* 针对公司信息容器的特殊处理 */
.widget-contact-time {
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
    word-wrap: normal !important; /* 防止单词内断行 */
    word-break: keep-all !important; /* 保持单词完整 */
    hyphens: none !important; /* 禁用连字符 */
}

/* 响应式设计：在中等屏幕上调整字体大小 */
@media (max-width: 768px) {
    .widget-contact-time {
        font-size: 12px !important;
    }
}

/* 为公司信息的父容器提供更多空间 */
.footer .widget_contact {
    min-width: 350px !important;
}

/* 在小屏幕上进一步调整 */
@media (max-width: 480px) {
    .widget-contact-time {
        font-size: 11px !important;
    }
    
    .footer .widget_contact {
        min-width: 280px !important;
    }
}

.widget-contact-sns {
    color: #EDEDED !important;
}

/* 版权信息 */
.copyright {
    background-color: #3B3B3B !important; /* 灰色背景 */
    color: #FFFFFF !important;
}

.copyright p,
.copyright span,
.copyright a {
    color: #FFFFFF !important;
}

/* 强化页脚小部件区域背景与文字对比度 */
.footer-widget {
    background-color: #3B3B3B !important; /* 灰色 */
    color: #FFFFFF !important;
}

.footer-widget .widget-title,
.footer-widget .menu a,
.footer-widget .menu a:link,
.footer-widget .menu a:visited,
.footer-widget .widget_contact .widget-title,
.footer-widget .widget-contact-time,
.footer-widget .widget-contact-sns {
    color: #FFFFFF !important;
}

.footer-widget .menu a:hover { color: #FFEDE5 !important; text-decoration: underline; }

/* 统一页脚外围背景，去除四周深色带 */
.footer .container { 
    background-color: #3B3B3B !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.footer .row, 
.footer .footer-widget,
.footer .col-md-4,
.footer .col-md-6,
.footer .widget {
    background-color: #3B3B3B !important;
}

/* 去除页脚模块之间的黑色间隙（由外边距/边框造成） */
.footer .footer-widget { margin: 0 !important; border: 0 !important; }
.footer .widget { margin: 0 !important; border: 0 !important; }
.footer .footer-widget + .copyright { margin-top: 0 !important; }

/* =========================================== */
/* 联系我们页面：图片/文本区块使用白底黑字 */
/* =========================================== */

/* 图片区域 */
#modules-20 {
    background-color: #FFFFFF !important;
}

#modules-20 .modules-image-inner,
#modules-20 .modules-image-inner * { 
    background-color: #FFFFFF !important;
}

/* 文本区域 */
#modules-16 {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    color: #000000 !important;
}

#modules-16 * {
    color: #000000 !important;
}

#modules-16 h1,
#modules-16 h2,
#modules-16 h3,
#modules-16 h4,
#modules-16 h5,
#modules-16 h6,
#modules-16 p,
#modules-16 span,
#modules-16 strong,
#modules-16 a,
#modules-16 div {
    color: #000000 !important;
}

/* 确保父级容器也是白底 */
.row .col-md-8,
.row .col-md-16 {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
}

/* 页脚扩展条（Footer Bar）背景与文本颜色统一 */
.footer-bar { 
    background-color: #3B3B3B !important; 
}

.footer-bar .fb-item {
    background-color: #3B3B3B !important;
    border-color: #3B3B3B !important;
}

.footer-bar .fb-item a {
    color: #FFFFFF !important;
}

.footer-bar .fb-item:hover,
.footer-bar .fb-item:hover a {
    background-color: #3B3B3B !important;
    color: #FFFFFF !important;
}

/* 确保 footer 与内部 div（width-footer-bar）背景一致 */
.footer.width-footer-bar { 
    background-color: #3B3B3B !important; 
}
.footer.width-footer-bar .container,
.footer.width-footer-bar .row,
.footer.width-footer-bar .footer-widget,
.footer.width-footer-bar .widget,
.footer.width-footer-bar .footer-bar { 
    background-color: #3B3B3B !important; 
}

/* =========================================== */
/* 额外修正：页脚左侧图片容器去除内边距/阴影，避免周边色差 */
/* 说明：如果图片本身是白底 JPG，则仍会看到白色，这是素材问题 */
.footer #wpcom-image-ad-3,
.footer .widget_image_myimg {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

.footer #wpcom-image-ad-3 img,
.footer .widget_image_myimg img {
    display: block;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    max-width: 100%;
    height: auto;
}

/* =========================================== */
/* 第十三部分：menu-module-5-footer 菜单文字颜色 */
/* =========================================== */

/* 设置 menu-module-5-footer 菜单的所有链接文字为深色 */
#menu-module-5-footer a,
#menu-module-5-footer .menu-item a,
.menu-module-5-footer-container #menu-module-5-footer a,
.menu-module-5-footer-container .menu-item a {
    color: #333333 !important;
}

/* 悬停状态变为蓝色 */
#menu-module-5-footer a:hover,
#menu-module-5-footer .menu-item a:hover,
.menu-module-5-footer-container #menu-module-5-footer a:hover,
.menu-module-5-footer-container .menu-item a:hover {
    color: #007cba !important;
    opacity: 1;
}

/* 当前页面菜单项使用主题色 */
#menu-module-5-footer .current-menu-item a,
#menu-module-5-footer .current-post-ancestor a,
#menu-module-5-footer .current-category-ancestor a,
.menu-module-5-footer-container .current-menu-item a,
.menu-module-5-footer-container .current-post-ancestor a,
.menu-module-5-footer-container .current-category-ancestor a {
    color: #007cba !important;
}

/* =========================================== */
/* 第十四部分：图片画廊样式（替换原有的特色模块） */
/* =========================================== */

/* 图片画廊容器样式 */
#modules-10_37 .image-gallery-wrap,
#modules-36_37 .image-gallery-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    align-items: stretch;
    margin-top: 40px;
}

/* 3列布局 */
#modules-10_37 .image-gallery-wrap.cols-3 .gallery-item,
#modules-36_37 .image-gallery-wrap.cols-3 .gallery-item {
    flex: 0 1 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
}

/* 图片项目样式 */
#modules-10_37 .gallery-item,
#modules-36_37 .gallery-item {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

#modules-10_37 .gallery-item:hover,
#modules-36_37 .gallery-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    background: rgba(255, 255, 255, 0.15);
}

/* 图片项目内容包装 */
#modules-10_37 .gallery-item-wrap,
#modules-36_37 .gallery-item-wrap {
    padding: 20px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* 图片样式 */
#modules-10_37 .gallery-image,
#modules-36_37 .gallery-image {
    width: 100%;
    max-width: 200px;
    height: 120px;
    object-fit: contain;
    border-radius: 8px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

#modules-10_37 .gallery-item:hover .gallery-image,
#modules-36_37 .gallery-item:hover .gallery-image {
    transform: scale(1.05);
}

/* 图片标题样式 */
#modules-10_37 .gallery-item-title {
    color: #FFFFFF !important;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    text-align: center;
    line-height: 1.4;
}

/* 响应式设计 */
@media (max-width: 768px) {
    #modules-10_37 .image-gallery-wrap,
    #modules-36_37 .image-gallery-wrap {
        gap: 20px;
    }

    #modules-10_37 .image-gallery-wrap.cols-3 .gallery-item,
    #modules-36_37 .image-gallery-wrap.cols-3 .gallery-item {
        flex: 0 1 100%;
        max-width: 100%;
    }
    
    #modules-10_37 .gallery-image,
    #modules-36_37 .gallery-image {
        max-width: 150px;
        height: 100px;
    }
    
    #modules-10_37 .gallery-item-title,
    #modules-36_37 .gallery-item-title {
        font-size: 16px;
    }
}

/* 许可证号码样式 */
#modules-10_37 .license-number,
#modules-36_37 .license-number {
    margin-top: 10px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    line-height: 1.4;
    font-weight: 500;
}

/* 响应式设计 - 许可证号码 */
@media (max-width: 768px) {
    #modules-10_37 .license-number,
    #modules-36_37 .license-number {
        font-size: 11px;
        margin-top: 8px;
    }
}

@media (max-width: 480px) {
    #modules-10_37 .license-number,
    #modules-36_37 .license-number {
        font-size: 10px;
        margin-top: 6px;
    }
}

@media (max-width: 480px) {
    #modules-10_37 .gallery-item-wrap,
    #modules-36_37 .gallery-item-wrap {
        padding: 15px;
    }
    
    #modules-10_37 .gallery-image,
    #modules-36_37 .gallery-image {
        max-width: 120px;
        height: 80px;
        margin-bottom: 15px;
    }
}

/* =========================================== */
/* 强制"注册新加坡公司"子菜单垂直显示为一列 */
/* =========================================== */

/* 针对"注册新加坡公司"菜单的下拉菜单，强制垂直显示 */
.dropdown:hover .dropdown-menu.menu-item-col-1,
.dropdown-menu.menu-item-col-1 {
    display: block !important;
    flex-direction: column !important;
    width: auto !important;
    min-width: 200px !important;
}

/* 强制子菜单项垂直排列 */
.dropdown-menu.menu-item-col-1 .menu-item {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

/* 确保链接占满整个宽度 */
.dropdown-menu.menu-item-col-1 .menu-item a {
    display: block !important;
    width: 100% !important;
    padding: 8px 15px !important;
    white-space: nowrap !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

/* 移除最后一个项目的边框 */
.dropdown-menu.menu-item-col-1 .menu-item:last-child a {
    border-bottom: none !important;
}

/* =========================================== */
/* 修改"立即注册新加坡公司"按钮颜色和渐变 - 美化版本 */
/* =========================================== */

/* 覆盖modules-41和modules-42中的btn-0按钮样式 */
#modules-41 .btn-0,
#modules-42 .btn-0 {
    background-color: #a81c1c !important;
    background-image: linear-gradient(135deg, #d12e2e 0%, #a81c1c 50%, #8a1818 100%) !important;
    color: #FFFFFF !important;
    border: 2px solid #ffffff !important;
    border-radius: 50px !important;
    padding: 15px 35px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: none !important;
    box-shadow: 0 8px 25px rgba(168, 28, 28, 0.3) !important;
    transition: all 0.3s ease !important;
    animation: fadeInUp 0.8s ease-out 0.4s both !important;
}

#modules-41 .btn-0:hover,
#modules-42 .btn-0:hover {
    background-color: #8a1818 !important;
    background-image: linear-gradient(135deg, #b82828 0%, #8a1818 50%, #6d1414 100%) !important;
    color: #FFFFFF !important;
    border-color: #ffffff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 35px rgba(168, 28, 28, 0.4) !important;
}

/* PC端按钮优化 */
@media (min-width: 768px) {
    #modules-41 .btn-0,
    #modules-42 .btn-0 {
        font-size: 20px !important;
        padding: 18px 40px !important;
        letter-spacing: 1.2px !important;
    }
}

/* 大屏幕按钮优化 */
@media (min-width: 1200px) {
    #modules-41 .btn-0,
    #modules-42 .btn-0 {
        font-size: 22px !important;
        padding: 20px 45px !important;
        letter-spacing: 1.5px !important;
    }
}

/* 移动端按钮优化 */
@media (max-width: 767px) {
    #modules-41 .btn-0,
    #modules-42 .btn-0 {
        font-size: 16px !important;
        padding: 12px 28px !important;
        letter-spacing: 0.8px !important;
        border-radius: 40px !important;
    }
}

/* 小屏幕移动端按钮优化 */
@media (max-width: 480px) {
    #modules-41 .btn-0,
    #modules-42 .btn-0 {
        font-size: 14px !important;
        padding: 10px 24px !important;
        letter-spacing: 0.5px !important;
        border-radius: 35px !important;
    }
}

/* =========================================== */
/* 确保PC端文字和按钮居中显示 - 使用更强的选择器 */
/* =========================================== */

/* 强制modules-39文字内容在所有设备上居中显示 */
body #modules-39,
html body #modules-39 {
    text-align: center !important;
    display: block !important;
}

body #modules-39 h1,
body #modules-39 h2,
body #modules-39 h3,
body #modules-39 h4,
body #modules-39 h5,
body #modules-39 h6,
body #modules-39 p,
body #modules-39 div,
body #modules-39 span {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

/* 强制modules-41按钮在所有设备上居中显示 */
body #modules-41,
html body #modules-41 {
    text-align: center !important;
    display: block !important;
}

body #modules-41 .modules-button-inner,
html body #modules-41 .modules-button-inner {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body #modules-41 .wpcom-btn,
html body #modules-41 .wpcom-btn {
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-block !important;
}

body #modules-41 a,
html body #modules-41 a {
    text-align: center !important;
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* PC端专用媒体查询 - 使用更强的选择器 */
@media (min-width: 768px) {
    html body #modules-39,
    html body #modules-41 {
        text-align: center !important;
        display: block !important;
    }
    
    html body #modules-39 *,
    html body #modules-39 h1,
    html body #modules-39 h2,
    html body #modules-39 h3,
    html body #modules-39 p,
    html body #modules-39 span {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    html body #modules-41 .modules-button-inner {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    html body #modules-41 a,
     html body #modules-41 .wpcom-btn {
         text-align: center !important;
         margin-left: auto !important;
         margin-right: auto !important;
         display: inline-block !important;
     }
 }

/* =========================================== */
/* 最高优先级强制居中 - 覆盖所有其他样式 */
/* =========================================== */

/* 使用最高优先级的选择器强制居中 */
section#modules-39[style*="text-align"],
section#modules-39 {
    text-align: center !important;
    width: 100% !important;
}

section#modules-39 h1,
section#modules-39 h2, 
section#modules-39 h3,
section#modules-39 p,
section#modules-39 span {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

section#modules-41[style*="text-align"],
section#modules-41 {
    text-align: center !important;
    width: 100% !important;
}

section#modules-41 .modules-button-inner {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

section#modules-41 a.wpcom-btn {
    margin: 0 auto !important;
    text-align: center !important;
    display: inline-block !important;
}

/* =========================================== */
/* 优化modules-39文字显示效果 - 美化标题和主文字，统一PC和移动端布局 */
/* =========================================== */

/* 添加关键帧动画 */
@keyframes textGlow {
    0% { opacity: 1; }
    50% { opacity: 0.9; }
    100% { opacity: 1; }
}

@keyframes slideInFromTop {
    0% { 
        opacity: 0; 
        transform: translateY(-30px) scale(0.95); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0) scale(1); 
    }
}

@keyframes slideInFromBottom {
    0% { 
        opacity: 0; 
        transform: translateY(30px) scale(0.95); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0) scale(1); 
    }
}

/* 基础样式 - 统一使用flexbox布局 */
#modules-39 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
    position: relative !important;
}

/* 标题文字优化 (h3) - "新加坡公司注册，会计秘书服务，移民及留学服务" */
#modules-39 h3 {
    order: 1 !important;
    font-size: clamp(18px, 2.8vw, 26px) !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    line-height: 1.6 !important;
    margin: 0 0 35px 0 !important;
    animation: slideInFromTop 1s ease-out !important;
    width: 100% !important;
    text-align: center !important;
    position: relative !important;
    /* 文字清晰度优化 */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    /* 添加背景装饰 */
    padding: 20px 0 !important;
}

/* 添加背景装饰元素 - 与蓝色背景协调 */
#modules-39 h3::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 110% !important;
    height: 110% !important;
    background: linear-gradient(135deg, 
        rgba(255, 255, 255, 0.08), 
        rgba(211, 47, 47, 0.06), 
        rgba(255, 255, 255, 0.04)) !important;
    border-radius: 15px !important;
    z-index: -1 !important;
    animation: backgroundPulse 4s ease-in-out infinite !important;
    backdrop-filter: blur(2px) !important;
}

#modules-39 h3 span,
#modules-39 h3 span[style*="color"],
section#modules-39 h3 span {
    /* 华文行楷字体 */
    font-family: "STXingkai", "华文行楷", "KaiTi", "楷体", serif !important;
    color: #ffffff !important;
    font-weight: 400 !important;
    display: inline-block !important;
    position: relative !important;
    /* 强化文字清晰度 */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    /* 移除文字阴影 */
    text-shadow: none !important;
    /* 微妙的动画效果 */
    animation: textPulse 3s ease-in-out infinite !important;
    /* 硬件加速 */
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
}

/* 渐变动画 */
@keyframes gradientShift {
    0%, 100% {
        background-position: 0% 50% !important;
    }
    50% {
        background-position: 100% 50% !important;
    }
}

/* 文字脉冲动画（无阴影） */
@keyframes textPulse {
    0%, 100% {
        opacity: 1 !important;
        transform: translateZ(0) !important;
    }
    50% {
        opacity: 0.92 !important;
        transform: translateZ(0) scale(1.01) !important;
    }
}

/* 背景脉冲动画 - 更协调的效果 */
@keyframes backgroundPulse {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1) !important;
        opacity: 0.6 !important;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.02) !important;
        opacity: 0.8 !important;
    }
}

/* 主文字优化 (h1) - "美生集团为您提供..." */
#modules-39 h1 {
    order: 2 !important;
    font-size: 38px !important;
    font-weight: 600 !important;
    letter-spacing: 0.8px !important;
    line-height: 1.4 !important;
    margin: 0 0 35px 0 !important;
    animation: slideInFromBottom 1s ease-out 0.3s both !important;
    width: 100% !important;
    text-align: center !important;
    position: relative !important;
}

#modules-39 h1 span,
#modules-39 h1 span[style*="font-size"],
section#modules-39 h1 span {
    /* 华文行楷字体 */
    font-family: "STXingkai", "华文行楷", "KaiTi", "楷体", serif !important;
    font-size: 38px !important;
    font-weight: 400 !important;
    /* PC端清晰白色文字 */
    color: #ffffff !important;
    display: inline-block !important;
    position: relative !important;
    /* 文字清晰度优化 */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    /* 移除文字阴影 */
    text-shadow: none !important;
    /* 微妙的动画效果 */
    animation: textPulse 3s ease-in-out infinite !important;
    /* 硬件加速 */
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
}

/* 确保按钮在最后显示 */
#modules-41 {
    order: 3 !important;
}

/* PC端优化 */
@media (min-width: 768px) {
    #modules-39 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding: 60px 40px !important;
    }
    
    #modules-39 h3 {
        order: 1 !important;
        font-size: clamp(20px, 2.6vw, 28px) !important;
        font-weight: 800 !important;
        letter-spacing: 2px !important;
        line-height: 1.3 !important;
        margin: 0 0 50px 0 !important;
        text-shadow: none !important;
    }
    
    #modules-39 h1 {
        order: 2 !important;
        font-size: 46px !important;
        font-weight: 700 !important;
        letter-spacing: 1.5px !important;
        line-height: 1.3 !important;
        margin: 0 0 60px 0 !important;
        text-shadow: none !important;
    }
    
    #modules-39 h1 span {
        font-size: clamp(22px, 3.6vw, 34px) !important;
        font-weight: 400 !important;
    }
    
    #modules-41 {
        order: 3 !important;
        margin-top: 20px !important;
    }
}

/* 大屏幕优化 */
@media (min-width: 1200px) {
    #modules-39 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding: 80px 50px !important;
    }
    
    #modules-39 h3 {
        order: 1 !important;
        font-size: clamp(22px, 2.4vw, 30px) !important;
        font-weight: 800 !important;
        letter-spacing: 2.5px !important;
        line-height: 1.2 !important;
        margin: 0 0 60px 0 !important;
        text-shadow: none !important;
    }
    
    #modules-39 h1 {
        order: 2 !important;
        font-size: 54px !important;
        font-weight: 700 !important;
        letter-spacing: 2px !important;
        line-height: 1.2 !important;
        margin: 0 0 70px 0 !important;
        text-shadow: none !important;
    }
    
    #modules-39 h1 span {
        font-size: clamp(24px, 3.4vw, 36px) !important;
        font-weight: 400 !important;
    }
    
    #modules-41 {
        order: 3 !important;
        margin-top: 30px !important;
    }
}

/* 移动端优化 - 确保正确的显示顺序 */
@media (max-width: 767px) {
    /* 确保modules-39容器的正确排列 */
    #modules-39 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding: 35px 20px !important;
    }
    
    /* h3标题文字 - 第一行显示 */
    #modules-39 h3 {
        order: 1 !important;
        font-size: 24px !important;
        font-weight: 700 !important;
        margin: 0 0 30px 0 !important;
        letter-spacing: 1.2px !important;
        line-height: 1.6 !important;
        width: 100% !important;
        text-align: center !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        animation: slideInFromTop 1s ease-out !important;
        position: relative !important;
        /* 文字清晰度优化 */
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        text-rendering: optimizeLegibility !important;
        /* 移动端背景装饰 */
        padding: 15px 0 !important;
    }
    
    /* 移动端背景装饰 */
    #modules-39 h3::before {
        content: '' !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 110% !important;
        height: 110% !important;
        background: linear-gradient(135deg, rgba(211, 47, 47, 0.08), rgba(244, 67, 54, 0.08), rgba(255, 87, 34, 0.08)) !important;
        border-radius: 15px !important;
        z-index: -1 !important;
        animation: backgroundPulse 3s ease-in-out infinite !important;
    }
    
    #modules-39 h3 span {
        /* 移动端渐变文字效果 */
        background: linear-gradient(135deg, #d32f2f 0%, #f44336 30%, #ff5722 60%, #e91e63 100%) !important;
        background-size: 300% 300% !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
        font-weight: 800 !important;
        display: inline-block !important;
        position: relative !important;
        /* 文字清晰度优化 */
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        text-rendering: optimizeLegibility !important;
        /* 移动端动画效果 */
        animation: gradientShift 4s ease-in-out infinite, textGlow 2s ease-in-out infinite alternate !important;
        /* 移动端阴影效果 */
        filter: drop-shadow(0 1px 6px rgba(211, 47, 47, 0.4)) !important;
        /* 硬件加速 */
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
    }
    
    /* h1主文字 - 第二行显示 */
    #modules-39 h1 {
        order: 2 !important;
        font-size: 28px !important;
        font-weight: 600 !important;
        margin: 0 0 30px 0 !important;
        letter-spacing: 0.6px !important;
        line-height: 1.4 !important;
        width: 100% !important;
        text-align: center !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        animation: slideInFromBottom 1s ease-out 0.3s both !important;
    }
    
    #modules-39 h1 span,
    #modules-39 h1 span[style*="font-size"],
    section#modules-39 h1 span {
        /* 华文行楷字体 */
        font-family: "STXingkai", "华文行楷", "KaiTi", "楷体", serif !important;
        font-size: 28px !important;
        font-weight: 400 !important;
        /* 移动端清晰白色文字 */
        color: #ffffff !important;
        display: inline-block !important;
        position: relative !important;
        /* 文字清晰度优化 */
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        text-rendering: optimizeLegibility !important;
        /* 移除文字阴影 */
        text-shadow: none !important;
        /* 微妙的动画效果 */
        animation: textPulse 3s ease-in-out infinite !important;
        /* 硬件加速 */
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
    }
    
    /* 确保按钮在最后显示 */
    #modules-41 {
        order: 3 !important;
        margin-top: 20px !important;
    }
}

/* 小屏幕移动端优化 */
@media (max-width: 480px) {
    #modules-39 {
        padding: 25px 15px !important;
    }
    
    #modules-39 h3 {
        font-size: 26px !important;
        font-weight: 800 !important;
        margin: 0 0 25px 0 !important;
        letter-spacing: 1.2px !important;
        line-height: 1.5 !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        animation: slideInFromTop 1s ease-out !important;
        position: relative !important;
        /* 文字清晰度优化 */
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        text-rendering: optimizeLegibility !important;
        /* 小屏幕背景装饰 */
        padding: 15px 0 !important;
    }
    
    /* 小屏幕背景装饰 - 与蓝色背景协调，减少模糊 */
    #modules-39 h3::before {
        content: '' !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 102% !important;
        height: 102% !important;
        background: linear-gradient(135deg, 
            rgba(0, 0, 0, 0.15), 
            rgba(211, 47, 47, 0.08), 
            rgba(0, 0, 0, 0.12)) !important;
        border-radius: 8px !important;
        z-index: -1 !important;
        animation: backgroundPulse 4s ease-in-out infinite !important;
        /* 移除模糊效果以提高文字清晰度 */
    }
    
    #modules-39 h3 span,
    #modules-39 h3 span[style*="color"],
    section#modules-39 h3 span {
        /* 华文行楷字体 */
        font-family: "STXingkai", "华文行楷", "KaiTi", "楷体", serif !important;
        /* 小屏幕清晰文字效果 */
        color: #ffffff !important;
        font-weight: 400 !important;
        display: inline-block !important;
        position: relative !important;
        /* 强化文字清晰度 */
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        text-rendering: optimizeLegibility !important;
        /* 移除文字阴影 */
        text-shadow: none !important;
        /* 微妙的动画效果 */
        animation: textPulse 3s ease-in-out infinite !important;
        /* 硬件加速 */
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        /* 移除文字描边 */
        -webkit-text-stroke: none !important;
    }
    
    #modules-39 h1 {
        font-size: 24px !important;
        font-weight: 600 !important;
        margin: 0 0 25px 0 !important;
        letter-spacing: 0.5px !important;
        line-height: 1.4 !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        animation: slideInFromBottom 1s ease-out 0.3s both !important;
    }
    
    #modules-39 h1 span,
    #modules-39 h1 span[style*="font-size"],
    section#modules-39 h1 span {
        /* 华文行楷字体 */
        font-family: "STXingkai", "华文行楷", "KaiTi", "楷体", serif !important;
        font-size: 24px !important;
        font-weight: 400 !important;
        /* 移动端清晰白色文字 */
        color: #ffffff !important;
        display: inline-block !important;
        position: relative !important;
        /* 文字清晰度优化 */
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        text-rendering: optimizeLegibility !important;
        /* 移除文字阴影 */
        text-shadow: none !important;
        /* 微妙的动画效果 */
        animation: textPulse 3s ease-in-out infinite !important;
        /* 硬件加速 */
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
    }
    
    #modules-41 {
        margin-top: 15px !important;
    }
}

/* 2025排版：统一响应式字体与去除渐变/阴影（强覆盖） */
section#modules-39 h3::before {
    content: none !important;
    display: none !important;
}

@media (max-width: 767px) {
    section#modules-39 h3::before {
        content: none !important;
        display: none !important;
    }
    section#modules-39 h3 span {
        background: none !important;
        -webkit-background-clip: initial !important;
        -webkit-text-fill-color: initial !important;
        background-clip: initial !important;
        filter: none !important;
        color: #ffffff !important;
        font-family: "STXingkai", "华文行楷", "KaiTi", "楷体", serif !important;
        font-weight: 400 !important;
        font-size: clamp(18px, 2.8vw, 26px) !important;
        line-height: 1.5 !important;
        text-shadow: none !important;
    }
}

/* 所有断点统一主标题字体 */
section#modules-39 h1 span,
section#modules-39 h1 span[style*="font-size"] {
    color: #ffffff !important;
    font-family: "STXingkai", "华文行楷", "KaiTi", "楷体", serif !important;
    font-weight: 400 !important;
    font-size: clamp(22px, 3.6vw, 34px) !important;
    line-height: 1.35 !important;
    text-shadow: none !important;
}

/* 动画效果 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 文字渐变效果（可选） */
#modules-39 h1 span {
    background: linear-gradient(135deg, #ffffff 0%, #f0f0f0 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-fill-color: transparent !important;
    /* 备用颜色，防止不支持渐变的浏览器 */
    color: #ffffff !important;
}

/* 确保在不支持渐变的浏览器中显示白色 */
@supports not (-webkit-background-clip: text) {
    #modules-39 h1 span {
        color: #ffffff !important;
        -webkit-text-fill-color: initial !important;
        background: none !important;
    }
}

/* =========================================== */
/* 调整背景图片高度 - 增加modules-37的padding使背景更高 */
/* =========================================== */

#modules-37 {
    padding: 120px 0px 120px 0px !important; /* 进一步增加到120px，使背景更高 */
    background-image: url('../img/2025091215230931.png') !important; /* 使用本地背景图片路径 */
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    min-height: 600px !important; /* 增加基础高度以适应高背景图 */
}

/* =========================================== */
/* 修复PC端文字居中问题 */
/* =========================================== */

/* 确保PC端文字和按钮完全居中显示 */
@media (min-width: 768px) {
    /* PC端背景图片特殊设置 - 根据图片尺寸7952x5304调整 */
    #modules-37 {
        min-height: 700px !important; /* PC端大幅增加最小高度以显示完整背景 */
        background-attachment: scroll !important; /* 确保背景图片正常滚动 */
        background-size: cover !important; /* 确保背景图片覆盖整个区域 */
        background-position: center center !important; /* 确保背景图片居中显示 */
        padding: 200px 0px 200px 0px !important; /* PC端增加更多padding以适应高背景图 */
    }
    
    /* 强制#modules-37内的所有内容居中 */
    #modules-37 .container,
    #modules-37 .container .row,
    #modules-37 .container .row .col-md-12 {
        text-align: center !important;
        display: block !important;
        width: 100% !important;
        margin: 0 auto !important;
    }
    
    /* 文字模块居中 */
    section#modules-39,
    #modules-39,
    #modules-39 h3,
    #modules-39 h1,
    #modules-39 h3 span,
    #modules-39 h1 span,
    #modules-39 h1 strong,
    #modules-39 h1 strong span {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
        width: 100% !important;
    }
    
    /* 按钮模块居中 */
    section#modules-41,
    #modules-41 {
        text-align: center !important;
        margin: 0 auto !important;
    }
    
    /* 确保按钮容器居中 */
}

/* 大屏幕专用设置 - 确保背景图片完整显示 */
@media (min-width: 1200px) {
    #modules-37 {
        min-height: 800px !important; /* 大屏幕进一步增加高度 */
        padding: 250px 0px 250px 0px !important; /* 大屏幕增加更多padding */
    }
}

/* 超大屏幕专用设置 */
@media (min-width: 1600px) {
    #modules-37 {
        min-height: 900px !important; /* 超大屏幕最大高度 */
        padding: 300px 0px 300px 0px !important; /* 超大屏幕最大padding */
    }
    #modules-41 .modules-button-inner {
        text-align: center !important;
        display: block !important;
        margin: 0 auto !important;
    }
    
    /* 按钮本身保持原有样式，只确保居中 */
    #modules-41 .wpcom-btn {
        display: inline-block !important;
        margin: 0 auto !important;
    }
}

/* =========================================== */
/* 微信二维码弹窗样式 */
/* =========================================== */

/* 弹窗遮罩层 */
.wechat-qr-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
}

/* 弹窗内容容器 */
.wechat-qr-modal {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    max-width: 350px;
    width: 90%;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    animation: modalFadeIn 0.3s ease-out;
}

/* 弹窗动画 */
@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* 关闭按钮 */
.wechat-qr-close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 24px;
    color: #999;
    cursor: pointer;
    line-height: 1;
    transition: color 0.3s ease;
}

.wechat-qr-close:hover {
    color: #333;
}

/* 标题 */
.wechat-qr-title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}

/* 二维码图片 */
.wechat-qr-image {
    width: 200px;
    height: 200px;
    margin: 0 auto 15px;
    border: 1px solid #eee;
    border-radius: 8px;
}

/* 提示文字 */
.wechat-qr-text {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

/* 移动端适配 */
@media (max-width: 480px) {
    .wechat-qr-modal {
        padding: 20px;
        max-width: 300px;
    }
    
    .wechat-qr-image {
        width: 180px;
        height: 180px;
    }
    
    .wechat-qr-title {
        font-size: 18px;
    }
}