/* ============================================================
   m.css —— 移动端专属布局（独立结构，非 PC 缩放）
   拇指热区 / 单列信息流 / 底部 Tab / 安全区
   ============================================================ */

:root {
  --topbar-h: 52px;
  --tabbar-h: 58px;
  --cta-h: 64px;
}

body { background: var(--paper); }

.app {
  position: relative;
  min-height: 100dvh;
  background: var(--paper);
  padding-bottom: calc(var(--tabbar-h) + env(safe-area-inset-bottom));
  overflow-x: hidden;
}
.app--no-tab { padding-bottom: 0; }
.app--with-cta { padding-bottom: calc(var(--cta-h) + env(safe-area-inset-bottom)); }

/* 大屏预览时收成手机宽度，不横向拉伸 */
@media (min-width: 720px) {
  body { background: #e9e7e2; }
  .app {
    max-width: 430px; margin: 0 auto;
    min-height: 100dvh;
    box-shadow: 0 0 0 1px rgba(21, 24, 27, 0.05), 0 40px 120px -40px rgba(21, 24, 27, 0.35);
  }
}

/* ---------------- 顶栏 ---------------- */
.topbar {
  position: sticky; top: 0; z-index: var(--z-header);
  display: flex; align-items: center; gap: 10px;
  height: calc(var(--topbar-h) + env(safe-area-inset-top));
  padding: env(safe-area-inset-top) var(--gutter) 0;
  background: rgba(247, 246, 243, 0.82);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
}
.topbar--glass { background: var(--glass-bg); border-bottom: 1px solid rgba(21, 24, 27, 0.05); }
.topbar__title { font-size: var(--fs-h2); font-weight: var(--fw-sb); letter-spacing: -0.01em; }
.topbar__actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.topbar .btn--icon { width: 36px; height: 36px; border-radius: 50%; }
.topbar .btn--icon svg { width: 19px; height: 19px; }

.icon-btn {
  position: relative; display: grid; place-items: center;
  width: 38px; height: 38px; border-radius: 50%;
  background: var(--surface); color: var(--ink-800);
  box-shadow: inset 0 0 0 1px var(--line), var(--sh-1);
  transition: transform var(--dur-1) var(--ease), background var(--dur-1) var(--ease);
}
.icon-btn:active { transform: scale(0.94); }
.icon-btn svg { width: 18px; height: 18px; }
.icon-btn--plain { background: transparent; box-shadow: none; }
.icon-btn__dot { position: absolute; top: 7px; right: 8px; width: 7px; height: 7px; border-radius: 50%; background: var(--err-500); box-shadow: 0 0 0 2px var(--paper); }

/* ---------------- 底部 Tab ---------------- */
.tabbar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--z-tabbar);
  display: grid; grid-template-columns: repeat(5, 1fr);
  height: calc(var(--tabbar-h) + env(safe-area-inset-bottom));
  padding-bottom: env(safe-area-inset-bottom);
  background: rgba(250, 249, 247, 0.86);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
  border-top: 1px solid rgba(21, 24, 27, 0.06);
}
@media (min-width: 720px) {
  .tabbar { max-width: 430px; margin: 0 auto; border-radius: 0; }
}
.tabbar__item {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
  color: var(--ink-400); font-size: 10px; font-weight: var(--fw-m); letter-spacing: 0.02em;
  transition: color var(--dur-1) var(--ease);
}
.tabbar__item svg { width: 22px; height: 22px; stroke-width: 1.7; }
.tabbar__item.is-active { color: var(--ink-900); }
.tabbar__item.is-active svg { stroke-width: 1.9; }
.tabbar__item:active { opacity: 0.6; }
.tabbar__badge {
  position: absolute; transform: translate(13px, -10px);
  min-width: 15px; height: 15px; padding: 0 4px; border-radius: 99px;
  background: var(--err-500); color: #fff; font-size: 9px; line-height: 15px; text-align: center;
  box-shadow: 0 0 0 2px #faf9f7;
}

/* ---------------- 页面容器 ---------------- */
.page { padding: 0 var(--gutter) 28px; }
.page--flush { padding-left: 0; padding-right: 0; }
.stack > * + * { margin-top: var(--gap-card); }
.stack-lg > * + * { margin-top: var(--sp-5); }
.stack-xl > * + * { margin-top: var(--sp-7); }

.section { padding-top: var(--sp-6); }
.section__head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 12px; }
.section__title { display: flex; flex-direction: column; gap: 5px; }
.section__title h2 { font-size: var(--fs-h2); font-weight: var(--fw-sb); letter-spacing: -0.01em; }

