:root {
  --primary: #C75B28;
  --primary-dark: #8E3A14;
  --primary-light: #F0A87C;
  --secondary: #4A7C59;
  --accent: #F5C842;
  --arcade-orange: #ff6b1a;
  --arcade-blue: #2563eb;
  --arcade-bg: #f4f4f7;
  --arcade-ink: #171717;
}

body {
  background-color: var(--arcade-bg);
}

/* 街机海报标题底纹 */
.arcade-title {
  text-shadow: 4px 4px 0 var(--arcade-blue);
}

/* 撞色高亮文字 */
.pop-highlight {
  background: var(--arcade-orange);
  color: var(--arcade-ink);
  padding: 0 0.35rem;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

/* 斜纹背景条 */
.stripe-band {
  background-image: repeating-linear-gradient(
    45deg,
    var(--arcade-orange),
    var(--arcade-orange) 14px,
    var(--arcade-ink) 14px,
    var(--arcade-ink) 28px
  );
}

/* 卡片悬停硬位移 */
.hard-card {
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.hard-card:hover {
  transform: translate(-3px, -3px);
}

/* 移动端菜单：JS 切换 .nav.active */
.nav.lg\:hidden {
  display: none;
}
.nav.lg\:hidden.active {
  display: block;
}
.menu-overlay {
  display: none;
}
.menu-overlay.active {
  display: block;
}
body.menu-open {
  overflow: hidden;
}

/* FAQ 折叠动画 */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}
.faq-item.active .faq-answer {
  opacity: 1;
}
.faq-icon {
  transition: transform 0.25s ease;
}
.faq-icon.rotated {
  transform: rotate(45deg);
}

/* 分类 Tab 选中态 */
.cat-tab.active {
  background: var(--arcade-orange);
  color: var(--arcade-ink);
  border-color: var(--arcade-ink);
}

/* 回到顶部 */
.back-to-top {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.back-to-top.visible {
  opacity: 1;
  pointer-events: auto;
}

::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background: var(--arcade-bg); }
::-webkit-scrollbar-thumb {
  background: var(--arcade-orange);
  border: 2px solid var(--arcade-ink);
}
::-webkit-scrollbar-thumb:hover { background: var(--arcade-blue); }

@media print {
  header, footer, .no-print { display: none !important; }
  body { background: #fff !important; color: #000 !important; }
}