/* ========================================
   催化剂站点颜色覆盖 - Catalyst Blue Color Scheme
   主色调: 蓝色 #0078D7
   仅对 test2.parkday.com.cn 生效
   ======================================== */

/* 1. CSS变量覆盖 */
:root {
  --primary-color: #0078D7 !important;
  --primary-dark: #005A9E !important;
  --primary-light: #3399E0 !important;
  --accent-color: #0078D7 !important;
  --accent-dark: #005A9E !important;
  --accent-light: #3399E0 !important;
  --accent-red: #0078D7 !important;
  --red-brand: #0078D7 !important;
  --green-dark: #0A2540 !important;
  --green-light: #0d3b66 !important;
  --green-accent: #0078D7 !important;
  --green-main: #0078D7 !important;
}

/* 2. 导航栏 - 完整统一样式（默认透明+白字，滚动后白色+黑字） */
/* 使用#navbar ID选择器提升优先级，覆盖内联CSS的 height:auto */
nav.navbar, #navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important;
    background: transparent !important;
    background-color: transparent !important;
    z-index: 1030 !important;
    transition: background 0.3s ease, box-shadow 0.3s ease, height 0.3s ease !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    backdrop-filter: none !important;
    overflow: visible !important;
    box-shadow: none !important;
}

nav.navbar.scrolled, #navbar.scrolled {
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    backdrop-filter: none !important;
    box-shadow: 0 2px 20px rgba(0,0,0,0.15) !important;
    border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}

/* 导航容器 - 固定高度防止偏移 */
nav.navbar .nav-container, #navbar .nav-container {
    max-width: 1600px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
}

nav.navbar.scrolled .nav-container, #navbar.scrolled .nav-container {
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
}

/* 移动端导航栏固定高度 - 防止偏移 */
@media (max-width: 767px) {
    nav.navbar, #navbar {
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        background-color: #ffffff !important;
        box-shadow: 0 1px 8px rgba(0,0,0,0.08) !important;
    }
    nav.navbar.scrolled, #navbar.scrolled {
        height: 55px !important;
        min-height: 55px !important;
        max-height: 55px !important;
        background-color: #ffffff !important;
    }
    nav.navbar .nav-container, #navbar .nav-container {
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        padding: 0 15px !important;
        gap: 10px !important;
    }
    nav.navbar.scrolled .nav-container, #navbar.scrolled .nav-container {
        height: 55px !important;
        min-height: 55px !important;
        max-height: 55px !important;
    }
    /* 移动端导航栏文字和图标颜色 - 确保白色背景上可见 */
    nav.navbar .logo-cn,
    nav.navbar .logo-en,
    nav.navbar.scrolled .logo-cn,
    nav.navbar.scrolled .logo-en {
        color: #1a1a1a !important;
    }
    nav.navbar .nav-toggle,
    nav.navbar.scrolled .nav-toggle {
        color: #1a1a1a !important;
    }
    nav.navbar .nav-icon-btn,
    nav.navbar .nav-icon-btn:hover,
    nav.navbar.scrolled .nav-icon-btn,
    nav.navbar.scrolled .nav-icon-btn:hover {
        color: #1a1a1a !important;
    }
    nav.navbar .lang-select,
    nav.navbar .lang-select:hover,
    nav.navbar .nav-lang,
    nav.navbar .nav-lang:hover,
    nav.navbar.scrolled .lang-select,
    nav.navbar.scrolled .lang-select:hover,
    nav.navbar.scrolled .nav-lang,
    nav.navbar.scrolled .nav-lang:hover {
        color: #1a1a1a !important;
    }
    nav.navbar .nav-mobile-search,
    nav.navbar.scrolled .nav-mobile-search {
        color: #1a1a1a !important;
    }
}

