/* ═══════ 互助大厅（威客式信息互助板） ═══════ */
.tk-page{background:var(--bg,#f6f8fa);min-height:60vh;padding:24px 0 48px}
.tk-container{max-width:var(--wrap,1200px);margin:0 auto;padding:0 16px}

/* 头图 */
.tk-hero{display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  background:linear-gradient(120deg,var(--brand),var(--brand-2) 60%,var(--c-teal,#0ea5e9));
  border-radius:var(--r-card,16px);padding:26px 30px;margin-bottom:18px;color:#fff}
.tk-hero__txt{flex:1;min-width:260px}
.tk-hero h1{font-size:28px;font-weight:800;margin:0 0 6px;letter-spacing:1px}
.tk-hero p{margin:0;font-size:14px;opacity:.92;line-height:1.7}
.tk-hero p b{font-weight:700;text-decoration:underline}
.tk-hero__btn{display:inline-flex;align-items:center;padding:12px 24px;border-radius:var(--r-pill,999px);
  background:#fff;color:var(--brand-ink,#006d3d);font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap;transition:.15s}
.tk-hero__btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.tk-hero__btn--ghost{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.5)}

/* 筛选条 */
.tk-bars{background:var(--surface,#fff);border:1px solid var(--line,#e5e7eb);border-radius:var(--r-card,16px);
  padding:6px 18px;margin-bottom:18px}
.tk-bar{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px dashed var(--line,#e5e7eb);flex-wrap:wrap}
.tk-bar:last-child{border-bottom:none}
.tk-bar--search{align-items:center}
.tk-bar__lb{font-size:14px;font-weight:700;color:var(--ink-2,#334155);width:74px;flex-shrink:0}
.tk-bar__chips{display:flex;flex-wrap:wrap;gap:9px}
.tk-bar__chips .chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--r-pill,999px);
  font-size:13.5px;text-decoration:none;color:var(--ink-2,#334155);background:var(--surface-2,#f4f6f8);border:1px solid transparent;transition:.15s}
.tk-bar__chips .chip:hover{border-color:var(--brand-line,var(--brand));color:var(--brand-ink,#006d3d)}
.tk-bar__chips .chip.on{background:var(--brand-soft,#e7f7ef);color:var(--brand-ink,#006d3d);font-weight:700;border-color:var(--brand-line,var(--brand))}
.tk-bar__chips .chip i{font-style:normal;font-size:11px;color:var(--ink-4,#94a3b8);background:rgba(0,0,0,.05);padding:0 6px;border-radius:999px}
.tk-bar__chips .chip.on i{color:var(--brand-ink,#006d3d);background:rgba(0,0,0,.06)}
.tk-search{display:flex;gap:8px;flex:1;min-width:240px}
.tk-search input{flex:1;height:38px;border:1px solid var(--line-2,#cbd5e1);border-radius:10px;padding:0 12px;font-size:14px;outline:none;background:var(--surface,#fff);color:var(--ink-1,#0f172a)}
.tk-search input:focus{border-color:var(--brand)}
.tk-search button{height:38px;padding:0 22px;border:none;border-radius:10px;background:var(--brand);color:#fff;font-size:14px;font-weight:700;cursor:pointer}
.tk-count{font-size:13px;color:var(--ink-3,#64748b);white-space:nowrap}
.tk-count b{color:var(--brand-ink,#006d3d);font-size:15px}

/* 列表网格 */
.tk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.tk-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;
  background:var(--surface,#fff);border:1px solid var(--line,#e5e7eb);border-radius:var(--r-card,14px);padding:16px;transition:.16s}
.tk-card:hover{border-color:var(--brand-line,var(--brand));box-shadow:var(--shadow,0 6px 22px rgba(15,23,42,.08));transform:translateY(-2px)}
.tk-card__top{display:flex;gap:7px;flex-wrap:wrap}
.tk-tag{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}
.tk-tag--cat{background:var(--surface-2,#f4f6f8);color:var(--ink-3,#64748b)}
.tk-tag--free{background:var(--c-blue-soft,#e0f2fe);color:var(--c-blue-ink,#0369a1)}
.tk-tag--paid{background:var(--c-orange-soft,#ffedd5);color:var(--c-orange-ink,#c2410c)}
.tk-tag--sell{background:var(--brand-soft,#e7f7ef);color:var(--brand-ink,#006d3d)}
.tk-card__title{font-size:16px;font-weight:700;color:var(--ink-1,#0f172a);line-height:1.4}
.tk-card__desc{font-size:13px;color:var(--ink-3,#64748b);line-height:1.6;flex:1;min-height:38px}
.tk-card__foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--ink-4,#94a3b8);border-top:1px dashed var(--line,#e5e7eb);padding-top:9px}
.tk-card__nick{color:var(--ink-2,#334155)}
.tk-card__budget{margin-left:auto;font-weight:700;color:var(--brand-ink,#006d3d);background:var(--brand-soft,#e7f7ef);padding:2px 10px;border-radius:999px}

/* 空态 / 分页 */
.tk-empty{padding:50px 20px;text-align:center;color:var(--ink-3,#64748b);background:var(--surface,#fff);border:1px dashed var(--line,#e5e7eb);border-radius:var(--r-card,14px)}
.tk-empty a{color:var(--brand-ink,#006d3d);font-weight:700}
.tk-pager{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px;font-size:14px}
.tk-pager a{padding:7px 18px;border:1px solid var(--line,#e5e7eb);border-radius:10px;text-decoration:none;color:var(--ink-2,#334155);background:var(--surface,#fff)}
.tk-pager a:hover{border-color:var(--brand)}
.tk-pager .on{color:var(--brand-ink,#006d3d);font-weight:700}

/* 详情页 */
.tk-detail{max-width:880px}
.tk-back{display:inline-block;margin:4px 0 12px;color:var(--ink-3,#64748b);text-decoration:none;font-size:14px}
.tk-back:hover{color:var(--brand-ink,#006d3d)}
.tk-post{background:var(--surface,#fff);border:1px solid var(--line,#e5e7eb);border-radius:var(--r-card,16px);padding:26px 30px}
.tk-post__head{border-bottom:1px solid var(--line,#e5e7eb);padding-bottom:16px;margin-bottom:18px}
.tk-post__tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.tk-post__title{font-size:24px;font-weight:800;color:var(--ink-1,#0f172a);margin:0 0 8px;line-height:1.4}
.tk-post__meta{font-size:13px;color:var(--ink-4,#94a3b8)}
.tk-sec-h{font-size:16px;font-weight:700;color:var(--ink-1,#0f172a);margin:22px 0 10px;padding-left:11px;border-left:4px solid var(--brand);line-height:1.3}
.tk-sec-h:first-child{margin-top:0}
.tk-content{font-size:14.5px;color:var(--ink-2,#334155);line-height:1.9;white-space:normal}
.tk-budget{font-size:15px;font-weight:700;color:var(--brand-ink,#006d3d);background:var(--brand-soft,#e7f7ef);display:inline-block;padding:6px 16px;border-radius:999px}

/* 详情：联系方式块 */
.tk-kv{display:flex;align-items:baseline;gap:12px;padding:8px 0;font-size:14px;border-bottom:1px dashed var(--line,#e5e7eb)}
.tk-kv span{color:var(--ink-3,#64748b);width:72px;flex-shrink:0}
.tk-kv b{color:var(--ink-1,#0f172a);font-weight:600}
.tk-link{color:var(--brand-ink,#006d3d);text-decoration:none}
.tk-link:hover{text-decoration:underline}
.tk-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.tk-btn{display:inline-flex;align-items:center;padding:10px 22px;border-radius:var(--r-pill,999px);background:var(--brand);color:#fff;font-weight:700;font-size:14px;text-decoration:none;transition:.15s}
.tk-btn:hover{filter:brightness(1.05)}
.tk-btn--ghost{background:var(--surface-2,#f4f6f8);color:var(--ink-2,#334155);border:1px solid var(--line,#e5e7eb)}
.tk-warn{margin-top:12px;padding:11px 14px;border-radius:10px;background:var(--c-orange-soft,#ffedd5);
  border:1px solid var(--c-orange-line,#fed7aa);color:var(--c-orange-ink,#c2410c);font-size:13px;line-height:1.7}
.tk-warn b{font-weight:700}
.tk-own-tip{margin-top:12px;padding:10px 14px;border-radius:10px;background:var(--surface-2,#f4f6f8);color:var(--ink-3,#64748b);font-size:13px}
.tk-post__acts{margin-top:18px;text-align:right}

/* 状态徽标（详情） */
.tk-st{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px}
.tk-st--open{background:var(--brand-soft,#e7f7ef);color:var(--brand-ink,#006d3d)}
.tk-st--done{background:var(--surface-2,#f4f6f8);color:var(--ink-3,#64748b)}
.tk-st--closed{background:var(--c-red-soft,#fee2e2);color:var(--c-red-ink,#b91c1c)}

@media(max-width:720px){
  .tk-hero{padding:20px;flex-direction:column;align-items:flex-start}
  .tk-bar__lb{width:auto}
  .tk-post{padding:18px}
}