/*
  * logo 样式
  */
.logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: var(--gap-m) 0;
    gap: var(--gap-xs);
}

.logo img {
    width: var(--gap-xl);
    height: var(--gap-xl);
    flex-shrink: 0;
    /* 防止图片在空间不足时被压缩 */
}

.logo a {
    font-size: var(--font-size-xl);
    font-weight: bold;
    white-space: nowrap;
    /* 防止文字换行 */
}

header text {
    font-size: var(--font-size-l);
}

/*
  * 登录/注册表单样式
  */
.login {
    display: none;
}

.register {
    display: none;
}

.fogot {
    display: none;
}

.form-acctive {
    display: block;
}

section.login {
    margin: var(--gap-xxl) 0 150px;
}

.login text {
    font-size: var(--font-size-m);
}

form.login-form {
    padding: var(--gap-m) 0 var(--gap-s);
    display: grid;
    gap: var(--gap-m);
}

.login-form input {
    padding: var(--gap-s);
    font-size: var(--font-size-m);
}

.login-form .btn {
    padding: var(--gap-s) var(--gap-m);
    font-size: var(--font-size-m);
}

.login .tips {
    margin-top: var(--gap-xxl);
}