@icen.ai/ui 0.10.0 → 0.11.0

package/dist/components/mentions.css

@@ -19,15 +19,15 @@
 .icen-mentions {
   display: block;
   width: 100%;
-  padding: var(--icen-density-space-xs) var(--icen-density-space-sm);
+  padding: var(--icen-density-space-sm) var(--icen-field-padding-inline);
   background: var(--icen-token-control);
-  border: 1px solid var(--icen-token-outline-soft);
-  border-radius: var(--icen-radius-md);
-  box-shadow: var(--icen-token-shadow-inset);
+  border: var(--icen-control-border-width) solid var(--icen-token-control-border);
+  border-radius: var(--icen-control-radius);
+  box-shadow: var(--icen-token-shadow-field);
   cursor: text;
   transition: border-color var(--icen-tx-fast), box-shadow var(--icen-tx-fast);
 }
-.icen-mentions:hover { border-color: var(--icen-hover-border); }
+.icen-mentions:hover { border-color: var(--icen-token-control-border-hover); }
 .icen-mentions:focus-within {
   border-color: var(--icen-control-focus-border);
   box-shadow: var(--icen-control-focus-shadow);
@@ -55,6 +55,7 @@
   opacity: var(--icen-disabled-opacity);
   cursor: not-allowed;
   user-select: none;
+  pointer-events: none; /* 禁用编辑器不吃 hover 抬边 */
 }
 
 /* 提及 token：文本流中的 inline pill（原子单元，光标不可进入，整体删除） */
@@ -100,11 +101,11 @@
   z-index: var(--icen-z-popover);
   overflow-y: auto;
   overscroll-behavior: contain;
-  padding: 4px;
-  background: var(--icen-token-card-strong);
-  border: 1px solid var(--icen-token-outline);
-  border-radius: var(--icen-radius-md);
-  box-shadow: var(--icen-token-shadow-overlay);
+  padding: var(--icen-density-space-xs);
+  background: var(--icen-token-surface);
+  border: 1px solid var(--icen-token-material-edge);
+  border-radius: var(--icen-radius-lg);
+  box-shadow: var(--icen-token-material-light), var(--icen-token-shadow-elevated);
   transform-origin: top center;
   animation: icen-pop-in var(--icen-tx-fast);
 }
@@ -120,13 +121,13 @@
 .icen-mentions-option {
   display: flex;
   align-items: center;
-  gap: var(--icen-density-space-xs);
-  padding: 6px var(--icen-density-space-sm);
-  font-size: var(--icen-density-font-size-sm);
+  gap: var(--icen-control-gap-sm);
+  padding: 4px var(--icen-density-space-sm);
+  font-size: var(--icen-font-size-control);
   color: var(--icen-token-text);
-  border-radius: var(--icen-radius-sm);
+  border-radius: var(--icen-radius-xs);
   cursor: pointer;
-  min-block-size: var(--icen-density-input-height-sm);
+  min-block-size: var(--icen-control-height-sm);
   transition:
     background-color var(--icen-tx-fast),
     color var(--icen-tx-fast);
@@ -138,8 +139,8 @@
   .icen-mentions-option,
   .icen-mention-token { transition: none; }
 }
-.icen-mentions-option:hover:not(.is-disabled) { background: var(--icen-token-fill-1); }
-.icen-mentions-option.is-active { background: var(--icen-token-fill-2); }
+.icen-mentions-option:hover:not(.is-disabled) { background: var(--icen-token-fill-hover); }
+.icen-mentions-option.is-active { background: var(--icen-token-fill-selected); }
 .icen-mentions-option.is-disabled {
   opacity: var(--icen-disabled-opacity);
   cursor: not-allowed;

package/dist/components/mentions.d.mts

@@ -0,0 +1,2 @@
+// kit: mentions 类型面（构建产物，勿手改）
+export * from '../behaviors/mentions.mjs';

package/dist/components/menu.css

@@ -35,14 +35,14 @@
   overscroll-behavior: contain;
   margin: 0;
   padding: var(--icen-density-space-xs);
-  background: color-mix(in srgb, var(--icen-token-card-strong) 92%, transparent);
-  backdrop-filter: blur(24px);
-  -webkit-backdrop-filter: blur(24px);
-  border: 1px solid var(--icen-token-outline);
-  box-shadow: var(--icen-token-shadow-overlay);
+  background: color-mix(in srgb, var(--icen-token-surface) 94%, transparent);
+  backdrop-filter: blur(var(--icen-material-blur-floating)) saturate(var(--icen-material-saturate));
+  -webkit-backdrop-filter: blur(var(--icen-material-blur-floating)) saturate(var(--icen-material-saturate));
+  border: 1px solid var(--icen-token-material-edge);
+  box-shadow: var(--icen-token-material-light), var(--icen-token-shadow-elevated);
   border-radius: var(--icen-radius-lg);
   transform-origin: top center;
-  animation: icen-menu-in var(--menu-in-duration, var(--icen-duration-fast)) var(--icen-ease-out);
+  animation: icen-menu-in var(--menu-in-duration, var(--icen-duration-fast)) var(--icen-ease-enter);
 }
 .icen-menu[data-icen-state='closing'] { pointer-events: none; }
 .icen-menu[data-icen-side='top'] { transform-origin: bottom center; }
