@import url('https://fonts.googleapis.com/css?family=Limelight|Mada');
*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
} 
body {
  background-color: #F5F5F5;
  /* width: 375px; */
  margin: 0 auto;
}
.search-input::-webkit-input-placeholder {
  color: #999;
}
.search-input:focus {
border-color: #00C853; /* 选中时的边框颜色 */
outline: none; /* 去掉默认的聚焦边框 */
}
textarea:focus {
border-color: #00C853; /* 选中时的边框颜色 */
outline: none; /* 去掉默认的聚焦边框 */
}
.tag-selected {
  text-align: center;
  background-color: #E8F5E9;
  color: #00C853;
}
.assessment-tab.active {
  border-bottom: 2px solid #00C853;
  color: #00C853;
}
.grid-item {
white-space: nowrap; /* 防止文字换行 */
min-width: 5rem; /* 最小宽度 */
max-width: 9rem; /* 最大宽度 */
flex-grow: 1; /* 宽度随内容变化 */
}
.grid-item.wide {
min-width: 8rem; /* 更宽的最后一个元素 */
}
.grid-item.exploit {
min-width: 9rem; /* 开发模式每个元素的宽度 */
}
.grid-item.predict {
min-width: 6rem; /* 预计工时每个元素的宽度 */
}
.grid-item.user {
min-width: 6rem; /* 用户人数每个元素的宽度 */
}
.consult-button {
position: fixed;
bottom: 7rem;
right: 1rem;
z-index: 1000;
background-color: #00C853;
color: white;
width: 2.75rem; /* 设置宽度 */
height: 2.75rem; /* 设置高度 */
border-radius: 50%; /* 圆形 */
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
cursor: pointer;
display: flex; /* 使用flex布局 */
align-items: center; /* 垂直居中 */
justify-content: center; /* 水平居中 */
}
.consult-button i {
font-size: 1.5rem; /* 调整图标的大小 */
}
.consult-form {
  position: fixed;
  bottom: 10rem;
  right: 2rem;
  z-index: 1001;
  background-color: white;
  padding: 2rem;
  border-radius: 0.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.consult-form input {
  display: block;
  width: 100%;
  padding: 0.5rem;
  margin-bottom: 1rem;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
}
.consult-form button {
  display: block;
  width: 100%;
  padding: 0.5rem;
  background-color: #00C853;
  color: white;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
}
.consult-form button:hover {
  background-color: #00A843;
}
.consult-form .dial-button {
  display: block;
  width: 100%;
  padding: 0.5rem;
  background-color: #007833;
  color: white;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  margin-top: 1rem;
}
.consult-form .dial-button:hover {
  background-color: #005823;
}
.consult-form .close-button {
  position: relative;
  background: none; /* 透明背景 */
  border: none; /* 无边框 */
  cursor: pointer; /* 指针样式 */
  font-size: 1.25rem; /* 图标大小 */
  padding: 0; /* 去除内边距 */
}
.close-button i {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #FF0000; /* 红色图标 */
}