@charset "utf-8";
/*  */
body { background-color: #024acb; color: #252525; font-size: min(3.6vmin, 24px); font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif; line-height: 1.8; -webkit-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; }
a { text-decoration: none; }
p { color: #252525; line-height: 1.5; }

/*  */
.mxwidth { max-width: 640px; margin: 0 auto; overflow: hidden; }
.title img { width: 80%; margin: 12% auto 5%; }
.disable { pointer-events: none; }

/*  */
.weft2 { background-color: #fff; padding: 5% 0; margin: 4.1%; border-radius: 5px; }
.form-group { margin-bottom: 15px; padding: 0 6%; font-size: min(3.4vmin, 24px); }
.label-col { font-weight: bold; }
input, select, textarea { box-sizing: border-box; width: 100%; background-color: #edeaf5; padding: 8px; border: 1px solid #8f82bc; border-radius: 4px; font-size: min(3.6vmin, 30px); font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif; }
button { width: 60%; color: #252525; margin: 20px 20%; border: none; font-size: min(4vmin, 18px); background: url(//x0.ifengimg.com/ucms/special/images/CFBED0D0E556AE43C19E79538C9D493E.png) no-repeat center/contain; aspect-ratio: 495/110; }
.error-message { margin-top: 2px; color: #ff8400; font-size: min(3.4vmin, 18px); }
.input-error { border: 1px solid #b10b03; }
.enroll { position: fixed; right: 2%; bottom: 5%; width: 10vmin; height: 10vmin; padding: 15px; background: url(//x0.ifengimg.com/ucms/special/images/5494ED44D953C7EF12E001A30F97A63F.png) no-repeat center/contain; }
.zysx { width: 90%; margin: 0 auto; padding: 10px 0; }
.lists { width: 100%; overflow: scroll; font-size: 2.4vmin; }
.list { display: flex; }
.endmit {width: 60%;margin: 20px auto;padding: 3% 1%;border-radius: 1vmin;background: linear-gradient(#fc762a, #fd752a);color: #ffe7e9; text-align: center;font-size: min(4vmin,20px);}

/* Custom Toast Notification styling with glassmorphism */
.custom-toast { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); z-index: 10000; max-width: 80%; width: 320px; padding: 20px 24px; border-radius: 12px; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); border: 1px solid rgba(255, 255, 255, 0.25); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3); color: #fff; text-align: center; font-size: min(3.8vmin, 20px); line-height: 1.5; pointer-events: none; opacity: 0; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.custom-toast.show { opacity: 1; transform: translate(-50%, -50%) scale(1); pointer-events: auto; }
.custom-toast.success { border-left: 5px solid #2ecc71; }
.custom-toast.error { border-left: 5px solid #e74c3c; }
.custom-toast.info { border-left: 5px solid #3498db; }
.custom-toast-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.4); z-index: 9999; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }
.custom-toast-overlay.show { opacity: 1; pointer-events: auto; }
