/* 阅灵 · 全站统一色谱（organism #FFB6C1 + #4A90E2） */

:root {
  --yueling-blue: #4A90E2;
  --yueling-blue-light: #8EB8F0;
  --yueling-blue-pale: #D8E6F8;
  --yueling-pink: #FFB6C1;
  --yueling-pink-light: #FFD4DC;
  --yueling-white: #F5F5F7;
  --yueling-blue-soft: rgba(74, 144, 226, .12);
  --yueling-pink-soft: rgba(255, 182, 193, .14);
  --yueling-gradient: linear-gradient(
    165deg,
    #4A90E2 0%,
    #7EB0EA 16%,
    #D8E6F8 34%,
    #F5F5F7 50%,
    #FFF5F7 68%,
    #FFD4DC 84%,
    #FFB6C1 100%
  );
  --yueling-gradient-soft: linear-gradient(
    135deg,
    rgba(74, 144, 226, .1) 0%,
    rgba(255, 255, 255, .92) 42%,
    rgba(255, 182, 193, .12) 100%
  );
  --yueling-sidebar-nav-active: linear-gradient(
    90deg,
    rgba(255, 255, 255, .96) 0%,
    rgba(232, 241, 251, .82) 18%,
    rgba(255, 245, 248, .48) 48%,
    rgba(255, 245, 248, .14) 72%,
    rgba(255, 245, 248, 0) 100%
  );
  --yueling-sidebar-nav-active-border: rgba(255, 255, 255, .55);
  --yueling-sidebar-nav-active-shadow:
    inset 3px 0 0 var(--yueling-blue),
    inset 0 1px 0 rgba(255, 255, 255, .82),
    0 4px 16px rgba(74, 144, 226, .1);
  --yueling-sidebar-bg: linear-gradient(
    180deg,
    rgba(255, 255, 255, .94) 0%,
    rgba(232, 241, 251, .9) 46%,
    rgba(255, 245, 248, .88) 100%
  );
  --yueling-toolbar-bg: linear-gradient(
    180deg,
    rgba(255, 255, 255, .9) 0%,
    rgba(240, 246, 253, .84) 100%
  );
}

/* ── 三相灵境 · 全分区统一 token ── */
body[data-theme="triad"],
body[data-theme="triad"][data-triad-zone="realm"],
body[data-theme="triad"][data-triad-zone="chat"],
body[data-theme="triad"][data-triad-zone="bookshelf"],
body[data-theme="triad"][data-triad-zone="memory"] {
  --bg-primary: transparent;
  --bg-secondary: rgba(255, 255, 255, .82);
  --text-primary: #1D1D1F;
  --text-secondary: #86868B;
  --text-muted: #86868B;
  --text-light: #A1A1A6;
  --text-tertiary: #A1A1A6;
  --accent: var(--yueling-blue);
  --accent-soft: var(--yueling-blue-soft);
  --accent-pink: var(--yueling-pink);
  --accent-pink-soft: var(--yueling-pink-soft);
  --border: rgba(74, 144, 226, .08);
  --border-light: rgba(74, 144, 226, .06);
  --border-active: rgba(74, 144, 226, .32);
  --shadow: 0 8px 32px rgba(74, 144, 226, .08);
  --shadow-subtle: 0 2px 12px rgba(74, 144, 226, .05);
  --shadow-float: 0 12px 40px rgba(74, 144, 226, .12);
  --glass-bg: rgba(255, 255, 255, .78);
  --glass-border: rgba(74, 144, 226, .08);
  --pill-bg: rgba(232, 241, 251, .85);
  --pill-active: #FFFFFF;
  --recording-red: var(--yueling-blue);
}

