niuma-ui 2.0.3 → 2.0.9

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,155 @@ 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。
+   */
+  --rs-anchor-min-width: 8.5rem;
+  --rs-anchor-gap: 0.7rem;
+  --rs-anchor-rail-width: 2px;
+  --rs-anchor-indent: 0.75rem;
+  --rs-anchor-link-pad-block: 0.28rem;
+  --rs-anchor-link-pad-inline: 0.7rem;
+  --rs-anchor-affix-top: var(--rs-space-lg);
+  --rs-anchor-rail: color-mix(in srgb, var(--rs-border-subtle) 88%, var(--rs-text-secondary));
+  --rs-anchor-ink: var(--rs-primary);
+  --rs-anchor-ink-ring: color-mix(in srgb, var(--rs-primary) 18%, transparent);
+  --rs-anchor-link: var(--rs-text-secondary);
+  --rs-anchor-link-hover: var(--rs-text-primary);
+  --rs-anchor-link-active: var(--rs-primary);
+  --rs-anchor-link-active-weight: var(--rs-font-weight-semibold);
+  --rs-anchor-link-active-bg: color-mix(in srgb, var(--rs-primary) 10%, transparent);
+  --rs-anchor-disabled-opacity: 0.45;
+
+  /*
+   * Breadcrumb（跨页层级）。尺寸静态；颜色在主题块内，随 data-rs-theme。
+   */
+  --rs-breadcrumb-gap: var(--rs-space-xs);
+  --rs-breadcrumb-item-gap: var(--rs-space-xs);
+  --rs-breadcrumb-link-pad-block: calc(var(--rs-space-xs) / 2);
+  --rs-breadcrumb-link-pad-inline: var(--rs-space-xs);
+  --rs-breadcrumb-font-size: var(--rs-font-size-sm);
+  --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 共用）
@@ -975,10 +496,94 @@ html {
   --rs-label-font-size: var(--rs-font-size-sm);
   --rs-label-font-weight: var(--rs-font-weight-medium);
   --rs-label-line-height: var(--rs-line-height-normal);
+  --rs-label-gap: var(--rs-space-xs);
+  --rs-label-mark-gap: calc(var(--rs-space-xs) / 2);
+  --rs-label-disabled-opacity: 0.5;
+
+  /*
+   * Fieldset（表单分区）。颜色走主题 token 的别名，随 data-rs-theme。
+   * Dialog / Drawer 可覆盖 --rs-fieldset-legend-bg，让 legend 盖住表面边框。
+   */
+  --rs-fieldset-radius: var(--rs-radius-sm);
+  --rs-fieldset-gap: var(--rs-space-md);
+  --rs-fieldset-gap-sm: var(--rs-space-sm);
+  --rs-fieldset-border: var(--rs-border);
+  --rs-fieldset-border-subtle: var(--rs-border-subtle);
+  --rs-fieldset-border-faded: color-mix(in srgb, var(--rs-border) 42%, transparent);
+  --rs-fieldset-border-invalid: var(--rs-danger);
+  --rs-fieldset-legend-bg: var(--rs-surface);
+  --rs-fieldset-title: var(--rs-text);
+  --rs-fieldset-title-strong: var(--rs-text-primary);
+  --rs-fieldset-title-muted: var(--rs-muted);
+  --rs-fieldset-hint: var(--rs-muted);
+  --rs-fieldset-error: var(--rs-danger);
+
+  /*
+   * Upload。颜色走主题 token 的别名，随 data-rs-theme。
+   * 尺寸档位在组件根上改 --rs-upload-dropzone-min-height / icon-box / card-size。
+   */
+  --rs-upload-gap: var(--rs-space-md);
+  --rs-upload-radius: var(--rs-radius);
+  --rs-upload-border: var(--rs-border);
+  --rs-upload-border-active: color-mix(in srgb, var(--rs-primary) 55%, var(--rs-border));
+  --rs-upload-bg: color-mix(in srgb, var(--rs-surface) 82%, var(--rs-bg));
+  --rs-upload-bg-active: color-mix(in srgb, var(--rs-primary) 6%, var(--rs-surface));
+  --rs-upload-dropzone-min-height-md: 8.5rem;
+  --rs-upload-icon-box-md: 3rem;
+  --rs-upload-card-size-md: 6.5rem;
+  --rs-upload-file-icon-size: 2rem;
+  --rs-upload-action-size: 1.75rem;
+  --rs-upload-disabled-opacity: 0.38;
+
+  /*
+   * CalendarGrid。颜色走主题 token 的别名，随 data-rs-theme。
+   * 格子高度跟 --rs-control-height-*，圆角由组件 radius 写入 --rs-calendar-grid-radius。
+   */
+  --rs-calendar-grid-gap: var(--rs-space-sm);
+  --rs-calendar-grid-cell-gap: calc(var(--rs-space-xs) / 2);
+  --rs-calendar-grid-week-col: var(--rs-control-height-sm);
+  --rs-calendar-grid-title: var(--rs-text-primary);
+  --rs-calendar-grid-nav: var(--rs-text-secondary);
+  --rs-calendar-grid-nav-hover: var(--rs-surface-hover);
+  --rs-calendar-grid-weekday: var(--rs-text-secondary);
+  --rs-calendar-grid-week: var(--rs-text-tertiary);
+  --rs-calendar-grid-day: var(--rs-text-primary);
+  --rs-calendar-grid-day-outside: var(--rs-text-tertiary);
+  --rs-calendar-grid-day-hover: var(--rs-item-hover);
+  --rs-calendar-grid-today: var(--rs-primary);
+  --rs-calendar-grid-selected: var(--rs-primary);
+  --rs-calendar-grid-selected-fg: var(--rs-primary-foreground);
+  --rs-calendar-grid-in-range: color-mix(in srgb, var(--rs-primary) 12%, transparent);
+  --rs-calendar-grid-disabled-opacity: 0.38;
 
   /* 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;
@@ -1000,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));
@@ -1032,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-text-tertiary);
   --rs-table-resize-handle-hover: var(--rs-primary);
 
   /* ── Tree（导航线 / 行选中 / 焦点；业务可覆盖）── */
@@ -1049,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 */
@@ -1077,6 +684,60 @@ html {
   --rs-muted: var(--rs-text-secondary);
   --rs-placeholder: var(--rs-text-tertiary);
   --rs-label-color: var(--rs-text-primary);
+  --rs-breadcrumb-link: var(--rs-text-secondary);
+  --rs-breadcrumb-link-hover: var(--rs-primary);
+  --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;
@@ -1134,15 +795,41 @@ html {
   --rs-dynamic-tags-gap: var(--rs-space-xs);
   --rs-dynamic-tags-padding: var(--rs-space-xs);
   --rs-dynamic-tags-trigger-border: var(--rs-border);
+  --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);
@@ -1150,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;
@@ -1180,6 +911,18 @@ html {
     0 2px 6px rgb(0 0 0 / 0.28);
   --rs-card-glass-bg: rgb(31 31 31 / 0.72);
   --rs-card-glass-border: rgb(255 255 255 / 0.1);
+  --rs-card-grouped-bg: var(--rs-card-body-bg);
+  --rs-card-grouped-body-bg: var(--rs-card-body-bg);
+  --rs-card-grouped-filter: none;
+  --rs-card-header-inset: inset 0 1px 0 rgb(255 255 255 / 0.05);
+  --rs-card-glass-shadow:
+    0 0 0 0.5px rgb(255 255 255 / 0.12),
+    0 8px 24px rgb(0 0 0 / 0.12);
+  --rs-card-glass-shadow-elevated:
+    0 0 0 0.5px rgb(255 255 255 / 0.14),
+    0 12px 32px rgb(0 0 0 / 0.18);
+  --rs-card-glass-header-bg: rgb(255 255 255 / 0.04);
+  --rs-card-glass-header-inset: inset 0 1px 0 rgb(255 255 255 / 0.08);
 
   /* ── Terminal（macOS Terminal.app 风格：柔和 ANSI + 可读斑马纹）── */
   --rs-terminal-shell-bg: #141416;
@@ -1225,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);
@@ -1247,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-text-tertiary);
   --rs-table-resize-handle-hover: var(--rs-primary);
 
   /* ── Tree（导航线 / 行选中 / 焦点；业务可覆盖）── */
@@ -1295,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;
@@ -1322,6 +1073,60 @@ html {
   --rs-muted: var(--rs-text-secondary);
   --rs-placeholder: var(--rs-text-tertiary);
   --rs-label-color: var(--rs-text-primary);
+  --rs-breadcrumb-link: var(--rs-text-secondary);
+  --rs-breadcrumb-link-hover: var(--rs-primary);
+  --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;
@@ -1377,15 +1182,41 @@ html {
   --rs-dynamic-tags-gap: var(--rs-space-xs);
   --rs-dynamic-tags-padding: var(--rs-space-xs);
   --rs-dynamic-tags-trigger-border: var(--rs-border);
+  --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);
@@ -1393,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);
@@ -1423,6 +1298,18 @@ html {
     0 2px 6px rgb(0 0 0 / 0.08);
   --rs-card-glass-bg: rgb(255 255 255 / 0.72);
   --rs-card-glass-border: rgb(255 255 255 / 0.55);
+  --rs-card-grouped-bg: color-mix(in srgb, var(--rs-card-body-bg) 94%, transparent);
+  --rs-card-grouped-body-bg: transparent;
+  --rs-card-grouped-filter: blur(20px) saturate(150%);
+  --rs-card-header-inset: inset 0 1px 0 rgb(255 255 255 / 0.75);
+  --rs-card-glass-shadow:
+    0 0 0 0.5px rgb(255 255 255 / 0.6),
+    0 8px 24px rgb(0 0 0 / 0.08);
+  --rs-card-glass-shadow-elevated:
+    0 0 0 0.5px rgb(255 255 255 / 0.7),
+    0 12px 32px rgb(0 0 0 / 0.1);
+  --rs-card-glass-header-bg: rgb(255 255 255 / 0.35);
+  --rs-card-glass-header-inset: inset 0 1px 0 rgb(255 255 255 / 0.8);
 
   /* ── Terminal（macOS Terminal.app 亮色：systemBackground + 浅灰斑马纹）── */
   --rs-terminal-shell-bg: #ececf0;
@@ -1466,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);
@@ -1527,6 +1419,26 @@ html {
     --rs-shadow-sm: none;
     --rs-shadow: none;
     --rs-shadow-lg: none;
+    --rs-card-border: CanvasText;
+    --rs-card-separator: CanvasText;
+    --rs-card-header-bg: Canvas;
+    --rs-card-body-bg: Canvas;
+    --rs-card-title-fg: CanvasText;
+    --rs-card-description-fg: GrayText;
+    --rs-card-shadow: none;
+    --rs-card-shadow-elevated: none;
+    --rs-card-filled-bg: Canvas;
+    --rs-card-filled-elevated-shadow: none;
+    --rs-card-glass-bg: Canvas;
+    --rs-card-glass-border: CanvasText;
+    --rs-card-grouped-bg: Canvas;
+    --rs-card-grouped-body-bg: Canvas;
+    --rs-card-grouped-filter: none;
+    --rs-card-header-inset: none;
+    --rs-card-glass-shadow: none;
+    --rs-card-glass-shadow-elevated: none;
+    --rs-card-glass-header-bg: Canvas;
+    --rs-card-glass-header-inset: none;
   }
 }
 
