niuma-ui 2.0.4 → 2.1.0

package/dist/styles.css

@@ -1,647 +1,3 @@
-
-html[dir='ltr'],
-[data-sonner-toaster][dir='ltr'] {
-  --toast-icon-margin-start: -3px;
-  --toast-icon-margin-end: 4px;
-  --toast-svg-margin-start: -1px;
-  --toast-svg-margin-end: 0px;
-  --toast-button-margin-start: auto;
-  --toast-button-margin-end: 0;
-}
-html[dir='rtl'],
-[data-sonner-toaster][dir='rtl'] {
-  --toast-icon-margin-start: 4px;
-  --toast-icon-margin-end: -3px;
-  --toast-svg-margin-start: 0px;
-  --toast-svg-margin-end: -1px;
-  --toast-button-margin-start: 0;
-  --toast-button-margin-end: auto;
-}
-[data-sonner-toaster] {
-  position: fixed;
-  width: var(--width);
-  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,
-    Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
-  --gray1: hsl(0, 0%, 99%);
-  --gray2: hsl(0, 0%, 97.3%);
-  --gray3: hsl(0, 0%, 95.1%);
-  --gray4: hsl(0, 0%, 93%);
-  --gray5: hsl(0, 0%, 90.9%);
-  --gray6: hsl(0, 0%, 88.7%);
-  --gray7: hsl(0, 0%, 85.8%);
-  --gray8: hsl(0, 0%, 78%);
-  --gray9: hsl(0, 0%, 56.1%);
-  --gray10: hsl(0, 0%, 52.3%);
-  --gray11: hsl(0, 0%, 43.5%);
-  --gray12: hsl(0, 0%, 9%);
-  --border-radius: 8px;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-  outline: none;
-  z-index: 999999999;
-  transition: transform 400ms ease;
-}
-@media (hover: none) and (pointer: coarse) {
-[data-sonner-toaster][data-lifted='true'] {
-    transform: none;
-}
-}
-[data-sonner-toaster][data-x-position='right'] {
-  right: var(--offset-right);
-}
-[data-sonner-toaster][data-x-position='left'] {
-  left: var(--offset-left);
-}
-[data-sonner-toaster][data-x-position='center'] {
-  left: 50%;
-  transform: translateX(-50%);
-}
-[data-sonner-toaster][data-y-position='top'] {
-  top: var(--offset-top);
-}
-[data-sonner-toaster][data-y-position='bottom'] {
-  bottom: var(--offset-bottom);
-}
-[data-sonner-toast] {
-  --y: translateY(100%);
-  --lift-amount: calc(var(--lift) * var(--gap));
-  z-index: var(--z-index);
-  position: absolute;
-  opacity: 0;
-  transform: var(--y);
-  touch-action: none;
-  transition: transform 400ms, opacity 400ms, height 400ms, box-shadow 200ms;
-  box-sizing: border-box;
-  outline: none;
-  overflow-wrap: anywhere;
-}
-[data-sonner-toast][data-styled='true'] {
-  padding: 16px;
-  background: var(--normal-bg);
-  border: 1px solid var(--normal-border);
-  color: var(--normal-text);
-  border-radius: var(--border-radius);
-  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
-  width: var(--width);
-  font-size: 13px;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-[data-sonner-toast]:focus-visible {
-  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(0, 0, 0, 0.2);
-}
-[data-sonner-toast][data-y-position='top'] {
-  top: 0;
-  --y: translateY(-100%);
-  --lift: 1;
-  --lift-amount: calc(1 * var(--gap));
-}
-[data-sonner-toast][data-y-position='bottom'] {
-  bottom: 0;
-  --y: translateY(100%);
-  --lift: -1;
-  --lift-amount: calc(var(--lift) * var(--gap));
-}
-[data-sonner-toast][data-styled='true'] [data-description] {
-  font-weight: 400;
-  line-height: 1.4;
-  color: #3f3f3f;
-}
-[data-rich-colors='true'][data-sonner-toast][data-styled='true'] [data-description] {
-  color: inherit;
-}
-[data-sonner-toaster][data-sonner-theme='dark'] [data-description] {
-  color: hsl(0, 0%, 91%);
-}
-[data-sonner-toast][data-styled='true'] [data-title] {
-  font-weight: 500;
-  line-height: 1.5;
-  color: inherit;
-}
-[data-sonner-toast][data-styled='true'] [data-icon] {
-  display: flex;
-  height: 16px;
-  width: 16px;
-  position: relative;
-  justify-content: flex-start;
-  align-items: center;
-  flex-shrink: 0;
-  margin-left: var(--toast-icon-margin-start);
-  margin-right: var(--toast-icon-margin-end);
-}
-[data-sonner-toast][data-promise='true'] [data-icon] > svg {
-  opacity: 0;
-  transform: scale(0.8);
-  transform-origin: center;
-  animation: sonner-fade-in 300ms ease forwards;
-}
-[data-sonner-toast][data-styled='true'] [data-icon] > * {
-  flex-shrink: 0;
-}
-[data-sonner-toast][data-styled='true'] [data-icon] svg {
-  margin-left: var(--toast-svg-margin-start);
-  margin-right: var(--toast-svg-margin-end);
-}
-[data-sonner-toast][data-styled='true'] [data-content] {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-[data-sonner-toast][data-styled='true'] [data-button] {
-  border-radius: 4px;
-  padding-left: 8px;
-  padding-right: 8px;
-  height: 24px;
-  font-size: 12px;
-  color: var(--normal-bg);
-  background: var(--normal-text);
-  margin-left: var(--toast-button-margin-start);
-  margin-right: var(--toast-button-margin-end);
-  border: none;
-  font-weight: 500;
-  cursor: pointer;
-  outline: none;
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-  transition: opacity 400ms, box-shadow 200ms;
-}
-[data-sonner-toast][data-styled='true'] [data-button]:focus-visible {
-  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.4);
-}
-[data-sonner-toast][data-styled='true'] [data-button]:first-of-type {
-  margin-left: var(--toast-button-margin-start);
-  margin-right: var(--toast-button-margin-end);
-}
-[data-sonner-toast][data-styled='true'] [data-cancel] {
-  color: var(--normal-text);
-  background: rgba(0, 0, 0, 0.08);
-}
-[data-sonner-toaster][data-sonner-theme='dark'] [data-sonner-toast][data-styled='true'] [data-cancel] {
-  background: rgba(255, 255, 255, 0.3);
-}
-[data-sonner-toaster] [data-close-button-position='top-left'] {
-  --toast-close-button-left: 0;
-  --toast-close-button-right: unset;
-  --toast-close-button-top: 0;
-  --toast-close-button-bottom: unset;
-  --toast-close-button-transform: translate(-35%, -35%);
-}
-[data-sonner-toaster] [data-close-button-position='top-right'] {
-  --toast-close-button-left: unset;
-  --toast-close-button-right: 0;
-  --toast-close-button-top: 0;
-  --toast-close-button-bottom: unset;
-  --toast-close-button-transform: translate(35%, -35%);
-}
-[data-sonner-toaster] [data-close-button-position='bottom-left'] {
-  --toast-close-button-left: 0;
-  --toast-close-button-right: unset;
-  --toast-close-button-top: unset;
-  --toast-close-button-bottom: 0;
-  --toast-close-button-transform: translate(-35%, 35%);
-}
-[data-sonner-toaster] [data-close-button-position='bottom-right'] {
-  --toast-close-button-left: unset;
-  --toast-close-button-right: 0;
-  --toast-close-button-top: unset;
-  --toast-close-button-bottom: 0;
-  --toast-close-button-transform: translate(35%, 35%);
-}
-[data-sonner-toast][data-styled='true'] [data-close-button] {
-  position: absolute;
-  left: var(--toast-close-button-left);
-  right: var(--toast-close-button-right);
-  top: var(--toast-close-button-top);
-  bottom: var(--toast-close-button-bottom);
-  height: 20px;
-  width: 20px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 0;
-  color: var(--gray12);
-  background: var(--normal-bg);
-  border: 1px solid var(--gray4);
-  transform: var(--toast-close-button-transform);
-  border-radius: 50%;
-  cursor: pointer;
-  z-index: 1;
-  transition: opacity 100ms, background 200ms, border-color 200ms;
-}
-[data-sonner-toast][data-styled='true'] [data-close-button]:focus-visible {
-  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(0, 0, 0, 0.2);
-}
-[data-sonner-toast][data-styled='true'] [data-disabled='true'] {
-  cursor: not-allowed;
-}
-[data-sonner-toast][data-styled='true']:hover [data-close-button]:hover {
-  background: var(--gray2);
-  border-color: var(--gray5);
-}
-[data-sonner-toast][data-swiping='true']::before {
-  content: '';
-  position: absolute;
-  left: -100%;
-  right: -100%;
-  height: 100%;
-  z-index: -1;
-}
-[data-sonner-toast][data-y-position='top'][data-swiping='true']::before {
-  bottom: 50%;
-  transform: scaleY(3) translateY(50%);
-}
-[data-sonner-toast][data-y-position='bottom'][data-swiping='true']::before {
-  top: 50%;
-  transform: scaleY(3) translateY(-50%);
-}
-[data-sonner-toast][data-swiping='false'][data-removed='true']::before {
-  content: '';
-  position: absolute;
-  inset: 0;
-  transform: scaleY(2);
-}
-[data-sonner-toast][data-expanded='true']::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  height: calc(var(--gap) + 1px);
-  bottom: 100%;
-  width: 100%;
-}
-[data-sonner-toast][data-mounted='true'] {
-  --y: translateY(0);
-  opacity: 1;
-}
-[data-sonner-toast][data-expanded='false'][data-front='false'] {
-  --scale: var(--toasts-before) * 0.05 + 1;
-  --y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--toasts-before) * 0.05 + 1));
-  height: var(--front-toast-height);
-}
-[data-sonner-toast] > * {
-  transition: opacity 400ms;
-}
-[data-sonner-toast][data-x-position='right'] {
-  right: 0;
-}
-[data-sonner-toast][data-x-position='left'] {
-  left: 0;
-}
-[data-sonner-toast][data-expanded='false'][data-front='false'][data-styled='true'] > * {
-  opacity: 0;
-}
-[data-sonner-toast][data-visible='false'] {
-  opacity: 0;
-  pointer-events: none;
-}
-[data-sonner-toast][data-mounted='true'][data-expanded='true'] {
-  --y: translateY(calc(var(--lift) * var(--offset)));
-  height: var(--initial-height);
-}
-[data-sonner-toast][data-removed='true'][data-front='true'][data-swipe-out='false'] {
-  --y: translateY(calc(var(--lift) * -100%));
-  opacity: 0;
-}
-[data-sonner-toast][data-removed='true'][data-front='false'][data-swipe-out='false'][data-expanded='true'] {
-  --y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));
-  opacity: 0;
-}
-[data-sonner-toast][data-removed='true'][data-front='false'][data-swipe-out='false'][data-expanded='false'] {
-  --y: translateY(40%);
-  opacity: 0;
-  transition: transform 500ms, opacity 200ms;
-}
-[data-sonner-toast][data-removed='true'][data-front='false']::before {
-  height: calc(var(--initial-height) + 20%);
-}
-[data-sonner-toast][data-swiping='true'] {
-  transform: var(--y) translateY(var(--swipe-amount-y, 0px)) translateX(var(--swipe-amount-x, 0px));
-  transition: none;
-}
-[data-sonner-toast][data-swiped='true'] {
-  user-select: none;
-}
-[data-sonner-toast][data-swipe-out='true'][data-y-position='bottom'],
-[data-sonner-toast][data-swipe-out='true'][data-y-position='top'] {
-  animation-duration: 200ms;
-  animation-timing-function: ease-out;
-  animation-fill-mode: forwards;
-}
-[data-sonner-toast][data-swipe-out='true'][data-swipe-direction='left'] {
-  animation-name: swipe-out-left;
-}
-[data-sonner-toast][data-swipe-out='true'][data-swipe-direction='right'] {
-  animation-name: swipe-out-right;
-}
-[data-sonner-toast][data-swipe-out='true'][data-swipe-direction='up'] {
-  animation-name: swipe-out-up;
-}
-[data-sonner-toast][data-swipe-out='true'][data-swipe-direction='down'] {
-  animation-name: swipe-out-down;
-}
-@keyframes swipe-out-left {
-from {
-    transform: var(--y) translateX(var(--swipe-amount-x));
-    opacity: 1;
-}
-to {
-    transform: var(--y) translateX(calc(var(--swipe-amount-x) - 100%));
-    opacity: 0;
-}
-}
-@keyframes swipe-out-right {
-from {
-    transform: var(--y) translateX(var(--swipe-amount-x));
-    opacity: 1;
-}
-to {
-    transform: var(--y) translateX(calc(var(--swipe-amount-x) + 100%));
-    opacity: 0;
-}
-}
-@keyframes swipe-out-up {
-from {
-    transform: var(--y) translateY(var(--swipe-amount-y));
-    opacity: 1;
-}
-to {
-    transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%));
-    opacity: 0;
-}
-}
-@keyframes swipe-out-down {
-from {
-    transform: var(--y) translateY(var(--swipe-amount-y));
-    opacity: 1;
-}
-to {
-    transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%));
-    opacity: 0;
-}
-}
-@media (max-width: 600px) {
-[data-sonner-toaster] {
-    position: fixed;
-    right: var(--mobile-offset-right);
-    left: var(--mobile-offset-left);
-    width: 100%;
-}
-[data-sonner-toaster][dir='rtl'] {
-    left: calc(var(--mobile-offset-left) * -1);
-}
-[data-sonner-toaster] [data-sonner-toast] {
-    left: 0;
-    right: 0;
-    width: calc(100% - var(--mobile-offset-left) * 2);
-}
-[data-sonner-toaster][data-x-position='left'] {
-    left: var(--mobile-offset-left);
-}
-[data-sonner-toaster][data-y-position='bottom'] {
-    bottom: calc(var(--mobile-offset-bottom) + max(env(safe-area-inset-bottom), 0px));
-}
-[data-sonner-toaster][data-y-position='top'] {
-    top: calc(var(--mobile-offset-top) + max(env(safe-area-inset-top), 0px));
-}
-[data-sonner-toaster][data-x-position='center'] {
-    left: var(--mobile-offset-left);
-    right: var(--mobile-offset-right);
-    transform: none;
-}
-}
-[data-sonner-toaster][data-sonner-theme='light'] {
-  --normal-bg: #fff;
-  --normal-border: var(--gray4);
-  --normal-text: var(--gray12);
-
-  --success-bg: hsl(143, 85%, 96%);
-  --success-border: hsl(145, 92%, 87%);
-  --success-text: hsl(140, 100%, 27%);
-
-  --info-bg: hsl(208, 100%, 97%);
-  --info-border: hsl(221, 91%, 93%);
-  --info-text: hsl(210, 92%, 45%);
-
-  --warning-bg: hsl(49, 100%, 97%);
-  --warning-border: hsl(49, 91%, 84%);
-  --warning-text: hsl(31, 92%, 45%);
-
-  --error-bg: hsl(359, 100%, 97%);
-  --error-border: hsl(359, 100%, 94%);
-  --error-text: hsl(360, 100%, 45%);
-}
-[data-sonner-toaster][data-sonner-theme='light'] [data-sonner-toast][data-invert='true'] {
-  --normal-bg: #000;
-  --normal-border: hsl(0, 0%, 20%);
-  --normal-text: var(--gray1);
-}
-[data-sonner-toaster][data-sonner-theme='dark'] [data-sonner-toast][data-invert='true'] {
-  --normal-bg: #fff;
-  --normal-border: var(--gray3);
-  --normal-text: var(--gray12);
-}
-[data-sonner-toaster][data-sonner-theme='dark'] {
-  --normal-bg: #000;
-  --normal-bg-hover: hsl(0, 0%, 12%);
-  --normal-border: hsl(0, 0%, 20%);
-  --normal-border-hover: hsl(0, 0%, 25%);
-  --normal-text: var(--gray1);
-
-  --success-bg: hsl(150, 100%, 6%);
-  --success-border: hsl(147, 100%, 12%);
-  --success-text: hsl(150, 86%, 65%);
-
-  --info-bg: hsl(215, 100%, 6%);
-  --info-border: hsl(223, 43%, 17%);
-  --info-text: hsl(216, 87%, 65%);
-
-  --warning-bg: hsl(64, 100%, 6%);
-  --warning-border: hsl(60, 100%, 9%);
-  --warning-text: hsl(46, 87%, 65%);
-
-  --error-bg: hsl(358, 76%, 10%);
-  --error-border: hsl(357, 89%, 16%);
-  --error-text: hsl(358, 100%, 81%);
-}
-[data-sonner-toaster][data-sonner-theme='dark'] [data-sonner-toast] [data-close-button] {
-  background: var(--normal-bg);
-  border-color: var(--normal-border);
-  color: var(--normal-text);
-}
-[data-sonner-toaster][data-sonner-theme='dark'] [data-sonner-toast] [data-close-button]:hover {
-  background: var(--normal-bg-hover);
-  border-color: var(--normal-border-hover);
-}
-[data-rich-colors='true'][data-sonner-toast][data-type='success'] {
-  background: var(--success-bg);
-  border-color: var(--success-border);
-  color: var(--success-text);
-}
-[data-rich-colors='true'][data-sonner-toast][data-type='success'] [data-close-button] {
-  background: var(--success-bg);
-  border-color: var(--success-border);
-  color: var(--success-text);
-}
-[data-rich-colors='true'][data-sonner-toast][data-type='info'] {
-  background: var(--info-bg);
-  border-color: var(--info-border);
-  color: var(--info-text);
-}
-[data-rich-colors='true'][data-sonner-toast][data-type='info'] [data-close-button] {
-  background: var(--info-bg);
-  border-color: var(--info-border);
-  color: var(--info-text);
-}
-[data-rich-colors='true'][data-sonner-toast][data-type='warning'] {
-  background: var(--warning-bg);
-  border-color: var(--warning-border);
-  color: var(--warning-text);
-}
-[data-rich-colors='true'][data-sonner-toast][data-type='warning'] [data-close-button] {
-  background: var(--warning-bg);
-  border-color: var(--warning-border);
-  color: var(--warning-text);
-}
-[data-rich-colors='true'][data-sonner-toast][data-type='error'] {
-  background: var(--error-bg);
-  border-color: var(--error-border);
-  color: var(--error-text);
-}
-[data-rich-colors='true'][data-sonner-toast][data-type='error'] [data-close-button] {
-  background: var(--error-bg);
-  border-color: var(--error-border);
-  color: var(--error-text);
-}
-.sonner-loading-wrapper {
-  --size: 16px;
-  height: var(--size);
-  width: var(--size);
-  position: absolute;
-  inset: 0;
-  z-index: 10;
-}
-.sonner-loading-wrapper[data-visible='false'] {
-  transform-origin: center;
-  animation: sonner-fade-out 0.2s ease forwards;
-}
-.sonner-spinner {
-  position: relative;
-  top: 50%;
-  left: 50%;
-  height: var(--size);
-  width: var(--size);
-}
-.sonner-loading-bar {
-  animation: sonner-spin 1.2s linear infinite;
-  background: var(--gray11);
-  border-radius: 6px;
-  height: 8%;
-  left: -10%;
-  position: absolute;
-  top: -3.9%;
-  width: 24%;
-}
-.sonner-loading-bar:nth-child(1) {
-  animation-delay: -1.2s;
-  transform: rotate(0.0001deg) translate(146%);
-}
-.sonner-loading-bar:nth-child(2) {
-  animation-delay: -1.1s;
-  transform: rotate(30deg) translate(146%);
-}
-.sonner-loading-bar:nth-child(3) {
-  animation-delay: -1s;
-  transform: rotate(60deg) translate(146%);
-}
-.sonner-loading-bar:nth-child(4) {
-  animation-delay: -0.9s;
-  transform: rotate(90deg) translate(146%);
-}
-.sonner-loading-bar:nth-child(5) {
-  animation-delay: -0.8s;
-  transform: rotate(120deg) translate(146%);
-}
-.sonner-loading-bar:nth-child(6) {
-  animation-delay: -0.7s;
-  transform: rotate(150deg) translate(146%);
-}
-.sonner-loading-bar:nth-child(7) {
-  animation-delay: -0.6s;
-  transform: rotate(180deg) translate(146%);
-}
-.sonner-loading-bar:nth-child(8) {
-  animation-delay: -0.5s;
-  transform: rotate(210deg) translate(146%);
-}
-.sonner-loading-bar:nth-child(9) {
-  animation-delay: -0.4s;
-  transform: rotate(240deg) translate(146%);
-}
-.sonner-loading-bar:nth-child(10) {
-  animation-delay: -0.3s;
-  transform: rotate(270deg) translate(146%);
-}
-.sonner-loading-bar:nth-child(11) {
-  animation-delay: -0.2s;
-  transform: rotate(300deg) translate(146%);
-}
-.sonner-loading-bar:nth-child(12) {
-  animation-delay: -0.1s;
-  transform: rotate(330deg) translate(146%);
-}
-@keyframes sonner-fade-in {
-0% {
-    opacity: 0;
-    transform: scale(0.8);
-}
-100% {
-    opacity: 1;
-    transform: scale(1);
-}
-}
-@keyframes sonner-fade-out {
-0% {
-    opacity: 1;
-    transform: scale(1);
-}
-100% {
-    opacity: 0;
-    transform: scale(0.8);
-}
-}
-@keyframes sonner-spin {
-0% {
-    opacity: 1;
-}
-100% {
-    opacity: 0.15;
-}
-}
-@media (prefers-reduced-motion) {
-[data-sonner-toast],
-  [data-sonner-toast] > *,
-  .sonner-loading-bar {
-    transition: none !important;
-    animation: none !important;
-}
-}
-.sonner-loader {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  transform-origin: center;
-  transition: opacity 200ms, transform 200ms;
-}
-.sonner-loader[data-visible='false'] {
-  opacity: 0;
-  transform: scale(0.8) translate(-50%, -50%);
-}
-
-
 /*
  * 内置图标：Lucide 走 --rs-icon-color；品牌 mark 走 --rs-icon-{name}-accent。
  * 色值在 styles/index.css 的主题块里，这里只写图形规则。
@@ -886,12 +242,22 @@ html {
   --rs-code-font-family: var(--rs-font-mono);
   --rs-code-font-size: var(--rs-font-size-sm);
   --rs-code-line-height: var(--rs-line-height-relaxed);
+  /* 行内编辑面板宽度。颜色不在这里，跟 data-rs-theme 的语义色。 */
+  --rs-code-editor-inline-width: 28rem;
 
   /* 富文本阅读面（RsProseEditor） */
   --rs-prose-font-family: var(--rs-font-serif);
   --rs-prose-font-size: var(--rs-font-size-base);
   --rs-prose-line-height: var(--rs-line-height-relaxed);
 