@@ -61,9 +61,10 @@
 /* ── 分组标签 / 头（context-menu 的 header 项） ── */
 .icen-menu-label {
   padding: var(--icen-density-space-xs) var(--icen-density-space-sm);
-  font-size: var(--icen-density-font-size-xs);
+  font-size: var(--icen-font-size-caption);
   font-weight: 600;
-  color: var(--icen-token-text-faint);
+  letter-spacing: var(--icen-letter-spacing-caption);
+  color: var(--icen-token-text-muted);
 }
 .icen-menu-header {
   padding: var(--icen-density-space-sm) calc(var(--icen-density-space-sm) + 2px) var(--icen-density-space-xs);
@@ -93,17 +94,18 @@
   position: relative;
   display: flex;
   align-items: center;
-  gap: var(--icen-density-space-xs);
-  min-block-size: var(--icen-density-input-height-sm);
+  gap: var(--icen-control-gap-sm);
+  min-block-size: var(--icen-control-height-sm);
   width: 100%;
-  padding: 6px var(--icen-density-space-sm);
+  padding: 4px var(--icen-density-space-sm);
   background: none;
   border: 0;
   font: inherit;
-  font-size: var(--icen-density-font-size-sm);
+  font-size: var(--icen-font-size-control);
+  line-height: 1.35;
   text-align: start;
   color: var(--icen-token-text);
-  border-radius: var(--icen-radius-sm);
+  border-radius: var(--icen-radius-xs);
   cursor: pointer;
   user-select: none;
   transition:
@@ -111,12 +113,12 @@
     color var(--icen-tx-fast);
 }
 .icen-menu-item:hover:not(.is-disabled) {
-  background: var(--icen-token-fill-1);
+  background: var(--icen-token-fill-hover);
 }
 .icen-menu-item.is-highlighted,
 .icen-menu-item:focus-visible {
-  background: var(--icen-token-surface-hover);
-  color: var(--icen-token-accent);
+  background: var(--icen-token-fill-selected);
+  color: var(--icen-token-text);
   outline: none;
 }
 .icen-menu-item:focus-visible { outline: 2px solid var(--icen-token-accent); outline-offset: -2px; box-shadow: none; }
@@ -138,14 +140,15 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  inline-size: 20px;
-  block-size: 20px;
+  inline-size: 18px;
+  block-size: 18px;
   flex-shrink: 0;
+  color: var(--icen-token-text-muted);
 }
