注册页面优化

app/code/Magento/Customer/view/frontend/templates/form/register.phtml

@@ -20,6 +20,108 @@ $formData = $block->getFormData();
 <?= $block->getChildHtml('form_fields_before') ?>
 <?php /* Extensions placeholder */ ?>
 <?= $block->getChildHtml('customer.form.register.extra') ?>
+<style type="text/css">
+
+    @media(min-width: 768px){
+        .page-main>.columns{
+            width: 50%;
+            margin: 0 auto;
+            font-family: Outfit-Regular;
+        }
+        .login-container{
+            flex-direction: column;
+        }
+        .page-title-wrapper h1 span{
+            font-size: 60px;
+            color: #222222;
+            font-weight: 400;
+            text-transform: capitalize;
+            letter-spacing: -1.5px;
+            margin-bottom: 20px;
+            line-height: 1;
+        }
+        .form-create-account{
+            max-width: none;
+        }
+
+    }
+
+    @media(max-width: 767.98px){
+        .page-title-wrapper h1{
+            text-align: center;
+            margin-top: 140px;
+        }
+        .page-main>.columns{
+            margin-top: 40px;
+        }
+        .page-title-wrapper h1 span{
+            font-size: 36px;
+            color: #222222;
+            font-weight: 400;
+            text-transform: capitalize;
+            letter-spacing: -1.5px;
+            line-height: 1;
+        }
+    }
+    input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
+        border: 1px solid #e1e1e1;
+        height: 50px;
+        padding: 5px;
+        border-radius: 3px;
+        box-shadow: none;
+    }
+
+    form .legend{
+        margin-left: 0;
+        font-size: 18px;
+        text-transform: none;
+
+    }
+    .field.required>.label, .field._required>.label{
+        font-size: 13px;
+        color: #666666;
+    }
+    .bshadow0, input{
+        box-shadow: inset 0 -2px #e7e7e7;
+    }
+    .field.choice>[type="checkbox"] {
+        margin-top: 5px;
+    }
+    label{
+        font-size: 13px;
+        padding: 0;
+        text-align: left;
+    }
+    .action.primary{
+        vertical-align: middle;
+        -webkit-transform: perspective(1px) translateZ(0);
+        transform: perspective(1px) translateZ(0);
+        box-shadow: 0 0 1px rgb(0 0 0 / 0%);
+        border-radius: 0px;
+        background-color: #222222;
+        box-shadow: none;
+        color: #ffffff;
+        display: inline-block;
+        font-family: 'Outfit', sans-serif;
+        font-weight: normal;
+        padding: 18px 50px;
+        line-height: 1;
+        text-shadow: none;
+        text-transform: capitalize;
+        white-space: nowrap;
+        font-size: 13px;
+        border-radius: 2px;
+        border: 2px solid #222222;
+        background-image: none;
+        text-align: center;
+        border: none;
+        text-transform: uppercase;
+        font-weight: normal !important;
+        transition: all 0.4s ease;
+        -webkit-transition: all 0.4s ease;
+    }
+
+</style>
 <form class="form create account form-create-account"
       action="<?= $escaper->escapeUrl($block->getPostActionUrl()) ?>"
       method="post"