.water-kill-container {
  width: 100%;
  max-width: 800px;
  padding: 20px;
  box-sizing: border-box;
  margin: 0 auto;
  box-shadow: 0 0 4px #eae8e8;
  border-radius: 10px;
}

@keyframes fire-bounce {
      0%, 100% {
        transform: scale(1) rotate(0deg);
      }
      25% {
        transform: scale(1.3) rotate(-10deg);
      }
      50% {
        transform: scale(0.9) rotate(10deg);
      }
      75% {
        transform: scale(1.2) rotate(-5deg);
      }
    }

.water-kill-container .animated-emoji {
  display: inline-block;
  /* 必须设置为块级或行内块级元素才能应用 transform */
  animation: fire-bounce 1.2s infinite ease-in-out;
  transform-origin: bottom center;
  /* 设置动画基点为底部中心 */
}
.water-kill-container .download-banner a{
    color:#5a43ef;
}
.water-kill-container .download-banner{
    margin-bottom: 10px;
}

/* 输入框样式 */
.water-kill-container .url-input {
  width: 100%;
  padding: 12px 15px;
  font-size: 16px;
  border: 1px solid #dcdfe6;
  border-radius: 8px;
  box-sizing: border-box;
  margin-bottom: 20px;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.water-kill-container .url-input:focus {
  outline: none;
  border-color: #409eff;
  box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
}

.water-kill-container .url-input::placeholder {
  color: #a8abb2;
}

/* 按钮组容器 */
.water-kill-container .button-group {
  display: flex;
  gap: 15px;
  /* 按钮之间的间距 */
}

/* 按钮通用样式 */
.water-kill-container .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 500;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s, opacity 0.2s;
  white-space: nowrap;
  height: 42px;
  /* 防止按钮文字换行 */
}

.water-kill-container .btn:hover {
  opacity: 0.85;
}

/* 主按钮（蓝色） */
.water-kill-container .btn-primary {
  flex-grow: 1;
  /* 占据更多空间 */
  background-color: #409eff;
  color: white;
}

/* 危险按钮（红色） */
.water-kill-container .btn-danger {
  background-color: #f56c6c;
  color: white;
}

/* 次要按钮（灰色） */
.water-kill-container .btn-secondary {
  background-color: #f5f7fa;
  color: #606266;
  border: 1px solid #dcdfe6;
  gap: 8px;
  /* 图标和文字的间距 */
}

.water-kill-container .btn-secondary:hover {
  background-color: #ebeef5;
  opacity: 1;
}

.water-kill-container .btn-loading {
  background-color: #409eff;
  color: white;
  cursor: not-allowed;
}

.water-kill-container .error-container {
  display: none;
  margin-top: 20px;
  padding: 15px;
  background-color: #fff5f5;
  border: 1px solid #f56c6c;
  border-radius: 8px;
  text-align: center;
}

.water-kill-container .error-message {
  color: #f56c6c;
  font-size: 16px;
  margin-bottom: 10px;
}

.water-kill-container .error-tips {
  color: #606266;
  font-size: 14px;
  margin-bottom: 10px;
}

.water-kill-container .download-link {
  color: #409eff;
  text-decoration: none;
  font-size: 16px;
}