/* 自定义深蓝色主题 - 替换黄色色调 */

/* 主要颜色变量覆盖 */
:root {
    /* 深蓝色主题色 */
    --colors-accent-a-100: #c3d0f6; /* 深蓝色替代黄色 */
    --colors-accent-a-200: #1e40af; /* 深蓝色变体 */
    --colors-accent-a-500: #1e3a8a; /* 深蓝色深色版本 */
    --colors-accent-a-000: #dbeafe; /* 浅蓝色背景 */
    --colors-accent-a-100-30: #1e3a8a4d; /* 深蓝色透明度版本 */
    --colors-accent-a-200-96: #1e40aff5; /* 深蓝色透明度版本 */
    
    /* 保持原有的青色系作为辅助色 */
    --colors-accent-b-100: #0b7078;
    --colors-accent-b-200: #046068;
    --colors-accent-b-100-08: #0b707814;
    --colors-transparency-a: #1e3a8a4d; /* 深蓝色透明度 */
    --colors-transparency-b: #00a8b54d;

    --colors-primary-200:#2a6297;
    --colors-neutral-600:#4476a5;

    --colors-white-72:#ffffffff;
}

/* 覆盖所有黄色相关的样式 */
.bg-accent-a-100,
/*.button-primary,*/
.button-yellow {
    background-color: var(--colors-accent-a-100) !important;
}
.button-primary{
    /*background-color: var(--colors-accent-a-100) !important;*/
}

.bg-accent-a-200 {
    background-color: var(--colors-accent-a-200) !important;
}

.bg-accent-a-100-30 {
    background-color: var(--colors-accent-a-100-30) !important;
}

.text-accent-a-100 {
    color: var(--colors-accent-a-100) !important;
}

.text-accent-a-200 {
    color: var(--colors-accent-a-200) !important;
}

.border-accent-a-100 {
    border-color: var(--colors-accent-a-100) !important;
}

.border-accent-a-200 {
    border-color: var(--colors-accent-a-200) !important;
}

/* 按钮悬停效果 */
.button-primary:hover,
.button-yellow:hover {
    background-color: var(--colors-accent-a-200) !important;
    color: #ffffff !important;
}

/* 导航和链接悬停效果 */
a:hover,
.nav-desktop__button:hover {
    color: var(--colors-accent-a-100) !important;
}

/* SVG填充颜色 */
svg [fill="#FFD600"],
svg [fill="#ffd600"] {
    fill: var(--colors-accent-a-100) !important;
}

/* 内联样式覆盖 */
[style*="fill:#FFD600"],
[style*="fill:#ffd600"] {
    fill: var(--colors-accent-a-100) !important;
}

/* 背景色覆盖 */
[style*="background-color:#FFD600"],
[style*="background-color:#ffd600"] {
    background-color: var(--colors-accent-a-100) !important;
}

/* 边框颜色覆盖 */
[style*="border-color:#FFD600"],
[style*="border-color:#ffd600"] {
    border-color: var(--colors-accent-a-100) !important;
}

/* 文字颜色覆盖 */
[style*="color:#FFD600"],
[style*="color:#ffd600"] {
    color: var(--colors-accent-a-100) !important;
}

/* 特殊元素覆盖 */
.nav-desktop__parent.is-button-visible {
    color: var(--colors-accent-a-100) !important;
}

.nav-desktop__parent.is-button-visible .is-icon {
    border-color: var(--colors-accent-a-200) !important;
}

/* 按钮和交互元素 */
button[class*="accent-a"],
.btn[class*="accent-a"] {
    background-color: var(--colors-accent-a-100) !important;
    color: #ffffff !important;
}

button[class*="accent-a"]:hover,
.btn[class*="accent-a"]:hover {
    background-color: var(--colors-accent-a-200) !important;
}

/* 链接和导航项 */
a[class*="accent-a"] {
    color: var(--colors-accent-a-100) !important;
}

a[class*="accent-a"]:hover {
    color: var(--colors-accent-a-200) !important;
}

/* 边框和装饰元素 */
[class*="border-accent-a"] {
    border-color: var(--colors-accent-a-100) !important;
}

/* 背景装饰 */
[class*="bg-accent-a"] {
    background-color: var(--colors-accent-a-100) !important;
}

/* 确保深色背景上的文字是白色 */
.bg-accent-a-100,
.bg-accent-a-200 {
    color: #ffffff !important;
}

/* 悬停状态下的文字颜色 */
.bg-accent-a-100:hover,
.bg-accent-a-200:hover {
    color: #ffffff !important;
} 

.bg-spring-energized-seals:before {
    content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* 背景图片 */
  background-image: url(http://www.hansealing.com/wp-content/uploads/2025/08/spring-energized-seals.png);
  background-size: cover;
  /* 设置透明度（0-1之间，0完全透明，1不透明） */
  opacity: 0.1;
  /* 确保背景在底层 */
  z-index: -1;
}

.font-block{
    color: #001223 !important;
}