优化身份证读取流程，增加档案信息验证及错误提示

src/pages/U1/u1.css

@@ -1,4 +1,4 @@
-.u1-root{
+.u1-root {
   display: flex;
   position: relative;
   flex-direction: column;
@@ -18,6 +18,14 @@
   line-height: 114px;
 }
 
+.u1-instruction-wrapper {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-bottom: 20%;
+}
+
 .u1-instruction {
   width: 374px;
   height: 33px;
@@ -29,9 +37,25 @@
   text-align: left;
   white-space: nowrap;
   line-height: 44px;
-  margin-bottom: 20%;
 }
-.u1-decor-line{
+
+.u1-error {
+  position: absolute;
+  top: 60px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 800px;
+  overflow-wrap: break-word;
+  color: rgba(255, 0, 0, 1);
+  font-size: 36px;
+  font-family: NotoSansCJKsc-Medium;
+  font-weight: 500;
+  text-align: center;
+  line-height: 48px;
+  white-space: normal;
+}
+
+.u1-decor-line {
   margin-top: 3%;
   margin-bottom: 3%;
 }
@@ -39,8 +63,7 @@
   display: flex;
   height: 108px;
   width: 594px;
-  background: url(../../assets/buttons/button.png)
-    100% no-repeat;
+  background: url(../../assets/buttons/button.png) 100% no-repeat;
   background-size: 100% 100%;
   align-items: center;
   justify-content: center;
@@ -59,13 +82,12 @@
   line-height: 49px;
 }
 
-
 .u1-semicircle {
   position: absolute;
   left: 27%;
   transform: translateX(-50%);
-  top: 810px;  
-  width: 578px; 
+  top: 810px;
+  width: 578px;
   height: 588px;
   z-index: -1;
-}
+}