body:not(.theme-neon) {
  background:
    radial-gradient(circle at top, rgba(34, 197, 94, 0.06), transparent 26%),
    linear-gradient(180deg, #f2fffb 0%, #f7fbfd 100%);
}

body:not(.theme-neon) .hero-band--mint {
  background:
    radial-gradient(circle at 12% 8%, rgba(58, 230, 189, 0.18), transparent 24%),
    radial-gradient(circle at 88% 16%, rgba(43, 208, 255, 0.16), transparent 22%),
    linear-gradient(180deg, #effff9 0%, #daf8ee 54%, #e8f7f5 100%);
}

body:not(.theme-neon) .hero-band--mint .hero-band__text h1,
body:not(.theme-neon) .hero-band--mint .hero-band__text p,
body:not(.theme-neon) .ktpl-hero-line h1,
body:not(.theme-neon) .ktpl-hero-line p {
  color: #0f172a;
}

body:not(.theme-neon) .hero-band--mint .hero-band__text p,
body:not(.theme-neon) .ktpl-hero-line p {
  color: #0d6d69;
  opacity: 0.96;
  font-weight: 800;
}

body:not(.theme-neon) .hero-band__inner::before {
  content: "";
  position: absolute;
  inset: 8px 0;
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.14)),
    radial-gradient(circle at top left, rgba(34, 197, 94, 0.12), transparent 30%);
  border: 1px solid rgba(15, 118, 110, 0.08);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 22px 44px rgba(15, 118, 110, 0.08);
  pointer-events: none;
}

body:not(.theme-neon) .hero-band__text {
  position: relative;
  z-index: 1;
}

body:not(.theme-neon) .hero-band__back,
body:not(.theme-neon) .hero-back-btn {
  background: rgba(255, 255, 255, 0.94);
  color: #0f766e;
  border: 2px solid rgba(15, 118, 110, 0.26);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
}

body:not(.theme-neon) .lesson-title--pill {
  color: #0f172a;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(240, 255, 250, 0.72));
  border-color: rgba(15, 118, 110, 0.16);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

body:not(.theme-neon) .subject-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 255, 252, 0.96) 100%);
  border: 1px solid rgba(15, 118, 110, 0.12);
  box-shadow:
    0 22px 44px rgba(13, 118, 110, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.65);
  color: #0f172a;
}

body:not(.theme-neon) .subject-card::before {
  background:
    radial-gradient(circle at top left, rgba(56, 189, 248, 0.16), transparent 58%),
    linear-gradient(180deg, rgba(15, 118, 110, 0.08), transparent);
}

body:not(.theme-neon) .subject-card::after {
  background: radial-gradient(circle, rgba(45, 212, 191, 0.22), transparent 68%);
}

body:not(.theme-neon) .subject-card h2,
body:not(.theme-neon) .subject-card h3,
body:not(.theme-neon) .subject-card p,
body:not(.theme-neon) .subject-card small,
body:not(.theme-neon) .subject-subtitle,
body:not(.theme-neon) .subject-meta {
  color: #0f172a;
}

body:not(.theme-neon) .subject-card h2,
body:not(.theme-neon) .subject-card h3 {
  color: #0b3d3a;
}

body:not(.theme-neon) .subject-meta,
body:not(.theme-neon) .lesson-content p,
body:not(.theme-neon) .lesson-content li,
body:not(.theme-neon) .lesson-content td,
body:not(.theme-neon) .lesson-content th,
body:not(.theme-neon) .lesson-content small,
body:not(.theme-neon) .lesson-content span,
body:not(.theme-neon) .caption {
  color: #334155;
}

