/* site-1 · 红蓝白影站 · 局部覆盖 */
:root {
  --pink: #dc2626;
  --blue: #2563eb;
  --green: #2563eb;
  --orange: #dc2626;
  --ink: #0f172a;
  --muted: #64748b;
  --panel: #ffffff;
  --line: rgba(15, 23, 42, 0.1);
  --soft: #f1f5f9;
  --shadow: 0 16px 48px rgba(37, 99, 235, 0.12);
  --bg: #f8fafc;
}

html { scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

body:not(.cs-body) {
  min-height: 100vh;
  background: var(--bg, #f8fafc);
  color: var(--ink);
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
}

img { display: block; max-width: 100%; }
.image-off { opacity: 0; }

.page-main { max-width: 1320px; margin: 0 auto; padding: 24px 16px 56px; }

@media (max-width: 820px) {
  input, select, textarea, button { font-size: 16px; }
}

@media (pointer: coarse) {
  .cs-head a, .cs-head button, .cs-btn { min-height: 44px; }
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
}

video { background: #000; }