#floating-qr {
  position: fixed;
  top: 40%;     /* 调整到页面顶部的距离 */
  right: 20px;  /* 固定在页面右侧 */
  width: 200px; /* 容器宽度 */
  padding: 10px;
  background-color: white;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

#floating-qr img {
  width: 100%; /* 使图片自适应容器宽度 */
}

#close-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  border: none;
  background-color: transparent;
  font-size: 16px;
}

    
    #loadingDiv {
    text-align: center;
    margin-top: 20px;
}

#loadingDiv img {
    width: 200px;
    height: 150px;
}

input[type="text"]:focus,
textarea:focus {
    font-size: inherit; /* 继承原始字体大小 */
    transform: none; /* 取消任何可能的缩放 */
}
        /* 原有 CSS 样式 */
       header {
    margin-top: 0;
}
        body {
            font-family: 'Helvetica Neue', sans-serif;
            margin: 0;
            padding: 0;
        }
        .container {
            max-width: 100%;
            /*margin: 20px auto;*/
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            border-radius: 5px;
        }
        .header {
            background-color: #3498db;
            color: #fff;
            padding: 20px;
            border-radius: 5px 5px 0 0;
        }
        h1 {
            margin: 0;
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            text-shadow: 1px 1px #000;
        }
        p {
            margin: 0;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            /*text-shadow: 2px 2px #000;*/
        }
        form {
            padding: 20px;
            background-color: #f7f7f7;
            border-radius: 0 0 5px 5px;
        }
        
        .form-control {
  padding: 0 15px;
  text-align: center; /* 将子元素居中 */
}
input[type="text"],
input[type="email"],
textarea {
  padding: 0 15px;
  width: 100%;
  box-sizing: border-box;
  
}
button[type="button"] {
  display: block;
  margin: 0 auto;
}
        input[type="text"],
        textarea {
            width: 100%;
            padding: 10px;
            margin-bottom: 20px;
            border: none;
            border-radius: 5px;
            background-color: #fff;
        }
        label {
            display: block;
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 10px;
        }
        button[type="button"] {
            background-color: #3498db;
            color: #fff;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            font-size: 14px;
            cursor: pointer;
        }
        button[type="button"]:hover {
            background-color: #2980b9;
        }

        /* 新添加的 CSS 样式 */
        .footer {
            background-color: #f7f7f7;
            text-align: center;
            padding: 10px;
            border-radius: 0 0 5px 5px;
        }
        .footer p {
            margin: 0;
            font-size: 12px;
            color: #777;
        }
        a{
    padding: 5px;
            color: red;
            font-weight: bold;
            font-size: 16px;
            text-align: center;
            text-decoration: none;
}
        
#resultDiv {
    width: 80%;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
#resultDiv p {
    text-align: left;
}
.button-container {
  display: flex;
  justify-content: center;
}

.button-container button {
  margin: 0 10px; /* 调整按钮之间的间距 */
}

.download-button {
  background-color: #3498db;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
}

.download-button:hover {
  background-color: #2980b9;
}

.custom-button {
  background-color: #006400; /* 设置自定义按钮的背景颜色为绿色 */
}