:root{font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",system-ui,-apple-system,sans-serif;color:#24445e;background:#f4f9fc}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 8%,#cfeeff66,transparent 28%),radial-gradient(circle at 88% 18%,#dff7ef77,transparent 30%),linear-gradient(160deg,#f9fcff,#f0f7fb 55%,#f8fbfd)}
.class-checkin-entry{width:min(920px,calc(100% - 32px));min-height:100vh;margin:auto;display:grid;place-content:center;gap:22px;padding:34px 0}
.entry-brand{display:block;width:min(300px,64vw);margin:0 auto 4px}.entry-brand img{display:block;width:100%;height:auto}
.entry-card{width:min(620px,100%);margin:auto;padding:32px;border:1px solid #d7e6ef;border-radius:26px;background:#ffffffde;box-shadow:0 24px 70px #31566e1a;backdrop-filter:blur(16px)}
.eyebrow{margin:0 0 7px;color:#178ec7;font-size:11px;font-weight:900;letter-spacing:.16em}.entry-copy h1{margin:0;color:#173f5b;font-size:clamp(34px,6vw,54px);letter-spacing:-.04em}.entry-copy>p:last-child{margin:10px 0 26px;color:#6e8392;line-height:1.7}
form{display:grid;gap:15px}label{display:grid;gap:7px;color:#45647a;font-size:13px;font-weight:800}select,input{width:100%;min-height:52px;padding:0 15px;border:1px solid #c8d9e4;border-radius:13px;background:#fbfdff;color:#1e435d;font:inherit;outline:none}select:focus,input:focus{border-color:#4aa9d8;box-shadow:0 0 0 4px #36a8df19}
button{min-height:54px;border:0;border-radius:14px;background:linear-gradient(135deg,#1199dc,#1688c7);color:#fff;font:inherit;font-weight:900;letter-spacing:.02em;cursor:pointer;box-shadow:0 12px 24px #168ac52e}button:disabled{opacity:.55;cursor:wait}button span{margin-left:6px}
#entry-status{min-height:22px;margin:12px 0 0;color:#b45f4c;font-size:12px}.entry-note{display:grid;gap:5px;margin-top:16px;padding:13px 15px;border-radius:14px;background:#f1f8fc;color:#708390;font-size:11px;line-height:1.55}.entry-note strong{color:#34566c}.entry-foot{display:flex;justify-content:center;gap:10px;margin:0;color:#7890a0;font-size:12px}.entry-foot a{color:#34769e;text-decoration:none}
@media(max-width:560px){.class-checkin-entry{width:min(100% - 22px,920px);padding:20px 0}.entry-card{padding:22px 18px;border-radius:20px}.entry-copy h1{font-size:38px}}