refactor: 集中管理配置常量并优化样式一致性

frontend/src/pages/RackManagement.jsx

@@ -755,6 +755,23 @@ function RackManagement() {
 
   return (
     <div style={containerStyle}>
+      <style>{`
+        .ant-modal-close {
+          top: 16px !important;
+          right: 16px !important;
+          width: 32px !important;
+          height: 32px !important;
+          line-height: 32px !important;
+        }
+        .ant-modal-close-x {
+          width: 32px !important;
+          height: 32px !important;
+          line-height: 32px !important;
+          display: flex !important;
+          align-items: center !important;
+          justify-content: center !important;
+        }
+      `}</style>
       <div style={headerStyle}>
         <div
           style={{
@@ -969,7 +986,7 @@ function RackManagement() {
 
       <Modal
         title={
-          <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
+          <div style={{ display: 'flex', alignItems: 'center', gap: '10px', paddingRight: '32px' }}>
             <div
               style={{
                 width: '4px',
@@ -988,9 +1005,16 @@ function RackManagement() {
         destroyOnHidden
         styles={{
           body: { padding: '24px' },
-          header: { borderBottom: '1px solid #f0f0f0', padding: '16px 50px 16px 24px' },
+          header: {
+            borderBottom: '1px solid #f0f0f0',
+            padding: '16px 24px',
+            position: 'relative',
+          },
         }}
         style={{ borderRadius: '16px' }}
+        classNames={{
+          header: 'modal-header-fix',
+        }}
       >
         <Form form={form} layout="vertical" onFinish={handleSubmit}>
           <Row gutter={16}>
@@ -1231,7 +1255,7 @@ function RackManagement() {
 
       <Modal
         title={
-          <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
+          <div style={{ display: 'flex', alignItems: 'center', gap: '10px', paddingRight: '32px' }}>
             <div
               style={{
                 width: '4px',
@@ -1256,7 +1280,11 @@ function RackManagement() {
         destroyOnHidden
         styles={{
           body: { padding: '24px' },
-          header: { borderBottom: '1px solid #f0f0f0', padding: '16px 24px' },
+          header: {
+            borderBottom: '1px solid #f0f0f0',
+            padding: '16px 24px',
+            position: 'relative',
+          },
         }}
         style={{ borderRadius: '16px' }}
       >