/*submit页*/
/* 全局修改所有 form-control 的聚焦样式 */
/* 针对特定输入框（#smiles）的聚焦样式 */
#smiles:focus {
  box-shadow: 0 0 0 0.25rem rgba(232, 80, 91, 0.25); /* 颜色与边框一致，透明度调整 */
}
 #target_ion:focus {
     border-color: #dee2e6;
      box-shadow: 0 0 0 0.25rem rgba(232, 80, 91, 0.25);
    }
.clickable {
  color: #e8505b;
}
.clickable:hover {
  color: #f9a3aa;
}
      .tab-item {
        padding: 16px;
        background-color: white;
        border: 1px solid #dee2e6; /* 浅灰边框 */
        border-radius: 0px ;
        margin-right: 5px;
      }
      .tab-item:hover {
        background-color: #fee2e2;
        border: 1px solid #e8505b;

      }
      .tab-item-active {
       background-color: #fee2e2;
       border: 1px solid #e8505b;

      }

      .body-1,
      .body-2,
      .body-3 {
        display: none;
      }
      .body-active {
        display: block;
      }

      /* 示例样式 */
      .input_smiles {
        cursor: pointer;
        font-size: 16px;
      }

      /* 文件上传 */
      /* 文件上传容器样式 */
      .file-upload-container {
        max-width: 500px;
        margin: 20px 0;
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
      }

      /* 文件上传标签样式 */
      .file-upload-label {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        background-color: #f8f9fa;
        border: 2px dashed #ced4da;
        border-radius: 8px;
        padding: 30px 20px;
        transition: all 0.3s ease;
        text-align: center;
        min-height: 150px;
      }

      .file-upload-label:hover {
        background-color: #e9ecef;
        border-color: #adb5bd;
      }

      /* 上传图标样式 */
      .file-upload-icon {
        margin-bottom: 12px;
        color: #6c757d;
      }

      .file-upload-icon svg {
        width: 48px;
        height: 48px;
      }

      /* 文本样式 */
      .file-upload-text {
        color: #495057;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 8px;
      }

      /* 隐藏原生输入框 */
      .file-upload-input {
        display: none;
      }

      /* 文件名显示区域 */
      .file-name-display {
        margin-top: 10px;
        font-size: 14px;
        color: #6c757d;
        padding: 8px 12px;
        background-color: #f8f9fa;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }

      /* 删除按钮样式 */
      .remove-file-btn {
        background: none;
        border: none;
        cursor: pointer;
        padding: 4px;
        margin-left: 8px;
        color: #6c757d;
        opacity: 0.7;
        transition: all 0.2s;
      }

      .remove-file-btn:hover {
        color: #dc3545;
        opacity: 1;
      }

      .remove-file-btn svg {
        display: block;
      }

      /* 文件选中时的样式 */
      .file-upload-label.has-file {
        border-color: #e8505b;
        background-color: #fee2e2;
      }

      .file-upload-label.has-file .file-upload-text {
        color: #e8505b;
      }

      .file-upload-label.has-file .file-upload-icon {
        color: #e8505b;
      }

      /* 拖拽状态 */
      .file-upload-label.drag-over {
        background-color: #dee2e6;
        border-color: #e8505b;
        border-style: solid;
      }



/*contact页*/
 /* contact页内容样式 */
 .team-imgs{
     width: 40%; /* 宽度为父元素的75% */
      aspect-ratio: 3/4; /* 宽高比3:4（即高:宽=4:3） */
      object-fit: cover; /* 裁剪图片填充容器（保持比例，可能裁掉部分内容） */
      /* object-fit: contain; 保持图片完整，可能留空白 */
 }

/*base页*/
 .logo{
     height: 65px;
     width: auto;
}