-.icen-menu-item-icon > svg { inline-size: 16px; block-size: 16px; }
+.icen-menu-item-icon > svg { inline-size: var(--icen-control-icon); block-size: var(--icen-control-icon); }
 .icen-menu:has(.icen-menu-item-icon) .icen-menu-item:not(:has(> .icen-menu-item-icon))::before {
   content: '';
-  inline-size: 20px;
+  inline-size: 18px;
   flex: none;
 }
 .icen-menu-item-label {
@@ -159,13 +162,14 @@
   display: block;
   font-size: var(--icen-density-font-size-xs);
   line-height: 1.3;
-  color: var(--icen-token-text-faint);
-  margin-top: 2px;
+  color: var(--icen-token-text-muted);
+  margin-top: 1px;
 }
 .icen-menu-item-shortcut {
   font-size: var(--icen-density-font-size-xs);
   color: var(--icen-token-text-faint);
   font-family: var(--icen-font-mono);
+  letter-spacing: .04em;
   margin-inline-start: var(--icen-density-space-sm);
   white-space: nowrap;
   flex: none;
@@ -183,24 +187,24 @@
 .icen-menu-separator {
   margin: var(--icen-density-space-xs) calc(var(--icen-density-space-sm) + 2px);
   height: 1px;
-  background: var(--icen-token-line-soft);
+  background: var(--icen-token-separator-soft);
 }
 
-/* ── 进场：fade + scale(.985→1)，按侧别反向位移 3px（浮层统一收敛配方） ── */
+/* ── 进场：fade + scale(.98→1)，按侧别反向位移 2px（浮层统一收敛配方） ── */
 @keyframes icen-menu-in {
-  from { opacity: 0; transform: scale(0.985) translateY(-3px); }
+  from { opacity: 0; transform: scale(0.98) translateY(-2px); }
   to { opacity: 1; transform: scale(1) translateY(0); }
 }
 @keyframes icen-menu-in-top {
-  from { opacity: 0; transform: scale(0.985) translateY(3px); }
+  from { opacity: 0; transform: scale(0.98) translateY(2px); }
   to { opacity: 1; transform: scale(1) translateY(0); }
 }
 @keyframes icen-menu-in-left {
-  from { opacity: 0; transform: scale(0.985) translateX(3px); }
+  from { opacity: 0; transform: scale(0.98) translateX(2px); }
   to { opacity: 1; transform: scale(1) translateX(0); }
 }
 @keyframes icen-menu-in-right {
-  from { opacity: 0; transform: scale(0.985) translateX(-3px); }
+  from { opacity: 0; transform: scale(0.98) translateX(-2px); }
   to { opacity: 1; transform: scale(1) translateX(0); }
 }
 

package/dist/components/modal.css

@@ -32,9 +32,9 @@
   align-items: center;
   justify-content: center;
   padding: var(--icen-density-space-md);
-  background: color-mix(in srgb, var(--icen-token-text) 45%, transparent);
-  backdrop-filter: blur(4px);
-  -webkit-backdrop-filter: blur(4px);
+  background: var(--icen-token-scrim);
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
   opacity: 1;
   transition: opacity var(--icen-duration-fast) var(--icen-ease-out), display var(--icen-duration-fast) allow-discrete;
 }
@@ -48,15 +48,15 @@
   max-width: 480px;
   max-height: calc(100vh - 32px);
   max-block-size: calc(100dvh - 2 * var(--icen-density-space-md));
-  background: var(--icen-token-card-strong);
+  background: var(--icen-token-surface);
   color: var(--icen-token-text);
-  border: 1px solid var(--icen-token-outline);
-  box-shadow: var(--icen-token-shadow-overlay);
+  border: 1px solid var(--icen-token-material-edge);
+  box-shadow: var(--icen-token-material-light), var(--icen-token-shadow-overlay);
   border-radius: var(--icen-radius-xl);
-  --modal-enter-transform: translateY(6px) scale(.985);
+  --modal-enter-transform: translateY(4px) scale(.985);
   opacity: 1;
   transform: translate(0, 0) scale(1);
-  transition: opacity var(--icen-duration-fast) var(--icen-ease-out), transform var(--icen-duration-normal) var(--icen-ease-out);
+  transition: opacity var(--icen-duration-fast) var(--icen-ease-out), transform var(--icen-duration-normal) var(--icen-ease-enter);
 }
 .icen-modal:focus { outline: none; }
 .icen-modal:focus-visible {
@@ -81,17 +81,18 @@
   align-items: flex-start;
   justify-content: space-between;
   gap: var(--icen-density-space-md);
-  padding: var(--icen-density-space-lg) var(--icen-density-space-lg) var(--icen-density-space-sm);
+  padding: var(--icen-density-space-lg) var(--icen-density-space-lg) var(--icen-density-space-xs);
 }
 .icen-modal-title {
   margin: 0;
-  font-size: var(--icen-density-font-size-lg);
-  font-weight: 600;
+  font-size: var(--icen-font-size-title);
+  font-weight: var(--icen-font-weight-title);
+  letter-spacing: -.01em;
   line-height: 1.3;
   font-family: var(--icen-font-heading);
 }
 .icen-modal-description {
-  margin: 2px 0 0;
+  margin: 3px 0 0;
   font-size: var(--icen-density-font-size-sm);
   color: var(--icen-token-text-muted);
   line-height: 1.5;
@@ -100,24 +101,24 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  inline-size: var(--icen-density-input-height-sm);
-  block-size: var(--icen-density-input-height-sm);
+  inline-size: 28px;
+  block-size: 28px;
   padding: 0;
   flex-shrink: 0;
   background: none;
   border: 0;
   cursor: pointer;
-  color: var(--icen-token-text-faint);
+  color: var(--icen-token-text-muted);
   font-size: var(--icen-density-font-size-lg);
   line-height: 1;
-  border-radius: var(--icen-radius-sm);
+  border-radius: var(--icen-radius-full);
   transition:
     background-color var(--icen-tx-fast),
     color var(--icen-tx-fast);
 }
