/* 强调色随主题自适应：亮色用深一档，暗色用浅一档 */
:root{
  --c-teal:#0d9488; --c-indigo:#4f46e5; --c-fuchsia:#c026d3;
  --c-amber:#d97706; --c-rose:#e11d48; --c-emerald:#059669;
  --bg-a:rgba(13,148,136,.08); --bg-b:rgba(99,102,241,.08);
}
[data-theme="dim"]{
  --c-teal:#5eead4; --c-indigo:#a5b4fc; --c-fuchsia:#f0abfc;
  --c-amber:#fcd34d; --c-rose:#fda4af; --c-emerald:#6ee7b7;
  --bg-a:rgba(94,234,212,.10); --bg-b:rgba(129,140,248,.10);
}

body{
  font-family:ui-sans-serif,-apple-system,"PingFang SC","Segoe UI",system-ui,sans-serif;
  background:
    radial-gradient(1100px 560px at 12% -8%,var(--bg-a) 0,transparent 58%),
    radial-gradient(900px 520px at 96% 2%,var(--bg-b) 0,transparent 55%);
  background-attachment:fixed;
}
html{scroll-behavior:smooth}

/* 文字渐变标题 */
.grad{
  background:linear-gradient(100deg,var(--c-teal),var(--c-indigo) 55%,var(--c-fuchsia));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* 主题色工具类 */
.c-teal{color:var(--c-teal)} .c-indigo{color:var(--c-indigo)} .c-fuchsia{color:var(--c-fuchsia)}
.c-amber{color:var(--c-amber)} .c-rose{color:var(--c-rose)} .c-emerald{color:var(--c-emerald)}
.bt-teal{border-top-color:var(--c-teal)} .bt-indigo{border-top-color:var(--c-indigo)}
.bt-fuchsia{border-top-color:var(--c-fuchsia)} .bt-amber{border-top-color:var(--c-amber)}

/* 标签激活态 */
.nav-tab.tab-active{color:var(--c-teal) !important;border-color:var(--c-teal) !important}

/* 内容切换淡入 */
#content{animation:fade .35s ease}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.lede{max-width:64ch}
.ti{vertical-align:-.125em}

/* 缩写词典：分组锚点快速跳转条 */
.jump-nav{scrollbar-width:none}
.jump-nav::-webkit-scrollbar{display:none}
.jump-chip{
  flex:none;cursor:pointer;white-space:nowrap;font-size:12.5px;font-weight:600;line-height:1;
  padding:6px 11px;border-radius:999px;border:1px solid var(--c-teal);
  color:var(--c-teal);background:transparent;opacity:.72;transition:opacity .15s,background .15s,color .15s;
}
.jump-chip:hover{opacity:1}
.jump-chip.jump-active{background:var(--c-teal);color:#fff;opacity:1}
/* 标题锚点留白，避免被吸顶的 header + 跳转条遮住（JS 也会精确计算，这里兜底） */
[id^="jg-"]{scroll-margin-top:150px}