/* ─────────────────────────────────────────────────────────
 * 团队主页编辑（/team-manage/profile）专属视觉 —— Read.cv 风格
 * 作用域收口在 .me-with-toc（仅 TeamOwnerEditForm 用），不影响其它
 * me- 页面 / .me-mod 卡片，可放心迭代。
 * 取舍备注：填充灰输入框（#f1f1ef）偏离 DS §1.3（bg-soft 仅用于 hover/code），
 * 本页有意采用以贴合 Read.cv 观感；若验证后想全站统一，再上提到 .me-input 基类。
 * ───────────────────────────────────────────────────────── */

/* 区块：更大的呼吸 + 更强的标题层级（weight ≤ 600，仍守 §1.1 角色字重）
   —— section 间距在 56 的基础上拉高一倍到 112，段与段之间留更大呼吸。 */
/* 分组节奏对齐左侧目录：同一 section 内（标题→字段、字段之间、卡片之间）统一收成
   紧凑的 12px；section 与 section 之间用 48px 中等留白拉开成组 —— 靠蓝「!」标题当
   分隔，不用超大空档（112px 太空）。 */
.me-with-toc .me-section { margin-bottom: 72px; }
.me-with-toc .me-section-head { margin-bottom: 12px; }
/* §1.1：标题与描述同字号同字重，靠 ink 颜色区分层级（对齐 267：16px Regular）。 */
.me-with-toc .me-section-title {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.005em;
}
/* 蓝色「!」eyebrow —— 对齐公开详情页 section-title 的同款前缀（team.css
   .t4-sec-head .section-title::before），让后台编辑的分段视觉跟发布后一致。 */
.me-with-toc .me-section-title::before {
  content: "!";
  margin-right: 4px;
  color: #007aff;
  font-weight: 500;
}
.me-with-toc .me-section-desc {
  font-size: 16px;
  margin-top: 4px;
  line-height: 1.5;
  letter-spacing: -0.005em;
  color: #8e8e8e;
}
.me-with-toc .me-section-body { gap: 12px; }

/* 字段标签：中性灰 #8e8e8e（对齐 267），间距加大 */
.me-with-toc .me-field-label {
  color: #8e8e8e;
  margin-bottom: 8px;
}

/* 输入框 / 文本域 / markdown —— 填充灰、无可见边框、内距更舒展 */
.me-with-toc .me-input {
  background: #f7f7f7;
  border-color: transparent;
  padding: 13px 16px;
}
.me-with-toc .me-input:focus {
  background: #f0f0f0;
  border-color: transparent;
  box-shadow: inset 0 0 0 1.5px rgba(29, 29, 31, 0.12);
}
.me-with-toc .me-textarea {
  min-height: 76px;
  padding: 13px 16px;
}
.me-with-toc .me-markdown { min-height: 150px; }

/* 社交链接平台选择器：跟随填充风格 */
.me-with-toc .me-social-platform {
  background: #f7f7f7;
  border-color: transparent;
}
.me-with-toc .me-social-platform:focus-within {
  border-color: transparent;
  box-shadow: inset 0 0 0 1.5px rgba(29, 29, 31, 0.12);
}

/* Logo 上传：填充灰方块，去掉白底投影，读起来跟输入框同语言 */
.me-with-toc .me-image-btn {
  background: #f7f7f7;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.05),
    0 8px 20px -8px rgba(0, 0, 0, 0.1);
  border: 1px solid #efefef;
  /* 普通圆角：squircle + 描边会在四角留毛刺（Chromium 渲染问题），这里关掉 squircle */
  -webkit-corner-shape: round;
  corner-shape: round;
}
.me-with-toc .me-image-btn:hover:not(:disabled) {
  background: #f0f0f0;
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 14px 28px -10px rgba(0, 0, 0, 0.12);
}

/* 添加按钮（列表级「+ 添加」）：整行虚线，对齐「+ 添加问题」(.me-qed-add) 的
   显眼样式 —— 原胶囊 + 浅虚线 #efefef 版用户反馈太不起眼。 */
.me-with-toc .me-add-btn,
.me-jobform--wizard .me-add-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 12px 14px;
  font-size: 14px;
  color: #5d5d5d;
  /* 虚线用 SVG 描边画（dash 5 / gap 10，rx 18 大圆角），随宽度铺满不拉伸。
     作用域含开户向导（.me-jobform--wizard）：新闻 / 融资的添加也用通栏长条引导。 */
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='18' ry='18' stroke='%23cdc8c0' stroke-width='1.5' stroke-dasharray='5%2c 10' stroke-linecap='round'/%3e%3c/svg%3e");
  border: 0;
  border-radius: 18px;
}
.me-with-toc .me-add-btn:hover,
.me-jobform--wizard .me-add-btn:hover {
  color: #1d1d1f;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='18' ry='18' stroke='%231d1d1f' stroke-width='1.5' stroke-dasharray='5%2c 10' stroke-linecap='round'/%3e%3c/svg%3e");
}

