/* ========================================
   日立站点颜色覆盖 - Green Color Scheme (起重机绿色主题)
   主色调: 绿色 #0a4a3a
   ======================================== */

/* 1. CSS变量覆盖 */
:root {
  --primary-color: #0a4a3a !important;
  --primary-dark: #063528 !important;
  --primary-light: #1a6b4a !important;
  --accent-color: #2ecc71 !important;
  --accent-dark: #27ae60 !important;
  --accent-light: #58d68d !important;
  --accent-red: #0a4a3a !important;
  --red-brand: #0a4a3a !important;
  --text-dark: #1a1a1a !important;
  --text-medium: #555555 !important;
  --bg-light: #f7f9f8 !important;
  --bg-dark: #063528 !important;
}

/* 2. 导航栏 - 默认白色，滚动后黑色 */
.header { background: rgba(255,255,255,0.95); }
.header.scrolled { background: rgba(255,255,255,0.98); box-shadow: 0 2px 20px rgba(0,0,0,0.08); }
.header .logo-cn { color: #1a1a1a; }
.header .logo-en { color: #0a4a3a; }

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: #0a4a3a !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 .lang-select,
nav.navbar .lang-select:hover { color: #ffffff !important; }
nav.navbar.scrolled .lang-select,
nav.navbar.scrolled .lang-select:hover { color: #1a1a1a !important; }

nav.navbar .nav-contact-btn,
nav.navbar .nav-contact-btn:hover { color: #ffffff !important; }
nav.navbar.scrolled .nav-contact-btn,
nav.navbar.scrolled .nav-contact-btn:hover { color: #1a1a1a !important; }

/* 3. Hero区域 */
.hero-slide .overlay { background: linear-gradient(135deg, rgba(10,74,58,0.85) 0%, rgba(6,53,40,0.9) 100%); }
.hero-content h1 { color: #ffffff; }
.hero-content p { color: rgba(255,255,255,0.9); }
.hero-btn-primary { background: #0a4a3a; color: #fff; }
.hero-btn-primary:hover { background: #063528; }
.hero-btn-secondary { border: 2px solid rgba(255,255,255,0.5); color: #fff; }
.hero-btn-secondary:hover { background: rgba(255,255,255,0.1); border-color: #fff; }

/* 4. 产品卡片 */
.product-card { border: 1px solid #ececec; }
.product-card:hover { border-color: #0a4a3a; box-shadow: 0 10px 40px rgba(10,74,58,0.1); }
.product-card h3 { color: #1a1a1a; }
.product-card p { color: #555555; }
.learn-more { color: #0a4a3a; }
.learn-more::after { background: #0a4a3a; }

/* 5. 关于我们 */
.about-section { background: #f7f9f8; }
.about-content h2 { color: #1a1a1a; }
.about-content p { color: #555555; }
.about-btn { background: #0a4a3a; }
.about-btn:hover { background: #063528; }

/* 6. 新闻 */
.news-section { background: #ffffff; }
.news-section .section-title { color: #1a1a1a; }
.news-card { border: 1px solid #ececec; }
.news-card:hover { border-color: #0a4a3a; }
.news-card h3 { color: #1a1a1a; }
.news-card p { color: #555555; }
.news-date { color: #0a4a3a; }

/* 7. CTA */
.cta-section { background: linear-gradient(135deg, #0a4a3a 0%, #063528 100%); }
.cta-btn { background: #fff; color: #0a4a3a; }
.cta-btn:hover { background: rgba(255,255,255,0.9); }

/* 8. Footer - 与首页页脚完全一致的布局和颜色 */
.footer { background: #063528 !important; color: rgba(255,255,255,0.7); padding: 56px 0 0 !important; }
.footer-container { max-width: 1200px !important; margin: 0 auto !important; padding: 0 24px !important; }
.footer-content {
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr !important;
  gap: 40px !important;
  padding-bottom: 40px !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
.footer-section h3 {
  font-size: 15px !important; font-weight: 600 !important; color: #ffffff !important;
  margin-bottom: 20px !important; display: flex !important; align-items: center !important; gap: 8px !important;
  height: auto !important; line-height: normal !important; padding: 0 !important;
}
.footer-section h3 i { color: #2ecc71 !important; }
.footer-section p, .footer-section a { color: rgba(255,255,255,0.7) !important; }
.footer-section a:hover { color: #2ecc71 !important; }
.footer-info {
  list-style: none !important; margin: 0 !important; padding: 0 !important;
  display: flex !important; flex-direction: column !important; gap: 0 !important;
}
.footer-info li {
  display: flex !important; align-items: flex-start !important; gap: 10px !important;
  padding: 6px 0 !important; font-size: 13px !important;
  height: auto !important; line-height: 1.6 !important; margin: 0 !important;
  color: rgba(255,255,255,0.7) !important;
}
.footer-info i {
  color: #2ecc71 !important; margin-top: 4px !important; flex-shrink: 0 !important;
  width: 16px !important; text-align: center !important;
  height: auto !important; line-height: 1.6 !important; font-size: 13px !important;
}
.footer-info li span { display: inline !important; height: auto !important; line-height: 1.6 !important; }
.footer-links {
  list-style: none !important; margin: 0 !important; padding: 0 !important;
  display: flex !important; flex-direction: column !important; gap: 0 !important;
}
.footer-links li { padding: 5px 0 !important; height: auto !important; margin: 0 !important; }
.footer-links a {
  font-size: 13px !important; color: rgba(255,255,255,0.7) !important;
  transition: color 0.2s ease !important; text-decoration: none !important;
  display: inline-flex !important; align-items: center !important; height: auto !important; line-height: 1.6 !important;
}
.footer-links a:hover { color: #2ecc71 !important; }
.footer-social { display: flex !important; gap: 12px !important; flex-wrap: wrap !important; }
.social-link, .footer-social-link {
  width: 38px !important; height: 38px !important; border-radius: 50% !important;
  background: rgba(255,255,255,0.08) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  color: rgba(255,255,255,0.7) !important; font-size: 15px !important;
  text-decoration: none !important; transition: all 0.2s ease !important;
}
.social-link:hover, .footer-social-link:hover { background: #2ecc71 !important; color: #fff !important; transform: none !important; }
.footer-bottom {
  padding: 20px 0 !important; text-align: center !important;
  font-size: 12px !important; color: rgba(255,255,255,0.5) !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
}
.footer-bottom p { margin: 4px 0 !important; }
@media (max-width: 640px) {
  .footer-content { grid-template-columns: 1fr !important; gap: 28px !important; }
}

/* 9. 按钮 */
.btn-primary { background: #0a4a3a !important; }
.btn-primary:hover { background: #063528 !important; }
.btn-secondary { border: 2px solid #0a4a3a; color: #0a4a3a; }
.btn-secondary:hover { background: #0a4a3a; color: #fff; }

/* 10. 通用 */
.section-title { color: #1a1a1a; }
.section-subtitle { color: #555555; }
.tag { background: rgba(46,204,113,0.1); color: #0a4a3a; }
.highlight-bar { background: #0a4a3a; }
.scroll-indicator { background: rgba(10,74,58,0.8); }
.scroll-indicator:hover { background: #0a4a3a; }
.lang-switcher .lang-btn { color: #555555; }
.lang-switcher .lang-btn.active, .lang-switcher .lang-btn:hover { color: #0a4a3a; }
.search-btn { color: #1a1a1a; }
.search-btn:hover { color: #0a4a3a; }
.mobile-menu-toggle { color: #1a1a1a; }
.mobile-nav-link { color: #1a1a1a; }
.mobile-nav-link:hover { color: #0a4a3a; background: rgba(10,74,58,0.05); }
.swiper-pagination-bullet-active { background: #0a4a3a; }
input:focus, textarea:focus, select:focus { border-color: #0a4a3a; box-shadow: 0 0 0 3px rgba(10,74,58,0.1); }
a { color: #0a4a3a; }
a:hover { color: #063528; }
.breadcrumb a { color: #555555; }
.breadcrumb a:hover { color: #0a4a3a; }
.page-btn.active { background: #0a4a3a; border-color: #0a4a3a; }
.page-btn:hover:not(.active) { border-color: #0a4a3a; color: #0a4a3a; }
.tab-btn.active { color: #0a4a3a; border-bottom-color: #0a4a3a; }
.tab-btn:hover { color: #0a4a3a; }

/* ========================================
   增强覆盖 - sunchem-style.css 中的硬编码颜色
   ======================================== */

/* 统计区域 */
.stats-section {
  background: linear-gradient(135deg, #1a1a1a 0%, #0a4a3a 50%, #063528 100%) !important;
}

/* 产品中心页面标题区域 */
.page-header {
  background: linear-gradient(135deg, #1a1a1a 0%, #0a4a3a 100%) !important;
}

/* 案例页面标题区域 */
.cases-hero,
.case-hero {
  background: linear-gradient(135deg, #1a1a1a 0%, #0a4a3a 100%) !important;
}

/* 联系页面 */
.contact-hero {
  background: linear-gradient(135deg, #1a1a1a 0%, #0a4a3a 100%) !important;
}

/* 新闻页面 */
.news-hero {
  background: linear-gradient(135deg, #1a1a1a 0%, #0a4a3a 100%) !important;
}

/* 关于我们页面 */
.about-hero {
  background: linear-gradient(135deg, #1a1a1a 0%, #0a4a3a 100%) !important;
}

/* 关于我们 - 联系我们区域 */
.about-contact {
  background: linear-gradient(135deg, #0a4a3a 0%, #063528 100%) !important;
}

.about-contact-btn {
  color: #0a4a3a !important;
}

.about-contact-btn:hover {
  box-shadow: 0 8px 24px rgba(10, 74, 58, 0.3) !important;
}

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

/* 导航栏底部边框 */
.navbar {
  border-bottom: 1px solid rgba(10, 74, 58, 0.1);
}

/* 下拉菜单 */
.dropdown-menu {
  border-top: 3px solid #0a4a3a;
}

/* 下拉菜单hover */
.dropdown-item:hover {
  background: rgba(10, 74, 58, 0.05);
  color: #0a4a3a;
}

/* 当前导航项 */
.nav-link.active {
  color: #0a4a3a;
}

/* 产品标签 */
.product-tag {
  background: #0a4a3a;
}

/* 价格标签 */
.price-tag {
  background: linear-gradient(135deg, #0a4a3a 0%, #063528 100%);
}

/* 步骤指示器 */
.step-number {
  background: #0a4a3a;
}

/* 时间线 */
.timeline-dot {
  background: #0a4a3a;
}

/* 引号装饰 */
.quote-icon {
  color: #0a4a3a;
}

/* 装饰线 */
.decorative-line {
  background: #0a4a3a;
}

/* 热门标签 */
.hot-tag {
  background: #0a4a3a;
}

/* 新品标签 */
.new-tag {
  background: #063528;
}

/* ========================================
   页面Banner遮罩（已删除红色遮罩，保持透明）
   ======================================== */
.page-banner::before,
.page-banner::after {
  background: transparent !important;
}

/* ========================================
   各页面卡片/元素box-shadow覆盖
   ==================================== */
.case-card:hover {
  box-shadow: 0 20px 50px rgba(10, 74, 58, 0.15) !important;
}

.news-card:hover {
  box-shadow: 0 12px 40px rgba(10, 74, 58, 0.12) !important;
}

.page-btn.active {
  box-shadow: 0 8px 24px rgba(10, 74, 58, 0.3) !important;
}

/* ========================================
   关于我们页面 - 领导致辞深色背景覆盖
   ======================================== */
.about-message {
  background: linear-gradient(135deg, #1a1a1a 0%, #0a2a1a 50%, #0a3a2a 100%) !important;
}

.about-message::before {
  background: radial-gradient(circle, rgba(10, 74, 58, 0.15) 0%, transparent 70%) !important;
}

.about-message-text h2::after {
  background: linear-gradient(90deg, #0a4a3a, #2ecc71) !important;
}

/* 关于我们 - 公司信息/集团卡片hover */
.info-card:hover {
  box-shadow: 0 12px 40px rgba(10, 74, 58, 0.12) !important;
}

.group-card:hover {
  box-shadow: 0 12px 40px rgba(10, 74, 58, 0.12) !important;
}

/* 关于我们 - 详情图片阴影 */
.about-detail-image {
  box-shadow: 0 10px 40px rgba(10, 74, 58, 0.12) !important;
}

/* ========================================
   覆盖 sunchem-style.css 中的硬编码红色/蓝色
   ======================================== */

/* style.css 导航栏硬编码颜色 */
.nav-link::after {
  background-color: #0a4a3a !important;
}
.nav-link:hover {
  color: #0a4a3a !important;
}
.nav-link.active {
  color: #0a4a3a !important;
}

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

/* PDF下载按钮 */
.pdf-download-btn {
  background-color: #0a4a3a !important;
  color: #ffffff !important;
}

.pdf-download-btn:hover {
  background-color: #063528 !important;
}

/* 产品文档内联下载按钮 */
.product-doc-inline-item .doc-inline-download {
  background: #0a4a3a !important;
}

.product-doc-inline-item .doc-inline-download:hover {
  background: #063528 !important;
}

/* 移动端语言切换背景 */
.nav-mobile-lang .lang-option:hover,
.nav-mobile-lang .lang-option.active {
  background-color: rgba(10, 74, 58, 0.1) !important;
}

/* ========================================
   覆盖 contact.html 内联颜色
   ======================================== */
.marker-pin i {
  color: #0a4a3a !important;
}
.map-popup p i {
  color: #0a4a3a !important;
}
.popup-btn {
  background: #0a4a3a !important;
}

/* ========================================
   覆盖 sunchem-style.css 中硬编码的 #FF4500
   ======================================== */

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: #0a4a3a !important;
}

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

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

.search-close-btn:hover {
  background-color: #0a4a3a !important;
}

/* ========================================
   覆盖 sunchem-style.css 中硬编码的 #B31E23
   ======================================== */

nav.navbar .nav-link::after {
  background-color: #ffffff !important;
}
nav.navbar .nav-link:hover {
  color: #ffffff !important;
}
nav.navbar .nav-link.active {
  color: #ffffff !important;
}
nav.navbar.scrolled .nav-link:hover {
  color: #1a1a1a !important;
}
nav.navbar.scrolled .nav-link.active {
  color: #1a1a1a !important;
}
nav.navbar.scrolled .nav-link::after {
  background-color: #0a4a3a !important;
}

/* 联系我们按钮 */
nav.navbar .nav-contact-btn:hover {
  color: #ffffff !important;
}
nav.navbar .contact-arrow {
  background-color: #0a4a3a !important;
}
nav.navbar .nav-contact-btn:hover .contact-arrow {
  background-color: #0a4a3a !important;
}
nav.navbar.scrolled .nav-contact-btn {
  border-color: #0a4a3a !important;
  color: #1a1a1a !important;
}
nav.navbar.scrolled .nav-contact-btn:hover {
  background-color: #0a4a3a !important;
  color: #ffffff !important;
}
nav.navbar.scrolled .nav-contact-btn:hover .contact-arrow {
  color: #0a4a3a !important;
}
nav.navbar.scrolled .contact-arrow {
  background-color: #0a4a3a !important;
}

/* ========================================
   覆盖 style.css 中的硬编码 #B31E23
   ======================================== */
[style*="background-color: #B31E23"],
[style*="background: #B31E23"] {
  background-color: #0a4a3a !important;
  background: #0a4a3a !important;
}
[style*="color: #B31E23"] {
  color: #0a4a3a !important;
}
[style*="border-color: #B31E23"] {
  border-color: #0a4a3a !important;
}

/* ========================================
   覆盖 sunchem-style.css 中的 rgba(0, 120, 215, ...) 蓝色值
   ======================================== */
[style*="box-shadow: 0 2px 20px rgba(0, 120, 215"],
.case-card:hover { box-shadow: 0 20px 50px rgba(10, 74, 58, 0.15) !important; }
.news-card:hover { box-shadow: 0 12px 40px rgba(10, 74, 58, 0.12) !important; }

/* 背景色覆盖 - rgba蓝色 */
.background-color: rgba(0, 120, 215, 0.08) { background-color: rgba(10, 74, 58, 0.08) !important; }
.background-color: rgba(0, 120, 215, 0.05) { background-color: rgba(10, 74, 58, 0.05) !important; }

/* box-shadow 蓝色覆盖 */
.sunchem-card:hover { box-shadow: 0 15px 40px rgba(10, 74, 58, 0.3) !important; }
.product-detail-card:hover { box-shadow: 0 20px 60px rgba(10, 74, 58, 0.15) !important; }
.service-card:hover { box-shadow: 0 10px 30px rgba(10, 74, 58, 0.3) !important; }
.cta-card { box-shadow: 0 20px 50px rgba(10, 74, 58, 0.15) !important; }
.feature-card:hover { box-shadow: 0 12px 35px rgba(10, 74, 58, 0.35) !important; }

/* sunchem-style.css 中的rgba背景 */
.tag-cloud a:hover { background-color: rgba(10, 74, 58, 0.03) !important; }
.tag-cloud a.active { background-color: rgba(10, 74, 58, 0.08) !important; }

/* ========================================
   覆盖 product-detail-chain.html 内联绿色变量
   ======================================== */
:root {
  --green-primary: #0a4a3a !important;
  --green-dark: #063528 !important;
  --green-light: #1a6b4a !important;
  --green-accent: #2ecc71 !important;
  --green-soft: #e8f5ee !important;
}

/* ========================================
   覆盖 sunchem-style.css 中硬编码的 #dc3545
   ======================================== */
.product-doc-item .doc-icon {
  background: linear-gradient(135deg, #0a4a3a 0%, #063528 100%) !important;
}
.product-doc-inline-item .doc-inline-icon {
  background: linear-gradient(135deg, #0a4a3a 0%, #063528 100%) !important;
}