ion-content {
    --background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  
  .container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  
  ion-card {
    width: 100%;
    height: 100%;
    margin: 0;
    box-shadow: none;
  }
  
  ion-card-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0;
  }
  
  .captured-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .title-image {
    height: 24px; /* Adjust height as needed */
    margin-right: 8px; /* Space between image and text */
    vertical-align: middle;
  }
  
  .capture-button {
    position: absolute;
    bottom: 16px; /* 根据需要调整距离底部的距离 */
    left: 50%;
    transform: translateX(-50%);
    width: 128px; /* 按钮的宽度 */
    height: 128px; /* 按钮的高度 */
    border-radius: 50%; /* 将按钮设置为圆形 */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: transparent !important; /* 使用 !important 覆盖可能存在的默认样式 */
    border: none !important; /* 去除边框并使用 !important 覆盖可能存在的默认样式 */
  }
  
  .capture-button .button-native {
    background-color: transparent !important; /* 针对Ionic的原生按钮样式，确保背景色是透明的 */
  }
  
  
  .button-icon {
    width: 72px; /* Adjust icon size as needed */
    height: 72px; /* Adjust icon size as needed */
    color: white; /* Icon color */
  }
  
  @media only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) {
    .captured-image {
      width: 2796px;
      height: 1290px;
      object-fit: cover;
    }
  }
  