/* Koko 导航 — Glance 自定义样式（经 document.head 全局注入，对所有主题生效） */

/* ---------- 壁纸：仅亮色主题生效，暗色 preset 自动回退纯色 ---------- */
html[data-scheme="light"] body {
  background-image:
    linear-gradient(hsl(220 23% 95% / 0.70), hsl(220 23% 96% / 0.78)),
    url("/assets/wallpaper.jpg");
  background-size: cover;
  background-position: center 30%;
  background-attachment: fixed;
}

/* 亮色下卡片磨砂化，配合壁纸保证可读性 */
html[data-scheme="light"] .widget {
  background-color: hsl(var(--color-widget-background-hsl-values) / 0.88);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* ---------- 书签：名称与描述拉开层级 ---------- */
.bookmarks-link {
  font-weight: 600;
  font-size: 1.02rem;
  letter-spacing: 0.01em;
  transition: color 0.15s ease;
}

/* 描述行（li 内第二个、非 flex 的 div） */
.widget-type-bookmarks li > div:not(.flex) {
  color: var(--color-text-subdue);
  font-size: 0.78rem;
  line-height: 1.35;
}

/* ---------- 克制动效 ---------- */
/* 卡片进场：轻微上浮淡入，按序错落 */
.widget {
  animation: glance-fade-up 0.35s ease both;
}
.widget:nth-of-type(2) { animation-delay: 0.04s; }
.widget:nth-of-type(3) { animation-delay: 0.08s; }
.widget:nth-of-type(4) { animation-delay: 0.12s; }
.widget:nth-of-type(5) { animation-delay: 0.16s; }
.widget:nth-of-type(6) { animation-delay: 0.20s; }

@keyframes glance-fade-up {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* 书签行 hover：轻位移提示可点击 */
.widget-type-bookmarks li {
  transition: transform 0.15s ease;
  border-radius: var(--border-radius);
}
.widget-type-bookmarks li:hover {
  transform: translateX(3px);
}
.bookmarks-link:hover {
  color: var(--color-primary);
}

/* 尊重系统减弱动效设置 */
@media (prefers-reduced-motion: reduce) {
  .widget { animation: none; }
  .widget-type-bookmarks li { transition: none; }
}