/* ---------------- 首页 Hero ---------------- */
.hero { padding: 18px 0 16px; }
.hero__eyebrow { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; }
.hero__eyebrow .mark { width: 22px; height: 22px; color: var(--brand-600); }
.hero__title {
  font-size: var(--fs-display); line-height: 1.22; font-weight: var(--fw-sb);
  letter-spacing: -0.03em; color: var(--ink-900);
}
.hero__title em { font-style: normal; color: var(--brand-600); }
.hero__meta { display: flex; align-items: center; gap: 8px; margin-top: 12px; font-size: var(--fs-sm); color: var(--ink-400); }
.hero__meta .sep { width: 3px; height: 3px; border-radius: 50%; background: var(--ink-300); }
.hero__meta b { color: var(--ink-700); font-weight: var(--fw-sb); font-variant-numeric: tabular-nums; }

/* ---------------- 陪玩卡片（首页 / 列表） ---------------- */
.pw-card {
  position: relative;
  display: flex; flex-direction: column; gap: 12px;
  padding: 14px;
  background: var(--surface);
  border-radius: var(--r-md);
  box-shadow: inset 0 0 0 1px var(--line-soft), var(--sh-1);
  transition: box-shadow var(--dur-2) var(--ease), transform var(--dur-2) var(--ease);
}
.pw-card:active { transform: scale(0.995); }
.pw-card__top { display: flex; gap: 12px; align-items: flex-start; }
.pw-card__id { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.pw-card__name { display: flex; align-items: center; gap: 6px; }
.pw-card__name b { font-size: var(--fs-h2); font-weight: var(--fw-sb); letter-spacing: -0.01em; }
.pw-card__name .tag { height: 18px; padding: 0 5px; font-size: 9.5px; }
.pw-card__meta { display: flex; align-items: center; gap: 8px; font-size: var(--fs-xs); color: var(--ink-400); }
.pw-card__meta .sep { width: 2px; height: 2px; border-radius: 50%; background: var(--ink-300); }
.pw-card__tags { display: flex; gap: 6px; overflow: hidden; }
.pw-card__foot {
  display: flex; align-items: center; gap: 12px;
  padding-top: 12px; border-top: 1px solid var(--line-soft);
}
.pw-card__slot { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.pw-card__slot-label svg { width: 12px; height: 12px; flex: none; color: var(--ink-300); }
.pw-card__slot-label { display: flex; align-items: center; gap: 4px; font-size: 10.5px; color: var(--ink-400); letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pw-card__price { display: flex; align-items: baseline; color: var(--ink-900); }
.pw-card__price .price { font-size: var(--fs-price); }

/* 小卡（两列） */
.pw-mini {
  display: flex; flex-direction: column; gap: 10px;
  padding: 12px; background: var(--surface);
  border-radius: var(--r-md); box-shadow: inset 0 0 0 1px var(--line-soft), var(--sh-1);
  transition: transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);
}
.pw-mini:active { transform: scale(0.985); }
.pw-mini__head { display: flex; align-items: center; gap: 9px; }
.pw-mini__name { font-size: var(--fs-sm); font-weight: var(--fw-sb); letter-spacing: -0.01em; }
.pw-mini__meta { font-size: 10.5px; color: var(--ink-400); margin-top: 2px; }
.pw-mini__foot { display: flex; align-items: center; justify-content: space-between; }
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-card); }

