/* 江湖帖 · 首页极简重构 v2
   ────────────────────────────────────────────────────────────
   设计取向（对齐 2026 年主流 App 设计基线）：
   · Calm / 低刺激    —— 压低色彩数量与对比噪声，元素之间留白呼吸
   · 单强调色         —— 墨色为骨，金色只留给「谢礼」这一个重点
   · 大字级 + 清晰层级 —— 标题即导航，一条信息只出现一次
   · 纸感而非重投影    —— 沿用米纸底 + 发丝边框，去掉堆叠阴影
   · 一行一件事       —— 分类、筛选各占一行横向胶囊，取消折叠与卡片头

   层叠说明：本文件在 profile.css 与 responsive.css **之间**引入
   （实际顺序 base → home → components → wish → profile → home-v2 → responsive），
   故可覆盖 components/home 的旧样式，但**会被 responsive.css 覆盖**；
   PC 断点内的规则若与 responsive.css 冲突，一律写进 responsive.css。 */

/* ===== 1. 页面标题 =====
   「今日江湖」已上移到顶部导航栏（PC 用 .pc-brand 承载，移动端用 .header 标题），
   正文不再重复出现标题；江湖心愿条即首页第一排。
   原 .home-hero / .hh-kicker / .hh-title / .hh-sub 规则已随之删除（2026-09-10）。 */

/* ===== 2. 心愿条：从「彩色招牌」降为「安静一条」，并作为首页第一排 ===== */
.wish-ticker{margin:16px 16px 0;padding:11px 14px;background:var(--card);
  border:0.5px solid var(--border);border-radius:14px;box-shadow:none;
  display:flex;align-items:center;gap:10px}
.wish-ticker:active{transform:scale(.995)}
.wt-icon{font-size:17px;flex-shrink:0;opacity:.8;animation:none}
.wt-label{font-size:10px;color:var(--gold-d);letter-spacing:2px;font-weight:600;margin-bottom:3px}
.wt-tip{display:none}
.wt-content{height:20px}
.wt-text{font-size:13px;line-height:20px}
.wt-arrow{font-size:16px;color:var(--ink3);flex-shrink:0}

/* ===== 3. 搜索：低调化 ===== */
.search-bar{padding:10px 16px 0}
.search-input{height:38px;border-radius:12px;background:var(--card);font-size:13px;
  border:0.5px solid var(--border);transition:border-color .18s,background .18s}
