/* CN/Appian/ 统一样式 — 浅色可读主题，品牌色 #10B981 */
* {
  box-sizing: border-box;
}

body,
body.appian-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.appian-hub h1 { font-size: clamp(1.5rem, 3vw, 2rem); }
body.appian-hub h2 { font-size: clamp(1.25rem, 2.5vw, 1.5rem); }
body.appian-hub h3 { font-size: clamp(1.125rem, 2vw, 1.25rem); }

body.appian-hub main p,
body.appian-hub main li {
  font-size: 1rem;
  line-height: 1.65;
}

/* Hero：绿色渐变 + 白字 */
body.appian-hub .hero-gradient {
  background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
  backdrop-filter: none !important;
  color: #fff !important;
}

body.appian-hub .hero-gradient :is(h1, h2, h3, p, span, a, [class*="text-white"]) {
  color: inherit;
}

body.appian-hub .hero-gradient h1 {
  font-size: clamp(1.5rem, 4vw, 2.25rem) !important;
  line-height: 1.3;
  color: #fff !important;
  text-shadow: none !important;
}

body.appian-hub .hero-gradient .glow-text {
  text-shadow: none !important;
  color: #fff !important;
}

body.appian-hub .hero-gradient .text-white\/90,
body.appian-hub .hero-gradient p {
  color: #ecfdf5 !important;
}

/* 卡片：白底深字 */
body.appian-hub .card-tech {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  backdrop-filter: none !important;
  color: #374151 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
}

body.appian-hub .card-tech:hover {
  background: #fff !important;
  border-color: #10B981 !important;
  box-shadow: 0 12px 28px rgba(16, 185, 129, 0.12);
  transform: translateY(-4px);
}

body.appian-hub .card-tech :is(h2, h3, h4, .font-semibold.text-white, .font-bold.text-white) {
  color: #111827 !important;
}

body.appian-hub .card-tech [class*="text-white/"] {
  color: #4b5563 !important;
}

body.appian-hub .card-tech a[class*="text-white"] {
  color: #374151 !important;
}

body.appian-hub .card-tech a[class*="text-white"]:hover {
  color: #10B981 !important;
}

/* 主内容区标题与正文 */
body.appian-hub main section:not(.hero-gradient) .glow-text {
  text-shadow: none !important;
  color: #111827 !important;
}

body.appian-hub main section:not(.hero-gradient) :is(h2, h3, h4) {
  color: #111827 !important;
}

body.appian-hub main section:not(.hero-gradient) [class*="text-white"] {
  color: #374151 !important;
}

body.appian-hub main section[class*="bg-white/5"] {
  background: #ffffff !important;
}

body.appian-hub main .bg-gradient-to-br.from-\[\#10B981\]\/10 {
  background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%) !important;
  border-color: #10B981 !important;
}

body.appian-hub main .bg-gradient-to-br.from-\[\#10B981\]\/10 [class*="text-white"] {
  color: #374151 !important;
}

body.appian-hub main .bg-gradient-to-br.from-\[\#10B981\]\/10 h3.text-white {
  color: #111827 !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-size: 0.9375rem !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.appian-hub .organic-snippet:not(.organic-snippet--dismissed) {
  max-height: none !important;
  overflow: visible !important;
}

@media (max-width: 768px) {
  body.appian-hub .hero-gradient h1 {
    font-size: 1.375rem !important;
  }
}
