/* ================================================================
 * 网址详情页 · 简介/标签 自动折叠 v3
 * 规则：简介超过一行自动折叠；标签超过一行自动折叠。
 * 展开/收起按钮贴在可见最后一行的行尾（右侧渐隐过渡）。
 * 未超一行的内容不显示按钮（由 site-fold.js 判断）。
 *
 * v3 修复：Chromium 新版 line-clamp 标准化后，若直接在带 padding
 * 的容器上 clamp，overflow 裁剪边界含 padding，第二行会从
 * padding-bottom 区域露出。因此简介文本包一层 .site-fold-inner
 * （无 padding）在其上做 clamp，外层 .site-detail-desc 保持原样式。
 * ================================================================ */

/* ---- 简介折叠：外层保持原样式，仅提供定位与行尾预留 ---- */
.site-detail-desc {
    position: relative;
    padding-right: 52px; /* 给行尾按钮预留空间，避免按钮遮住文字起点 */
}

/* 内层：无 padding，行高与简介一致，line-clamp 裁剪精确一行 */
.site-detail-desc .site-fold-inner {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    line-height: 1.7; /* 与 .site-detail-desc 的 line-height 一致 */
}
/* 展开态：还原整段 */
.site-detail-desc.site-fold-expanded {
    padding-right: 16px; /* 还原原 padding-right（原为 16px） */
}
.site-detail-desc.site-fold-expanded .site-fold-inner {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
}

/* ---- 标签折叠（一行高度限制 + 行尾按钮） ---- */
.site-detail-tags {
    position: relative;
    max-height: 30px; /* 一行 badge：12px字×1.5 + 上下padding 10px + 边框 2px ≈ 30px */
    overflow: hidden;
    transition: max-height .25s ease;
}
/* 固定 badge 行高，保证折叠裁切精确一行 */
.site-detail-tags .badge {
    line-height: 1.5;
}
.site-detail-tags.site-fold-expanded {
    max-height: none;
}

/* ---- 行尾展开/收起按钮 ---- */
.site-fold-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 10px 0 16px;
    font-size: 12px;
    line-height: 24px;
    color: #409eff;
    background: linear-gradient(to left, #fff 55%, rgba(255, 255, 255, 0));
    border: none;
    cursor: pointer;
    user-select: none;
    transition: color .2s;
    z-index: 2;
}
.site-fold-btn:hover {
    color: #1f7ad4;
}
/* 简介容器内按钮：与文字行底对齐（容器有 padding 14px 16px） */
.site-detail-desc .site-fold-btn {
    right: 16px;
    bottom: 14px;
}
/* 深色模式：按钮背景渐隐适配卡片底色 */
.io-black-mode .site-fold-btn {
    background: linear-gradient(to left, #262c3a 55%, rgba(38, 44, 58, 0));
}