/* 低碳顶栏 · lcee-learn / lcee-chapter / experiment?fire=1&lcee=1 */

/* 窗口控件 · 与 tokens.css / lcee 首页一致（勿用 fire-page 绿皮） */
body.lcee-line .win {
  background: radial-gradient(100% 100% at 50% 0%, #365ba4 0%, #02266d 100%);
  box-shadow: inset 1px 0 2px rgba(121, 191, 249, 0.6);
  animation: lcee-win-in 0.55s 0.05s cubic-bezier(0.22, 1, 0.36, 1) both;
}

body.lcee-line .win__min {
  background: #b2becc;
}

body.lcee-line .win__max {
  border-color: #b2becc;
}

body.lcee-line .win__close path {
  fill: #b2becc;
}

body.lcee-line .win__btn:hover {
  background: rgba(121, 191, 249, 0.18);
}

/* 知识卡片 · 查看详情 · assets/lcee/kcard-detail-bg.svg */
body.lcee-line .fire-kcard__detail {
  background: transparent url("../assets/lcee/kcard-detail-bg.svg") center / 100% 100% no-repeat;
}

body.lcee-line .fire-kcard__detail:hover {
  filter: brightness(1.12);
}

.lcee-learn-page .top,
body.lcee-line .top {
  background: #1d2534;
}

.lcee-learn-page .top__bg,
body.lcee-line .top__bg {
  object-fit: fill;
}

.lcee-learn-page .brand__back svg path,
body.lcee-line .brand__back svg path {
  fill: #ffffff;
}

.lcee-learn-page .brand__back:hover,
body.lcee-line .brand__back:hover {
  filter: brightness(1.12) drop-shadow(0 0 8px rgba(186, 224, 255, 0.45));
}

.lcee-learn-page .back-home,
body.lcee-line .back-home {
  transition: filter 0.25s ease, transform 0.25s ease;
}

.lcee-learn-page .back-home__inner,
body.lcee-line .back-home__inner {
  color: rgba(249, 252, 255, 0.96);
  text-shadow: 0 0 10px rgba(87, 178, 227, 0.22);
}

.lcee-learn-page .back-home:hover,
body.lcee-line .back-home:hover {
  filter: brightness(1.1) drop-shadow(0 0 14px rgba(99, 234, 255, 0.38));
  transform: translateY(-1px);
}

.lcee-learn-page .back-home:hover .back-home__bg,
body.lcee-line .back-home:hover .back-home__bg {
  filter: brightness(1.06);
}

.lcee-learn-page .back-home:hover .back-home__inner,
body.lcee-line .back-home:hover .back-home__inner {
  color: #ffffff;
  text-shadow: 0 0 12px rgba(99, 234, 255, 0.45);
}

.lcee-learn-page .back-home:focus-visible,
body.lcee-line .back-home:focus-visible {
  outline: 2px solid rgba(99, 234, 255, 0.55);
  outline-offset: 3px;
  border-radius: 2px;
}