-.icen-modal-close > svg { inline-size: 16px; block-size: 16px; }
+.icen-modal-close > svg { inline-size: 14px; block-size: 14px; }
 .icen-modal-close:hover {
-  background: var(--icen-token-surface-hover);
+  background: var(--icen-token-fill-hover);
   color: var(--icen-token-text);
 }
 .icen-modal-close:focus-visible {
@@ -129,17 +130,18 @@
   flex: 1;
   overflow-y: auto;
   overscroll-behavior: contain;
-  padding: 0 var(--icen-density-space-lg) var(--icen-density-space-md);
-  font-size: var(--icen-density-font-size-md);
-  line-height: 1.6;
+  padding: var(--icen-density-space-xs) var(--icen-density-space-lg) var(--icen-density-space-lg);
+  font-size: var(--icen-font-size-control);
+  line-height: 1.55;
 }
 
 .icen-modal-footer {
   display: flex;
   justify-content: flex-end;
   gap: var(--icen-density-space-sm);
-  padding: var(--icen-density-space-md) var(--icen-density-space-lg);
-  border-top: 1px solid color-mix(in srgb, var(--icen-token-line-soft) 40%, transparent);
+  padding: var(--icen-density-space-sm) var(--icen-density-space-lg);
+  background: var(--icen-token-surface-chrome);
+  border-top: 1px solid var(--icen-token-separator-soft);
 }
 .icen-modal-footer--start { justify-content: flex-start; }
 .icen-modal-footer--between { justify-content: space-between; }
@@ -162,28 +164,28 @@
   left: 0; top: 0; bottom: 0; /* guard:allow-physical --sheet-left 是按物理侧边命名的变体（贴左缘抽屉），RTL 语义不变 */
   width: 360px;
   height: 100%;
-  border-radius: 0 var(--icen-radius-xl) var(--icen-radius-xl) 0; /* guard:allow-physical 圆角贴着物理左缘（sheet-left 变体），RTL 语义不变 */
+  border-radius: 0 var(--icen-radius-lg) var(--icen-radius-lg) 0; /* guard:allow-physical 圆角贴着物理左缘（sheet-left 变体），RTL 语义不变 */
   --modal-enter-transform: translateX(-16px);
 }
 .icen-modal--sheet-right {
   right: 0; top: 0; bottom: 0; /* guard:allow-physical --sheet-right 是按物理侧边命名的变体（贴右缘抽屉），RTL 语义不变 */
   width: 360px;
   height: 100%;
-  border-radius: var(--icen-radius-xl) 0 0 var(--icen-radius-xl); /* guard:allow-physical 圆角贴着物理右缘（sheet-right 变体），RTL 语义不变 */
+  border-radius: var(--icen-radius-lg) 0 0 var(--icen-radius-lg); /* guard:allow-physical 圆角贴着物理右缘（sheet-right 变体），RTL 语义不变 */
   --modal-enter-transform: translateX(16px);
 }
 .icen-modal--sheet-top {
   top: 0; inset-inline: 0;
   width: 100%;
   height: 300px;
-  border-radius: 0 0 var(--icen-radius-xl) var(--icen-radius-xl);
+  border-radius: 0 0 var(--icen-radius-lg) var(--icen-radius-lg);
   --modal-enter-transform: translateY(-16px);
 }
 .icen-modal--sheet-bottom {
   bottom: 0; inset-inline: 0;
   width: 100%;
   height: 300px;
-  border-radius: var(--icen-radius-xl) var(--icen-radius-xl) 0 0;
+  border-radius: var(--icen-radius-lg) var(--icen-radius-lg) 0 0;
   --modal-enter-transform: translateY(16px);
 }
 .icen-modal--sheet-left.icen-modal--sm, .icen-modal--sheet-right.icen-modal--sm { width: 280px; }
