/**
 * 宜搭学习中心 — 浅色可读主题 v20260718
 * 修复：深色 Tailwind 类（text-white/glassmorphism）与浅底冲突
 */
:root {
  --yida-primary: #10b981;
  --yida-text: #111827;
  --yida-muted: #4b5563;
  --yida-heading: #0f172a;
  --yida-accent: #047857;
}

body.yida-page {
  background: #f8fafc !important;
  color: var(--yida-text) !important;
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  padding-top: 55px;
}

body.yida-page.study-page {
  color: var(--yida-text) !important;
  background: #f8fafc !important;
  padding-bottom: 0;
}

body.yida-page::before,
body.yida-page.platform-dark-hub::before {
  display: none !important;
}

body.yida-page.platform-dark-hub,
body.yida-page.platform-dark-hub:has(.platform-subnav) {
  background: #f8fafc !important;
  color: var(--yida-text) !important;
}

body.yida-page :is(main, section) {
  position: relative;
  z-index: 1;
  color: var(--yida-text);
}

/* ── 浅色卡片（替代暗色 glassmorphism）── */
body.yida-page .glassmorphism {
  background: #fff !important;
  border: 1px solid rgba(16, 185, 129, 0.18) !important;
  backdrop-filter: none !important;
  box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
}

body.yida-page .card-hover:hover {
  box-shadow: 0 12px 32px rgba(16, 185, 129, 0.15) !important;
}

/* ── 主内容区：浅色底上的标题/正文 ── */
body.yida-page :is(main, section) h1,
body.yida-page :is(main, section) h2,
body.yida-page :is(main, section) h3,
body.yida-page :is(main, section) h4,
body.yida-page :is(main, section) .text-white {
  color: var(--yida-heading) !important;
}

