:root {
  --x6-bg: #f4f9ff;
  --x6-bg-soft: #eef5ff;
  --x6-card: #ffffff;
  --x6-line: #d6e4fb;
  --x6-text: #18304f;
  --x6-muted: #6b819f;
  --x6-primary: #4f86d9;
  --x6-primary-strong: #3f73c2;
  --x6-primary-soft: #e7f0ff;
  --x6-shadow: 0 8px 24px rgba(71, 126, 202, 0.08);
  --x6-radius: 12px;
  --x6-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --x6-fast: 140ms;
  --x6-mid: 200ms;
}

* {
  box-sizing: border-box;
}

body {
  background: radial-gradient(circle at 0 0, #f8fcff, var(--x6-bg));
  color: var(--x6-text);
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
}

h1, h2, h3, h4 {
  color: var(--x6-text);
}

.core-main {
  max-width: 980px;
}

.section,
.result-section,
.content-area,
.paipan-wrap,
.record-list,
.auth-box {
  border: 1px solid var(--x6-line);
  border-radius: var(--x6-radius);
  box-shadow: var(--x6-shadow);
  background: var(--x6-card);
}

button,
.btn,
a.btn,
.btn-ask,
.btn-send,
.btn-fullscreen,
.btn-exit,
.btn-fullscreen-native {
  transition: transform var(--x6-fast) var(--x6-ease), background-color var(--x6-fast) var(--x6-ease), color var(--x6-fast) var(--x6-ease), border-color var(--x6-fast) var(--x6-ease);
}

button:hover,
.btn:hover,
a.btn:hover,
.btn-ask:hover,
.btn-send:hover,
.btn-fullscreen:hover,
.btn-exit:hover,
.btn-fullscreen-native:hover {
  transform: translateY(-1px);
}

a {
  color: var(--x6-primary-strong);
}

.link-back {
  color: var(--x6-primary-strong) !important;
}

.x6-fade-up {
  opacity: 0;
  transform: translateY(8px);
  transition: opacity var(--x6-mid) var(--x6-ease), transform var(--x6-mid) var(--x6-ease);
}

.x6-fade-up.is-in {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}