@@ -205,4 +207,5 @@
   .icen-modal-backdrop, .icen-modal { transition: none; }
 }
 
+
 }

package/dist/components/modal.d.mts

@@ -0,0 +1,2 @@
+// kit: modal 类型面（构建产物，勿手改）
+export * from '../behaviors/modal.mjs';

package/dist/components/nav.css

@@ -20,12 +20,12 @@
   align-items: center;
   flex-wrap: wrap;
   gap: var(--icen-density-space-sm);
-  height: 56px;
+  height: 52px;
   padding: 0 var(--icen-density-space-md);
-  background: var(--icen-token-surface-glass);
-  backdrop-filter: blur(12px) saturate(1.1);
-  -webkit-backdrop-filter: blur(12px) saturate(1.1);
-  border-bottom: 1px solid var(--icen-token-outline-soft);
+  background: var(--icen-token-surface-glass-chrome);
+  backdrop-filter: blur(var(--icen-material-blur-chrome)) saturate(var(--icen-material-saturate));
+  -webkit-backdrop-filter: blur(var(--icen-material-blur-chrome)) saturate(var(--icen-material-saturate));
+  border-bottom: 1px solid var(--icen-token-separator-soft);
   transition:
     background-color var(--icen-tx-slow),
     border-color var(--icen-tx-slow),
@@ -35,7 +35,7 @@
 }
 .icen-nav:has(.icen-nav-bottom) {
   height: auto;
-  min-height: 56px;
+  min-height: 52px;
 }
 .icen-nav--sticky {
   position: sticky;
@@ -51,16 +51,16 @@
 
 /* scroll-reactive：未滚动更透、底边线透明；滚动后底色更实 + blur 加倍 */
 .icen-nav[data-icen-scroll-reactive]:not(.is-scrolled) {
-  background: color-mix(in srgb, var(--icen-token-surface-glass) 70%, transparent);
-  backdrop-filter: blur(8px);
-  -webkit-backdrop-filter: blur(8px);
+  background: color-mix(in srgb, var(--icen-token-surface-glass-chrome) 72%, transparent);
+  backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
   border-bottom-color: transparent;
+  box-shadow: none;
 }
 .icen-nav.is-scrolled {
-  background: color-mix(in srgb, var(--icen-token-surface-glass) 92%, transparent);
-  backdrop-filter: blur(16px) saturate(1.2);
-  -webkit-backdrop-filter: blur(16px) saturate(1.2);
-  box-shadow: var(--icen-token-shadow-elevated);
+  background: color-mix(in srgb, var(--icen-token-surface-glass-chrome) 94%, transparent);
+  border-bottom-color: var(--icen-token-separator-soft);
+  box-shadow: 0 1px 0 color-mix(in srgb, var(--icen-token-text) 4%, transparent);
 }
 
 /* hide-on-scroll 模式：向下滚隐藏，向上滚恢复。仅 sticky/fixed 生效。 */
@@ -90,10 +90,12 @@
   position: relative;
   display: inline-flex;
   align-items: center;
-  gap: var(--icen-density-space-xs);
-  border-radius: var(--icen-radius-full);
-  padding: 6px var(--icen-density-space-sm);
-  font-size: var(--icen-density-font-size-md);
+  gap: var(--icen-control-gap-sm);
+  min-block-size: 28px;
+  border-radius: var(--icen-control-radius);
+  padding: 3px 8px;
+  font-size: var(--icen-font-size-control);
+  font-weight: var(--icen-font-weight-control);
   color: var(--icen-token-text-muted);
   background: none;
   border: 0;
@@ -104,13 +106,13 @@
     color var(--icen-tx-fast);
 }
 .icen-nav-btn > svg {
-  width: 14px;
-  height: 14px;
+  width: var(--icen-control-icon);
+  height: var(--icen-control-icon);
   flex-shrink: 0;
 }
 .icen-nav-btn:not(.is-active):hover {
   color: var(--icen-token-text);
-  background: var(--icen-token-control-hover);
+  background: var(--icen-token-fill-hover);
 }
 .icen-nav-btn:focus-visible {
   outline: none;
@@ -118,10 +120,10 @@
 }
 .icen-nav-btn.is-active,
 .icen-nav-btn[aria-current='page'] {
-  background: var(--icen-token-accent-strong);
-  color: var(--icen-token-on-accent);
-  font-weight: 500;
-  box-shadow: var(--icen-token-shadow-elevated);
+  background: var(--icen-token-fill-selected);
+  color: var(--icen-token-text);
+  font-weight: 600;
+  box-shadow: none;
 }
 .icen-nav-btn.is-disabled,
 .icen-nav-btn:disabled,
