/* ============================================================================
 * 创归思伴学 · 六大功能「渲染公共层」配套样式（station-funcs.css）
 * ----------------------------------------------------------------------------
 * 2026-09-25 批72 · B 档：与 station-funcs.js **成对抽出**。
 *   · 原先这些规则写在 station-shell.css 里，只有三站工作台一个页面能用到；
 *   · 抽出来后，web/station/index.html（三站，取真数字）与
 *     web/app.html #/screen（思伴聊屋，只给入口）共用同一套视觉；
 *   · station-shell.css 里的同名单规则已删除 —— **只此一份真源**，别再复制粘贴回来。
 *
 * 令牌兜底：本文件不假设调用方注入了 --asp-* / --color-* 令牌
 * （旧 station-shell.css 注释就记载过一次事故：.ai-side-panel.css 把令牌挂在
 *  .ai-side-panel 作用域下，页面没有该节点 ⇒ 令牌不注入 ⇒ 胶囊全裸）。
 * 因此这里每个 var() 都带 fallback，换任何页面引用都不会掉色。
 * ========================================================================== */

/* ---------- ③ 六大功能入口行的容器（点一下即走真实链路） ---------- */
.st-intents{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px}
.st-intents:empty{display:none}
/* 入口行里那句引导语：只做说明，不占第二个视觉层级 */
.st-intents .it-tip{font-size:11.5px;font-weight:700;color:var(--color-text-sub,#6B6B7B);margin-right:2px}

/* ---------- ① 环节功能 pill 行 ---------- */
.st-funcs{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.fchip{font-size:11.5px;font-weight:700;color:var(--color-text-sub,#6B6B7B);
  background:var(--color-surface-2,#F3F3F7);
  border:1px solid var(--color-line,#E3E3EA);border-radius:99px;padding:4px 10px}
.fchip.is-open{appearance:none;font-family:inherit;cursor:pointer;color:var(--color-primary,#6D5EFC);
  background:var(--asp-surface-2,#F0EBFF);border-color:var(--asp-line,#E7DEFB)}
.fchip.is-open .fchip-go{font-size:10px;font-weight:800;opacity:.75;margin-left:2px}
.fchip.is-open:hover{filter:brightness(1.05)}

/* ---------- ② 「本环节可用功能」真入口 ---------- */
.st-entries{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:11px;
  border-top:1px dashed var(--color-line,#E3E3EA)}
.st-entry{
  display:inline-flex;align-items:center;gap:6px;text-decoration:none;
  background:var(--color-primary,#6D5EFC);color:#fff;font-size:12.5px;font-weight:800;
  border-radius:10px;padding:8px 13px;transition:.16s}
.st-entry:hover{filter:brightness(1.08);transform:translateY(-1px)}
.st-entry.ghost{background:var(--color-bg-card,#fff);color:var(--color-primary,#6D5EFC);
  border:1px solid var(--color-primary,#6D5EFC)}
.st-entry-note{font-size:11px;color:var(--color-text-sub,#6B6B7B)}
button.ichip{appearance:none;border:0;cursor:pointer;font-family:inherit}
.st-inline-rflow{width:100%;margin-top:12px;padding:0;background:#fff;border-radius:18px;box-shadow:0 2px 12px rgba(109,94,252,0.10);box-sizing:border-box}

/* ---------- ③ 六大功能常驻入口 chip（可点即走真实链路） ---------- */
.ichip{
  font-size:12px;font-weight:600;text-decoration:none;
  color:var(--asp-brand-ink,#6D5EFC);background:var(--asp-surface-2,#F0EBFF);
  border:1px solid var(--asp-line,#E7DEFB);border-radius:999px;padding:5px 12px;transition:.14s}
/* hover 必须**显式接管**背景：全站 page.css 有无作用域的 a:hover 规则会抢走底色。 */
.ichip:hover,.ichip:active{
  background:var(--asp-brand-solid,#6D5EFC);color:var(--asp-on-brand,#fff);
  border-color:var(--asp-brand-solid,#6D5EFC);transform:translateY(-1px)}

/* ---------- ④ 对话流内功能卡片 ---------- */
.st-flowcard{align-self:flex-start;max-width:680px;   /* 落在 flex 列容器里 ⇒ 不拉伸，避免 3 行指标把左右拉成两条平行空白 */
  background:var(--asp-surface-2,#F0EBFF);
  border:1px solid var(--asp-line,#E7DEFB);border-radius:12px;padding:11px 12px;
  box-shadow:0 2px 10px -4px rgba(60,50,160,.18)}
.st-flowcard .fc-h{display:flex;align-items:center;gap:7px;margin-bottom:8px}
.st-flowcard .fc-h b{font-size:13px;font-weight:900}
.st-flowcard .fc-badge{font-size:10px;font-weight:800;color:#fff;
  background:var(--asp-brand-solid,var(--color-primary,#6D5EFC));padding:1px 7px;border-radius:99px}
.st-flowcard .fc-body{display:flex;flex-direction:column;gap:5px}
.st-flowcard .fr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:baseline}
.st-flowcard .fk{font-size:11.5px;font-weight:700;color:var(--asp-muted,#6B6B7B)}
.st-flowcard .fv{font-size:15px;font-weight:900;color:var(--color-text-main,#1D2140)}
.st-flowcard .fv.none{color:var(--asp-muted,var(--color-disable,#9CA3AF))}
.st-flowcard .fs{grid-column:1 / -1;font-size:10px;color:var(--asp-muted,var(--color-disable,#9CA3AF))}
.st-flowcard .fc-empty{font-size:11.5px;line-height:1.7;color:var(--asp-muted,#6B6B7B);
  border-top:1px dashed var(--asp-line,#E7DEFB);margin-top:7px;padding-top:7px}
.st-flowcard .fc-act{margin-top:9px}
.st-flowcard .fc-act .st-btn{width:100%;padding:8px 12px;font-size:12.5px}

/* [R26] 每一步的实操落点块 + 互动课件回执按钮 */
.st-do{margin-top:0}
.st-do .st-entries{margin-top:12px}
/* [R27] 迷你落点条：挂在「继续 →」旁边，落在学生当前视口里
   ⚠ hover 用后代选择器（.st-mini-do .st-mini-item:hover）压住全站 button:hover /
      a:hover 的通用规则 —— 单类选择器特异度会被平手规则反超。 */
.st-mini-do{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;
  margin-top:8px;padding-top:8px;border-top:1px dashed var(--color-line,#E3E3EA)}
.st-mini-do-t{font-size:11px;font-weight:800;color:var(--color-text-sub,#6B6B7B);
  margin-right:2px;white-space:nowrap}
.st-mini-item{display:inline-flex;align-items:center;gap:4px;text-decoration:none;
  font-family:inherit;cursor:pointer;
  background:var(--asp-surface-2,#F0EBFF);color:var(--asp-brand-ink,#6D5EFC);
  border:1px solid var(--asp-line,#E7DEFB);border-radius:9px;
  font-size:11.5px;font-weight:700;padding:5px 9px;transition:.14s}
button.st-mini-item{appearance:none}
.st-mini-do .st-mini-item:hover,.st-mini-do .st-mini-item:active{
  background:var(--asp-brand-solid,#6D5EFC);color:var(--asp-on-brand,#fff);
  border-color:var(--asp-brand-solid,#6D5EFC);transform:translateY(-1px)}

.st-cw-rec{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 2px}