niuma-ui 1.1.12 → 1.2.0

package/dist/styles.css

@@ -0,0 +1,2005 @@
+
+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%);
+}
+
+
+/* ── 静态 token（不随明暗变化） ── */
+:root {
+  --rs-radius-xs: 0.25rem;
+  --rs-radius-sm: 0.5rem;
+  --rs-radius: 0.75rem;
+  --rs-radius-lg: 1rem;
+  --rs-radius-full: 9999px;
+
+  /*
+   * 排版阶梯（对齐 Ant Design / Arco / MD3 常用档位）
+   * xs=Caption · sm=Secondary · base=Body · lg=Emphasized
+   * xl=Title · 2xl=Heading · 3xl=Display
+   */
+  --rs-font-size-xs: 0.75rem; /* 12px @ 16 */
+  --rs-font-size-sm: 0.875rem; /* 14px */
+  --rs-font-size-base: 1rem; /* 16px */
+  --rs-font-size-lg: 1.125rem; /* 18px */
+  --rs-font-size-xl: 1.25rem; /* 20px */
+  --rs-font-size-2xl: 1.5rem; /* 24px */
+  --rs-font-size-3xl: 1.875rem; /* 30px */
+
+  --rs-font-weight-regular: 400;
+  --rs-font-weight-medium: 500;
+  --rs-font-weight-semibold: 600;
+  --rs-font-weight-bold: 700;
+
+  --rs-line-height-tight: 1.25;
+  --rs-line-height-normal: 1.5;
+  --rs-line-height-relaxed: 1.625;
+
+  /* 字体族：业务可整体替换，组件勿硬编码 system 栈 */
+  --rs-font-sans:
+    -apple-system,
+    BlinkMacSystemFont,
+    'SF Pro Text',
+    'SF Pro Display',
+    system-ui,
+    'Segoe UI',
+    Roboto,
+    'Helvetica Neue',
+    'PingFang SC',
+    'Microsoft YaHei',
+    sans-serif;
+  --rs-font-mono: ui-monospace, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
+  --rs-font-serif:
+    'Noto Serif SC',
+    'Source Han Serif SC',
+    'Songti SC',
+    Georgia,
+    'Times New Roman',
+    serif;
+  --rs-font-rounded: ui-rounded, 'SF Pro Rounded', 'Segoe UI', system-ui, sans-serif;
+
+  /* 代码编辑器（CodeMirror / Monaco）：JS API 从这些 token 读取 */
+  --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);
+
+  /* 富文本阅读面（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);
+
+  /* 终端排版（xterm 构造时读取；宿主可单独覆盖） */
+  --rs-terminal-font-family: var(--rs-font-mono);
+  --rs-terminal-font-size: var(--rs-font-size-sm);
+  --rs-terminal-font-weight: var(--rs-font-weight-regular);
+  --rs-terminal-font-weight-bold: var(--rs-font-weight-medium);
+
+  --rs-control-height-ssm: 1.25rem;
+  --rs-control-height-sm: 1.5rem;
+  --rs-control-height-md: 2rem;
+  --rs-control-height-lg: 2.5rem;
+
+  --rs-space-xs: 0.25rem;
+  --rs-space-sm: 0.5rem;
+  --rs-space-md: 0.75rem;
+  --rs-space-lg: 1rem;
+  --rs-space-xl: 1.5rem;
+
+  --rs-container-max-sm: 40rem;
+  --rs-container-max-md: 48rem;
+  --rs-container-max-lg: 64rem;
+  --rs-container-max-xl: 80rem;
+  --rs-container-max-full: 100%;
+
+  --rs-z-tooltip: 10;
+  --rs-z-dropdown: 50;
+  /* Shell 底部 Dock / 常驻面板：低于 modal，避免盖住弹出对话框 */
+  --rs-z-panel: 80;
+  --rs-z-modal: 100;
+  /* 顶栏加载条：高于 modal，低于 toast，避免遮挡通知 */
+  --rs-z-loading-bar: 190;
+  --rs-z-toast: 200;
+
+  --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);
+
+  /* Dialog 尺寸（静态；颜色在主题块内） */
+  --rs-dialog-header-padding-y: var(--rs-space-md);
+  --rs-dialog-header-padding-x: var(--rs-space-xl);
+  --rs-dialog-footer-padding-y: var(--rs-space-md);
+  --rs-dialog-footer-padding-x: var(--rs-space-xl);
+  --rs-dialog-body-padding-y: var(--rs-space-xl);
+  --rs-dialog-body-padding-x: var(--rs-space-xl);
+  /* 默认 0：由内容撑开；宿主可设为固定栏高（如 36px） */
+  --rs-dialog-header-min-height: 0px;
+  --rs-dialog-footer-min-height: 0px;
+  /* 默认 auto：不锁死；宿主设为具体值即固定栏高 */
+  --rs-dialog-header-height: auto;
+  --rs-dialog-footer-height: auto;
+  /* footer 顶部分割线；设为 transparent 可做开放式底栏 */
+  --rs-dialog-footer-border: color-mix(in srgb, var(--rs-dialog-separator, var(--rs-border-subtle)) 72%, transparent);
+
+  /* Drawer 尺寸（静态；颜色在主题块内） */
+  --rs-drawer-header-padding-y: var(--rs-space-md);
+  --rs-drawer-header-padding-x: var(--rs-space-xl);
+  --rs-drawer-footer-padding-y: var(--rs-space-md);
+  --rs-drawer-footer-padding-x: var(--rs-space-xl);
+  --rs-drawer-body-padding-y: var(--rs-space-xl);
+  --rs-drawer-body-padding-x: var(--rs-space-xl);
+  /* 默认 0：由内容撑开；宿主可设为固定栏高（如 36px） */
+  --rs-drawer-header-min-height: 0px;
+  --rs-drawer-footer-min-height: 0px;
+  /* 默认 auto：不锁死；宿主设为具体值即固定栏高 */
+  --rs-drawer-header-height: auto;
+  --rs-drawer-footer-height: auto;
+  /* footer 顶部分割线；设为 transparent 可做开放式底栏 */
+  --rs-drawer-footer-border: var(--rs-drawer-separator, var(--rs-border-subtle));
+  /* 滑入 / 滑出时长（与 RsDrawer keyframes 对齐） */
+  --rs-drawer-motion-duration-in: 240ms;
+  --rs-drawer-motion-duration-out: 180ms;
+
+  /* Menu 尺寸（静态；颜色在主题块内） */
+  --rs-menu-item-height: var(--rs-control-height-md);
+  --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);
+
+  /*
+   * 表单标签（RsLabel / .rs-field__label 共用）
+   * 默认对齐 Ant Form：与正文同档 14px；颜色在主题块内。
+   */
+  --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);
+
+  /* FTP 图标内嵌字样默认强调色 */
+  --rs-icon-ftp-accent: #ea580c;
+  --rs-icon-ftp-on-accent: #ffffff;
+
+  /* Redis 品牌图标默认强调色（Redis 官方红） */
+  --rs-icon-redis-accent: #dc382d;
+
+  /* MongoDB 品牌图标默认强调色（MongoDB 官方绿） */
+  --rs-icon-mongodb-accent: #47a248;
+
+  /* Vastbase 品牌图标默认强调色（海量数据官网橙） */
+  --rs-icon-vastbase-accent: #ff6f1a;
+
+  /* MySQL 品牌图标默认强调色（MySQL 官方蓝） */
+  --rs-icon-mysql-accent: #4479a1;
+
+  /* Dameng 品牌图标默认色（官网 logo 取样：蓝 / 红） */
+  --rs-icon-dameng-accent: #0000d2;
+  --rs-icon-dameng-wave: #ec1b34;
+
+  /* SQLite 品牌图标默认强调色（SQLite 官方蓝） */
+  --rs-icon-sqlite-accent: #003b57;
+
+  /* Oracle 品牌图标默认强调色（Oracle 官方红） */
+  --rs-icon-oracle-accent: #f80000;
+
+  /* ClickHouse 品牌图标默认强调色（ClickHouse 官方黄） */
+  --rs-icon-clickhouse-accent: #ffcc01;
+
+  /* 人大金仓品牌图标默认强调色（官网政务红） */
+  --rs-icon-kingbase-accent: #c9151e;
+
+  /* SQL Server 品牌图标默认强调色（Simple Icons / 产品红） */
+  --rs-icon-sqlserver-accent: #cc2927;
+
+  /* PostgreSQL 品牌图标默认强调色（官方大象蓝） */
+  --rs-icon-postgres-accent: #336791;
+
+  /* macOS 风格原生滚动条（与 RsScrollbar 视觉一致） */
+  --rs-scrollbar-size: 13px;
+  --rs-scrollbar-padding: 2px;
+}
+
+/* ── 公共暗色：VS Code Dark Modern 中性灰阶 × macOS 深色规范 ── */
+:root,
+[data-rs-theme='dark'] {
+  color-scheme: dark;
+
+  --rs-primary: #0a84ff;
+  --rs-primary-hover: #409cff;
+  --rs-primary-foreground: #ffffff;
+  --rs-primary-container: #0a2540;
+  --rs-on-primary-container: #6cb4ff;
+  /* 分层：frame/sidebar(#181818) < 内容(#1f1f1f) < 悬浮层/对话框(#262626) */
+  --rs-bg: #181818;
+  --rs-surface: #1f1f1f;
+  --rs-surface-elevated: #262626;
+  --rs-surface-hover: #2e2e2e;
+  --rs-item-hover: rgb(255 255 255 / 0.08);
+
+  /* ── Table（VS Code Dark Modern 列表/表格语义）──
+   * 灰阶斑马纹 + 主色选中（选中与条纹语义分离） */
+  --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-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-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-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));
+  --rs-table-row-highlight-fg: var(--rs-table-fg);
+  --rs-table-row-highlight-accent: color-mix(in srgb, var(--rs-primary) 65%, transparent);
+  --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-sort-active-fg: var(--rs-primary);
+  --rs-table-drop-indicator: var(--rs-primary);
+  --rs-table-resize-handle: #6e6e6e;
+  --rs-table-resize-handle-hover: var(--rs-primary);
+
+  /* ── Tree（导航线 / 行选中 / 焦点；业务可覆盖）── */
+  --rs-tree-line: color-mix(in srgb, var(--rs-text) 14%, transparent);
+  --rs-tree-line-width: 1px;
+  --rs-tree-row-hover: var(--rs-item-hover);
+  --rs-tree-selected-bg: color-mix(in srgb, var(--rs-primary) 12%, var(--rs-surface));
+  --rs-tree-selected-fg: var(--rs-text);
+  --rs-tree-focused-bg: color-mix(in srgb, var(--rs-primary) 8%, var(--rs-surface));
+  --rs-tree-focused-ring: color-mix(in srgb, var(--rs-primary) 28%, transparent);
+  --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);
+
+  /* VS Code 式抬升型输入底（比内容略亮），非 macOS 凹陷井 */
+  /* WCAG AA: input-border 3.18:1 vs #2b2b2b; border 3.24:1 vs #1f1f1f; placeholder 4.5:1 vs #2b2b2b */
+  --rs-input-bg: #2b2b2b;
+  --rs-input-border: #767676;
+  --rs-input-border-hover: #8c8c8c;
+  --rs-input-shadow: none;
+  --rs-border: #6e6e6e;
+  --rs-border-subtle: #3a3a3a;
+  /*
+   * Button secondary/default：轮廓与底色独立于分隔线 --rs-border，
+   * 业务可用 --rs-btn-* 覆盖（见 theme/brand.example.css）。
+   */
+  --rs-btn-outline-border: #a3a3a3;
+  --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));
+  --rs-text: #cccccc;
+  --rs-muted: #9d9d9d;
+  --rs-placeholder: #919191;
+  /* 文字语义 alias（Ant / Arco 四级 + link；底层仍可用 --rs-text / --rs-muted） */
+  --rs-text-primary: var(--rs-text);
+  --rs-text-secondary: var(--rs-muted);
+  --rs-text-tertiary: var(--rs-placeholder);
+  --rs-text-disabled: #6e6e6e;
+  --rs-text-inverse: #ffffff;
+  --rs-text-link: var(--rs-primary);
+  --rs-text-link-hover: var(--rs-primary-hover);
+  --rs-label-color: var(--rs-text);
+  --rs-danger: #ff453a;
+  --rs-danger-container: #3b1210;
+  --rs-on-danger-container: #ff8a84;
+  --rs-success: #30d158;
+  --rs-success-container: #0d2818;
+  --rs-on-success-container: #6ee79a;
+  --rs-warning: #ff9f0a;
+  --rs-warning-container: #2e1f08;
+  --rs-on-warning-container: #ffc46b;
+  --rs-info: #0a84ff;
+  --rs-info-container: #0a2540;
+  --rs-on-info-container: #6cb4ff;
+
+  --rs-icon-ftp-accent: #fb923c;
+  --rs-icon-ftp-on-accent: #ffffff;
+  --rs-icon-redis-accent: #ff6f61;
+  --rs-icon-mongodb-accent: #5cb85c;
+  --rs-icon-vastbase-accent: #ff8a3d;
+  --rs-icon-mysql-accent: #5a9fd4;
+  --rs-icon-sqlite-accent: #5aafd4;
+  --rs-icon-dameng-accent: #4d4dff;
+  --rs-icon-dameng-wave: #ff4d63;
+  --rs-icon-oracle-accent: #ff4d4d;
+  --rs-icon-clickhouse-accent: #ffe066;
+  --rs-icon-kingbase-accent: #ff4d57;
+  --rs-icon-sqlserver-accent: #ff5a57;
+  --rs-icon-postgres-accent: #6a9ec4;
+  --rs-focus-border: var(--rs-primary);
+  --rs-focus-ring: color-mix(in srgb, var(--rs-primary) 28%, transparent);
+  --rs-focus-ring-width: 2px;
+
+  /* ── Dialog（浮层语义；默认 alias 全局 surface，业务可单独覆盖）── */
+  /* 遮罩默认最浅：可看清背后内容；可用 --rs-dialog-overlay-* 或 overlayOpacity/Blur 加深 */
+  --rs-dialog-overlay-bg: rgb(0 0 0 / 0.24);
+  --rs-dialog-overlay-blur: 0px;
+  --rs-dialog-border: color-mix(in srgb, var(--rs-border) 72%, transparent);
+  --rs-dialog-separator: var(--rs-border-subtle);
+  --rs-dialog-shadow:
+    0 0 0 0.5px color-mix(in srgb, var(--rs-border) 50%, transparent),
+    0 18px 48px rgb(0 0 0 / 0.48),
+    0 4px 14px rgb(0 0 0 / 0.28);
+  /* 默认同色面：header/body/footer 统一，仅靠 separator 分区 */
+  --rs-dialog-body-bg: var(--rs-surface);
+  --rs-dialog-header-bg: var(--rs-dialog-body-bg);
+  --rs-dialog-footer-bg: var(--rs-dialog-body-bg);
+  --rs-dialog-bg: var(--rs-dialog-body-bg);
+  --rs-dialog-title-fg: var(--rs-text);
+  --rs-dialog-description-fg: var(--rs-muted);
+
+  /* ── Drawer（浮层语义；默认 alias 全局 surface，业务可单独覆盖）── */
+  --rs-drawer-border: var(--rs-border);
+  --rs-drawer-separator: var(--rs-border-subtle);
+  --rs-drawer-body-bg: var(--rs-surface-elevated);
+  --rs-drawer-header-bg: var(--rs-drawer-body-bg);
+  --rs-drawer-footer-bg: var(--rs-drawer-body-bg);
+  --rs-drawer-title-fg: var(--rs-text);
+  --rs-drawer-description-fg: var(--rs-muted);
+  --rs-drawer-overlay-bg: var(--rs-dialog-overlay-bg);
+  --rs-drawer-overlay-blur: var(--rs-dialog-overlay-blur);
+
+  /* ── Tag / DynamicTags（可被业务覆盖）── */
+  --rs-tag-font-weight: var(--rs-font-weight-regular);
+  --rs-tag-border-alpha: 40%;
+  --rs-dynamic-tags-bg: var(--rs-input-bg);
+  --rs-dynamic-tags-border: var(--rs-input-border);
+  --rs-dynamic-tags-border-hover: var(--rs-input-border-hover);
+  --rs-dynamic-tags-shadow: var(--rs-input-shadow);
+  --rs-dynamic-tags-radius: var(--rs-radius);
+  --rs-dynamic-tags-gap: var(--rs-space-xs);
+  --rs-dynamic-tags-padding: var(--rs-space-xs);
+  --rs-dynamic-tags-trigger-border: var(--rs-border);
+
+  /* ── Menu（侧栏 / 导航；业务可在父级覆盖，无需 :deep）── */
+  --rs-menu-item-fg: var(--rs-muted);
+  --rs-menu-item-fg-hover: var(--rs-text);
+  --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;
+
+  /* ── Alert（反馈条；正文色可按主题单独调）── */
+  --rs-alert-radius: var(--rs-radius);
+  --rs-alert-gap: var(--rs-space-sm);
+  --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);
+
+  /* ── Descriptions（描述列表栅格）── */
+  --rs-descriptions-radius: var(--rs-radius);
+  --rs-descriptions-border: var(--rs-border);
+  /* 标签列用实色表面混合，避免 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);
+
+  /* ── Card（macOS grouped panel / inset 分组卡片）── */
+  --rs-card-border: #3a3a3a;
+  --rs-card-separator: #484848;
+  --rs-card-header-bg: #2b2b2b;
+  --rs-card-body-bg: #1f1f1f;
+  --rs-card-title-fg: #ffffff;
+  --rs-card-description-fg: #9d9d9d;
+  --rs-card-shadow:
+    0 0 0 0.5px rgb(255 255 255 / 0.06),
+    0 1px 2px rgb(0 0 0 / 0.2);
+  --rs-card-shadow-elevated:
+    0 0 0 0.5px rgb(255 255 255 / 0.08),
+    0 4px 16px rgb(0 0 0 / 0.4),
+    0 1px 3px rgb(0 0 0 / 0.28);
+  --rs-card-filled-bg: #262626;
+  --rs-card-filled-elevated-shadow:
+    0 1px 2px rgb(0 0 0 / 0.35),
+    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);
+
+  /* ── Terminal（macOS Terminal.app 风格：柔和 ANSI + 可读斑马纹）── */
+  --rs-terminal-shell-bg: #141416;
+  --rs-terminal-bg: #1e1e1e;
+  --rs-terminal-fg: #ebebf0;
+  --rs-terminal-cursor: #f5f5f7;
+  --rs-terminal-cursor-accent: var(--rs-terminal-bg);
+  /* 偶数行 bg / 奇数行 stripe，对比克制但可扫读 */
+  --rs-terminal-row-stripe: #27272a;
+  --rs-terminal-selection-bg: color-mix(in srgb, var(--rs-primary) 38%, #1e1e1e);
+  --rs-terminal-selection-fg: #ffffff;
+  --rs-terminal-border: rgb(255 255 255 / 0.1);
+  --rs-terminal-ansi-black: #000000;
+  --rs-terminal-ansi-red: #c75450;
+  --rs-terminal-ansi-green: #7dcc7d;
+  --rs-terminal-ansi-yellow: #d8d890;
+  --rs-terminal-ansi-blue: #6e9bf5;
+  --rs-terminal-ansi-magenta: #c89ae8;
+  --rs-terminal-ansi-cyan: #6ec9c9;
+  --rs-terminal-ansi-white: #d9d9de;
+  --rs-terminal-ansi-bright-black: #6e6e73;
+  --rs-terminal-ansi-bright-red: #f77669;
+  --rs-terminal-ansi-bright-green: #98d898;
+  --rs-terminal-ansi-bright-yellow: #ffffb8;
+  --rs-terminal-ansi-bright-blue: #8aadf4;
+  --rs-terminal-ansi-bright-magenta: #d4a8f0;
+  --rs-terminal-ansi-bright-cyan: #8ad4d4;
+  --rs-terminal-ansi-bright-white: #ffffff;
+
+  --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);
+  --rs-shadow-lg: 0 12px 32px rgb(0 0 0 / 0.5), 0 0 0 0.5px rgb(255 255 255 / 0.1);
+}
+
+/* ── 公共亮色：macOS systemBackground / label 色阶 ── */
+[data-rs-theme='light'] {
+  color-scheme: light;
+
+  --rs-primary: #007aff;
+  --rs-primary-hover: #0071eb;
+  --rs-primary-foreground: #ffffff;
+  --rs-primary-container: #e5f1ff;
+  --rs-on-primary-container: #003d99;
+  --rs-bg: #f5f5f7;
+  --rs-surface: #ffffff;
+  --rs-surface-elevated: #ffffff;
+  --rs-surface-hover: #e8e8ed;
+  --rs-item-hover: rgb(0 0 0 / 0.05);
+
+  /* ── Table（VS Code Light Modern 列表/表格语义）── */
+  --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-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-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-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-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-sort-active-fg: var(--rs-primary);
+  --rs-table-drop-indicator: var(--rs-primary);
+  --rs-table-resize-handle: #8c8c8c;
+  --rs-table-resize-handle-hover: var(--rs-primary);
+
+  /* ── Tree（导航线 / 行选中 / 焦点；业务可覆盖）── */
+  --rs-tree-line: color-mix(in srgb, var(--rs-text) 10%, transparent);
+  --rs-tree-line-width: 1px;
+  --rs-tree-row-hover: var(--rs-item-hover);
+  --rs-tree-selected-bg: color-mix(in srgb, var(--rs-primary) 8%, var(--rs-surface));
+  --rs-tree-selected-fg: var(--rs-text);
+  --rs-tree-focused-bg: color-mix(in srgb, var(--rs-primary) 5%, var(--rs-surface));
+  --rs-tree-focused-ring: color-mix(in srgb, var(--rs-primary) 22%, transparent);
+  --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);
+
+  /* macOS separator 风格：默认边框偏柔，focus 环承担可访问性反馈 */
+  --rs-input-bg: #ffffff;
+  --rs-input-border: rgb(60 60 67 / 0.18);
+  --rs-input-border-hover: rgb(60 60 67 / 0.30);
+  --rs-input-shadow: none;
+  --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-* 即可，无需改组件。
+   */
+  --rs-btn-outline-border: #6e6e73;
+  --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));
+  --rs-text: #1d1d1f;
+  --rs-muted: #6e6e73;
+  --rs-placeholder: #909090;
+  /* 文字语义 alias（Ant / Arco 四级 + link；底层仍可用 --rs-text / --rs-muted） */
+  --rs-text-primary: var(--rs-text);
+  --rs-text-secondary: var(--rs-muted);
+  --rs-text-tertiary: var(--rs-placeholder);
+  --rs-text-disabled: #aeaeb2;
+  --rs-text-inverse: #ffffff;
+  --rs-text-link: var(--rs-primary);
+  --rs-text-link-hover: var(--rs-primary-hover);
+  --rs-label-color: var(--rs-text);
+  --rs-danger: #ff3b30;
+  --rs-danger-container: #ffe5e3;
+  --rs-on-danger-container: #c41e16;
+  --rs-success: #34c759;
+  --rs-success-container: #e4f8e9;
+  --rs-on-success-container: #1a7f37;
+  --rs-warning: #ff9500;
+  --rs-warning-container: #fff3e0;
+  --rs-on-warning-container: #b26500;
+  --rs-info: #007aff;
+  --rs-info-container: #e5f1ff;
+  --rs-on-info-container: #003d99;
+  --rs-focus-border: var(--rs-primary);
+  --rs-focus-ring: color-mix(in srgb, var(--rs-primary) 22%, transparent);
+  --rs-focus-ring-width: 2px;
+
+  /* ── Dialog（浮层语义；默认 alias 全局 surface，业务可单独覆盖）── */
+  /* 遮罩默认最浅：可看清背后内容；可用 --rs-dialog-overlay-* 或 overlayOpacity/Blur 加深 */
+  --rs-dialog-overlay-bg: rgb(0 0 0 / 0.08);
+  --rs-dialog-overlay-blur: 0px;
+  --rs-dialog-border: color-mix(in srgb, var(--rs-border) 88%, transparent);
+  --rs-dialog-separator: var(--rs-border-subtle);
+  --rs-dialog-shadow:
+    0 0 0 0.5px color-mix(in srgb, var(--rs-border) 70%, transparent),
+    0 16px 40px rgb(0 0 0 / 0.14),
+    0 4px 12px rgb(0 0 0 / 0.06);
+  --rs-dialog-body-bg: var(--rs-surface);
+  --rs-dialog-header-bg: var(--rs-dialog-body-bg);
+  --rs-dialog-footer-bg: var(--rs-dialog-body-bg);
+  --rs-dialog-bg: var(--rs-dialog-body-bg);
+  --rs-dialog-title-fg: var(--rs-text);
+  --rs-dialog-description-fg: var(--rs-muted);
+
+  /* ── Drawer（浮层语义；默认 alias 全局 surface，业务可单独覆盖）── */
+  --rs-drawer-border: var(--rs-border);
+  --rs-drawer-separator: var(--rs-border-subtle);
+  --rs-drawer-body-bg: var(--rs-surface-elevated);
+  --rs-drawer-header-bg: var(--rs-drawer-body-bg);
+  --rs-drawer-footer-bg: var(--rs-drawer-body-bg);
+  --rs-drawer-title-fg: var(--rs-text);
+  --rs-drawer-description-fg: var(--rs-muted);
+  --rs-drawer-overlay-bg: var(--rs-dialog-overlay-bg);
+  --rs-drawer-overlay-blur: var(--rs-dialog-overlay-blur);
+
+  /* ── Tag / DynamicTags（可被业务覆盖）── */
+  --rs-tag-font-weight: var(--rs-font-weight-regular);
+  --rs-tag-border-alpha: 40%;
+  --rs-dynamic-tags-bg: var(--rs-input-bg);
+  --rs-dynamic-tags-border: var(--rs-input-border);
+  --rs-dynamic-tags-border-hover: var(--rs-input-border-hover);
+  --rs-dynamic-tags-shadow: var(--rs-input-shadow);
+  --rs-dynamic-tags-radius: var(--rs-radius);
+  --rs-dynamic-tags-gap: var(--rs-space-xs);
+  --rs-dynamic-tags-padding: var(--rs-space-xs);
+  --rs-dynamic-tags-trigger-border: var(--rs-border);
+
+  /* ── Menu（侧栏 / 导航；业务可在父级覆盖，无需 :deep）── */
+  --rs-menu-item-fg: var(--rs-muted);
+  --rs-menu-item-fg-hover: var(--rs-text);
+  --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;
+
+  /* ── Alert（反馈条；正文色可按主题单独调）── */
+  --rs-alert-radius: var(--rs-radius);
+  --rs-alert-gap: var(--rs-space-sm);
+  --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);
+
+  /* ── Descriptions（描述列表栅格）── */
+  --rs-descriptions-radius: var(--rs-radius);
+  --rs-descriptions-border: var(--rs-border);
+  /* 标签列用实色表面混合，避免 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);
+
+  /* ── Card（macOS systemGroupedBackground 上的圆角分组卡片）── */
+  --rs-card-border: rgb(60 60 67 / 0.14);
+  --rs-card-separator: #d4d4d6;
+  --rs-card-header-bg: #f8f8f8;
+  --rs-card-body-bg: #ffffff;
+  --rs-card-title-fg: var(--rs-text);
+  --rs-card-description-fg: var(--rs-muted);
+  --rs-card-shadow:
+    0 0 0 0.5px rgb(0 0 0 / 0.04),
+    0 1px 2px rgb(0 0 0 / 0.03);
+  --rs-card-shadow-elevated:
+    0 0 0 0.5px rgb(0 0 0 / 0.06),
+    0 4px 16px rgb(0 0 0 / 0.08),
+    0 1px 3px rgb(0 0 0 / 0.04);
+  --rs-card-filled-bg: #f3f3f5;
+  --rs-card-filled-elevated-shadow:
+    0 1px 2px rgb(0 0 0 / 0.12),
+    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);
+
+  /* ── Terminal（macOS Terminal.app 亮色：systemBackground + 浅灰斑马纹）── */
+  --rs-terminal-shell-bg: #ececf0;
+  --rs-terminal-bg: #ffffff;
+  --rs-terminal-fg: #1d1d1f;
+  --rs-terminal-cursor: #1d1d1f;
+  --rs-terminal-cursor-accent: var(--rs-terminal-bg);
+  --rs-terminal-row-stripe: #f0f9ff;
+  --rs-terminal-selection-bg: color-mix(in srgb, var(--rs-primary) 26%, #ffffff);
+  --rs-terminal-selection-fg: #1d1d1f;
+  --rs-terminal-border: rgb(60 60 67 / 0.14);
+  --rs-terminal-ansi-black: #3a3a3c;
+  --rs-terminal-ansi-red: #d1453b;
+  --rs-terminal-ansi-green: #2f8a42;
+  --rs-terminal-ansi-yellow: #9a8f2e;
+  --rs-terminal-ansi-blue: #1b6fe0;
+  --rs-terminal-ansi-magenta: #a34fa8;
+  --rs-terminal-ansi-cyan: #1a8f98;
+  --rs-terminal-ansi-white: #6e6e73;
+  --rs-terminal-ansi-bright-black: #636366;
+  --rs-terminal-ansi-bright-red: #e02f22;
+  --rs-terminal-ansi-bright-green: #248a3d;
+  --rs-terminal-ansi-bright-yellow: #7a7000;
+  --rs-terminal-ansi-bright-blue: #0056d6;
+  --rs-terminal-ansi-bright-magenta: #b030b5;
+  --rs-terminal-ansi-bright-cyan: #0d7f8a;
+  --rs-terminal-ansi-bright-white: #1d1d1f;
+
+  --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);
+  --rs-shadow-lg: 0 12px 32px rgb(0 0 0 / 0.12), 0 0 0 0.5px rgb(0 0 0 / 0.08);
+
+  --rs-icon-ftp-accent: #ea580c;
+  --rs-icon-ftp-on-accent: #ffffff;
+  --rs-icon-redis-accent: #dc382d;
+  --rs-icon-mongodb-accent: #47a248;
+  --rs-icon-vastbase-accent: #ff6f1a;
+  --rs-icon-mysql-accent: #4479a1;
+  --rs-icon-sqlite-accent: #003b57;
+  --rs-icon-dameng-accent: #0000d2;
+  --rs-icon-dameng-wave: #ec1b34;
+  --rs-icon-oracle-accent: #f80000;
+  --rs-icon-clickhouse-accent: #ffcc01;
+  --rs-icon-kingbase-accent: #c9151e;
+  --rs-icon-sqlserver-accent: #cc2927;
+  --rs-icon-postgres-accent: #336791;
+}
+
+/**
+ * 装饰性动效 opt-in：仅对挂载了 .rs-motion-reduce 的元素在无障碍「减少动画」下关闭 animation/transition。
+ * Loading（RsButton / RsLoading / RsIcon spin）等状态反馈默认不降级。
+ */
+@media (prefers-reduced-motion: reduce) {
+  .rs-motion-reduce,
+  .rs-motion-reduce::before,
+  .rs-motion-reduce::after {
+    animation: none !important;
+    transition: none !important;
+  }
+}
+
+/* 原生滚动条：WebKit + Firefox，颜色随 --rs-* 主题 token 变化 */
+.rs-native-scrollbar {
+  scrollbar-width: thin;
+  scrollbar-color: color-mix(in srgb, var(--rs-muted) 60%, transparent) transparent;
+  -webkit-overflow-scrolling: touch;
+}
+
+.rs-native-scrollbar::-webkit-scrollbar {
+  width: var(--rs-scrollbar-size);
+  height: var(--rs-scrollbar-size);
+}
+
+.rs-native-scrollbar::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.rs-native-scrollbar::-webkit-scrollbar-thumb {
+  border: var(--rs-scrollbar-padding) solid transparent;
+  border-radius: var(--rs-radius-full);
+  background: color-mix(in srgb, var(--rs-muted) 60%, transparent);
+  background-clip: padding-box;
+  transition: background var(--rs-transition-fast);
+}
+
+.rs-native-scrollbar::-webkit-scrollbar-thumb:hover {
+  background: color-mix(in srgb, var(--rs-primary) 40%, var(--rs-muted));
+  background-clip: padding-box;
+}
+
+.rs-native-scrollbar::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+body {
+  margin: 0;
+  font-family: var(--rs-font-sans);
+  font-size: var(--rs-font-size-base);
+  font-weight: var(--rs-font-weight-regular);
+  line-height: var(--rs-line-height-normal);
+  background: var(--rs-bg);
+  color: var(--rs-text-primary);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  color: var(--rs-text-link);
+  text-decoration: none;
+  transition: color var(--rs-transition-fast);
+}
+
+a:hover {
+  color: var(--rs-text-link-hover);
+}
+
+code {
+  color: var(--rs-on-primary-container);
+  font-family: var(--rs-font-mono);
+  font-size: 0.9em;
+}
+
+.rs-focus-ring:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
+}
+
+/*
+ * 默认：面板可宽于触发器（min-width 对齐触发器，width 随内容，max-width 封顶）。
+ * matchTriggerWidth：加 --match-trigger，强制与触发器等宽。
+ * 注意：虚拟列表绝对定位项不参与撑开父级宽度，内容撑宽在 virtual 下不可靠（见 RsSelect prop 注释）。
+ */
+.rs-select__content {
+  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));
+  max-width: min(24rem, calc(100vw - 1rem));
+  max-height: var(--reka-combobox-content-available-height);
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  border-radius: var(--rs-radius);
+  border: 1px solid var(--rs-dialog-border, var(--rs-border));
+  background: var(--rs-surface-elevated);
+  box-shadow: var(--rs-shadow-lg);
+  color: var(--rs-text);
+  outline: none;
+}
+
+.rs-select__content--match-trigger {
+  width: var(--reka-combobox-trigger-width, var(--reka-popper-anchor-width));
+  max-width: none;
+}
+
+/* Popper 外层：默认允许随内容变宽；等宽模式锁死为触发器宽度 */
+/* z-index 提升到 modal 之上，避免在 RsDialog 内被对话框遮挡 */
+[data-reka-popper-content-wrapper]:has(> .rs-select__content) {
+  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));
+}
+
+[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;
+}
+
+[data-reka-popper-content-wrapper]:has(> .rs-date-picker__content) {
+  z-index: calc(var(--rs-z-modal) + 2);
+}
+
+/* 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);
+}
+
+/* 日期面板内嵌时间选择：wrapper 也须高于日期面板，否则 portal 后仍被日历盖住 */
+[data-reka-popper-content-wrapper]:has(> .rs-time-picker__content--embedded) {
+  z-index: calc(var(--rs-z-modal) + 3);
+}
+
+.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:
+    var(--rs-input-shadow, none),
+    0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
+}
+
+.rs-select__search-icon {
+  flex-shrink: 0;
+  color: var(--rs-muted);
+}
+
+.rs-select__search {
+  flex: 1;
+  min-width: 0;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  border: none;
+  border-radius: 0;
+  background: transparent;
+  color: var(--rs-text);
+  font-size: var(--rs-font-size-sm);
+  line-height: var(--rs-line-height-normal);
+  outline: none;
+  box-shadow: none;
+}
+
+.rs-select__search:focus {
+  border: none;
+  box-shadow: none;
+}
+
+.rs-select__search::placeholder {
+  color: var(--rs-placeholder);
+}
+
+.rs-select__panel-header,
+.rs-select__panel-footer {
+  flex-shrink: 0;
+  padding: var(--rs-space-xs) var(--rs-space-sm);
+  font-size: var(--rs-font-size-xs);
+  line-height: var(--rs-line-height-normal);
+  color: var(--rs-muted);
+}
+
+.rs-select__panel-header {
+  border-bottom: 1px solid var(--rs-border-subtle);
+}
+
+.rs-select__panel-footer {
+  border-top: 1px solid var(--rs-border-subtle);
+}
+
+.rs-select__viewport {
+  overflow-y: auto;
+  max-height: min(
+    var(--rs-select-list-height, 256px),
+    var(--reka-combobox-content-available-height, 256px)
+  );
+  padding: 0 var(--rs-space-xs) var(--rs-space-xs);
+}
+
+.rs-select__content:not(:has(.rs-select__search-bar)) .rs-select__viewport {
+  padding-top: var(--rs-space-xs);
+}
+
+.rs-select__status,
+.rs-select__empty {
+  padding: var(--rs-space-md) var(--rs-space-md);
+  font-size: var(--rs-font-size-sm);
+  line-height: var(--rs-line-height-normal);
+  color: var(--rs-muted);
+  text-align: center;
+}
+
+.rs-select__group + .rs-select__group {
+  margin-top: var(--rs-space-sm);
+  padding-top: 0;
+  border-top: 1px solid var(--rs-border-subtle);
+}
+
+.rs-select__group-label {
+  display: block;
+  padding: var(--rs-space-xs) var(--rs-space-sm) var(--rs-space-xs);
+  font-size: var(--rs-font-size-xs);
+  font-weight: var(--rs-font-weight-semibold);
+  color: var(--rs-muted);
+  letter-spacing: 0.04em;
+  line-height: var(--rs-line-height-tight);
+  user-select: none;
+}
+
+/* 非首组：标题骑在分割横线上 */
+.rs-select__group + .rs-select__group .rs-select__group-label {
+  position: relative;
+  top: -0.55em;
+  margin-bottom: 0.125rem;
+  padding: 0 0.375rem;
+  margin-left: var(--rs-space-sm);
+  width: fit-content;
+  max-width: calc(100% - var(--rs-space-sm) * 2);
+  background: var(--rs-surface-elevated);
+  line-height: 1;
+}
+
+.rs-select__item {
+  display: flex;
+  align-items: center;
+  gap: var(--rs-space-sm);
+  width: 100%;
+  box-sizing: border-box;
+  padding: var(--rs-space-sm) var(--rs-space-md);
+  font-size: var(--rs-font-size-sm);
+  line-height: var(--rs-line-height-tight);
+  color: var(--rs-text);
+  outline: none;
+  border-radius: var(--rs-radius-sm);
+  transition:
+    background var(--rs-transition-fast),
+    color var(--rs-transition-fast);
+  cursor: pointer;
+  user-select: none;
+}
+
+.rs-select__item-label {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: left;
+}
+
+.rs-select__item-check {
+  display: inline-flex;
+  width: 0.875rem;
+  flex-shrink: 0;
+  margin-left: auto;
+  color: var(--rs-primary);
+}
+
+/* 虚拟列表项由 Reka 绝对定位，需显式拉满宽度 */
+[data-reka-virtualizer] .rs-select__item {
+  width: 100%;
+}
+
+.rs-select__item[data-highlighted] {
+  background: var(--rs-item-hover);
+}
+
+.rs-select__item[data-state='checked'] {
+  color: var(--rs-primary);
+  background: color-mix(in srgb, var(--rs-primary) 12%, transparent);
+}
+
+.rs-select__item[data-disabled] {
+  opacity: 0.38;
+  cursor: not-allowed;
+}
+
+.rs-field {
+  display: flex;
+  flex-direction: column;
+  gap: var(--rs-space-xs);
+  width: 100%;
+  color: var(--rs-text);
+  font-size: var(--rs-font-size-sm);
+}
+
+.rs-field--label-left {
+  display: grid;
+  /*
+   * 左侧标签：有 --rs-field-label-width 时固定列宽，保证栅格内控件起点对齐。
+   * 未设置时退回 max-content（单字段表单仍可随文案伸缩）。
+   */
+  grid-template-columns: var(--rs-field-label-width, max-content) minmax(0, 1fr);
+  align-items: start;
+  column-gap: var(--rs-space-md);
+}
+
+.rs-field--label-left.rs-field--label-align-end .rs-field__label {
+  justify-content: flex-end;
+  text-align: end;
+}
+
+.rs-field__label {
+  color: var(--rs-label-color);
+  font-size: var(--rs-label-font-size);
+  font-weight: var(--rs-label-font-weight);
+  line-height: var(--rs-label-line-height);
+}
+
+/* 左侧标签默认单行；固定列宽时过长省略，避免撑破栅格对齐 */
+.rs-field--label-left > .rs-field__label,
+.rs-field--label-left > .rs-label {
+  min-width: 0;
+  max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.rs-field__required {
+  color: var(--rs-danger);
+}
+
+.rs-field__hint {
+  color: var(--rs-muted);
+  font-size: var(--rs-font-size-xs);
+}
+
+.rs-field--label-left .rs-field__hint {
+  grid-column: 2;
+}
+
+/*
+ * Form.Item 会把 aria-invalid 注入子控件。Input 用 inheritAttrs:false 落到输入框；
+ * 若落到 .rs-field / .rs-select 外壳，UA 会再画一圈轮廓，和 trigger 边框叠成双框。
+ */
+.rs-field[aria-invalid='true'],
+.rs-select[aria-invalid='true'] {
+  outline: none;
+}
+
+.rs-field__control {
+  width: 100%;
+  min-height: var(--rs-control-height-md);
+  box-sizing: border-box;
+  padding: 0 var(--rs-space-md);
+  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);
+  box-shadow: var(--rs-input-shadow, none);
+  font: inherit;
+  outline: none;
+  transition:
+    border-color var(--rs-transition-fast),
+    box-shadow var(--rs-transition-fast);
+}
+
+.rs-field__control:hover:not(:disabled) {
+  border-color: var(--rs-input-border-hover, var(--rs-border));
+}
+
+.rs-field__control:focus {
+  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-field__control:disabled {
+  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;
+  left: 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);
+}
+
+/* Activity Bar「API」字标：粗圆角字重，随 currentColor */
+.lucide-api-icon .api-icon__label {
+  fill: currentColor;
+  stroke: none;
+  font-family: var(--rs-font-rounded);
+  font-size: 9.5px;
+  font-weight: 800;
+  letter-spacing: -0.04em;
+  text-anchor: middle;
+  -webkit-font-smoothing: antialiased;
+}
+
+/* FTP 自定义图标：橙色实心文件夹 + 白色 FTP 字样 */
+.lucide-ftp-icon .ftp-icon__folder {
+  fill: var(--rs-icon-ftp-accent);
+  stroke: color-mix(in srgb, var(--rs-icon-ftp-accent) 55%, #1a1a1a);
+  stroke-width: 1.1;
+}
+
+.lucide-ftp-icon .ftp-icon__label {
+  fill: var(--rs-icon-ftp-on-accent);
+  stroke: none;
+  font-family: var(--rs-font-mono);
+  font-size: 6.2px;
+  font-weight: 900;
+  letter-spacing: -0.08em;
+  text-anchor: middle;
+  -webkit-font-smoothing: antialiased;
+}
+
+.rs-context-menu__item[data-highlighted] .lucide-ftp-icon .ftp-icon__folder,
+.rs-context-menu__item[data-state='open'] .lucide-ftp-icon .ftp-icon__folder {
+  fill: rgb(255 255 255 / 0.95);
+  stroke: rgb(255 255 255 / 0.55);
+}
+
+.rs-context-menu__item[data-highlighted] .lucide-ftp-icon .ftp-icon__label,
+.rs-context-menu__item[data-state='open'] .lucide-ftp-icon .ftp-icon__label {
+  fill: var(--rs-icon-ftp-accent);
+}
+
+/* Redis 自定义图标：官方品牌 mark，单色填充随主题调整明暗对比度 */
+.lucide-redis-icon .redis-icon__mark {
+  fill: var(--rs-icon-redis-accent);
+}
+
+.rs-context-menu__item[data-highlighted] .lucide-redis-icon .redis-icon__mark,
+.rs-context-menu__item[data-state='open'] .lucide-redis-icon .redis-icon__mark {
+  fill: rgb(255 255 255 / 0.95);
+}
+
+/* MongoDB 自定义图标：官方品牌 mark，单色填充随主题调整明暗对比度 */
+.lucide-mongodb-icon .mongodb-icon__mark {
+  fill: var(--rs-icon-mongodb-accent);
+}
+
+.rs-context-menu__item[data-highlighted] .lucide-mongodb-icon .mongodb-icon__mark,
+.rs-context-menu__item[data-state='open'] .lucide-mongodb-icon .mongodb-icon__mark {
+  fill: rgb(255 255 255 / 0.95);
+}
+
+/* Vastbase 自定义图标：海量数据官方品牌 mark，单色填充随主题调整明暗对比度 */
+.lucide-vastbase-icon .vastbase-icon__mark {
+  fill: var(--rs-icon-vastbase-accent);
+}
+
+.rs-context-menu__item[data-highlighted] .lucide-vastbase-icon .vastbase-icon__mark,
+.rs-context-menu__item[data-state='open'] .lucide-vastbase-icon .vastbase-icon__mark {
+  fill: rgb(255 255 255 / 0.95);
+}
+
+/* MySQL 自定义图标：官方品牌 mark，单色填充随主题调整明暗对比度 */
+.lucide-mysql-icon .mysql-icon__mark {
+  fill: var(--rs-icon-mysql-accent);
+}
+
+.rs-context-menu__item[data-highlighted] .lucide-mysql-icon .mysql-icon__mark,
+.rs-context-menu__item[data-state='open'] .lucide-mysql-icon .mysql-icon__mark {
+  fill: rgb(255 255 255 / 0.95);
+}
+
+/* Dameng 自定义图标：官方品牌 mark（蓝椭圆 + 红波浪） */
+.lucide-dameng-icon .dameng-icon__oval {
+  fill: var(--rs-icon-dameng-accent);
+}
+
+.lucide-dameng-icon .dameng-icon__wave {
+  fill: var(--rs-icon-dameng-wave);
+}
+
+.rs-context-menu__item[data-highlighted] .lucide-dameng-icon .dameng-icon__oval,
+.rs-context-menu__item[data-state='open'] .lucide-dameng-icon .dameng-icon__oval,
+.rs-context-menu__item[data-highlighted] .lucide-dameng-icon .dameng-icon__wave,
+.rs-context-menu__item[data-state='open'] .lucide-dameng-icon .dameng-icon__wave {
+  fill: rgb(255 255 255 / 0.95);
+}
+
+/* SQLite 自定义图标：官方品牌 mark，单色填充随主题调整明暗对比度 */
+.lucide-sqlite-icon .sqlite-icon__mark {
+  fill: var(--rs-icon-sqlite-accent);
+}
+
+.rs-context-menu__item[data-highlighted] .lucide-sqlite-icon .sqlite-icon__mark,
+.rs-context-menu__item[data-state='open'] .lucide-sqlite-icon .sqlite-icon__mark {
+  fill: rgb(255 255 255 / 0.95);
+}
+
+/* Oracle 自定义图标：官方品牌 oval mark，单色填充随主题调整明暗对比度 */
+.lucide-oracle-icon .oracle-icon__mark {
+  fill: var(--rs-icon-oracle-accent);
+}
+
+.rs-context-menu__item[data-highlighted] .lucide-oracle-icon .oracle-icon__mark,
+.rs-context-menu__item[data-state='open'] .lucide-oracle-icon .oracle-icon__mark {
+  fill: rgb(255 255 255 / 0.95);
+}
+
+/* ClickHouse 自定义图标：官方品牌 barcode mark，单色填充随主题调整明暗对比度 */
+.lucide-clickhouse-icon .clickhouse-icon__mark {
+  fill: var(--rs-icon-clickhouse-accent);
+}
+
+.rs-context-menu__item[data-highlighted] .lucide-clickhouse-icon .clickhouse-icon__mark,
+.rs-context-menu__item[data-state='open'] .lucide-clickhouse-icon .clickhouse-icon__mark {
+  fill: rgb(255 255 255 / 0.95);
+}
+
+/* 人大金仓自定义图标：官方品牌 K lettermark，单色填充随主题调整明暗对比度 */
+.lucide-kingbase-icon .kingbase-icon__mark {
+  fill: var(--rs-icon-kingbase-accent);
+}
+
+.rs-context-menu__item[data-highlighted] .lucide-kingbase-icon .kingbase-icon__mark,
+.rs-context-menu__item[data-state='open'] .lucide-kingbase-icon .kingbase-icon__mark {
+  fill: rgb(255 255 255 / 0.95);
+}
+
+/* SQL Server 自定义图标：官方品牌火焰/翼形 mark，单色填充随主题调整明暗对比度 */
+.lucide-sqlserver-icon .sqlserver-icon__mark {
+  fill: var(--rs-icon-sqlserver-accent);
+}
+
+.rs-context-menu__item[data-highlighted] .lucide-sqlserver-icon .sqlserver-icon__mark,
+.rs-context-menu__item[data-state='open'] .lucide-sqlserver-icon .sqlserver-icon__mark {
+  fill: rgb(255 255 255 / 0.95);
+}
+
+/* PostgreSQL 自定义图标：官方大象（Slonik）mark，单色填充随主题调整明暗对比度 */
+.lucide-postgres-icon .postgres-icon__mark {
+  fill: var(--rs-icon-postgres-accent);
+}
+
+.rs-context-menu__item[data-highlighted] .lucide-postgres-icon .postgres-icon__mark,
+.rs-context-menu__item[data-state='open'] .lucide-postgres-icon .postgres-icon__mark {
+  fill: rgb(255 255 255 / 0.95);
+}