/* ============================================================
 * stage.css —— 大舞台动态列表 / 评论区 / 投稿媒体网格（深色默认 + 浅色覆盖）
 * ============================================================ */
#stageView .st-state { max-width:860px; margin:20px auto 0; text-align:center; color:#7c8cb8;
  font-size:13px; padding:34px 16px; border-radius:14px;
  background:rgba(255,255,255,.03); border:1px dashed rgba(125,112,255,.28); }

/* 单图 */
#stageView .st-media img { width:100%; height:100%; object-fit:cover; display:block; border-radius:12px; cursor:zoom-in; }
/* 多图网格 */
#stageView .st-media-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin:2px 0 4px; max-width:430px; }
#stageView .st-media-grid img { width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:8px; cursor:zoom-in; display:block;
  border:1px solid rgba(125,112,255,.2); }
#stageView .st-ops button { transition:color .15s; }
#stageView .st-ops button:active { transform:scale(.96); }

/* 评论区 */
#stageView .st-comments { margin-top:12px; padding-top:10px; border-top:1px dashed rgba(125,112,255,.22);
  display:flex; flex-direction:column; gap:8px; }
#stageView .st-cmt { font-size:13px; color:#c7d2f5; line-height:1.55; word-break:break-word; }
#stageView .st-cmt b { color:#a78bfa; font-weight:700; margin-right:6px; }
#stageView .st-cmt-time { color:#6b7aa8; font-size:11px; margin-left:6px; }
#stageView .st-cmt-empty { font-size:12px; color:#6b7aa8; }
#stageView .st-cmt-form { display:flex; gap:8px; margin-top:2px; }
#stageView .st-cmt-form input { flex:1; min-width:0; background:rgba(255,255,255,.05);
  border:1px solid rgba(125,112,255,.28); border-radius:9px; padding:8px 11px; color:#eaf0ff; font-size:13px; outline:none; }
#stageView .st-cmt-form input:focus { border-color:#7c66ff; }
#stageView .st-cmt-form input::placeholder { color:#6b7aa8; }
#stageView .st-cmt-form button { flex:none; padding:8px 14px; border-radius:9px; border:none; cursor:pointer;
  font-size:13px; font-weight:600; color:#fff; background:linear-gradient(135deg,#7c66ff,#5b44e0); }
#stageView .st-cmt-form button:disabled { opacity:.6; cursor:not-allowed; }

/* 弹窗内已选图片预览 / 状态 */
.publish-modal .pm-previews { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:10px; }
.publish-modal .pm-previews .pm-prev { position:relative; aspect-ratio:1/1; border-radius:10px; overflow:hidden;
  border:1px solid rgba(125,112,255,.3); background:rgba(0,0,0,.25); }
.publish-modal .pm-previews .pm-prev img { width:100%; height:100%; object-fit:cover; display:block; }
.publish-modal .pm-previews .pm-prev em { position:absolute; left:0; right:0; bottom:0; font-style:normal;
  font-size:10px; text-align:center; color:#fff; background:rgba(0,0,0,.55); padding:2px 0; }
.publish-modal .pm-upload-msg { font-size:12px; color:#9aa6d0; margin-top:8px; }
.publish-modal .pm-btn--primary:disabled { opacity:.6; cursor:not-allowed; }

/* 浅色主题 */
body.theme-light #stageView .st-state { background:rgba(255,255,255,.6); border-color:rgba(124,102,255,.25); color:#7a8599; }
body.theme-light #stageView .st-cmt { color:#3d4a66; }
body.theme-light #stageView .st-cmt b { color:#6d4de0; }
body.theme-light #stageView .st-cmt-time,
body.theme-light #stageView .st-cmt-empty { color:#98a2b3; }
body.theme-light #stageView .st-cmt-form input { background:#fff; border-color:#dfe4f0; color:#101828; }
body.theme-light #stageView .st-cmt-form input::placeholder { color:#a0aec0; }
body.theme-light .publish-modal .pm-upload-msg { color:#667085; }

/* ===== 账号联通：会员头像 / 评论 / 身份提示 ===== */
#stageView .st-user { display:flex; align-items:center; gap:10px; }
#stageView .st-user .m-avatar { width:38px; height:38px; flex:0 0 38px; }
#stageView .st-user .m-avatar img,
#stageView .st-user .m-avatar .m-avatar-fallback { width:38px; height:38px; font-size:15px; border-width:1px; }
#stageView .st-user .m-frame { inset:-4px; width:calc(100% + 8px); height:calc(100% + 8px); }

#stageView .st-cmt { display:flex; gap:8px; align-items:flex-start; }
#stageView .st-cmt-body { flex:1; min-width:0; }
#stageView .st-cmt-ava { flex:0 0 26px; width:26px; height:26px; border-radius:50%; overflow:hidden;
  display:flex; align-items:center; justify-content:center; font-size:12px; color:#fff;
  background:linear-gradient(135deg,#7c66ff,#5b44e0); margin-top:1px; }
#stageView .st-cmt-ava img { width:100%; height:100%; object-fit:cover; }
#stageView .st-cmt-as { font-size:12px; color:#8b96c2; margin:6px 0 2px; }
#stageView .st-cmt-as b { color:#c7d2f5; }
#stageView .st-cmt-as--guest .st-login-link { color:#a78bfa; cursor:pointer; font-weight:600; }
#stageView .st-cmt-as--guest .st-login-link:hover { text-decoration:underline; }

.publish-modal .pm-input.is-readonly { background:rgba(255,255,255,.05); color:#aeb8e0; cursor:not-allowed; }

body.theme-light #stageView .st-cmt-as { color:#98a2b3; }
body.theme-light #stageView .st-cmt-as b { color:#3d4a66; }
body.theme-light .publish-modal .pm-input.is-readonly { background:#f2f4fa; color:#667085; }

.st-namelink { color:inherit;text-decoration:none; }
.st-namelink:hover { text-decoration:underline; }