.class-guestbook-main{display:grid;gap:16px;width:min(100%,980px);margin:20px auto 0}
.class-guestbook-composer,.class-guestbook-message,.class-guestbook-empty{border:1px solid #dce9e5;border-radius:19px;background:#fffefa;box-shadow:0 12px 28px rgba(31,74,71,.065)}
.class-guestbook-composer{padding:20px}
.class-guestbook-section-head{display:flex;align-items:center;gap:10px;margin-bottom:15px}
.class-guestbook-section-head h2{margin:0;color:#274b45;font-size:19px}
.class-guestbook-pending{display:inline-flex;align-items:center;gap:5px;min-width:26px;height:24px;padding:0 8px;border-radius:999px;background:#fff0cb;color:#b17b1c;font-size:12px;font-weight:900}
.class-guestbook-form{display:grid;gap:10px}
.class-guestbook-form textarea,.class-guestbook-reply-form textarea{width:100%;resize:vertical;border:1px solid #dde8e3;border-radius:13px;outline:0;background:#fbfdfb;color:#2d443c;font:inherit;font-size:14px;line-height:1.65}
.class-guestbook-form textarea{min-height:108px;padding:13px 14px}
.class-guestbook-form textarea:focus,.class-guestbook-reply-form textarea:focus{border-color:#69a68e;box-shadow:0 0 0 3px rgba(79,142,112,.13)}
.class-guestbook-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.class-guestbook-form-footer>span{margin-right:auto;color:#9a875d;font-size:12px;font-weight:700}
.class-guestbook-form-footer>span i{margin-right:5px}
.class-guestbook-form-footer button,.class-guestbook-login{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:35px;padding:0 14px;border:0;border-radius:10px;background:#277768;color:#fff;font:inherit;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer}
.class-guestbook-form-footer button:hover,.class-guestbook-login:hover{background:#1d6558}
.class-guestbook-closed{display:flex;align-items:center;gap:8px;min-height:46px;padding:0 12px;border-radius:11px;background:#f5f7f4;color:#8b9892;font-size:13px;font-weight:700}
.class-guestbook-empty{display:grid;place-items:center;gap:9px;min-height:230px;border-style:dashed;color:#98a79f;font-size:14px}
.class-guestbook-empty i{color:#d8a241;font-size:31px}
.class-guestbook-list{display:grid;gap:14px}
.class-guestbook .class-page-more{margin-top:0}
.class-guestbook-message{overflow:hidden;padding:18px 20px 0}
.class-guestbook-message.is-pending{border-color:#ecd494;background:#fffdf6}
.class-guestbook-message.is-hidden{border-color:#e1e5e3;background:#fafbfa}
.class-guestbook-message-head{display:flex;align-items:center;gap:10px}
.class-guestbook-avatar{width:43px;height:43px;border-radius:14px;font-size:16px}
.class-guestbook-message-head>div{display:grid;gap:3px;min-width:0}
.class-guestbook-message-head strong{overflow:hidden;color:#2a5048;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.class-guestbook-message-head span{color:#92a09a;font-size:12px}
.class-guestbook-status{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:5px 8px;border-radius:999px;font-size:11px;font-style:normal;font-weight:800}
.class-guestbook-status.pending{background:#fff0cb;color:#b07b1b}
.class-guestbook-status.hidden{background:#eef1ef;color:#80908a}
.class-guestbook-message-body{padding:13px 0 15px;color:#30453e;font-size:14px;line-height:1.75;word-break:break-word}
.class-guestbook-message-actions{display:flex;align-items:center;min-height:43px;margin:0 -20px;padding:0 11px;border-top:1px solid #edf1ef}
.class-guestbook-message-actions form,.class-guestbook-manage form,.class-guestbook-reply-manage form{margin:0}
.class-guestbook-message-actions button,.class-guestbook-manage button,.class-guestbook-reply-manage button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:30px;height:31px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:#85938d;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.class-guestbook-message-actions>button:hover,.class-guestbook-message-actions>form>button:hover{background:#eff6f1;color:#287768}
.class-guestbook-message-actions>form:last-of-type>button:hover{background:#fff0ec;color:#c75f51}
.class-guestbook-manage{display:flex;align-items:center;gap:1px;margin-left:auto}
.class-guestbook-manage form:nth-last-child(1) button:hover,.class-guestbook-reply-manage form:nth-last-child(1) button:hover{background:#fff0ec;color:#c75f51}
.class-guestbook-manage button:hover,.class-guestbook-reply-manage button:hover{background:#eef5f0;color:#287768}
.class-guestbook-report-count{display:inline-flex;align-items:center;gap:4px;margin-left:5px;color:#c25d4e;font-size:11px;font-weight:800}
.class-guestbook-replies{margin:0 -20px;padding:0 20px;background:#fbfcfa}
.class-guestbook-reply{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;padding:11px 0;border-top:1px solid #edf1ed}
.class-guestbook-reply.is-pending{background:#fffdf7}
.class-guestbook-reply.is-hidden{opacity:.68}
.class-guestbook-reply-avatar{width:28px;height:28px;border-radius:9px;font-size:11px;box-shadow:none}
.class-guestbook-reply-copy{min-width:0}
.class-guestbook-reply-copy p{margin:0;color:#3e554c;font-size:13px;line-height:1.55;word-break:break-word}
.class-guestbook-reply-copy p:first-child{color:#89968f;font-size:12px}
.class-guestbook-reply-copy strong{margin-right:6px;color:#2e7868}
.class-guestbook-reply-copy p:first-child span{margin-right:5px;color:#8d9994}
.class-guestbook-reply-copy em{display:inline-flex;margin-left:5px;color:#b47d1d;font-size:11px;font-style:normal}
.class-guestbook-reply-copy small{display:block;margin-top:3px;color:#a3aea8;font-size:11px}
.class-guestbook-reply-to{display:inline-flex;align-items:center;gap:4px;margin-top:5px;padding:0;border:0;background:transparent;color:#8d9994;font:inherit;font-size:11px;cursor:pointer}
.class-guestbook-reply-to:hover{color:#287768}
.class-guestbook-reply-manage{display:flex;align-items:flex-start;gap:1px}
.class-guestbook-reply-manage button{width:27px;min-width:27px;height:27px;padding:0}
.class-guestbook-reply-form{display:flex;align-items:flex-end;gap:8px;margin:0 -20px;padding:12px 20px;background:#f4f8f4;border-top:1px solid #e7eee8}
.class-guestbook-reply-form[hidden]{display:none}
.class-guestbook-reply-form textarea{min-height:40px;padding:9px 10px}
.class-guestbook-reply-form button{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:0;border-radius:10px;background:#dcece0;color:#277768;cursor:pointer}
.class-guestbook-reply-form button:hover{background:#c9e2cf}

@media (max-width:720px){
  .class-guestbook{margin:0 0 24px}
  .class-guestbook-main{gap:12px;margin-top:12px;width:100%}
  .class-guestbook-composer,.class-guestbook-message,.class-guestbook-empty{border-right:0;border-left:0;border-radius:0}
  .class-guestbook-composer{padding:16px}
  .class-guestbook-message{padding:16px 16px 0}
  .class-guestbook-message-actions{margin-right:-16px;margin-left:-16px}
  .class-guestbook-replies{margin-right:-16px;margin-left:-16px;padding-right:16px;padding-left:16px}
  .class-guestbook-reply-form{margin-right:-16px;margin-left:-16px;padding-right:16px;padding-left:16px}
  .class-guestbook-message-actions>form>button span,.class-guestbook-message-actions>button span{display:none}
  .class-guestbook-message-actions button{width:32px;padding:0}
}

.class-guestbook.class-showcase-theme-qzone-sky{max-width:none;margin:0 -20px 42px;color:var(--qzone-text)}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-main{width:min(100%,950px);margin:12px auto 0;gap:14px}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-composer,
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-message,
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-empty{
  border-color:#ead9ad;border-radius:3px;background:rgba(255,253,245,.94);box-shadow:0 2px 8px rgba(142,103,35,.08);
}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-section-head h2{color:#6b4d1f;font-size:17px}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-form textarea,.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-reply-form textarea{border-color:#ead9ad;border-radius:3px;background:#fffdf7;color:#5a4b38}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-form textarea:focus,.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-reply-form textarea:focus{border-color:#d08a00;box-shadow:0 0 0 3px rgba(208,138,0,.13)}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-form-footer button,.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-login{border-radius:3px;background:#d08a00}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-form-footer button:hover,.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-login:hover{background:#b87800}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-avatar{border-radius:50%;background:#d8aa68}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-message-head strong{color:#5d4a36}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-message-head span{color:#9b8d7a}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-message-body{color:#51463c}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-message-actions{border-top-color:#efe4ca}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-message-actions>button:hover,.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-message-actions>form>button:hover{background:#fff8e7;color:#b87800}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-replies{background:#fffaf0}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-reply-form{background:#fff7e6;border-top-color:#efe4ca}
.class-guestbook.class-showcase-theme-qzone-sky .class-page-more{border-radius:3px;background:#fffdf5;border-color:#e2c98a;color:#9b6b0b}

@media (max-width:720px){
  .class-guestbook.class-showcase-theme-qzone-sky{margin:0;padding-bottom:32px}
  .class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-main{width:100%;margin:0;gap:10px}
  .class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-composer,.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-message,.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-empty{border-right:0;border-left:0;border-radius:0}
  .class-guestbook.class-showcase-theme-qzone-sky .class-page-more{width:calc(100% - 24px);margin:0 auto}
}

.class-guestbook-main,
.class-guestbook-composer,
.class-guestbook-message,
.class-guestbook-empty{
  border-color:rgba(110,84,42,.12);
  background:rgba(255,253,247,.92);
  box-shadow:0 12px 34px rgba(77,55,24,.1);
}
.class-guestbook-section-head h2,
.class-guestbook-message-head strong,
.class-guestbook-reply-copy p,
.class-guestbook-closed{color:#263028}
.class-guestbook-pending,
.class-guestbook-status.pending{background:#fff4d5;color:#173d34}
.class-guestbook-status.hidden{background:#f3eadc;color:#8b7f67}
.class-guestbook-form textarea,
.class-guestbook-reply-form textarea{
  border-color:#e7deca;
  background:#fffdf7;
  color:#263028;
}
.class-guestbook-form textarea:focus,
.class-guestbook-reply-form textarea:focus{
  border-color:#f49a2f;
  box-shadow:0 0 0 3px rgba(244,154,47,.14);
}
.class-guestbook-form-footer button,
.class-guestbook-login,
.class-guestbook-reply-form button{
  background:#ffd84d;
  color:#2e2914;
}
.class-guestbook-form-footer button:hover,
.class-guestbook-login:hover,
.class-guestbook-reply-form button:hover{background:#ffe377;color:#173d34}
.class-guestbook-empty i,
.class-guestbook-status.pending i,
.class-guestbook-report-count i{color:#f49a2f}
.class-guestbook-message-head span,
.class-guestbook-message-body,
.class-guestbook-reply-copy p:first-child,
.class-guestbook-reply-copy small,
.class-guestbook-report-count,
.class-guestbook-form-footer>span,
.class-guestbook-reply-copy em,
.class-guestbook-reply-copy p:first-child span{color:#748077}
.class-guestbook-avatar,
.class-guestbook-reply-avatar{background:linear-gradient(135deg,#1f6f5b,#f49a2f)}
.class-guestbook-message-actions,
.class-guestbook-replies,
.class-guestbook-reply-form{border-top-color:#efe0c2}
.class-guestbook-message-actions button,
.class-guestbook-manage button,
.class-guestbook-reply-manage button{color:#748077}
.class-guestbook-message-actions button:hover,
.class-guestbook-manage button:hover,
.class-guestbook-reply-manage button:hover{background:#fff4d5;color:#173d34}
.class-guestbook-message.is-pending{border-color:rgba(255,216,77,.72)}
.class-guestbook-message.is-hidden{border-color:#e7deca}
.class-guestbook-replies{background:#fffaf0}
.class-guestbook-reply-form{background:#f5ead2}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-composer,
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-message,
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-empty{
  border-color:rgba(110,84,42,.12);
  background:rgba(255,253,247,.92);
  box-shadow:0 12px 34px rgba(77,55,24,.1);
}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-section-head h2{color:#263028}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-form-footer button,
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-login,
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-reply-form button{
  background:#ffd84d;
  color:#2e2914;
}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-form-footer button:hover,
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-login:hover,
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-reply-form button:hover{background:#ffe377}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-message-actions{border-top-color:#efe0c2}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-replies{background:#fffaf0}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-reply-form{background:#f5ead2;border-top-color:#efe0c2}

/* The space theme enlarges generic avatars; replies keep their compact grid column. */
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-reply .class-guestbook-reply-avatar,
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-reply .class-guestbook-reply-avatar.class-space-avatar{
  width:28px;
  height:28px;
  min-width:28px;
  flex:0 0 28px;
  border-radius:9px;
  font-size:11px;
  box-shadow:none;
}
.class-guestbook.class-showcase-theme-qzone-sky .class-guestbook-reply .class-guestbook-reply-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}