style: polish overall user interface and layout

src/pages/Generate.tsx

@@ -122,7 +122,7 @@ function GeneratePage() {
                 name="companyName"
                 rules={[{ required: true, message: '请输入企业名称' }]}
               >
-                <Input placeholder="输入企业名称（如：浙江贝凡）" />
+                <Input placeholder="输入企业名称（如：浙江贝凡）" style={{ width: '80%' }} />
               </Form.Item>
 
               <Form.Item label="序列号设置" name="serialOption">
@@ -154,7 +154,7 @@ function GeneratePage() {
                 name="quantity"
                 rules={[{ required: true, message: '请输入序列号数量' }]}
               >
-                <InputNumber min={1} max={100} style={{ width: '100%' }} />
+                <InputNumber min={1} max={100} style={{ width: '80%' }} />
               </Form.Item>
             </Col>
 
@@ -177,7 +177,7 @@ function GeneratePage() {
                       name="validDays"
                       rules={[{ required: true, message: '请输入有效天数' }]}
                     >
-                      <InputNumber min={1} max={3650} style={{ width: '100%' }} />
+                      <InputNumber min={1} max={3650} style={{ width: '80%' }} />
                     </Form.Item>
                   ) : (
                     <Form.Item
@@ -185,7 +185,7 @@ function GeneratePage() {
                       name="validUntil"
                       rules={[{ required: true, message: '请选择有效期' }]}
                     >
-                      <DatePicker showTime style={{ width: '100%' }} />
+                      <DatePicker showTime style={{ width: '80%' }} />
                     </Form.Item>
                   )
                 }
@@ -196,8 +196,8 @@ function GeneratePage() {
                 name="qrColor"
                 initialValue="#000000"
               >
-                <div>
+                <div style={{ display: 'flex', alignItems: 'center', gap: '12px' }}>
-                  <div style={{ marginBottom: '12px', display: 'flex', flexWrap: 'wrap', gap: '8px' }}>
+                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: '8px' }}>
                     {colorPresets.map((color) => (
                       <div
                         key={color}
@@ -214,7 +214,6 @@ function GeneratePage() {
                       />
                     ))}
                   </div>
-                  <Divider style={{ margin: '12px 0' }} />
                   <ColorPicker
                     value={qrColor}
                     onChange={(color: Color) => {