#container ul{
    margin:0;
    padding:0;
    background:#fff;
}
#container li{
    margin:0;
    display: flex;
    color:#000;
    padding:0.26rem  0.22rem;
    box-sizing:border-box;
    list-style:none;
     
    font-size:0.26rem;
    border-top:1px  solid  #EAEAEA;
}
#container li{
    align-items: center;
    justify-content:space-between;
    white-space:nowrap;
}
#container li>span{
    display:inline-block;
    width:1.6rem;
    text-align:left;
}
#container li>div{
    
    flex:1;
    text-align:right;
    color:#666;
}
#container li>img{
    width:0.4rem;
}
.addServerList{
    flex:1;
    background:#fff;
    margin-top:0.2rem;
    padding:0.36rem  0.22rem;
}
.addServer_header{
   color:#333;
   font-size:0.24rem;
   margin-bottom:0.32rem;
}
.service_list{
    flex:1;
}

/* From Uiverse.io by cbolson */ 
.my-form {
    --_clr-primary: #666;
    --_clr-checked: #F18D22;
    --_clr-bg:#fff;
    --_bg-primary:  #F8F9FBFF;
    --_clr-bg-checked:rgba(241, 141, 34, 0.1);
    --_clr-bg-unchecked:#F8F9FBFF

  }
  .my-form .item{
    --_clr-current: var(--_clr-primary);
    display: flex;
    align-items: center;
    padding:0.22rem;
    background:var(--_bg-primary);
    border-radius: 4px;
    margin-bottom:0.2rem;
  }
 
  
.my-form   .service_list_item_left{
    border-right:1px dashed var(--_clr-primary);
    padding-right:0.22rem;
}
.my-form  .service_list_item_right{
    padding-left:0.20rem;
    display:flex;
    justify-content:space-between;
}
.my-form  .service_list_item_left>span:nth-child(1){
    font-size:0.24rem;
}
.my-form  .service_list_item_left>span:nth-child(2){
    font-size:0.20rem;
}
.my-form  .service_list_item_right>div:nth-child(1){
    color:#333;
    font-size:0.24rem;
}
.my-form  .service_list_item_right>div:nth-child(2){
    color:#666;
    font-size:0.2rem;
    margin-top:0.1rem;
}
  .my-form label {
    flex:1;
    align-items:center;
    color: var(--_clr-current);
    transition: color 150ms ease-in-out;
  }
  
  /* styled checkbox */
  .my-form input[type="radio"] {
    appearance: none;
    outline: none;
    width: 0.28rem;
    height: 0.28rem;
    aspect-ratio: 1;
    border-radius:100%;

    border: 1px solid var(--_clr-current);
    display: grid;
    place-content: center;
    cursor: pointer;
    background:var(--_clr-bg);
  }
  .my-form input[type="radio"]::after {
    content: "\2714";
    opacity: 0;
     
    color:#fff;
    font-size: inherit;
    font-family: inherit;
    
  }
  .activeitem{
    --_clr-current: var(--_clr-checked) !important;
    --_bg-primary:var(--_clr-bg-checked) !important;
    --_clr-bg: var(--_clr-checked) !important;
    
  }
   
  .my-form .item:has(input[type="radio"]:checked){
    --_clr-current: var(--_clr-checked);
    --_bg-primary:var(--_clr-bg-checked);
    --_clr-bg: var(--_clr-checked)
  }
  .my-form input[type="radio"]:checked::after {
    opacity: 1;
  }
  .toastbox{
    display:flex;
    position:fixed;
 
    align-items:center;
    flex-direction:column;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto; 
    border-radius:0.1rem;
    z-index:20; ;
    font-size:0.34rem;
    background:rgba(0, 0, 0, 0.6);
    visibility:hidden;
    justify-content:center;
  }
  .toast-container{
         align-items:center;
         background:#fff;
         border-radius:8px;
         padding:0.76rem 0.28rem 0 0.28rem;
  }
  .toast-header{
     font-size:0.40rem;
     font-weight:bold;
     color:#000;
     text-align:center;
      
  }
  .toast-content{
    border-radius:0.2rem;
    width:6rem;
    font-size:0.30rem;
    color:#333;
    
    line-height:0.5rem;
    padding:0.1rem;
     /* 基础对齐设置 */
  
  text-justify: inter-word;        /* 优先调整单词间距 (需浏览器支持) */
  
  /* 单词完整性保护 */
   
  hyphens: none;                   /* 禁用连字符换行 */
  overflow-wrap: normal;           /* 保持默认换行行为 */

  /* 字间距优化 */
  letter-spacing: -0.02em;         /* 微调字符间距 */
  word-spacing: -0.1em;            /* 压缩单词间距 */
  
  /* 最后一行对齐优化 */
  text-align-last: start;          /* 最后一行左对齐 (避免强制拉伸) */
	 
 
  }
  .bottom_btn{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    border-top:1px solid #eee;
  }
  .bottom_btn span{
    flex:1;
    text-align:center;
    line-height:1rem;
    font-size:0.34rem;
  }
  .bottom_btn span:nth-child(1){
    color:#000;
    font-weight:bold;
    border-right:1px solid #eee;
  }

  .bottom_btn span:nth-child(2){
    color:#576B95;
    font-weight:bold;
  }