/* ============================================================
   首页 APP 式布局（手机端）—— 社区数据头 / 板块横滑胶囊 / 吸顶分段标签 / 卡片式帖子流
   新增的手机端专属元素在桌面端一律隐藏，PC 列表保持原样。
   ============================================================ */
.f-row-ava, .f-row-badge-m, .f-row-replies-m, .f-home-hero { display: none; }

@media (max-width: 760px) {

  /* ---------- 社区数据头 ---------- */
  .f-home-hero {
    display: block; padding: 16px; margin-bottom: 12px; border-radius: 14px; color: #fff;
    background: linear-gradient(135deg, var(--f-primary) 0%, #6d8ff5 58%, #8b5cf6 100%);
    box-shadow: 0 12px 26px -16px rgba(47, 111, 237, .9);
  }
  .f-home-hero-name { font-size: 18px; font-weight: 700; }
  .f-home-hero-sub { font-size: 12.5px; opacity: .92; margin-top: 4px; }
  .f-home-hero-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 14px; text-align: center; }
  .f-home-hero-stats b { display: block; font-size: 16px; line-height: 1.3; }
  .f-home-hero-stats span { font-size: 11px; opacity: .88; }

  /* ---------- 板块横滑胶囊（首页） ---------- */
  .f-boardnav-chips {
    display: flex !important; flex-direction: row; flex-wrap: nowrap;
    overflow-x: auto; -webkit-overflow-scrolling: touch;
    gap: 8px; background: transparent; border: 0; padding: 0 2px 4px;
    margin-bottom: 12px; position: static;
  }
  .f-boardnav-chips a {
    flex: 0 0 auto; padding: 7px 14px; border-radius: 999px; white-space: nowrap;
    background: #fff; border: 1px solid var(--f-line); color: #4b5563; font-size: 13px;
  }
  .f-boardnav-chips a.on { background: var(--f-primary); border-color: var(--f-primary); color: #fff; font-weight: 600; }

  /* ---------- 吸顶分段标签 ---------- */
  .f-tabs {
    position: sticky; top: 54px; z-index: 20;
    margin: 0 0 12px; padding: 8px 10px; border: 0; border-radius: 12px;
    background: rgba(255, 255, 255, .96);
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
    box-shadow: 0 6px 16px -14px rgba(15, 23, 42, .6);
  }
  .f-tabs a { flex: 1 1 0; text-align: center; padding: 8px 6px; border-radius: 8px; border-bottom: 0; font-size: 14px; }
  .f-tabs a.on { background: #eef4ff; color: var(--f-primary); }
  .f-tabs-post { flex: 0 0 auto; padding: 8px 12px; }

  /* ---------- 卡片式帖子流 ---------- */
  .f-list, .f-tabs + .f-list, .f-list:not(.f-tabs + .f-list) {
    background: transparent; border: 0; border-radius: 0;
    display: flex; flex-direction: column; gap: 8px;
  }
  .f-row {
    background: #fff; border: 1px solid #eef1f5; border-radius: 12px;
    padding: 12px; gap: 10px; align-items: flex-start;
  }
  .f-row:hover { background: #fff; }
  .f-list .f-row:last-child { border-bottom: 1px solid #eef1f5; }

  .f-row-ava { display: inline-flex; flex: 0 0 40px; width: 40px; height: 40px; }
  .f-row-ava .uc-avatar { width: 40px !important; height: 40px !important; border-radius: 50%; }
  .f-row-ava-txt {
    width: 40px; height: 40px; border-radius: 50%; background: #eef4ff; color: var(--f-primary);
    display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px;
  }
  .f-row-badge { display: none; }   /* 左列徽章改为信息行内联 */
  .f-row-side { display: none; }    /* 回复数移入信息行 */

  .f-row-title {
    white-space: normal; font-size: 15px; line-height: 1.45;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  }
  .f-row-meta { flex-wrap: wrap; align-items: center; gap: 6px 8px; margin-top: 8px; font-size: 11.5px; }
  .f-row-badge-m { display: inline-block; font-size: 10.5px; padding: 1px 7px; }
  .f-row-replies-m { display: inline-flex; align-items: center; gap: 3px; margin-left: auto; color: var(--f-sub); }
  .f-row-replies-m.has { color: var(--f-primary); font-weight: 600; }
  .f-row-replies-m svg { width: 13px; height: 13px; }

  /* 加载更多 / 到底提示 */
  .f-pager .f-btn-ghost { width: 100%; }
  .f-pager-end { font-size: 12px; margin: 12px 0; }

  /* ---------- 手机端隐藏指定版块（模板设置 → 手机端；桌面端不受影响）---------- */
  .f-hide-m { display: none !important; }

  /* ---------- 手机端隐藏侧栏模块（模板设置 → 手机端；桌面端不受影响）---------- */
  .f-sidebar .f-w-m-hide { display: none !important; }

  /* ---------- 手机端仅隐藏板块胶囊入口（帖子照常显示）---------- */
  .f-boardnav-chips .f-chip-hide-m { display: none !important; }
}

/* ============================================================
   桌面端隐藏指定版块（模板设置 → 手机端页签 → 桌面端首页隐藏版块）
   作用：桌面端左侧板块导航 + 首页帖子流；手机端不受影响
   ============================================================ */
@media (min-width: 761px) {
  .f-boardnav .f-hide-d { display: none !important; }
  .f-row.f-hide-d { display: none !important; }
}

/* ============================================================
   桌面端发帖按钮（首页分段标签右侧）—— 增强为醒目的实心圆角主按钮
   手机端沿用原紧凑样式（此规则仅在 ≥761px 生效）
   ============================================================ */
@media (min-width: 761px) {
  .f-tabs { padding: 10px 16px 10px; }
  .f-tabs a.f-tabs-post {
    margin-left: auto;
    height: 40px;
    padding: 0 24px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--f-accent), #fb923c);
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .5px;
    box-shadow: 0 8px 18px -8px rgba(249, 115, 22, .8);
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
  }
  .f-tabs a.f-tabs-post svg { width: 17px; height: 17px; }
  .f-tabs a.f-tabs-post:hover {
    color: #fff !important;
    filter: brightness(1.06);
    transform: translateY(-1px);
    box-shadow: 0 12px 24px -8px rgba(249, 115, 22, .9);
  }
  .f-tabs a.f-tabs-post:active { transform: translateY(0); box-shadow: 0 6px 14px -8px rgba(249, 115, 22, .8); }
}