* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {

    min-height: 100vh;

    display: flex;

    align-items: center;
    justify-content: center;

    overflow: hidden;

    font-family:
        "PingFang SC",
        sans-serif;

    background:
        linear-gradient(to right,
            #acecea,
            #f3d9e4);
}

/* 光 */

.bg-light {

    position: fixed;

    top: -250px;
    left: 50%;

    transform: translateX(-50%);

    width: 800px;
    height: 800px;

    background:
        radial-gradient(circle,
            rgba(255, 255, 255, 0.5),
            transparent 70%);
}

/* 登录盒子 */

.login-box {

    position: relative;

    z-index: 2;

    width: 420px;

    padding: 50px 40px;

    border-radius: 36px;

    background:
        rgba(255, 255, 255, 0.38);

    backdrop-filter:
        blur(20px);

    border:
        1px solid rgba(255, 255, 255, 0.35);

    text-align: center;
}

.login-box h1 {

    font-size: 42px;

    margin-bottom: 14px;

    color: #111827;
}

.login-box p {

    margin-bottom: 40px;

    color: #4b5563;
}

/* 输入框 */

.login-box input {

    width: 100%;

    height: 64px;

    margin-bottom: 22px;

    padding: 0 22px;

    border: none;

    outline: none;

    border-radius: 20px;

    font-size: 16px;

    background:
        rgba(255, 255, 255, 0.58);
}

/* 按钮 */

#loginBtn {

    width: 100%;

    height: 64px;

    border: none;

    cursor: pointer;

    border-radius: 22px;

    font-size: 18px;

    font-weight: 700;

    color: white;

    background:
        linear-gradient(135deg,
            #111827,
            #374151);

    transition: 0.3s;
}

#loginBtn:hover {

    transform:
        translateY(-4px);

    box-shadow:
        0 15px 30px rgba(0, 0, 0, 0.12);
}

/* 提示 */

#loginStatus {

    margin-top: 22px;

    color: #374151;
}