body.yida-page :is(main, section) .text-gray-900 { color: #111827 !important; }
body.yida-page :is(main, section) .text-gray-800 { color: #1f2937 !important; }
body.yida-page :is(main, section) .text-gray-700 { color: #374151 !important; }
body.yida-page :is(main, section) .text-gray-600 { color: #4b5563 !important; }
body.yida-page :is(main, section) .text-gray-500 { color: #6b7280 !important; }
body.yida-page :is(main, section) .text-gray-300 { color: #64748b !important; }

body.yida-page :is(main, section) [class*="text-white/"] {
  color: #4b5563 !important;
}

body.yida-page :is(main, section) strong.text-white {
  color: var(--yida-accent) !important;
}

/* 渐变标题保留 clip 效果 */
body.yida-page :is(main, section) .bg-clip-text.text-transparent {
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* 强调色（浅底可读） */
body.yida-page :is(main, section) .text-emerald-300,
body.yida-page :is(main, section) .text-emerald-200 { color: #047857 !important; }
body.yida-page :is(main, section) .text-yellow-400 { color: #b45309 !important; }
body.yida-page :is(main, section) .text-red-400 { color: #dc2626 !important; }
body.yida-page :is(main, section) .text-purple-400,
body.yida-page :is(main, section) .text-purple-300 { color: #7c3aed !important; }
body.yida-page :is(main, section) .text-blue-300 { color: #2563eb !important; }

body.yida-page :is(main, section) .text-[#10B981] { color: #059669 !important; }

/* 彩色按钮/CTA 内文字保持白字 */
body.yida-page :is(main, section) a.text-white[class*="from-blue"],
body.yida-page :is(main, section) a.text-white[class*="from-purple"],
body.yida-page :is(main, section) a.text-white[class*="from-[#10B981"],
body.yida-page :is(main, section) a.text-white[class*="from-emerald"],
body.yida-page :is(main, section) a.bg-primary.text-white,
body.yida-page :is(main, section) a[class*="bg-gradient"].text-white,
body.yida-page :is(main, section) .gradient-green .text-white,
body.yida-page :is(main, section) a.bg-accent.text-white {
  color: #fff !important;
}

/* 浅色描边按钮（原 border-white 在浅底不可见） */
body.yida-page :is(main, section) a.border-white:not([class*="from-"]) {
  border-color: #10b981 !important;
  color: #047857 !important;
  background: #ecfdf5 !important;
}

body.yida-page :is(main, section) a.border-white:not([class*="from-"]):hover {
  background: #d1fae5 !important;
}

/* 流程图步骤块：浅色彩底 + 深字 */
body.yida-page :is(main, section) [class*="from-yellow-500/20"],
body.yida-page :is(main, section) [class*="from-yellow-500\/20"] {
  background: #fffbeb !important;
  border-color: #fbbf24 !important;
}

body.yida-page :is(main, section) [class*="from-blue-500/20"],
body.yida-page :is(main, section) [class*="from-blue-500\/20"] {
  background: #eff6ff !important;
  border-color: #60a5fa !important;
}

body.yida-page :is(main, section) [class*="from-purple-500/20"],
body.yida-page :is(main, section) [class*="from-purple-500\/20"] {
  background: #f5f3ff !important;
  border-color: #a78bfa !important;
}

body.yida-page :is(main, section) [class*="from-yellow-500"] .text-white,
body.yida-page :is(main, section) [class*="from-blue-500"] .text-white,
body.yida-page :is(main, section) [class*="from-purple-500"] .text-white {
  color: #1f2937 !important;
}

/* 痛点提示框 */
body.yida-page :is(main, section) [class*="from-yellow-500/10"],
body.yida-page :is(main, section) [class*="from-yellow-500\/10"] {
  background: #fffbeb !important;
  border-color: #fde68a !important;
}

/* 标签 pill 对比度 */
body.yida-page :is(main, section) span[class*="rounded-full"].text-emerald-300,
body.yida-page :is(main, section) span[class*="rounded-full"].text-emerald-200 {
  color: #065f46 !important;
  background: #ecfdf5 !important;
  border-color: rgba(16, 185, 129, 0.35) !important;
}

body.yida-page :is(main, section) span[class*="rounded-full"].text-blue-300 {
  color: #1e40af !important;
  background: #eff6ff !important;
  border-color: rgba(59, 130, 246, 0.35) !important;
}

body.yida-page :is(main, section) span[class*="rounded-full"].text-purple-300 {
  color: #5b21b6 !important;
  background: #f5f3ff !important;
  border-color: rgba(139, 92, 246, 0.35) !important;
}

body.yida-page :is(main, section) .border-gray-700 {
  border-color: #e5e7eb !important;
}

body.yida-page :is(main, section) [class*="from-emerald-500/10"],
body.yida-page :is(main, section) [class*="from-emerald-500\/10"] {
  background: #ecfdf5 !important;
  border-color: rgba(16, 185, 129, 0.25) !important;
}

/* section-title 勿透明 */
body.yida-page .section-title {
  -webkit-text-fill-color: unset !important;
  background: none !important;
  color: var(--yida-accent) !important;
}

body.yida-page .gradient-text {
  -webkit-text-fill-color: transparent;
}

/* 子页 resource/trouble 卡片 */
body.yida-page .resource-card,
body.yida-page .card-glow,
body.yida-page .trouble-card {
  background: #fff !important;
  border: 1px solid rgba(16, 185, 129, 0.18) !important;
  color: #1f2937 !important;
  backdrop-filter: none !important;
}

body.yida-page .trouble-card h3,
body.yida-page .resource-card h2 {
  color: #065f46 !important;
}

body.yida-page .trouble-card .symptom,
body.yida-page .step-list,
body.yida-page .faq .body {
  color: #374151 !important;
}

body.yida-page .faq details {
  background: #fff !important;
  border: 1px solid rgba(16, 185, 129, 0.2) !important;
}

body.yida-page .faq summary {
  color: #065f46 !important;
}

body.yida-page .matrix th {
  background: #ecfdf5 !important;
  color: #065f46 !important;
}

body.yida-page .matrix td {
  color: #374151 !important;
  background: #fff !important;
}

body.yida-page .pill {
  color: #047857 !important;
  background: #ecfdf5 !important;
  border-color: rgba(16, 185, 129, 0.35) !important;
}

body.yida-page .code-inline {
  background: #f1f5f9 !important;
  color: #047857 !important;
}

/* 资料导航 */
.yida-resource-rail {
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  padding: 0.65rem 0;
  margin-bottom: 0.5rem;
}

.yida-resource-rail__inner {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.yida-resource-rail__label {
  font-size: 0.75rem;
  font-weight: 700;
  color: #64748b;
  letter-spacing: 0.03em;
}

.yida-resource-rail__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.yida-resource-rail__links a {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #475569;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  text-decoration: none;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.yida-resource-rail__links a:hover {
  background: #ecfdf5;
  color: #047857;
  border-color: rgba(16, 185, 129, 0.35);
}

.yida-resource-rail__links a.is-active {
  background: #10b981;
  color: #fff !important;
  border-color: #10b981;
}

.yida-facts {
  background: #fff;
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 1rem;
  padding: 1.25rem 1.5rem;
  margin: 1.5rem 0;
}

.yida-facts__title {
  font-size: 1rem;
  font-weight: 700;
  color: #047857;
  margin-bottom: 0.75rem;
}

.yida-facts__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem 1.25rem;
}

@media (max-width: 639px) {
  .yida-facts__grid {
    grid-template-columns: 1fr;
  }
}

.yida-facts dt {
  font-size: 0.75rem;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.yida-facts dd {
  font-size: 0.9375rem;
  color: #1e293b;
  margin: 0.15rem 0 0;
}

.yida-facts dd a {
  color: #047857;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.yida-facts__note {
  margin-top: 0.85rem;
  font-size: 0.8125rem;
  color: #64748b;
}

body.yida-page .organic-snippet:not(.organic-snippet--dismissed) {
  background: #ecfdf5;
  border-color: rgba(16, 185, 129, 0.25);
  color: #064e3b;
}

body.yida-page .organic-snippet__lead {
  color: #065f46 !important;
}

body.yida-page .yida-hero-light {
  background: linear-gradient(135deg, #ecfdf5 0%, #f8fafc 55%, #fff 100%);
  border-bottom: 1px solid #e5e7eb;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

body.yida-page .yida-hero-light h1 {
  font-size: clamp(1.75rem, 4.5vw, 2.5rem) !important;
  color: #111827 !important;
}

body.yida-page :is(main, section) h1 {
  font-size: clamp(1.5rem, 3.5vw, 2.25rem) !important;
  line-height: 1.25 !important;
}

body.yida-page :is(main, section) h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem) !important;
}

body.yida-page :is(main, section) p,
body.yida-page :is(main, section) li {
  font-size: clamp(0.9375rem, 2vw, 1.0625rem) !important;
  line-height: 1.65 !important;
}

body.yida-page .yida-community-grid a {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  color: #374151 !important;
}

body.yida-page .yida-community-grid a:hover {
  border-color: #10b981 !important;
  color: #047857 !important;
}

@media (max-width: 767px) {
  body.yida-page .resource-card,
  body.yida-page .trouble-card,
  body.yida-page .glassmorphism {
    padding: 1rem !important;
  }
}

/* ── v20260720d：首页风统一色 + 深色遗留块 ── */
body.yida-page :is(main, section) .text-slate-300 {
  color: #64748b !important;
}

body.yida-page :is(main, section) [class*="bg-emerald-900"],
body.yida-page :is(main, section) [class*="bg-emerald-900/30"],
body.yida-page :is(main, section) [class*="bg-emerald-900\\/30"] {
  background: #ecfdf5 !important;
  border-color: #a7f3d0 !important;
}

body.yida-page :is(main, section) [class*="bg-emerald-900"] .text-white,
body.yida-page :is(main, section) [class*="bg-emerald-900"] p {
  color: #475569 !important;
}

body.yida-page :is(main, section) [class*="from-yellow-500/20"],
body.yida-page :is(main, section) [class*="from-yellow-500\\/20"],
body.yida-page :is(main, section) [class*="from-blue-500/20"],
body.yida-page :is(main, section) [class*="from-blue-500\\/20"],
body.yida-page :is(main, section) [class*="from-purple-500/20"],
body.yida-page :is(main, section) [class*="from-purple-500\\/20"] {
  background: #fff !important;
  border: 1px solid #d1fae5 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
}

body.yida-page :is(main, section) [class*="from-yellow-500"] .text-yellow-400,
body.yida-page :is(main, section) [class*="from-purple-500"] .text-purple-400 {
  color: #047857 !important;
}

body.yida-page :is(main, section) [class*="from-emerald-500/10"][class*="to-blue-500"],
body.yida-page :is(main, section) [class*="from-emerald-500\\/10"] {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

body.yida-page :is(main, section) [class*="from-emerald-500/10"] .text-purple-400,
body.yida-page :is(main, section) [class*="from-emerald-500/10"] .text-orange-400 {
  color: #047857 !important;
}

body.yida-page :is(main, section) [class*="from-blue-500/10"] {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

body.yida-page :is(main, section) span[class*="rounded-full"].text-yellow-300 {
  color: #92400e !important;
  background: #fffbeb !important;
  border-color: #fde68a !important;
}

body.yida-page :is(main, section) [class*="bg-red-500/20"] {
  background: #fef2f2 !important;
  border-color: #fecaca !important;
}

body.yida-page :is(main, section) .border-red-500 {
  border-color: #fecaca !important;
}

body.yida-page :is(main, section) .text-red-400.text-xl {
  color: #dc2626 !important;
}

/* 检验区彩色底 → 白卡 */
body.yida-page :is(main, section) [class*="from-blue-500/10"],
body.yida-page :is(main, section) [class*="from-purple-500/10"] {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
}

body.yida-page :is(main, section) .rounded-full.bg-blue-500,
body.yida-page :is(main, section) .rounded-full.bg-purple-500,
body.yida-page :is(main, section) .rounded-full.bg-emerald-500 {
  color: #fff !important;
}

body.yida-page :is(main, section) a.bg-emerald-600.text-white,
body.yida-page :is(main, section) a[class*="bg-emerald-600"] {
  color: #fff !important;
}

/* v20260720e · 排查页 / FAQ 内联暗色类覆盖 */
body.yida-page .trouble-card {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}
body.yida-page .trouble-card .symptom,
body.yida-page .trouble-card .step-list,
body.yida-page .trouble-card li {
  color: #334155 !important;
}

body.yida-page .trouble-card h3 {
  color: #065f46 !important;
}

body.yida-page .trouble-card .symptom strong {
  color: #dc2626 !important;
}

body.yida-page .faq details {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
}

body.yida-page .faq summary {
  color: #065f46 !important;
}

body.yida-page .faq .body {
  color: #475569 !important;
}

body.yida-page .code-inline {
  background: #f1f5f9 !important;
  color: #047857 !important;
}

body.yida-page .warn-box {
  background: #fffbeb !important;
  border-color: #fde68a !important;
  color: #92400e !important;
}

body.yida-page .scenario-box h4 {
  color: #047857 !important;
}

body.yida-page .path-tag {
  color: #1e40af !important;
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
}

body.yida-page .err-tag {
  color: #b91c1c !important;
  background: #fef2f2 !important;
  border-color: #fecaca !important;
}

body.yida-page [class*="bg-sky-900"],
body.yida-page [class*="bg-violet-900"] {
  background: #ecfdf5 !important;
  border-color: #a7f3d0 !important;
}

body.yida-page [class*="bg-sky-900"] h3,
body.yida-page [class*="bg-violet-900"] h3,
body.yida-page [class*="bg-sky-900"] p,
body.yida-page [class*="bg-violet-900"] p {
  color: #334155 !important;
}

body.yida-page [class*="bg-sky-900"] .text-emerald-300,
body.yida-page [class*="bg-violet-900"] .text-emerald-300 {
  color: #047857 !important;
}

/* v20260720f · 管理员/角色页：去深灰内盒 + 浅字可读 + 统一白卡 */
body.yida-page section[class*="bg-slate-900"],
body.yida-page section[class*="bg-slate-800"] {
  background: #f1f5f9 !important;
}

body.yida-page section [class*="bg-slate-800"],
body.yida-page section [class*="bg-slate-900"]:not(header):not(nav) {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #334155 !important;
}

body.yida-page section [class*="bg-slate-800"] *,
body.yida-page section [class*="bg-slate-800"] li,
body.yida-page section [class*="bg-slate-800"] p,
body.yida-page section [class*="bg-slate-800"] span,
body.yida-page section [class*="bg-slate-800"] strong {
  color: #334155 !important;
}

body.yida-page section .text-gray-200,
body.yida-page section .text-gray-300 {
  color: #475569 !important;
}

body.yida-page section .resource-card h2,
body.yida-page section .resource-card h3,
body.yida-page section .resource-card h4 {
  color: #0f172a !important;
}

body.yida-page section .resource-card ul.text-white,
body.yida-page section .resource-card ul.text-white li,
body.yida-page section .resource-card p.text-white {
  color: #475569 !important;
}

/* 彩色半透明条 → 白底 + 左侧色条（管理员运维/审计区） */
body.yida-page section [class*="from-red-500/10"],
body.yida-page section [class*="from-orange-500/10"],
body.yida-page section [class*="from-yellow-500/10"],
body.yida-page section [class*="from-purple-500/10"],
body.yida-page section [class*="from-blue-500/10"],
body.yida-page section [class*="from-emerald-500/10"],
body.yida-page section [class*="bg-red-500/10"],
body.yida-page section [class*="bg-orange-500/10"],
body.yida-page section [class*="bg-yellow-500/10"],
body.yida-page section [class*="bg-purple-500/10"],
body.yida-page section [class*="bg-blue-500/10"],
body.yida-page section [class*="bg-emerald-500/10"] {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}

body.yida-page section [class*="from-red-500"],
body.yida-page section [class*="bg-red-500/10"] {
  border-left: 4px solid #f87171 !important;
}

body.yida-page section [class*="from-orange-500"],
body.yida-page section [class*="bg-orange-500/10"] {
  border-left: 4px solid #fb923c !important;
}

body.yida-page section [class*="from-yellow-500"],
body.yida-page section [class*="bg-yellow-500/10"] {
  border-left: 4px solid #fbbf24 !important;
}

body.yida-page section [class*="from-purple-500"],
body.yida-page section [class*="bg-purple-500/10"] {
  border-left: 4px solid #a78bfa !important;
}

body.yida-page section [class*="from-blue-500"],
body.yida-page section [class*="bg-blue-500/10"] {
  border-left: 4px solid #60a5fa !important;
}

body.yida-page section [class*="from-emerald-500/10"]:not([class*="border-2"]) {
  border-left: 4px solid #34d399 !important;
}

body.yida-page section [class*="border-2"][class*="border-blue-500"],
body.yida-page section [class*="border-2"][class*="border-purple-500"],
body.yida-page section [class*="border-2"][class*="border-emerald-500"],
body.yida-page section [class*="border-2"][class*="border-red-500"],
body.yida-page section [class*="border-2"][class*="border-orange-500"],
body.yida-page section [class*="border-2"][class*="border-yellow-500"] {
  border-width: 1px !important;
  border-color: #e2e8f0 !important;
}

body.yida-page section label span {
  color: #334155 !important;
}

body.yida-page section .text-sky-300,
body.yida-page section .text-violet-300 {
  color: #047857 !important;
}

body.yida-page section .text-orange-400,
body.yida-page section .text-yellow-400 {
  color: #b45309 !important;
}

body.yida-page section .text-blue-300 {
  color: #2563eb !important;
}

body.yida-page section .text-emerald-300 {
  color: #047857 !important;
}

body.yida-page .resource-card h2.text-white,
body.yida-page .resource-card h3.text-white {
  color: #065f46 !important;
}

/* v20260720g · 提示框 / 徽章 / 子卡正文对比度（浅底深字） */
body.yida-page section .text-yellow-300,
body.yida-page section [class*="bg-yellow-500/10"] p,
body.yida-page section [class*="bg-yellow-500/10"] strong {
  color: #92400e !important;
}

body.yida-page section [class*="bg-yellow-500/10"] {
  background: #fffbeb !important;
  border-color: #fbbf24 !important;
}

body.yida-page section .text-orange-300 {
  color: #c2410c !important;
}

body.yida-page section .text-emerald-200 {
  color: #065f46 !important;
}

body.yida-page section .text-amber-300 {
  color: #b45309 !important;
}

body.yida-page section [class*="from-blue-500/10"] .text-gray-300,
body.yida-page section [class*="from-purple-500/10"] .text-gray-300,
body.yida-page section [class*="from-emerald-500/10"] .text-gray-300,
body.yida-page section [class*="from-blue-500/10"] li,
body.yida-page section [class*="from-purple-500/10"] li,
body.yida-page section [class*="from-blue-500/10"] span,
body.yida-page section [class*="from-purple-500/10"] span {
  color: #334155 !important;
}

body.yida-page section [class*="from-blue-500/10"] h3,
body.yida-page section [class*="from-purple-500/10"] h3,
body.yida-page section [class*="from-emerald-500/10"] h3,
body.yida-page section [class*="from-blue-500/10"] h4,
body.yida-page section [class*="from-purple-500/10"] h4 {
  color: #0f172a !important;
}

body.yida-page section .resource-card > p.text-gray-300,
body.yida-page section .resource-card > p.text-center.text-gray-300 {
  color: #64748b !important;
}

body.yida-page section [class*="bg-emerald-500/10"] .text-emerald-300,
body.yida-page section [class*="bg-emerald-500/10"] p {
  color: #065f46 !important;
}

body.yida-page section [class*="bg-emerald-500/10"] {
  background: #ecfdf5 !important;
  border-color: #6ee7b7 !important;
}