/* ── 侧栏 · 白蓝渐变 ── */
body[data-theme="triad"] .sidebar {
  background: var(--yueling-sidebar-bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-right: 1px solid rgba(74, 144, 226, .1);
  box-shadow: 2px 0 24px rgba(74, 144, 226, .04);
}

body[data-theme="triad"] .sidebar-header,
body[data-theme="triad"] .sidebar-footer {
  border-color: rgba(74, 144, 226, .08);
}

body[data-theme="triad"] .sidebar-nav-btn {
  position: relative;
  z-index: 1;
  overflow: visible;
}

body[data-theme="triad"] .sidebar-nav-indicator {
  background: var(--yueling-sidebar-nav-active);
  border: 1px solid transparent;
  border-left-color: rgba(255, 255, 255, .72);
  box-shadow: var(--yueling-sidebar-nav-active-shadow);
}

body[data-theme="triad"] .sidebar-nav-indicator::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    rgba(74, 144, 226, .16) 0%,
    rgba(74, 144, 226, .07) 22%,
    rgba(255, 182, 193, .05) 40%,
    transparent 68%
  );
  pointer-events: none;
}

body[data-theme="triad"] .sidebar-nav-btn:hover:not(.active) {
  background: rgba(255, 255, 255, .42);
  border-color: rgba(74, 144, 226, .1);
  color: var(--yueling-blue);
  box-shadow: none;
}

body[data-theme="triad"] .sidebar-nav-btn.active {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-color: transparent !important;
  color: #1D1D1F;
  font-weight: 600;
  box-shadow: none !important;
}

body[data-theme="triad"] .sidebar-nav-btn.active::before {
  display: none;
}

body[data-theme="triad"] .sidebar-nav-btn.active svg {
  color: var(--yueling-blue);
  opacity: 1;
  position: relative;
  z-index: 1;
}

body[data-theme="triad"] .sidebar-nav-btn.active .sidebar-nav-label {
  position: relative;
  z-index: 1;
}

body[data-theme="triad"] .sidebar-foot-btn {
  background: rgba(255, 255, 255, .72);
  border-color: rgba(74, 144, 226, .1);
}

body[data-theme="triad"] .sidebar-foot-btn:hover {
  border-color: rgba(74, 144, 226, .28);
  color: var(--yueling-blue);
  background: var(--yueling-blue-soft);
}

body[data-theme="triad"] .music-now-sidebar {
  display: none !important;
}

/* ── 书册 / 记忆河 · 侧栏与顶栏融入背景，仅留浅分隔线 ── */
body[data-theme="triad"][data-triad-zone="bookshelf"] .sidebar,
body[data-theme="triad"][data-triad-zone="bookshelf"] .home-toolbar,
body[data-theme="triad"][data-triad-zone="bookshelf"] .home-shell,
body[data-theme="triad"][data-triad-zone="memory"] .sidebar,
body[data-theme="triad"][data-triad-zone="memory"] .home-toolbar,
body[data-theme="triad"][data-triad-zone="memory"] .home-shell {
  background: transparent !important;
  box-shadow: none !important;
}

body[data-theme="triad"][data-triad-zone="bookshelf"] .sidebar,
body[data-theme="triad"][data-triad-zone="memory"] .sidebar {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-right: 1px solid rgba(74, 144, 226, .12);
}

body[data-theme="triad"][data-triad-zone="bookshelf"] .home-toolbar,
body[data-theme="triad"][data-triad-zone="memory"] .home-toolbar {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(74, 144, 226, .1);
}

body[data-theme="triad"][data-triad-zone="bookshelf"] .sidebar-header,
body[data-theme="triad"][data-triad-zone="bookshelf"] .sidebar-footer,
body[data-theme="triad"][data-triad-zone="memory"] .sidebar-header,
body[data-theme="triad"][data-triad-zone="memory"] .sidebar-footer {
  border-color: rgba(74, 144, 226, .1);
}

body[data-theme="triad"][data-triad-zone="bookshelf"] .view-mode-tab,
body[data-theme="triad"][data-triad-zone="memory"] .view-mode-tab {
  background: rgba(255, 255, 255, .42);
  border-color: rgba(74, 144, 226, .12);
}

body[data-theme="triad"][data-triad-zone="bookshelf"] .search-box input,
body[data-theme="triad"][data-triad-zone="memory"] .search-box input {
  background: rgba(255, 255, 255, .48);
  border-color: rgba(74, 144, 226, .12);
}

