/* 全局样式 */

/* 设置全屏背景 */
/* html {
    height: 100%; 
  } */

body {
    min-height: 100vh;
    margin: 0;
    padding: 0;
    /* font-family: 'Arial'; */
    font-family: 'Times New Roman';
    /* font-family: 'Microsoft YaHei';  */
    /* font-family: 'Microsoft JhengHei';  */
    /* font-family: 'Microsoft Sans Serif';  */
   
    font-size: 16px;
    /* height: 100%; */
    /* height: 100vh; */

    /* fallback for old browsers */
    /* background: #abbaab;   */
    /* Chrome 10-25, Safari 5.1-6 */
    /* background: -webkit-linear-gradient(to top, #ffffff, #abbaab);   */
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to bottom, #C4E0E5 , #F5F5F5 300px, #ffffff ); 
    /* 使背景固定，不随内容滚动 */
    /* background-attachment: fixed;  */
    /* background-color: #F5F5F5; */
    /* background-color: #FFFFFF; */
    /* overflow: hidden; */
    color: #333333;
    /* color: #f5f5f5; */
  }
  
h1, h2, h3 {
    font-family: 'Microsoft YaHei'; 
  }
  
  h1 {
    font-size: 30px;
    padding-left: 10px;
  }
  /* h2 {
    font-size: 26px;
  } */
  h3 {
    font-size: 22px;  
  }

  /* 顶部导航栏 */
  
  .header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    /* background: #468746; */
    /* background: linear-gradient(to bottom, #363795, #3F51B5, #005C97); */
    background: #6DD5FA;  /* fallback for old browsers */
    background: linear-gradient(to bottom, #2980B9, #6DD5FA, #C4E0E5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  }
  
    
 /* 右上角状态栏  */
.user-status  {
    font-size: 20px;
  }
  .user-status .user-btn  {
    font-size: 20px;
    margin: 10px;
    padding: 8px 15px;
    border-radius: 20px;
   
}
  .user-status a {
    /* color: #b3dae1; */
    font-size: 22px;
    text-decoration: none;  
  }
  
/* 页脚 */
  .footer-content {
    display: flex;
    justify-content: center; /* bspace-between; */
    align-items: center;
    padding: 20px;
    margin-top: 50px;
    /* background-color: #154677; */
    /* border-top: 1px solid #e7e7e7; */
  }
  
  .footer-content p {
    margin: 0;
  }

/* 其他综合 */
/* 容器 */
.container {
    /* 边框 */
    border: 2px solid #000000;
    border-radius: 5px;
}
/* 按钮 */
button {
    color: #000000;
  /* 边框 */
  background-color: transparent;
  cursor: pointer;
  border: 2px solid #000000;
  border-radius: 5px;
  /* 添加过渡效果 */
  transition: background-color 0.3s ease; 
} 
button:hover {
  /* 鼠标悬停时改变背景颜色 */
  background-color: #6e77c0; 
}

.header-content,.footer-content {
    /* 禁止用户选择文本 */
    user-select: none; 
}