/* m100 → arctic-mint：冰蓝白底 + 薄荷绿主色 + 石墨字，保留 Horizon Signal 骨架 */
:root {
  --xx-bg: #f4f9fb;
  --xx-bg-deep: #e8f2f7;
  --xx-surface: #ffffff;
  --xx-panel: #ffffff;
  --xx-ink: #1f2937;
  --xx-ink-soft: #374151;
  --xx-muted: #6b7280;
  --xx-line: rgba(31, 41, 55, 0.1);
  --xx-accent: #2eb896;
  --xx-accent-deep: #059669;
  --xx-gold: #2eb896;
  --xx-gold-deep: #059669;
  --xx-brand: #1e3a4a;
  --xx-rank: #5eb8d9;
  --xx-blue: #5eb8d9;
  --xx-blue-deep: #0284c7;
  --xx-radius: 4px;
  --xx-shadow: 0 14px 36px rgba(31, 41, 55, 0.07);
  color-scheme: light;
}

html,
body {
  background:
    radial-gradient(1100px 480px at 8% -8%, rgba(94, 184, 217, 0.14), transparent 52%),
    radial-gradient(900px 420px at 92% 0%, rgba(46, 184, 150, 0.08), transparent 48%),
    radial-gradient(700px 360px at 50% 100%, rgba(94, 184, 217, 0.06), transparent 55%),
    linear-gradient(180deg, var(--xx-bg) 0%, var(--xx-bg-deep) 100%) !important;
  background-attachment: fixed;
  color: var(--xx-ink) !important;
}

body::before {
  opacity: 0.022;
}

.header {
  background: rgba(255, 255, 255, 0.94) !important;
  border-bottom-color: var(--xx-line) !important;
}

.logo__mark i {
  color: var(--xx-accent) !important;
}

.nav-links a.active,
.nav-links a:hover {
  color: var(--xx-accent) !important;
}

.search-box:focus-within {
  border-color: var(--xx-blue) !important;
  box-shadow: 0 0 0 3px rgba(94, 184, 217, 0.15) !important;
}

.btn-primary {
  background: var(--xx-accent) !important;
  border-color: var(--xx-accent) !important;
}

.btn-primary:hover {
  background: var(--xx-accent-deep) !important;
}

.btn-secondary {
  border-color: rgba(46, 184, 150, 0.35) !important;
  color: var(--xx-brand) !important;
}

.btn-secondary:hover {
  background: rgba(46, 184, 150, 0.08) !important;
}

.section-header h2 .accent {
  color: var(--xx-blue) !important;
}

.cat-card:hover {
  background: rgba(46, 184, 150, 0.05) !important;
}

.cat-card .count {
  color: var(--xx-accent) !important;
}

.hot-item .rank.top3 {
  color: var(--xx-accent) !important;
}

.hot-item:hover .info .title {
  color: var(--xx-accent) !important;
}

.update-card .badge {
  background: var(--xx-blue) !important;
}

.footer {
  background: var(--xx-brand) !important;
}

.footer-col h4 {
  color: #a7f3d0 !important;
}

.footer-col a:hover {
  color: #a7f3d0 !important;
}

.xx-cat-channels a.active {
  background: var(--xx-accent) !important;
  border-color: var(--xx-accent) !important;
}

.xx-filters button.active,
.xx-toolbar button.active {
  background: var(--xx-accent) !important;
  border-color: var(--xx-accent) !important;
}

.xx-poster__score {
  background: rgba(30, 58, 74, 0.92) !important;
}

.xx-panel h1,
.xx-panel h2,
.xx-panel h3 {
  color: var(--xx-brand) !important;
}

.xx-tags a:hover {
  color: var(--xx-blue) !important;
  border-color: var(--xx-blue) !important;
}

.hero__veil {
  background: linear-gradient(105deg, rgba(244, 249, 251, 0.92) 0%, rgba(244, 249, 251, 0.55) 48%, rgba(244, 249, 251, 0.18) 100%) !important;
}

.hero-brand span {
  color: var(--xx-accent) !important;
}