/* ---------------- 选手主页 ---------------- */
.cover {
  position: relative; height: 196px;
  background:
    radial-gradient(120% 90% at 15% 8%, rgba(127, 182, 178, 0.55), transparent 60%),
    radial-gradient(90% 80% at 92% 18%, rgba(190, 139, 82, 0.4), transparent 62%),
    linear-gradient(160deg, #1a6461, #104a47 55%, #172b2a);
  overflow: hidden;
}
.cover__watermark {
  position: absolute; right: -26px; bottom: -34px; width: 190px; height: 190px;
  color: #fff; opacity: 0.07; stroke-width: 1.1;
}
.cover__watermark svg { width: 100%; height: 100%; }
.cover__rule { width: 26px; height: 1px; background: rgba(255, 255, 255, 0.34); margin-bottom: 12px; }
.cover__grain {
  position: absolute; inset: 0; opacity: 0.16; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='0.5'/></svg>");
}
.cover__nav {
  position: absolute; top: calc(env(safe-area-inset-top) + 10px); left: 14px; right: 14px;
  display: flex; justify-content: space-between; z-index: 2;
}
.cover__nav .icon-btn { background: rgba(255, 255, 255, 0.16); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.cover__caption { position: absolute; left: var(--gutter); bottom: 52px; right: var(--gutter); color: #fff; z-index: 2; }
.cover__caption .eyebrow { color: rgba(255, 255, 255, 0.62); }
.cover__caption h1 { margin-top: 8px; font-size: 24px; line-height: 1.25; font-weight: var(--fw-sb); letter-spacing: -0.02em; }

.profile-head { position: relative; margin-top: -42px; display: flex; align-items: flex-end; gap: 12px; }
.profile-head .avatar { box-shadow: 0 0 0 3px var(--paper), 0 0 0 4px rgba(21, 24, 27, 0.05); }
.profile-name { margin-top: 14px; }
.profile-name h2 { font-size: 24px; line-height: 1.2; font-weight: var(--fw-sb); letter-spacing: -0.02em; display: flex; align-items: center; gap: 8px; }
.profile-name p { margin-top: 6px; font-size: var(--fs-sm); color: var(--ink-400); }
.follow-btn { margin-left: auto; height: 34px; padding: 0 14px; border-radius: var(--r-pill); font-size: 12px; color: var(--ink-800); background: var(--surface); box-shadow: inset 0 0 0 1px var(--line), var(--sh-1); display: inline-flex; align-items: center; gap: 5px; }
.follow-btn svg { width: 14px; height: 14px; }

.stat-row { display: grid; grid-template-columns: repeat(3, 1fr); }
.stat-row__i { text-align: center; padding: 2px 0; }
.stat-row__i + .stat-row__i { border-left: 1px solid var(--line-soft); }
.stat-row__v { font-family: var(--font-num); font-size: 18px; font-weight: var(--fw-sb); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.stat-row__k { margin-top: 3px; font-size: 10.5px; color: var(--ink-400); letter-spacing: 0.02em; }

/* 评价条目 */
.review { padding: 14px var(--pad-card); }
.review + .review { border-top: 1px solid var(--line-soft); }
.review__head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.review__text { font-size: var(--fs-sm); line-height: 1.65; color: var(--ink-700); }

/* 底部固定 CTA（拇指热区） */
.cta-bar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--z-header);
  display: flex; align-items: center; gap: 12px;
  padding: 10px var(--gutter) calc(10px + env(safe-area-inset-bottom));
  background: rgba(250, 249, 247, 0.9);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
  border-top: 1px solid rgba(21, 24, 27, 0.06);
}
@media (min-width: 720px) { .cta-bar { max-width: 430px; margin: 0 auto; } }
.cta-bar__info { display: flex; flex-direction: column; gap: 2px; }
.cta-bar__info .price { font-size: 21px; }
.cta-bar .btn { height: 48px; border-radius: var(--r-md); font-size: var(--fs-body); }

/* ---------------- 下单页 ---------------- */
.form-block { padding: 4px 0; }
.form-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 0 var(--pad-card); }
.form-row + .form-row { border-top: 1px solid var(--line-soft); }
.form-row__k { font-size: var(--fs-sm); color: var(--ink-600); }
.form-row__v { display: flex; align-items: center; gap: 6px; font-size: var(--fs-sm); color: var(--ink-900); }

.amount-row { display: flex; align-items: center; justify-content: space-between; padding: 8px var(--pad-card); font-size: var(--fs-sm); color: var(--ink-500); }
.amount-row b { color: var(--ink-900); font-variant-numeric: tabular-nums; font-weight: var(--fw-m); }
.amount-row--total { padding-top: 14px; padding-bottom: 14px; border-top: 1px solid var(--line-soft); }
.amount-row--total b { font-size: 18px; font-weight: var(--fw-sb); }

/* ---------------- 订单卡片 ---------------- */
.order-card { padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.order-card__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.order-card__no { font-size: var(--fs-xs); color: var(--ink-400); font-family: var(--font-num); letter-spacing: 0.02em; }
.order-card__body { display: flex; gap: 12px; align-items: center; }
.order-card__info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.order-card__title { font-size: var(--fs-body); font-weight: var(--fw-sb); letter-spacing: -0.01em; }
.order-card__sub { font-size: var(--fs-xs); color: var(--ink-400); }
.order-card__foot { display: flex; align-items: center; justify-content: space-between; padding-top: 12px; border-top: 1px solid var(--line-soft); }
.order-card__amount { display: flex; align-items: baseline; gap: 3px; font-size: var(--fs-xs); color: var(--ink-400); }
.order-card__amount b { font-size: 17px; color: var(--ink-900); font-family: var(--font-num); font-weight: var(--fw-sb); font-variant-numeric: tabular-nums; }
.order-card__actions { display: flex; gap: 8px; }
.order-card__timer { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; color: var(--warn-600); font-variant-numeric: tabular-nums; }
.order-card__timer svg { width: 12px; height: 12px; }

/* ---------------- 聊天 ---------------- */
.chat-shell { display: flex; flex-direction: column; height: 100dvh; background: var(--paper); }
@media (min-width: 720px) { .chat-shell { max-width: 430px; margin: 0 auto; box-shadow: 0 0 0 1px rgba(21, 24, 27, 0.05); } }
.chat-head {
  position: sticky; top: 0; z-index: var(--z-header);
  display: flex; align-items: center; gap: 10px;
  height: calc(var(--topbar-h) + env(safe-area-inset-top));
  padding: env(safe-area-inset-top) 12px 0;
  background: rgba(250, 249, 247, 0.86);
  -webkit-backdrop-filter: blur(20px) saturate(180%); backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid rgba(21, 24, 27, 0.05);
}
.chat-head__info { display: flex; flex-direction: column; }
.chat-head__info b { font-size: var(--fs-body); font-weight: var(--fw-sb); }
.chat-head__info span { font-size: 10.5px; color: var(--brand-600); display: flex; align-items: center; gap: 4px; }
.chat-head__info span::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--brand-500); }

