.family-grades{border:1px solid #dfe4e9;border-radius:14px;margin:20px 0;padding:18px}#familyGrades{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}#familyGrades label{display:flex;gap:10px;align-items:center;padding:12px;border-radius:10px;background:#f5f7f9}#familyGrades input{width:19px;height:19px}#familyResult{padding:18px;background:#edf7f0;border-radius:14px;margin:18px 0}#familyResult input{font-size:13px}#familyList article{padding:18px 0;border-bottom:1px solid #e2e6ea;display:flex;align-items:center;justify-content:space-between;gap:16px}#familyList .actions{flex-wrap:wrap}#familyList p{margin:7px 0}#familyNotice{font-weight:600}.poster-icon img{object-fit:contain}@media(max-width:650px){#familyList article{display:block}}

.family-confirm{border:1px solid #e0e4e8;border-radius:18px;padding:26px;max-width:480px;width:calc(100% - 40px);box-shadow:0 24px 80px #11253635;color:#26343e}.family-confirm::backdrop{background:#17273588}.family-confirm h3{margin:0 0 12px;font-size:21px}.family-confirm p{line-height:1.6;margin:0 0 24px}.family-confirm .actions{display:flex;justify-content:flex-end;gap:10px}.family-confirm button{min-height:44px}
.parent-grade-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:24px 0}.parent-grade-links article{padding:18px;border:1px solid #e1e6eb;border-radius:16px;background:#fafbfc}.parent-grade-links h3{margin:0 0 14px;font-size:18px}.parent-grade-links input{font-size:11px;width:100%;box-sizing:border-box;margin-bottom:10px}.parent-grade-links button{width:100%;margin-bottom:14px}.parent-grade-links article>div{display:flex;flex-wrap:wrap;gap:14px;font-size:12px}