openxiangda 2.0.0-alpha.63 → 2.0.0-alpha.65

package/dist/browser/styles.css

@@ -3,11 +3,11 @@ body,
 #root {
   min-height: 100%;
   margin: 0;
-  background: var(--oxa-shell-bg, #f5f5f5);
+  background: var(--oxa-antd-color-bg-layout);
 }
 
 body {
-  color: var(--oxa-shell-text, #1f1f1f);
+  color: var(--oxa-antd-color-text);
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
     "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Microsoft YaHei",
   sans-serif;
@@ -16,9 +16,9 @@ body {
 .oxa-admin-page {
   min-width: 0;
   min-height: 100%;
-  border-radius: var(--oxa-radius-surface, 6px);
-  background: var(--oxa-color-canvas, #f5f5f5);
-  color: var(--oxa-color-text, #1f1f1f);
+  border-radius: var(--oxa-antd-border-radius);
+  background: var(--oxa-antd-color-bg-layout);
+  color: var(--oxa-antd-color-text);
 }
 
 * {
@@ -48,9 +48,9 @@ body {
   width: 38%;
   height: 100%;
   border-radius: 2px;
-  background: var(--oxa-shell-primary, #1677ff);
+  background: var(--oxa-antd-color-primary);
   animation: oxa-request-progress 1.1s ease-in-out infinite;
-  box-shadow: 0 0 8px var(--oxa-shell-primary, #1677ff);
+  box-shadow: 0 0 8px var(--oxa-antd-color-primary);
 }
 
 @keyframes oxa-request-progress {
@@ -65,7 +65,7 @@ body {
 
 .oxa-app-layout {
   min-height: 100vh;
-  background: var(--oxa-shell-bg, #f5f5f5);
+  background: var(--oxa-antd-color-bg-layout);
 }
 
 .oxa-sider {
@@ -73,8 +73,8 @@ body {
   top: 0;
   z-index: 20;
   height: 100vh;
-  border-right: 1px solid var(--oxa-shell-border, #f0f0f0);
-  background: var(--oxa-shell-surface, #fff) !important;
+  border-right: 1px solid var(--oxa-antd-color-border-secondary);
+  background: var(--oxa-antd-color-bg-container) !important;
   box-shadow: none;
 }
 
@@ -91,7 +91,7 @@ body {
   min-height: 64px;
   align-items: center;
   gap: 12px;
-  border-bottom: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border-bottom: 1px solid var(--oxa-antd-color-border-secondary);
   padding: 12px 18px;
 }
 
@@ -109,7 +109,7 @@ body {
   width: 10px;
   height: 34px;
   border-radius: 3px 3px 1px 1px;
-  background: var(--oxa-shell-primary, #1677ff);
+  background: var(--oxa-antd-color-primary);
   content: "";
   transform-origin: bottom;
 }
@@ -131,7 +131,7 @@ body {
   bottom: 3px;
   width: 15px;
   height: 9px;
-  background: var(--oxa-shell-surface, #fff);
+  background: var(--oxa-antd-color-bg-container);
   transform: skewX(-27deg);
 }
 
@@ -143,7 +143,7 @@ body {
 
 .oxa-brand-copy strong {
   overflow: hidden;
-  color: var(--oxa-shell-text, #1f1f1f);
+  color: var(--oxa-antd-color-text);
   font-size: 16px;
   line-height: 1.2;
   text-overflow: ellipsis;
@@ -152,7 +152,7 @@ body {
 
 .oxa-brand-copy span {
   overflow: hidden;
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
   font-size: 12px;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -176,7 +176,7 @@ body {
   min-height: 44px;
   margin-inline: 0;
   margin-block: 4px;
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
   font-weight: 600;
 }
 
@@ -185,28 +185,28 @@ body {
 }
 
 .oxa-menu .ant-menu-item-selected {
-  color: var(--oxa-shell-primary, #1677ff);
-  background: var(--oxa-shell-primary-bg, #e6f4ff) !important;
+  color: var(--oxa-antd-color-primary);
+  background: var(--oxa-antd-color-primary-bg) !important;
 }
 
 .oxa-sider-footer {
   flex: 0 0 auto;
   margin: 0 12px 16px;
-  border-top: 1px solid var(--oxa-shell-border, #f0f0f0);
-  background: var(--oxa-shell-surface, #fff);
+  border-top: 1px solid var(--oxa-antd-color-border-secondary);
+  background: var(--oxa-antd-color-bg-container);
   padding-top: 12px;
 }
 
 .oxa-sider-footer .ant-btn {
   min-height: 42px;
   justify-content: flex-start;
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
   font-weight: 600;
 }
 
 .oxa-workspace {
   min-width: 0;
-  background: var(--oxa-shell-bg, #f5f5f5);
+  background: var(--oxa-antd-color-bg-layout);
 }
 
 .oxa-topbar {
@@ -217,14 +217,14 @@ body {
   height: 52px;
   align-items: center;
   justify-content: space-between;
-  border-bottom: 1px solid var(--oxa-shell-border, #f0f0f0);
-  background: var(--oxa-shell-surface, #fff) !important;
+  border-bottom: 1px solid var(--oxa-antd-color-border-secondary);
+  background: var(--oxa-antd-color-bg-container) !important;
   padding: 0 20px !important;
   line-height: normal;
 }
 
 .oxa-topbar .ant-breadcrumb {
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
   font-weight: 500;
 }
 
@@ -250,9 +250,9 @@ body {
 
 .oxa-workflow-work-center,
 .oxa-workflow-submission > .ant-card {
-  border: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border: 1px solid var(--oxa-antd-color-border-secondary);
   border-radius: 12px;
-  box-shadow: 0 2px 10px rgb(31 35 41 / 4%);
+  box-shadow: var(--oxa-antd-box-shadow-tertiary);
 }
 
 .oxa-workflow-work-center > .ant-card-body {
@@ -279,9 +279,9 @@ body {
 .oxa-workflow-timeline-card,
 .oxa-workflow-participants,
 .oxa-workflow-preview {
-  border-color: var(--oxa-shell-border, #f0f0f0);
+  border-color: var(--oxa-antd-color-border-secondary);
   border-radius: 12px;
-  box-shadow: 0 2px 12px rgb(31 35 41 / 5%);
+  box-shadow: var(--oxa-antd-box-shadow-tertiary);
 }
 
 .oxa-workflow-business-grid {
@@ -296,7 +296,7 @@ body {
   grid-template-columns: minmax(92px, 0.65fr) minmax(0, 1.35fr);
   align-items: center;
   gap: 16px;
-  border-bottom: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border-bottom: 1px solid var(--oxa-antd-color-border-secondary);
   padding: 14px 0;
 }
 
@@ -308,7 +308,7 @@ body {
 .oxa-workflow-business-link {
   min-height: 42px;
   margin-top: 18px;
-  color: var(--oxa-shell-primary, #1677ff);
+  color: var(--oxa-antd-color-primary);
 }
 
 .oxa-workflow-timeline {
@@ -330,7 +330,7 @@ body {
   bottom: -4px;
   left: 9px;
   width: 2px;
-  background: var(--oxa-color-border-strong, #d9d9d9);
+  background: var(--oxa-antd-color-border);
   content: "";
 }
 
@@ -341,25 +341,25 @@ body {
   width: 20px;
   height: 20px;
   place-items: center;
-  border: 2px solid var(--oxa-color-text-tertiary, #8c8c8c);
+  border: 2px solid var(--oxa-antd-color-text-tertiary);
   border-radius: 50%;
-  background: var(--oxa-shell-surface, #fff);
-  color: var(--oxa-color-text-tertiary, #8c8c8c);
+  background: var(--oxa-antd-color-bg-container);
+  color: var(--oxa-antd-color-text-tertiary);
 }
 
 .oxa-workflow-timeline .is-completed .oxa-workflow-timeline-dot {
-  border-color: var(--oxa-color-success, #22a559);
-  color: var(--oxa-color-success, #22a559);
+  border-color: var(--oxa-antd-color-success);
+  color: var(--oxa-antd-color-success);
 }
 
 .oxa-workflow-timeline .is-active .oxa-workflow-timeline-dot {
-  border-color: var(--oxa-color-primary, #1677ff);
+  border-color: var(--oxa-antd-color-primary);
   box-shadow: 0 0 0 4px
-    color-mix(in srgb, var(--oxa-color-primary, #1677ff) 14%, transparent);
+    color-mix(in srgb, var(--oxa-antd-color-primary) 14%, transparent);
 }
 
 .oxa-workflow-timeline .is-error .oxa-workflow-timeline-dot {
-  border-color: var(--oxa-color-error, #ff4d4f);
+  border-color: var(--oxa-antd-color-error);
 }
 
 .oxa-workflow-timeline > div > div {
@@ -368,7 +368,7 @@ body {
 }
 
 .oxa-workflow-timeline > div > span:last-child {
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
 }
 
 .oxa-workflow-actions {
@@ -380,15 +380,15 @@ body {
   align-items: center;
   justify-content: flex-end;
   gap: 12px;
-  border: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border: 1px solid var(--oxa-antd-color-border-secondary);
   border-radius: 12px;
   background: color-mix(
     in srgb,
-    var(--oxa-color-surface-elevated, #fff) 96%,
+    var(--oxa-antd-color-bg-elevated) 96%,
     transparent
   );
   padding: 12px 16px;
-  box-shadow: var(--oxa-shadow-surface, 0 10px 32px rgb(31 35 41 / 12%));
+  box-shadow: var(--oxa-antd-box-shadow-tertiary);
   backdrop-filter: blur(12px);
 }
 
@@ -403,11 +403,11 @@ body {
   bottom: 58px;
   display: grid;
   min-width: 180px;
-  border: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border: 1px solid var(--oxa-antd-color-border-secondary);
   border-radius: 10px;
-  background: var(--oxa-shell-surface, #fff);
+  background: var(--oxa-antd-color-bg-container);
   padding: 8px;
-  box-shadow: 0 10px 30px rgb(31 35 41 / 16%);
+  box-shadow: var(--oxa-antd-box-shadow-secondary);
 }
 
 .oxa-workflow-more-actions .ant-btn {
@@ -435,11 +435,11 @@ body {
     180deg,
     color-mix(
         in srgb,
-        var(--oxa-color-primary-surface, #e6f4ff) 44%,
-        var(--oxa-color-canvas, #f5f5f5)
+        var(--oxa-antd-color-primary-bg) 44%,
+        var(--oxa-antd-color-bg-layout)
       )
       0,
-    var(--oxa-color-canvas, #f5f5f5) 280px
+    var(--oxa-antd-color-bg-layout) 280px
   );
   padding: 20px 18px 104px;
 }
@@ -464,7 +464,7 @@ body {
 .oxa-workflow-submission-mobile {
   min-height: 100vh;
   padding: 16px;
-  background: var(--oxa-color-canvas, #f5f5f5);
+  background: var(--oxa-antd-color-bg-layout);
 }
 
 .oxa-workflow-submission-mobile > .ant-card {
@@ -478,7 +478,7 @@ body {
   flex-direction: column;
   gap: 16px;
   padding: 24px;
-  background: var(--oxa-color-canvas, #f5f5f5);
+  background: var(--oxa-antd-color-bg-layout);
 }
 
 .oxa-todo-header,
@@ -506,9 +506,9 @@ body {
   min-height: 72px;
   align-items: center;
   gap: 12px;
-  border: 1px solid var(--oxa-color-border, #f0f0f0);
+  border: 1px solid var(--oxa-antd-color-border-secondary);
   border-radius: 6px;
-  background: var(--oxa-color-surface, #fff);
+  background: var(--oxa-antd-color-bg-container);
   padding: 12px 16px;
 }
 
@@ -518,13 +518,13 @@ body {
 }
 
 .oxa-todo-summary-item strong {
-  color: var(--oxa-color-text, #1f1f1f);
+  color: var(--oxa-antd-color-text);
   font-size: 24px;
   line-height: 1.15;
 }
 
 .oxa-todo-summary-icon {
-  color: var(--oxa-color-primary, #1677ff);
+  color: var(--oxa-antd-color-primary);
   font-size: 22px;
 }
 
@@ -555,8 +555,8 @@ body {
   align-items: center;
   justify-content: space-between;
   gap: 12px;
-  border-bottom: 1px solid var(--oxa-color-border, #f0f0f0);
-  background: var(--oxa-color-danger-surface, #fff2f0);
+  border-bottom: 1px solid var(--oxa-antd-color-border-secondary);
+  background: var(--oxa-antd-color-error-bg);
   padding: 10px 16px;
 }
 
@@ -565,7 +565,7 @@ body {
 }
 
 .oxa-todo-table .ant-table-thead > tr > th {
-  color: var(--oxa-color-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
   font-weight: 600;
 }
 
@@ -620,7 +620,7 @@ body {
   grid-template-columns: 10px minmax(0, 1fr) auto;
   align-items: center;
   gap: 12px;
-  border-bottom: 1px solid var(--oxa-color-border, #f0f0f0);
+  border-bottom: 1px solid var(--oxa-antd-color-border-secondary);
   padding: 14px 16px;
   cursor: pointer;
 }
@@ -630,7 +630,7 @@ body {
 }
 
 .oxa-todo-row:hover {
-  background: var(--oxa-color-primary-surface, #e6f4ff);
+  background: var(--oxa-antd-color-primary-bg);
 }
 
 .oxa-todo-unread-anchor {
@@ -654,7 +654,7 @@ body {
 
 .oxa-todo-row-meta {
   justify-content: flex-start;
-  color: var(--oxa-color-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
   font-size: 12px;
 }
 
@@ -672,7 +672,7 @@ body {
 }
 
 .oxa-todo-fields dt {
-  color: var(--oxa-color-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
 }
 
 .oxa-todo-fields dd {
@@ -692,23 +692,23 @@ body {
   z-index: 2;
   top: 0;
   margin: -16px -12px 0;
-  border-bottom: 1px solid var(--oxa-color-border, #f0f0f0);
-  background: var(--oxa-color-surface, #fff);
+  border-bottom: 1px solid var(--oxa-antd-color-border-secondary);
+  background: var(--oxa-antd-color-bg-container);
   padding: 12px 16px;
 }
 
 .oxa-todo-center-mobile .oxa-todo-summary {
   gap: 0;
-  border: 1px solid var(--oxa-color-border, #f0f0f0);
+  border: 1px solid var(--oxa-antd-color-border-secondary);
   border-radius: 6px;
-  background: var(--oxa-color-surface, #fff);
+  background: var(--oxa-antd-color-bg-container);
 }
 
 .oxa-todo-center-mobile .oxa-todo-summary-item {
   min-height: 64px;
   justify-content: center;
   border: 0;
-  border-right: 1px solid var(--oxa-color-border, #f0f0f0);
+  border-right: 1px solid var(--oxa-antd-color-border-secondary);
   padding: 8px;
 }
 
@@ -741,9 +741,9 @@ body {
 .oxa-todo-center-mobile .oxa-todo-row {
   margin-bottom: 10px;
   grid-template-columns: 8px minmax(0, 1fr);
-  border: 1px solid var(--oxa-color-border, #f0f0f0);
+  border: 1px solid var(--oxa-antd-color-border-secondary);
   border-radius: 6px;
-  background: var(--oxa-color-surface, #fff);
+  background: var(--oxa-antd-color-bg-container);
   padding: 14px;
 }
 
@@ -762,9 +762,9 @@ body {
 }
 
 .oxa-workflow-mobile-tasks .ant-card {
-  border: 1px solid var(--oxa-color-border, #f0f0f0);
+  border: 1px solid var(--oxa-antd-color-border-secondary);
   border-radius: 14px;
-  box-shadow: var(--oxa-shadow-surface, 0 4px 18px rgb(31 35 41 / 6%));
+  box-shadow: var(--oxa-antd-box-shadow-tertiary);
 }
 
 .oxa-workflow-mobile-tasks .ant-card-body {
@@ -805,7 +805,7 @@ body {
 
 .oxa-workflow-detail-mobile .ant-card {
   border-radius: 14px;
-  box-shadow: 0 4px 18px rgb(31 35 41 / 6%);
+  box-shadow: var(--oxa-antd-box-shadow-tertiary);
 }
 
 .oxa-workflow-detail-mobile .oxa-workflow-business-grid {
@@ -857,19 +857,19 @@ body {
   border-radius: 6px;
   background: transparent;
   padding: 3px 6px;
-  color: var(--oxa-shell-text, #1f1f1f);
+  color: var(--oxa-antd-color-text);
   cursor: pointer;
   transition: background 0.2s;
 }
 
 .oxa-current-user:hover,
 .oxa-current-user:focus-visible {
-  background: var(--oxa-shell-hover, rgb(0 0 0 / 6%));
+  background: var(--oxa-antd-color-fill-secondary);
   outline: 0;
 }
 
 .oxa-current-user-avatar {
-  background: var(--oxa-shell-primary, #1677ff);
+  background: var(--oxa-antd-color-primary);
 }
 
 .oxa-current-user strong {
@@ -882,17 +882,17 @@ body {
 }
 
 .oxa-current-user-chevron {
-  color: var(--oxa-shell-text-tertiary, #8c8c8c);
+  color: var(--oxa-antd-color-text-tertiary);
   font-size: 10px;
 }
 
 .oxa-user-dropdown {
   width: 400px;
   overflow: hidden;
-  border: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border: 1px solid var(--oxa-antd-color-border-secondary);
   border-radius: 12px;
-  background: var(--oxa-shell-elevated, #fff);
-  box-shadow: var(--oxa-shell-shadow, 0 1px 6px rgb(0 0 0 / 8%));
+  background: var(--oxa-antd-color-bg-elevated);
+  box-shadow: var(--oxa-antd-box-shadow-tertiary);
   padding-top: 4px;
 }
 
@@ -931,8 +931,8 @@ body {
   position: absolute !important;
   right: -4px;
   bottom: -2px;
-  border-color: var(--oxa-shell-primary, #1677ff) !important;
-  color: var(--oxa-shell-primary, #1677ff) !important;
+  border-color: var(--oxa-antd-color-primary) !important;
+  color: var(--oxa-antd-color-primary) !important;
 }
 
 .oxa-user-role-tags {
@@ -952,7 +952,7 @@ body {
 .oxa-user-dropdown-roles > span,
 .oxa-user-dropdown-perspective > span,
 .oxa-user-dropdown-theme > span {
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
   font-size: 12px;
 }
 
@@ -962,7 +962,7 @@ body {
   display: grid;
   gap: 7px;
   margin: 0 12px;
-  border-top: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border-top: 1px solid var(--oxa-antd-color-border-secondary);
   padding: 10px 4px;
 }
 
@@ -976,7 +976,7 @@ body {
 }
 
 .oxa-user-dropdown > .ant-dropdown-menu {
-  border-top: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border-top: 1px solid var(--oxa-antd-color-border-secondary);
   border-radius: 0;
   box-shadow: none;
 }
@@ -1000,7 +1000,7 @@ body {
 }
 
 .oxa-role-switch-option span {
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
   font-size: 12px;
 }
 
@@ -1014,8 +1014,8 @@ body {
   top: 52px;
   height: 36px;
   overflow: hidden;
-  border-bottom: 1px solid var(--oxa-shell-border, #f0f0f0);
-  background: var(--oxa-shell-surface, #fff);
+  border-bottom: 1px solid var(--oxa-antd-color-border-secondary);
+  background: var(--oxa-antd-color-bg-container);
   padding: 0 12px;
 }
 
@@ -1031,20 +1031,20 @@ body {
 
 .oxa-route-history .ant-tabs-tab {
   border: 0 !important;
-  border-right: 1px solid var(--oxa-shell-border, #f0f0f0) !important;
+  border-right: 1px solid var(--oxa-antd-color-border-secondary) !important;
   border-radius: 0 !important;
   background: transparent !important;
   padding: 5px 12px !important;
 }
 
 .oxa-route-history .ant-tabs-tab-active {
-  background: var(--oxa-shell-primary-bg, #e6f4ff) !important;
+  background: var(--oxa-antd-color-primary-bg) !important;
 }
 
 .oxa-mobile-page {
   min-height: 100vh;
   box-sizing: border-box;
-  background: var(--oxa-shell-bg, #f5f5f5);
+  background: var(--oxa-antd-color-bg-layout);
   padding: 16px;
 }
 
@@ -1070,18 +1070,18 @@ body {
   width: 100%;
   min-height: 42px;
   box-sizing: border-box;
-  border: 1px solid var(--oxa-shell-border-strong, #d9d9d9);
+  border: 1px solid var(--oxa-antd-color-border);
   border-radius: 8px;
-  background: var(--oxa-shell-surface, #fff);
+  background: var(--oxa-antd-color-bg-container);
   padding: 9px 11px;
-  color: var(--oxa-shell-text, #1f1f1f);
+  color: var(--oxa-antd-color-text);
   font: inherit;
 }
 
 .oxa-mobile-input:focus {
-  border-color: var(--oxa-shell-primary, #1677ff);
+  border-color: var(--oxa-antd-color-primary);
   outline: 2px solid
-    color-mix(in srgb, var(--oxa-shell-primary, #1677ff) 15%, transparent);
+    color-mix(in srgb, var(--oxa-antd-color-primary) 15%, transparent);
 }
 
 .oxa-mobile-filter,
@@ -1103,7 +1103,7 @@ body {
 }
 
 .oxa-mobile-record-card {
-  border-color: var(--oxa-shell-border, #f0f0f0);
+  border-color: var(--oxa-antd-color-border-secondary);
 }
 
 .oxa-mobile-record-heading {
@@ -1113,7 +1113,7 @@ body {
 
 .oxa-mobile-record-heading a {
   overflow: hidden;
-  color: var(--oxa-shell-primary, #1677ff);
+  color: var(--oxa-antd-color-primary);
   font-size: 16px;
   font-weight: 650;
   text-overflow: ellipsis;
@@ -1141,7 +1141,7 @@ body {
 
 .oxa-content {
   min-width: 0;
-  background: var(--oxa-shell-bg, #f5f5f5);
+  background: var(--oxa-antd-color-bg-layout);
 }
 
 .oxa-main {
@@ -1154,12 +1154,12 @@ body {
 
 .oxa-title {
   margin: 0;
-  color: var(--oxa-shell-text, #1f1f1f);
+  color: var(--oxa-antd-color-text);
   font-size: 19px;
 }
 
 .oxa-muted {
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
 }
 
 .oxa-page-heading {
@@ -1175,9 +1175,9 @@ body {
 .oxa-section-card,
 .oxa-detail-hero,
 .oxa-edit-hero {
-  border-color: var(--oxa-shell-border, #f0f0f0);
-  background: var(--oxa-shell-surface, #fff);
-  box-shadow: var(--oxa-shell-shadow, 0 1px 6px rgb(0 0 0 / 8%));
+  border-color: var(--oxa-antd-color-border-secondary);
+  background: var(--oxa-antd-color-bg-container);
+  box-shadow: var(--oxa-antd-box-shadow-tertiary);
 }
 
 .oxa-list-card > .ant-card-body {
@@ -1191,7 +1191,7 @@ body {
 .oxa-search-panel {
   display: grid;
   gap: 12px;
-  border-bottom: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border-bottom: 1px solid var(--oxa-antd-color-border-secondary);
   padding: 16px;
 }
 
@@ -1224,7 +1224,7 @@ body {
   min-width: 0;
   align-items: center;
   gap: 10px;
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
 }
 
 .oxa-applied-filter-tags {
@@ -1239,8 +1239,8 @@ body {
   margin: 0;
   border-radius: 6px;
   padding: 3px 9px;
-  color: var(--oxa-shell-primary, #1677ff);
-  background: var(--oxa-shell-primary-bg, #e6f4ff);
+  color: var(--oxa-antd-color-primary);
+  background: var(--oxa-antd-color-primary-bg);
 }
 
 .oxa-more-filter-grid {
@@ -1257,7 +1257,7 @@ body {
 }
 
 .oxa-more-filter-field > label {
-  color: var(--oxa-shell-text, #1f1f1f);
+  color: var(--oxa-antd-color-text);
   font-weight: 600;
 }
 
@@ -1294,12 +1294,12 @@ body {
 .oxa-list-toolbar {
   min-height: 56px;
   justify-content: space-between;
-  border-bottom: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border-bottom: 1px solid var(--oxa-antd-color-border-secondary);
   padding: 10px 16px;
 }
 
 .oxa-list-toolbar-secondary .ant-btn {
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
 }
 
 .oxa-batch-bar {
@@ -1308,8 +1308,8 @@ body {
   align-items: center;
   justify-content: space-between;
   gap: 12px;
-  border-bottom: 1px solid var(--oxa-shell-border, #f0f0f0);
-  background: var(--ant-color-primary-bg, #e6f4ff);
+  border-bottom: 1px solid var(--oxa-antd-color-border-secondary);
+  background: var(--oxa-antd-color-primary-bg);
   padding: 8px 16px;
 }
 
@@ -1327,8 +1327,8 @@ body {
 }
 
 .oxa-list-card .ant-table-thead > tr > th {
-  background: var(--oxa-shell-subtle, #fafafa);
-  color: var(--oxa-shell-text, #1f1f1f);
+  background: var(--oxa-antd-color-fill-alter);
+  color: var(--oxa-antd-color-text);
   font-weight: 600;
 }
 
@@ -1372,10 +1372,10 @@ body {
   display: flex;
   justify-content: flex-end;
   gap: 10px;
-  border-top: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border-top: 1px solid var(--oxa-antd-color-border-secondary);
   background: color-mix(
     in srgb,
-    var(--oxa-shell-surface, #fff) 96%,
+    var(--oxa-antd-color-bg-container) 96%,
     transparent
   );
   padding: 14px 0;
@@ -1385,7 +1385,7 @@ body {
 .oxa-form-full .oxa-actions {
   margin-top: 4px;
   padding-inline: 18px;
-  box-shadow: 0 -3px 12px color-mix(in srgb, var(--oxa-shell-text, #1f1f1f) 4%, transparent);
+  box-shadow: 0 -3px 12px color-mix(in srgb, var(--oxa-antd-color-text) 4%, transparent);
 }
 
 .oxa-authoritative-selector {
@@ -1415,7 +1415,7 @@ body {
 .oxa-selector-option-copy small,
 .oxa-selector-tag small,
 .oxa-resolved-item small {
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
   font-size: 11px;
 }
 
@@ -1425,14 +1425,14 @@ body {
   height: 28px;
   place-items: center;
   border-radius: 7px;
-  background: var(--oxa-shell-primary-bg, #e6f4ff);
-  color: var(--oxa-shell-primary, #1677ff);
+  background: var(--oxa-antd-color-primary-bg);
+  color: var(--oxa-antd-color-primary);
   font-size: 14px;
 }
 
 .oxa-selector-avatar {
-  background: var(--oxa-shell-primary-bg, #e6f4ff);
-  color: var(--oxa-shell-primary, #1677ff);
+  background: var(--oxa-antd-color-primary-bg);
+  color: var(--oxa-antd-color-primary);
   font-size: 12px;
 }
 
@@ -1441,8 +1441,8 @@ body {
   height: 26px;
   align-items: center;
   gap: 5px;
-  border-color: var(--oxa-shell-border, #f0f0f0);
-  background: var(--oxa-shell-subtle, #fafafa);
+  border-color: var(--oxa-antd-color-border-secondary);
+  background: var(--oxa-antd-color-fill-alter);
   padding-inline: 4px 7px;
 }
 
@@ -1465,9 +1465,9 @@ body {
   min-height: 30px;
   align-items: center;
   gap: 7px;
-  border: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border: 1px solid var(--oxa-antd-color-border-secondary);
   border-radius: 7px;
-  background: var(--oxa-shell-subtle, #fafafa);
+  background: var(--oxa-antd-color-fill-alter);
   padding: 4px 8px;
 }
 
@@ -1477,9 +1477,9 @@ body {
 }
 
 .oxa-resolved-resource .oxa-resolved-item {
-  border-color: var(--oxa-shell-primary-border, #91caff);
-  background: var(--oxa-shell-primary-bg, #e6f4ff);
-  color: var(--oxa-shell-primary, #1677ff);
+  border-color: var(--oxa-antd-color-primary-border);
+  background: var(--oxa-antd-color-primary-bg);
+  color: var(--oxa-antd-color-primary);
 }
 
 .oxa-directory-trigger {
@@ -1487,10 +1487,10 @@ body {
   min-height: 38px;
   align-items: center;
   gap: 8px;
-  border: 1px solid var(--oxa-shell-border-strong, #d9d9d9);
+  border: 1px solid var(--oxa-antd-color-border);
   border-radius: 8px;
-  background: var(--oxa-shell-surface, #fff);
-  color: var(--oxa-shell-text, #1f1f1f);
+  background: var(--oxa-antd-color-bg-container);
+  color: var(--oxa-antd-color-text);
   padding: 3px 5px 3px 10px;
   cursor: pointer;
   transition: border-color 0.2s, box-shadow 0.2s;
@@ -1498,21 +1498,21 @@ body {
 
 .oxa-directory-trigger:hover,
 .oxa-directory-trigger:focus-visible {
-  border-color: var(--oxa-shell-primary, #1677ff);
+  border-color: var(--oxa-antd-color-primary);
   box-shadow: 0 0 0 2px
-    color-mix(in srgb, var(--oxa-shell-primary, #1677ff) 10%, transparent);
+    color-mix(in srgb, var(--oxa-antd-color-primary) 10%, transparent);
   outline: 0;
 }
 
 .oxa-directory-trigger.is-disabled {
-  border-color: var(--oxa-shell-border-strong, #d9d9d9);
-  background: var(--oxa-shell-subtle, #fafafa);
-  color: var(--oxa-shell-text-disabled, rgb(0 0 0 / 25%));
+  border-color: var(--oxa-antd-color-border);
+  background: var(--oxa-antd-color-fill-alter);
+  color: var(--oxa-antd-color-text-disabled);
   cursor: not-allowed;
 }
 
 .oxa-directory-trigger-icon {
-  color: var(--oxa-shell-primary, #1677ff);
+  color: var(--oxa-antd-color-primary);
 }
 
 .oxa-directory-trigger-values {
@@ -1525,7 +1525,7 @@ body {
 }
 
 .oxa-directory-placeholder {
-  color: var(--oxa-shell-text-disabled, rgb(0 0 0 / 25%));
+  color: var(--oxa-antd-color-text-disabled);
 }
 
 .oxa-directory-panel {
@@ -1538,9 +1538,9 @@ body {
   min-height: 460px;
   grid-template-columns: 220px minmax(280px, 1fr) 240px;
   overflow: hidden;
-  border: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border: 1px solid var(--oxa-antd-color-border-secondary);
   border-radius: 8px;
-  background: var(--oxa-shell-surface, #fff);
+  background: var(--oxa-antd-color-bg-container);
 }
 
 .oxa-directory-tree-pane,
@@ -1551,8 +1551,8 @@ body {
 }
 
 .oxa-directory-tree-pane {
-  border-right: 1px solid var(--oxa-shell-border, #f0f0f0);
-  background: var(--oxa-shell-subtle, #fafafa);
+  border-right: 1px solid var(--oxa-antd-color-border-secondary);
+  background: var(--oxa-antd-color-fill-alter);
 }
 
 .oxa-directory-member-pane {
@@ -1569,7 +1569,7 @@ body {
 
 .oxa-directory-member-row {
   min-height: 58px;
-  border-bottom: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border-bottom: 1px solid var(--oxa-antd-color-border-secondary);
   padding: 8px 4px;
 }
 
@@ -1591,8 +1591,8 @@ body {
 
 .oxa-directory-department-row:hover,
 .oxa-directory-department-row:focus-visible {
-  border-color: var(--oxa-shell-primary-border, #91caff);
-  background: var(--oxa-shell-primary-bg, #e6f4ff);
+  border-color: var(--oxa-antd-color-primary-border);
+  background: var(--oxa-antd-color-primary-bg);
   outline: 0;
 }
 
@@ -1604,13 +1604,13 @@ body {
 }
 
 .oxa-directory-department-row small {
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
   font-size: 11px;
 }
 
 .oxa-directory-selected-pane {
-  border-left: 1px solid var(--oxa-shell-border, #f0f0f0);
-  background: var(--oxa-shell-subtle, #fafafa);
+  border-left: 1px solid var(--oxa-antd-color-border-secondary);
+  background: var(--oxa-antd-color-fill-alter);
 }
 
 .oxa-directory-pane-title,
@@ -1625,7 +1625,7 @@ body {
 .oxa-directory-pane-title {
   min-height: 32px;
   margin-bottom: 10px;
-  color: var(--oxa-shell-text, #1f1f1f);
+  color: var(--oxa-antd-color-text);
   font-weight: 600;
 }
 
@@ -1648,7 +1648,7 @@ body {
 .oxa-directory-member-row small,
 .oxa-directory-selected-item small {
   overflow: hidden;
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
   font-size: 11px;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -1663,9 +1663,9 @@ body {
   display: flex;
   align-items: center;
   gap: 8px;
-  border: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border: 1px solid var(--oxa-antd-color-border-secondary);
   border-radius: 7px;
-  background: var(--oxa-shell-surface, #fff);
+  background: var(--oxa-antd-color-bg-container);
   padding: 7px;
 }
 
@@ -1675,7 +1675,7 @@ body {
 
 .oxa-directory-footer {
   justify-content: flex-end;
-  border-top: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border-top: 1px solid var(--oxa-antd-color-border-secondary);
   padding-top: 14px;
 }
 
@@ -1686,28 +1686,28 @@ body {
 
 .oxa-file-dropzone .ant-upload-drag {
   min-height: 72px;
-  border-color: var(--oxa-shell-border-strong, #d9d9d9);
-  background: var(--oxa-shell-subtle, #fafafa);
+  border-color: var(--oxa-antd-color-border);
+  background: var(--oxa-antd-color-fill-alter);
   padding: 12px;
 }
 
 .oxa-file-dropzone .ant-upload-drag-container {
   display: grid;
   gap: 5px;
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
 }
 
 .oxa-file-dropzone small {
-  color: var(--oxa-shell-text-tertiary, #8c8c8c);
+  color: var(--oxa-antd-color-text-tertiary);
 }
 
 .oxa-file-dropzone kbd {
-  border: 1px solid var(--oxa-shell-border-strong, #d9d9d9);
+  border: 1px solid var(--oxa-antd-color-border);
   border-bottom-width: 2px;
   border-radius: 4px;
-  background: var(--oxa-shell-surface, #fff);
+  background: var(--oxa-antd-color-bg-container);
   padding: 1px 5px;
-  color: var(--oxa-shell-text, #1f1f1f);
+  color: var(--oxa-antd-color-text);
   font-family: inherit;
 }
 
@@ -1722,9 +1722,9 @@ body {
   min-height: 50px;
   align-items: center;
   gap: 10px;
-  border: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border: 1px solid var(--oxa-antd-color-border-secondary);
   border-radius: 8px;
-  background: var(--oxa-shell-surface, #fff);
+  background: var(--oxa-antd-color-bg-container);
   padding: 7px 9px;
 }
 
@@ -1734,8 +1734,8 @@ body {
   height: 32px;
   place-items: center;
   border-radius: 7px;
-  background: var(--oxa-shell-primary-bg, #e6f4ff);
-  color: var(--oxa-shell-primary, #1677ff);
+  background: var(--oxa-antd-color-primary-bg);
+  color: var(--oxa-antd-color-primary);
 }
 
 .oxa-file-thumbnail {
@@ -1763,7 +1763,7 @@ body {
 }
 
 .oxa-file-name-button:hover strong {
-  color: var(--oxa-shell-primary, #1677ff);
+  color: var(--oxa-antd-color-primary);
 }
 
 .oxa-file-name-button:disabled {
@@ -1779,14 +1779,14 @@ body {
 
 .oxa-file-meta small,
 .oxa-file-empty {
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
   font-size: 12px;
 }
 
 .oxa-file-error {
-  border-color: var(--oxa-shell-error-border, #ffccc7);
-  background: var(--oxa-shell-error-bg, #fff2f0);
-  color: var(--oxa-shell-error, #ff4d4f);
+  border-color: var(--oxa-antd-color-error-border);
+  background: var(--oxa-antd-color-error-bg);
+  color: var(--oxa-antd-color-error);
 }
 
 .oxa-file-error > span {
@@ -1794,7 +1794,7 @@ body {
 }
 
 .oxa-file-empty {
-  border: 1px dashed var(--oxa-shell-border-strong, #d9d9d9);
+  border: 1px dashed var(--oxa-antd-color-border);
   border-radius: 8px;
   padding: 10px;
   text-align: center;
@@ -1876,14 +1876,14 @@ body {
 }
 
 .oxa-rich-text-toolbar {
-  border: 1px solid var(--oxa-shell-border-strong, #d9d9d9);
+  border: 1px solid var(--oxa-antd-color-border);
   border-bottom: 0;
   border-radius: 6px 6px 0 0;
   padding: 6px;
 }
 
 .oxa-rich-text-editor {
-  border: 1px solid var(--oxa-shell-border-strong, #d9d9d9);
+  border: 1px solid var(--oxa-antd-color-border);
   border-radius: 0 0 6px 6px;
   min-height: 160px;
   overflow-wrap: anywhere;
@@ -1891,8 +1891,9 @@ body {
 }
 
 .oxa-rich-text-editor:focus {
-  border-color: var(--oxa-shell-primary, #1677ff);
-  box-shadow: 0 0 0 2px rgb(5 145 255 / 10%);
+  border-color: var(--oxa-antd-color-primary);
+  box-shadow: 0 0 0 2px
+    color-mix(in srgb, var(--oxa-antd-color-primary) 10%, transparent);
   outline: 0;
 }
 
@@ -1925,7 +1926,7 @@ body {
 }
 
 .oxa-json-valid {
-  color: var(--oxa-shell-success, #389e0d);
+  color: var(--oxa-antd-color-success);
 }
 
 .oxa-signature-field,
@@ -1952,8 +1953,8 @@ body {
 }
 
 .oxa-signature-canvas {
-  background: #fff;
-  border: 1px solid var(--oxa-shell-border-strong, #d9d9d9);
+  background: var(--oxa-antd-color-bg-container);
+  border: 1px solid var(--oxa-antd-color-border);
   border-radius: 6px;
   height: 240px;
   touch-action: none;
@@ -1982,12 +1983,12 @@ body {
 }
 
 .oxa-mobile-subtable-list {
-  border-top: 1px solid #e5e7eb;
+  border-top: 1px solid var(--oxa-antd-color-border-secondary);
 }
 
 .oxa-mobile-subtable-row {
   padding: 12px 0;
-  border-bottom: 1px solid #e5e7eb;
+  border-bottom: 1px solid var(--oxa-antd-color-border-secondary);
 }
 
 .oxa-mobile-subtable-values {
@@ -2010,7 +2011,7 @@ body {
 
 .oxa-mobile-number-field {
   align-items: center;
-  border: 1px solid var(--oxa-shell-border-strong, #d9d9d9);
+  border: 1px solid var(--oxa-antd-color-border);
   border-radius: 6px;
   display: grid;
   gap: 8px;
@@ -2055,7 +2056,7 @@ body {
 
 .oxa-file-preview-page {
   min-height: 100vh;
-  background: var(--oxa-shell-bg, #f5f5f5);
+  background: var(--oxa-antd-color-bg-layout);
 }
 
 .oxa-file-preview-toolbar {
@@ -2067,14 +2068,14 @@ body {
   align-items: center;
   justify-content: space-between;
   gap: 20px;
-  border-bottom: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border-bottom: 1px solid var(--oxa-antd-color-border-secondary);
   background: color-mix(
     in srgb,
-    var(--oxa-shell-surface, #fff) 96%,
+    var(--oxa-antd-color-bg-container) 96%,
     transparent
   );
   padding: 10px 20px;
-  box-shadow: var(--oxa-shell-shadow, 0 1px 6px rgb(0 0 0 / 8%));
+  box-shadow: var(--oxa-antd-box-shadow-tertiary);
   backdrop-filter: blur(12px);
 }
 
@@ -2091,7 +2092,7 @@ body {
 }
 
 .oxa-file-preview-title > .anticon {
-  color: var(--oxa-shell-primary, #1677ff);
+  color: var(--oxa-antd-color-primary);
   font-size: 26px;
 }
 
@@ -2109,7 +2110,7 @@ body {
 }
 
 .oxa-file-preview-title span {
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
   font-size: 12px;
 }
 
@@ -2125,8 +2126,8 @@ body {
   height: calc(100vh - 106px);
   border: 0;
   border-radius: 8px;
-  background: var(--oxa-shell-surface, #fff);
-  box-shadow: 0 8px 32px rgb(24 42 72 / 10%);
+  background: var(--oxa-antd-color-bg-container);
+  box-shadow: var(--oxa-antd-box-shadow-secondary);
 }
 
 .oxa-preview-image {
@@ -2134,7 +2135,7 @@ body {
   max-height: calc(100vh - 106px);
   border-radius: 8px;
   object-fit: contain;
-  box-shadow: 0 8px 32px rgb(24 42 72 / 12%);
+  box-shadow: var(--oxa-antd-box-shadow-secondary);
 }
 
 .oxa-docx-preview,
@@ -2143,13 +2144,13 @@ body {
   height: calc(100vh - 106px);
   overflow: auto;
   border-radius: 8px;
-  background: var(--oxa-shell-surface, #fff);
-  box-shadow: 0 8px 32px rgb(24 42 72 / 10%);
+  background: var(--oxa-antd-color-bg-container);
+  box-shadow: var(--oxa-antd-box-shadow-secondary);
 }
 
 .oxa-docx-preview .docx-wrapper {
   min-height: 100%;
-  background: var(--oxa-shell-subtle, #fafafa);
+  background: var(--oxa-antd-color-fill-alter);
   padding: 24px;
 }
 
@@ -2167,7 +2168,7 @@ body {
   min-height: 0;
   flex: 1;
   overflow: auto;
-  border-top: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border-top: 1px solid var(--oxa-antd-color-border-secondary);
 }
 
 .oxa-spreadsheet-scroll table {
@@ -2181,10 +2182,10 @@ body {
 .oxa-spreadsheet-scroll td {
   min-width: 96px;
   max-width: 360px;
-  border-right: 1px solid var(--oxa-shell-border, #f0f0f0);
-  border-bottom: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border-right: 1px solid var(--oxa-antd-color-border-secondary);
+  border-bottom: 1px solid var(--oxa-antd-color-border-secondary);
   padding: 7px 9px;
-  background: var(--oxa-shell-surface, #fff);
+  background: var(--oxa-antd-color-bg-container);
   text-align: left;
   vertical-align: top;
   white-space: pre-wrap;
@@ -2196,8 +2197,8 @@ body {
   z-index: 1;
   left: 0;
   min-width: 52px;
-  background: var(--oxa-shell-subtle, #fafafa);
-  color: var(--oxa-shell-text-secondary, #595959);
+  background: var(--oxa-antd-color-fill-alter);
+  color: var(--oxa-antd-color-text-secondary);
   text-align: center;
 }
 
@@ -2232,7 +2233,7 @@ body {
 }
 
 .oxa-record-meta {
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
   font-size: 12px;
 }
 
@@ -2263,14 +2264,14 @@ body {
 
 .oxa-detail-main .ant-descriptions-item-label,
 .oxa-detail-aside .ant-descriptions-item-label {
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
 }
 
 .oxa-audit-collapse {
   overflow: hidden;
-  border: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border: 1px solid var(--oxa-antd-color-border-secondary);
   border-radius: 8px;
-  background: var(--oxa-shell-surface, #fff);
+  background: var(--oxa-antd-color-bg-container);
 }
 
 .oxa-audit-collapse > .ant-collapse-item > .ant-collapse-header {
@@ -2293,13 +2294,13 @@ body {
 }
 
 .oxa-audit-collapse-heading span {
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
   font-size: 12px;
 }
 
 .oxa-audit-loading {
   padding: 18px 0;
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
   text-align: center;
 }
 
@@ -2307,7 +2308,7 @@ body {
   display: grid;
   gap: 4px;
   padding: 10px 0;
-  border-bottom: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border-bottom: 1px solid var(--oxa-antd-color-border-secondary);
 }
 
 .oxa-audit-entry:last-child {
@@ -2328,7 +2329,7 @@ body {
 
 .oxa-audit-meta {
   flex-wrap: wrap;
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
   font-size: 12px;
 }
 
@@ -2347,12 +2348,12 @@ body {
   gap: 3px;
   padding: 7px 8px;
   border-radius: 6px;
-  background: var(--oxa-shell-subtle, #fafafa);
+  background: var(--oxa-antd-color-fill-alter);
 }
 
 .oxa-audit-change-values {
   min-width: 0;
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
   font-size: 12px;
 }
 
@@ -2364,7 +2365,7 @@ body {
 }
 
 .oxa-audit-entry > span {
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
   font-size: 12px;
 }
 
@@ -2376,21 +2377,21 @@ body {
   justify-content: space-between;
   gap: 8px;
   padding: 9px 12px;
-  border: 1px solid var(--oxa-shell-border-strong, #d9d9d9);
+  border: 1px solid var(--oxa-antd-color-border);
   border-radius: 8px;
-  background: var(--oxa-shell-surface, #fff);
-  color: var(--oxa-shell-text, #1f1f1f);
+  background: var(--oxa-antd-color-bg-container);
+  color: var(--oxa-antd-color-text);
   font: inherit;
   text-align: left;
 }
 
 .oxa-mobile-reference-trigger:disabled {
-  background: var(--oxa-shell-subtle, #fafafa);
-  color: var(--oxa-shell-text-disabled, rgb(0 0 0 / 25%));
+  background: var(--oxa-antd-color-fill-alter);
+  color: var(--oxa-antd-color-text-disabled);
 }
 
 .oxa-mobile-reference-placeholder {
-  color: var(--oxa-shell-text-disabled, rgb(0 0 0 / 25%));
+  color: var(--oxa-antd-color-text-disabled);
 }
 
 .oxa-mobile-reference-backdrop {
@@ -2399,7 +2400,7 @@ body {
   inset: 0;
   display: flex;
   align-items: flex-end;
-  background: var(--oxa-shell-mask, rgb(0 0 0 / 45%));
+  background: var(--oxa-antd-color-bg-mask);
 }
 
 .oxa-mobile-reference-sheet {
@@ -2410,15 +2411,15 @@ body {
   padding: 16px 16px max(16px, env(safe-area-inset-bottom));
   overflow: auto;
   border-radius: 16px 16px 0 0;
-  background: var(--oxa-shell-elevated, #fff);
-  box-shadow: 0 -8px 32px rgb(15 23 42 / 18%);
+  background: var(--oxa-antd-color-bg-elevated);
+  box-shadow: var(--oxa-antd-box-shadow-secondary);
 }
 
 .oxa-mobile-reference-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  color: var(--oxa-shell-text, #1f1f1f);
+  color: var(--oxa-antd-color-text);
 }
 
 .oxa-mobile-reference-header button,
@@ -2426,7 +2427,7 @@ body {
 .oxa-mobile-reference-confirm {
   border: 0;
   background: transparent;
-  color: var(--oxa-shell-primary, #1677ff);
+  color: var(--oxa-antd-color-primary);
   font: inherit;
 }
 
@@ -2448,17 +2449,17 @@ body {
   border: 0;
   border-radius: 8px;
   background: transparent;
-  color: var(--oxa-shell-text, #1f1f1f);
+  color: var(--oxa-antd-color-text);
   font: inherit;
   text-align: left;
 }
 
 .oxa-mobile-reference-option.is-selected {
-  background: var(--oxa-shell-primary-bg, #e6f4ff);
+  background: var(--oxa-antd-color-primary-bg);
 }
 
 .oxa-mobile-reference-option:disabled {
-  color: var(--oxa-shell-text-disabled, rgb(0 0 0 / 25%));
+  color: var(--oxa-antd-color-text-disabled);
   opacity: 0.7;
 }
 
@@ -2471,7 +2472,7 @@ body {
 
 .oxa-mobile-reference-option-copy small {
   overflow: hidden;
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
   font-size: 12px;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2481,27 +2482,27 @@ body {
 .oxa-mobile-reference-empty,
 .oxa-mobile-reference-error {
   padding: 12px 4px;
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
   font-size: 13px;
   text-align: center;
 }
 
 .oxa-mobile-reference-error {
-  color: var(--oxa-shell-error, #ff4d4f);
+  color: var(--oxa-antd-color-error);
 }
 
 .oxa-mobile-reference-more,
 .oxa-mobile-reference-confirm {
   min-height: 42px;
   border-radius: 8px;
-  background: var(--oxa-shell-primary-bg, #e6f4ff);
+  background: var(--oxa-antd-color-primary-bg);
   font-weight: 600;
   text-align: center;
 }
 
 .oxa-mobile-reference-confirm {
-  background: var(--oxa-shell-primary, #1677ff);
-  color: #fff;
+  background: var(--oxa-antd-color-primary);
+  color: var(--oxa-antd-color-text-light-solid);
 }
 
 .oxa-mobile-file-field {
@@ -2515,16 +2516,16 @@ body {
   min-height: 42px;
   align-items: center;
   justify-content: center;
-  border: 1px solid var(--oxa-shell-border-strong, #d9d9d9) !important;
+  border: 1px solid var(--oxa-antd-color-border) !important;
   border-radius: 8px;
-  background: var(--oxa-shell-surface, #fff) !important;
-  color: var(--oxa-shell-primary, #1677ff);
+  background: var(--oxa-antd-color-bg-container) !important;
+  color: var(--oxa-antd-color-primary);
   font-weight: 600;
 }
 
 .oxa-mobile-file-button.ant-btn:disabled {
-  background: var(--oxa-shell-subtle, #fafafa);
-  color: var(--oxa-shell-text-disabled, rgb(0 0 0 / 25%));
+  background: var(--oxa-antd-color-fill-alter);
+  color: var(--oxa-antd-color-text-disabled);
 }
 
 .oxa-mobile-pending-files {
@@ -2538,9 +2539,9 @@ body {
   align-items: center;
   gap: 8px;
   padding: 7px 9px;
-  border: 1px solid var(--oxa-shell-border, #f0f0f0);
+  border: 1px solid var(--oxa-antd-color-border-secondary);
   border-radius: 8px;
-  background: var(--oxa-shell-subtle, #fafafa);
+  background: var(--oxa-antd-color-fill-alter);
   font-size: 13px;
 }
 
@@ -2559,19 +2560,19 @@ body {
 }
 
 .oxa-mobile-pending-file-copy small {
-  color: var(--oxa-shell-text-secondary, #595959);
+  color: var(--oxa-antd-color-text-secondary);
   font-size: 12px;
 }
 
 .oxa-mobile-pending-status {
-  color: var(--oxa-shell-primary, #1677ff);
+  color: var(--oxa-antd-color-primary);
   white-space: nowrap;
 }
 
 .oxa-mobile-pending-error {
   max-width: 42%;
   overflow: hidden;
-  color: var(--oxa-shell-error, #ff4d4f);
+  color: var(--oxa-antd-color-error);
   text-overflow: ellipsis;
   white-space: nowrap;
 }
@@ -2679,7 +2680,7 @@ body {
   .oxa-directory-tree-pane,
   .oxa-directory-selected-pane {
     border: 0;
-    border-bottom: 1px solid var(--oxa-shell-border, #f0f0f0);
+    border-bottom: 1px solid var(--oxa-antd-color-border-secondary);
   }
 
   .oxa-directory-tree-pane,