.chat-body { flex: 1; overflow-y: auto; padding: 16px var(--gutter) 24px; display: flex; flex-direction: column; gap: 14px; }
.chat-notice {
  display: flex; gap: 8px; align-items: flex-start;
  padding: 10px 12px; border-radius: var(--r-sm);
  background: var(--sand-50); box-shadow: inset 0 0 0 1px rgba(190, 139, 82, 0.16);
  font-size: 11.5px; line-height: 1.6; color: var(--sand-700);
}
.chat-notice svg { width: 14px; height: 14px; flex: none; margin-top: 1px; }

.chat-composer {
  position: sticky; bottom: 0;
  padding: 10px var(--gutter) calc(10px + env(safe-area-inset-bottom));
  background: rgba(250, 249, 247, 0.92);
  -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
  border-top: 1px solid rgba(21, 24, 27, 0.05);
  display: flex; align-items: center; gap: 8px;
}
.chat-composer__input {
  flex: 1; display: flex; align-items: center; height: 42px; padding: 0 14px;
  background: var(--surface); border-radius: var(--r-pill);
  box-shadow: inset 0 0 0 1px var(--line);
}
.chat-composer__input input { width: 100%; border: 0; background: none; outline: none; font-size: var(--fs-sm); }
.chat-composer__send { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--brand-500); color: #fff; flex: none; box-shadow: 0 6px 16px -8px rgba(20, 82, 79, 0.8); }
.chat-composer__send svg { width: 18px; height: 18px; }
.quick-phrases { display: flex; gap: 8px; padding: 0 var(--gutter) 8px; overflow-x: auto; }
.quick-phrases button {
  height: 30px; padding: 0 12px; border-radius: var(--r-pill); white-space: nowrap;
  font-size: 11.5px; color: var(--ink-500); background: var(--surface);
  box-shadow: inset 0 0 0 1px var(--line);
}

/* ---------------- 我的 ---------------- */
.me-head { display: flex; align-items: center; gap: 14px; padding: 22px 0 18px; }
.me-head__name h1 { font-size: 22px; font-weight: var(--fw-sb); letter-spacing: -0.02em; display: flex; align-items: center; gap: 7px; }
.me-head__id { margin-top: 4px; font-size: 11px; color: var(--ink-400); font-family: var(--font-num); letter-spacing: 0.03em; }