@@ -1605,9 +1517,8 @@ code {
   z-index: calc(var(--rs-z-modal) + 2);
   box-sizing: border-box;
   width: max-content;
-  min-width: var(--reka-combobox-trigger-width, var(--reka-popper-anchor-width));
+  min-width: var(--rs-select-trigger-width, 8rem);
   max-width: min(24rem, calc(100vw - 1rem));
-  max-height: var(--reka-combobox-content-available-height);
   overflow: hidden;
   display: flex;
   flex-direction: column;
@@ -1621,70 +1532,350 @@ code {
 }
 
 .rs-select__content--match-trigger {
-  width: var(--reka-combobox-trigger-width, var(--reka-popper-anchor-width));
+  width: var(--rs-select-trigger-width);
   max-width: none;
 }
 
-/* Popper 外层：默认允许随内容变宽；等宽模式锁死为触发器宽度 */
-/* z-index 提升到 modal 之上，避免在 RsDialog 内被对话框遮挡 */
-[data-reka-popper-content-wrapper]:has(> .rs-select__content) {
+/*
+ * DatePicker 面板 Teleport 到 body，不能依赖触发器祖先上的自定义变量。
+ * 尺寸默认写在面板自己身上；主题跟 data-rs-theme（深色岛复制到面板）。
+ */
+.rs-date-picker__content {
+  --rs-date-picker-single-w: 20rem;
+  --rs-date-picker-range-w: 42rem;
+  position: fixed;
   z-index: calc(var(--rs-z-modal) + 2);
-  width: max-content;
-  min-width: var(--reka-popper-anchor-width);
-  max-width: min(24rem, calc(100vw - 1rem));
+  box-sizing: border-box;
+  width: min(var(--rs-date-picker-single-w), calc(100vw - 2rem));
+  padding: var(--rs-space-md);
+  overflow: visible;
+  overscroll-behavior: contain;
+  border: 1px solid var(--rs-dialog-border, var(--rs-border));
+  border-radius: var(--rs-date-picker-radius, var(--rs-radius));
+  background: var(--rs-surface-elevated);
+  box-shadow: var(--rs-shadow-lg);
+  color: var(--rs-text);
+  color-scheme: inherit;
+  outline: none;
 }
-
-[data-reka-popper-content-wrapper]:has(> .rs-select__content--match-trigger) {
-  width: var(--reka-popper-anchor-width);
-  min-width: var(--reka-popper-anchor-width);
-  max-width: none;
+.rs-date-picker__content--range {
+  width: min(var(--rs-date-picker-range-w), calc(100vw - 2rem));
 }
-
-[data-reka-popper-content-wrapper]:has(> .rs-date-picker__content) {
-  z-index: calc(var(--rs-z-modal) + 2);
+.rs-date-picker__panel {
+  display: flex;
+  flex-direction: column;
+  gap: var(--rs-space-sm);
+  overflow: visible;
 }
-
-/* 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);
+.rs-date-picker__range-grid {
+  display: grid;
+  gap: var(--rs-space-md);
 }
-
-/* 日期面板内嵌时间选择：wrapper 也须高于日期面板，否则 portal 后仍被日历盖住 */
-[data-reka-popper-content-wrapper]:has(> .rs-time-picker__content--embedded) {
-  z-index: calc(var(--rs-z-modal) + 3);
+@media (min-width: 40rem) {
+  .rs-date-picker__range-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
 }
-
-.rs-select__search-bar {
-  flex-shrink: 0;
-  padding: var(--rs-space-xs);
-  border-bottom: 1px solid var(--rs-border-subtle);
-  background: color-mix(in srgb, var(--rs-surface) 64%, transparent);
+.rs-date-picker__range-pane {
+  display: flex;
+  flex-direction: column;
+  gap: var(--rs-space-sm);
+  padding: var(--rs-space-sm);
+  border: 1px solid var(--rs-border-subtle);
+  border-radius: var(--rs-radius-sm);
+  background: color-mix(in srgb, var(--rs-surface) 72%, transparent);
 }
-
-.rs-select__search-wrap {
+.rs-date-picker__pane-title {
+  font-size: var(--rs-font-size-xs);
+  font-weight: var(--rs-font-weight-semibold);
+  color: var(--rs-muted);
+}
+.rs-date-picker__footer {
+  position: relative;
+  z-index: 1;
   display: flex;
   align-items: center;
+  justify-content: space-between;
   gap: var(--rs-space-sm);
-  width: 100%;
-  min-height: var(--rs-control-height-sm);
-  box-sizing: border-box;
-  padding: 0 var(--rs-space-sm);
-  border: 1px solid var(--rs-input-border, var(--rs-border));
-  border-radius: var(--rs-radius-sm);
-  background: var(--rs-input-bg);
-  box-shadow: var(--rs-input-shadow, none);
+  margin-block-start: var(--rs-space-xs);
+  padding-block-start: var(--rs-space-md);
+  border-block-start: 1px solid var(--rs-border-subtle);
+  background: var(--rs-surface-elevated);
+}
+.rs-date-picker__footer-start {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  min-width: 0;
+}
+.rs-date-picker__shortcuts {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--rs-space-xs);
+  align-items: center;
+}
+.rs-date-picker__shortcut {
+  padding: calc(var(--rs-space-xs) / 2) var(--rs-space-sm);
+  border: 1px solid var(--rs-border);
+  border-radius: var(--rs-radius-xs);
+  background: transparent;
+  color: var(--rs-text);
+  font-size: var(--rs-font-size-xs);
+  line-height: var(--rs-line-height-tight);
+  cursor: pointer;
   transition:
     border-color var(--rs-transition-fast),
-    box-shadow var(--rs-transition-fast),
+    color var(--rs-transition-fast),
     background var(--rs-transition-fast);
 }
-
-.rs-select__search-wrap:hover {
-  border-color: var(--rs-input-border-hover, var(--rs-border));
+.rs-date-picker__shortcut:hover:not(:disabled) {
+  border-color: var(--rs-primary);
+  color: var(--rs-primary);
+  background: color-mix(in srgb, var(--rs-primary) 8%, transparent);
 }
-
-.rs-select__search-wrap:focus-within {
+.rs-date-picker__shortcut:disabled {
+  opacity: var(--rs-date-picker-disabled-opacity, 0.38);
+  cursor: not-allowed;
+}
+.rs-date-picker__link {
+  border: 0;
+  background: transparent;
+  color: var(--rs-primary);
+  font-size: var(--rs-font-size-xs);
+  cursor: pointer;
+}
+.rs-date-picker__link:hover {
+  text-decoration: underline;
+}
+.rs-date-picker__actions {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rs-space-xs);
+}
+.rs-date-picker__ghost,
+.rs-date-picker__confirm {
+  border: 0;
+  border-radius: var(--rs-radius-sm);
+  padding: var(--rs-space-xs) var(--rs-space-sm);
+  font-size: var(--rs-font-size-xs);
+  cursor: pointer;
+}
+.rs-date-picker__ghost {
+  background: transparent;
+  color: var(--rs-muted);
+}
+.rs-date-picker__ghost:hover {
+  background: var(--rs-surface-hover);
+  color: var(--rs-text);
+}
+.rs-date-picker__confirm {
+  background: var(--rs-primary);
+  color: var(--rs-primary-foreground);
+}
+.rs-date-picker__confirm:hover:not(:disabled) {
+  opacity: 0.92;
+}
+.rs-date-picker__confirm:disabled {
+  opacity: var(--rs-date-picker-disabled-opacity, 0.38);
+  cursor: not-allowed;
+}
+.rs-date-picker__time-row {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  gap: var(--rs-space-sm);
+  padding-block-start: var(--rs-space-sm);
+  border-block-start: 1px solid var(--rs-border-subtle);
+  background: var(--rs-surface-elevated);
+}
+.rs-date-picker__time-label {
+  flex-shrink: 0;
+  font-size: var(--rs-font-size-xs);
+  font-weight: var(--rs-font-weight-medium);
+  color: var(--rs-muted);
+}
+.rs-date-picker__time-picker {
+  flex: 1;
+  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）；嵌在日期面板里再高一档。
+ */
+.rs-time-picker__content {
+  --rs-time-picker-single-w: 18rem;
+  --rs-time-picker-range-w: 28rem;
+  position: fixed;
+  z-index: calc(var(--rs-z-modal) + 2);
+  box-sizing: border-box;
+  width: min(var(--rs-time-picker-single-w), calc(100vw - 2rem));
+  padding: var(--rs-space-md);
+  overflow: visible;
+  overscroll-behavior: contain;
+  border: 1px solid var(--rs-dialog-border, var(--rs-border));
+  border-radius: var(--rs-time-picker-radius, var(--rs-radius));
+  background: var(--rs-surface-elevated);
+  box-shadow: var(--rs-shadow-lg);
+  color: var(--rs-text);
+  color-scheme: inherit;
+  outline: none;
+}
+.rs-time-picker__content--range {
+  width: min(var(--rs-time-picker-range-w), calc(100vw - 2rem));
+}
+.rs-time-picker__content--embedded {
+  z-index: calc(var(--rs-z-modal) + 3);
+}
+.rs-time-picker__panel {
+  display: flex;
+  flex-direction: column;
+  gap: var(--rs-space-sm);
+}
+.rs-time-picker__range-grid {
+  display: grid;
+  gap: var(--rs-space-md);
+}
+@media (min-width: 40rem) {
+  .rs-time-picker__range-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+.rs-time-picker__range-pane {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  gap: var(--rs-space-sm);
+  padding: var(--rs-space-sm);
+  border: 1px solid var(--rs-border-subtle);
+  border-radius: var(--rs-radius-sm);
+  background: color-mix(in srgb, var(--rs-surface) 72%, transparent);
+}
+.rs-time-picker__pane-title {
+  font-size: var(--rs-font-size-xs);
+  font-weight: var(--rs-font-weight-semibold);
+  color: var(--rs-muted);
+}
+.rs-time-picker__footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--rs-space-sm);
+  margin-block-start: var(--rs-space-xs);
+  padding-block-start: var(--rs-space-md);
+  border-block-start: 1px solid var(--rs-border-subtle);
+}
+.rs-time-picker__footer-start {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  min-width: 0;
+}
+.rs-time-picker__shortcuts {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--rs-space-xs);
+  align-items: center;
+}
+.rs-time-picker__shortcut {
+  padding: calc(var(--rs-space-xs) / 2) var(--rs-space-sm);
+  border: 1px solid var(--rs-border);
+  border-radius: var(--rs-radius-xs);
+  background: transparent;
+  color: var(--rs-text);
+  font-size: var(--rs-font-size-xs);
+  line-height: var(--rs-line-height-tight);
+  cursor: pointer;
+}
+.rs-time-picker__shortcut:hover:not(:disabled) {
+  border-color: var(--rs-primary);
+  color: var(--rs-primary);
+  background: color-mix(in srgb, var(--rs-primary) 8%, transparent);
+}
+.rs-time-picker__shortcut:disabled {
+  opacity: var(--rs-time-picker-disabled-opacity, 0.38);
+  cursor: not-allowed;
+}
+.rs-time-picker__link {
+  border: 0;
+  background: transparent;
+  color: var(--rs-primary);
+  font-size: var(--rs-font-size-xs);
+  cursor: pointer;
+}
+.rs-time-picker__link:hover {
+  text-decoration: underline;
+}
+.rs-time-picker__actions {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rs-space-xs);
+}
+.rs-time-picker__ghost,
+.rs-time-picker__confirm {
+  border: 0;
+  border-radius: var(--rs-radius-sm);
+  padding: var(--rs-space-xs) var(--rs-space-sm);
+  font-size: var(--rs-font-size-xs);
+  cursor: pointer;
+}
+.rs-time-picker__ghost {
+  background: transparent;
+  color: var(--rs-muted);
+}
+.rs-time-picker__ghost:hover {
+  background: var(--rs-surface-hover);
+  color: var(--rs-text);
+}
+.rs-time-picker__confirm {
+  background: var(--rs-primary);
+  color: var(--rs-primary-foreground);
+}
+.rs-time-picker__confirm:hover:not(:disabled) {
+  opacity: 0.92;
+}
+.rs-time-picker__confirm:disabled {
+  opacity: var(--rs-time-picker-disabled-opacity, 0.38);
+  cursor: not-allowed;
+}
+
+.rs-select__search-bar {
+  flex-shrink: 0;
+  padding: var(--rs-space-xs);
+  border-bottom: 1px solid var(--rs-border-subtle);
+  background: color-mix(in srgb, var(--rs-surface) 64%, transparent);
+}
+
+.rs-select__search-wrap {
+  display: flex;
+  align-items: center;
+  gap: var(--rs-space-sm);
+  width: 100%;
+  min-height: var(--rs-control-height-sm);
+  box-sizing: border-box;
+  padding: 0 var(--rs-space-sm);
+  border: 1px solid var(--rs-input-border, var(--rs-border));
+  border-radius: var(--rs-radius-sm);
+  background: var(--rs-input-bg);
+  box-shadow: var(--rs-input-shadow, none);
+  transition:
+    border-color var(--rs-transition-fast),
+    box-shadow var(--rs-transition-fast),
+    background var(--rs-transition-fast);
+}
+
+.rs-select__search-wrap:hover {
+  border-color: var(--rs-input-border-hover, var(--rs-border));
+}
+
+.rs-select__search-wrap:focus-within {
   border-color: var(--rs-focus-border, var(--rs-primary));
   background: var(--rs-input-bg);
   box-shadow:
@@ -1741,10 +1932,7 @@ code {
 
 .rs-select__viewport {
   overflow-y: auto;
-  max-height: min(
-    var(--rs-select-list-height, 256px),
-    var(--reka-combobox-content-available-height, 256px)
-  );
+  max-height: var(--rs-select-list-height, 256px);
   padding: 0 var(--rs-space-xs) var(--rs-space-xs);
 }
 
@@ -1827,8 +2015,12 @@ code {
   color: var(--rs-primary);
 }
 
-/* 虚拟列表项由 Reka 绝对定位，需显式拉满宽度 */
-[data-reka-virtualizer] .rs-select__item {
+.rs-select__virtual {
+  position: relative;
+  width: 100%;
+}
+
+.rs-select__virtual .rs-select__item {
   width: 100%;
 }
 
@@ -1846,6 +2038,16 @@ code {
   cursor: not-allowed;
 }
 
+@media (hover: hover) {
+  .rs-select__item:hover:not([data-disabled]) {
+    background: var(--rs-item-hover);
+  }
+
+  .rs-select__item[data-state='checked']:hover:not([data-disabled]) {
+    background: color-mix(in srgb, var(--rs-primary) 18%, transparent);
+  }
+}
+
 /* 面板 Portal 在 body，尺寸只能跟 content 档位，不能跟 .rs-select--sm */
 .rs-select__content--sm .rs-select__item,
 .rs-select__content--ssm .rs-select__item {
@@ -1903,164 +2105,92 @@ code {
   padding-top: 0.25rem;
 }
 
-.rs-auto-complete {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  width: 100%;
-  max-width: 100%;
-  box-sizing: border-box;
-  vertical-align: middle;
-}
-
-.rs-auto-complete__input {
+/*
+ * TreeSelect 面板 Teleport 到 body，不能依赖触发器祖先上的自定义变量。
+ * 尺寸默认写在面板自己身上；主题跟 data-rs-theme（深色岛复制到面板）。
+ */
+.rs-tree-select__panel {
+  --rs-tree-select-min-width: 12rem;
+  --rs-tree-select-panel-max-h: 18rem;
+  z-index: calc(var(--rs-z-modal) + 2);
   box-sizing: border-box;
-  width: 100%;
-  height: var(--rs-control-height-md);
-  padding: 0 var(--rs-space-md);
-  border: 1px solid var(--rs-input-border, var(--rs-border));
-  border-radius: var(--rs-select-radius, var(--rs-radius-sm));
-  background: var(--rs-input-bg);
+  min-width: var(--rs-tree-select-min-width);
+  max-width: min(24rem, calc(100vw - 1rem));
+  padding: var(--rs-space-xs);
+  overflow: hidden;
+  border: 1px solid var(--rs-dialog-border, var(--rs-border));
+  border-radius: var(--rs-tree-select-radius, var(--rs-radius));
+  background: var(--rs-surface-elevated);
+  box-shadow: var(--rs-shadow-lg);
   color: var(--rs-text);
-  font-family: inherit;
+  color-scheme: inherit;
   font-size: var(--rs-font-size-sm);
   line-height: var(--rs-line-height-tight);
   outline: none;
-  box-shadow: var(--rs-input-shadow, none);
-  transition:
-    border-color var(--rs-transition-fast),
-    box-shadow var(--rs-transition-fast),
-    background var(--rs-transition-fast);
-}
-
-.rs-auto-complete--sm .rs-auto-complete__input {
-  height: var(--rs-control-height-sm);
-  padding: 0 var(--rs-space-sm);
-  font-size: var(--rs-font-size-xs);
-}
-
-.rs-auto-complete--lg .rs-auto-complete__input {
-  height: var(--rs-control-height-lg);
-  padding: 0 var(--rs-space-lg);
-  font-size: var(--rs-font-size-base);
 }
 
-.rs-auto-complete--clearable .rs-auto-complete__input {
-  padding-inline-end: calc(var(--rs-space-md) + 1.25rem);
-}
-
-.rs-auto-complete__input::placeholder {
-  color: var(--rs-placeholder);
-}
-
-.rs-auto-complete__input:hover:not(:disabled) {
-  border-color: var(--rs-input-border-hover, var(--rs-border));
+.rs-tree-select__panel--match-trigger {
+  width: var(--rs-tree-select-trigger-width);
+  max-width: none;
 }
 
-.rs-auto-complete__input:focus {
-  border-color: var(--rs-focus-border, var(--rs-primary));
-  background: var(--rs-input-bg);
-  box-shadow:
-    var(--rs-input-shadow, none),
-    0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
+.rs-tree-select__header,
+.rs-tree-select__footer {
+  padding: var(--rs-space-xs) var(--rs-space-sm);
+  color: var(--rs-text-secondary);
+  font-size: var(--rs-font-size-xs);
 }
 
-.rs-auto-complete__input:disabled {
-  opacity: 0.38;
-  cursor: not-allowed;
-  background: var(--rs-surface-hover);
+.rs-tree-select__search-wrap {
+  position: relative;
+  margin-block-end: var(--rs-space-xs);
 }
 
-.rs-auto-complete__clear {
+.rs-tree-select__search-icon {
   position: absolute;
-  top: 50%;
-  inset-inline-end: var(--rs-space-sm);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 1.25rem;
-  height: 1.25rem;
-  padding: 0;
-  border: 0;
-  border-radius: var(--rs-radius-xs);
-  background: transparent;
-  color: var(--rs-muted);
+  inset-block-start: 50%;
+  inset-inline-start: var(--rs-space-sm);
+  color: var(--rs-text-tertiary);
   transform: translateY(-50%);
-  cursor: pointer;
-}
-
-.rs-auto-complete__clear:hover {
-  color: var(--rs-text);
-  background: var(--rs-item-hover);
+  pointer-events: none;
 }
 
-.rs-auto-complete__list {
-  z-index: calc(var(--rs-z-modal) + 2);
+.rs-tree-select__search {
   box-sizing: border-box;
-  min-width: 8rem;
-  max-width: min(24rem, calc(100vw - 1rem));
-  max-height: 16rem;
-  margin: 0;
-  padding: var(--rs-space-xs);
-  overflow: auto;
-  border: 1px solid var(--rs-dialog-border, var(--rs-border));
-  border-radius: var(--rs-radius);
-  background: var(--rs-surface-elevated);
-  box-shadow: var(--rs-shadow-lg);
-  color: var(--rs-text);
-  font-size: var(--rs-font-size-sm);
-  line-height: var(--rs-line-height-tight);
-  list-style: none;
-}
-
-.rs-auto-complete__label {
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.rs-auto-complete__item {
-  display: flex;
-  align-items: center;
   width: 100%;
-  box-sizing: border-box;
-  padding: var(--rs-space-sm) var(--rs-space-md);
+  height: var(--rs-control-height-sm);
+  padding-block: 0;
+  padding-inline: calc(var(--rs-space-sm) + 1rem) var(--rs-space-sm);
+  border: 1px solid var(--rs-input-border, var(--rs-border));
   border-radius: var(--rs-radius-sm);
+  background: var(--rs-input-bg);
   color: var(--rs-text);
+  font: inherit;
   font-size: var(--rs-font-size-sm);
-  line-height: var(--rs-line-height-tight);
-  cursor: pointer;
-  user-select: none;
-  transition:
-    background var(--rs-transition-fast),
-    color var(--rs-transition-fast);
+  box-shadow: var(--rs-input-shadow, none);
 }
 
-.rs-auto-complete__item--active,
-.rs-auto-complete__item:hover:not(.rs-auto-complete__item--disabled) {
-  background: var(--rs-item-hover);
+.rs-tree-select__search::placeholder {
+  color: var(--rs-placeholder);
 }
 
-.rs-auto-complete__item--disabled {
-  opacity: 0.38;
-  cursor: not-allowed;
+.rs-tree-select__search:focus-visible {
+  outline: none;
+  border-color: var(--rs-focus-border, var(--rs-primary));
+  box-shadow:
+    var(--rs-input-shadow, none),
+    0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
 }
 
-.rs-auto-complete__empty {
-  padding: var(--rs-space-md);
-  color: var(--rs-muted);
-  font-size: var(--rs-font-size-sm);
-  text-align: center;
+.rs-tree-select__tree {
+  max-height: var(--rs-tree-select-panel-max-h);
+  overflow: auto;
 }
 
-.rs-auto-complete__mark {
-  padding: 0;
-  background: color-mix(in srgb, var(--rs-primary) 22%, transparent);
-  color: inherit;
-  font-weight: var(--rs-font-weight-medium);
-  border-radius: 0.125rem;
+.rs-tree-select__tree--virtual {
+  height: var(--rs-tree-select-list-height, 256px);
+  max-height: var(--rs-tree-select-list-height, 256px);
+  overflow: hidden;
 }
 
 .rs-field {
@@ -2092,7 +2222,7 @@ code {
   display: inline-flex;
   align-items: center;
   flex-wrap: nowrap;
-  gap: 0.25rem;
+  gap: var(--rs-label-gap);
   color: var(--rs-label-color);
   font-size: var(--rs-label-font-size);
   font-weight: var(--rs-label-font-weight);
@@ -2163,106 +2293,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);
-}