.custom-toolbar {
    --background: rgba(255, 255, 255, 0.8); /* 使工具栏背景透明 */
    display: flex; /* 使用 Flexbox 布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    padding: 0; /* 去掉默认内边距 */
}

.custom-title {
    font-size: 1.3em; /* 字体大小 */
    font-weight: bold; /* 加粗 */
    color: #000000; 
    text-align: center; /* 文字居中对齐 */
    margin: 0; /* 去掉默认外边距 */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); /* 添加文字阴影效果 */
    /* 添加其他美化效果 */
    font-family: "微软雅黑"; /* 自定义字体 */
}

/* 容器样式 */
.div1{
    width: 100%;
    height: 100%;
    background-image: url('https://app.fmode.cn/dev/jxnu/202226701019/zhuti1.jpg');
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.div2 {
    opacity: 0.9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; /* 垂直排列 */
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    background-color: #f9f9f9;
    width: 600px; /* 限制最大宽度 */
    margin: 0 auto; /* 居中 */
  }
  
  /* 标题样式 */
  h1 {
    font-size: 24px;
    margin-bottom: 20px; /* 标题与文件输入之间的间距 */
    color: #333;
  }
  
  /* 文件输入框样式 */
  input[type="file"] {
    margin-bottom: 20px; /* 文件输入与上传按钮之间的间距 */
    padding: 10px;
    border: 1px solid #007bff;
    border-radius: 5px;
    font-size: 16px;
    color: #555;
  }
  
  /* 上传按钮样式 */
  button {
    padding: 10px 20px;
    background-color: #007bff; /* 按钮背景色 */
    color: white; /* 按钮文字颜色 */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s; /* 添加过渡效果 */
  }
  
  /* 上传按钮悬停效果 */
  button:hover {
    background-color: #0056b3; /* 悬停时的背景色 */
  }
  
  /* 响应式设计 */
  @media (max-width: 500px) {
    div {
      width: 90%; /* 小屏幕时宽度为90% */
    }
  }

  /* 上传文件地址样式 */
.upload-url {
    user-select: text;
    display: block; /* 使其成为块级元素 */
    margin-top: 10px; /* 上边距 */
    padding: 10px; /* 内边距 */
    border: 1px solid #007bff; /* 边框 */
    border-radius: 5px; /* 圆角 */
    background-color: #f1f1f1; /* 背景颜色 */
    color: #007bff; /* 字体颜色 */
    text-decoration: none; /* 去掉下划线 */
    overflow-wrap: break-word; /* 允许单词换行 */
    word-wrap: break-word; /* 兼容性 */
    white-space: normal; /* 正常的空白处理 */
  }
  
  /* 链接悬停样式 */
  .upload-url:hover {
    background-color: #e0e0e0; /* 悬停时的背景色 */
  }
  
  /* 链接被选中时的样式 */
  .upload-url::selection {
    background-color: #007bff; /* 选中背景色 */
    color: white; /* 选中文字颜色 */
  }