.main-ctnr{max-width:400px;margin:110px auto 50px auto;padding:20px;background:var(--bg);border-radius:8px;}


.main-ctnr .ctnt[data-w="account"]{flex-direction:column;}
.main-ctnr .ctnt[data-w="wechat"]{height:420px;overflow:hidden;}
/* .main-ctnr .ctnt[data-w="wechat"] iframe{margin-top:-38px;} */

.main-ctnr .ctnt form{width:100%;margin:20px auto 10px auto;}
.main-ctnr h1{text-align:center;margin-bottom:20px;color:var(--fg);font-size:calc(var(--fontSize)*1.2);}
.main-ctnr .alert{background-color:#f8d7da;color:#721c24;padding:10px;margin-bottom:20px;border:1px solid #f5c6cb;border-radius:5px;}
.main-ctnr .form-group{margin-bottom:10px;}
.main-ctnr .form-group>label{display:block;margin-bottom:5px;color:#555;}
.main-ctnr input[type="text"],  input[type="password"]{width:100%;border:1px solid #ccc;border-radius:4px;}
.main-ctnr button{width:100%;padding:10px;background-color:var(--blue);color:white;border:none;border-radius:4px;cursor:pointer;}
.main-ctnr button:hover{background-color:var(--blue1);}
.main-ctnr button:disabled, .main-ctnr button:disabled:hover{cursor:not-allowed;background-color:var(--fg_sub);}

.main-ctnr .checkbox-container{display:flex;align-items:center;margin-bottom:4px;}
.main-ctnr .checkbox-container input{margin-right:4px;}
.main-ctnr p{text-align:center;}
.main-ctnr a{color:var(--blue);text-decoration:none;}
.main-ctnr a:hover{color:var(--blue1);}
.main-ctnr .btm{width:100%;display:flex;align-items:center;padding:10px 0px;justify-content:space-between;}



.main-ctnr>#nav{display:flex;}
.main-ctnr>#nav>*:not(:last-child){margin-right:8px;}
.main-ctnr>#nav>*{color:var(--fg_sub);padding:4px;cursor:pointer;font-size:calc(var(--fontSize)*1.2);user-select:none;}
.main-ctnr>#nav>*.sel{color:var(--fg);border-bottom:2px solid var(--fg);}
.main-ctnr>.ctnt{display:none;justify-content:center;align-items:center;}
.main-ctnr>.ctnt.sel{display:flex;}