/* 织梦人留言簿（Claude, 2026-09-29）：沿用影录长卷现世纸面的样式（白底卡片、深棕细边、玫瑰红点缀）；按钮用网站同款的红色花纹按钮。 */
.guestbook-form{position:relative;display:grid;gap:16px;max-width:760px;margin:6px auto 0}
.gb-field{display:grid;gap:8px;color:var(--p-ink);font-size:15px}
.gb-field span{font-family:var(--serif);font-weight:800;letter-spacing:.08em}
.gb-field input,.gb-field textarea{width:100%;box-sizing:border-box;padding:12px 16px;border:1.5px solid #7c6462;border-radius:18px;background:#fffdfb;color:var(--p-ink);font:16px/1.7 var(--sans);resize:vertical;transition:border-color .2s,box-shadow .2s,background-color .2s}
.gb-field textarea{min-height:150px}
.gb-field input::placeholder,.gb-field textarea::placeholder{color:#9c8581}
.gb-field input:focus,.gb-field textarea:focus{outline:none;border-color:var(--p-crimson);background-color:#fff;box-shadow:0 0 0 3px #a8323f22}
.gb-field input:disabled,.gb-field textarea:disabled{opacity:.6}
.gb-hint{margin:-4px 0 0;color:var(--p-muted);font-size:13px;line-height:1.7}
.gb-count{float:right;margin-left:12px;font-variant-numeric:tabular-nums}
.gb-trap{position:absolute!important;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;margin:0}
.gb-actions{margin:0;text-align:center}
.gb-submit{min-width:168px;margin-top:4px;cursor:pointer;font:15px var(--sans)}
.gb-submit:disabled{opacity:.6;cursor:default}
.gb-status{margin:0;min-height:1.7em;text-align:center;font-size:14px;color:var(--p-muted)}
.gb-status[data-kind="ok"]{color:#46704a}
.gb-status[data-kind="warn"]{color:var(--p-crimson)}
.gb-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:14px}
.gb-item{background:#fffdfb;border:1.5px solid #7c6462;border-radius:22px;padding:16px 22px}
.gb-meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 6px;color:var(--p-muted);font-size:13px}
.gb-meta strong{font-family:var(--serif);font-weight:800;font-size:16px;color:var(--p-ink);overflow-wrap:anywhere}
.gb-text{margin:0;color:var(--p-ink);line-height:1.9;white-space:pre-line;overflow-wrap:anywhere}
.gb-reply{margin-top:12px;padding:10px 14px;border-radius:14px;background:var(--p-blush);border-left:3px solid var(--p-rose-deep)}
.gb-reply span{display:block;font-size:12px;letter-spacing:.12em;color:var(--p-crimson);margin-bottom:2px}
.gb-reply p{margin:0;color:var(--p-ink);line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}
.gb-empty{margin:10px 0 0;padding:22px;text-align:center;color:var(--p-muted);border:1.5px dashed #d7bba9;border-radius:22px}
.gb-empty:empty,.gb-empty[hidden]{display:none}
.gb-more-row{margin:18px 0 0;text-align:center}
.gb-more{padding:9px 22px;border:1.5px solid var(--p-brown);border-radius:999px;background:transparent;color:var(--p-brown);font:14px var(--sans);cursor:pointer;transition:background-color .2s,color .2s}
.gb-more:hover,.gb-more:focus-visible{background-color:var(--p-brown);color:#fbf1ea}
.gb-more[hidden]{display:none}
@media(max-width:760px){.gb-item{padding:14px 16px;border-radius:18px}.gb-field input,.gb-field textarea{border-radius:14px}}