/* Logo */
nav.navbar .logo-cn,
nav.navbar .logo-en { color: #ffffff !important; }
nav.navbar.scrolled .logo-cn,
nav.navbar.scrolled .logo-en { color: #1a1a1a !important; }

/* Logo分隔符 */
nav.navbar .logo-divider { color: rgba(255,255,255,0.6) !important; }
nav.navbar.scrolled .logo-divider { color: rgba(0,0,0,0.4) !important; }

/* 导航链接 */
nav.navbar .nav-link,
nav.navbar .nav-link:hover,
nav.navbar .nav-link.active { color: #ffffff !important; }

nav.navbar.scrolled .nav-link,
nav.navbar.scrolled .nav-link:hover,
nav.navbar.scrolled .nav-link.active { color: #1a1a1a !important; }

nav.navbar .nav-link::after { background-color: #ffffff !important; }
nav.navbar.scrolled .nav-link::after { background-color: #0078D7 !important; }

/* 电话 */
nav.navbar .nav-phone,
nav.navbar .nav-phone:hover { color: #ffffff !important; }
nav.navbar.scrolled .nav-phone,
nav.navbar.scrolled .nav-phone:hover { color: #1a1a1a !important; }
nav.navbar .nav-phone i { color: #ffffff !important; }
nav.navbar.scrolled .nav-phone i { color: #1a1a1a !important; }

/* 图标按钮 */
nav.navbar .nav-icon-btn,
nav.navbar .nav-icon-btn:hover { color: #ffffff !important; }
nav.navbar.scrolled .nav-icon-btn,
nav.navbar.scrolled .nav-icon-btn:hover { color: #1a1a1a !important; }
nav.navbar.scrolled .nav-icon-btn:hover { background: rgba(0,0,0,0.08) !important; }

/* 语言选择 */
nav.navbar .lang-select,
nav.navbar .lang-select:hover,
nav.navbar .nav-lang,
nav.navbar .nav-lang:hover { color: #ffffff !important; }
nav.navbar.scrolled .lang-select,
nav.navbar.scrolled .lang-select:hover,
nav.navbar.scrolled .nav-lang,
nav.navbar.scrolled .nav-lang:hover { color: #1a1a1a !important; }
nav.navbar.scrolled .nav-lang:hover { background: rgba(0,0,0,0.08) !important; }

/* 汉堡菜单按钮 */
nav.navbar .nav-toggle { color: #ffffff !important; }
nav.navbar.scrolled .nav-toggle { color: #1a1a1a !important; }

/* 3. 联系我们按钮 */
nav.navbar .nav-contact-btn,
nav.navbar .nav-contact-btn:hover { color: #ffffff !important; border-color: rgba(255,255,255,0.6) !important; }
nav.navbar.scrolled .nav-contact-btn,
nav.navbar.scrolled .nav-contact-btn:hover { color: #1a1a1a !important; border-color: rgba(0,0,0,0.3) !important; }
nav.navbar .contact-arrow { background-color: #0078D7 !important; }
nav.navbar .nav-contact-btn:hover .contact-arrow { background-color: #0078D7 !important; }
nav.navbar.scrolled .nav-contact-btn:hover { background-color: #1a1a1a !important; color: #ffffff !important; border-color: #1a1a1a !important; }
nav.navbar.scrolled .contact-arrow { background-color: #0078D7 !important; }

/* 4. 语言选项 hover/active */
nav.navbar #langOptions .lang-option:hover,
nav.navbar #langOptions .lang-option.active,
nav.navbar #langOptionsMobile .lang-option:hover,
nav.navbar #langOptionsMobile .lang-option.active,
nav.navbar .lang-options .lang-option:hover,
nav.navbar .lang-options .lang-option.active,
#langOptions .lang-option:hover,
#langOptions .lang-option.active,
#langOptionsMobile .lang-option:hover,
#langOptionsMobile .lang-option.active,
.lang-options .lang-option:hover,
.lang-options .lang-option.active,
nav.navbar .lang-option:hover,
nav.navbar .lang-option.active {
  color: #0078D7 !important;
}

nav.navbar .lang-select:hover,
nav.navbar.scrolled .lang-select:hover {
  color: #0078D7 !important;
}

.nav-menu-mobile .mobile-lang-options button.active,
.nav-menu-mobile .mobile-lang-options button:hover {
  color: #0078D7 !important;
  border-color: #0078D7 !important;
}

.nav-mobile-lang .lang-option:hover,
.nav-mobile-lang .lang-option.active {
  background-color: rgba(0, 120, 215, 0.1) !important;
}

/* 5. 搜索关闭按钮 */
.search-close-btn:hover {
  background-color: #0078D7 !important;
}

/* 6. 步骤指示器 */
.indicator-step.active .indicator-circle,
.indicator-step.completed .indicator-circle {
  box-shadow: 0 0 0 4px rgba(0, 120, 215, 0.25) !important;
}

/* 7. Hero区域 */
.hero-btn-primary { background: #0078D7 !important; color: #fff !important; }
.hero-btn-primary:hover { background: #005A9E !important; }

/* 8. 产品卡片 */
.product-card:hover { border-color: #0078D7 !important; box-shadow: 0 10px 40px rgba(0,120,215,0.1) !important; }
.learn-more { color: #0078D7 !important; }
.learn-more::after { background: #0078D7 !important; }

/* 9. 关于我们 */
.about-btn { background: #0078D7 !important; }
.about-btn:hover { background: #005A9E !important; }

/* 10. 新闻 */
.news-card:hover { border-color: #0078D7 !important; }
.news-date { color: #0078D7 !important; }

/* 11. CTA */
.cta-section { background: linear-gradient(135deg, #0078D7 0%, #005A9E 100%) !important; }
.cta-btn { background: #fff !important; color: #0078D7 !important; }

/* 12. Footer */
.footer { background: #0A2540 !important; }
/* 桌面端三列布局 */
@media (min-width: 992px) {
    .footer-content { grid-template-columns: 1fr 1fr 1fr !important; }
}
/* 平板端两列布局 */
@media (max-width: 991px) and (min-width: 768px) {
    .footer-content { grid-template-columns: 1fr 1fr !important; gap: 30px !important; }
}
/* 手机端单列布局 */
@media (max-width: 767px) {
    .footer-content { grid-template-columns: 1fr !important; gap: 25px !important; padding-bottom: 30px !important; }
    .footer-info li,
    .footer-links li {
        height: auto !important;
        min-height: 36px !important;
        line-height: 1.5 !important;
        white-space: normal !important;
    }
    .footer-info li span,
    .footer-info li a,
    .footer-links a {
        height: auto !important;
        min-height: 36px !important;
        line-height: 1.5 !important;
        white-space: normal !important;
    }
    .footer-info li span[data-i18n="footer_address"] {
        min-width: 0 !important;
        white-space: normal !important;
    }
}
.footer-section h3 i { color: #0078D7 !important; }
.footer-info i { color: #0078D7 !important; }
.footer-links a:hover { color: #0078D7 !important; }
.footer-section a:hover { color: #0078D7 !important; }
.social-link:hover, .footer-social-link:hover { background: #0078D7 !important; color: #fff !important; }
.footer-links a { color: rgba(255,255,255,0.7) !important; }

/* 13. 按钮 */
.btn-primary { background: #0078D7 !important; color: #ffffff !important; }
.btn-primary:hover { background: #005A9E !important; color: #ffffff !important; }
.btn-secondary { border: 2px solid #0078D7 !important; color: #0078D7 !important; }
.btn-secondary:hover { background: #0078D7 !important; color: #fff !important; }
.btn-outline { color: #ffffff !important; }
.btn-outline:hover { color: #ffffff !important; }

/* 14. 通用 */
.tag { background: rgba(0,120,215,0.1) !important; color: #0078D7 !important; }
.highlight-bar { background: #0078D7 !important; }
.scroll-indicator { background: rgba(0,120,215,0.8) !important; }
.scroll-indicator:hover { background: #0078D7 !important; }
.lang-switcher .lang-btn.active, .lang-switcher .lang-btn:hover { color: #0078D7 !important; }
.search-btn:hover { color: #0078D7 !important; }
.mobile-nav-link:hover { color: #0078D7 !important; background: rgba(0,120,215,0.05) !important; }
.swiper-pagination-bullet-active { background: #0078D7 !important; }
input:focus, textarea:focus, select:focus { border-color: #0078D7 !important; box-shadow: 0 0 0 3px rgba(0,120,215,0.1) !important; }
a { color: #0078D7 !important; }
a:hover { color: #005A9E !important; }
.breadcrumb a:hover { color: #0078D7 !important; }

/* 15. 分页/标签 */
.page-btn.active { background: #0078D7 !important; border-color: #0078D7 !important; box-shadow: 0 8px 24px rgba(0,120,215,0.3) !important; }
.page-btn:hover:not(.active) { border-color: #0078D7 !important; color: #0078D7 !important; }
.tab-btn.active { color: #0078D7 !important; border-bottom-color: #0078D7 !important; }
.tab-btn:hover { color: #0078D7 !important; }

/* 16. 统计区域 */
.stats-section {
  background: linear-gradient(135deg, #171717 0%, #0078D7 50%, #005A9E 100%) !important;
}

/* 17. 统计数据卡片 */
.stat-card {
  background: linear-gradient(145deg, rgba(0, 120, 215, 0.3) 0%, rgba(0, 120, 215, 0.1) 100%) !important;
}

/* 18. 各页面标题区域 */
.page-header { background: linear-gradient(135deg, #171717 0%, #0078D7 100%) !important; }
.cases-hero, .case-hero { background: linear-gradient(135deg, #171717 0%, #0078D7 100%) !important; }
.contact-hero { background: linear-gradient(135deg, #171717 0%, #0078D7 100%) !important; }
.news-hero { background: linear-gradient(135deg, #171717 0%, #0078D7 100%) !important; }
.about-hero { background: linear-gradient(135deg, #171717 0%, #0078D7 100%) !important; }

/* 19. 关于我们 - 联系区域 */
.about-contact { background: linear-gradient(135deg, #0078D7 0%, #005A9E 100%) !important; }
.about-contact-btn { color: #0078D7 !important; }
.about-contact-btn:hover { box-shadow: 0 8px 24px rgba(0, 120, 215, 0.3) !important; }

/* 20. 关于我们 - 领导致辞 */
.about-message { background: linear-gradient(135deg, #171717 0%, #0a1a2a 50%, #0a2a4a 100%) !important; }
.about-message::before { background: radial-gradient(circle, rgba(0, 120, 215, 0.15) 0%, transparent 70%) !important; }
.about-message-text h2::after { background: linear-gradient(90deg, #0078D7, #3399E0) !important; }

/* 21. 卡片hover */
.info-card:hover { box-shadow: 0 12px 40px rgba(0, 120, 215, 0.12) !important; }
.group-card:hover { box-shadow: 0 12px 40px rgba(0, 120, 215, 0.12) !important; }
.about-detail-image { box-shadow: 0 10px 40px rgba(0, 120, 215, 0.12) !important; }
.case-card:hover { box-shadow: 0 20px 50px rgba(0, 120, 215, 0.15) !important; }
.news-card:hover { box-shadow: 0 12px 40px rgba(0, 120, 215, 0.12) !important; }

/* 22. 下拉菜单 */
.dropdown-menu { border-top: 3px solid #0078D7 !important; }
.dropdown-item:hover { background: rgba(0, 120, 215, 0.05) !important; color: #0078D7 !important; }

/* 23. 产品标签/价格标签/步骤/时间线 */
.product-tag { background: #0078D7 !important; }
.price-tag { background: linear-gradient(135deg, #0078D7 0%, #005A9E 100%) !important; }
.step-number { background: #0078D7 !important; }
.timeline-dot { background: #0078D7 !important; }
.quote-icon { color: #0078D7 !important; }
.decorative-line { background: #0078D7 !important; }
.hot-tag { background: #0078D7 !important; }
.new-tag { background: #005A9E !important; }

/* 24. PDF下载按钮 */
.pdf-download-btn { background-color: #0078D7 !important; color: #ffffff !important; }
.pdf-download-btn:hover { background-color: #005A9E !important; }

/* 25. 产品文档图标/按钮 */
.product-doc-item .doc-icon { background: linear-gradient(135deg, #0078D7 0%, #005A9E 100%) !important; }
.product-doc-inline-item .doc-inline-icon { background: linear-gradient(135deg, #0078D7 0%, #005A9E 100%) !important; }
.product-doc-inline-item .doc-inline-download { background: #0078D7 !important; }
.product-doc-inline-item .doc-inline-download:hover { background: #005A9E !important; }

/* 26. 内联硬编码蓝色渐变覆盖 */
[style*="background: linear-gradient(135deg, #0078D7"],
[style*="background: linear-gradient(135deg, #0A2540"] {
  background: linear-gradient(135deg, #0078D7 0%, #005A9E 100%) !important;
}
[style*="background-color: #0078D7"],
[style*="background: #0078D7"] {
  background-color: #0078D7 !important;
  background: #0078D7 !important;
}
[style*="border-color: #0078D7"],
[style*="border: 1px solid #0078D7"] {
  border-color: #0078D7 !important;
}
[style*="box-shadow: 0 10px 40px rgba(0, 120, 215"] {
  box-shadow: 0 10px 40px rgba(0, 120, 215, 0.1) !important;
}

/* 27. 页面Banner遮罩 */
.page-banner::before,
.page-banner::after {
  background: transparent !important;
}

/* 28. 联系页面地图标记 */
.marker-pin i { color: #0078D7 !important; }
.map-popup p i { color: #0078D7 !important; }
.popup-btn { background: #0078D7 !important; }