.family-home{margin:24px 0;padding:22px;background:#f2e7de;border:1px solid #e3d6c9;border-radius:22px}.family-home small{color:#99806d}.family-home p,.family-letter p{white-space:pre-wrap;overflow-wrap:anywhere}.family-home button{background:#fff8eb;padding:10px 18px;border-radius:14px}.family-letter{margin:14px 0;padding:22px;background:#fffaf0;border:1px solid #e5d9bd;border-radius:20px;box-shadow:0 5px 18px #9a89630a}.family-letter small{font-size:13px;color:#8b8771}.family-letter p{font-size:20px;line-height:1.9}.family-letter button{padding:8px 14px;border-radius:12px;background:#e7eddc}.family-child{max-width:640px;margin:auto;padding:24px 20px 80px}.family-child textarea{width:100%;min-height:130px}.family-child input{width:100%}.family-child .primary{width:100%;padding:12px;border-radius:16px;margin:12px 0;background:#71835f;color:white}

body:has(.family-child){margin:0;background:#faf7ee;color:#354d3e;font:17px/1.7 "Microsoft YaHei",sans-serif}.family-child input,.family-child textarea{box-sizing:border-box;font:inherit;padding:12px;margin:7px 0 14px;border:1px solid #d7ddc9;border-radius:12px;background:#fffdf7;color:inherit}.family-child label{display:block}.family-child button{font:inherit;cursor:pointer}.family-child h1{font-size:30px}