*{box-sizing:border-box}body{margin:0;background:#eef3f8;color:#243447;font-family:Arial,"Microsoft YaHei",sans-serif}.guestbook-root{max-width:760px;margin:28px auto;padding:24px;background:#fff;border:1px solid #d9e2ec;border-radius:10px;box-shadow:0 4px 18px #19324d12}h1{margin:0 0 20px;color:#1f4f7a}h2{margin:28px 0 12px;font-size:20px}label{display:block;margin:12px 0 6px;color:#445}input,textarea{width:100%;padding:10px;border:1px solid #c8d4df;border-radius:5px;font-size:15px}textarea{min-height:130px;resize:vertical}button{margin-top:16px;padding:10px 22px;background:#2f78b7;color:#fff;border:0;border-radius:5px;cursor:pointer}.message{padding:10px;background:#edf7ed;color:#26733b;border-radius:4px}.muted{color:#788694}.entry{padding:15px 0;border-top:1px solid #e5ebf0}.entry small{color:#8290a0}.reply{margin-top:8px;padding:9px 12px;background:#f4f8fb;border-left:3px solid #4d91c9}@media(max-width:800px){.guestbook-root{margin:12px;padding:18px}}