@@ -129,24 +131,25 @@
   opacity: var(--icen-disabled-opacity);
   pointer-events: none;
 }
-.icen-nav-btn--icon { padding: 6px 10px; }
+.icen-nav-btn--icon { padding: 3px 7px; }
 .icen-nav-btn--icon > svg { width: 16px; height: 16px; }
 
 .icen-nav-divider {
   width: 1px;
-  height: 20px;
+  height: 18px;
   margin: 0 2px;
-  background: var(--icen-token-outline-soft);
+  background: var(--icen-token-separator);
 }
 
 /* 品牌徽标位 */
 .icen-nav-brand {
   display: inline-flex;
   align-items: center;
-  gap: var(--icen-density-space-xs);
+  gap: var(--icen-control-gap-sm);
   font-family: var(--icen-font-heading);
-  font-size: var(--icen-density-font-size-md);
+  font-size: var(--icen-font-size-title);
   font-weight: 600;
+  letter-spacing: -.01em;
   color: var(--icen-token-text);
   text-decoration: none;
 }
@@ -172,19 +175,19 @@
 .icen-nav-search {
   display: flex;
   align-items: center;
-  gap: var(--icen-density-space-xs);
-  padding: 0 var(--icen-density-space-sm);
-  height: 32px;
+  gap: var(--icen-control-gap-sm);
+  padding: 0 var(--icen-field-padding-inline);
+  height: var(--icen-control-height-sm);
   min-width: 180px;
   background: var(--icen-token-control);
-  border: 1px solid var(--icen-token-outline-soft);
-  border-radius: var(--icen-radius-full);
-  color: var(--icen-token-text-faint);
+  border: 1px solid var(--icen-token-control-border);
+  border-radius: var(--icen-control-radius);
+  color: var(--icen-token-text-muted);
   font-size: var(--icen-density-font-size-sm);
   cursor: pointer;
-  transition: border-color var(--icen-tx-fast);
+  transition: border-color var(--icen-tx-fast), background-color var(--icen-tx-fast);
 }
-.icen-nav-search:hover { border-color: var(--icen-token-accent); }
+.icen-nav-search:hover { border-color: var(--icen-token-control-border-hover); background: var(--icen-token-surface); }
 .icen-nav-search svg { width: 14px; height: 14px; flex-shrink: 0; }
 .icen-nav-search-kbd {
   margin-inline-start: auto;
@@ -226,23 +229,24 @@
 .icen-nav-link {
   display: inline-flex;
   align-items: center;
-  gap: var(--icen-density-space-xs);
-  padding: 6px var(--icen-density-space-sm);
-  font-size: var(--icen-density-font-size-md);
+  gap: var(--icen-control-gap-sm);
+  padding: 3px 8px;
+  font-size: var(--icen-font-size-control);
   color: var(--icen-token-text-muted);
   text-decoration: none;
-  border-radius: var(--icen-radius-full);
+  border-radius: var(--icen-control-radius);
   transition: color var(--icen-tx-fast), background-color var(--icen-tx-fast);
 }
 .icen-nav-link:hover {
   color: var(--icen-token-text);
-  background: var(--icen-token-control-hover);
+  background: var(--icen-token-fill-hover);
   text-decoration: none;
 }
 .icen-nav-link.is-active,
 .icen-nav-link[aria-current='page'] {
-  color: var(--icen-token-accent);
-  background: var(--icen-token-accent-subtle);
+  color: var(--icen-token-text);
+  background: var(--icen-token-fill-selected);
+  font-weight: var(--icen-font-weight-control);
 }
 
 /* 导航用户区（头像 + 下拉触发器） */

package/dist/components/nav.d.mts

@@ -0,0 +1,2 @@
+// kit: nav 类型面（构建产物，勿手改）
+export * from '../behaviors/nav.mjs';