@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;500;700;900&display=swap";@charset "UTF-8";:root{--main-color: #292e33}body{margin:0;background-color:#000;font-family:Noto Sans TC,sans-serif;color:#fff}body *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{padding:.75rem 1.2rem;background-color:#e6dede;border-radius:.25rem;border:0;outline:0;color:#292e33;font-size:1rem;font-weight:700;cursor:pointer}button:enabled:hover{background-color:#fff}button:disabled{opacity:.65;cursor:not-allowed}.form-panel{max-width:512px;padding:0 2rem;margin:2.5rem auto;background-color:var(--main-color);padding:1rem 2rem;border-radius:.5rem}.form-panel .form-panel-header{margin-bottom:1.5rem}.form-panel .form-panel-header h1,.form-panel .form-panel-header h2,.form-panel .form-panel-header h3,.form-panel .form-panel-header p,.form-panel .form-panel-header span{margin:0}.form-panel .form-panel-footer{text-align:center;margin-top:1.5rem}.form-panel .form-panel-footer button{margin:.3rem .5rem}.form-group{display:flex;flex-direction:column}.form-group+.form-group{padding-top:1rem}.form-group label{padding:0 .2rem .5rem}.form-group input[type=text],.form-group textarea{width:100%;border:none;background-color:#424242;color:#fff;font-family:inherit;font-size:inherit;border:solid 1px grey;border-radius:.5rem;padding:.5rem 1rem;outline:none;transition:.15s}.form-group input[type=text]:focus,.form-group input[type=text]:hover,.form-group textarea:focus,.form-group textarea:hover{border-color:#fff;background-color:#202020}.form-group input[type=text]:invalid,.form-group textarea:invalid{border:solid 2px salmon}.form-group textarea{resize:vertical}.form-group .radio-option{position:relative}.form-group .radio-option .radio-input{display:inline-flex;padding:.5rem 1rem}.form-group .radio-option input{height:0;width:0;opacity:0;visibility:hidden;position:absolute}.form-group .radio-option input:checked+span:after{content:"";position:absolute;top:50%;left:0;transform:translate(-50%,-50%);height:.6rem;width:.6rem;border-radius:50%;background-color:#2e2e2e}.form-group .radio-option span{position:relative;padding-left:1rem}.form-group .radio-option span:before{content:"";position:absolute;top:50%;left:-.5rem;transform:translateY(-50%);height:1rem;width:1rem;border-radius:50%;background-color:gray}.form-group p.error-message{color:salmon;margin:0;padding-left:.2rem}