/* 重置浏览器默认样式 */  
* {  
    margin: 0;  
    padding: 0;  
    box-sizing: border-box;  
}  
  
body, html {  
    font-family: Arial, sans-serif;  
}  
  
header nav {  
    position: fixed;  
    top: 0;  
    width: 100%;  
    display: flex;  
    justify-content: space-between;  
    align-items: center;  
    height: 50px;  
    background-color: rgba(255, 255, 255, 0.9);  
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);  
    padding: 0 8px;  
    z-index: 1000;  
}  


.hrr{  
background: -webkit-linear-gradient(left, #22c1f0, #619d52, #daa700);  border: none; height: 1px; background-color: #2f72dd;5px 5px 5px;

}  


  
  .container {  
    text-align: center; /* 使容器内的内容（包括图片）水平居中 */  
  }  
    
  .container img {  
    max-width: 100%; /* 图片最大宽度为父容器的100% */  
    height: auto; /* 保持图片的宽高比 */  
    display: block; /* 移除图片下方的默认间隙 */  
  }  
  
.logo img {  
    vertical-align: middle;  
    height: auto; 
    display: block;
}  
  
.menu {  
    list-style: none;  
    display: flex;  
}  
  
.menu li {  
    margin-left: 25px;  
}  
  
.menu li a {  
    text-decoration: none;  
    color: #333;  
}   

.wz {
    font-family: '微软雅黑', Arial, Helvetica, 宋体, sans-serif;  
    font-size: 20px;
    font-weight: bold;
    color: #e30ea4;
    background: -webkit-linear-gradient(left, #bc4018ed, #e70e10eb, #fa9125);
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent; 
}


.p1 {
    font-family: '微软雅黑', Arial, Helvetica, 宋体, sans-serif;  
    font-size: 20px;
    font-weight: bold;
    color: #e30ea4;
     background: -webkit-linear-gradient(left, #089ae3, #1abb38, #256cfa);
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent; 
}

.p2 {
    font-family: '微软雅黑', Arial, Helvetica, 宋体, sans-serif;  
    font-size: 20px;
    font-weight: bold;
    color: #e30ea4;
     background: -webkit-linear-gradient(left, #ff9933	, #ff9999, #ff99ff);  
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent; 
}
.p3 {
    font-family: '微软雅黑', Arial, Helvetica, 宋体, sans-serif;  
    font-size: 20px;
    font-weight: bold;
    color: #e30ea4;
     background: -webkit-linear-gradient(left, #d611ba, #e98613, #d95338);  
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent; 
}
.p4 {
    font-family: '微软雅黑', Arial, Helvetica, 宋体, sans-serif;  
    font-size: 20px;
    font-weight: bold;
    color: #e30ea4;
     background: -webkit-linear-gradient(left, #12bdcb, #2a6dc3, #e13131);  
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent; 
}
.p5 {
    font-family: '微软雅黑', Arial, Helvetica, 宋体, sans-serif;  
    font-size: 20px;
    font-weight: bold;
    color: #e30ea4;
     background: -webkit-linear-gradient(left, #ff0000, #ff9900, #ffcc00);  
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent; 
}

.p6 {
    font-family: '微软雅黑', Arial, Helvetica, 宋体, sans-serif;  
    font-size: 20px;
    font-weight: bold;
    color: #e30ea4;
     background: -webkit-linear-gradient(left, #993300, #999900, #99cc00);  
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent; 
}

.p7 {
    font-family: '微软雅黑', Arial, Helvetica, 宋体, sans-serif;  
    font-size: 20px;
    font-weight: bold;
    color: #e30ea4;
     background: -webkit-linear-gradient(left, #e80c0c, #09d7d9, #3366fb);  
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent; 
}


.p8 {
    font-family: '微软雅黑', Arial, Helvetica, 宋体, sans-serif;  
    font-size: 20px;
    font-weight: bold;
    color: #e30ea4;
     background: -webkit-linear-gradient(left, #08e309, #bb1aa4, #f125fa);  
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent; 
}

.t1 {
    font-family: '微软雅黑', Arial, Helvetica, 宋体, sans-serif;  
    font-size: 18px;
    font-weight: bold;
    color: #e30ea4;
    background: -webkit-linear-gradient(left, #ff9933, #bb8c1a, #fa2525);
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent; 
}
.t2 {
    font-family: '微软雅黑', Arial, Helvetica, 宋体, sans-serif;  
    font-size: 18px;
    font-weight: bold;
    color: #e30ea4;
    background: -webkit-linear-gradient(left, #1abb38, #bb1aa4, #ff9933);
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent; 
}

.p9 {
    font-family: '微软雅黑', Arial, Helvetica, 宋体, sans-serif;  
    font-size: 18px;
   background: -webkit-linear-gradient(left, #0030ff, #089ae3, #22c1f0);
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent; 
}
     @media (min-width: 768px) {
   main {  
    padding: 60px 10px 50px 10px;  
    text-align: center;  
}  
  .toptip  {border-radius: 10px;  
    box-shadow: 0 0px 15px rgba(0,0,0,0.2);  
    padding: 5px 15px 5px 15px;  
}  



.notice p {  
    font-family: '微软雅黑', Arial, Helvetica, 宋体, sans-serif;  
    margin-bottom: 5px;
    font-weight: bold;  
    text-align: left;
    font-size: 20px;
    color: #e31c0e;
    background: -webkit-linear-gradient(left, #ff00f7, #000aff, #f03522);  
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent; 
}  

.content pre {  
    margin: 10px auto;
    background-color: white;  
    line-height: 1.8;
    white-space: pre-wrap;
    word-wrap: break-word;
    padding: 10px 15px 10px 15px;  
    font-size: 18px;  
    font-family:'微软雅黑', Arial, Helvetica, 宋体, sans-serif;  
    text-align: left;  
    margin-left: 2px;
    border-radius: 10px;  
    box-shadow: 0 0px 15px rgba(0,0,0,0.2);  
    width: 100%; /* 使pre标签在手机端水平宽度铺满 */  
    box-sizing: border-box; /* 确保内边距和边框不会增加宽度 */  
}  

.pbold {
    font-family: '微软雅黑', Arial, Helvetica, 宋体, sans-serif;  
    font-size: 20px;
    font-weight: bold;
    color: #e30ea4;
     background: -webkit-linear-gradient(left, #0030ff, #7e529d, #da0000);  
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent; 
}

.tejia {
    font-weight: bold;
     background: -webkit-linear-gradient(left, #22c1f0, #619d52, #daa700);  
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent; 
}

.yewu {
    font-weight: bold;
   background: -webkit-linear-gradient(left, #0937ec, #e71f3e, #f1e233f0);
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent; 
}
    }
     /* 在手机访问时应用的样式 */
    @media (max-width: 767px) {
  main {  
    padding: 60px 3px 40px 2px;  
    text-align: center;  
}  

    .toptip  {
    border-radius: 5px;  
    box-shadow: 0 0px 10px rgb(255 195 128 / 50%);  
    padding: 5px 3px 5px 3px;  
}  
.notice p {  
    font-family: '微软雅黑', Arial, Helvetica, 宋体, sans-serif;  
    margin-bottom: 5px;
    font-weight: bold;  
    text-align: left;
    font-size: 16px;
    color: #e31c0e;
    background: -webkit-linear-gradient(left, #ff00f7, #000aff, #f03522);  
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent; 
}  

   .content pre {  
    margin: 10px auto;
    background-color: white;  
    line-height: 1.8;
    white-space: pre-wrap;
    word-wrap: break-word;
    padding: 3px;  
    font-size: 15px;  
    font-family:monospace, monospace;  
    text-align: left;  
    font-weight: bold;
    margin-left: 3px;
    border-radius: 5px;  
    box-shadow: 0 0px 10px rgb(255 195 128 / 50%);  
    width: 100%; /* 使pre标签在手机端水平宽度铺满 */  
    box-sizing: border-box; /* 确保内边距和边框不会增加宽度 */  
}  
.yewu {
    font-weight: bold;
     background: -webkit-linear-gradient(left, #0937ec, #e71f3e, #f1e233f0);
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent; 
}
.tejia {
    font-weight: bold;
     background: -webkit-linear-gradient(left, #22c1f0, #619d52, #daa700);  
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent; 
}
.p9 {
    font-family: '微软雅黑', Arial, Helvetica, 宋体, sans-serif;  
    font-size: 17px;
    background: -webkit-linear-gradient(left, #0030ff, #089ae3, #22c1f0);
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent; 
}
.pbold {
    font-family: '微软雅黑', Arial, Helvetica, 宋体, sans-serif;  
    font-size: 17px;
    font-weight: bold;
    color: #e30ea4;
     background: -webkit-linear-gradient(left, #0030ff, #7e529d, #da0000);  
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent; 
}
    }
 
footer {  
    position: fixed;  
    bottom: 0;  
    width: 100%;  
    background-color: rgba(255, 255, 255, 0.9);  
    box-shadow: 0 -2px 5px rgba(0,0,0,0.2);  
    padding: 10px 0;  
    text-align: center;  
    z-index: 1000;  
}  
  
footer p a {  
    text-decoration: none;  
    color: #333;  
    margin: 0 10px;  
}  

.gotop{
	width:32px;
	height:32px;
	border:0;
	border-radius: 100px;
	opacity: 0.8;
}

#backToTop {  
    position: fixed;
    bottom: 45px;
    right: 5px;
    border: none;
    color: #c2140c;
    padding: 10px;
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    width: 40px;
    height: 40px;
}  
  
#backToTop:hover {  
    background-color: rgb(255 250 128 / 50%);  
}