/* 藏典 / 念痕 · 侧栏导航在蓝色背景上提高选中对比（毛玻璃白卡片） */
body[data-theme="triad"][data-triad-zone="bookshelf"] .sidebar-nav-btn,
body[data-theme="triad"][data-triad-zone="memory"] .sidebar-nav-btn {
  color: rgba(29, 29, 31, .78);
  border-color: transparent;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .35);
}

body[data-theme="triad"][data-triad-zone="bookshelf"] .sidebar-nav-btn svg,
body[data-theme="triad"][data-triad-zone="memory"] .sidebar-nav-btn svg {
  opacity: .82;
}

body[data-theme="triad"][data-triad-zone="bookshelf"] .sidebar-nav-btn:hover:not(.active),
body[data-theme="triad"][data-triad-zone="memory"] .sidebar-nav-btn:hover:not(.active) {
  background: rgba(255, 255, 255, .52);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-color: rgba(255, 255, 255, .42);
  color: #1D1D1F;
  box-shadow: none;
}

body[data-theme="triad"][data-triad-zone="bookshelf"] .sidebar-nav-btn.active,
body[data-theme="triad"][data-triad-zone="memory"] .sidebar-nav-btn.active {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-color: transparent !important;
  color: #1D1D1F;
  font-weight: 600;
  text-shadow: none;
  box-shadow: none !important;
}

body[data-theme="triad"][data-triad-zone="bookshelf"] .sidebar-nav-indicator,
body[data-theme="triad"][data-triad-zone="memory"] .sidebar-nav-indicator {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, .92) 0%,
    rgba(216, 230, 248, .72) 20%,
    rgba(255, 245, 248, .38) 52%,
    rgba(232, 241, 251, .1) 78%,
    rgba(232, 241, 251, 0) 100%
  );
  box-shadow:
    inset 3px 0 0 var(--yueling-blue),
    inset 0 1px 0 rgba(255, 255, 255, .9),
    0 4px 18px rgba(74, 144, 226, .12);
}

body[data-theme="triad"][data-triad-zone="bookshelf"] .sidebar-nav-btn.active svg,
body[data-theme="triad"][data-triad-zone="memory"] .sidebar-nav-btn.active svg {
  color: var(--yueling-blue);
  opacity: 1;
  stroke-width: 2;
}

/* ── 灵境 · 侧栏半透明，让光环透出来 ── */
body[data-theme="triad"][data-triad-zone="realm"] .sidebar {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, .72) 0%,
    rgba(240, 247, 255, .58) 50%,
    rgba(255, 240, 246, .52) 100%
  ) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-right: 1px solid rgba(74, 144, 226, .12);
  box-shadow: none !important;
}

body[data-theme="triad"][data-triad-zone="realm"] .home-shell {
  background: transparent !important;
}

body[data-theme="triad"][data-triad-zone="chat"] .sidebar {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, .84) 0%,
    rgba(252, 250, 253, .72) 55%,
    rgba(248, 244, 247, .66) 100%
  ) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-right: 1px solid rgba(255, 182, 193, .1);
  box-shadow: none !important;
}

body[data-theme="triad"][data-triad-zone="chat"] .home-shell {
  background: transparent !important;
}

