*,*::before,*::after{box-sizing:border-box}body,button{letter-spacing:1px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "微軟正黑體", "Microsoft JhengHei"}body{position:relative;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:justify;justify-content:space-between;min-height:100vh;background:-webkit-gradient(linear, left top, right top, from(#232526), to(#414345));background:linear-gradient(to right, #232526, #414345);color:rgba(255,255,255,0.87)}a{color:rgba(255,255,255,0.5) !important;-webkit-transition:color .2s;transition:color .2s}a:hover{color:#FFF !important}.d-none{display:none}.w-480{margin-right:auto;margin-left:auto;max-width:510px}.text-center{text-align:center}hr{width:100%;height:0;border:0;border-top:1px solid #CCC}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;padding:1rem 3rem;line-height:1;background:#00A7E5;border:1px solid rgba(255,255,255,0.1);border-radius:15px;white-space:nowrap;font-size:16px;color:rgba(255,255,255,0.87);cursor:pointer;outline:none;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);-webkit-transition:background .2s, color .2s;transition:background .2s, color .2s}.btn:hover,.btn:focus{background:#008BBF;color:#FFF}h1{font-size:32px}h2{font-size:18px}@media screen and (max-width: 480px){h1{font-size:20px}h2{font-size:16px}}.card-wrap.log{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.card-wrap.logged{padding:0 2rem 2rem;background:rgba(255,255,255,0.1);border-radius:8px;box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}.card-wrap .alert{margin-bottom:1rem;padding-top:1rem;line-height:4;background:-webkit-gradient(linear, left top, right top, from(#232526), to(#414345));background:linear-gradient(to right, #232526, #414345);border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}.card-wrap .alert h2{margin:0}.card-wrap img{display:block;margin-right:auto;margin-left:auto;max-width:80px;border-radius:50%}.card-wrap p{line-height:1.5}.card-wrap h6{font-weight:normal;color:rgba(255,255,255,0.5)}