* {
    margin: 0;
    padding: 0;
}

.avtice:hover {
    font-weight: 700;
    cursor: pointer;

}

input {
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    color: white;
    caret-color: white; /* 设置光标颜色 */

}

/* 添加防止浏览器自动填充时背景变白的样式 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px #1D2125 inset !important;
    -webkit-text-fill-color: white !important;
    box-shadow: 0 0 0px 1000px #1D2125 inset !important;
    transition: background-color 5000s ease-in-out 0s;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px #1D2125 inset, 0 0 0 1000px #1D2125 inset !important;
}

input::placeholder {
    color: rgb(151, 148, 148);
    /* 你可以把颜色改为其他你喜欢的颜色 */
    opacity: 1;
    /* 确保在所有浏览器上的一致性 */
    font-size: 16px;
}

i {
    font-style: normal;
}

.disnone {
    display: none;
}

.disblock {
    display: block;
}

body {
    background-color: #1D2125;
    position: relative;
    /* width: 100vh; */
    /* height: 100vh; */
    /* height: 100vh; */
    color: white;
    /* display: flex; */
    /* 水平居中 */
    /* justify-content: center; */
    /* 垂直居中 */
    /* align-items: center; */

    /*同时水平垂直居中*/
    /* place-items: center; */
}

.loginSignup {
    position: absolute;
    /* top: 50%; */
    left: 50%;
    transform: translate(-50%, 50%);
}

img {
    width: 240px;
    margin-bottom: 15px;
}

select {
    width: 105px;
    /* 宽度 */
    padding: 2px 5px;
    /* 内边距 */
    border: 1px solid #52595f;
    /* 边框 */
    border-radius: 4px;
    /* 圆角 */
    background-color: #1D2125;
    /* 背景色 */
    font-size: 16px;
    /* 字体大小 */
    color: rgb(172, 169, 169);
    /* 字体颜色 */
    cursor: pointer;
    /* 鼠标变成手指 */
    outline: none;
    /* 去除默认焦点边框 */
    transition: border-color 0.3s;
    /* 边框颜色渐变 */
    margin-left: 5px;
}

select:focus {
    border-color: #171819;
    /* 聚焦时边框颜色 */
    box-shadow: 0 0 5px #171819;
    /* 聚焦时阴影 */
    outline: none;

}

#login {
    min-width: 260px;

    margin: auto;
    /* border: 1px solid white; */
}

#signup {
    width: 260px;
    margin: auto;
    /* border: 1px solid white; */
}

h1 {
    margin-bottom: 25px;
}

.login {
    border-bottom: 2px solid rgb(94, 92, 90);
    margin-top: 20px;
}

.login i {
    font-size: 20px;
    margin-right: 8px;
}

.hint {
    width: 100%;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}

.hint span {
    display: flex;
    width: 100%;
    font-size: 13px;
    color: rgb(233, 194, 156);

}

.hint span:nth-child(2) {
    display: inline-block;
    text-align: right;
}

.btn {
    width: 100%;
}

.btn span {
    display: inline-block;
    text-align: center;
    width: 100%;

    background-color: #434857;
    padding: 10px;
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 25px;
    border-radius: 33px;
}

/* 添加跑马灯边框效果 */
@keyframes border-marquee {
    0% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.7);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }
}

.btn-login-animation {
    position: relative;
    overflow: hidden;
    animation: border-marquee 1s infinite linear;
}

.container {
    width: 100%;
    display: grid;
    grid-auto-flow: column;
    /* 横向排列 */
    justify-content: center;
    /* 水平居中 */
    align-items: center;
    /* 垂直居中 */
    gap: 10px;
    font-size: 14px;

}

.container span {
    color: #c0c2c5;
}

.indLanguage {
    /* margin-top: 20px; */
    padding: 8px;
    position: absolute;
    /* top: 50%; */
    left: 50%;
    transform: translate(-50%, 0);

}