/* buttons.css */
/* ============================
   按钮样式
   依赖：无
   ============================ */
.btn {
  background: linear-gradient(180deg, #2a1a10 0%, #1a0f08 100%);
  border: 1px solid #4a3520;
  color: var(--text-primary);
  padding: 12px 24px;
  margin: 6px;
  border-radius: 4px;
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 1rem;
  transition: all 0.2s ease;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
  text-shadow: 0 0 3px rgba(139, 42, 26, 0.3);
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
}

.btn:active {
  transform: scale(0.97);
}

.btn:hover {
  border-color: #6b4a30;
  background: linear-gradient(180deg, #3a2512 0%, #221108 100%);
  box-shadow: 0 0 12px rgba(139, 42, 26, 0.6);
}

.btn-danger {
  border-color: #5c1a1a;
  color: #c07070;
}
.btn-danger:hover {
  border-color: #8b2a2a;
  box-shadow: 0 0 12px rgba(200, 30, 30, 0.6);
}

.btn-disabled,
.btn:disabled {
  opacity: 0.4;
  pointer-events: none;
  border-color: #2a1a10;
  cursor: not-allowed;
}

.btn-sm {
  padding: 8px 14px;
  font-size: 0.85rem;
}
.btn-lg {
  padding: 16px 32px;
  font-size: 1.2rem;
}
.btn-block {
  display: block;
  width: 100%;
}