/* 椎名真昼 H5 · 社区发帖显示界面 UI 优化 运行时样式
   覆盖 pages-news（data-v-23785f6f）已有 scoped 样式
   用 .page-news[scope] 后代选择器提高优先级，保证覆盖（不受加载顺序影响） */
.mh-c-root{ } /* 占位 */

/* ---------- 页面底色：更柔和的暖粉渐变 ---------- */
.page-news[data-v-23785f6f]{
  background:
    radial-gradient(120% 80% at 50% -10%, rgba(248,180,200,.18), transparent 60%),
    radial-gradient(100% 60% at 100% 0%, rgba(232,146,168,.10), transparent 55%),
    var(--mh-bg, #fdf6f8);
}

/* ---------- 顶部筛选栏：毛玻璃 + 更舒展的胶囊 ---------- */
.page-news[data-v-23785f6f] .filter-bar-fixed[data-v-23785f6f]{
  padding:.625rem .875rem;
  backdrop-filter:saturate(180%) blur(16px);
  -webkit-backdrop-filter:saturate(180%) blur(16px);
  background:rgba(255,255,255,.66);
  border-bottom:1px solid rgba(248,180,200,.14);
}
.page-news[data-v-23785f6f] .filter-list[data-v-23785f6f]{ gap:.375rem; }
.page-news[data-v-23785f6f] .filter-tab[data-v-23785f6f]{
  padding:.4375rem .875rem; border-radius:1.25rem;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(248,180,200,.22);
  box-shadow:0 1px 3px rgba(74,48,64,.04);
}
.page-news[data-v-23785f6f] .filter-tab--active[data-v-23785f6f]{
  background:linear-gradient(135deg,#f8b4c8,#e892a8);
  border-color:transparent;
  box-shadow:0 3px 10px rgba(232,146,168,.32);
}

/* ---------- 帖子列表 ---------- */
.page-news[data-v-23785f6f] .community-list[data-v-23785f6f]{ padding:.5rem .75rem 0; }

/* 帖子卡片：毛玻璃 + 更大圆角 + 阴影 + 点击微抬 */
.page-news[data-v-23785f6f] .post-card[data-v-23785f6f]{
  position:relative; padding:1rem; border-radius:.875rem; margin-bottom:.75rem;
  background:rgba(255,255,255,.74);
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  border:1px solid rgba(248,180,200,.18);
  box-shadow:0 4px 18px rgba(74,48,64,.06);
  transition:transform .18s ease, box-shadow .18s ease;
}
.page-news[data-v-23785f6f] .post-card[data-v-23785f6f]:active{
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(74,48,64,.12);
}

/* 头像：渐变底 + 微光，与聊天头像一致观感 */
.page-news[data-v-23785f6f] .post-avatar[data-v-23785f6f]{
  background:linear-gradient(135deg,#f8b4c8,#e892a8);
  box-shadow:0 2px 6px rgba(248,180,200,.3);
}
/* 用户名 / 时间 */
.page-news[data-v-23785f6f] .post-username[data-v-23785f6f]{ color:#4a3040; }
.page-news[data-v-23785f6f] .post-time[data-v-23785f6f]{ color:#b89aa4; }

/* 分类标签：更饱满的胶囊 */
.page-news[data-v-23785f6f] .post-tag[data-v-23785f6f]{
  font-size:.6875rem; padding:.1875rem .5625rem; border-radius:.625rem;
  font-weight:600; letter-spacing:.02em;
}
/* 标题 / 正文 */
.page-news[data-v-23785f6f] .post-title[data-v-23785f6f]{ font-size:1rem; color:#3a2530; }
.page-news[data-v-23785f6f] .post-content[data-v-23785f6f]{ color:#8b7280; }

/* 底部互动栏：每项加柔和底色与圆角，间距更均匀 */
.page-news[data-v-23785f6f] .post-footer[data-v-23785f6f]{ gap:.5rem; border-top:1px solid rgba(248,180,200,.12); }
.page-news[data-v-23785f6f] .post-stat[data-v-23785f6f]{
  gap:.25rem; padding:.1875rem .4375rem; border-radius:.625rem;
  transition:background .18s ease;
}
.page-news[data-v-23785f6f] .post-stat[data-v-23785f6f]:active{ background:rgba(248,180,200,.14); }
.page-news[data-v-23785f6f] .stat-text[data-v-23785f6f]{ color:#b89aa4; }

/* ---------- 空状态：更精致的引导 ---------- */
.page-news[data-v-23785f6f] .empty-state[data-v-23785f6f]{
  padding:3.75rem 1.5rem 2.5rem; gap:.625rem;
}
/* 图标徽章：渐变圆 + 柔光（替换原裸图标） */
.page-news[data-v-23785f6f] .empty-state[data-v-23785f6f] > :first-child{
  width:5rem; height:5rem; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, rgba(248,180,200,.22), rgba(232,146,168,.16));
  box-shadow:0 10px 28px rgba(248,180,200,.2), inset 0 1px 2px rgba(255,255,255,.6);
  margin-bottom:.375rem; color:#e892a8;
}
.page-news[data-v-23785f6f] .empty-text[data-v-23785f6f]{
  font-size:1rem; font-weight:600; color:#6b5563;
}
/* JS 注入的副文案与按钮 */
.mh-empty-sub{ font-size:.8125rem; color:#b89aa4; line-height:1.6; max-width:16rem; text-align:center; }
.mh-empty-cta{
  margin-top:.5rem; border:none; outline:none; cursor:pointer;
  padding:.5625rem 1.5rem; border-radius:1.5rem; font-size:.875rem; font-weight:600;
  color:#fff; background:linear-gradient(135deg,#f8b4c8,#e892a8);
  box-shadow:0 4px 14px rgba(232,146,168,.32);
  display:inline-flex; align-items:center; gap:.3125rem;
  transition:transform .18s ease, box-shadow .18s ease;
}
.mh-empty-cta:active{ transform:scale(.96); box-shadow:0 2px 8px rgba(232,146,168,.28); }

/* ---------- 发布弹窗：更清爽的表单 ---------- */
.page-news[data-v-23785f6f] .post-modal[data-v-23785f6f]{ border-radius:1.25rem 1.25rem 0 0; }
.page-news[data-v-23785f6f] .modal-header[data-v-23785f6f]{ border-bottom:1px solid rgba(248,180,200,.15); }
.page-news[data-v-23785f6f] .form-input[data-v-23785f6f]{
  background:#faf5f7; border:1px solid rgba(248,180,200,.18);
  transition:border-color .18s, box-shadow .18s;
}
.page-news[data-v-23785f6f] .form-textarea[data-v-23785f6f]{
  background:#faf5f7; border:1px solid rgba(248,180,200,.18);
  transition:border-color .18s, box-shadow .18s; line-height:1.6;
}
.page-news[data-v-23785f6f] .form-input[data-v-23785f6f]:focus,
.page-news[data-v-23785f6f] .form-textarea[data-v-23785f6f]:focus{
  border-color:#f8b4c8; box-shadow:0 0 0 3px rgba(248,180,200,.18); outline:none;
}
.page-news[data-v-23785f6f] .tag-option[data-v-23785f6f]{ font-weight:600; }
.page-news[data-v-23785f6f] .btn-submit[data-v-23785f6f]{
  box-shadow:0 4px 14px rgba(232,146,168,.28);
}
.page-news[data-v-23785f6f] .btn-submit[data-v-23785f6f]:not(.btn-submit--disabled):active{ transform:scale(.98); }