/* 深色主题样式 */
.dark-theme {
  background: #0f0f23 !important;
  color: #ffffff !important;
}

.dark-theme body {
  background: #0f0f23 !important;
  color: #ffffff !important;
}

/* 导航栏 */
.dark-theme .site-nav.dark {
  background: #0f0f23 !important;
  border-bottom: 1px solid #2d2d4a;
}

.dark-theme .site-nav.dark .site-navigation .site-menu > li > a {
  color: #b8b8b8 !important;
}

.dark-theme .site-nav.dark .site-navigation .site-menu > li > a:hover {
  color: #ffffff !important;
}

.dark-theme .site-nav.dark .site-navigation .site-menu > li.active > a {
  color: #407BFF !important;
}

/* 修复导航栏中的黑色文字 */
.dark-theme .site-nav.dark a {
  color: #b8b8b8 !important;
}

.dark-theme .site-nav.dark .site-navigation .site-menu > li > a {
  color: #b8b8b8 !important;
}

.dark-theme .site-nav.dark .site-navigation .site-menu > li.active > a {
  color: #407BFF !important;
}

.dark-theme .site-nav.dark .site-navigation .site-menu > li.has-children:hover > a {
  color: #407BFF !important;
}

.dark-theme .site-nav.scrolled .site-navigation .site-menu li a {
  color: #b8b8b8 !important;
}

.dark-theme .site-nav.scrolled .site-navigation .site-menu li a.active {
  color: #407BFF !important;
}

/* 主要内容区域 */
.dark-theme .untree_co-hero {
  background: #0f0f23 !important;
}

.dark-theme .untree_co-section {
  background: #1a1a2e !important;
}

.dark-theme .bg-light {
  background: #16213e !important;
}

/* Hero图片深色主题样式 */
.dark-theme .hero-image {
  background: linear-gradient(135deg, #242846, #1a1a2e) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
  border: 1px solid #2d2d4a !important;
}

.dark-theme .hero-image:hover {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5) !important;
  transform: translateY(-5px) !important;
}

/* SVG图片深色主题适配 */
.dark-theme .hero-image svg {
  filter: brightness(0.8) contrast(1.2) !important;
}

