/* 基础布局（回归旧版宽度与外边距） */
.jizone-weibo-feed{max-width:720px;margin:0 auto;padding:0 12px;}
.jz-weibo-channels{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;}
.jz-channel-link{display:inline-block;padding:6px 10px;border-radius:16px;background:#f4f4f5;color:#333;text-decoration:none;}
.jz-channel-link.active{background:#2b5df7;color:#fff;}

.weibo-list{list-style:none;margin:0;padding:0;}
.jizone-weibo-feed .weibo-list,
.jizone-weibo-feed .jz-weibo-list{padding-left:0 !important;margin-left:0 !important;}
.jizone-weibo-feed .weibo-item,
.jizone-weibo-feed .jz-weibo-item{padding-left:0 !important;margin-left:0 !important;}
.jz-weibo-item{margin:12px 0;}
.jz-weibo-card{border:1px solid #e5e7eb;border-radius:10px;padding:14px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.04);} 

/* 头部 */
.jz-weibo-header{display:flex;align-items:center;gap:12px;position:relative;}
.weibo-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#fafafa;}
.weibo-header-text{flex:1;}
.weibo-author{font-weight:600;color:#1a1a1a;}
.weibo-meta{color:#888;font-size:12px;margin-top:2px;}
/* 置顶标签：右上角，七彩渐变文字，与旧版一致 */
.jz-pinned-label{position:absolute;right:40px;top:8px;font-weight:700;font-size:16px;letter-spacing:1px;background:linear-gradient(90deg,#ff7a7a,#ffd36e,#79ff7a,#79d0ff,#b679ff);-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none;pointer-events:none;z-index:10;}

/* 置顶卡片外框：渐变边框与柔和投影（应用于卡片） */
.jz-weibo-item[data-pinned="1"] .jz-weibo-card{border:2px solid transparent;border-radius:10px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#ff7a7a,#ffd36e,#79ff7a,#79d0ff,#b679ff) border-box;box-shadow:0 4px 16px rgba(99,102,241,0.12);}

/* 推荐徽章：白字黑底，圆角，紧跟用户名 */
.weibo-author .jz-recommend-badge{display:inline-block;margin-left:6px;padding:0 6px;height:18px;line-height:18px;font-size:12px;color:#fff;background:#111;border-radius:10px;}

/* 更多菜单 */
.jz-weibo-more{margin-left:auto;position:relative;}
.jz-more-btn{width:28px;height:28px;border:none;border-radius:6px;background:#f4f4f5;color:#333;cursor:pointer;}
.jz-more-btn:hover{background:#ececee;}
.jz-more-menu{position:absolute;right:0;top:32px;background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 6px 12px rgba(0,0,0,0.08);list-style:none;padding:6px 6px 6px 0;margin:0;min-width:140px;z-index:50;}
.jz-more-item{padding:8px 8px 8px 0;border-radius:8px;cursor:pointer;color:#222;}
.jz-more-item:hover{background:#f6f7f9;}

/* 内容 */
.jz-weibo-content{margin-top:10px;color:#222;font-size:15px;line-height:1.7;}
.weibo-content-excerpt{color:#222;}
.weibo-content-full{color:#222;}
.jz-weibo-expand{margin-top:6px;padding:6px 8px;border:1px solid #eee;border-radius:8px;background:#f9f9fb;color:#333;cursor:pointer;}
.jz-weibo-expand:hover{background:#f0f1f4;}

/* 媒体九宫格（回归旧版 8px 间距与单图规则） */
.jz-weibo-media{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;}
.jz-weibo-media.count-1{grid-template-columns:1fr;}
/* 单图：取消方形比例，按原比例自适应，减少留白 */
.jz-weibo-media.count-1 .jz-weibo-media-link{aspect-ratio:1/1;background:#000;}
.jz-weibo-media.count-1 .weibo-media-item img{width:100% !important;height:100% !important;object-fit:cover;display:block;}
.jz-weibo-media-link{aspect-ratio:1/1;}
.jz-weibo-media-link,.jz-weibo-media-video{display:block;position:relative;border-radius:10px;overflow:hidden;background:#f7f7f7;}
.jz-weibo-media-link img{position:absolute;inset:0;width:100% !important;height:100% !important;object-fit:cover;display:block;}
.jz-video-thumb{position:relative;aspect-ratio:1/1;overflow:hidden;background:#000;}
.jz-preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;}
.jz-video-play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;border:none;background:rgba(0,0,0,0.55);color:#fff;cursor:pointer;}
.jz-video-play-btn::before{content:'';display:block;margin:0 auto;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff;width:0;height:0;}

/* 操作区 */
.jz-weibo-actions{display:flex;align-items:center;gap:10px;padding-top:8px;border-top:1px solid #f0f0f0;margin-top:8px;}
.jz-like-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;border:1px solid #eee;background:#fafafa;color:#333;cursor:pointer;}
.jz-like-btn:hover{background:#f3f3f5;}
.jz-like-btn.liked{border-color:#ff6a6a;background:#ffecec;color:#d84141;}
.jz-like-icon{display:inline-block;}

/* 评论框 */
.jz-comment-box{margin-top:10px;border:1px solid #eee;border-radius:10px;padding:8px;background:#fafafa;}
.jz-comment-input{width:100%;resize:vertical;border:1px solid #ddd;border-radius:8px;padding:6px;background:#fff;}
.jz-comment-actions{display:flex;gap:8px;margin-top:6px;}
.jz-comment-submit,.jz-comment-cancel{padding:6px 10px;border-radius:8px;border:1px solid #eee;background:#f4f4f5;cursor:pointer;}
.jz-comment-submit:hover,.jz-comment-cancel:hover{background:#ececee;}
.jz-comment-preview{margin-top:8px;padding:8px;border-radius:8px;background:#f7f7f8;color:#555;font-size:14px;}
.jz-comment-author{font-weight:600;color:#333;}

/* 发送模块（回归旧版风格） */
.jz-weibo-compose{border:1px solid #eee;border-radius:12px;padding:12px;background:#fff;margin-bottom:12px;box-shadow:0 1px 2px rgba(0,0,0,0.04);position:relative;}
.jz-compose-textarea{width:100%;max-width:100%;box-sizing:border-box;min-height:96px;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;font-size:15px;line-height:1.6;color:#1f2937;}
.jz-compose-textarea::placeholder{color:#9ca3af;}
.jz-compose-textarea:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,0.35);}
.jz-compose-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;}
/* 统一预览项命名：兼容 .jz-preview-item/.jz-img-item 与既有 .jz-image-item */
.jz-preview-item,.jz-img-item,.jz-image-item,.jz-video-item{position:relative;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#f7f7f7;}
.jz-preview-remove{position:absolute;right:6px;top:6px;width:22px;height:22px;border:none;border-radius:50%;background:rgba(0,0,0,0.45);color:#fff;cursor:pointer;line-height:22px;text-align:center;font-size:14px;}
.jz-preview-progress{position:absolute;left:6px;bottom:6px;font-size:12px;background:rgba(0,0,0,0.45);color:#fff;padding:2px 6px;border-radius:6px;}
/* 预览图片统一选择器，适配 .jz-preview-img 与旧选择器 */
.jz-preview-img,.jz-image-item img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block;}
.jz-video-item{grid-column:auto;background:#000;border-radius:10px;overflow:hidden;}
.jz-compose-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;}
.jz-compose-tools{display:flex;gap:8px;}
.jz-compose-tool{width:30px;height:30px;border:none;border-radius:8px;background:#f4f4f5;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;}
.jz-compose-tool:hover{background:#ececee;}
.jz-compose-actions{display:flex;align-items:center;gap:10px;}
.jz-compose-send{padding:6px 14px;border-radius:20px;border:none;background:#fbbf24;color:#111827;font-weight:600;cursor:pointer;}
.jz-compose-send:hover{background:#f59e0b;}
.jz-visible{position:relative;}
.jz-visible-btn{padding:6px 10px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#374151;cursor:pointer;}
.jz-visible-btn[aria-expanded="true"]{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,0.25);} 
.jz-visible-menu{position:absolute;left:0;top:36px;background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 6px 12px rgba(0,0,0,0.08);list-style:none;padding:6px 6px 6px 0;margin:0;min-width:160px;z-index:50;}
.jz-visible-menu li{padding:8px 8px 8px 0;border-radius:8px;cursor:pointer;}
.jz-visible-menu li[aria-selected="true"]{background:#eef3ff;color:#2b5df7;}
.jz-compose-progress{margin-top:8px;color:#666;}
.jz-compose-toast{margin-top:8px;background:#2b5df7;color:#fff;border-radius:8px;padding:6px 10px;}

/* 加载与结束 */
.weibo-loading,.weibo-end{margin:12px 0;text-align:center;color:#666;}

/* Lightbox */
.jz-lightbox{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.75);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .15s ease;}
.jz-lightbox.show{opacity:1;visibility:visible;}
.jz-lightbox-inner{position:relative;max-width:90vw;max-height:90vh;margin:4vh auto;display:flex;flex-direction:column;align-items:center;gap:10px;height:90vh;}
.jz-lightbox-main{max-width:100%;object-fit:contain;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.35);flex:1 1 auto;max-height:100%;}
.jz-lightbox-video{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.35);background:#000;flex:1 1 auto;}
.jz-lightbox-thumbs{display:flex;gap:8px;padding:8px 10px;overflow-x:auto;width:100%;justify-content:center;flex:0 0 auto;height:72px;}
.jz-lightbox-thumb-btn{border:0;background:transparent;padding:0;border-radius:6px;cursor:pointer;}
.jz-lightbox-thumb{width:56px;height:56px;object-fit:cover;border-radius:6px;display:block;}
.jz-lightbox-thumb-btn.active{outline:2px solid #f59e0b;outline-offset:2px;}
.jz-lightbox-prev,.jz-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:none;background:rgba(0,0,0,.36);color:#fff;font-size:22px;line-height:38px;text-align:center;cursor:pointer;}
.jz-lightbox-prev{left:8px;}
.jz-lightbox-next{right:8px;}
.jz-lightbox-close{position:absolute;top:6px;right:6px;width:32px;height:32px;border:none;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:18px;cursor:pointer;}

/* 响应式 */
@media (max-width:640px){
  .jizone-weibo-feed{padding:0 8px;}
  /* 移动端回归旧版：保持三列九宫格 */
  .jz-weibo-media{grid-template-columns:repeat(3,1fr);} 
  .jz-video-item{grid-column:auto;}
}
/* Emoji 面板性能优化：使用可见性/不触发重排的开关 */
.jz-emoji-panel{position:absolute;left:12px;top:auto;margin-top:6px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.08);padding:8px;z-index:60;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .12s ease, transform .12s ease, visibility 0s linear .12s;}
.jz-emoji-panel.show{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .12s ease, transform .12s ease, visibility 0s;}
.jz-emoji-item{cursor:pointer;display:inline-block;margin:4px;font-size:20px;line-height:1;background:transparent;border:none;padding:4px;border-radius:6px;}
.jz-emoji-item:hover{background:#f3f4f6;}
/* 预览：单张图按原比例显示，减少留白 */
.jz-compose-previews.count-1{grid-template-columns:1fr;}
.jz-compose-previews.count-1 .jz-image-item{aspect-ratio:auto;background:transparent;}
.jz-compose-previews.count-1 .jz-image-item img{height:auto;object-fit:contain;max-height:360px;}