/* AS Lab Studio｜共用「網站使用說明」入口樣式（由教學安裝程式注入各工具）
   2026-10-23 改為黑白灰銀 v2 中性灰：無框、無底色、零綠色（禁 hue 60–170°）。
   深色（預設，或 :root[data-theme="dark"]）：文字 #A1A1AA；淺色（:root[data-theme="light"]）：文字 #52525B。
   顏色優先讀 --lb- tokens（有載入 liubai-tokens.css 的工具），沒有就用後面的備援值。
   版面（尺寸、間距、44px 點擊區）與原版相同；border 保留 1px 透明，避免版面位移。 */
.lb-usage-help,
.lb-usage-help:link,
.lb-usage-help:visited {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 6px 12px;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  color: var(--lb-text-secondary, #a1a1aa);
  text-decoration: underline;
  text-decoration-color: var(--lb-icon, #a1a1aa);
  text-underline-offset: 3px;
  font-size: 14px;
  line-height: 1.5;
  white-space: normal;
  max-width: 100%;
}
.lb-usage-help:hover,
.lb-usage-help:active {
  background: var(--lb-ghost-hover, #232326);
  border-color: transparent;
  color: var(--lb-text, #f4f4f5);
}
.lb-usage-help:focus {
  outline: none;
}
.lb-usage-help:focus-visible {
  outline: 3px solid var(--lb-focus, #e3e6ea);
  outline-offset: 3px;
  color: var(--lb-text, #f4f4f5);
}
.lb-usage-nav {
  margin: 12px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* 淺色模式 */
:root[data-theme="light"] .lb-usage-help,
:root[data-theme="light"] .lb-usage-help:link,
:root[data-theme="light"] .lb-usage-help:visited {
  color: var(--lb-text-secondary, #52525b);
  text-decoration-color: var(--lb-icon, #6b7079);
}
:root[data-theme="light"] .lb-usage-help:hover,
:root[data-theme="light"] .lb-usage-help:active {
  background: var(--lb-ghost-hover, #f4f4f5);
  color: var(--lb-text, #18181b);
}
:root[data-theme="light"] .lb-usage-help:focus-visible {
  outline-color: var(--lb-focus, #18181b);
  color: var(--lb-text, #18181b);
}

/* threads（Threads 經營工作台）：教學程式不另建入口，而是把既有側欄連結 a.nav-help 改指向 /usage-guide.html，
   所以吃不到上面的 .lb-usage-help；這裡只覆蓋顏色（版面仍由 threads 自己的 .nav-help 決定）。 */
a.nav-help[href="/usage-guide.html"],
a.nav-help[href="/usage-guide.html"]:visited {
  color: var(--lb-text-secondary, #a1a1aa);
}
a.nav-help[href="/usage-guide.html"]:hover,
a.nav-help[href="/usage-guide.html"]:focus-visible {
  color: var(--lb-text, #f4f4f5);
}
a.nav-help[href="/usage-guide.html"]:focus-visible {
  outline: 3px solid var(--lb-focus, #e3e6ea);
  outline-offset: -3px;
}
:root[data-theme="light"] a.nav-help[href="/usage-guide.html"],
:root[data-theme="light"] a.nav-help[href="/usage-guide.html"]:visited {
  color: var(--lb-text-secondary, #52525b);
}
:root[data-theme="light"] a.nav-help[href="/usage-guide.html"]:hover,
:root[data-theme="light"] a.nav-help[href="/usage-guide.html"]:focus-visible {
  color: var(--lb-text, #18181b);
  outline-color: var(--lb-focus, #18181b);
}

/* Windows 高對比模式：交給系統色 */
@media (forced-colors: active) {
  .lb-usage-help { border-color: LinkText; color: LinkText; }
  .lb-usage-help:focus-visible { outline-color: Highlight; }
}