.dark-theme .hero-image svg rect[fill="url(#bgGradient)"] {
  fill: url(#darkBgGradient) !important;
}

.dark-theme .hero-image svg rect[fill="url(#cardGradient)"] {
  fill: url(#darkCardGradient) !important;
}

/* 文字颜色 - 覆盖所有黑色文字 */
.dark-theme h1, .dark-theme .h1, 
.dark-theme h2, .dark-theme .h2, 
.dark-theme h3, .dark-theme .h3, 
.dark-theme h4, .dark-theme .h4 {
  color: #ffffff !important;
}

.dark-theme .text-black {
  color: #ffffff !important;
}

.dark-theme p {
  color: #b8b8b8 !important;
}

/* 修复Hero区域的标题 */
.dark-theme .untree_co-hero .heading {
  color: #ffffff !important;
}

/* 修复section标题 */
.dark-theme .untree_co-section .heading {
  color: #ffffff !important;
}

/* 修复testimonial文字 */
.dark-theme .untree_co-testimonial blockquote {
  color: #ffffff !important;
}

.dark-theme .untree_co-testimonial .author strong {
  color: #ffffff !important;
}

/* 修复计数器文字 */
.dark-theme .count-numbers .counter {
  color: #ffffff !important;
}

/* 修复链接文字 */
.dark-theme .ul-links li a {
  color: #b8b8b8 !important;
}

.dark-theme .ul-links li a:hover {
  color: #407BFF !important;
}

/* 修复新闻项目文字 */
.dark-theme .news-item .vcard .post-meta strong {
  color: #ffffff !important;
}

.dark-theme .news-item .news-contents h3 a {
  color: #ffffff !important;
}

.dark-theme .news-item .news-contents h3 a:hover {
  color: #407BFF !important;
}

/* 修复定价卡片文字 */
.dark-theme .pricing .body .price .plan {
  color: #ffffff !important;
}

/* 修复服务卡片文字 */
.dark-theme .service.link .service-contents {
  color: #b8b8b8 !important;
}

/* 修复表单标签 */
.dark-theme .form-group label {
  color: #b8b8b8 !important;
}

/* 修复地址文字 */
.dark-theme address {
  color: #b8b8b8 !important;
}

/* 修复移动菜单关闭按钮 */
.dark-theme .site-mobile-menu-close > span:before,
.dark-theme .site-mobile-menu-close > span:after {
  background: #ffffff !important;
}

/* 修复汉堡菜单 */
.dark-theme .burger > span,
.dark-theme .burger > span:before,
.dark-theme .burger > span:after {
  background: #ffffff !important;
}

/* 卡片和组件 */
.dark-theme .pricing .body {
  background: #242846 !important;
  border: 1px solid #2d2d4a;
}

.dark-theme .news-item {
  background: #242846 !important;
  border: 1px solid #2d2d4a;
}

.dark-theme .service.link:hover {
  background: #242846 !important;
  border: 1px solid #2d2d4a;
}

/* 表单元素 */
.dark-theme .form-control {
  background: #16213e !important;
  border-bottom: 1px solid #2d2d4a !important;
  color: #ffffff !important;
}

.dark-theme .form-control:focus {
  border-color: #407BFF !important;
  background: #242846 !important;
}

.dark-theme .form-control:active {
  color: #ffffff !important;
}

/* 页脚 */
.dark-theme .site-footer {
  background: #1a1a2e !important;
  color: #b8b8b8 !important;
}

.dark-theme .site-footer .widget h3 {
  color: #ffffff !important;
}

.dark-theme .site-footer .widget .links li a {
  color: #b8b8b8 !important;
}

/* 按钮样式 */
.dark-theme .btn-outline-primary {
  border-color: #ffffff !important;
  color: #ffffff !important;
}

.dark-theme .btn-outline-primary:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* 修复Sign in按钮 */
.dark-theme .site-nav .site-navigation .site-menu > li.cta-button-outline a {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.dark-theme .site-nav .site-navigation .site-menu > li.cta-button-outline a:hover {
  color: #000000 !important;
  background: #ffffff !important;
  border-color: #ffffff !important;
}

/* 阴影效果 */
.dark-theme .img-shadow {
  border: 10px solid #242846;
  box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.5);
}

.dark-theme .news-item:hover {
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.5);
}

/* 修复下拉菜单 */
.dark-theme .site-nav .site-navigation .site-menu .dropdown {
  background: #242846 !important;
  border: 1px solid #2d2d4a;
}

.dark-theme .site-nav .site-navigation .site-menu .dropdown li a {
  color: #b8b8b8 !important;
}

.dark-theme .site-nav .site-navigation .site-menu .dropdown li a:hover {
  color: #407BFF !important;
}

/* 新组件深色主题样式 */
/* 炫彩动态字组件 */
.dark-theme .dynamic-title-section {
  background: #0f0f23 !important;
  padding: 120px 0 40px 0 !important;
}

.dark-theme .char {
  color: #ffffff !important;
}

.dark-theme .char:nth-child(1) { animation-delay: 0s !important; }
.dark-theme .char:nth-child(2) { animation-delay: 0.1s !important; }
.dark-theme .char:nth-child(3) { animation-delay: 0.2s !important; }
.dark-theme .char:nth-child(4) { animation-delay: 0.3s !important; }
.dark-theme .char:nth-child(5) { animation-delay: 0.4s !important; }
.dark-theme .char:nth-child(6) { animation-delay: 0.5s !important; }
.dark-theme .char:nth-child(7) { animation-delay: 0.6s !important; }
.dark-theme .char:nth-child(8) { animation-delay: 0.7s !important; }
.dark-theme .char:nth-child(9) { animation-delay: 0.8s !important; }
.dark-theme .char:nth-child(10) { animation-delay: 0.9s !important; }
.dark-theme .char:nth-child(11) { animation-delay: 1s !important; }
.dark-theme .char:nth-child(12) { animation-delay: 1.1s !important; }
.dark-theme .char:nth-child(13) { animation-delay: 1.2s !important; }
.dark-theme .char:nth-child(14) { animation-delay: 1.3s !important; }
.dark-theme .char:nth-child(15) { animation-delay: 1.4s !important; }
.dark-theme .char:nth-child(16) { animation-delay: 1.5s !important; }
.dark-theme .char:nth-child(17) { animation-delay: 1.6s !important; }
.dark-theme .char:nth-child(18) { animation-delay: 1.7s !important; }
.dark-theme .char:nth-child(19) { animation-delay: 1.8s !important; }
.dark-theme .char:nth-child(20) { animation-delay: 1.9s !important; }
.dark-theme .char:nth-child(21) { animation-delay: 2s !important; }
.dark-theme .char:nth-child(22) { animation-delay: 2.1s !important; }
.dark-theme .char:nth-child(23) { animation-delay: 2.2s !important; }
.dark-theme .char:nth-child(24) { animation-delay: 2.3s !important; }
.dark-theme .char:nth-child(25) { animation-delay: 2.4s !important; }
.dark-theme .char:nth-child(26) { animation-delay: 2.5s !important; }
.dark-theme .char:nth-child(27) { animation-delay: 2.6s !important; }
.dark-theme .char:nth-child(28) { animation-delay: 2.7s !important; }
.dark-theme .char:nth-child(29) { animation-delay: 2.8s !important; }
.dark-theme .char:nth-child(30) { animation-delay: 2.9s !important; }

@keyframes colorShiftDark {
  0% {
    color: #4facfe !important;
    text-shadow: 0 0 15px rgba(79, 172, 254, 0.8) !important;
  }
  25% {
    color: #f093fb !important;
    text-shadow: 0 0 15px rgba(240, 147, 251, 0.8) !important;
  }
  50% {
    color: #667eea !important;
    text-shadow: 0 0 15px rgba(102, 126, 234, 0.8) !important;
  }
  75% {
    color: #764ba2 !important;
    text-shadow: 0 0 15px rgba(118, 75, 162, 0.8) !important;
  }
  100% {
    color: #4facfe !important;
    text-shadow: 0 0 15px rgba(79, 172, 254, 0.8) !important;
  }
}

/* 三大核心功能标题组件 */
.dark-theme .core-features-title {
  background: linear-gradient(135deg, #4CAF50, #2196F3, #9C27B0) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.dark-theme .core-features-subtitle {
  color: #b8b8b8 !important;
}

/* 视频占位符深色主题 */
.dark-theme .video-placeholder {
  background: linear-gradient(135deg, #2d2d4a, #1a1a2e) !important;
}

.dark-theme .placeholder-text {
  color: #ffffff !important;
}

.dark-theme .placeholder-subtitle {
  color: #b8b8b8 !important;
}

/* 效果展示卡片深色主题 */
.dark-theme .demo-item {
  background: #242846 !important;
  border: 1px solid #2d2d4a !important;
}

.dark-theme .demo-item:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

.dark-theme .demo-category {
  color: #4CAF50 !important;
}

.dark-theme .demo-contents h4 {
  color: #ffffff !important;
}

.dark-theme .demo-contents p {
  color: #b8b8b8 !important;
}

.dark-theme .demo-image {
  border-color: #2d2d4a !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

/* 学术合作卡片深色主题 */
.dark-theme .collaboration-card {
  background: #242846 !important;
  border: 1px solid #2d2d4a !important;
}

.dark-theme .collaboration-card:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

.dark-theme .collaboration-card h4 {
  color: #ffffff !important;
}

.dark-theme .collaboration-card p {
  color: #b8b8b8 !important;
}

.dark-theme .challenge-text {
  color: #b8b8b8 !important;
}

.dark-theme .challenge-section {
  background: #1a1a2e !important;
}

.dark-theme .content h4 {
  color: #ffffff !important;
}

.dark-theme .content p {
  color: #b8b8b8 !important;
}

.dark-theme .content h6 {
  color: #ffffff !important;
}

/* 联系表单深色主题 */
.dark-theme .contact-form {
  background: #242846 !important;
  border: 1px solid #2d2d4a !important;
}

.dark-theme .contact-info {
  background: #242846 !important;
  border: 1px solid #2d2d4a !important;
}

.dark-theme .contact-info h3 {
  color: #ffffff !important;
}

.dark-theme .contact-info p {
  color: #b8b8b8 !important;
}

.dark-theme .collaboration-info {
  background: #242846 !important;
  border: 1px solid #2d2d4a !important;
}

.dark-theme .collaboration-info h5 {
  color: #ffffff !important;
}

.dark-theme .collaboration-info ul li {
  color: #b8b8b8 !important;
  border-bottom-color: #2d2d4a !important;
}

.dark-theme .form-group label {
  color: #b8b8b8 !important;
}

.dark-theme .form-control {
  background: #16213e !important;
  border-color: #2d2d4a !important;
  color: #ffffff !important;
}

.dark-theme .form-control:focus {
  background: #1a1a2e !important;
  border-color: #407BFF !important;
}

.dark-theme .btn-outline-primary {
  border-color: #407BFF !important;
  color: #407BFF !important;
}

.dark-theme .btn-outline-primary:hover {
  background-color: #407BFF !important;
  color: #ffffff !important;
}

/* 修复所有可能的黑色文字 */
.dark-theme * {
  color: inherit;
}

.dark-theme ::selection {
  background: #407BFF !important;
  color: #ffffff !important;
}

.dark-theme ::placeholder {
  color: #b8b8b8 !important;
  opacity: 1;
}

/* 滚动条样式 */
.dark-theme ::-webkit-scrollbar {
  width: 8px;
}

.dark-theme ::-webkit-scrollbar-track {
  background: #1a1a2e;
}

.dark-theme ::-webkit-scrollbar-thumb {
  background: #2d2d4a;
  border-radius: 4px;
}

.dark-theme ::-webkit-scrollbar-thumb:hover {
  background: #407BFF;
}

/* 移动端适配 */
@media (max-width: 991.98px) {
  .dark-theme .site-mobile-menu {
    background: #0f0f23 !important;
  }
  
  .dark-theme .site-mobile-menu .site-nav-wrap a {
    color: #b8b8b8 !important;
  }
  
  .dark-theme .site-mobile-menu .site-nav-wrap a:hover {
    color: #407BFF !important;
  }
  
  .dark-theme .site-mobile-menu .site-nav-wrap a.active {
    color: #407BFF !important;
  }
  
  .dark-theme .theme-btn {
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
  }
  
  .dark-theme .theme-icon {
    color: #ffffff !important;
  }
}

@media (max-width: 768px) {
  .dark-theme .btn {
    padding: 12px 24px !important;
  }
  
  .dark-theme .form-control {
    font-size: 14px !important;
  }
  
  .dark-theme .site-nav {
    padding: 10px 0 !important;
  }
  
  .dark-theme .dynamic-title-section {
    padding: 100px 0 30px 0 !important;
  }
  
  .dark-theme .demo-image {
    max-height: 400px !important;
  }
  
  .dark-theme .demo-item {
    padding: 20px !important;
  }
}

@media (max-width: 480px) {
  .dark-theme .dynamic-title-section {
    padding: 80px 0 25px 0 !important;
  }
  
  .dark-theme .demo-image {
    max-height: 300px !important;
  }
  
  .dark-theme .demo-item {
    padding: 15px !important;
  }
} 

/* 深色主题下的read-more样式 */
.dark-theme .read-more {
  color: #ffffff !important;
}

.dark-theme .read-more:before {
  background-color: rgba(255, 255, 255, 0.1) !important;
} 

/* 新增背景颜色类 - 深色主题 */
.dark-theme .bg-white {
  background-color: #0f0f23 !important;
}

.dark-theme .bg-light-gray {
  background-color: #1a1a2e !important;
}

/* 分隔区域深色主题样式 */
.dark-theme .section-divider {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #1a1a2e 100%) !important;
}

.dark-theme .divider-line {
  background: linear-gradient(90deg, transparent 0%, rgba(76, 175, 80, 0.4) 50%, transparent 100%) !important;
}

.dark-theme .divider-line::before {
  background: #4CAF50 !important;
  box-shadow: 0 0 10px rgba(76, 175, 80, 0.6) !important;
}