.home-head .home-title{display:block}.home-title h1{font-size:20px;font-weight:600;margin:0 0 4px}.home-title span{color:#7b8497;font-size:13px}.home-head .home-tools{display:flex;gap:10px}.student-search{height:36px;width:270px;display:flex;align-items:center;gap:7px;padding:0 10px;background:#fff;border:1px solid #d7deeb;border-radius:5px;color:#9aa4b6;transition:.2s}.student-search:focus-within{border-color:#2e82ee;box-shadow:0 0 0 3px #2e82ee1f}.home-head .student-search input{width:100%;height:34px;padding:0;border:0;outline:0;background:transparent}.home-head .home-tools>button{height:36px;border:1px solid #176fe4;background:#2e82ee;color:#fff;border-radius:5px;padding:0 16px;cursor:pointer;box-shadow:0 3px 8px #2e82ee2b}.home-head .home-tools>button:hover,.class-btn:hover{background:#176fe4}.home-student{border:1px solid transparent;transition:transform .18s,box-shadow .18s,border-color .18s}.home-student:hover{transform:translateY(-2px);border-color:#d8e1f0;box-shadow:0 8px 24px #2c446b14}.home-student button:focus-visible,.home-head button:focus-visible{outline:3px solid #8bbdff;outline-offset:2px}.home-empty{display:flex;flex-direction:column;gap:8px}.home-empty b{color:#4e596d}.home-empty span{font-size:13px}.modal-mask{backdrop-filter:blur(2px)}
@media(max-width:700px){.home-head .home-tools{width:100%}.student-search{flex:1;width:auto}.home-head .home-tools>button{white-space:nowrap}}
.student-avatar img{width:100%;height:100%;object-fit:contain;display:block}.home-student{position:relative}.ended-tag{position:absolute;right:10px;top:0;z-index:2;background:#a8a8a8;color:#fff;padding:11px 8px;border-radius:0 0 10px 10px;font-size:13px}.renew-btn{height:27px;margin-left:7px;border:1px solid #1672f3;color:#1672f3;background:#fff;border-radius:3px;padding:0 9px;cursor:pointer}.renew-btn:hover{background:#edf5ff}.home-student.ended .student-card-body h2{padding-right:42px}
.home-student .class-btn,.home-student .detail-btn{font-size:14px}
.home-student .student-card-body{height:100px;display:flex;flex-direction:column;align-self:center}.home-student .student-card-body>div:last-child{margin-top:auto}
.home-head .home-title{display:flex;align-items:flex-end;gap:10px}.home-title h1{margin-bottom:0}.home-title span{line-height:20px}
.home-student .student-card-body h2{order:0;position:relative;z-index:1;align-self:flex-start;margin:0;font-size:18px;font-weight:700;line-height:24px}.home-student .student-card-body p{order:1;margin-top:10px}.home-student .student-card-body>div:last-child{order:2}
.version-field{min-width:0;margin:0;padding:0;border:0}.version-field legend{margin-bottom:7px;color:#566174;font-size:14px}.version-options{min-height:40px;display:grid!important;grid-template-columns:repeat(2,1fr);gap:6px 10px!important;padding:7px 9px;border:1px solid #d9dfeb;border-radius:5px}.version-options label{display:flex;align-items:center;gap:6px;margin:0!important;color:#344054;cursor:pointer}.student-form .version-options input{width:16px;height:16px;margin:0;padding:0;accent-color:#2e82ee}.version-options span{white-space:nowrap}
.student-search{padding-right:0;overflow:hidden}.student-search button{flex:0 0 38px;height:34px;border:0;border-left:1px solid #e2e6ec;background:#fff;color:var(--theme-dark);font-size:20px;cursor:pointer}.student-search button:hover{background:#eefafa}
.toast{z-index:100;left:50%;right:auto;top:50%;transform:translate(-50%,-50%);min-width:180px;padding:14px 24px;background:#3b3b3b;color:#fff;border-radius:7px;text-align:center;box-shadow:0 10px 32px #0004;animation:toast-center-in .18s ease-out}
@keyframes toast-center-in{from{opacity:0;transform:translate(-50%,-44%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.home-student .student-card-body{justify-content:flex-start}.home-student .student-card-body h2{position:relative;z-index:3;align-self:flex-start;margin-top:0}