refine shared Semi UI command tokens

vehicle-data-platform/apps/web/src/v2/pages/ReconciliationCenter.tsx

@@ -342,7 +342,7 @@ export default function ReconciliationCenter() {
       meta="每日自动对账"
       actions={<>
         <Button
-          className="v2-reconcile-trend-open"
+          className="v2-reconcile-trend-open v2-workspace-mobile-tool-button is-muted"
           theme="borderless"
           type="tertiary"
           icon={trendExpanded ? <IconChevronUp /> : <IconChevronDown />}
@@ -351,7 +351,7 @@ export default function ReconciliationCenter() {
           aria-controls="v2-reconcile-trend"
           onClick={() => setTrendExpanded((value) => !value)}
         >30 天趋势</Button>
-        <Button theme="light" icon={<IconRefresh />} loading={summary.isFetching || issues.isFetching} onClick={refresh}>刷新结果</Button>
+        <Button className="v2-workspace-mobile-tool-button is-muted" theme="light" icon={<IconRefresh />} aria-label="刷新结果" loading={summary.isFetching || issues.isFetching} onClick={refresh}>刷新结果</Button>
       </>}
     />
     {summary.isError ? <InlineError message={summary.error.message} onRetry={() => summary.refetch()} /> : null}
@@ -431,7 +431,8 @@ export default function ReconciliationCenter() {
   <SideSheet
     className="v2-reconcile-detail-sidesheet"
     visible={mobileLayout && Boolean(selectedID)}
-    width="100%"
+    placement="bottom"
+    height="min(84dvh, 740px)"
     aria-label="差异证据与处置"
     title={<div className="v2-reconcile-sheet-title"><strong>差异证据与处置</strong><span>{selectedIssue ? `${selectedIssue.plate || '平台级差异'} · ${ruleLabel(selectedIssue.ruleCode)}` : '加载规则证据与处置履历'}</span></div>}
     onCancel={closeDetail}
@@ -441,7 +442,8 @@ export default function ReconciliationCenter() {
   <SideSheet
     className="v2-reconcile-trend-sidesheet"
     visible={mobileLayout && trendExpanded}
-    width="100%"
+    placement="bottom"
+    height="min(62dvh, 560px)"
     aria-label="30 天差异趋势"
     title="30 天差异趋势"
     footer={null}