/* 购买 / 众筹 模块整体 */
article.links {
  position: relative;
  padding: 2.5rem 1rem 3rem;
}

/* 内部内容宽度和 story / characters 对齐 */
.links-inner {
  max-width: 960px;
  width: min(960px, 92vw);
  margin: 0 auto;
  text-align: center;
}

/* 按钮容器：居中 + 响应式换行 */
.links-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-top: 1.5rem;
}

/* 通用按钮样式：和你现在 info / characters 的按钮风格一致一点 */
.links-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  padding: 0.85rem 1.8rem;
  border-radius: 999px;
  font-size: 0.95rem;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.16s ease, color 0.16s ease, transform 0.12s ease, box-shadow 0.16s ease;
}

/* 主按钮：实心（Steam） */
.links-btn-primary {
  background: #ffffff;
  color: #111111;
  box-shadow: 0 10px 25px rgba(0,0,0,0.35);
  border: 1px solid rgba(255,255,255,0.05);
}
.links-btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 32px rgba(0,0,0,0.45);
}

/* 次按钮：描边透明（众筹） */
.links-btn-secondary {
  background: rgba(0,0,0,0.15);
  color: rgba(255,255,255,0.9);
  border: 1px solid rgba(255,255,255,0.35);
}
.links-btn-secondary:hover {
  background: rgba(255,255,255,0.08);
}

/* 小屏：按钮宽度更友好一点 */
@media (max-width: 600px) {
  .links-btn {
    width: 100%;
    max-width: 360px;
  }
}