*{box-sizing:border-box}html{background:#123a4a}body{margin:0;font-family:"Microsoft YaHei",sans-serif;color:white}button,a{-webkit-tap-highlight-color:transparent}#app{max-width:520px;margin:auto;background:#368da2;box-shadow:0 0 60px #0005}.scene{position:relative;width:100%;aspect-ratio:750/1468;animation:appear .28s ease}.art{width:100%;height:100%;display:block;pointer-events:none}.hotspot{position:absolute;border:0;border-radius:16px;background:transparent;cursor:pointer;color:transparent;min-height:32px}.hotspot:focus-visible{outline:3px solid white;box-shadow:0 0 0 6px #127591}.hotspot:active{background:#ffffff26}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.progress{position:absolute;left:21.5%;top:33.95%;width:57%;height:1.50%;border-radius:99px;background:#3e849d;overflow:hidden}.progress i{display:block;height:100%;width:0;background:#a3eafa;box-shadow:0 0 10px #a3eafa;transition:width .18s linear}.modal{position:fixed;inset:0;z-index:5;background:#082a35bd;display:grid;place-items:center;overflow:auto}.modal .scene{width:min(100%,460px);max-height:100dvh;aspect-ratio:750/1468}.modal .art{object-fit:contain}.modal .hotspot{right:5.5%;top:20%;width:11%;height:6%}dialog{width:min(88vw,360px);border:1px solid #bce4ed;border-radius:20px;padding:26px;color:#174d60;background:#f2fbfd}dialog::backdrop{background:#092d40ba}dialog h2{font-size:20px;margin:0 0 15px}dialog p{line-height:1.8;font-size:14px}dialog button{width:100%;border:0;background:#227f99;color:white;padding:13px;border-radius:30px;font:inherit}@keyframes appear{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
#submission{max-height:90dvh;overflow:auto}#submission label{display:block;font-size:14px;margin:15px 0}#submission input:not([type=checkbox]){width:100%;margin-top:7px;border:1px solid #b6d5de;border-radius:8px;background:white;padding:12px;font:inherit;font-size:16px;color:#174d60}#submission fieldset{border:1px solid #c0dce4;border-radius:12px;margin:22px 0;padding:5px 14px}#submission input[type=checkbox]{accent-color:#227f99;width:18px;height:18px;vertical-align:middle;margin-right:8px}#submission .consent{font-size:12px;line-height:1.8}.form-note{font-size:12px!important;color:#5f7e89}.close-form{position:absolute;right:12px;top:6px;width:32px!important;padding:0!important;background:transparent!important;color:#174d60!important;font-size:28px!important}#submit-error{color:#b43c3c;font-size:13px}.success-mark{display:block;width:52px;height:52px;margin:0 auto 12px}#submission-success{text-align:center}#send-record:disabled{opacity:.6;cursor:wait}
.employee-login{position:absolute;left:8.5%;top:77.3%;width:83%;height:13.7%;border:1px solid #9ee7f0;border-radius:clamp(13px,4vw,24px);background:linear-gradient(125deg,#75b9c8,#28789b);padding:0 7.3%;box-shadow:0 0 9px #88e7f58c;color:white}#employee-error{position:absolute;top:100%;left:0;width:100%;font-size:12px;line-height:1.5;color:white;text-shadow:0 1px 4px #174d60}
.details-button,.page-next{color:#206d84;background:linear-gradient(#fff,#e7f6fa);border:1px solid #d4f4fc;border-radius:99px;box-shadow:0 3px 14px #12495e24;font:500 clamp(12px,3.4vw,16px)/1 "Microsoft YaHei",sans-serif;min-height:30px;white-space:nowrap}.details-button:active,.page-next:active{background:#d3f2f8}.page-next::after{content:' ›';margin-left:8px}.parents-dialog{width:min(calc(100% - 44px),420px);padding:0;border:0;border-radius:0;background:transparent;color:#eefbff;overflow:visible;max-height:calc(100dvh - 100px)}.parents-dialog::backdrop{background:#082d3bb8;backdrop-filter:blur(6px)}.comparison-sheet{max-height:calc(100dvh - 110px);overflow:auto;border-radius:16px}.parents-dialog .comparison-close{position:absolute;right:0;top:-42px;width:30px;height:30px;padding:0;border:1px solid #b6ecf9;background:#62adca9c;color:white;font:26px/26px Arial;display:grid;place-items:center;cursor:pointer}.comparison-close:focus-visible{outline:2px solid white;outline-offset:4px}.parents-dialog table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid #a3deed99;border-radius:16px;overflow:hidden;font-size:clamp(11px,3.05vw,14px);line-height:1.4;background:linear-gradient(125deg,#69bad2e8,#247893c9)}.parents-dialog th,.parents-dialog td{text-align:left;vertical-align:middle;padding:16px 10px;border-right:1px solid #c3f0ff70;border-bottom:1px solid #c3f0ff70;font-weight:400}.parents-dialog thead th{font-size:clamp(12px,3.4vw,16px);padding:14px 8px;background:#5cb7d3a8;text-align:center}.parents-dialog th:first-child{width:24%;text-align:center}.parents-dialog th:last-child,.parents-dialog td:last-child{border-right:0}.parents-dialog tbody tr:last-child>*{border-bottom:0}.comparison-note{margin-top:8px;border:1px solid #a2e1efb3;border-radius:14px;background:linear-gradient(125deg,#68bad2eb,#43869bcb);padding:16px 12px;display:flex;gap:12px;align-items:center;font-size:12px;line-height:1.5}.comparison-note>span{font-size:20px;border:1px solid #aeedfb;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.comparison-note strong{font-weight:400}.parents-dialog .comparison-note p{font-size:12px;line-height:1.5;margin:3px 0 0}.parents-dialog~*{isolation:isolate}
.harmony-label{display:inline-block;height:1em;vertical-align:-.08em;pointer-events:none}.harmony-next{width:3em}.harmony-details{width:4em}/* The comparison artwork reserves its first 83 of 1023 pixels for the close button. */
.parents-dialog.image-dialog{width:min(420px,calc(100vw - 32px),calc(56.33dvh - 14px));max-height:none;border:0;padding:0;overflow:visible;background:transparent;transform:translateY(-4.06%)}.comparison-art{display:block;width:100%;height:auto;user-select:none;pointer-events:none}.parents-dialog .image-comparison-close{position:absolute;right:0;top:0;width:9.7%;height:5.9%;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;color:transparent}.image-comparison-close:focus-visible{outline:2px solid white;outline-offset:3px}

.details-button,.page-next{display:flex;align-items:center;justify-content:center;gap:8px;line-height:1.2}.harmony-label{height:1.2em;vertical-align:middle;flex:none}.page-next::after{margin-left:0}
#employee-error.employee-status{margin:6px 0 0;padding:6px 8px;background:#133d55e8;border-radius:6px;line-height:1;pointer-events:none}.employee-status img{display:block;width:auto;max-width:100%;height:15px;object-fit:contain;object-position:left center}.employee-status[hidden]{display:none}#submission .employee-status-success{margin:0 0 10px;padding:8px 10px;background:#dff3e8;border-radius:7px}.employee-status-success img{height:17px}

.parents-dialog.pointer-open .image-comparison-close:focus,.parents-dialog.pointer-open .image-comparison-close:focus-visible{outline:none;box-shadow:none}.parents-dialog .image-comparison-close{appearance:none;-webkit-appearance:none}

@font-face{font-family:"HarmonyOS Login";src:url("assets/HarmonyOS_Sans_Medium.ttf") format("truetype");font-display:swap;unicode-range:U+0020-007E,U+2022,U+25CF}
.employee-login label{height:50%;display:grid;grid-template-columns:10.7% 26.2% minmax(0,1fr);column-gap:2.9%;align-items:center;font-size:clamp(10px,3.14vw,16.4px)}
.employee-login label:first-child{border-bottom:1px solid #bdebf478}
.employee-field-icon{width:100%;aspect-ratio:1;display:grid;place-items:center;border:1px solid #a0e6ef;border-radius:50%}
.employee-field-icon svg{width:55%;height:55%;display:block}
.employee-field-label{width:100%;height:auto;display:block}
.employee-field-value{position:relative;min-width:0;display:block}
.employee-field-value input{display:block;min-width:0;width:100%;padding:6px 0;border:0;border-radius:5px;background:transparent;color:white;font:16px/1.25 "HarmonyOS Login",sans-serif}
.employee-field-value input::placeholder{color:transparent}
.employee-field-value input:focus{outline:2px solid #d4f7ff;background:#ffffff12}
.employee-field-placeholder{display:none;position:absolute;top:50%;left:0;width:auto;max-width:100%;height:1.14em;object-fit:contain;object-position:left center;transform:translateY(-50%);pointer-events:none}
.employee-field-value input:placeholder-shown + .employee-field-placeholder{display:block}

@font-face{font-family:"HarmonyOS Sans SC";src:url("assets/HarmonyOS_Sans_SC_Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
#submission{font-family:"HarmonyOS Sans SC",sans-serif}
#submission .font-credit{display:block;margin-top:10px;text-align:center;color:#5f7e89;font-size:11px}