/* @🍮 朋友圈专属样式开始 */
        .moments-overlay { position: fixed; top: 100%; left: 0; width: 100%; height: 100%; background: #ffffff; transition: top 0.35s ease-in-out; z-index: 125; display: flex; flex-direction: column; font-family: sans-serif; overflow-y: auto;}
        .moments-overlay.active { top: 0; }
        .moments-top-bar { position: sticky; top: 0; left: 0; width: 100%; height: 50px; margin-bottom: -50px; display: flex; justify-content: space-between; align-items: center; padding: 0 15px; box-sizing: border-box; z-index: 126; background: transparent; transition: background 0.3s; color: #fff;}
        .moments-top-bar svg { fill: currentColor; width: 24px; height: 24px; cursor: pointer; }
        .moments-header { position: relative; width: 100%; height: 350px; background-color: #333; background-size: cover; background-position: center; background-image: url('https://img.baibai.cv/f/3YRqie/mmexport1785515299260.jpg'); cursor: pointer; flex-shrink: 0; }
        .moments-user-info { position: absolute; bottom: -25px; right: 15px; display: flex; align-items: flex-end; gap: 15px; }
        .moments-username { color: #fff; font-size: 18px; font-weight: bold; margin-bottom: 30px; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); }
        .moments-avatar { width: 70px; height: 70px; border-radius: 8px; background-color: #ddd; background-size: cover; background-position: center; border: 2px solid #fff; cursor: pointer; }

        /* 发送朋友圈界面 */
        .moments-publish-overlay { position: fixed; top: 100%; left: 0; width: 100%; height: 100%; background: #ffffff; transition: top 0.3s ease-in-out; z-index: 127; display: flex; flex-direction: column; font-family: sans-serif; }
        .moments-publish-overlay.active { top: 0; }
        .mp-header { display: flex; justify-content: space-between; align-items: center; height: 50px; padding: 0 15px; background: #ededed; color: #333; font-size: 16px; }
        .mp-header-btn { cursor: pointer; }
        .mp-header-btn.publish { background: #07c160; color: #fff; padding: 5px 12px; border-radius: 4px; font-size: 14px; font-weight: bold; }
        .mp-header-title { font-weight: bold; }
        .mp-content { padding: 20px 15px; flex: 1; }
        .mp-textarea { width: 100%; height: 120px; border: none; outline: none; resize: none; font-size: 16px; color: #333; }
        .mp-options { margin-top: 10px; border-top: 1px solid #f0f0f0; }
        .mp-option-item { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid #f0f0f0; font-size: 15px; color: #333; cursor: pointer; }
        .mp-option-item-right { display: flex; align-items: center; gap: 5px; color: #999; font-size: 14px; }
        /* @🍮 朋友圈专属样式结束 */


        /* @🍮 朋友圈帖子专属排版样式 */
        .moment-post { display: flex; padding: 15px; border-bottom: 1px solid #eee; background: #fff; }
        .moment-avatar { width: 42px; height: 42px; border-radius: 6px; background-size: cover; background-position: center; margin-right: 12px; flex-shrink: 0; background-color: #eee; }
        .moment-main { flex: 1; min-width: 0; }
        .moment-author { font-size: 16px; font-weight: bold; color: #576b95; margin-bottom: 5px; }
        .moment-content { font-size: 15px; color: #333; line-height: 1.4; word-break: break-word; margin-bottom: 10px; }
        .moment-footer { display: flex; justify-content: space-between; align-items: center; position: relative; margin-bottom: 10px; }
        .moment-time-wrap { display: flex; align-items: center; gap: 10px; }
        .moment-time { font-size: 13px; color: #999; }
        .moment-group-icon, .moment-delete-icon { width: 16px; height: 16px; fill: #576b95; cursor: pointer; }
        .moment-interact-btn { width: 32px; height: 22px; background: #f7f7f7; border-radius: 4px; display: flex; justify-content: center; align-items: center; cursor: pointer; }
        .moment-interact-btn svg { width: 16px; height: 16px; fill: #576b95; pointer-events: none; }
        .moment-interact-menu { position: absolute; right: 40px; top: -8px; background: #4c4c4c; border-radius: 4px; display: flex; color: #fff; overflow: hidden; width: 0; transition: width 0.2s; white-space: nowrap; z-index: 10; }
        .moment-interact-menu.active { width: 150px; }
        .interact-item { flex: 1; display: flex; justify-content: center; align-items: center; padding: 10px 0; font-size: 13px; cursor: pointer; gap: 4px; position: relative; }
        .interact-item:first-child::after { content: ''; position: absolute; right: 0; top: 20%; height: 60%; width: 1px; background: #3a3a3a; }
        .interact-item:active { background: #3a3a3a; }
        .interact-item svg { width: 14px; height: 14px; fill: #fff; pointer-events: none; }
        .moment-interactions { background: #f7f7f7; border-radius: 4px; margin-top: 5px; position: relative; }
        .moment-interactions::before { content: ''; position: absolute; top: -10px; left: 10px; border-width: 5px; border-style: solid; border-color: transparent transparent #f7f7f7 transparent; }
        .moment-likes { padding: 8px 10px; font-size: 13px; color: #576b95; font-weight: bold; border-bottom: 1px solid #eee; display: flex; align-items: center; gap: 5px; word-break: break-all; }
        .moment-likes svg { width: 14px; height: 14px; fill: #576b95; flex-shrink: 0; }
        .moment-comments { padding: 5px 10px; display: flex; flex-direction: column; gap: 4px; }
        .moment-comment { font-size: 14px; color: #333; line-height: 1.4; word-break: break-all; }
        .moment-comment span { color: #576b95; font-weight: bold; cursor: pointer; }
        .moments-group-cb { accent-color: #07c160; width: 18px; height: 18px; cursor: pointer; margin: 0; }


/* @🍮 朋友圈多选管理模式专属样式 */
.moments-manage-mode .moment-post { cursor: pointer; align-items: flex-start; }
.moments-manage-mode .moment-checkbox { display: block; margin-top: 10px; }
.moments-manage-mode .moment-interact-btn,
.moments-manage-mode .moment-delete-icon { display: none !important; }
.moment-checkbox { display: none; accent-color: #07c160; width: 22px; height: 22px; margin-right: 15px; flex-shrink: 0; pointer-events: none; }

/* @🍮 朋友圈专属图片防挤压约束 */
.moment-content-img { max-width: 100%; max-height: 400px; object-fit: cover; border-radius: 8px; margin-top: 10px; display: block; }