.family-phone{max-width:430px}.family-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.child-switch{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 22px}.child-switch button{flex:1;font-size:12px;text-align:left;padding:12px}.child-switch button small{margin-top:6px;color:inherit;opacity:.65}.borrow-card{background:white;border:1px solid #e3e9dc;border-radius:14px;padding:17px;margin:14px 0}.borrow-heading{display:flex;gap:12px;align-items:center}.borrow-heading b{font:600 16px Georgia,serif}.borrow-heading small{font-size:10px;margin-top:8px}.mini-cover{display:flex;align-items:center;justify-content:center;width:43px;height:56px;border-radius:3px 8px 8px 3px;background:#e8eddc;font-size:25px;flex-shrink:0}.borrow-status{font-size:17px;font-weight:600;color:#638564;background:#eff4e9;padding:12px;border-radius:9px;margin-top:15px}.borrow-status.orange{background:#fcf1df;color:#ae8250}.borrow-status.red{background:#fbeae4;color:#b36950}.borrow-card p{font-size:11px;color:#8c9784;line-height:1.9}.wide{width:100%;padding:13px}.login-phone{padding:32px;min-height:580px}.login-flower{font-size:95px;color:#c6aa73;text-align:center;margin:35px 0 20px}.login-phone h2{font-size:30px;line-height:1.5}.small-note{font-size:10px;color:#8c9784;text-align:center;line-height:1.8;margin-top:18px}.code-text{overflow-wrap:anywhere;text-align:center}.example-button{display:block;margin:22px auto;text-decoration:underline}.family-phone .phone-nav{gap:5px}.family-phone .phone-nav button{padding:9px 12px}.family-phone .book-grid.catalog{grid-template-columns:1fr 1fr;gap:10px}.family-phone .catalog .book{padding:10px}.family-phone .catalog .book-cover{height:135px;padding:8px}