/* CN/Dcoding/ 浅色可读主题 — 覆盖 dcoding.css 深色玻璃拟态 */
body,
body.dcoding-hub,
body.platform-dark-hub {
  font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  background: #f3f4f6 !important;
  background-image: none !important;
  color: #1f2937 !important;
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body::before {
  display: none !important;
  content: none !important;
}

body.dcoding-hub h1 { font-size: clamp(1.5rem, 3vw, 2rem); }
body.dcoding-hub h2 { font-size: clamp(1.25rem, 2.5vw, 1.5rem); }
body.dcoding-hub h3 { font-size: clamp(1.125rem, 2vw, 1.25rem); }

body.dcoding-hub main p,
body.dcoding-hub main li,
body.dcoding-hub main td {
  font-size: 1rem;
  line-height: 1.65;
}

/* Hero 区块：绿色渐变 + 白字 */
body.dcoding-hub .hero-section,
body.dcoding-hub .hero-section.industry-hero,
body.dcoding-hub .hero-section.cases-hero,
body.dcoding-hub .hero-section.resources-hero,
body.dcoding-hub .hero-section.advanced-hero {
  background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
  border-radius: 16px;
  color: #fff !important;
}

body.dcoding-hub .hero-section :is(h1, h2, h3, h4, p, span, strong, a, .hero-title, .hero-subtitle) {
  color: #fff !important;
  text-shadow: none !important;
}

body.dcoding-hub .hero-section .hero-title {
  font-size: clamp(1.5rem, 4vw, 2.25rem) !important;
}

body.dcoding-hub .hero-section .gradient-text {
  -webkit-text-fill-color: #ecfdf5 !important;
  color: #ecfdf5 !important;
}

/* 玻璃卡片 → 白底 */
body.dcoding-hub .glassmorphism,
body.dcoding-hub .card-tech,
body.dcoding-hub .industry-card,
body.dcoding-hub .case-card,
body.dcoding-hub .resource-card,
body.dcoding-hub .advanced-card,
body.dcoding-hub .integration-case,
body.dcoding-hub .optimization-card,
body.dcoding-hub .security-card,
body.dcoding-hub .dc-ai-card,
body.dcoding-hub .resource-item,
body.dcoding-hub .resource-summary-card,
body.dcoding-hub .faq-item,
body.dcoding-hub .learning-paths .learning-path,
body.dcoding-hub .comparison-table {
  background: #fff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid #e5e7eb !important;
  color: #374151 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
}

body.dcoding-hub .glassmorphism:hover,
body.dcoding-hub .card-hover:hover,
body.dcoding-hub .industry-card:hover,
body.dcoding-hub .case-card:hover,
body.dcoding-hub .resource-card:hover,
body.dcoding-hub .advanced-card:hover {
  border-color: #10B981 !important;
  box-shadow: 0 12px 28px rgba(16, 185, 129, 0.12) !important;
}

/* 主内容区深字 */
body.dcoding-hub main :is(h2, h3, h4, .section-title, .dc-section-title) {
  color: #111827 !important;
  text-shadow: none !important;
}

body.dcoding-hub main :is(p, li, .section-description, .dc-section-subtitle) {
  color: #374151 !important;
}

body.dcoding-hub main .text-white,
body.dcoding-hub main .text-white\/80,
body.dcoding-hub main .text-white\/70,
body.dcoding-hub main .text-white\/60,
body.dcoding-hub main .text-white\/90 {
  color: #374151 !important;
}

body.dcoding-hub .hero-section .text-white,
body.dcoding-hub .hero-section .text-white\/80,
body.dcoding-hub .hero-section .text-white\/90,
body.dcoding-hub .hero-section h1,
body.dcoding-hub .hero-section h2 {
  color: #fff !important;
}

body.dcoding-hub .glassmorphism :is(h2, h3, h4, .text-white),
body.dcoding-hub .industry-card-title,
body.dcoding-hub .case-card-title,
body.dcoding-hub .resource-card-title,
body.dcoding-hub .advanced-card-title,
body.dcoding-hub .dc-ai-card h3 {
  color: #111827 !important;
}

body.dcoding-hub .industry-card-description,
body.dcoding-hub .case-card-description,
body.dcoding-hub .resource-card-description,
body.dcoding-hub .dc-ai-card p,
body.dcoding-hub .industry-card-features li,
body.dcoding-hub .case-card-content {
  color: #4b5563 !important;
}

body.dcoding-hub .content-section.bg-light {
  background: #fff !important;
  border-color: #e5e7eb !important;
}

body.dcoding-hub .dc-breadcrumb {
  background: #fff !important;
  border-bottom: 1px solid #e5e7eb !important;
  color: #4b5563 !important;
}

body.dcoding-hub .dc-breadcrumb a {
  color: #4b5563 !important;
}

body.dcoding-hub .dc-breadcrumb .current {
  color: #059669 !important;
}

body.dcoding-hub .comparison-table thead th {
  background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
  color: #fff !important;
}

body.dcoding-hub .comparison-table tbody td {
  color: #374151 !important;
}

body.dcoding-hub .comparison-table tbody td:first-child {
  color: #111827 !important;
}

body.dcoding-hub .faq-question {
  color: #111827 !important;
}

body.dcoding-hub .faq-answer {
  color: #4b5563 !important;
}

body.dcoding-hub .tab-btn {
  color: #4b5563 !important;
  background: #f9fafb !important;
}

body.dcoding-hub .tab-btn.active {
  color: #fff !important;
}

body.dcoding-hub .glow-text {
  text-shadow: none !important;
}

/* 网格移动端 */
body.dcoding-hub .industry-cards,
body.dcoding-hub .case-cards,
body.dcoding-hub .resource-cards,
body.dcoding-hub .resources-grid,
body.dcoding-hub .advanced-cards,
body.dcoding-hub .integration-cases,
body.dcoding-hub .optimization-cards,
body.dcoding-hub .security-cards,
body.dcoding-hub .resource-list,
body.dcoding-hub .resource-summary-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important;
}

/* 顶栏 / 二级导航 */
header#navbar nav a,
header#navbar nav .dropbtn,
header#navbar nav .nav-link,
header#navbar a.text-dark {
  color: #1d2129 !important;
  font-weight: 600 !important;
}

header#navbar nav a:hover,
header#navbar nav .dropbtn:hover {
  color: #059669 !important;
}

body:has(.platform-subnav) .platform-subnav-link {
  color: #fff !important;
  font-weight: 700 !important;
}

body:has(.platform-subnav) .platform-subnav-link.is-active {
  background: #fff !important;
  color: #047857 !important;
}

body:has(.platform-subnav) .platform-subnav-select {
  background: #fff !important;
  color: #065f46 !important;
  font-weight: 700 !important;
}

body.dcoding-hub .organic-snippet:not(.organic-snippet--dismissed) {
  max-height: none !important;
  overflow: visible !important;
}

@media (max-width: 768px) {
  body.dcoding-hub .hero-section .hero-title {
    font-size: 1.375rem !important;
  }
}