/* KOL Radar · 渠道 ── 从头写的一套界面样式，不套线上 app.css。
 * 约束与线上一致：零脚本、零内联样式。弹层 = <details>，详情抽屉 = :target，批量条 = :has()，选中计数 = CSS counter。 */

:root {
  --bg: #fff; --bg2: #f7f7f8; --bg3: #efeff2; --line: #e9e9ed; --line2: #dcdce2;
  --ink: #141418; --dim: #4d4d58; --faint: #8a8a95; --mute: #b5b5be;
  --ok: #0f7b4f; --ok-bg: #e6f5ec; --info: #2a55c4; --info-bg: #e9eefc;
  --warn: #9c5a05; --warn-bg: #fdf1dc; --off: #6b6b76; --off-bg: #ededf0; --bad: #bf3a2b; --bad-bg: #fcebe8;
  --crypto: #4338ca; --crypto-bg: #eceefe; --broker: #0b7560; --broker-bg: #e2f3ee; --both: #ad540a; --both-bg: #fcefe0;
  --code-bg: #fff4c7;
  --r: 10px; --rs: 7px; --side: 232px;
  --sh: 0 1px 2px rgba(20,20,24,.06), 0 10px 32px rgba(20,20,24,.12);
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Inter", "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased; font-variant-numeric: tabular-nums;
}
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; color: inherit; }
small { font-size: 12px; }
.i { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; flex: none; vertical-align: -3px; }
summary { list-style: none; cursor: pointer; }
summary::-webkit-details-marker { display: none; }

