body {
    background-color: black;
    color: white;
    font-family: "Chiron GoRound TC", sans-serif;
}
h1 {
    text-align: center;
}
.btn-gradient {
  background: linear-gradient(135deg, #ff6b6b, #f06595); /* 漸層色 */
  color: white;
  padding: 12px 24px;
  border: 3px solid white;
  border-radius: 50px; /* 圓角膠囊狀 */
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 輕微陰影 */
  transition: all 0.3s ease;
}

.btn-gradient:hover {
  transform: translateY(-2px); /* 往上漂浮 2 像素 */
  box-shadow: 0 7px 14px rgba(0, 0, 0, 0.15); /* 陰影變大變深 */
}

.btn-gradient:active {
  transform: translateY(1px); /* 點擊時往下壓 */
}

/* CSS */
.btn-press {
  background-color: #9b59b6; /* 紫色 */
  font-family: "Chiron GoRound TC", sans-serif;
  color: white;
  font-size: 20pt;
  padding: 5px 10px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: transform 0.1s ease; /* 縮放速度可以快一點 */
}

/* 按下時縮小到 0.95 倍 */
.btn-press:active {
  transform: scale(0.95);
}