+  /* 日志排版。行高保持 1.45，虚拟行默认 24px 与之对齐。 */
+  --rs-log-font-family: var(--rs-font-mono);
+  --rs-log-font-size: var(--rs-font-size-xs);
+  --rs-log-line-height: 1.45;
+  --rs-log-marker-width: 0.2rem;
+  --rs-log-level-min: 3.6rem;
+  --rs-log-accent-width: 0.125rem;
+
   /* 终端排版（xterm 构造时读取；宿主可单独覆盖） */
   --rs-terminal-font-family: var(--rs-font-mono);
   --rs-terminal-font-size: var(--rs-font-size-sm);
@@ -923,6 +289,12 @@ html {
   /* 顶栏加载条：高于 modal，低于 toast，避免遮挡通知 */
   --rs-z-loading-bar: 190;
   --rs-z-toast: 200;
+  /* 挂到 body 的提示必须盖住 Dialog。--rs-z-tooltip 仍是页内低层，不要拿来做这层。 */
+  --rs-tooltip-z: calc(var(--rs-z-modal) + 2);
+  --rs-tooltip-max-width: min(20rem, 90vw);
+  --rs-tooltip-max-width-nowrap: min(48rem, 90vw);
+  --rs-tooltip-pad-block: 0.375rem;
+  --rs-tooltip-pad-inline: 0.625rem;
 
   --rs-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
   --rs-transition-normal: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
@@ -967,6 +339,61 @@ html {
   --rs-menu-item-font-size: var(--rs-font-size-sm);
   --rs-menu-item-radius: var(--rs-radius-sm);
   --rs-menu-item-active-weight: var(--rs-font-weight-medium);
+  --rs-menu-item-pad-inline: var(--rs-space-sm);
+  --rs-menu-gap: calc(var(--rs-space-xs) / 2);
+  --rs-menu-indent: 0.875rem;
+  --rs-menu-flyout-min-width: 10rem;
+  --rs-menu-flyout-max-width: 16rem;
+  --rs-menu-flyout-pad: var(--rs-space-xs);
+  --rs-menu-disabled-opacity: 0.38;
+
+  /* Dropdown（命令菜单）。尺寸静态；颜色在主题块内。 */
+  --rs-dropdown-trigger-min-width: 10rem;
+  --rs-dropdown-fit-min-width: 10.5rem;
+  --rs-dropdown-pad: var(--rs-space-xs);
+  --rs-dropdown-item-gap: var(--rs-space-sm);
+  --rs-dropdown-item-pad-block: var(--rs-space-sm);
+  --rs-dropdown-item-pad-inline: var(--rs-space-md);
+  --rs-dropdown-item-radius: var(--rs-radius-sm);
+  --rs-dropdown-item-font-size: var(--rs-font-size-sm);
+  --rs-dropdown-trigger-height: var(--rs-control-height-md);
+  --rs-dropdown-max-height: 16rem;
+  --rs-dropdown-disabled-opacity: 0.38;
+
+  /* Context menu。尺寸在此；颜色别名语义 token，随 data-rs-theme。挂到 body 须盖住 Dialog。 */
+  --rs-ctx-z: calc(var(--rs-z-modal) + 2);
+  --rs-ctx-min-width: 11rem;
+  --rs-ctx-max-width: 22rem;
+  --rs-ctx-pad: 5px;
+  --rs-ctx-radius: 10px;
+  --rs-ctx-item-height: 1.5rem;
+  --rs-ctx-item-radius: 6px;
+  --rs-ctx-font-size: var(--rs-font-size-xs);
+  --rs-ctx-icon-col: 28px;
+  --rs-ctx-disabled-opacity: 0.38;
+  --rs-ctx-motion-in: 0.13s;
+  --rs-ctx-motion-sub: 0.1s;
+  --rs-ctx-bg: var(--rs-surface-elevated);
+  --rs-ctx-fg: var(--rs-text-primary);
+  --rs-ctx-muted: var(--rs-text-tertiary);
+  --rs-ctx-border: var(--rs-border);
+  --rs-ctx-separator: var(--rs-border-subtle);
+  --rs-ctx-shadow: var(--rs-shadow-lg);
+  --rs-ctx-danger: var(--rs-danger);
+  --rs-ctx-item-active-bg: var(--rs-primary);
+  --rs-ctx-item-active-fg: var(--rs-primary-foreground);
+  --rs-ctx-item-active-muted: color-mix(in srgb, var(--rs-primary-foreground) 75%, transparent);
+
+  /* Popover（气泡卡片）。尺寸静态；颜色在主题块内。 */
+  --rs-popover-pad: 0.75rem;
+  --rs-popover-radius: var(--rs-radius-sm);
+  --rs-popover-font-size: var(--rs-font-size-sm);
+  --rs-popover-width-sm: 12rem;
+  --rs-popover-width-md: 16rem;
+  --rs-popover-width-lg: 22rem;
+  --rs-popover-width-auto-min: 10rem;
+  --rs-popover-title-gap: var(--rs-space-xs);
+  --rs-popover-shadow: var(--rs-shadow);
 
   /*
    * Anchor（页内目录）。颜色走主题 token 别名，随 data-rs-theme。
@@ -999,6 +426,69 @@ html {
   --rs-breadcrumb-current-weight: var(--rs-font-weight-medium);
   --rs-breadcrumb-disabled-opacity: 0.45;
 
+  /*
+   * Steps（向导进度）。尺寸静态；颜色在主题块内，随 data-rs-theme。
+   */
+  --rs-steps-gap: var(--rs-space-md);
+  --rs-steps-item-gap: var(--rs-space-md);
+  --rs-steps-trigger-gap: var(--rs-space-sm);
+  --rs-steps-indicator-size-ssm: 1.25rem;
+  --rs-steps-indicator-size-sm: 1.5rem;
+  --rs-steps-indicator-size-md: 1.75rem;
+  --rs-steps-indicator-size-lg: 2rem;
+  --rs-steps-dot-size: 0.5rem;
+  --rs-steps-separator-size: 1px;
+  --rs-steps-separator-min: 1.5rem;
+  --rs-steps-title-weight: var(--rs-font-weight-semibold);
+  --rs-steps-disabled-opacity: 0.45;
+
+  /*
+   * Pagination（页码条）。尺寸静态；颜色在主题块内，随 data-rs-theme。
+   */
+  --rs-pagination-gap: var(--rs-space-sm);
+  --rs-pagination-item-gap: var(--rs-space-xs);
+  --rs-pagination-item-pad-inline: var(--rs-space-sm);
+  --rs-pagination-jumper-width: 3rem;
+  --rs-pagination-size-width: 7.25rem;
+  --rs-pagination-radius: var(--rs-radius-sm);
+  --rs-pagination-active-weight: var(--rs-font-weight-semibold);
+  --rs-pagination-disabled-opacity: 0.45;
+
+  /*
+   * Tabs（同级切换）。尺寸静态；颜色在主题块内，随 data-rs-theme。
+   */
+  --rs-tabs-trigger-gap: 0.375rem;
+  --rs-tabs-label-max: 12rem;
+  --rs-tabs-more-label-max: 7rem;
+  --rs-tabs-close-size: 1rem;
+  --rs-tabs-ink-size: 2px;
+  --rs-tabs-disabled-opacity: 0.38;
+  --rs-tabs-rail-min: 7rem;
+  --rs-tabs-rail-max: 14rem;
+  --rs-tabs-content-gap: 0px;
+
+  /*
+   * Sidebar（工作台侧栏）。尺寸静态；颜色在主题块内，随 data-rs-theme。
+   */
+  --rs-sidebar-width-sm: 14rem;
+  --rs-sidebar-width-md: 17rem;
+  --rs-sidebar-width-lg: 21rem;
+  --rs-sidebar-width-collapsed: 4rem;
+  --rs-sidebar-pad: var(--rs-space-md);
+  --rs-sidebar-body-pad: var(--rs-space-sm);
+  --rs-sidebar-gap: var(--rs-space-sm);
+  --rs-sidebar-group-gap: var(--rs-space-md);
+  --rs-sidebar-disabled-opacity: 0.38;
+
+  /*
+   * SplitPane（可拖分栏）。尺寸静态；颜色在主题块内，随 data-rs-theme。
+   */
+  --rs-split-resizer-size: 1px;
+  --rs-split-hit-slop: 4px;
+  --rs-split-grip-inline: 0.875rem;
+  --rs-split-grip-block: 1.5rem;
+  --rs-split-disabled-opacity: 0.5;
+
   /*
    * 表单标签（RsLabel / .rs-field__label 共用）
    * 默认对齐 Ant Form：与正文同档 14px；颜色在主题块内。
@@ -1069,6 +559,31 @@ html {
   /* Lucide / 线性图标。品牌 mark 色在可选 niuma-ui/brand-icons.css */
   --rs-icon-color: currentColor;
 
+  /* 虚拟列表。超长时滚动条压缩，行本身仍是真实像素。 */
+  --rs-virtual-list-border: var(--rs-border-subtle);
+  --rs-virtual-list-bg: var(--rs-surface);
+  --rs-virtual-list-fg: var(--rs-text-primary);
+  --rs-virtual-list-accent: var(--rs-primary);
+  --rs-virtual-list-accent-width: 0.125rem;
+  --rs-virtual-list-active-bg: color-mix(in srgb, var(--rs-primary) 14%, var(--rs-surface));
+
+  /* Monaco。语法色继承 vs / vs-dark，表面色跟主题 token。 */
+  --rs-monaco-border: var(--rs-border);
+  --rs-monaco-bg: var(--rs-surface-elevated);
+  --rs-monaco-fg: var(--rs-text-primary);
+  --rs-monaco-gutter: var(--rs-surface);
+  --rs-monaco-gutter-fg: var(--rs-text-tertiary);
+  --rs-monaco-line-highlight: var(--rs-surface-hover);
+  --rs-monaco-selection: var(--rs-primary-container);
+  --rs-monaco-widget-bg: var(--rs-surface-elevated);
+  --rs-monaco-widget-border: var(--rs-border);
+  --rs-monaco-radius: var(--rs-radius);
+  --rs-monaco-padding: 0.5rem;
+  --rs-monaco-scrollbar-size: 0.5rem;
+  --rs-monaco-glyph-width: 1rem;
+  --rs-monaco-decoration-width: 0.25rem;
+  --rs-monaco-disabled-opacity: 0.72;
+
   /* macOS 风格原生滚动条（与 RsScrollbar 视觉一致） */
   --rs-scrollbar-size: 13px;
   --rs-scrollbar-padding: 2px;
@@ -1090,30 +605,29 @@ html {
   --rs-surface-hover: #2e2e2e;
   --rs-item-hover: rgb(255 255 255 / 0.08);
 
-  /* ── Table（VS Code Dark Modern 列表/表格语义）──
-   * 灰阶斑马纹 + 主色选中（选中与条纹语义分离） */
+  /* ── Table：跟语义色，品牌覆盖 --rs-surface / --rs-text-primary 即生效 ── */
   --rs-table-radius: var(--rs-radius-sm);
-  --rs-table-border: #2b2b2b;
-  --rs-table-cell-divider: #262626;
-  --rs-table-fg: #dddddd;
-  --rs-table-muted-fg: #9d9d9d;
-  --rs-table-bg: #1f1f1f;
-  --rs-table-bg-header: #1f1f1f;
-  --rs-table-body-bg: #1f1f1f;
-  --rs-table-header-bg: #1f1f1f;
-  --rs-table-header-fg: #f3f3f3;
+  --rs-table-border: var(--rs-border);
+  --rs-table-cell-divider: var(--rs-border);
+  --rs-table-fg: var(--rs-text-primary);
+  --rs-table-muted-fg: var(--rs-text-tertiary);
+  --rs-table-bg: var(--rs-surface);
+  --rs-table-bg-header: var(--rs-surface);
+  --rs-table-body-bg: var(--rs-surface);
+  --rs-table-header-bg: var(--rs-surface);
+  --rs-table-header-fg: var(--rs-text-primary);
   --rs-table-header-weight: var(--rs-font-weight-semibold);
   --rs-table-header-size: var(--rs-table-cell-size, var(--rs-font-size-xs));
   --rs-table-cell-size: var(--rs-font-size-xs);
-  --rs-table-cell-weight: 400;
-  --rs-table-footer-bg: #1f1f1f;
-  --rs-table-group-bg: #2d2d2d;
-  --rs-table-expand-bg: #2d2d2d;
-  --rs-table-row-stripe: #2d2d2d;
-  --rs-table-row-hover: #363636;
+  --rs-table-cell-weight: var(--rs-font-weight-regular);
+  --rs-table-footer-bg: var(--rs-surface);
+  --rs-table-group-bg: var(--rs-surface-elevated);
+  --rs-table-expand-bg: var(--rs-surface-elevated);
+  --rs-table-row-stripe: color-mix(in srgb, var(--rs-text-primary) 6%, var(--rs-surface));
+  --rs-table-row-hover: var(--rs-item-hover);
   --rs-table-row-selected: color-mix(in srgb, var(--rs-primary) 22%, var(--rs-table-body-bg));
   --rs-table-row-selected-hover: color-mix(in srgb, var(--rs-primary) 30%, var(--rs-table-body-bg));
-  --rs-table-row-selected-fg: #ffffff;
+  --rs-table-row-selected-fg: var(--rs-text-primary);
   --rs-table-row-selected-accent: var(--rs-primary);
   --rs-table-row-highlight: color-mix(in srgb, var(--rs-primary) 12%, var(--rs-table-body-bg));
   --rs-table-row-highlight-hover: color-mix(in srgb, var(--rs-primary) 18%, var(--rs-table-body-bg));
@@ -1122,10 +636,10 @@ html {
   --rs-table-gutter-bg: color-mix(in srgb, var(--rs-border) 10%, var(--rs-table-header-bg));
   --rs-table-gutter-border: var(--rs-table-cell-divider);
   --rs-table-scrollbar-corner: var(--rs-table-bg-header);
-  --rs-table-checkbox-bg: #313131;
+  --rs-table-checkbox-bg: var(--rs-surface);
   --rs-table-sort-active-fg: var(--rs-primary);
   --rs-table-drop-indicator: var(--rs-primary);
-  --rs-table-resize-handle: #6e6e6e;
+  --rs-table-resize-handle: var(--rs-table-cell-divider);
   --rs-table-resize-handle-hover: var(--rs-primary);
 
   /* ── Tree（导航线 / 行选中 / 焦点；业务可覆盖）── */
@@ -1139,6 +653,9 @@ html {
   --rs-tree-selected-focused-bg: color-mix(in srgb, var(--rs-primary) 16%, var(--rs-surface));
   --rs-tree-selected-focused-ring: color-mix(in srgb, var(--rs-primary) 36%, transparent);
   --rs-tree-drop-indicator: var(--rs-primary);
+  --rs-tree-drop-inside-bg: color-mix(in srgb, var(--rs-primary) 8%, transparent);
+  --rs-tree-highlight-bg: color-mix(in srgb, var(--rs-warning) 45%, transparent);
+  --rs-tree-check-fg: var(--rs-primary-foreground);
 
   /* VS Code 式抬升型输入底（比内容略亮），非 macOS 凹陷井 */
   /* WCAG AA: input-border 3.18:1 vs #2b2b2b; border 3.24:1 vs #1f1f1f; placeholder 4.5:1 vs #2b2b2b */
@@ -1149,10 +666,10 @@ html {
   --rs-border: #6e6e6e;
   --rs-border-subtle: #3a3a3a;
   /*
-   * Button secondary/default：轮廓与底色独立于分隔线 --rs-border，
+   * Button secondary/default：描边跟输入框，不另用更亮的实色灰。
    * 业务可用 --rs-btn-* 覆盖（见 theme/brand.example.css）。
    */
-  --rs-btn-outline-border: #a3a3a3;
+  --rs-btn-outline-border: var(--rs-input-border);
   --rs-btn-secondary-bg: var(--rs-surface-hover);
   --rs-btn-secondary-bg-hover: color-mix(in srgb, var(--rs-primary) 16%, var(--rs-surface-hover));
   --rs-btn-secondary-bg-active: color-mix(in srgb, var(--rs-primary) 24%, var(--rs-surface-hover));
@@ -1172,6 +689,55 @@ html {
   --rs-breadcrumb-link-hover-bg: var(--rs-surface-hover);
   --rs-breadcrumb-current: var(--rs-text-primary);
   --rs-breadcrumb-sep: var(--rs-text-secondary);
+  --rs-steps-title: var(--rs-text-secondary);
+  --rs-steps-title-active: var(--rs-text-primary);
+  --rs-steps-title-error: var(--rs-on-danger-container);
+  --rs-steps-description: var(--rs-text-secondary);
+  --rs-steps-wait-bg: var(--rs-surface-hover);
+  --rs-steps-wait-fg: var(--rs-text-secondary);
+  --rs-steps-process-bg: var(--rs-primary);
+  --rs-steps-process-fg: var(--rs-primary-foreground);
+  --rs-steps-finish-bg: var(--rs-primary);
+  --rs-steps-finish-fg: var(--rs-primary-foreground);
+  --rs-steps-error-bg: var(--rs-danger-container);
+  --rs-steps-error-fg: var(--rs-on-danger-container);
+  --rs-steps-separator: var(--rs-border);
+  --rs-steps-separator-finish: var(--rs-primary);
+  --rs-pagination-text: var(--rs-text-secondary);
+  --rs-pagination-item: var(--rs-text-primary);
+  --rs-pagination-item-hover: var(--rs-surface-hover);
+  --rs-pagination-item-active: var(--rs-primary);
+  --rs-pagination-ellipsis: var(--rs-text-secondary);
+  --rs-tabs-text: var(--rs-text-secondary);
+  --rs-tabs-text-hover: var(--rs-text-primary);
+  --rs-tabs-text-active: var(--rs-primary);
+  --rs-tabs-surface: var(--rs-surface);
+  --rs-tabs-border: var(--rs-border);
+  --rs-tabs-border-subtle: var(--rs-border-subtle);
+  --rs-tabs-ink: var(--rs-primary);
+  --rs-tabs-badge-bg: var(--rs-surface-hover);
+  --rs-tabs-badge-active-bg: color-mix(in srgb, var(--rs-primary) 12%, transparent);
+  --rs-tabs-segmented-track: var(--rs-surface-hover);
+  --rs-sidebar-border: var(--rs-border-subtle);
+  --rs-sidebar-bg: color-mix(in srgb, var(--rs-surface) 88%, transparent);
+  --rs-sidebar-title: var(--rs-text-primary);
+  --rs-sidebar-subtitle: var(--rs-text-secondary);
+  --rs-sidebar-item: var(--rs-text-secondary);
+  --rs-sidebar-item-hover: var(--rs-text-primary);
+  --rs-sidebar-item-hover-bg: var(--rs-item-hover);
+  --rs-sidebar-item-active: var(--rs-primary);
+  --rs-sidebar-item-active-bg: color-mix(in srgb, var(--rs-primary) 12%, transparent);
+  --rs-sidebar-badge: var(--rs-text-inverse);
+  --rs-sidebar-badge-bg: var(--rs-primary);
+  --rs-split-resizer: var(--rs-border-subtle);
+  --rs-split-resizer-hover: var(--rs-border);
+  --rs-split-resizer-active: var(--rs-primary);
+  --rs-split-grip-fg: var(--rs-text-tertiary);
+  --rs-split-grip-bg: var(--rs-surface-elevated);
+  --rs-split-grip-border: var(--rs-border);
+  --rs-split-grip-active-fg: var(--rs-primary-foreground);
+  --rs-split-grip-active-bg: var(--rs-primary);
+  --rs-split-grip-active-border: var(--rs-primary);
   --rs-danger: #ff453a;
   --rs-danger-container: #3b1210;
   --rs-on-danger-container: #ff8a84;
@@ -1232,13 +798,38 @@ html {
   --rs-dynamic-tags-disabled-opacity: 0.38;
 
   /* ── Menu（侧栏 / 导航；业务可在父级覆盖，无需 :deep）── */
-  --rs-menu-item-fg: var(--rs-muted);
-  --rs-menu-item-fg-hover: var(--rs-text);
+  --rs-menu-item-fg: var(--rs-text-secondary);
+  --rs-menu-item-fg-hover: var(--rs-text-primary);
   --rs-menu-item-bg-hover: var(--rs-surface-hover);
   --rs-menu-item-active-fg: var(--rs-primary);
   --rs-menu-item-active-bg: color-mix(in srgb, var(--rs-primary) 12%, transparent);
   --rs-menu-item-active-parent-fg: var(--rs-primary);
   --rs-menu-item-active-parent-bg: transparent;
+  --rs-menu-group-label-fg: var(--rs-text-secondary);
+  --rs-menu-arrow-fg: var(--rs-text-tertiary);
+
+  /* ── Dropdown（命令菜单；随 data-rs-theme）── */
+  --rs-dropdown-fg: var(--rs-text-primary);
+  --rs-dropdown-fg-muted: var(--rs-text-secondary);
+  --rs-dropdown-fg-placeholder: var(--rs-text-tertiary);
+  --rs-dropdown-bg: var(--rs-surface-elevated);
+  --rs-dropdown-border: var(--rs-border);
+  --rs-dropdown-divider: var(--rs-border-subtle);
+  --rs-dropdown-trigger-bg: var(--rs-input-bg);
+  --rs-dropdown-trigger-border: var(--rs-input-border, var(--rs-border));
+  --rs-dropdown-trigger-border-hover: var(--rs-input-border-hover, var(--rs-border));
+  --rs-dropdown-trigger-shadow: var(--rs-input-shadow, none);
+  --rs-dropdown-item-hover: var(--rs-item-hover);
+  --rs-dropdown-item-active-fg: var(--rs-primary);
+  --rs-dropdown-item-active-bg: color-mix(in srgb, var(--rs-primary) 12%, transparent);
+  --rs-dropdown-danger-fg: var(--rs-danger);
+
+  /* ── Popover（气泡卡片；随 data-rs-theme）── */
+  --rs-popover-fg: var(--rs-text-primary);
+  --rs-popover-fg-muted: var(--rs-text-secondary);
+  --rs-popover-bg: var(--rs-surface-elevated);
+  --rs-popover-border: var(--rs-border);
+  --rs-popover-title-fg: var(--rs-text-primary);
 
   /* ── Alert（反馈条；正文色可按主题单独调）── */
   --rs-alert-radius: var(--rs-radius);
@@ -1246,15 +837,59 @@ html {
   --rs-alert-padding-y: var(--rs-space-md);
   --rs-alert-padding-x: var(--rs-space-lg);
   --rs-alert-border-alpha: 35%;
-  --rs-alert-content-fg: var(--rs-muted);
+  --rs-alert-content-fg: var(--rs-text-secondary);
+  --rs-alert-content-alpha: 78%;
+
+  /* ── Loading（指示器；tone 在组件上改 --rs-loading-accent）── */
+  --rs-loading-gap: var(--rs-space-sm);
+  --rs-loading-pad: var(--rs-space-xl);
+  --rs-loading-label: var(--rs-text-secondary);
+  --rs-loading-track: color-mix(in srgb, var(--rs-text-tertiary) 35%, transparent);
+  --rs-loading-accent: var(--rs-primary);
+  --rs-loading-overlay: color-mix(in srgb, var(--rs-surface) 72%, transparent);
+  --rs-loading-skeleton: var(--rs-surface-hover);
+  --rs-loading-skeleton-shine: color-mix(in srgb, var(--rs-border) 55%, transparent);
+  --rs-loading-stroke: 2px;
+  --rs-loading-spinner-sm: 0.875rem;
+  --rs-loading-spinner-md: 1.125rem;
+  --rs-loading-spinner-lg: 1.5rem;
+  --rs-loading-dot-sm: 0.25rem;
+  --rs-loading-dot-md: 0.375rem;
+  --rs-loading-dot-lg: 0.5rem;
+  --rs-loading-skeleton-h-sm: 0.5rem;
+  --rs-loading-skeleton-h-md: 0.75rem;
+  --rs-loading-skeleton-h-lg: 1rem;
+  --rs-loading-z: 1;
+  --rs-loading-blur: 0.125rem;
+  --rs-loading-spin-duration: 0.7s;
+  --rs-loading-bounce-duration: 1s;
+  --rs-loading-shimmer-duration: 1.2s;
+
+  /* ── LoadingBar（顶栏进度；色跟语义 token，可被 color / errorColor 覆盖）── */
+  --rs-loading-bar-size: 2px;
+  --rs-loading-bar-color: var(--rs-primary);
+  --rs-loading-bar-error: var(--rs-danger);
 
   /* ── Descriptions（描述列表栅格）── */
   --rs-descriptions-radius: var(--rs-radius);
   --rs-descriptions-border: var(--rs-border);
+  --rs-descriptions-label-width: 7.5rem;
+  --rs-descriptions-title: var(--rs-text-primary);
   /* 标签列用实色表面混合，避免 surface-hover 被桥成透明 overlay 时失效 */
   --rs-descriptions-label-bg: color-mix(in srgb, var(--rs-surface-hover) 72%, var(--rs-surface));
-  --rs-descriptions-label-fg: var(--rs-muted);
-  --rs-descriptions-value-fg: var(--rs-text);
+  --rs-descriptions-label-fg: var(--rs-text-secondary);
+  --rs-descriptions-value-fg: var(--rs-text-primary);
+
+  /* ── CodeBlock（只读代码；外壳跟语义 token，深色语法仍用 oneDark）── */
+  --rs-code-block-bg: var(--rs-surface-elevated);
+  --rs-code-block-fg: var(--rs-text-primary);
+  --rs-code-block-muted: var(--rs-text-tertiary);
+  --rs-code-block-border: var(--rs-border-subtle);
+  --rs-code-block-bar-bg: color-mix(in srgb, var(--rs-surface-elevated) 80%, var(--rs-border) 20%);
+  --rs-code-block-gutter: color-mix(in srgb, var(--rs-surface-elevated) 85%, var(--rs-border) 15%);
+  --rs-code-block-highlight: color-mix(in srgb, var(--rs-primary) 14%, transparent);
+  --rs-code-block-max-height: 32rem;
+  --rs-code-block-transition: 120ms;
 
   /* ── Card（macOS grouped panel / inset 分组卡片）── */
   --rs-card-border: #3a3a3a;
@@ -1333,6 +968,11 @@ html {
   --rs-log-fatal: var(--rs-danger);
   --rs-log-hit-bg: color-mix(in srgb, var(--rs-warning) 38%, var(--rs-log-bg));
   --rs-log-hit-fg: var(--rs-log-fg);
+  --rs-log-accent: var(--rs-primary);
+  --rs-log-active-bg: color-mix(in srgb, var(--rs-primary) 12%, var(--rs-log-bg));
+  --rs-log-chrome-bg: color-mix(in srgb, var(--rs-log-bg) 88%, var(--rs-surface-hover));
+  --rs-log-chip-on-bg: color-mix(in srgb, var(--rs-primary) 14%, transparent);
+  --rs-log-chip-on-border: color-mix(in srgb, var(--rs-primary) 45%, var(--rs-log-border));
 
   --rs-shadow-sm: 0 1px 3px rgb(0 0 0 / 0.4);
   --rs-shadow: 0 4px 16px rgb(0 0 0 / 0.45), 0 0 0 0.5px rgb(255 255 255 / 0.08);
@@ -1355,41 +995,41 @@ html {
   --rs-surface-hover: #e8e8ed;
   --rs-item-hover: rgb(0 0 0 / 0.05);
 
-  /* ── Table（VS Code Light Modern 列表/表格语义）── */
+  /* ── Table：跟语义色。表头比表体略沉一档，仍不写死 hex ── */
   --rs-table-radius: var(--rs-radius-sm);
-  --rs-table-border: #e5e5e5;
-  --rs-table-cell-divider: #e5e5e5;
-  --rs-table-fg: #333333;
-  --rs-table-muted-fg: #616161;
-  --rs-table-bg: #ffffff;
-  --rs-table-bg-header: #f8f8f8;
-  --rs-table-body-bg: #ffffff;
-  --rs-table-header-bg: #f8f8f8;
-  --rs-table-header-fg: #1a1a1a;
+  --rs-table-border: var(--rs-border);
+  --rs-table-cell-divider: var(--rs-border);
+  --rs-table-fg: var(--rs-text-primary);
+  --rs-table-muted-fg: var(--rs-text-tertiary);
+  --rs-table-bg: var(--rs-surface);
+  --rs-table-bg-header: color-mix(in srgb, var(--rs-text-primary) 3%, var(--rs-surface));
+  --rs-table-body-bg: var(--rs-surface);
+  --rs-table-header-bg: var(--rs-table-bg-header);
+  --rs-table-header-fg: var(--rs-text-primary);
   --rs-table-header-weight: var(--rs-font-weight-semibold);
   --rs-table-header-size: var(--rs-table-cell-size, var(--rs-font-size-xs));
   --rs-table-cell-size: var(--rs-font-size-xs);
-  --rs-table-cell-weight: 400;
-  --rs-table-footer-bg: #f8f8f8;
-  --rs-table-group-bg: #f3f3f3;
-  --rs-table-expand-bg: #f3f3f3;
-  --rs-table-row-stripe: #f6f6f6;
-  --rs-table-row-hover: #f2f2f2;
+  --rs-table-cell-weight: var(--rs-font-weight-regular);
+  --rs-table-footer-bg: var(--rs-table-bg-header);
+  --rs-table-group-bg: color-mix(in srgb, var(--rs-text-primary) 4%, var(--rs-surface));
+  --rs-table-expand-bg: var(--rs-table-group-bg);
+  --rs-table-row-stripe: color-mix(in srgb, var(--rs-text-primary) 3%, var(--rs-surface));
+  --rs-table-row-hover: var(--rs-item-hover);
   --rs-table-row-selected: color-mix(in srgb, var(--rs-primary) 10%, var(--rs-table-body-bg));
   --rs-table-row-selected-hover: color-mix(in srgb, var(--rs-primary) 16%, var(--rs-table-body-bg));
-  --rs-table-row-selected-fg: var(--rs-text);
+  --rs-table-row-selected-fg: var(--rs-text-primary);
   --rs-table-row-selected-accent: var(--rs-primary);
   --rs-table-row-highlight: color-mix(in srgb, var(--rs-primary) 8%, var(--rs-table-body-bg));
   --rs-table-row-highlight-hover: color-mix(in srgb, var(--rs-primary) 12%, var(--rs-table-body-bg));
-  --rs-table-row-highlight-fg: var(--rs-text);
+  --rs-table-row-highlight-fg: var(--rs-text-primary);
   --rs-table-row-highlight-accent: color-mix(in srgb, var(--rs-primary) 45%, transparent);
   --rs-table-gutter-bg: color-mix(in srgb, var(--rs-border) 6%, var(--rs-table-header-bg));
   --rs-table-gutter-border: var(--rs-table-cell-divider);
   --rs-table-scrollbar-corner: var(--rs-table-bg-header);
-  --rs-table-checkbox-bg: #ffffff;
+  --rs-table-checkbox-bg: var(--rs-surface);
   --rs-table-sort-active-fg: var(--rs-primary);
   --rs-table-drop-indicator: var(--rs-primary);
-  --rs-table-resize-handle: #8c8c8c;
+  --rs-table-resize-handle: var(--rs-table-cell-divider);
   --rs-table-resize-handle-hover: var(--rs-primary);
 
   /* ── Tree（导航线 / 行选中 / 焦点；业务可覆盖）── */
@@ -1403,6 +1043,9 @@ html {
   --rs-tree-selected-focused-bg: color-mix(in srgb, var(--rs-primary) 10%, var(--rs-surface));
   --rs-tree-selected-focused-ring: color-mix(in srgb, var(--rs-primary) 28%, transparent);
   --rs-tree-drop-indicator: var(--rs-primary);
+  --rs-tree-drop-inside-bg: color-mix(in srgb, var(--rs-primary) 8%, transparent);
+  --rs-tree-highlight-bg: color-mix(in srgb, var(--rs-warning) 45%, transparent);
+  --rs-tree-check-fg: var(--rs-primary-foreground);
 
   /* macOS separator 风格：默认边框偏柔，focus 环承担可访问性反馈 */
   --rs-input-bg: #ffffff;
@@ -1412,10 +1055,10 @@ html {
   --rs-border: rgb(60 60 67 / 0.16);
   --rs-border-subtle: rgb(60 60 67 / 0.10);
   /*
-   * Button secondary/default：亮色分隔线偏淡，轮廓单独提高对比（≥3:1 vs 白底）。
-   * 业务覆盖 --rs-btn-* 即可，无需改组件。
+   * Button secondary/default：描边跟输入框（柔分隔线），焦点环负责强调。
+   * 需要更重的轮廓时覆盖 --rs-btn-outline-border。
    */
-  --rs-btn-outline-border: #6e6e73;
+  --rs-btn-outline-border: var(--rs-input-border);
   --rs-btn-secondary-bg: var(--rs-surface-hover);
   --rs-btn-secondary-bg-hover: color-mix(in srgb, var(--rs-primary) 12%, var(--rs-surface-hover));
   --rs-btn-secondary-bg-active: color-mix(in srgb, var(--rs-primary) 18%, var(--rs-surface-hover));
@@ -1435,6 +1078,55 @@ html {
   --rs-breadcrumb-link-hover-bg: var(--rs-surface-hover);
   --rs-breadcrumb-current: var(--rs-text-primary);
   --rs-breadcrumb-sep: var(--rs-text-secondary);
+  --rs-steps-title: var(--rs-text-secondary);
+  --rs-steps-title-active: var(--rs-text-primary);
+  --rs-steps-title-error: var(--rs-on-danger-container);
+  --rs-steps-description: var(--rs-text-secondary);
+  --rs-steps-wait-bg: var(--rs-surface-hover);
+  --rs-steps-wait-fg: var(--rs-text-secondary);
+  --rs-steps-process-bg: var(--rs-primary);
+  --rs-steps-process-fg: var(--rs-primary-foreground);
+  --rs-steps-finish-bg: var(--rs-primary);
+  --rs-steps-finish-fg: var(--rs-primary-foreground);
+  --rs-steps-error-bg: var(--rs-danger-container);
+  --rs-steps-error-fg: var(--rs-on-danger-container);
+  --rs-steps-separator: var(--rs-border);
+  --rs-steps-separator-finish: var(--rs-primary);
+  --rs-pagination-text: var(--rs-text-secondary);
+  --rs-pagination-item: var(--rs-text-primary);
+  --rs-pagination-item-hover: var(--rs-surface-hover);
+  --rs-pagination-item-active: var(--rs-primary);
+  --rs-pagination-ellipsis: var(--rs-text-secondary);
+  --rs-tabs-text: var(--rs-text-secondary);
+  --rs-tabs-text-hover: var(--rs-text-primary);
+  --rs-tabs-text-active: var(--rs-primary);
+  --rs-tabs-surface: var(--rs-surface);
+  --rs-tabs-border: var(--rs-border);
+  --rs-tabs-border-subtle: var(--rs-border-subtle);
+  --rs-tabs-ink: var(--rs-primary);
+  --rs-tabs-badge-bg: var(--rs-surface-hover);
+  --rs-tabs-badge-active-bg: color-mix(in srgb, var(--rs-primary) 12%, transparent);
+  --rs-tabs-segmented-track: var(--rs-surface-hover);
+  --rs-sidebar-border: var(--rs-border-subtle);
+  --rs-sidebar-bg: color-mix(in srgb, var(--rs-surface) 88%, transparent);
+  --rs-sidebar-title: var(--rs-text-primary);
+  --rs-sidebar-subtitle: var(--rs-text-secondary);
+  --rs-sidebar-item: var(--rs-text-secondary);
+  --rs-sidebar-item-hover: var(--rs-text-primary);
+  --rs-sidebar-item-hover-bg: var(--rs-item-hover);
+  --rs-sidebar-item-active: var(--rs-primary);
+  --rs-sidebar-item-active-bg: color-mix(in srgb, var(--rs-primary) 12%, transparent);
+  --rs-sidebar-badge: var(--rs-text-inverse);
+  --rs-sidebar-badge-bg: var(--rs-primary);
+  --rs-split-resizer: var(--rs-border-subtle);
+  --rs-split-resizer-hover: var(--rs-border);
+  --rs-split-resizer-active: var(--rs-primary);
+  --rs-split-grip-fg: var(--rs-text-tertiary);
+  --rs-split-grip-bg: var(--rs-surface-elevated);
+  --rs-split-grip-border: var(--rs-border);
+  --rs-split-grip-active-fg: var(--rs-primary-foreground);
+  --rs-split-grip-active-bg: var(--rs-primary);
+  --rs-split-grip-active-border: var(--rs-primary);
   --rs-danger: #ff3b30;
   --rs-danger-container: #ffe5e3;
   --rs-on-danger-container: #c41e16;
@@ -1493,13 +1185,38 @@ html {
   --rs-dynamic-tags-disabled-opacity: 0.38;
 
   /* ── Menu（侧栏 / 导航；业务可在父级覆盖，无需 :deep）── */
-  --rs-menu-item-fg: var(--rs-muted);
-  --rs-menu-item-fg-hover: var(--rs-text);
+  --rs-menu-item-fg: var(--rs-text-secondary);
+  --rs-menu-item-fg-hover: var(--rs-text-primary);
   --rs-menu-item-bg-hover: var(--rs-surface-hover);
   --rs-menu-item-active-fg: var(--rs-primary);
   --rs-menu-item-active-bg: color-mix(in srgb, var(--rs-primary) 12%, transparent);
   --rs-menu-item-active-parent-fg: var(--rs-primary);
   --rs-menu-item-active-parent-bg: transparent;
+  --rs-menu-group-label-fg: var(--rs-text-secondary);
+  --rs-menu-arrow-fg: var(--rs-text-tertiary);
+
+  /* ── Dropdown（命令菜单；随 data-rs-theme）── */
+  --rs-dropdown-fg: var(--rs-text-primary);
+  --rs-dropdown-fg-muted: var(--rs-text-secondary);
+  --rs-dropdown-fg-placeholder: var(--rs-text-tertiary);
+  --rs-dropdown-bg: var(--rs-surface-elevated);
+  --rs-dropdown-border: var(--rs-border);
+  --rs-dropdown-divider: var(--rs-border-subtle);
+  --rs-dropdown-trigger-bg: var(--rs-input-bg);
+  --rs-dropdown-trigger-border: var(--rs-input-border, var(--rs-border));
+  --rs-dropdown-trigger-border-hover: var(--rs-input-border-hover, var(--rs-border));
+  --rs-dropdown-trigger-shadow: var(--rs-input-shadow, none);
+  --rs-dropdown-item-hover: var(--rs-item-hover);
+  --rs-dropdown-item-active-fg: var(--rs-primary);
+  --rs-dropdown-item-active-bg: color-mix(in srgb, var(--rs-primary) 12%, transparent);
+  --rs-dropdown-danger-fg: var(--rs-danger);
+
+  /* ── Popover（气泡卡片；随 data-rs-theme）── */
+  --rs-popover-fg: var(--rs-text-primary);
+  --rs-popover-fg-muted: var(--rs-text-secondary);
+  --rs-popover-bg: var(--rs-surface-elevated);
+  --rs-popover-border: var(--rs-border);
+  --rs-popover-title-fg: var(--rs-text-primary);
 
   /* ── Alert（反馈条；正文色可按主题单独调）── */
   --rs-alert-radius: var(--rs-radius);
@@ -1507,15 +1224,59 @@ html {
   --rs-alert-padding-y: var(--rs-space-md);
   --rs-alert-padding-x: var(--rs-space-lg);
   --rs-alert-border-alpha: 35%;
-  --rs-alert-content-fg: var(--rs-muted);
+  --rs-alert-content-fg: var(--rs-text-secondary);
+  --rs-alert-content-alpha: 78%;
+
+  /* ── Loading（指示器；tone 在组件上改 --rs-loading-accent）── */
+  --rs-loading-gap: var(--rs-space-sm);
+  --rs-loading-pad: var(--rs-space-xl);
+  --rs-loading-label: var(--rs-text-secondary);
+  --rs-loading-track: color-mix(in srgb, var(--rs-text-tertiary) 35%, transparent);
+  --rs-loading-accent: var(--rs-primary);
+  --rs-loading-overlay: color-mix(in srgb, var(--rs-surface) 72%, transparent);
+  --rs-loading-skeleton: var(--rs-surface-hover);
+  --rs-loading-skeleton-shine: color-mix(in srgb, var(--rs-border) 55%, transparent);
+  --rs-loading-stroke: 2px;
+  --rs-loading-spinner-sm: 0.875rem;
+  --rs-loading-spinner-md: 1.125rem;
+  --rs-loading-spinner-lg: 1.5rem;
+  --rs-loading-dot-sm: 0.25rem;
+  --rs-loading-dot-md: 0.375rem;
+  --rs-loading-dot-lg: 0.5rem;
+  --rs-loading-skeleton-h-sm: 0.5rem;
+  --rs-loading-skeleton-h-md: 0.75rem;
+  --rs-loading-skeleton-h-lg: 1rem;
+  --rs-loading-z: 1;
+  --rs-loading-blur: 0.125rem;
+  --rs-loading-spin-duration: 0.7s;
+  --rs-loading-bounce-duration: 1s;
+  --rs-loading-shimmer-duration: 1.2s;
+
+  /* ── LoadingBar（顶栏进度；色跟语义 token，可被 color / errorColor 覆盖）── */
+  --rs-loading-bar-size: 2px;
+  --rs-loading-bar-color: var(--rs-primary);
+  --rs-loading-bar-error: var(--rs-danger);
 
   /* ── Descriptions（描述列表栅格）── */
   --rs-descriptions-radius: var(--rs-radius);
   --rs-descriptions-border: var(--rs-border);
+  --rs-descriptions-label-width: 7.5rem;
+  --rs-descriptions-title: var(--rs-text-primary);
   /* 标签列用实色表面混合，避免 surface-hover 被桥成透明 overlay 时失效 */
   --rs-descriptions-label-bg: color-mix(in srgb, var(--rs-surface-hover) 72%, var(--rs-surface));
-  --rs-descriptions-label-fg: var(--rs-muted);
-  --rs-descriptions-value-fg: var(--rs-text);
+  --rs-descriptions-label-fg: var(--rs-text-secondary);
+  --rs-descriptions-value-fg: var(--rs-text-primary);
+
+  /* ── CodeBlock（只读代码；外壳跟语义 token，深色语法仍用 oneDark）── */
+  --rs-code-block-bg: var(--rs-surface-elevated);
+  --rs-code-block-fg: var(--rs-text-primary);
+  --rs-code-block-muted: var(--rs-text-tertiary);
+  --rs-code-block-border: var(--rs-border-subtle);
+  --rs-code-block-bar-bg: color-mix(in srgb, var(--rs-surface-elevated) 80%, var(--rs-border) 20%);
+  --rs-code-block-gutter: color-mix(in srgb, var(--rs-surface-elevated) 85%, var(--rs-border) 15%);
+  --rs-code-block-highlight: color-mix(in srgb, var(--rs-primary) 14%, transparent);
+  --rs-code-block-max-height: 32rem;
+  --rs-code-block-transition: 120ms;
 
   /* ── Card（macOS systemGroupedBackground 上的圆角分组卡片）── */
   --rs-card-border: rgb(60 60 67 / 0.14);
@@ -1592,6 +1353,11 @@ html {
   --rs-log-fatal: var(--rs-danger);
   --rs-log-hit-bg: color-mix(in srgb, var(--rs-warning) 32%, var(--rs-log-bg));
   --rs-log-hit-fg: var(--rs-log-fg);
+  --rs-log-accent: var(--rs-primary);
+  --rs-log-active-bg: color-mix(in srgb, var(--rs-primary) 12%, var(--rs-log-bg));
+  --rs-log-chrome-bg: color-mix(in srgb, var(--rs-log-bg) 88%, var(--rs-surface-hover));
+  --rs-log-chip-on-bg: color-mix(in srgb, var(--rs-primary) 14%, transparent);
+  --rs-log-chip-on-border: color-mix(in srgb, var(--rs-primary) 45%, var(--rs-log-border));
 
   --rs-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.04), 0 0 0 0.5px rgb(0 0 0 / 0.04);
   --rs-shadow: 0 4px 16px rgb(0 0 0 / 0.08), 0 0 0 0.5px rgb(0 0 0 / 0.06);
@@ -1934,12 +1700,6 @@ code {
   min-width: 0;
 }
 
-/* ContextMenu：Dialog 内表格右键菜单 Portal 后须高于 modal */
-[data-reka-popper-content-wrapper]:has(> .rs-context-menu__content),
-[data-reka-popper-content-wrapper]:has(> .rs-context-menu__sub-content) {
-  z-index: calc(var(--rs-z-modal) + 2);
-}
-
 /*
  * TimePicker 面板 Teleport 到 body。
  * 独立面板跟 DatePicker 同一档（modal+2）；嵌在日期面板里再高一档。
@@ -2527,106 +2287,3 @@ code {
   opacity: 0.38;
   cursor: not-allowed;
 }
-
-/* vue-sonner 结构样式已在文件顶部 import；外观由 .rs-toast* 接管 */
-
-[data-sonner-toaster].rs-toaster {
-  z-index: var(--rs-z-toast);
-  font-family: inherit;
-}
-
-.rs-toast {
-  display: flex;
-  align-items: center;
-  gap: var(--rs-space-sm);
-  position: relative;
-  min-width: 18rem;
-  max-width: min(28rem, calc(100vw - 2rem));
-  padding: var(--rs-space-md) var(--rs-space-lg);
-  border: 1px solid var(--rs-border);
-  border-radius: var(--rs-radius);
-  background: var(--rs-surface-elevated);
-  color: var(--rs-text);
-  box-shadow: var(--rs-shadow-lg);
-}
-
-.rs-toast:has([data-description]) {
-  align-items: flex-start;
-}
-
-.rs-toast [data-icon] {
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  margin: 0;
-}
-
-.rs-toast:has([data-description]) [data-icon] {
-  margin-top: 0.125rem;
-}
-
-.rs-toast [data-content] {
-  flex: 1;
-  min-width: 0;
-  display: grid;
-  gap: var(--rs-space-xs);
-}
-
-.rs-toast--success {
-  border-color: color-mix(in srgb, var(--rs-success) 35%, var(--rs-border));
-}
-
-.rs-toast--error {
-  border-color: color-mix(in srgb, var(--rs-danger) 35%, var(--rs-border));
-}
-
-.rs-toast--warning {
-  border-color: color-mix(in srgb, var(--rs-warning) 35%, var(--rs-border));
-}
-
-.rs-toast--info {
-  border-color: color-mix(in srgb, var(--rs-info) 35%, var(--rs-border));
-}
-
-.rs-toast__title {
-  font-size: var(--rs-font-size-sm);
-  font-weight: var(--rs-font-weight-semibold);
-}
-
-.rs-toast__description {
-  color: var(--rs-muted);
-  font-size: var(--rs-font-size-sm);
-}
-
-.rs-toast__close {
-  position: absolute;
-  top: 0;
-  inset-inline-start: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 1.25rem;
-  height: 1.25rem;
-  padding: 0;
-  border: 1px solid var(--rs-border);
-  border-radius: var(--rs-radius-full);
-  background: var(--rs-surface-elevated);
-  color: var(--rs-muted);
-  cursor: pointer;
-  transform: translate(-35%, -35%);
-  transition:
-    background var(--rs-transition-fast),
-    border-color var(--rs-transition-fast),
-    color var(--rs-transition-fast);
-}
-
-.rs-toast__close:hover {
-  background: var(--rs-item-hover);
-  border-color: var(--rs-border);
-  color: var(--rs-text);
-}
-
-.rs-toast__close:focus-visible {
-  outline: none;
-  box-shadow: 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
-}