/* 改良版：极简商务直角框 */
.baidu2-container {
  width: 100%;
  max-width: 500px;
  margin: 20px auto;
}

.baidu2-form {
  display: flex;
  /* 去掉间距，让输入框和按钮无缝连接，或者留一点点 */
  gap: 0; 
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* 整体添加柔和阴影 */
  border-radius: 4px; /* 微微的小圆角，不至于太生硬 */
  overflow: hidden; /* 确保内部元素不溢出圆角 */
  border: 1px solid #e0e0e0;
  transition: all 0.3s ease;
}

/* 聚焦时整个框发光 */
.baidu2-form:focus-within {
  border-color: #4a90e2;
  box-shadow: 0 6px 16px rgba(74, 144, 226, 0.2);
}

.baidu2-input {
  flex: 1;
  padding: 12px 15px;
  font-size: 15px;
  border: none; /* 去掉内部边框 */
  outline: none;
  background-color: #fff;
  color: #333;
}

.baidu2-btn {
  padding: 0 25px;
  background-color: #4a90e2; /* 品牌蓝 */
  color: white;
  border: none;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}

.baidu2-btn:hover {
  background-color: #357abd; /* 悬停变深 */
}

/* 手机端适配 */
@media (max-width: 480px) {
  .baidu2-container { padding: 0 10px; }
  .baidu2-input, .baidu2-btn {
    padding: 12px;
    font-size: 16px; /* 防止 iOS 缩放 */
  }
}