:root {
  color-scheme: light;
  --seed: #fb7299;
  --md-primary: #fb7299;
  --md-primary-hover: #e85f87;
  --md-secondary: #d96f98;
  --md-tertiary: #f4a6bb;
  --md-on-primary: #ffffff;
  --bg-grad-1: #fff4f7;
  --bg-grad-2: #ffe8ef;
  --bg-grad-3: #fcecf4;
  --bg-grad-4: #f7e9f1;
  --glass-tint: rgba(251, 114, 153, 0.09);
}

[data-theme="dark"] {
  color-scheme: dark;
  --seed: #fb7299;
  --md-primary: #fb7299;
  --md-primary-hover: #ff91ae;
  --md-secondary: #f09ab4;
  --md-tertiary: #ffc0d0;
  --md-on-primary: #2a0e18;
  --bg-grad-1: #1b1217;
  --bg-grad-2: #25141c;
  --bg-grad-3: #20131d;
  --bg-grad-4: #2b1720;
  --glass-tint: rgba(251, 114, 153, 0.12);
}

button, a, [role="button"], .menu-item, .info-card, .theme-option, .setting-row {
  -webkit-tap-highlight-color: transparent;
}

button:focus-visible, a:focus-visible, [role="button"]:focus-visible {
  outline: 3px solid rgba(251, 114, 153, 0.42);
  outline-offset: 3px;
}

.icon-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
}

.icon-label i {
  pointer-events: none;
}

/* 低配设备保留完整布局与配色，仅降低昂贵的合成和持续动画开销。 */
.performance-mode {
  --blur: 8px !important;
}

.performance-mode body::before,
.page-hidden body::before {
  animation-play-state: paused !important;
}

.performance-mode header,
.performance-mode footer,
.performance-mode .sidebar,
.performance-mode .glass,
.performance-mode .info-card,
.performance-mode .video-card,
.performance-mode .post-card,
.performance-mode .comments-section,
.performance-mode .modal-content,
.performance-mode .loading-box,
.performance-mode .toast {
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

.performance-mode .info-card,
.performance-mode .video-card,
.performance-mode .post-card {
  content-visibility: auto;
  contain-intrinsic-size: 260px;
}

.performance-mode .time-icon,
.performance-mode .site-loader-avatar-wrap,
.page-hidden .time-icon,
.page-hidden .site-loader-avatar-wrap {
  animation: none !important;
}

.performance-mode * {
  scroll-behavior: auto !important;
}