/* Base 地 / 自定义 tag：chips 直接铺在页面上（无背景框），chip 用 hairline 描边。
   基类 .me-chip 是 border:0，这里要显式补 border-width/style，hairline 才真的画出来
   （之前只设 border-color、宽度还是 0 → chip 是白底无边、几乎看不见）。 */
.me-with-toc .me-chips-empty { color: #8e8e8e; }
.me-with-toc .me-chip {
  background: #ffffff;
  border: 1px solid #d8d8d3;
}
/* 已选 chip 的删除「×」：加大命中区 + 圆形 hover 底 + 加深默认色，读起来是个明确的可点按钮，
   不再是紧贴文字的一个小灰点。右侧给足内边距 + gap，让 × 和标签分开。 */
.me-with-toc .me-chip--lg {
  gap: 4px;
  padding-right: 8px;
}
.me-with-toc .me-chip-x {
  color: #86868b;
  width: 26px;
  height: 26px;
  border-radius: 999px;
}
.me-with-toc .me-chip-x svg { width: 15px; height: 15px; }
.me-with-toc .me-chip-x:hover {
  background: #ececec;
  color: #1d1d1f;
}

/* 标签录入：点 + 添加后原地出现的输入框（虚线→聚焦实线，胶囊，跟 chip 同高） */
.me-with-toc .me-chip-input,
.me-jobform .me-chip-input {
  appearance: none;
  font: inherit;
  /* 与 me-chip--lg / me-chip-toggle 同高：font 14 + 上下 padding 7（含 1px 边）——
     避免「+ 添加」按钮切成输入框时整行高度跳动。 */
  font-size: 14px;
  color: #1d1d1f;
  background: #ffffff;
  border: 1px dashed #d2d2d7;
  border-radius: 999px;
  padding: 7px 14px;
  outline: none;
  /* 与 .me-chip-toggle--stradd 同宽（都 120px）→ 按钮↔输入框两态外宽完全一致、不跳。
     必须用 width 定死：<input> 默认 intrinsic 宽 ~180px（默认 size），只给 min-width 压不住，仍会撑到 ~180。
     两者横向 chrome 都是 30px（按钮 padding 14+16；输入 padding 14+14+border 2），故同外宽即同内容宽。 */
  width: 120px;
  box-sizing: border-box; /* 与按钮一致：width 含 padding+border，否则 content-box 会多算 30px chrome */
  transition: border-color 0.15s, border-style 0.15s;
}
/* 标签录入按钮：只这一处加宽到跟输入框同宽（不碰共用 --add 的「+ 选择地点」）。 */
.me-with-toc .me-chip-toggle--stradd,
.me-jobform .me-chip-toggle--stradd {
  /* 与 me-chip-input 同 min-width → 按钮↔输入框两态同宽同高、不跳。居中对齐（同 --add）。 */
  min-width: 120px;
  justify-content: center;
}
.me-with-toc .me-chip-input::placeholder,
.me-jobform .me-chip-input::placeholder { color: #a1a1a6; }
.me-with-toc .me-chip-input:focus,
.me-jobform .me-chip-input:focus {
  border-style: solid;
  border-color: #1d1d1f;
}

/* 保存栏提示文案：中性灰 #8e8e8e（对齐 267） */
.me-with-toc .me-savebar-hint { color: #8e8e8e; }

/* TOC 目录项间距微调 */
.me-with-toc .me-form-toc { gap: 4px; }

/* Logo：圆形头像 + 顶部独立成行（贴合 267：头像在「基本信息」标题之上） */
.me-with-toc .me-logo-row { margin-bottom: 56px; }
/* logo 方块偏大，跟「更新」按钮之间的横向间距拉开一点（founder 小头像仍用默认 12px）。 */
.me-with-toc .me-logo-row .me-image-row { gap: 20px; }
/* Logo 为圆角方块（更适合 team logo，且与当前视觉一致），非圆形 */
.me-with-toc .me-image-btn { border-radius: 16px; }

/* Markdown 工具栏编辑器（仅外观，按钮暂不接功能）——
 * 白底 + 1px 描边的盒子，顶部一条工具栏 + 细分隔，文本域内嵌无边框。 */
.me-md-editor {
  border: 1px solid #e6e6e3;
  border-radius: 10px;
  -webkit-corner-shape: squircle;
  corner-shape: squircle;
  background: #ffffff;
  overflow: hidden;
}
.me-md-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  border-bottom: 1px solid #f0f0ee;
}
.me-md-toolbar-left {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.me-md-tsize { font-size: 13px; color: #86868b; }
.me-md-normal {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  color: #1d1d1f;
}
.me-md-toolbar-right {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.me-md-toolbar-right svg { display: block; }
.me-md-b { font-size: 14px; font-weight: 600; color: #55555a; }
.me-md-i { font-size: 14px; font-style: italic; color: #55555a; }
.me-md-s { font-size: 14px; text-decoration: line-through; color: #55555a; }
.me-with-toc .me-md-area {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 14px 16px;
  min-height: 150px;
}
.me-with-toc .me-md-area:focus {
  background: transparent;
  box-shadow: none;
}

/* 底部 sticky 提交栏 —— 跟首页吸顶 nav 同款（半透明 + blur）。 */
.me-savebar {
  position: sticky;
  bottom: 16px;
  z-index: 20;
  margin: 24px auto 0;
  max-width: 760px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 20px;
  /* 背景更实（0.82→0.95）→ 内容不再透上来糊成一片，栏体读起来是实的一条。 */
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  border-radius: 999px;
  -webkit-corner-shape: squircle;
  corner-shape: squircle;
  /* 明显的「浮起」：描边略深 + 两层阴影（近处轮廓 + 远处大扩散），跟下方内容拉开层级。 */
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.06),
    0 18px 48px -12px rgba(0, 0, 0, 0.18);
}
.me-savebar-msg {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  color: #86868b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.me-savebar-ok { color: #1d1d1f; }
.me-savebar-err { color: #b91c1c; }
.me-savebar-pending { color: #86868b; }
.me-savebar-hint { color: #86868b; }

.me-savebar-btn {
  appearance: none;
  border: 0;
  background: #1d1d1f;
  color: #ffffff;
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 999px;
  -webkit-corner-shape: squircle;
  corner-shape: squircle;
  cursor: pointer;
  transition: opacity 0.15s;
}
.me-savebar-btn:hover:not(:disabled) { opacity: 0.85; }
.me-savebar-btn:disabled { opacity: 0.5; cursor: not-allowed; }

/* 空闲态「预览」按钮：灰底黑字（跟表单填充输入框同色系），去掉描边。
   用 .me-btn.me-savebar-preview 提高优先级压过后面定义的 .me-btn 基类白底。 */
.me-btn.me-savebar-preview {
  background: #f1f1ef;
  border-color: transparent;
  color: #1d1d1f;
}
.me-btn.me-savebar-preview:hover:not(.me-btn--disabled) {
  background: #e8e8e5;
  border-color: transparent;
  color: #1d1d1f;
}

/* ── 职位创建 / 编辑表单（Figma 482:5039）：扁平字段（gap 32）+ 底部操作栏 ── */
.me-jobform {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

/* ── 分步切换动画 —— 消除硬切感 ──
   当前步内容包在 key=step 的容器里（JobOwnerEditForm / admin JobEditForm），切步时
   重挂载 → 重放 me-step-in（淡入 + 轻微上移）。本样式表全局加载，admin 向导同样用
   .me-step-anim。.me-jobform-step 复刻 .me-jobform 的 flex 列 + 32 间距，字段间距不变。 */
@keyframes me-step-in {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: none; }
}
.me-step-anim {
  animation: me-step-in 0.28s cubic-bezier(0.2, 0, 0, 1);
}
.me-jobform-step {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (prefers-reduced-motion: reduce) {
  .me-step-anim { animation: none; }
}

/* ── 左栏模块切换（/team-manage 子页）主内容淡入 ──
   MeShell 用 key=pathname 包裹 children，切模块时重挂载 → 重放。纯 opacity：不建立
   containing block，不影响内部 sticky/fixed（资料编辑 TOC、富文本工具条等）。 */
@keyframes me-shell-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
.me-shell-fade {
  animation: me-shell-in 0.24s ease;
}
@media (prefers-reduced-motion: reduce) {
  .me-shell-fade { animation: none; }
}
/* ⚠️ iOS OOM 防线(同 home.css 的 .ft-grid / .jp-list-wrap,2026-07 真机二分定案,勿回退):
   窄视口下禁 .me-shell-fade 整容器进场动画。它用 key=pathname 包住 /team-manage 的**全部**
   子页内容,没有任何祖先限高(.me-shell-main-inner 只有 max-width),移动端单列全内容高可达
   数万 px(如未分页的收藏/投递列表)。opacity / transform **都不行** —— 任一都会让 iOS WebKit
   把整棵子树提升为合成层(宽 × 全内容高 × DPR3 × 4B ≈ 数百 MB),打穿 ~2GB jetsam 上限 →
   WebContent 被杀 → Safari 自动重载 → 「移动端打开页面无限刷新直到崩溃」。「只是 opacity 所以
   安全」不成立。桌面矮容器 + DPR2 + 大内存无症状,别拿「电脑上没事」当排除依据。
   ⚠️ 必须放在这里(me-team-profile.css、且在上面两条之后):.me-shell-fade 在 me-shell.css 和
   本文件各定义了一次,同特异性(0,1,0)靠加载顺序决胜,本文件在 app/layout.tsx 里加载更晚。
   写进 me-shell.css 会被本文件后面的无条件 animation 覆盖 = 静默失效。 */
@media (max-width: 720px) {
  .me-shell-fade { animation: none; }
}

/* 整页模式表单顶部标题（弹窗模式标题在 modal head，不渲染这个） */
.me-jobform-title {
  font-size: 20px;
  font-weight: 500;
  color: #1d1d1f;
  letter-spacing: -0.01em;
  margin: 0;
}
.me-jobform-saved {
  margin: 0;
  font-size: 13px;
  color: #1d1d1f;
}

/* 底部操作栏：左「预览」/ 右「删除 · 状态 · 保存」。顶部 1px 分隔（§1.5 允许的 footer 线）。 */
.me-jobfoot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  /* 无分割线（设计系统：编辑器/操作栏用留白分组，不画线）；上方间距靠 padding。 */
  padding-top: 20px;
}
/* 底栏左侧动作组（可含「预览候选人视角」+「预览」），整体靠左；右侧 .me-jobfoot-actions 靠右。 */
.me-jobfoot-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
/* 弹窗内：全宽贴边 + sticky 贴 body 底（白底盖住下方滚动内容） */
.me-modal-body .me-jobfoot {
  position: sticky;
  bottom: 0;
  z-index: 2;
  margin: 0 -28px;
  padding: 20px 28px;
  background: #ffffff;
}
.me-jobfoot-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
/* 删除失败的行内红字：跟操作键同排（.me-field-err 的 margin-top 是给「控件下方」用的，这里要归零）。 */
.me-jobfoot-err {
  margin-top: 0;
}
/* 预览（描边 pill，radius 10） */
.me-jobfoot-preview {
  appearance: none;
  font: inherit;
  font-size: 14px;
  color: #3c3c43;
  background: #ffffff;
  border: 1px solid #ececef;
  padding: 9px 20px;
  /* 纯胶囊圆角（跟「下一步」.me-btn 一致）——不用 squircle，新浏览器里 squircle
     会把 999px 渲染成偏方的超椭圆，跟同排的 .me-btn 胶囊对不齐。 */
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.15s;
}
.me-jobfoot-preview:hover:not(:disabled) { background: #f5f5f5; }
.me-jobfoot-preview:disabled { opacity: 0.5; cursor: not-allowed; }
/* 删除（icon-only，无边框，红） */
.me-jobfoot-del {
  appearance: none;
  border: 0;
  background: #ffffff;
  color: #b91c1c;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 16px;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.15s;
}
.me-jobfoot-del:hover:not(:disabled) { background: #fdeeee; }
.me-jobfoot-del:disabled { opacity: 0.5; cursor: not-allowed; }
.me-jobfoot-del svg { width: 22px; height: 22px; }
/* 状态切换（描边 pill + 状态图标），下拉菜单向上弹出 */
.me-jobfoot-status { position: relative; }
.me-jobfoot-statusbtn {
  appearance: none;
  font: inherit;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #1d1d1f; /* 灰底黑字 */
  background: #f5f5f5;
  border: 0;
  padding: 10px 20px; /* 无边框后补 1px，跟同排描边按钮等高 */
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.15s;
}
.me-jobfoot-statusbtn:hover:not(:disabled) { background: #ececec; }
.me-jobfoot-statusbtn:disabled { opacity: 0.5; cursor: not-allowed; }
.me-jobfoot-statusbtn svg { width: 22px; height: 22px; }
.me-jobfoot-menu {
  position: absolute;
  right: 0;
  bottom: calc(100% + 8px);
  min-width: 140px;
  display: flex;
  flex-direction: column;
  padding: 6px;
  background: #ffffff;
  border-radius: 12px;
  -webkit-corner-shape: squircle;
  corner-shape: squircle;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.04),
    0 14px 44px -10px rgba(0, 0, 0, 0.18);
  z-index: 5;
}
.me-jobfoot-menuitem {
  appearance: none;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: 14px;
  color: #1d1d1f;
  text-align: left;
  padding: 9px 12px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.15s;
}
.me-jobfoot-menuitem:hover { background: #f5f5f5; }
/* 保存（黑色主按钮 + 保存图标） */
.me-jobfoot-save {
  appearance: none;
  border: 0;
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  color: #ffffff;
  background: #1d1d1f;
  padding: 9px 20px;
  border-radius: 999px;
  cursor: pointer;
  transition: opacity 0.15s;
}
.me-jobfoot-save:hover:not(:disabled) { opacity: 0.85; }
.me-jobfoot-save:disabled { opacity: 0.5; cursor: not-allowed; }
.me-jobfoot-save svg { width: 22px; height: 22px; }

.me-empty {
  font-size: 14px;
  color: #86868b;
  text-align: center;
  padding: 64px 24px;
}
.me-inline-link {
  color: #1d67f1;
  text-decoration: none;
}
.me-inline-link:hover { text-decoration: underline; }

/* 名值对列表 —— /me/settings / /me/jobs/[id] 等纯展示场景。
   左 ink-3 标签 + 右 ink-1 内容。stack row 用 line-1 间隔（§1.5 允许）。 */
.me-defs {
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0;
}
.me-def {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  font-size: 14px;
}
.me-def + .me-def {
  border-top: 1px solid #ececef;
}
.me-def dt {
  color: #86868b;
  flex-shrink: 0;
}
.me-def dd {
  margin: 0;
  color: #1d1d1f;
  text-align: right;
  word-break: break-word;
}
.me-def dd code {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
}

/* Markdown 原文展示 —— /me/jobs/[id] 暂时不渲染 markdown，先 pre 出来给 owner 看 */
.me-md-raw {
  margin: 0;
  padding: 16px;
  background: #f5f5f5;
  border-radius: 12px;
  -webkit-corner-shape: squircle;
  corner-shape: squircle;
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
  line-height: 1.6;
  color: #1d1d1f;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-x: auto;
}

/* /me/jobs 列表的富版本 —— 可点击行 + 右侧时间 + 箭头 */
/* 负 margin 外扩 16 + 行内 padding 16 抵消(同职位管理列表)：行内容与「在招职位」
   头部左对齐(x=0)，但可点击行的 hover 高亮向两侧各外扩 16px、有呼吸感、不顶边。
   两类选择器升特异性，避免被靠后的基础 .me-joblist{margin:0} 盖掉。 */
.me-joblist.me-joblist--rich {
  margin: 0 -16px;
}
.me-joblist--rich .me-joblist-row {
  padding: 0;
}
/* 可点击行：头像 + 标题/雇佣信息(左) + 投递数/箭头(右)，对齐投递列表(ApplicationList)。 */
.me-joblist-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  color: inherit;
  text-decoration: none;
  border-radius: 12px;
  -webkit-corner-shape: squircle;
  corner-shape: squircle;
  transition: background 0.15s;
}
/* 标题块吃掉中间空间，把右侧投递数推到行尾 */
.me-joblist-link .me-joblist-main {
  flex: 1;
}
.me-joblist-link:hover { background: #f5f5f5; }
/* 行改 <button>(点开投递弹窗)—— 复用 .me-joblist-link 布局 + hover,补按钮重置 */
.me-joblist-link--btn {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  /* 重置浏览器按钮默认底色（buttonface #efefef）→ 透明，白卡上即白底；
     hover 才走 .me-joblist-link:hover 的 #f5f5f5。否则整行常驻灰、很重。 */
  background: transparent;
  width: 100%;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.me-joblist-main {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.me-joblist-side {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #86868b;
  font-size: 13px;
  flex-shrink: 0;
}
/* 右侧投递数 —— 有投递 ink-1 靠颜色吸睛(§1.1),无投递 ink-4 弱化,不抢视线 */
.me-joblist-appcount { white-space: nowrap; color: #a1a1a6; }
.me-joblist-appcount.has { color: #1d1d1f; }
.me-joblist-arr { font-size: 18px; line-height: 1; }
.me-joblist-hot { margin-left: 6px; font-size: 13px; }