/* 墨泉 Inkwell — 卡片 / 顶栏表面风格 */

body.theme-inkwell {
  --ink-glass-blur: 16px;
  --ink-glass-opacity: 0.78;
  --ink-glass-border: rgba(255, 255, 255, 0.42);
  --ink-glass-shadow: 0 4px 24px rgba(15, 23, 42, 0.08);
}

body.theme-inkwell.ink-glass-soft {
  --ink-glass-blur: 10px;
  --ink-glass-opacity: 0.82;
}

body.theme-inkwell.ink-glass-medium {
  --ink-glass-blur: 16px;
  --ink-glass-opacity: 0.78;
}

body.theme-inkwell.ink-glass-strong {
  --ink-glass-blur: 24px;
  --ink-glass-opacity: 0.68;
}

[data-theme="dark"] body.theme-inkwell {
  --ink-glass-border: rgba(255, 255, 255, 0.1);
  --ink-glass-shadow: 0 4px 28px rgba(0, 0, 0, 0.35);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) body.theme-inkwell {
    --ink-glass-border: rgba(255, 255, 255, 0.1);
    --ink-glass-shadow: 0 4px 28px rgba(0, 0, 0, 0.35);
  }
}

body.theme-inkwell.ink-surface-glass :is(
  .feed-card,
  .ink-widget:not(.ink-motto),
  .ink-article,
  .ink-event-timeline-wrap,
  .ink-page-intro,
  .ink-search-hero,
  .ink-events-page-head,
  .ink-index-hot,
  .related-card,
  .ink-toc,
  .comment-form,
  .ink-author-card
) {
  background: color-mix(in srgb, var(--color-surface) calc(var(--ink-glass-opacity) * 100%), transparent);
  backdrop-filter: blur(var(--ink-glass-blur));
  -webkit-backdrop-filter: blur(var(--ink-glass-blur));
  border: 1px solid var(--ink-glass-border);
  box-shadow: var(--ink-glass-shadow);
}

body.theme-inkwell.ink-surface-glass .feed-card:hover,
body.theme-inkwell.ink-surface-glass .related-card:hover {
  box-shadow: var(--shadow-hover);
}

body.theme-inkwell.ink-surface-glass .ink-hero {
  border: 1px solid var(--ink-glass-border);
  box-shadow: var(--ink-glass-shadow);
}

/* 实底 + 加强阴影 */
body.theme-inkwell.ink-surface-elevated :is(
  .feed-card,
  .ink-widget:not(.ink-motto),
  .ink-article,
  .ink-event-timeline-wrap,
  .ink-page-intro,
  .ink-search-hero,
  .ink-index-hot,
  .related-card
) {
  box-shadow: 0 6px 28px rgba(15, 23, 42, 0.1);
  border: 1px solid color-mix(in srgb, var(--color-border) 80%, transparent);
}

[data-theme="dark"] body.theme-inkwell.ink-surface-elevated :is(
  .feed-card,
  .ink-widget:not(.ink-motto),
  .ink-article,
  .ink-event-timeline-wrap,
  .related-card
) {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) body.theme-inkwell.ink-surface-elevated :is(
    .feed-card,
    .ink-widget:not(.ink-motto),
    .ink-article,
    .ink-event-timeline-wrap,
    .related-card
  ) {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
  }
}

/* 顶栏毛玻璃 */
body.theme-inkwell.ink-header-glass .ink-header {
  background: color-mix(in srgb, var(--color-surface) 72%, transparent);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--ink-glass-border);
  box-shadow: none;
}

body.theme-inkwell.ink-header-glass.is-header-fixed .ink-header {
  box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
}

[data-theme="dark"] body.theme-inkwell.ink-header-glass .ink-header {
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) body.theme-inkwell.ink-header-glass .ink-header {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
  }
}

/* 悬浮工具栏与毛玻璃统一 */
body.theme-inkwell.ink-surface-glass .ink-tool-item {
  background: color-mix(in srgb, var(--color-surface) calc(var(--ink-glass-opacity) * 100%), transparent);
  backdrop-filter: blur(var(--ink-glass-blur));
  -webkit-backdrop-filter: blur(var(--ink-glass-blur));
  border: 1px solid var(--ink-glass-border);
}

body.theme-inkwell.ink-surface-glass .ink-tool-popup {
  background: color-mix(in srgb, var(--color-surface) calc(var(--ink-glass-opacity) * 100%), transparent);
  backdrop-filter: blur(var(--ink-glass-blur));
  -webkit-backdrop-filter: blur(var(--ink-glass-blur));
}

@supports not (backdrop-filter: blur(1px)) {
  body.theme-inkwell.ink-surface-glass :is(
    .feed-card,
    .ink-widget:not(.ink-motto),
    .ink-article,
    .ink-event-timeline-wrap
  ) {
    background: var(--color-surface);
  }

  body.theme-inkwell.ink-header-glass .ink-header {
    background: var(--color-surface);
  }
}

/* 时间轴内条目与外层 wrap 一体，不再嵌套独立卡片底 */
body.theme-inkwell.ink-surface-glass .ink-event-timeline-wrap .ink-event-card,
body.theme-inkwell.ink-surface-elevated .ink-event-timeline-wrap .ink-event-card {
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: none;
  box-shadow: none;
}