.search-input:focus{border-color:var(--gold-l);background:#fffdf8}

/* ===== 4. 分类：一行横向胶囊（原为可折叠卡片网格） ===== */
.cat-card{margin:14px 0 0;background:transparent;border:0;box-shadow:none;
  border-radius:0;overflow:visible}
.cat-tabs-grid{display:flex;gap:8px;overflow-x:auto;padding:2px 16px 4px;
  max-height:none!important;opacity:1!important;transition:none;
  scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cat-tabs-grid::-webkit-scrollbar{display:none}
.cat-tab{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:5px;
  padding:7px 13px;border-radius:999px;background:var(--card);
  border:0.5px solid var(--border);box-shadow:none;white-space:nowrap;
  transition:background .18s,border-color .18s,transform .15s}
.cat-tab:active{transform:scale(.96)}
.cat-tab .cat-icon{width:auto;height:auto;border-radius:0;font-size:13px;
  background:none!important;display:inline;line-height:1}
.cat-tab .cat-name{font-size:12.5px;font-weight:500;color:var(--ink2)}
.cat-tab .cat-sub{font-size:11px;color:var(--ink3);margin-left:1px}
/* 激活态统一为墨色（原规则按分类给了 7 种彩色渐变，色噪过大） */
.cat-tabs-grid .cat-tab.active{background:var(--ink);border-color:var(--ink)}
.cat-tabs-grid .cat-tab.active .cat-name,
.cat-tabs-grid .cat-tab.active .cat-sub{color:#fff}

/* ===== 5. 筛选：去掉蓝色渐变重皮，压成一行灰胶囊 ===== */
.filter-card{margin:4px 0 0;background:transparent;border:0;box-shadow:none;
  border-radius:0;overflow:visible}
.filter-panel{padding:0!important;max-height:none!important;opacity:1!important;
  transition:none;overflow:visible}
.filter-bar{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:2px 16px 4px;
  scrollbar-width:none;-webkit-overflow-scrolling:touch}
.filter-bar::-webkit-scrollbar{display:none}
.filter-item{flex:0 0 auto;padding:6px 12px;border-radius:999px;background:transparent;
  border:0.5px solid var(--border);font-size:12px;color:var(--ink3);
  white-space:nowrap;transition:background .18s,color .18s,transform .15s}
.filter-item:active{transform:scale(.96)}
.filter-item.active{background:var(--ink);border-color:var(--ink);color:#fff}
.filter-item.toggle.active{background:var(--red);border-color:var(--red);color:#fff}
.filter-item .f-icon{font-size:12px}
.filter-dropdown{margin:0 16px 8px!important}

/* ===== 6. 帖子流：加大留白与字级，去掉堆叠投影 ===== */
.sec-title{padding:16px 16px 8px;font-size:11px;font-weight:600;letter-spacing:3px;
  color:var(--ink3)}
.sec-title .ico{font-size:13px}
.post-list{padding:0 16px}
.post-card{border-radius:16px;padding:16px 17px;margin-bottom:12px;
  box-shadow:0 1px 3px rgba(60,40,20,.05);border:0.5px solid var(--border);
  border-left:3px solid transparent}
.post-card .title{font-size:16px;font-weight:600;line-height:1.45;margin-bottom:6px;
  letter-spacing:.3px}
.post-card .desc{font-size:12.5px;line-height:1.62;margin-bottom:10px;color:var(--ink2)}
.post-card .reward{font-size:17px}
.post-card .top-row{margin-bottom:8px}
.post-card .meta{font-size:11px;letter-spacing:.2px}

/* ===== 7. PC（≥1024）：胶囊换行铺开（分类卡的隐藏交给 responsive.css） ===== */
@media(min-width:1024px){
  .cat-tabs-grid,.filter-bar{flex-wrap:wrap;overflow:visible;padding-left:18px;
    padding-right:18px}
  .post-list{padding:0 18px}
  .search-bar{padding:12px 18px 0}
  .wish-ticker{margin:16px 18px 0}
}

/* ===== 8. 移动端（<768）：列表密度 =====
   改前（2026-09-11 实测 390×844）：单卡 191px、首屏仅 2 张。
   改后：单卡 ≈105px、首屏 4 张。手法只有两条 ——
     ① 卡片内一行只放一类信息（发布者并进底部行，不再独占一行）
     ② 描述 2 行 → 1 行（正文详情页仍是全文）
   仅 <768 生效；≥768 走 renderWidePostList（密集行）与此无关。 */
@media(max-width:767px){
  /* 列表之前的三块（心愿条 / 搜索 / 分类筛选 / 分区标题）同步收一收 */
  .wish-ticker{margin:12px 14px 0;padding:9px 12px;border-radius:12px}
  .wt-icon{font-size:15px}
  .wt-label{font-size:9px;letter-spacing:1.5px;margin-bottom:2px}
  .wt-content{height:17px}
  .wt-text{font-size:12.5px;line-height:17px}
  .search-bar{padding:8px 14px 0}
  .search-input{height:34px;font-size:13px}
  .cat-card{margin-top:10px}
  .filter-card{margin-top:8px}
  .sec-title{padding:11px 14px 5px;font-size:10px;letter-spacing:2.4px}

  /* 卡片本体 */
  .post-list{padding:0 14px}
  .post-card{border-radius:13px;padding:9px 13px;margin-bottom:7px}
  .post-card .top-row{margin-bottom:5px;align-items:center}
  .post-card .cat-badge{font-size:10px;padding:1px 7px}
  .post-card .urgent-tag,.post-card .status-tag{font-size:9.5px;padding:1px 6px;margin-left:5px}
  /* .post-card .stars 已删（2026-09-21）：卡片不再显示星级（= 难度，重复） */
  .post-card .title{font-size:15px;line-height:1.34;margin-bottom:3px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .post-card .desc{font-size:12px;line-height:1.42;margin-bottom:6px;-webkit-line-clamp:1}
  .post-card .bottom-row{min-height:18px;align-items:center;gap:6px}
  .post-card .reward{font-size:15px;flex:none}
  .post-card .reward .unit{font-size:10px}
  .post-card .loc-tag{font-size:9.5px}
  /* 底部行右侧：难度 · 距离 · 发布者 · 时间，一行收口，超长省略 */
  .pm-side{display:flex;align-items:center;gap:6px;flex:1;min-width:0;
    justify-content:flex-end;overflow:hidden;white-space:nowrap}
  .pm-side .diff-badge{font-size:9.5px!important;padding:1px 5px!important;flex:none}
  .pm-side .meta{margin:0;font-size:10px;gap:4px;letter-spacing:0;
    min-width:0;overflow:hidden;text-overflow:ellipsis}
  .pm-side .meta .avatar-sm{width:15px;height:15px;font-size:8px;flex:none}
}