/**
 * 树洞.陪伴 — 分时段主题（由 data-tt-time 驱动，见 treetalk-time-theme.js）
 * dawn 清晨 | morning 上午 | afternoon 午后 | dusk 傍晚 | night 夜晚 | late 深夜
 */

html[data-tt-time] .tt-body,
html[data-tt-time] .tt-header,
html[data-tt-time] .tt-sidebar,
html[data-tt-time] .tt-members,
html[data-tt-time] .tt-chat,
html[data-tt-time] .tt-composer,
html[data-tt-time] .tt-activity,
html[data-tt-time] .tt-mobile-nav,
html[data-tt-time] .tt-btn,
html[data-tt-time] .tt-mood,
html[data-tt-time] .tt-embed,
html[data-tt-time] .tt-share-picker__panel,
html[data-tt-time] .tt-composer__player-dock::before,
html[data-tt-time] .tt-composer__player-dock::after,
html[data-tt-time] [data-composer-mini-host].pmp-root[data-mode="chat"] {
  transition:
    background-color 1.1s ease,
    border-color 1.1s ease,
    color 0.75s ease,
    box-shadow 1.1s ease,
    opacity 1.1s ease;
}

/* ── 深夜 00:00–04:59 ── */
html[data-tt-time="late"] {
  --tt-bg-deepest: #0c0e14;
  --tt-bg-dark: #141824;
  --tt-bg-medium: #1a2030;
  --tt-bg-light: #222938;
  --tt-text: #c4ccd8;
  --tt-muted: #667085;
  --tt-brand: #4a6fa5;
  --tt-brand-hover: #3d5f92;
  --tt-brand-muted: rgba(74, 111, 165, 0.14);
  --tt-firefly-core: #8eb4e8;
  --tt-firefly-glow-1: rgba(142, 180, 232, 0.55);
  --tt-firefly-glow-2: rgba(100, 140, 200, 0.22);
  --tt-mini-glow-a: rgba(142, 180, 232, 0.88);
  --tt-mini-glow-b: rgba(180, 200, 240, 0.62);
  --tt-mini-glow-c: rgba(74, 111, 165, 0.38);
}

/* ── 清晨 05:00–07:59 ── */
html[data-tt-time="dawn"] {
  --tt-bg-deepest: #1a1520;
  --tt-bg-dark: #252030;
  --tt-bg-medium: #2c2838;
  --tt-bg-light: #363342;
  --tt-text: #ece8f2;
  --tt-muted: #9a94a8;
  --tt-brand: #b088e8;
  --tt-brand-hover: #9a72d4;
  --tt-brand-muted: rgba(176, 136, 232, 0.16);
  --tt-firefly-core: #e8c8ff;
  --tt-firefly-glow-1: rgba(255, 200, 240, 0.7);
  --tt-firefly-glow-2: rgba(200, 160, 255, 0.28);
  --tt-mini-glow-a: rgba(232, 200, 255, 0.92);
  --tt-mini-glow-b: rgba(255, 220, 245, 0.72);
  --tt-mini-glow-c: rgba(176, 136, 232, 0.42);
}

/* ── 上午 08:00–11:59 ── */
html[data-tt-time="morning"] {
  --tt-bg-deepest: #121820;
  --tt-bg-dark: #1c2632;
  --tt-bg-medium: #243040;
  --tt-bg-light: #2d3a4c;
  --tt-text: #e0eaf2;
  --tt-muted: #8494a8;
  --tt-brand: #4db8e8;
  --tt-brand-hover: #3aa3d4;
  --tt-brand-muted: rgba(77, 184, 232, 0.15);
  --tt-firefly-core: #90e0ff;
  --tt-firefly-glow-1: rgba(144, 224, 255, 0.72);
  --tt-firefly-glow-2: rgba(77, 184, 232, 0.28);
  --tt-mini-glow-a: rgba(144, 224, 255, 0.9);
  --tt-mini-glow-b: rgba(180, 235, 255, 0.7);
  --tt-mini-glow-c: rgba(77, 184, 232, 0.4);
}

/* ── 午后 12:00–16:59 ── */
html[data-tt-time="afternoon"] {
  --tt-bg-deepest: #1a1814;
  --tt-bg-dark: #282420;
  --tt-bg-medium: #322e28;
  --tt-bg-light: #3d3830;
  --tt-text: #f0ebe4;
  --tt-muted: #a89f94;
  --tt-brand: #d4a056;
  --tt-brand-hover: #c08c44;
  --tt-brand-muted: rgba(212, 160, 86, 0.16);
  --tt-firefly-core: #ffd878;
  --tt-firefly-glow-1: rgba(255, 220, 140, 0.75);
  --tt-firefly-glow-2: rgba(212, 160, 86, 0.3);
  --tt-mini-glow-a: rgba(255, 220, 140, 0.92);
  --tt-mini-glow-b: rgba(255, 236, 180, 0.74);
  --tt-mini-glow-c: rgba(212, 160, 86, 0.4);
}

/* ── 傍晚 17:00–19:59 ── */
html[data-tt-time="dusk"] {
  --tt-bg-deepest: #1c1218;
  --tt-bg-dark: #2a1e26;
  --tt-bg-medium: #362830;
  --tt-bg-light: #423238;
  --tt-text: #f2e8ea;
  --tt-muted: #b0949c;
  --tt-brand: #e07868;
  --tt-brand-hover: #cc6658;
  --tt-brand-muted: rgba(224, 120, 104, 0.16);
  --tt-firefly-core: #ffb0a0;
  --tt-firefly-glow-1: rgba(255, 180, 160, 0.72);
  --tt-firefly-glow-2: rgba(224, 120, 104, 0.28);
  --tt-mini-glow-a: rgba(255, 180, 160, 0.9);
  --tt-mini-glow-b: rgba(255, 210, 190, 0.72);
  --tt-mini-glow-c: rgba(224, 120, 104, 0.38);
}

/* ── 夜晚 20:00–23:59（默认基调） ── */
html[data-tt-time="night"] {
  --tt-bg-deepest: #1e1f22;
  --tt-bg-dark: #2b2d31;
  --tt-bg-medium: #313338;
  --tt-bg-light: #383a40;
  --tt-text: #dbdee1;
  --tt-muted: #949ba4;
  --tt-brand: #5865f2;
  --tt-brand-hover: #4752c4;
  --tt-brand-muted: rgba(88, 101, 242, 0.15);
  --tt-firefly-core: #b8f070;
  --tt-firefly-glow-1: rgba(255, 236, 140, 0.75);
  --tt-firefly-glow-2: rgba(168, 224, 99, 0.22);
  --tt-mini-glow-a: rgba(212, 252, 121, 0.95);
  --tt-mini-glow-b: rgba(255, 236, 140, 0.78);
  --tt-mini-glow-c: rgba(140, 220, 60, 0.42);
}