body:not(.theme-neon) .subject-card .btn {
  color: #ffffff;
  background: linear-gradient(135deg, #1ab4a3, #0f766e);
  box-shadow: 0 16px 28px rgba(15, 118, 110, 0.24);
}

body:not(.theme-neon) .subject-card:hover {
  border-color: rgba(15, 118, 110, 0.22);
  box-shadow:
    0 28px 52px rgba(13, 118, 110, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

body:not(.theme-neon) .btn-ghost-sm {
  color: #0f766e;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(15, 118, 110, 0.24);
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.06);
}

body:not(.theme-neon) .lesson-content {
  background:
    radial-gradient(circle at top right, rgba(45, 212, 191, 0.08), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 253, 255, 0.98) 100%);
  border: 1px solid rgba(15, 118, 110, 0.12);
  box-shadow:
    0 28px 62px rgba(15, 23, 42, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.66);
  color: #0f172a;
}

body:not(.theme-neon) .lesson-content::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 110px;
  background: linear-gradient(180deg, rgba(15, 118, 110, 0.05), transparent);
  pointer-events: none;
}

body:not(.theme-neon) .lesson-content h2,
body:not(.theme-neon) .lesson-content h3,
body:not(.theme-neon) .lesson-content h4 {
  color: #0f172a;
}

body:not(.theme-neon) .lesson-content h2::before {
  background: linear-gradient(135deg, #dcfff7, #b8f5e6);
  color: #0d6d69;
  border: 1px solid rgba(15, 118, 110, 0.18);
  box-shadow:
    0 14px 28px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

body:not(.theme-neon) .lesson-content h3::before {
  background: linear-gradient(135deg, rgba(15, 118, 110, 0.1), rgba(59, 130, 246, 0.12));
  color: #0f766e;
  border: 1px solid rgba(15, 118, 110, 0.16);
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.06);
}

body:not(.theme-neon) .lesson-content li::marker {
  color: #16b8a6;
}

body:not(.theme-neon) .lesson-content a,
body:not(.theme-neon) .term,
body:not(.theme-neon) .lesson-content strong,
body:not(.theme-neon) .de-bai__title {
  color: #0f766e;
}

body:not(.theme-neon) .lesson-content em {
  color: #0f172a;
}

body:not(.theme-neon) .note,
body:not(.theme-neon) .warning,
body:not(.theme-neon) .tip,
body:not(.theme-neon) .definition,
body:not(.theme-neon) .example,
body:not(.theme-neon) blockquote,
body:not(.theme-neon) .de-bai {
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06);
}

body:not(.theme-neon) .definition,
body:not(.theme-neon) .example,
body:not(.theme-neon) blockquote {
  background: linear-gradient(180deg, rgba(248, 251, 253, 0.98), rgba(241, 249, 252, 0.98));
  border-color: rgba(203, 213, 225, 0.86);
}

body:not(.theme-neon) .note {
  background: linear-gradient(180deg, #ecfdf5, #e7fff6);
  border-color: rgba(74, 222, 128, 0.24);
}

body:not(.theme-neon) .tip {
  background: linear-gradient(180deg, #eef6ff, #eaf2ff);
  border-color: rgba(96, 165, 250, 0.22);
}

body:not(.theme-neon) .warning {
  background: linear-gradient(180deg, #fff7ed, #fff0dd);
  border-color: rgba(245, 158, 11, 0.26);
}

body:not(.theme-neon) .de-bai {
  background: linear-gradient(180deg, #f2fffb, #ebfffa);
  border-color: rgba(15, 118, 110, 0.18);
}

body:not(.theme-neon) .lesson-content table,
body:not(.theme-neon) .lesson-content .ktpl-data-table {
  background: linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);
  border: 1px solid rgba(15, 118, 110, 0.14);
  box-shadow: 0 18px 32px rgba(15, 23, 42, 0.08);
}

body:not(.theme-neon) .lesson-content thead th {
  background: linear-gradient(180deg, rgba(15, 118, 110, 0.12), rgba(15, 118, 110, 0.18));
  color: #0f172a;
  border-bottom: 1px solid rgba(15, 118, 110, 0.16);
}

body:not(.theme-neon) .lesson-content td {
  color: #1f2937;
  background: #ffffff;
  border-top: 1px solid rgba(226, 232, 240, 0.95);
}

body:not(.theme-neon) .lesson-content tbody tr:nth-child(even) td {
  background: #f8fafc;
}

body:not(.theme-neon) .lesson-content tbody tr:hover td {
  background: rgba(236, 253, 245, 0.9);
}

body:not(.theme-neon) pre {
  background: #071423;
  color: #eff8ff;
}