/* ---------- 骨架：左栏 + 主区 ---------- */
.app { display: flex; min-height: 100vh; }
.side {
  width: var(--side); flex: none; position: sticky; top: 0; height: 100vh;
  background: var(--bg2); border-right: 1px solid var(--line); padding: 14px 10px 12px;
  display: flex; flex-direction: column; gap: 2px;
}
.brand { display: flex; align-items: center; gap: 9px; padding: 4px 8px 14px; font-weight: 650; letter-spacing: -.01em; }
.logo { width: 24px; height: 24px; border-radius: 7px; background: var(--ink); color: #fff; display: grid; place-items: center; font-size: 12px; font-weight: 700; }
.grp { font-size: 11px; color: var(--faint); padding: 14px 10px 4px; letter-spacing: .04em; }
.it { display: flex; align-items: center; gap: 9px; padding: 7px 10px; border-radius: var(--rs); color: var(--dim); font-size: 13.5px; }
.it .i { color: var(--faint); }
.it:hover { background: var(--bg3); color: var(--ink); }
.it.on { background: #fff; color: var(--ink); font-weight: 600; box-shadow: 0 0 0 1px var(--line), 0 1px 2px rgba(0,0,0,.04); }
.it.on .i { color: var(--ink); }
.it b { margin-left: auto; font-weight: 500; font-size: 12px; color: var(--faint); }
.it.on b { color: var(--ink); }
.side .note { font-size: 11.5px; color: var(--faint); padding: 10px 10px 4px; line-height: 1.5; margin-top: auto; }
.side .me { display: flex; align-items: center; gap: 9px; padding: 8px 10px; font-size: 13px; border-top: 1px solid var(--line); margin-top: 6px; }
.side .me small { color: var(--faint); margin-left: auto; }
.main { flex: 1; min-width: 0; padding-bottom: 96px; }

/* ---------- 页头、页签、筛选条 ---------- */
.top { display: flex; align-items: center; gap: 14px; padding: 18px 28px 0; }
.top h1 { margin: 0; font-size: 22px; font-weight: 650; letter-spacing: -.02em; }
.top .hint { color: var(--faint); font-size: 13px; }
.top .hint b { color: var(--ink); font-weight: 600; }
.search { margin-left: auto; display: flex; align-items: center; gap: 8px; width: 300px; height: 34px; padding: 0 10px; border: 1px solid var(--line2); border-radius: var(--rs); background: #fff; color: var(--faint); }
.search:focus-within { border-color: var(--ink); }
.search input { border: 0; outline: 0; flex: 1; min-width: 0; background: transparent; color: var(--ink); }
.search input::placeholder { color: var(--mute); }
.demo { font-size: 11px; font-weight: 600; color: var(--warn); background: var(--warn-bg); padding: 2px 9px; border-radius: 999px; white-space: nowrap; }

.tabs { display: flex; gap: 2px; padding: 14px 28px 0; border-bottom: 1px solid var(--line); overflow-x: auto; }
.tabs a { display: flex; align-items: center; gap: 6px; padding: 8px 10px 10px; margin-bottom: -1px; color: var(--dim); font-size: 13.5px; border-bottom: 2px solid transparent; white-space: nowrap; }
.tabs a b { font-weight: 500; font-size: 11.5px; line-height: 18px; padding: 0 6px; border-radius: 999px; color: var(--faint); background: var(--bg3); }
.tabs a:hover { color: var(--ink); }
.tabs a.on { color: var(--ink); font-weight: 600; border-color: var(--ink); }
.tabs a.on b { background: var(--ink); color: #fff; }

.bar { display: flex; align-items: center; gap: 10px; padding: 14px 28px 12px; flex-wrap: wrap; }
.bar .lbl { font-size: 12px; color: var(--faint); margin-right: -4px; }
.seg { display: inline-flex; background: var(--bg3); padding: 3px; border-radius: 9px; }
.seg a { display: flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 6px; font-size: 13px; color: var(--dim); white-space: nowrap; }
.seg a b { font-weight: 500; font-size: 11.5px; color: var(--faint); }
.seg a:hover { color: var(--ink); }
.seg a.on { background: #fff; color: var(--ink); font-weight: 600; box-shadow: 0 1px 2px rgba(0,0,0,.08), 0 0 0 1px rgba(0,0,0,.04); }
.seg a.on b { color: var(--dim); }
.seg a.t-crypto.on { color: var(--crypto); }
.seg a.t-broker.on { color: var(--broker); }
.seg a.t-both.on { color: var(--both); }
.dd { position: relative; }
.dd > summary { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 9px 0 12px; border: 1px solid var(--line2); border-radius: var(--rs); background: #fff; font-size: 13px; color: var(--dim); white-space: nowrap; }
.dd > summary b { color: var(--ink); font-weight: 600; }
.dd > summary .i { width: 13px; height: 13px; color: var(--faint); }
.dd[open] > summary { border-color: var(--ink); }
.menu { position: absolute; left: 0; top: calc(100% + 6px); min-width: 210px; background: #fff; border: 1px solid var(--line); border-radius: var(--r); box-shadow: var(--sh); padding: 6px; z-index: 30; }
.menu a { display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 6px; font-size: 13px; color: var(--dim); }
.menu a:hover { background: var(--bg2); color: var(--ink); }
.menu a.on { color: var(--ink); font-weight: 600; }
.menu a b { margin-left: auto; font-weight: 500; font-size: 12px; color: var(--faint); }
.menu .soon { padding: 7px 10px; font-size: 13px; color: var(--mute); }
.bar .right { margin-left: auto; font-size: 13px; color: var(--faint); }
.bar .right a { color: var(--info); }
.dd.sort > summary { border-style: dashed; }
.chip { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 10px 0 12px; border-radius: var(--rs); background: var(--ink); color: #fff; font-size: 13px; font-weight: 600; white-space: nowrap; }
.chip::after { content: "×"; font-weight: 400; opacity: .7; }
.chip:hover::after { opacity: 1; }

/* ---------- 猎杀矩阵（分量档 × 性质）：大表顶上的筛选透镜 ---------- */
.mx { padding: 14px 28px 0; }
.mxt { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; font-size: 13px; background: #fff; }
.mxt th, .mxt td { padding: 0; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); vertical-align: middle; }
.mxt th:last-child, .mxt td:last-child { border-right: 0; }
.mxt tbody tr:last-child th, .mxt tbody tr:last-child td { border-bottom: 0; }
.mxt thead th { background: var(--bg2); font-size: 11.5px; font-weight: 600; color: var(--faint); letter-spacing: .03em; padding: 7px 10px; text-align: center; white-space: nowrap; }
.mxt thead th.c0, .mxt thead th.how { text-align: left; }
.mxt thead th a { color: var(--dim); }
.mxt thead th a:hover, .mxt thead th.on a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.mxt tbody th { text-align: left; width: 150px; font-weight: 400; }
.mxt tbody th a, .mxt tbody th span { display: flex; align-items: center; gap: 8px; padding: 7px 10px; }
.mxt tbody th b { font-size: 17px; font-weight: 750; letter-spacing: -.02em; width: 18px; }
.mxt tbody th small { color: var(--faint); flex: 1; white-space: nowrap; }
.mxt tbody th em { font-style: normal; font-weight: 600; color: var(--dim); font-size: 12px; }
.mxt tbody th a:hover { background: var(--bg2); }
.mxt tbody th.on a { background: var(--bg3); }
.mxt tr.r-S th b { color: #111; }
.mxt tr.r-A th b { color: var(--info); }
.mxt tr.r-B th b { color: var(--ok); }
.mxt tr.r-C th b { color: var(--faint); }
.mxt tr.r-P th b, .mxt tr.r-F th b { font-size: 13px; width: auto; }
.mxt tr.r-F th b { color: var(--bad); }
.mxt td { width: 96px; text-align: center; }
.mxt td a, .mxt td > b { display: block; padding: 6px 4px 5px; }
.mxt td a { color: inherit; }
.mxt td b { display: block; font-size: 17px; font-weight: 700; line-height: 1.1; letter-spacing: -.02em; }
.mxt td i { display: block; font-style: normal; font-size: 10px; letter-spacing: .08em; color: var(--mute); margin-top: 2px; }
.mxt td.p3 { background: #f4f4f6; }
.mxt td.p3 b, .mxt td.p3 i, .mxt td.p2 b { color: var(--ink); }
.mxt td.p2 i { color: var(--dim); }
.mxt td.p1 b { color: var(--dim); }
.mxt td.p0 b { color: var(--faint); }
.mxt td.z b { color: var(--mute); font-weight: 500; }
.mxt td.z i { color: var(--line2); }
.mxt td a:hover { background: var(--ink); }
.mxt td a:hover b, .mxt td a:hover i, .mxt td.on a b, .mxt td.on a i { color: #fff; }
.mxt td.on a { background: var(--ink); }
.mxt td.span { text-align: left; padding: 7px 10px; color: var(--dim); width: auto; }
.mxt td.how { text-align: left; padding: 7px 12px; color: var(--dim); font-size: 12.5px; width: auto; }
.mx-foot { display: flex; justify-content: space-between; gap: 16px; padding: 8px 2px 0; font-size: 12px; color: var(--faint); flex-wrap: wrap; }
.mx-foot b { color: var(--dim); font-weight: 600; }
.mx-foot i { font-style: normal; margin-left: 4px; color: var(--mute); }
.lede { padding: 0 28px 10px; color: var(--dim); font-size: 13px; }

/* ---------- 列表：富行 ---------- */
.list { counter-reset: picked; border-top: 1px solid var(--line); }
.gh { display: flex; align-items: center; gap: 8px; padding: 14px 28px 6px; font-size: 12px; color: var(--faint); letter-spacing: .02em; }
.gh b { color: var(--dim); font-weight: 600; }
.row {
  display: grid; grid-template-columns: 22px 40px minmax(0, 1fr) 118px 140px 118px 150px 164px; gap: 14px;
  align-items: start; padding: 14px 28px 14px 16px; border-bottom: 1px solid var(--line); position: relative;
}
.list.stmode .row { grid-template-columns: 22px 40px minmax(0, 1fr) 118px 140px 118px 150px 236px; }
.row:hover { background: #fbfbfc; }
.row:target { background: #f6f5ff; box-shadow: inset 3px 0 0 var(--crypto); }
.row:has(input:checked) { background: #f3f4fc; counter-increment: picked; }
.sel { padding-top: 12px; display: block; }
.sel input { width: 15px; height: 15px; margin: 0; accent-color: var(--ink); cursor: pointer; display: block; }
.av { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; color: #fff; font-weight: 600; font-size: 15px; background: linear-gradient(135deg, #46464f, #141418); flex: none; }
.av.p-yt { background: linear-gradient(135deg, #f25c63, #b3171e); }
.av.p-xhs { background: linear-gradient(135deg, #ff6f8e, #d11f4d); }
.who { min-width: 0; }
.l1 { display: flex; align-items: center; gap: 8px; min-width: 0; flex-wrap: wrap; row-gap: 2px; }
.name { font-size: 15px; font-weight: 600; letter-spacing: -.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.name:hover { text-decoration: underline; text-underline-offset: 3px; }
.new { font-size: 11px; font-weight: 600; color: var(--info); background: var(--info-bg); padding: 0 6px; border-radius: 999px; line-height: 18px; font-style: normal; }
.kind { font-size: 11px; font-weight: 600; padding: 0 7px; border-radius: 999px; line-height: 18px; white-space: nowrap; }
.kind.crypto { color: var(--crypto); background: var(--crypto-bg); }
.kind.broker { color: var(--broker); background: var(--broker-bg); }
.kind.both { color: var(--both); background: var(--both-bg); }
.kind.other { color: var(--off); background: var(--off-bg); }
.kw { font-size: 11px; line-height: 18px; padding: 0 7px; border-radius: 999px; color: var(--faint); background: var(--bg2); border: 1px solid var(--line); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; flex: none; }
.kw.v-cite { color: #7a3fb3; background: #f1e8fb; border-color: #e3d2f5; }
.kw.v-follow { color: var(--info); background: var(--info-bg); border-color: #d2dbf7; }

/* 「分量」列：档 + 分、性质、标记、一句依据（#50 并进大表） */
.col.rank { padding-top: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; }
.col.rank > small { margin: 0; max-width: 100%; }
.band { display: inline-flex; align-items: baseline; gap: 5px; line-height: 1; }
.band b { font-size: 22px; font-weight: 750; letter-spacing: -.03em; }
.band span { font-size: 13px; font-weight: 600; color: var(--dim); }
.band.b-S b { color: #111; }
.band.b-A b { color: var(--info); }
.band.b-B b { color: var(--ok); }
.band.b-C b { color: var(--faint); }
.band.b-P b, .band.b-F b { font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 999px; letter-spacing: 0; }
.band.b-P b { color: var(--off); background: var(--off-bg); }
.band.b-F { align-items: center; color: var(--bad); gap: 4px; }
.band.b-F b { color: var(--bad); background: var(--bad-bg); }
.nf { display: flex; flex-wrap: wrap; gap: 4px; margin: 1px 0 0; }
.nat { font-size: 11px; font-weight: 600; padding: 0 7px; border-radius: 999px; line-height: 18px; white-space: nowrap; }
.nat.content { color: var(--ok); background: var(--ok-bg); }
.nat.mixed { color: var(--both); background: var(--both-bg); }
.nat.promo { color: var(--off); background: var(--off-bg); }
.nat.pending { color: var(--faint); background: var(--bg3); font-weight: 500; }
.tag { font-style: normal; font-size: 11px; font-weight: 600; padding: 0 7px; border-radius: 999px; line-height: 18px; white-space: nowrap; }
.tag.rising { color: #7a3fb3; background: #f1e8fb; }
.tag.fake { color: var(--warn); background: var(--warn-bg); }
.tag.coop { color: var(--info); background: var(--info-bg); }
.rfl { list-style: none; margin: 4px 0 0; padding: 0; font-size: 12.5px; color: var(--dim); }
.rfl li { margin-top: 3px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rfl li b { font-weight: 600; color: var(--ink); }
.rfl li small { color: var(--faint); }
.rfl li small a { color: var(--info); }
.rfl.big { margin: 0 0 10px; padding: 10px 12px; border: 1px solid #f0c6c0; background: var(--bad-bg); border-radius: var(--r); font-size: 13px; }
.rfl.big li { display: block; margin-top: 4px; }
.rfl.big li:first-child { margin-top: 0; }
.l2 { display: flex; align-items: center; gap: 6px; margin-top: 1px; color: var(--dim); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.l2 .plat { font-weight: 600; color: var(--ink); }
.l2 .dot { color: var(--mute); }
.l2 .found { color: var(--faint); overflow: hidden; text-overflow: ellipsis; }
.bio { margin: 6px 0 0; color: var(--dim); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.post { margin: 6px 0 0; display: flex; gap: 10px; align-items: baseline; min-width: 0; font-size: 13px; }
.post q { quotes: "“" "”"; flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--ink); }
.post q b, .pitem p b { font-weight: 600; background: var(--code-bg); padding: 0 3px; border-radius: 3px; }
.post .pm { flex: none; color: var(--faint); font-size: 12px; }
.meta { display: contents; }
.col { min-width: 0; font-size: 13px; padding-top: 2px; }
.col small { display: block; color: var(--faint); margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.col small a { color: var(--info); }
.col.brands small { white-space: normal; }
.nb { white-space: nowrap; }
.pills { display: flex; flex-wrap: wrap; gap: 4px; }
.pill { font-size: 12px; line-height: 20px; padding: 0 8px; border-radius: 999px; background: var(--bg3); color: var(--dim); white-space: nowrap; }
.pill.sus { background: var(--warn-bg); color: var(--warn); }
.st { display: inline-flex; align-items: center; gap: 5px; font-weight: 500; max-width: 100%; }
.st span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.st.ok { color: var(--ok); } .st.warn { color: var(--warn); } .st.info { color: var(--info); } .st.off { color: var(--off); } .st.bad { color: var(--bad); }
.act { display: flex; gap: 6px; justify-content: flex-end; align-items: flex-start; min-width: 0; }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: var(--rs); border: 1px solid var(--line2); background: #fff; color: var(--ink); font-size: 13px; font-weight: 500; cursor: pointer; white-space: nowrap; }
.btn:hover { background: var(--bg2); }
.btn.pri { background: var(--ink); color: #fff; border-color: var(--ink); }
.btn.pri:hover { background: #2b2b33; }
.btn.ghost { border-color: transparent; color: var(--dim); }
.btn.ghost:hover { background: var(--bg3); color: var(--ink); }
.btn.danger { color: var(--bad); border-color: #f0c6c0; }
.btn.danger:hover { background: var(--bad-bg); }
.btn.sm { height: 28px; padding: 0 10px; font-size: 12.5px; }
.btn .i { width: 14px; height: 14px; }

/* 行内弹层：派单 / 不要 */
.pop { position: relative; }
.pop > .menu { right: 0; left: auto; width: 320px; padding: 14px; z-index: 40; }
.pop[open] > summary.btn { box-shadow: 0 0 0 3px rgba(20,20,24,.10); }
.form label { display: block; font-size: 12.5px; font-weight: 500; color: var(--dim); margin-bottom: 6px; }
.form label small { color: var(--faint); font-weight: 400; }
.form textarea, .form input[type=text] { width: 100%; border: 1px solid var(--line2); border-radius: var(--rs); padding: 8px 10px; font-size: 13px; background: #fff; outline: none; resize: vertical; }
.form textarea:focus, .form input[type=text]:focus { border-color: var(--ink); }
.form .people { display: flex; gap: 6px; margin-top: 10px; }
.form .people .btn { flex: 1; }
.form .foot { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; font-size: 12px; color: var(--faint); }
.form .foot .btn { margin-left: auto; }

/* 派出去之后的状态格 */
.state { min-width: 0; font-size: 13px; padding-top: 2px; }
.state small { display: block; color: var(--faint); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.state .why { color: var(--dim); font-size: 12.5px; margin: 4px 0 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.state .links { display: flex; gap: 4px; margin-top: 6px; flex-wrap: wrap; }

/* 空状态 */
.empty { padding: 64px 28px; text-align: center; color: var(--faint); }
.empty b { display: block; color: var(--ink); font-weight: 600; font-size: 15px; margin-bottom: 4px; }
.empty a { color: var(--info); }

/* 勾选后浮出的批量条（零脚本：:has + counter，取消 = 表单 reset） */
.float {
  display: none; position: fixed; bottom: 22px; left: calc(var(--side) + (100vw - var(--side)) / 2); transform: translateX(-50%);
  align-items: center; gap: 8px; padding: 8px 8px 8px 16px; border-radius: 12px; background: var(--ink); color: #fff;
  box-shadow: 0 14px 44px rgba(0,0,0,.28); z-index: 45; font-size: 13px; white-space: nowrap;
}
.list:has(input:checked) ~ .float { display: flex; }
.float .n::before { content: counter(picked); font-weight: 700; margin-right: 3px; }
.float .btn { border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.08); color: #fff; }
.float .btn:hover { background: rgba(255,255,255,.16); }
.float .btn.pri { background: #fff; color: var(--ink); border-color: #fff; }
.float .btn.pri:hover { background: #ececf0; }
.float .x { height: 32px; width: 32px; padding: 0; border: 0; background: transparent; color: rgba(255,255,255,.7); cursor: pointer; display: grid; place-items: center; border-radius: 7px; }
.float .x:hover { background: rgba(255,255,255,.12); color: #fff; }

/* ---------- 详情抽屉（:target） ---------- */
.peek { display: none; position: fixed; inset: 0; z-index: 60; }
.peek:target { display: block; }
.scrim { position: absolute; inset: 0; background: rgba(20,20,24,.32); }
.panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(620px, 100%); background: #fff; box-shadow: -12px 0 40px rgba(0,0,0,.14); display: flex; flex-direction: column; }
.ph { display: flex; gap: 14px; align-items: flex-start; padding: 18px 22px 14px; border-bottom: 1px solid var(--line); }
.ph .av { width: 48px; height: 48px; font-size: 18px; }
.ph .t { min-width: 0; flex: 1; }
.ph h2 { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 18px; font-weight: 650; letter-spacing: -.01em; }
.ph .m { display: flex; flex-wrap: wrap; gap: 4px 6px; margin-top: 3px; color: var(--dim); font-size: 13px; }
.ph .m .plat { font-weight: 600; color: var(--ink); }
.ph .m .dot { color: var(--mute); }
.ph .facts { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 8px; }
.ph .facts .pill { background: var(--bg2); }
.ph .facts .pill.ok { background: var(--ok-bg); color: var(--ok); }
.ph .facts .pill.warn { background: var(--warn-bg); color: var(--warn); }
.ph .tools { display: flex; gap: 2px; flex: none; }
.ph .tools a { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 7px; color: var(--dim); }
.ph .tools a:hover { background: var(--bg3); color: var(--ink); }
.pb { flex: 1; overflow: auto; padding: 0 22px 22px; }
.sec { padding: 16px 0; border-bottom: 1px solid var(--line); }
.sec:last-child { border-bottom: 0; }
.sec h3 { display: flex; justify-content: space-between; align-items: baseline; margin: 0 0 8px; font-size: 12px; font-weight: 600; color: var(--faint); letter-spacing: .03em; }
.sec h3 small { font-weight: 400; }
.sec h3 a { color: var(--info); font-weight: 400; }
.sec p { margin: 0; }
.pitem { padding: 10px 12px; border: 1px solid var(--line); border-radius: var(--r); margin-top: 8px; font-size: 13px; }
.pitem:first-of-type { margin-top: 0; }
.pitem .pm { display: flex; gap: 8px; align-items: center; margin-bottom: 4px; font-size: 12px; color: var(--faint); }
.pitem .pm .pill { font-size: 11px; line-height: 18px; }
.pitem .pm a { margin-left: auto; color: var(--info); display: inline-flex; gap: 3px; align-items: center; }
.pitem p { color: var(--ink); line-height: 1.55; }
.deals { width: 100%; border-collapse: collapse; font-size: 13px; }
.deals td { padding: 7px 0; border-top: 1px solid var(--line); vertical-align: middle; }
.deals tr:first-child td { border-top: 0; }
.deals td:first-child { font-weight: 600; }
.deals td:last-child { text-align: right; color: var(--faint); }
.deals .cat { color: var(--dim); }
.kv { display: grid; grid-template-columns: 76px 1fr; gap: 6px 14px; margin: 0; font-size: 13px; }
.kv dt { color: var(--faint); }
.kv dd { margin: 0; min-width: 0; }
.kv dd a { color: var(--info); }
.tl { list-style: none; margin: 0; padding: 0; }
.tl li { position: relative; padding: 0 0 12px 18px; font-size: 13px; }
.tl li::before { content: ""; position: absolute; left: 3px; top: 7px; width: 8px; height: 8px; border-radius: 50%; background: var(--line2); }
.tl li.now::before { background: var(--ink); }
.tl li::after { content: ""; position: absolute; left: 6.5px; top: 17px; bottom: 0; width: 1px; background: var(--line); }
.tl li:last-child::after { display: none; }
.tl li:last-child { padding-bottom: 0; }
.tl small { display: block; color: var(--faint); }
/* 抽屉 / 单页里的「档案 · 分量」区 */
.rk { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.rk .band b { font-size: 26px; }
.rk .band span { font-size: 15px; }
.rk .band.b-P b, .rk .band.b-F b { font-size: 13px; }
.rk > small { color: var(--faint); margin-left: auto; }
.how { margin: 0 0 12px; padding: 8px 12px; border-radius: var(--rs); background: var(--bg2); font-size: 13px; color: var(--dim); }
.how b { color: var(--ink); margin-right: 8px; letter-spacing: .06em; }
.dims { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.dims li { font-size: 13px; }
.dims .dl { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.dims .dl span { font-weight: 600; }
.dims .dl span small { color: var(--faint); font-weight: 400; margin-left: 4px; }
.dims .dl b { font-variant-numeric: tabular-nums; font-weight: 600; white-space: nowrap; }
.dims meter { display: block; width: 100%; height: 6px; margin: 4px 0 3px; border: 0; background: var(--bg3); border-radius: 999px; -webkit-appearance: none; appearance: none; }
.dims meter::-webkit-meter-bar { background: var(--bg3); border: 0; border-radius: 999px; height: 6px; }
.dims meter::-webkit-meter-optimum-value, .dims meter::-webkit-meter-suboptimum-value, .dims meter::-webkit-meter-even-less-good-value { background: var(--ink); border-radius: 999px; }
.dims meter::-moz-meter-bar { background: var(--ink); border-radius: 999px; }
.dims li > small { color: var(--faint); display: block; line-height: 1.45; }
.flags { list-style: none; margin: 12px 0 0; padding: 0; font-size: 12.5px; color: var(--dim); display: grid; gap: 5px; }
.flags .tag { margin-right: 6px; }
.ph .facts .pill.b-S, .ph .facts .pill.b-A, .ph .facts .pill.b-B, .ph .facts .pill.b-C { background: var(--ink); color: #fff; font-weight: 600; }
.ph .facts .pill.b-P { background: var(--off-bg); color: var(--off); }
.ph .facts .pill.b-F { background: var(--bad-bg); color: var(--bad); font-weight: 600; }
.strip small.sa { display: block; color: var(--faint); font-size: 11.5px; margin-top: 2px; }
.pf .row-btns .pop { flex: 1; }
.pf .row-btns .pop > summary.btn { width: 100%; }

.pf { padding: 14px 22px; border-top: 1px solid var(--line); background: var(--bg2); }
.pf .people { display: flex; gap: 6px; margin-top: 8px; }
.pf .people .btn { flex: 1; }
.pf .state { padding: 0; }
.pf .row-btns { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }

/* 单个渠道整页（Slack 卡片点进来的落点） */
.doc { max-width: 820px; margin: 0 auto; padding: 22px 28px 40px; }
.doc .back { display: inline-flex; align-items: center; gap: 6px; color: var(--dim); font-size: 13px; margin-bottom: 12px; }
.doc .back:hover { color: var(--ink); }
.card { border: 1px solid var(--line); border-radius: 14px; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.card .pb { overflow: visible; }

/* 页脚 */
.foot { padding: 20px 28px; font-size: 12px; color: var(--faint); border-top: 1px solid var(--line); margin-top: 24px; }

/* ---------- 响应式 ---------- */
@media (max-width: 1280px) {
  .row { grid-template-columns: 22px 40px minmax(0, 1fr) 104px 124px 104px 130px 150px; gap: 10px; }
  .list.stmode .row { grid-template-columns: 22px 40px minmax(0, 1fr) 104px 124px 104px 130px 212px; }
  .kw { max-width: 120px; }
  .band b { font-size: 20px; }
  .mxt td { width: 78px; }
  .mxt tbody th { width: 124px; }
  .mxt tbody th small { display: none; }
}
@media (max-width: 1100px) {
  .row, .list.stmode .row { grid-template-columns: 22px 40px minmax(0, 1fr) 184px; }
  .list.stmode .row { grid-template-columns: 22px 40px minmax(0, 1fr) 236px; }
  .col.rank { grid-column: 3; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 6px 8px; padding-top: 2px; }
  .col.rank .nf { margin: 0; }
  .col.rank > small { margin: 0; display: inline; max-width: none; }
  .col.rank > small::before { content: "· "; color: var(--mute); }
  .act, .state { grid-column: 4; grid-row: 1; }
  .meta { display: flex; flex-wrap: wrap; gap: 6px 18px; grid-column: 3; padding-top: 2px; }
  .col { padding-top: 0; display: flex; align-items: center; gap: 6px; }
  .col small { margin: 0; display: inline; }
  .col small::before { content: "· "; color: var(--mute); }
}
@media (max-width: 760px) {
  :root { --side: 0px; }
  .app { display: block; }
  .side { position: sticky; top: 0; height: auto; width: auto; flex-direction: row; align-items: center; overflow-x: auto; padding: 8px 10px; gap: 4px; border-right: 0; border-bottom: 1px solid var(--line); z-index: 20; }
  .side .grp, .side .note, .side .me { display: none; }
  .brand { padding: 4px 8px; white-space: nowrap; }
  .it { white-space: nowrap; padding: 6px 10px; }
  .it b { margin-left: 4px; }
  .top { padding: 14px 16px 0; flex-wrap: wrap; gap: 10px; }
  .top .hint { width: 100%; order: 5; }
  .search { width: 100%; margin-left: 0; order: 9; }
  .tabs { padding: 10px 16px 0; flex-wrap: wrap; overflow: visible; }
  .bar { padding: 10px 16px; gap: 8px; }
  .bar .right { width: 100%; margin: 0; }
  .lede { padding: 0 16px 8px; }
  .gh { padding: 12px 16px 4px; }
  .row, .list.stmode .row { grid-template-columns: 22px 36px minmax(0, 1fr); gap: 10px; padding: 12px 16px; }
  .av { width: 36px; height: 36px; font-size: 14px; }
  .bio, .post q { white-space: normal; }
  .post q { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .post { flex-direction: column; gap: 2px; }
  .l2 { white-space: normal; flex-wrap: wrap; }
  .meta { grid-column: 3; gap: 4px 0; }
  .col { display: block; max-width: 100%; flex: 1 1 100%; }
  .col .st { max-width: 100%; }
  .col small { display: block; white-space: normal; margin-top: 0; }
  .col small::before { content: none; }
  .col.rank { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
  .col.rank > small { display: block; width: 100%; white-space: normal; }
  .col.rank > small::before { content: none; }
  .act, .state { grid-column: 1 / -1; grid-row: auto; }
  .mx { padding: 10px 16px 0; }
  .mxt thead th.how, .mxt td.how { display: none; }
  .mxt tbody th { width: 92px; }
  .mxt tbody th small { display: none; }
  .mxt tbody th a, .mxt tbody th span { padding: 6px 8px; gap: 6px; }
  .mxt td { width: auto; }
  .mxt td b { font-size: 15px; }
  .mxt td i { display: none; }
  .mxt td.span { font-size: 12px; }
  .mx-foot { flex-direction: column; gap: 4px; }
  .rk > small { margin-left: 0; width: 100%; }
  .act { justify-content: stretch; }
  .act .pop { flex: 1; }
  .act .pop > summary.btn, .act > .btn { width: 100%; }
  .pop > .menu { width: 100%; min-width: 0; }
  .panel { width: 100%; }
  .float { left: 50%; width: calc(100% - 24px); justify-content: center; flex-wrap: wrap; padding: 8px; }
  .doc { padding: 14px 12px 32px; }
  .kv { grid-template-columns: 64px 1fr; }
  .foot { padding: 16px; }
}

/* ---------- 页头：没有搜索框时「示例数据」靠右 ---------- */
.top .demo { margin-left: auto; }
.top .search + .demo { margin-left: 0; }
.miss { color: var(--mute); font-style: italic; }
.bio.miss, .post.miss { color: var(--mute); font-style: italic; }
.due { color: var(--warn); font-weight: 600; }
.code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12.5px; background: var(--code-bg); padding: 1px 6px; border-radius: 5px; white-space: nowrap; }
.nd { color: var(--mute); font-size: 12px; font-weight: 400; }
.ph .facts .pill.ok { background: var(--ok-bg); color: var(--ok); }
.pitem .pm .pill.ok { background: var(--ok-bg); color: var(--ok); }
.gh .sub { font-weight: 400; color: var(--faint); letter-spacing: 0; margin-left: 4px; }

/* ---------- 流程（首页） ---------- */
.flow { list-style: none; margin: 0; padding: 18px 28px 0; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 10px; }
.flow li { position: relative; min-width: 0; }
.flow a { display: block; height: 100%; padding: 14px 14px 12px; border: 1px solid var(--line); border-radius: var(--r); background: #fff; }
.flow a:hover { border-color: var(--line2); box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.flow b { display: block; font-size: 28px; font-weight: 650; letter-spacing: -.03em; line-height: 1.05; }
.flow span { display: block; font-size: 13px; font-weight: 600; margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.flow small { display: block; color: var(--faint); margin-top: 4px; line-height: 1.4; font-size: 11.5px; }
.flow small i { font-style: normal; color: var(--mute); }
.flow li:not(:last-child)::after { content: ""; position: absolute; right: -10px; top: 50%; width: 10px; height: 1px; background: var(--line2); }
.flow li.hot a { border-color: #efd3a6; background: #fffaf1; }
.flow li.hot small { color: var(--warn); font-weight: 500; }
.flow li.me a { border-color: var(--ink); }
.flow li.me b { color: var(--ink); }
.flow-off { padding: 10px 28px 0; font-size: 12.5px; color: var(--faint); }
.flow-off b { color: var(--dim); font-weight: 600; }
.flow-off a { color: var(--info); }
.cols { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 18px; padding: 22px 28px 0; align-items: start; }
.box { border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; background: #fff; }
.box.mt { margin-top: 18px; }
.box h2 { margin: 0; padding: 11px 16px; font-size: 12px; font-weight: 600; color: var(--faint); letter-spacing: .03em; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: baseline; }
.box h2 a { color: var(--info); font-weight: 400; }
.todo { list-style: none; margin: 0; padding: 0; }
.todo li { display: flex; gap: 12px; align-items: center; padding: 12px 16px; border-top: 1px solid var(--line); }
.todo li:first-child { border-top: 0; }
.todo .n { width: 22px; height: 22px; border-radius: 50%; background: var(--bg3); color: var(--dim); font-size: 12px; font-weight: 600; display: grid; place-items: center; flex: none; }
.todo .n.warn { background: var(--warn-bg); color: var(--warn); }
.todo .t { flex: 1; min-width: 0; font-size: 13.5px; }
.todo .t b { font-weight: 500; }
.todo .t b b { font-weight: 650; }
.todo .t small { display: block; color: var(--faint); margin-top: 1px; }
.todo .btn { flex: none; }
.ppl .p { display: flex; align-items: center; gap: 10px; padding: 10px 16px; border-top: 1px solid var(--line); }
.ppl .p:first-child { border-top: 0; }
.ppl .p:hover { background: var(--bg2); }
.ppl .av { width: 30px; height: 30px; font-size: 13px; background: linear-gradient(135deg, #7c7c88, #3a3a44); }
.ppl .p > b { font-weight: 600; }
.ppl .ks { display: flex; gap: 12px; margin-left: auto; font-size: 12.5px; color: var(--dim); white-space: nowrap; flex-wrap: wrap; justify-content: flex-end; }
.ppl .ks i { font-style: normal; color: var(--faint); }
.ppl .ks b { font-weight: 600; }
.strip { display: flex; gap: 26px; padding: 12px 16px 14px; font-size: 12.5px; color: var(--faint); flex-wrap: wrap; align-items: flex-end; }
.strip b { display: block; font-size: 22px; font-weight: 650; color: var(--ink); letter-spacing: -.02em; line-height: 1.1; margin-top: 2px; }
.strip a { color: var(--info); font-size: 13px; }
.strip .nd { max-width: 360px; line-height: 1.4; }
.kinds { display: flex; gap: 10px; padding: 12px 16px; flex-wrap: wrap; }
.kinds a { display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px 6px 6px; border: 1px solid var(--line); border-radius: 999px; font-size: 13px; }
.kinds a:hover { border-color: var(--line2); background: var(--bg2); }
.kinds a b { font-weight: 600; }
.sect { padding: 22px 28px 0; }
.sect h2 { margin: 0 0 10px; font-size: 12px; font-weight: 600; color: var(--faint); letter-spacing: .03em; display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.sect h2 small { font-weight: 400; }
.sect .p { margin: 0; color: var(--dim); font-size: 13.5px; max-width: 760px; }

/* ---------- 关键词 / 合作与效果 的数字表 ---------- */
.kwt { width: calc(100% - 56px); margin: 18px 28px 0; border-collapse: collapse; font-size: 13.5px; }
.kwt th { text-align: left; font-size: 11.5px; font-weight: 600; color: var(--faint); letter-spacing: .03em; padding: 8px 10px; border-bottom: 1px solid var(--line); white-space: nowrap; }
.kwt td { padding: 12px 10px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.kwt tr:hover td { background: #fbfbfc; }
.kwt th.n, .kwt td.n { text-align: right; font-variant-numeric: tabular-nums; }
.kwt td.n b { font-weight: 600; font-size: 14.5px; }
.kwt td.n small { display: block; color: var(--faint); font-weight: 400; }
.kwt td.n.zero { color: var(--mute); }
.kwt td.word { font-weight: 600; font-size: 14.5px; }
.kwt td.word a:hover { text-decoration: underline; text-underline-offset: 3px; }
.kwt td.word small { display: block; color: var(--faint); font-weight: 400; margin-top: 1px; }
.kwt .pill { margin-right: 3px; }
.kwt td.ops { text-align: right; white-space: nowrap; }
.kwt td.ops .btn { margin-left: 4px; }
.who2 { display: flex; align-items: center; gap: 10px; min-width: 0; }
.who2 .av { width: 32px; height: 32px; font-size: 13px; }
.who2 b { font-weight: 600; display: block; white-space: nowrap; }
.who2 small { color: var(--faint); display: block; white-space: nowrap; }
.tasks { list-style: none; margin: 0; padding: 0; border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; }
.tasks li { display: flex; align-items: center; gap: 12px; padding: 10px 16px; border-top: 1px solid var(--line); font-size: 13px; }
.tasks li:first-child { border-top: 0; }
.tasks .tm { color: var(--faint); width: 44px; font-variant-numeric: tabular-nums; }
.tasks .w { font-weight: 600; }
.tasks .r { margin-left: auto; color: var(--dim); }
.tasks .r b { font-weight: 600; color: var(--ink); }
.sugg { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sugg .s { border: 1px solid var(--line); border-radius: var(--r); padding: 12px 14px; font-size: 13px; }
.sugg .s b { display: block; font-size: 14.5px; font-weight: 600; margin-bottom: 4px; }
.sugg .s p { margin: 0 0 10px; color: var(--dim); }
.sugg .btns { display: flex; gap: 6px; }
.addkw { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.addkw input[type=text] { height: 34px; padding: 0 12px; border: 1px solid var(--line2); border-radius: var(--rs); width: 280px; background: #fff; }
.addkw input[type=text]:focus { outline: 0; border-color: var(--ink); }
.addkw label { font-size: 13px; color: var(--dim); display: inline-flex; align-items: center; gap: 5px; }
.addkw input[type=checkbox] { accent-color: var(--ink); margin: 0; }
.talks { list-style: none; margin: 0; padding: 0; border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; }
.talks li { display: flex; align-items: center; gap: 16px; padding: 12px 16px; border-top: 1px solid var(--line); font-size: 13px; }
.talks li:first-child { border-top: 0; }
.talks .t { flex: 1; min-width: 0; }
.talks .t p { margin: 6px 0 0; color: var(--dim); }
.ask { display: inline-block; background: var(--warn-bg); color: var(--warn); border-radius: var(--rs); padding: 4px 10px; font-size: 12.5px; }

/* ---------- 我的（接单人） ---------- */
.list.mymode .row { grid-template-columns: 22px 40px minmax(0, 1fr) 190px 340px; }
.rf { display: flex; flex-direction: column; gap: 8px; }
.rf .why { margin: 0; }
.rf .line { display: flex; gap: 6px; }
.rf select, .rf input[type=text], .rf input[type=date] { height: 32px; padding: 0 10px; border: 1px solid var(--line2); border-radius: var(--rs); background: #fff; font-size: 13px; min-width: 0; flex: 1; }
.rf select:focus, .rf input:focus { outline: 0; border-color: var(--ink); }
.rf input[type=date] { flex: 0 0 150px; }
.rf .btn { flex: none; }
.rf small { color: var(--faint); }
.rf .ask { align-self: flex-start; }
.act .rf { width: 100%; }

/* ---------- 单页 / 抽屉顶上的流程条 ---------- */
.steps { list-style: none; margin: 0; padding: 8px 22px; display: flex; gap: 2px; border-bottom: 1px solid var(--line); overflow-x: auto; background: var(--bg2); }
.steps li { font-size: 11.5px; color: var(--mute); white-space: nowrap; padding: 2px 8px; border-radius: 999px; display: flex; align-items: center; }
.steps li.done { color: var(--dim); }
.steps li.on { background: var(--ink); color: #fff; font-weight: 600; }
.steps li.off { background: var(--off-bg); color: var(--off); font-weight: 600; }
.steps li + li::before { content: "›"; margin-right: 8px; color: var(--mute); }

@media (max-width: 1280px) {
  .flow { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .flow li:nth-child(4)::after { display: none; }
  .list.mymode .row { grid-template-columns: 22px 40px minmax(0, 1fr) 170px 300px; }
}
@media (max-width: 1100px) {
  .cols { grid-template-columns: 1fr; }
  .list.mymode .row { grid-template-columns: 22px 40px minmax(0, 1fr) 300px; }
  .list.mymode .col { grid-column: 3; }
}
@media (max-width: 760px) {
  .flow { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 14px 16px 0; gap: 8px; }
  .flow li::after { display: none; }
  .flow-off, .cols, .sect { padding-left: 16px; padding-right: 16px; }
  .kwt { width: calc(100% - 32px); margin: 14px 16px 0; display: block; overflow-x: auto; }
  .kwt thead, .kwt tbody, .kwt tr { display: table; width: 100%; }
  .kwt th:nth-child(n+6), .kwt td:nth-child(n+6) { display: none; }
  .sugg { grid-template-columns: 1fr; }
  .list.mymode .row { grid-template-columns: 22px 36px minmax(0, 1fr); }
  .list.mymode .col { grid-column: 3; }
  .rf .line { flex-wrap: wrap; }
  .rf input[type=date] { flex: 1 1 100%; }
  .todo li { flex-wrap: wrap; }
  .todo .btn { margin-left: 34px; }
  .ppl .ks { gap: 8px; }
  .talks li { flex-wrap: wrap; }
  .strip { gap: 18px; }
}
@media (max-width: 760px) {
  .steps { flex-wrap: wrap; overflow: visible; row-gap: 4px; }
  .steps li + li::before { margin-right: 6px; }
  .dt th:nth-child(4), .dt td:nth-child(4), .dt th:nth-child(3), .dt td:nth-child(3) { display: none; }
  .who2 b, .who2 small { white-space: normal; }
}

.top .demo.live{color:var(--ok);background:var(--ok-bg)}
.av.p-web{background:linear-gradient(135deg,#8a94a6,#4b5563)}
.pager{display:flex;gap:10px;align-items:center;justify-content:center;padding:18px 0 6px;color:var(--faint);font-size:13px}
.pager a,.pager b{min-width:28px;text-align:center;padding:4px 8px;border-radius:7px}
.pager a{color:var(--ink);background:var(--bg2)}.pager b{color:#fff;background:var(--ink)}
.pill.ret{opacity:.55;text-decoration:line-through}
.dims .its{margin:6px 0 0;padding-left:16px;font-size:12px;color:var(--faint)}
.notice{margin:14px 28px 0;padding:10px 14px;border-radius:var(--rs);font-size:13.5px}
.notice.ok{background:var(--ok-bg);color:var(--ok)}
.notice.err{background:#fdf0ef;color:#a3352b}
form.inline{display:inline-flex;gap:6px;align-items:center;margin:0}
.kwt td.ops{white-space:nowrap}
.kwt td.ops small{display:block;margin-top:4px;color:var(--faint)}
.kwt td.sig,.strip b.sig{color:var(--warn)}
.kwt input.cell{height:30px;padding:0 8px;border:1px solid var(--line2);border-radius:var(--rs);font-size:13px;background:#fff;width:170px;display:block}
.kwt input[type=date].cell{width:150px;margin-top:6px}
.kwt td small{display:block;color:var(--faint);font-size:12px;margin-top:3px}
.form select,.float select{height:32px;padding:0 8px;border:1px solid var(--line2);border-radius:var(--rs);font-size:13px;background:#fff;color:var(--ink)}
.float input.why{height:32px;width:300px;padding:0 10px;border:1px solid rgba(255,255,255,.25);border-radius:7px;background:rgba(255,255,255,.1);color:#fff;font-size:13px}
.float input.why::placeholder{color:rgba(255,255,255,.55)}
.float .nd,.float .nd a{color:rgba(255,255,255,.8)}
.float .nd a{text-decoration:underline}
.form .foot select{flex:1;margin-right:8px}
.strip.kp{align-items:flex-start;padding:16px 28px 0}
.pop .menu .nd a,.addkw .nd{color:var(--info)}
.addkw .nd{color:var(--faint);font-size:12.5px;flex-basis:100%}
.sugg .s form.inline{margin-top:10px}
.gh small{margin-left:8px;color:var(--faint);font-weight:400}
.pf .pop>.menu{top:auto;bottom:calc(100% + 6px);left:0;right:auto}
.talks li .t small{color:var(--faint)}