html, body { height: 100%; margin: 0; padding: 0; background-color: #000; }
.logo { margin: 0; padding-top: 30px; font-size: 2.2rem; font-family: 'YouYuan','Microsoft YaHei'; color: #ccc; text-align: center; text-shadow: 2px 2px #000; }
.content { overflow: hidden; text-align: center; margin: 20px auto; width: 330px; overflow: hidden; background-color: rgba(255,255,255,0.1); border-radius: 8px; box-shadow: 0px 0px 30px rgb(101 11 81 / 50%); position: absolute; z-index: 2; top: calc(50vh - 200px); left: calc(50vw - 165px); }
    .content p { text-align: left; color: #ccc; padding-left: 10px; padding: 10px; }
        .content p input, .content p select { border: 0; border-bottom: solid 1px #000; border-right: solid 1px #000; background-color: transparent; color: #eee; font-size: 1.2rem; width: 99%; box-shadow: inset 1px 1px 1px #000; border-radius: 5px; margin-top: 5px; padding: 2px 5px; box-sizing: border-box; text-align: center; }
        .content p button { margin: auto; border: solid 1px #999; background-color: transparent; color: #eee !important; width: auto; height: 2rem !important; margin: 0; font-size: 1.2rem; text-shadow: 1px 1px #333; box-shadow: 2px 2px 2px #000; }
            .content p button:hover { background-color: #0b346d; }
        .content p select option { background-color: #333; line-height: 2; }
        .content p span { float: right; display:inline-block; margin: 5px; }
        .content p span > input { width: auto; margin:3px 5px 0 0; }
            .content p span > label { color: #fff; }