.logo img {
  height: 50px;
  padding-left: 0;
  padding-top: 0;
}
.dhl{
  display: flex;
  justify-content: flex-start;
  align-items: center; 
  background: #578dcf;
  
  gap: 5%;
  padding: 15px 25px;
  border-radius:8px;
}
.lj1{
  color: azure;
  text-decoration: none;
  margin-left: 15px;
}
.nr{
  text-align:left;
  padding-left:4%;
}
#ALL{
    background-color: rgb(167, 208, 242);
    padding-bottom: 4%;
    padding-left:2.5%;
    padding-right:2.5%;
}
#title-all{
  padding-top:2%;
  padding-bottom:2%;
  border-radius:8px;
  background-color: #1A365D;
}
#title1{
  text-align:center;
  color:rgb(255, 255, 255);
  font-family:"-apple-system","Microsoft YaHei",SimHei,sans-serif;
}
#huashu{
  margin-top:3%;
  text-align:center;
  color: antiquewhite;
}
#yi{
  color: chocolate;
  text-decoration:underline cornflowerblue;
}
#er{
  color: gold;
}
#gg{
  padding-left:2.5%;
  padding-right:2.5%;
  padding-bottom:2%;
  background-color: rgb(255, 255, 255);
  border-radius:8px;
}
#xdbt{
  padding-top:2%;
  text-align:center;
  color:rgb(145, 12, 5);
}
#gg2{
  text-align:left;
}
#idd{
  color: crimson;
}
#TRX{
  color:chocolate;
}
#id{
  text-align:left;
  padding-left:4%;
}
#ksdiv{
    padding-top:3%;
  text-align:center;
}
#ks{
  padding: 1.6% 4%;
  font-size: 30px;
  background-color: rgb(65, 238, 149);
  border-radius:10px;
  border: none;            /* 去掉丑边框 */
  cursor: pointer;         /* 鼠标变小手 */
  transition: 0.3s;        /* 动画平滑 */
  font-weight: bold;       /* 字体加粗 */
  color: #fff;             /* 文字白色 */
  
}
#ks:hover{
  background-color: rgb(45, 200, 120); /* 鼠标变深绿 */
  transform: scale(1.08);  /* 微微放大 */
}
#ur{
  color: azure;
  text-decoration: none;
}
/*PAGE2*/
#JEALL{
  text-align:center;
  padding-top: 5%;
  display: flex;
  border: 2px solid #36968e;
  border-radius:13px;
  padding:3%;
  margin-bottom:1%;
  margin-top:0.6%;
}
#JE{
  justify-content: flex-start;
  width:75%;
  height:auto;
  display:flex;
  flex-direction:column;

}
#JE1{
  justify-content: flex-end;
  width:75%;
  height:auto;
  display:flex;
  flex-direction:column;

  
}
.SF{ 
  padding-left: 14%;
  width:75%;
  height:auto;
  text-align:center;
}
.KSSX{
  flex: none; 
  text-align:center;
}
.ks4{
  width: 60%;
  height: 120%;
  border-radius:13px;
  background-color: #578dcf;
  color:antiquewhite;
  border: none;            /* 去掉丑边框 */
  cursor: pointer;         /* 鼠标变小手 */
  transition: 0.3s;        /* 动画平滑 */
  font-weight: bold;
}
#ks4:hover{
  background-color: rgb(45, 200, 120); /* 鼠标变深绿 */
  transform: scale(1.08);  /* 微微放大 */
}
#jcjc{
  padding-top: 0.4%;
  background-color: #5f90cc;
  border-radius:10px;
  border: 2px solid #0085f1;
  padding-left:5%;
  padding-right:5%;
}
#jcjc1{
  background-color: #1A365D;
  color:chocolate;
  border-radius:20px;
  text-align:center;

}
#jcjc2{
  color:blanchedalmond;
}
#kf{
  background-color:crimson;
  border-radius:13px;
}
#qx{
  background-color:#ff0000;
  color:#00b84a;
}
#QQKL{
  color: #ff0000;
}
#lj11{
  border: 2px solid #0e06ff;
  background-color: #1c2b57;
  border-radius:13px;
}
#dizhi{
  background-color: antiquewhite;
  border-radius:20px;

}
#DIZHI1{
  text-align:center;
  border-radius:50px;
}
#AF{
  width: 40%;
  height: 70%;
  border-radius:20px;
  background-color: #8f1616;
  color:antiquewhite;
  border: none;            /* 去掉丑边框 */
  cursor: pointer;         /* 鼠标变小手 */
  transition: 0.3s;        /* 动画平滑 */
   text-align:center;
}
#DIZHI2{
   text-align:center;
}
#SKDZ11{
  text-align:center;
  color: #00b84a;
  background-color: darkgreen;
  margin-left:20%;
  margin-right:20%;
  border-radius: 8px;
}
#SKDZ22{
  padding-left: 20%;
  padding-right: 20%;

}
#TDrSLqj5KKMLdaDe8dL8hDiP1uJUfJ2dm2{
   background-color:rgb(0, 34, 127);
   color: cornflowerblue;
   text-align:center;
   border-radius: 4px;
   text-decoration: underline;
   word-wrap: break-word;
   white-space: pre-wrap;
   word-break: break-all;
   overflow-wrap: break-word;
}
#done1{
  margin-top: 10%;
  justify-content: center;
  align-items: center;
  display: flex;
  gap: 20%;
}
/* 一键复制 按钮 */
#cp {
  padding: 12px 28px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #578dcf;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

#cp:hover {
  background-color: #4a7bb5;
  transform: scale(1.05);
}

/* 我已完成 按钮 */
#ok {
  padding: 12px 28px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #00b84a;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

#ok:hover {
  background-color: #009c40;
  transform: scale(1.05);
}
#QQ {
  display: block;
  width: 85%;            /* 宽度自适应，手机也好看 */
  max-width: 400px;      /* 最大宽度，不会太宽 */
  margin: 2% auto 0;     /* 上方距离 5% + 水平居中 ✅ 核心 */
  padding: 14px 18px;    /* 内边距，更舒服 */
  background: #1A365D;   /* 深色背景，和你页面统一 */
  color: #fff;           /* 白色文字 */
  font-size: 16px;
  border: 2px solid #578dcf;
  border-radius: 12px;    /* 圆角好看 */
  text-align: center;     /* 文字居中 */
  outline: none;
  transition: 0.3s ease;
}

/* 点击输入框时的高亮效果 */
#QQ:focus {
  border-color: #00b84a;
  background: #254a7a;
  transform: scale(1.02);
}
#find2{
  text-align: center;
  padding: 4%;
}
#kljc{
  text-align: center;
  Border-radius: 12px;
  background-color: #4a7bb5;
  color: darksalmon;
}
#kljc1{
  padding-bottom: 1%;
  padding-top: 1%;
  padding-left: 5%;
  background-color: #4a7bb5;
  border-radius: 30px;
}
#fdiv{
  padding-top: 1%;
}
#okokok{
  display: block;
  margin: 0 auto;
}
#okokok {
  display: block;
  margin: 30px auto 0;
  padding: 12px 36px;
  font-size: 16px;
  font-weight: 500;
  border: none;
  border-radius: 8px;
  background: linear-gradient(135deg, #409eff, #2b85e4);
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(64, 158, 255, 0.3);
}

/* 鼠标悬浮效果 */
#okokok:hover {
  background: linear-gradient(135deg, #337ecc, #2472c2);
  box-shadow: 0 6px 16px rgba(64, 158, 255, 0.4);
  transform: translateY(-2px);
}

/* 点击按下效果 */
#okokok:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3);
}