/* ── 深色主题 ── */
[data-theme="dark"] body,
[data-theme="dark"] .site-login,
[data-theme="dark"] .rose-stage { background: #1a1817; color: #e0d8d4; }

[data-theme="dark"] .site-topbar { background: rgba(26,24,23,.9); border-color: #3a3532; }
[data-theme="dark"] .site-brand { color: #a09894; }
[data-theme="dark"] .site-nav-button,
[data-theme="dark"] .site-session-button { color: #b0a8a4; background: rgba(255,255,255,.06); }
[data-theme="dark"] .site-nav-button:hover,
[data-theme="dark"] .site-session-button:hover { background: #c98a95; color: #fff; }

[data-theme="dark"] .login-card,
[data-theme="dark"] .hero-card,
[data-theme="dark"] .garden-widget,
[data-theme="dark"] .memorial-card,
[data-theme="dark"] .feature-card,
[data-theme="dark"] .common-sites-page-card { background: #242220; border-color: #3a3532; box-shadow: 0 2px 8px rgba(0,0,0,.3); }

[data-theme="dark"] .login-kicker,
[data-theme="dark"] .eyebrow,
[data-theme="dark"] .memorial-kicker { color: #8a827e; }

[data-theme="dark"] .login-card h1,
[data-theme="dark"] .hero-card h1,
[data-theme="dark"] .clock-time,
[data-theme="dark"] .feature-card strong,
[data-theme="dark"] .memorial-card strong { color: #e0d8d4; }

[data-theme="dark"] .login-copy,
[data-theme="dark"] .subtitle,
[data-theme="dark"] .memorial-card p { color: #a09894; }

[data-theme="dark"] .clock-date,
[data-theme="dark"] .memorial-card small,
[data-theme="dark"] .feature-card small { color: #8a827e; }

[data-theme="dark"] .search-box input,
[data-theme="dark"] .common-sites-toolbar input,
[data-theme="dark"] .account-login-form input,
[data-theme="dark"] .common-site-form input,
[data-theme="dark"] .common-site-form select { background: #1e1c1a; border-color: #3a3532; color: #e0d8d4; }

[data-theme="dark"] .search-box button { background: #c98a95; color: #fff; }

[data-theme="dark"] .rose-seal { background: #2a2523; border-color: #3a3532; }
[data-theme="dark"] .seal-text { color: #e0d8d4; }

[data-theme="dark"] .common-sites-grid > a,
[data-theme="dark"] .common-sites-grid > div,
[data-theme="dark"] .links-grid a,
[data-theme="dark"] .links-grid button { background: #1e1c1a; border-color: #3a3532; color: #e0d8d4; }

[data-theme="dark"] .modal { background: #242220; border-color: #3a3532; box-shadow: 0 14px 40px rgba(0,0,0,.4); }
[data-theme="dark"] .modal-backdrop,
[data-theme="dark"] .common-site-editor-backdrop { background: rgba(0,0,0,.5); }
[data-theme="dark"] .common-site-editor { background: #242220; border-color: #3a3532; }

[data-theme="dark"] .modal-close { background: #3a2028; color: #c98a95; }
[data-theme="dark"] .modal-close:hover { background: #c98a95; color: #fff; }

[data-theme="dark"] .letter-list button { color: #a09894; }
[data-theme="dark"] .letter-list button:hover,
[data-theme="dark"] .letter-list button.active { background: #2a2024; color: #c98a95; }
[data-theme="dark"] .letter-paper { background: #1e1c1a; border-color: #3a3532; }

[data-theme="dark"] .album-shell { background: #1e1c1a; border-color: #3a3532; }
[data-theme="dark"] .album-control { background: #2a2024; color: #c98a95; border-color: #3a3532; }
[data-theme="dark"] .album-control:hover { background: #c98a95; color: #fff; }

[data-theme="dark"] .icp-link { color: #8a827e; }
[data-theme="dark"] .site-footer { color: #8a827e; }

[data-theme="dark"] .guest-choice { background: #1e1c1a; border-color: #3a3532; color: #a09894; }
[data-theme="dark"] .account-choice { background: #c98a95; color: #fff; }

[data-theme="dark"] .login-text-button { color: #8a827e; }
[data-theme="dark"] .login-text-button:hover { color: #c98a95; }

/* ── 浅色主题 ── */
[data-theme="light"] body,
[data-theme="light"] .site-login,
[data-theme="light"] .rose-stage { background: #f8f7f5; color: #292524; }

[data-theme="light"] .site-topbar { background: rgba(255,255,255,.92); border-color: #e6e4e1; }
[data-theme="light"] .site-brand { color: #78716c; }
[data-theme="light"] .site-nav-button,
[data-theme="light"] .site-session-button { color: #78716c; background: #f0efed; }
[data-theme="light"] .site-nav-button:hover,
[data-theme="light"] .site-session-button:hover { background: #78716c; color: #fff; }

[data-theme="light"] .login-card,
[data-theme="light"] .hero-card,
[data-theme="light"] .garden-widget,
[data-theme="light"] .memorial-card,
[data-theme="light"] .feature-card,
[data-theme="light"] .common-sites-page-card { background: #fff; border-color: #e6e4e1; box-shadow: 0 1px 4px rgba(0,0,0,.04); }

[data-theme="light"] .login-kicker,
[data-theme="light"] .eyebrow,
[data-theme="light"] .memorial-kicker { color: #a8a29e; }

[data-theme="light"] .login-card h1,
[data-theme="light"] .hero-card h1,
[data-theme="light"] .clock-time,
[data-theme="light"] .feature-card strong,
[data-theme="light"] .memorial-card strong { color: #292524; }

[data-theme="light"] .login-copy,
[data-theme="light"] .subtitle,
[data-theme="light"] .memorial-card p { color: #78716c; }

[data-theme="light"] .clock-date,
[data-theme="light"] .memorial-card small,
[data-theme="light"] .feature-card small { color: #a8a29e; }

[data-theme="light"] .search-box input,
[data-theme="light"] .common-sites-toolbar input,
[data-theme="light"] .account-login-form input,
[data-theme="light"] .common-site-form input,
[data-theme="light"] .common-site-form select { background: #f8f7f5; border-color: #e6e4e1; color: #292524; }

[data-theme="light"] .search-box button { background: #57534e; color: #fff; }
[data-theme="light"] .search-box button:hover { background: #292524; }

[data-theme="light"] .rose-seal { background: #f5f4f2; border-color: #e6e4e1; }
[data-theme="light"] .seal-text { color: #292524; }
[data-theme="light"] .seal-bloom { color: #78716c; }

[data-theme="light"] .common-sites-grid > a,
[data-theme="light"] .common-sites-grid > div,
[data-theme="light"] .links-grid a,
[data-theme="light"] .links-grid button { background: #f8f7f5; border-color: #e6e4e1; color: #292524; }

[data-theme="light"] .modal { background: #fff; border-color: #e6e4e1; box-shadow: 0 4px 16px rgba(0,0,0,.06); }
[data-theme="light"] .common-site-editor { background: #fff; border-color: #e6e4e1; }

[data-theme="light"] .modal-close { background: #f0efed; color: #78716c; }
[data-theme="light"] .modal-close:hover { background: #57534e; color: #fff; }

[data-theme="light"] .letter-list button { color: #78716c; }
[data-theme="light"] .letter-list button:hover { background: #f0efed; color: #292524; }
[data-theme="light"] .letter-paper { background: #fafaf9; border-color: #e6e4e1; }

[data-theme="light"] .album-shell { background: #f5f4f2; border-color: #e6e4e1; }
[data-theme="light"] .album-control { background: #f0efed; color: #78716c; border-color: #e6e4e1; }
[data-theme="light"] .album-control:hover { background: #57534e; color: #fff; }

[data-theme="light"] .icp-link { color: #a8a29e; }
[data-theme="light"] .site-footer { color: #a8a29e; }

[data-theme="light"] .guest-choice { background: #f5f4f2; border-color: #e6e4e1; color: #78716c; }
[data-theme="light"] .account-choice { background: #57534e; color: #fff; }

[data-theme="light"] .login-text-button { color: #a8a29e; }
[data-theme="light"] .login-text-button:hover { color: #292524; }

/* ── 跟随系统暗色 ── */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="rose"]) body,
  :root:not([data-theme="light"]):not([data-theme="rose"]) .site-login,
  :root:not([data-theme="light"]):not([data-theme="rose"]) .rose-stage { background: #1a1817; color: #e0d8d4; }

  :root:not([data-theme="light"]):not([data-theme="rose"]) .site-topbar { background: rgba(26,24,23,.9); border-color: #3a3532; }
  :root:not([data-theme="light"]):not([data-theme="rose"]) .site-brand { color: #a09894; }
  :root:not([data-theme="light"]):not([data-theme="rose"]) .site-nav-button,
  :root:not([data-theme="light"]):not([data-theme="rose"]) .site-session-button { color: #b0a8a4; background: rgba(255,255,255,.06); }

  :root:not([data-theme="light"]):not([data-theme="rose"]) .login-card,
  :root:not([data-theme="light"]):not([data-theme="rose"]) .hero-card,
  :root:not([data-theme="light"]):not([data-theme="rose"]) .garden-widget,
  :root:not([data-theme="light"]):not([data-theme="rose"]) .common-sites-page-card { background: #242220; border-color: #3a3532; }

  :root:not([data-theme="light"]):not([data-theme="rose"]) .login-card h1,
  :root:not([data-theme="light"]):not([data-theme="rose"]) .clock-time { color: #e0d8d4; }
  :root:not([data-theme="light"]):not([data-theme="rose"]) .login-copy,
  :root:not([data-theme="light"]):not([data-theme="rose"]) .subtitle { color: #a09894; }
  :root:not([data-theme="light"]):not([data-theme="rose"]) .search-box input { background: #1e1c1a; border-color: #3a3532; color: #e0d8d4; }
  :root:not([data-theme="light"]):not([data-theme="rose"]) .modal { background: #242220; border-color: #3a3532; }
}

/* ── 紧凑布局 ── */
[data-density="compact"] .hero-card { padding: 36px 24px; }
[data-density="compact"] .garden-widget { padding: 14px; }
[data-density="compact"] .memorial-card { padding: 20px; }
[data-density="compact"] .feature-card { padding: 14px 8px; }
[data-density="compact"] .home-view { padding-top: 72px; padding-bottom: 48px; }
[data-density="compact"] .search-box { gap: 4px; }
[data-density="compact"] .garden-actions { gap: 6px; }
[data-density="compact"] .common-sites-grid { gap: 8px; }
[data-density="compact"] .links-grid { gap: 6px; }