/* 动态颜色配置 - 由后台自动生成 */
:root {
    --theme-color: #ffffff !important;
    --primary-text-color: #000000 !important;
    --secondary-text-color: #e43f3f !important;
    --background-color: #ffffff !important;
    --header-bg-color: #34fea0 !important;
    --footer-bg-color: #37ff00 !important;
    --border-color: #ff7300 !important;
}

/* 全局样式重写 */
body {
    color: var(--primary-text-color) !important;
    background-color: var(--background-color) !important;
}

a, *::before, *::after {
    color: var(--primary-text-color) !important;
}

/* 主题色相关元素 */
.ty-more a::before,
.header .header-nav > ul > li > a::after,
.index-cases .index-cases-item a .item-box .wl .line,
.cases-list .cases-list-item a .item-box .wl .line,
.news-detail .news-detail-top::after,
.cases-detail .cases-detail-top::after,
.service-detail .service-detail-box h3:before,
.join-form .message-text::after,
.banner-path .icon,
::-webkit-scrollbar-thumb {
    background-color: var(--theme-color) !important;
}

/* 主题色文字 */
.header .header-nav > ul > li.cur > a,
.detail .header .header-nav > ul > li.cur > a,
.detail .header .header-nav > ul > li > a:hover,
.header.scroll-top .header-nav > ul > li.cur > a,
.header.scroll-top .header-nav > ul > li > a:hover,
.index-news .index-news-item a:hover .index-news-text h3,
.news-list .news-list-item a:hover .news-list-text h3,
.product-list .left ul li .pro-second h6.active a,
.product-list .left ul li .pro-second h6 a:hover,
.market-detail .market-detail-box .market-left ul .active .text,
.contact-detail .item:hover .title,
.search-center .nav strong,
.footer a:hover,
.footer .footer-content-bottom .footer-beian span:hover,
.banner-path .link a:hover {
    color: var(--theme-color) !important;
}

/* 主题色背景 */
.message-bg .message-box .message-submit,
.message-bg .message-wrapper .message-close:hover,
.join-detail .join-item .recruit-content .join-more,
.index-banner-swiper .index-banner-item .play a:hover,
.index-banner-swiper .swiper-button .swiper-button-next::before,
.header .header-nav ul ul li:hover > a,
.header .header-nav ul ul li a:hover,
.news-detail .news-detail-page .next,
.pagination li.active,
.pagination li:hover {
    background-color: var(--theme-color) !important;
}

/* 主题色边框 */
.detail .header .header-search a:hover::after,
.header.scroll-top .header-search a:hover::after,
.pagination li.active,
.pagination li:hover {
    border-color: var(--theme-color) !important;
}

/* 次要文字颜色 */
::-webkit-scrollbar,
::-webkit-scrollbar-button {
    background: var(--secondary-text-color) !important;
}

/* 背景色相关 */
.header {
    background-color: var(--header-bg-color) !important;
}

.footer,
.column {
    background-color: var(--footer-bg-color) !important;
}

/* 悬停效果 */
.message-bg .message-box .message-submit:hover,
.join-detail .join-item .recruit-content .join-more:hover {
    background-color: var(--footer-bg-color) !important;
}

.index-banner-swiper .swiper-button .swiper-button-next:hover::before,
.news-detail .news-detail-page a:hover.next {
    background-color: var(--theme-color) !important;
    opacity: 0.8;
}

/* 表单元素 */
.form-control:focus {
    border-color: var(--theme-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25) !important;
}

/* 按钮样式 */
.btn-primary {
    background-color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
}

.btn-primary:hover {
    background-color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
    opacity: 0.8;
}

/* 链接悬停效果 */
a:hover {
    color: var(--theme-color) !important;
}

/* 导航激活状态 */
.nav-tabs .nav-link.active {
    color: var(--theme-color) !important;
    border-bottom-color: var(--theme-color) !important;
}

/* 边框颜色应用 */
.qa-detail .content,
.qa-detail .content .item li {
    border-color: var(--border-color) !important;
}

.header .search-show-top .search-input {
    border-color: var(--primary-text-color) !important;
}