/* Shared guestbook component; every content rule is scoped to .book. */
.book-page{margin:0;background:#050609;color:#eeeae0;font:16px/1.8 "PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;-webkit-font-smoothing:antialiased;color-scheme:dark}
.book-header{height:90px;margin:0 clamp(22px,4.2vw,78px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(238,234,224,.14);font-size:12px;color:#8d9097}.book-header a{color:inherit;text-decoration:none}.book-header img{display:block;width:104px;height:auto}.book-header a:last-child span{margin-left:14px}.book-footer{text-align:center;padding:0 22px 28px;color:#8d9097;font-size:9px;letter-spacing:.16em}
.book{--book-muted:#92969f;--book-line:rgba(238,234,224,.12);box-sizing:border-box;width:min(900px,calc(100% - 44px));margin:96px auto;color:#eeeae0;font:14px/1.8 "PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;text-align:left;scroll-margin-top:100px;color-scheme:dark}.book *{box-sizing:border-box}.book [hidden]{display:none!important}.book-heading{display:flex;gap:20px;align-items:baseline;margin-bottom:26px}.book-heading h2{font-size:28px;line-height:1.4;font-weight:400;letter-spacing:.06em;margin:0}.book-heading>span{font-size:10px;letter-spacing:.16em;color:var(--book-muted)}
.book form{margin:0}.book fieldset{margin:0;padding:0;border:1px solid var(--book-line);border-radius:6px;min-width:0;background:#0d1015;overflow:hidden}.book .book-identity{display:flex;align-items:center;gap:18px;padding:17px 22px;border-bottom:1px solid var(--book-line)}.book-identity label{font-size:12px;color:var(--book-muted);flex-shrink:0}.book input,.book textarea,.book button{font:inherit;color:inherit}.book .book-identity input{width:min(280px,100%);min-width:0;border:0;background:transparent;padding:4px 0;font-size:16px;outline-offset:4px}.book textarea{display:block;width:100%;min-height:146px;max-height:55vh;resize:vertical;border:0;padding:19px 22px;background:transparent;font-size:16px;line-height:1.8;outline-offset:-2px}.book input::placeholder,.book textarea::placeholder{color:#777e89;opacity:1}.book button{border:0;cursor:pointer}.book button:disabled{opacity:.45;cursor:wait}.book :focus-visible{outline:1px solid #9ec8ff;outline-offset:3px}.book textarea:focus-visible{outline-offset:-3px}.book-form-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 22px 17px;font-size:11px;color:var(--book-muted)}.book .book-form-foot button{padding:9px 18px;border:1px solid rgba(238,234,224,.2);border-radius:4px;background:#191e26;color:#eeeae0;font-size:12px}.book-form-foot button span{margin-left:16px}.book .book-form-foot button:hover{background:#232a34}.book-status{font-size:12px;color:var(--book-muted);line-height:1.8;margin:12px 0 0}.book-status:empty{display:none}.book-trap,.book-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.book-messages{margin-top:36px}.book-entry{padding:26px 0;border-bottom:1px solid var(--book-line)}.book-entry:first-child{padding-top:0}.book-entry header{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.book-entry h3{margin:0;font-size:14px;font-weight:500;overflow-wrap:anywhere}.book-entry time{color:var(--book-muted);font-size:11px}.book-entry p{margin:10px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:14px}.book-reply{margin:20px 0 0 24px;padding:13px 18px;border-left:2px solid #424957;background:rgba(238,234,224,.025)}.book-reply span{font-size:12px;color:#b7bac1}.book-reply p{margin-top:5px}.book .book-messages>button,.book .book-loader-retry{display:block;margin:24px auto 0;padding:10px 18px;border:1px solid var(--book-line);border-radius:4px;background:transparent;font-size:12px}
@media(max-width:600px){.book-header{height:70px}.book{margin:56px auto;scroll-margin-top:80px}.book-heading{margin-bottom:20px}.book-heading h2{font-size:24px}.book .book-identity{padding:13px 16px}.book textarea{padding:16px;min-height:145px}.book-form-foot{padding:4px 16px 14px}.book .book-form-foot button{min-height:44px}.book-entry{padding:22px 0}.book-reply{margin-left:12px;padding:12px 14px}.book-header a:last-child{padding:12px 0}}