.balance-card {
  position: relative; overflow: hidden;
  padding: 18px;
  border-radius: var(--r-lg);
  background:
    radial-gradient(120% 100% at 88% 0%, rgba(127, 182, 178, 0.35), transparent 55%),
    linear-gradient(155deg, var(--brand-800), var(--brand-900));
  color: #fff;
  box-shadow: 0 20px 40px -24px rgba(12, 58, 56, 0.9);
}
.balance-card__label { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255, 255, 255, 0.55); }
.balance-card__num { margin-top: 8px; font-family: var(--font-num); font-size: 34px; font-weight: var(--fw-sb); letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.balance-card__num small { font-size: 15px; opacity: 0.6; margin-right: 3px; }
.balance-card__foot { display: flex; gap: 10px; margin-top: 20px; }
.balance-card__top { display: flex; align-items: center; justify-content: space-between; }
.balance-card__chips { display: flex; gap: 10px; font-size: 11px; color: rgba(255, 255, 255, 0.6); }
.balance-card__foot .btn { height: 36px; border-radius: var(--r-xs); font-size: 12.5px; background: rgba(255, 255, 255, 0.14); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.balance-card__foot .btn:first-child { background: #fff; color: var(--brand-800); }
.balance-card__hint { position: absolute; right: -20px; top: -20px; width: 130px; height: 130px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.1); }

.quick-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.quick-grid__i { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 14px 0; font-size: 11px; color: var(--ink-600); }
.quick-grid__i svg { width: 22px; height: 22px; color: var(--ink-700); }
.quick-grid__i .badge { position: absolute; transform: translate(14px, -6px); min-width: 15px; height: 15px; border-radius: 99px; background: var(--err-500); color: #fff; font-size: 9px; line-height: 15px; padding: 0 4px; }

/* ---------------- 钱包 ---------------- */
.txn { display: flex; align-items: center; gap: 12px; padding: 13px var(--pad-card); }
.txn + .txn { border-top: 1px solid var(--line-soft); }
.txn__icon { width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; background: var(--surface-3); color: var(--ink-600); flex: none; }
.txn__icon svg { width: 16px; height: 16px; }
.txn__val { font-family: var(--font-num); font-size: var(--fs-body); font-weight: var(--fw-sb); font-variant-numeric: tabular-nums; }
.txn__val--in { color: var(--ok-600); }

/* ---------------- 设置 ---------------- */
.group-label { padding: 22px 4px 8px; font-size: 11px; color: var(--ink-400); letter-spacing: 0.1em; text-transform: uppercase; font-weight: var(--fw-sb); }

/* ---------------- 筛选项浮层 ---------------- */
.filter-panel { display: flex; flex-direction: column; gap: 18px; padding: 6px 0 4px; }
.filter-block__t { font-size: var(--fs-sm); font-weight: var(--fw-sb); margin-bottom: 10px; }

/* ---------------- 骨架 / 过渡 ---------------- */
.page-enter { animation: pageIn var(--dur-2) var(--ease-out) both; }
@keyframes pageIn { from { opacity: 0; transform: translateY(6px); } }

/* ============================================================
   补充：品牌 / 页面局部结构
   ============================================================ */

/* 品牌 */
.brand { display: inline-flex; align-items: center; gap: 8px; }
.brand__mark { width: 21px; height: 21px; color: var(--brand-600); stroke-width: 1.55; }
.brand__name { font-size: 16px; font-weight: var(--fw-sb); letter-spacing: 0.14em; color: var(--ink-900); }

/* Tab 徽标定位 */
.tabbar__item { position: relative; }

/* 底部信任说明 */
.trust {
  display: flex; align-items: flex-start; gap: 10px;
  margin-top: 26px; padding: 14px;
  border-radius: var(--r-md);
  background: var(--surface-2);
  box-shadow: inset 0 0 0 1px var(--line-soft);
}
.trust svg { width: 17px; height: 17px; color: var(--brand-500); flex: none; margin-top: 1px; }
.trust b { display: block; font-size: var(--fs-sm); font-weight: var(--fw-sb); color: var(--ink-800); }
.trust span { display: block; margin-top: 2px; font-size: var(--fs-xs); color: var(--ink-400); line-height: 1.6; }

/* 发现页 */
.market-head { display: flex; align-items: center; gap: 8px; padding-top: 4px; }
.filter-meta { display: flex; align-items: flex-end; justify-content: space-between; padding: 22px 2px 12px; }

/* 订单页底部说明 */
.orders-foot { display: flex; align-items: center; gap: 6px; justify-content: center; padding: 26px 0 4px; font-size: 11px; color: var(--ink-300); }
.orders-foot svg { width: 13px; height: 13px; }

/* 下单页买家条 */
.buyer { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: var(--r-md); background: var(--surface); box-shadow: inset 0 0 0 1px var(--line-soft), var(--sh-1); }

/* 详情页标签与简介 */
.tagline { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.tagline .tag { height: 24px; padding: 0 9px; }
.bio { margin-top: 12px; font-size: var(--fs-sm); line-height: 1.75; color: var(--ink-600); }