/* 快捷评论 · 回复框右下角 */
.qr-wrap{
  position:absolute;
  right:10px;
  bottom:8px;
  z-index:3;
}
.qr-btn{
  appearance:none;
  border:0;
  margin:0;
  padding:0 8px;
  height:28px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:var(--muted,#64748b);
  background:transparent;
  font:inherit;
  font-size:12px;
  font-weight:600;
  letter-spacing:.02em;
  white-space:nowrap;
  line-height:1;
  transition:color .15s,background .15s;
}
.qr-btn:hover,
.qr-btn[aria-expanded="true"]{
  color:var(--accent,#0d9488);
  background:var(--accent-soft,rgba(13,148,136,.12));
}
.qr-panel{
  position:absolute;
  right:0;
  bottom:calc(100% + 8px);
  width:min(280px,calc(100vw - 48px));
  overflow:visible;
  padding:8px;
  border-radius:12px;
  border:1px solid var(--line,rgba(0,0,0,.08));
  background:var(--card,#fff);
  box-shadow:var(--card-shadow,0 8px 24px rgba(15,23,42,.12));
  display:none;
}
.qr-wrap.is-open .qr-panel{display:block}
.qr-panel-title{
  font-size:11px;
  font-weight:700;
  color:var(--muted,#64748b);
  letter-spacing:.04em;
  padding:4px 8px 8px;
}
.qr-item{
  appearance:none;
  width:100%;
  border:0;
  margin:0 0 4px;
  padding:9px 10px;
  border-radius:8px;
  text-align:left;
  font:inherit;
  font-size:13px;
  line-height:1.45;
  color:var(--text,#0f172a);
  background:transparent;
  cursor:pointer;
  word-break:break-word;
}
.qr-item:last-child{margin-bottom:0}
.qr-item:hover{
  background:var(--accent-soft,rgba(13,148,136,.12));
  color:var(--accent-deep,#0a736a);
}
.reply-compose-box.has-quickreply .reply-compose-input{
  padding-right:78px;
  resize:none!important;
}
.reply-compose-input.is-qr-locked{
  cursor:default;
  caret-color:transparent;
}
.reply-compose-input.is-qr-locked::placeholder{
  color:var(--muted,#94a3b8);
}
