/* ==========================================================================
   长评论折叠 · 前台样式（只在单篇内容页、且开关打开时加载）
   --------------------------------------------------------------------------
   设计口径：
     · 判断在 JS 里按【字数】（超过阈值才折）；
     · 折起来露多少也由 JS 算（按屏幕宽度估"一行多少字"，算出要露出阈值这么多字需要几行），
       所以这里只负责"卡住 + 渐隐"，具体高度是脚本写在元素上的 max-height；
     · 底部渐隐用 mask 做（不需要知道主题背景色，浅色/深色都对）；
     · 「展开全文」是中性小胶囊（灰边 + 继承字色），不抢主题配色；
     · 按钮插在正文后面、评论的"时间/回复/点赞"那一行之前，所以折起来也能照常回复/点赞。
   ========================================================================== */

.comment-content.laoshen-cmt-folded {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, #000 80%, transparent 100%);
          mask-image: linear-gradient(to bottom, #000 80%, transparent 100%);
}

/* 折起来时正文和按钮之间留一点缝（正文本身可能贴边） */
.laoshen-cmt-fold-wrap {
  margin: -2px 0 8px;
}

.laoshen-cmt-fold-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font: inherit;
  font-size: 12.5px;
  line-height: 1;
  padding: 5px 12px;
  border: 1px solid rgba(128, 128, 128, .28);
  border-radius: 999px;
  background: transparent;
  color: inherit;
  opacity: .72;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: opacity .15s ease, border-color .15s ease, background .15s ease;
}

.laoshen-cmt-fold-btn:hover {
  opacity: 1;
  border-color: rgba(128, 128, 128, .5);
  background: rgba(128, 128, 128, .07);
}

.laoshen-cmt-fold-btn:active { transform: translateY(1px); }

/* 小三角：折着的时候朝下（展开全文），打开后朝上（收起） */
.laoshen-cmt-fold-btn::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  opacity: .8;
  transition: transform .2s ease;
}

.laoshen-cmt-fold-btn.is-open::after { transform: rotate(180deg); }

/* 手机端：按钮大一点点，手指好点 */
@media (max-width: 768px) {
  .laoshen-cmt-fold-btn { font-size: 13px; padding: 7px 14px; }
}