/* The supplied event screen: full background, centered title and open form. */
body.login-page{margin:0;background:#152783;color:#fff;overflow-x:hidden}
.reference-login{position:relative;width:100%;height:100dvh;min-height:540px;overflow:hidden;background-color:#111e76;background-image:var(--event-background,none);background-position:center;background-size:100% 100%;background-repeat:no-repeat;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
.reference-login-header{position:static}
.reference-login-title-image{position:absolute;top:16%;left:9%;width:82%;height:21%;display:flex;align-items:center;justify-content:center}
.reference-login-logos{position:absolute;left:5.7%;top:5.8%;display:flex;align-items:center;gap:1.1vw;z-index:1;height:6.2vh;min-height:44px}
.reference-login-logos .activity-logo,.reference-login-logos .event-logo{height:100%;max-height:100%;width:auto;max-width:10vw;object-fit:contain}
.reference-login .reference-title{position:absolute;top:17.3%;left:9%;width:82%;text-align:center;color:#fff;margin:0;font-weight:700;line-height:1.55;letter-spacing:.1em;text-shadow:0 1px 2px #16225d22}
.reference-login .reference-title-main{display:block;font-size:clamp(29px,3.85vw,76px);white-space:nowrap;line-height:1.5}
.reference-login .reference-title-secondary{display:block;font-size:clamp(28px,3.85vw,76px);margin-top:.35em;line-height:1.35;letter-spacing:.11em}
.reference-login .reference-calligraphy{font-family:"STKaiti","Kaiti SC","KaiTi","楷体",serif;font-weight:700;font-size:1.18em;letter-spacing:.14em;display:inline-block;margin:0 .08em;line-height:1;vertical-align:-.04em}
.reference-login-form{position:static;margin:0}
.reference-login-fields{position:absolute;top:41.5%;left:25.8%;width:47.8%;display:flex;flex-direction:column;gap:3.45vh}
.reference-login-row{display:grid;grid-template-columns:21% 75%;gap:4%;align-items:center;min-width:0}
.reference-login-row>label{white-space:nowrap;font-size:clamp(23px,2.28vw,46px);font-weight:700;letter-spacing:.06em;line-height:1.3;text-align:left;color:#fff}
.reference-login-input{position:relative;height:6.2vh;min-height:49px;max-height:100px;border:1px solid #c9b7ff;border-radius:7px;background:#e8efff;box-shadow:none}
.reference-login-input input{display:block;height:100%;width:100%;padding:0 18px;border:0!important;border-radius:5px;background:transparent;color:#0d1017;font-size:clamp(19px,1.7vw,34px);font-weight:400;box-shadow:none!important;outline:none;-webkit-appearance:none;min-width:0}
.reference-login-input input::placeholder{color:#a0a6b5;font-size:.9em}
.reference-login-input:focus-within{border-color:#b393ff;box-shadow:none;outline:2px solid #b393ff;outline-offset:2px}
.reference-login-input input[type=password],.reference-login-input input[name=password]{padding-right:52px}
.reference-password-eye{position:absolute;right:9px;top:0;bottom:0;border:0;background:transparent;color:#64739c;padding:7px;display:flex;align-items:center;justify-content:center;opacity:.72}
.reference-password-eye:hover{opacity:1}
.reference-login-error{position:absolute;top:63%;left:34%;width:40%;margin:0;text-align:center;color:#fff0f2;font-size:clamp(13px,1.1vw,19px);line-height:1.6;font-weight:500;border-radius:5px}
.reference-login-error:not(:empty){padding:4px 10px;background:#6438748c;text-shadow:0 1px 1px #22194055}
.reference-login-submit{position:absolute;top:67.2%;left:38.3%;width:23.4%;height:7.7vh;min-height:60px;max-height:120px;border:0;border-bottom:3px solid #207dff;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(21deg,#23aaff 2%,#4bffff 57%,#86ffb7 100%);box-shadow:0 2px 2px #395fed35;color:#fff;text-shadow:0 2px 2px #2b7ee733;font-size:clamp(28px,2.45vw,50px);font-weight:700;line-height:1.2;letter-spacing:.05em;padding:0 15px;touch-action:manipulation;-webkit-appearance:none}
.reference-login-submit:hover{filter:brightness(1.04)}
.reference-login-submit:active{transform:translateY(1px);box-shadow:none}
.reference-login-title-image .event-title-image{min-width:0;min-height:0}
@media(max-width:699px){.reference-login-title-image{top:14.5%;left:5%;width:90%;height:22%}}
@media(max-height:540px) and (min-width:700px){.reference-login-title-image{top:10%;height:27%}}
.reference-login-submit:disabled{opacity:.8;cursor:wait}
.reference-login-submit[aria-busy=true]{font-size:clamp(21px,1.8vw,35px)}
.reference-login button:focus-visible{outline:3px solid #ebefff;outline-offset:5px}
@media(min-aspect-ratio:16/10){.reference-login .reference-title{top:16%}.reference-login .reference-title-main{font-size:3.55vw}.reference-login .reference-title-secondary{font-size:3.55vw;margin-top:.25em}.reference-login-fields{top:42%;width:47.8%}.reference-login-row>label{font-size:2.25vw}.reference-login-input{min-height:44px}.reference-login-submit{min-height:53px}.reference-login-logos{height:7.1vh}}
@media(max-width:1100px) and (min-width:700px){.reference-login .reference-title{left:6%;width:88%}.reference-login .reference-title-main{font-size:3.9vw}.reference-login .reference-title-secondary{font-size:3.9vw}.reference-login-row>label{font-size:2.4vw}.reference-login-input input{font-size:2vw}.reference-login-logos{height:6.5vh}.reference-login-submit{width:25%;left:37.5%;font-size:3vw}}
@media(max-width:699px){.reference-login{min-height:600px;background-size:auto 100%;background-position:center}.reference-login-logos{top:5%;left:6%;height:43px;min-height:0;gap:12px}.reference-login-logos .activity-logo,.reference-login-logos .event-logo{max-width:70px}.reference-login .reference-title{top:19%;left:5%;width:90%;letter-spacing:.03em}.reference-login .reference-title-main{white-space:normal;font-size:clamp(23px,4.9vw,34px);line-height:1.5}.reference-login .reference-title-secondary{font-size:clamp(23px,4.9vw,34px);margin-top:.38em;line-height:1.4;letter-spacing:.03em}.reference-login-fields{left:8%;width:84%;top:43%;gap:22px}.reference-login-row{grid-template-columns:24% 72%;gap:4%}.reference-login-row>label{font-size:clamp(17px,4.1vw,25px);letter-spacing:0}.reference-login-input{height:49px;min-height:49px}.reference-login-input input{font-size:19px;padding-left:12px}.reference-login-error{top:66%;left:15%;width:77%;font-size:12px}.reference-login-submit{left:29%;width:42%;top:73%;height:59px;min-height:59px;font-size:26px}}
@media(max-height:540px) and (min-width:700px){.reference-login{min-height:380px}.reference-login-logos{top:4%;height:42px;min-height:0}.reference-login .reference-title{top:12%}.reference-login .reference-title-main,.reference-login .reference-title-secondary{font-size:clamp(24px,3.3vw,40px);line-height:1.25}.reference-login .reference-title-secondary{margin-top:.2em}.reference-login-fields{top:39%;gap:17px;width:52%;left:24%}.reference-login-row{grid-template-columns:23% 73%}.reference-login-row>label{font-size:23px}.reference-login-input{height:39px;min-height:39px}.reference-login-input input{font-size:20px}.reference-login-error{top:69%;font-size:12px}.reference-login-submit{top:78%;height:48px;min-height:48px;font-size:27px}}