body[data-theme="triad"][data-triad-zone="chat"] .sidebar-nav-btn.active,
body[data-theme="triad"][data-triad-zone="realm"] .sidebar-nav-btn.active {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body[data-theme="triad"][data-triad-zone="chat"] .sidebar-nav-btn.active svg,
body[data-theme="triad"][data-triad-zone="realm"] .sidebar-nav-btn.active svg {
  color: var(--yueling-blue);
  opacity: 1;
}

/* ── 顶栏 / 工具栏（灵境皮肤页等） ── */
body[data-theme="triad"] .home-toolbar {
  background: var(--yueling-toolbar-bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(74, 144, 226, .1);
}

body[data-theme="triad"] .view-mode-tab {
  background: rgba(255, 255, 255, .65);
  border-color: rgba(74, 144, 226, .1);
}

body[data-theme="triad"] .view-mode-tab:hover {
  border-color: rgba(74, 144, 226, .22);
  color: var(--yueling-blue);
  background: rgba(255, 255, 255, .9);
}

body[data-theme="triad"] .view-mode-tab.active {
  background: linear-gradient(135deg, #4A90E2 0%, #6BA3E8 100%);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 4px 16px rgba(74, 144, 226, .28);
}

body[data-theme="triad"] .search-box input {
  background: rgba(255, 255, 255, .82);
  border-color: rgba(74, 144, 226, .1);
}

body[data-theme="triad"] .search-box input:focus {
  border-color: var(--yueling-blue);
  box-shadow: 0 0 0 3px var(--yueling-blue-soft);
}

/* ── 按钮 / 主操作 ── */
body[data-theme="triad"] .btn-primary,
body[data-theme="triad"] .dash-btn.primary {
  background: linear-gradient(135deg, #4A90E2 0%, #6BA3E8 100%);
  border-color: transparent;
  color: #fff;
}

body[data-theme="triad"] .btn-primary:hover,
body[data-theme="triad"] .dash-btn.primary:hover {
  filter: brightness(1.06);
  background: linear-gradient(135deg, #3d7fd4 0%, #5a96e0 100%);
}

body[data-theme="triad"] .dash-filter-btn.active {
  background: linear-gradient(135deg, #4A90E2 0%, #6BA3E8 100%);
  border-color: transparent;
  color: #fff;
}

body[data-theme="triad"] .realm-send-btn {
  background: linear-gradient(135deg, #4A90E2 0%, #6BA3E8 100%);
  border-color: transparent;
  color: #fff;
}

/* 继续阅读：次要入口，封面降饱和 + 按钮中性，不与上方「唤灵」主色抢视觉 */
body[data-theme="triad"] .realm-trio-continue .realm-trio-cover {
  filter: grayscale(.5) saturate(.45) contrast(.92);
  opacity: .72;
  box-shadow: none;
  border-color: rgba(74, 144, 226, .08);
}

body[data-theme="triad"] .realm-trio-go {
  background: rgba(255, 255, 255, .82);
  border: 1px solid rgba(74, 144, 226, .1);
  color: var(--text-secondary);
  box-shadow: none;
}

body[data-theme="triad"] .realm-trio-go:hover:not(:disabled) {
  background: rgba(255, 255, 255, .94);
  border-color: rgba(74, 144, 226, .16);
  color: var(--text-primary);
  filter: none;
}

/* ── 卡片 / 面板 / 弹窗 ── */
body[data-theme="triad"] .dash-hero {
  background: var(--yueling-gradient-soft);
  border-color: rgba(74, 144, 226, .1);
}

body[data-theme="triad"] .dash-demo-card:hover,
body[data-theme="triad"] .dash-continue-card,
body[data-theme="triad"] .dash-thinking-item,
body[data-theme="triad"] .dash-knowledge-preview,
body[data-theme="triad"] .book-detail-card,
body[data-theme="triad"] .meta-edit-card,
body[data-theme="triad"] .quote-card,
body[data-theme="triad"] .realm-chat-panel,
body[data-theme="triad"] .realm-float-tag {
  border-color: rgba(74, 144, 226, .08);
}

body[data-theme="triad"] .dash-thinking-ai {
  border-color: rgba(255, 182, 193, .35);
  background: rgba(255, 182, 193, .08);
}

body[data-theme="triad"] .book-detail-modal,
body[data-theme="triad"] .meta-edit-modal,
body[data-theme="triad"] .quote-overlay {
  background: rgba(232, 241, 251, .55);
  backdrop-filter: blur(12px);
}

body[data-theme="triad"] .theme-card.active {
  border-color: rgba(74, 144, 226, .35);
  box-shadow: 0 0 0 1px rgba(255, 182, 193, .2);
}

body[data-theme="triad"] .toast {
  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(74, 144, 226, .12);
  color: var(--text-primary);
}

/* ── 记忆河 · 笔记卡片 ── */
body[data-theme="triad"] .note-card.bookmark {
  background: linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(232, 241, 251, .75));
  border-left-color: var(--yueling-blue);
}

body[data-theme="triad"] .note-card.paperplane {
  background: rgba(255, 255, 255, .78);
  border-color: rgba(74, 144, 226, .1);
}

/* ── 灵境 · 顶栏透明，智能体区柔光晕 ── */
body[data-theme="triad"] .realm-header,
body[data-theme="triad"] .realm-header-minimal {
  background: transparent !important;
}

body[data-theme="triad"] .realm-lead {
  color: rgba(29, 29, 31, .72);
}

body[data-theme="triad"] .realm-stage {
  background: transparent;
}

body[data-theme="triad"] .realm-canvas-wrap {
  background: transparent;
}

body[data-theme="triad"] .realm-canvas-wrap::before {
  inset: -14%;
  background: radial-gradient(
    ellipse 98% 94% at 50% 50%,
    rgba(255, 255, 255, .97) 0%,
    rgba(255, 255, 255, .9) 20%,
    rgba(255, 255, 255, .76) 36%,
    rgba(255, 255, 255, .56) 50%,
    rgba(255, 255, 255, .34) 64%,
    rgba(255, 255, 255, .16) 76%,
    rgba(255, 255, 255, .06) 88%,
    transparent 98%
  );
  filter: blur(34px);
}

body[data-theme="triad"] .realm-float-tag {
  padding: 6px 12px;
  width: max-content;
  max-width: min(220px, 34vw);
  border-radius: 9px;
  border-color: rgba(74, 144, 226, .1);
  background: rgba(255, 255, 255, .72);
  text-align: left;
}

body[data-theme="triad"] .realm-float-label {
  font-size: 11px;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: min(216px, 40vw);
}

body[data-theme="triad"] .realm-float-sub {
  font-size: 8px;
}

body[data-theme="triad"] .sidebar-foot-drawer {
  background: rgba(255, 255, 255, .38);
  border-color: rgba(74, 144, 226, .12);
}

body[data-theme="triad"] .sidebar-foot-tab.active {
  background: rgba(255, 255, 255, .55);
}

body[data-theme="triad"] .realm-float-tag:hover {
  border-color: rgba(74, 144, 226, .22);
  box-shadow: 0 8px 28px rgba(74, 144, 226, .12);
}

body[data-theme="triad"] .realm-agent-pulse {
  background: linear-gradient(135deg, #FFB6C1, #4A90E2);
  animation: yuelingPulse 2s infinite;
}

@keyframes yuelingPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .55; transform: scale(1.15); }
}

/* ── 抽屉 · 全站统一浅色毛玻璃 ── */
body[data-theme="triad"] .realm-drawer,
body[data-theme="triad"][data-triad-zone="memory"] .realm-drawer {
  background: rgba(255, 255, 255, .88);
  border-left: 1px solid rgba(74, 144, 226, .1);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: -8px 0 40px rgba(74, 144, 226, .08);
}

body[data-theme="triad"] .realm-command-input,
body[data-theme="triad"][data-triad-zone="memory"] .realm-command-input {
  background: rgba(255, 255, 255, .88) !important;
  border-color: rgba(74, 144, 226, .12) !important;
  color: var(--text-primary) !important;
}

body[data-theme="triad"] .realm-drawer-head {
  border-bottom-color: rgba(74, 144, 226, .08);
}

body[data-theme="triad"] .realm-msg-bubble {
  background: rgba(255, 255, 255, .9);
  border-color: rgba(74, 144, 226, .08);
}

/* ── 阅读器 overlay（无场景时） ── */
body[data-theme="triad"] .knowledge-tree,
body[data-theme="triad"] .dash-compare-table-wrap,
body[data-theme="triad"] .dash-builder {
  background: rgba(255, 255, 255, .72);
  border-color: rgba(74, 144, 226, .1);
}

body[data-theme="triad"] .settings-panel .reader-settings-hint {
  color: var(--text-muted);
}

body[data-theme="triad"] .manifesto-hero {
  border-bottom-color: rgba(74, 144, 226, .1);
}

body[data-theme="triad"] .sidebar-resizer::after {
  background: rgba(74, 144, 226, .12);
}

body[data-theme="triad"] .sidebar-resizer:hover::after,
body[data-theme="triad"] .sidebar-resizer:focus-visible::after,
body[data-theme="triad"].sidebar-resizing .sidebar-resizer::after {
  background: var(--yueling-blue);
  box-shadow: 0 0 0 1px var(--yueling-blue-soft);
}