/* 弘文 · 首页装饰层
   只作用于落地页，颜色全部派生自 --primary，
   所以后台「主题设置」里切任何预设，首页都跟着走。 */

h1 span.bg-clip-text {
  background-image: linear-gradient(
    100deg,
    color-mix(in oklab, var(--primary) 58%, white) 0%,
    var(--primary) 48%,
    color-mix(in oklab, var(--primary) 82%, black) 100%
  ) !important;
  color: transparent !important;
}

/* 首页顶部胶囊徽标：原来的蓝色写死了，收回主题色 */
[class*="border-blue-500/20"] {
  border-color: color-mix(in oklab, var(--primary) 26%, transparent) !important;
  background-color: color-mix(in oklab, var(--primary) 8%, transparent) !important;
  color: var(--primary) !important;
}
[class*="border-blue-500/20"] [class*="bg-blue-"] {
  background-color: var(--primary) !important;
}

/* 背景光斑：原来是蓝紫色写死的两层径向渐变 */
[class*="-z-10"][class*="opacity-"] {
  background-image:
    radial-gradient(60% 50% at 20% 20%, color-mix(in oklab, var(--primary) 22%, transparent) 0%, transparent 70%),
    radial-gradient(50% 45% at 78% 65%, color-mix(in oklab, var(--primary) 12%, transparent) 0%, transparent 72%) !important;
}

html.dark [class*="-z-10"][class*="opacity-"] {
  background-image:
    radial-gradient(60% 50% at 20% 20%, color-mix(in oklab, var(--primary) 30%, transparent) 0%, transparent 70%),
    radial-gradient(50% 45% at 78% 65%, color-mix(in oklab, var(--primary) 16%, transparent) 0%, transparent 72%) !important;
}

html.dark h1 span.bg-clip-text {
  background-image: linear-gradient(
    100deg,
    color-mix(in oklab, var(--primary) 70%, white) 0%,
    var(--primary) 50%,
    color-mix(in oklab, var(--primary) 85%, black) 100%
  ) !important;
}
