.cmts{display:flex;flex-direction:column;gap:14px;}
.cmts-replybar[hidden],.cmts-quotebar[hidden],.cmts-more[hidden]{display:none;}

.cmts-av,.cmt .av{
  flex:none;width:36px;height:36px;border-radius:50%;
  display:grid;place-items:center;color:#fff;font-size:14px;font-weight:700;
  background:var(--ink3);overflow:hidden;
}
.cmt-reply .av{width:28px;height:28px;font-size:12px;}
.cmts-av img,.cmt .av img{display:block;width:100%;height:100%;object-fit:cover;}

.cmts-form{display:flex;gap:10px;}
.cmts-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;}
.cmts-replybar{
  display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink3);
  background:var(--brand-bg);border-radius:var(--r-s);padding:6px 10px;
}
.cmts-quotebar{
  display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink3);
  background:var(--bg2);border-radius:var(--r-s);padding:6px 10px;
}
.cmts-replybar b,.cmts-quotebar b{color:var(--brand);}
.cmts-rc{
  display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:18px;padding:0;border:0;border-radius:var(--r-s);
  background:none;color:var(--ink4);cursor:pointer;transition:.15s;
}
.cmts-rc svg{width:11px;height:11px;}
.cmts-rc:hover{color:var(--red);background:rgba(229,72,77,.1);}
.cmts-input{
  width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-s);
  font:inherit;font-size:14px;color:var(--ink);background:#fff;
  resize:vertical;min-height:72px;
}
.cmts-input:focus{outline:none;border-color:var(--brand-line);box-shadow:0 0 0 3px var(--brand-bg);}
.cmts-foot{display:flex;justify-content:flex-end;align-items:center;gap:10px;}
.cmts-hint{font-size:13px;color:var(--ink3);margin-right:auto;}
.cmts-hint-err{color:var(--red);}
.cmts-send{height:32px;padding:0 16px;font-size:14px;}

.cmts-total{font-size:13px;color:var(--ink4);}
.cmts-empty{text-align:center;color:var(--ink4);font-size:14px;padding:8px 0 2px;margin:0;}
.cmt{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid var(--line2);}
.cmt:last-child{border-bottom:0;padding-bottom:0;}
.cmt-bd{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;}
.cmt-hd{display:flex;align-items:center;gap:8px;font-size:13.5px;}
.cmt-hd b{font-weight:600;color:var(--ink);}
.cmt-hd time{color:var(--ink4);font-size:12.5px;}
.cmt-st{font-size:11px;line-height:1;color:var(--gold);background:rgba(240,160,32,.12);padding:3px 7px;border-radius:999px;}
.cmt-st-no{color:var(--red);background:rgba(229,72,77,.1);}
.cmt-tx{margin:0;font-size:14.5px;line-height:1.7;color:var(--ink2);word-break:break-word;}
.cmt-acts{display:flex;gap:14px;}
.cmt-acts button{border:0;background:none;padding:0;font-size:13px;color:var(--ink3);cursor:pointer;}
.cmt-acts button:hover{color:var(--brand);}

.cmt-replies{display:flex;flex-direction:column;background:var(--bg2);border-radius:var(--r-s);padding:2px 12px 10px;margin-top:4px;}
.cmt-replies[hidden]{display:none;}
.cmt-replies .cmt-replies{margin-left:0;margin-top:0;background:none;border-radius:0;padding:0;}
.cmt-fold{
  align-self:flex-start;border:0;background:none;padding:0;margin-top:2px;
  font-size:13px;color:var(--brand);cursor:pointer;
}
.cmt-fold:hover{text-decoration:underline;}
.cmt-reply{border-bottom:1px solid var(--line2);}
.cmt-reply:last-child{border-bottom:0;}
.cmt-reply .cmt-tx{font-size:14px;}

.cmt-quote{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-size:13px;line-height:1.6;color:var(--ink3);
  background:var(--bg2);border-left:2px solid var(--brand-line);border-radius:var(--r-s);
  padding:6px 10px;
}
.cmt-quote b{color:var(--brand);margin-right:6px;font-weight:600;}

.cmt-rt{font-size:12.5px;color:var(--ink4);}

.cmt-votes{display:flex;align-items:center;gap:4px;margin-top:2px;}
.cmt-votes button{
  display:inline-flex;align-items:center;justify-content:center;
  width:24px;height:24px;padding:0;border:0;border-radius:var(--r-s);
  background:none;color:var(--ink4);cursor:pointer;transition:.15s;
}
.cmt-votes button svg{width:13px;height:13px;}
.cmt-votes button:hover{background:var(--brand-bg);color:var(--brand);}
.cmt-votes button.on{background:var(--brand-bg);color:var(--brand);}
.cmt-votes button.on.down{background:rgba(229,72,77,.1);color:var(--red);}
.cmt-votes b{font-size:12.5px;color:var(--ink4);font-weight:600;min-width:14px;}

.cmts-more{align-self:center;height:32px;padding:0 22px;font-size:13.5px;}

.post-cmts{
  /* 显式放到主栏（第 1 列）网格第 3 行：正文 → 分享/要点 → 评论，避免自动放置产生大空隙 */
  grid-column:1;grid-row:3;
  margin-top:0;padding:20px 22px;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-l);
  box-shadow:0 4px 24px rgba(0,0,0,.08);
}
.post-cmts>h2{font-size:18px;letter-spacing:-.01em;padding-bottom:10px;border-bottom:1px solid var(--line2);margin-bottom:14px;}