/* ============================================================
   合集单页 - 前台样式
   移动端优先，桌面端内容区限宽居中
   ============================================================ */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    background: #fff;
    color: #222;
    -webkit-text-size-adjust: 100%;
}

/* 顶部大图 */
.header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #f2f2f2;
}
.header img { width: 100%; display: block; }

/* 页面容器 */
.page { width: 100%; max-width: 710px; margin: 0 auto; padding: 0 12px 40px; }

/* 页面主标题 */
.head { font-size: 26px; font-weight: bold; padding: 16px 4px 8px; }

/* 分区容器 */
.content { width: 100%; padding-top: 12px; }
.contentbanner { width: 100%; display: block; border-radius: 6px; }
.section-title {
    font-size: 20px; font-weight: bold; padding: 10px 12px; margin: 8px 0;
    background: rgba(140,140,140,.08); border-radius: 6px;
}

/* 条目列表 */
.ul { width: 100%; }
.li { width: 100%; margin-bottom: 10px; border-radius: 6px; overflow: hidden; }
.li.bg-default { background-color: rgb(255,211,211); }

.lititle {
    width: 100%; min-height: 34px; display: flex; align-items: center;
    cursor: pointer; padding: 10px 8px; user-select: none; -webkit-tap-highlight-color: transparent;
}
.lititle .sanjiao { flex-shrink: 0; line-height: 1; display: inline-flex; transition: transform .18s ease; }
.li.is-open .lititle .sanjiao { transform: rotate(90deg); }
.lititle .text { margin-left: 6px; flex: 1; min-width: 0; line-height: 1.4; word-break: break-word; font-size: 16px; }

/* 折叠内容（默认隐藏） */
.licontent { display: none; padding: 4px 12px 14px; }
.tc { line-height: 1.7; word-break: break-word; }
.tc img, .tc video { max-width: 100%; height: auto; display: block; margin: 8px auto; border-radius: 4px; }
.tc img { cursor: zoom-in; background: #eceff3; }
.tc video { width: 100%; background: #000; }
.tc p { margin: 4px 0; }

.empty { padding: 60px 20px; text-align: center; color: #999; font-size: 15px; }
.footer { padding: 24px 8px; text-align: center; color: #888; font-size: 13px; }
.footer img { max-width: 100%; }

/* 图片灯箱 */
.lightbox {
    position: fixed; inset: 0; z-index: 99999; display: none;
    align-items: center; justify-content: center; background: rgba(0,0,0,.9);
}
.lightbox.is-show { display: flex; }
.lightbox-img { max-width: 100%; max-height: 100%; object-fit: contain; }
.lightbox-close {
    position: absolute; top: 12px; right: 18px; color: #fff; font-size: 34px;
    line-height: 1; cursor: pointer; opacity: .85;
}

/* 微信转发浮动按钮 */
.share-btn {
    position: fixed; right: 14px; bottom: 88px; z-index: 9000;
    display: flex; align-items: center; gap: 5px; padding: 9px 13px; border-radius: 999px;
    background: linear-gradient(135deg,#07c160,#06ae56); color: #fff; font-size: 13px; font-weight: 500;
    line-height: 1; cursor: pointer; box-shadow: 0 4px 16px rgba(7,193,96,.4);
    user-select: none; -webkit-tap-highlight-color: transparent; transition: transform .15s ease;
}
.share-btn:active { transform: scale(.95); }
.share-btn svg { flex-shrink: 0; }
.share-toast {
    position: fixed; left: 50%; bottom: 150px; z-index: 99998; max-width: 80vw;
    padding: 12px 18px; border-radius: 12px; background: rgba(15,23,42,.9); color: #fff;
    font-size: 14px; line-height: 1.5; text-align: center; pointer-events: none;
    opacity: 0; transform: translate(-50%,10px); transition: opacity .25s ease, transform .25s ease;
}
.share-toast.is-show { opacity: 1; transform: translate(-50%,0); }

@media screen and (max-width: 480px) {
    .head { font-size: 22px; }
    .lititle .text { font-size: 15px; }
}