*{
    margin: 0;
    padding: 0;
}

/* 玻璃+边缘羽化 */
.login {
    display: flex;
    justify-content: center;
    align-items: center;

    /* 建议给点内边距和圆角，效果更柔和 */
    min-width: 20vw;
    max-width: 40vw;

    min-height: 40vh;
    max-height: 80vh;

    border-radius: 16px;

    /* 半透明底色——要有透明度，backdrop-filter 才能生效 */
    background: rgba(255, 255, 255, 0.12);

    /* 背景虚化 + 略微提高饱和度，玻璃质感 */
    backdrop-filter: blur(16px) saturate(130%);
    -webkit-backdrop-filter: blur(16px) saturate(130%);

    /* 玻璃边框细线，可选 */
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 10px 30px rgba(0,0,0,0.18);

    /* 关键：对自身做“羽化”遮罩，让四周渐隐，看起来像边缘被柔化/模糊 */
    /* 72% 可自行调节，越小羽化范围越大 */
    mask-image: radial-gradient(100% 100% at 50% 50%, #000 72%, transparent 100%);
}
