style: 优化CSS样式和布局调整

- 调整头部样式和布局
- 优化列表和卡片样式
- 修复滚动条显示问题
- 更新颜色和间距
- 添加边框和阴影效果

H5/h5.css

@@ -75,6 +75,9 @@ body {
   z-index: 3;
   width: 4.46rem;
 }
+.admission-officer .list {
+  margin-top: 1.2rem;
+}
 .admission-officer .list .item {
   width: 9rem;
   position: relative;
@@ -104,8 +107,8 @@ body {
 }
 .admission-officer .list .item .header .abbreviation .school-other {
   position: absolute;
-  top: -0.0133rem;
-  left: -0.0133rem;
+  top: -1px;
+  left: -1px;
   width: 2rem;
   height: 0.96rem;
   z-index: 1;
@@ -350,9 +353,31 @@ body {
   width: 9rem;
   height: 5.06rem;
   position: relative;
-  margin: 0 auto 0.54rem;
+  margin: 0 auto;
   z-index: 1;
 }
+.admission-officer .interview-box::after {
+  content: "";
+  width: 100%;
+  height: 0.38rem;
+  background-color: #000000;
+  border-radius: 0.2rem 0.2rem 0 0;
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.admission-officer .interview-box::before {
+  content: "";
+  width: 100%;
+  height: 0.38rem;
+  background-color: #000000;
+  border-radius: 0 0 0.2rem 0.2rem;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
 .admission-officer .interview-box .head {
   position: absolute;
   top: 0;
@@ -433,7 +458,7 @@ body {
   width: 100vw;
   box-sizing: border-box;
   white-space: nowrap;
-  margin-bottom: 1.2rem;
+  margin-top: 0.54rem;
   overflow: auto;
 }
 .admission-officer .interview-list .item {
@@ -471,7 +496,7 @@ body {
 .admission-officer .preach-box {
   width: 9rem;
   position: relative;
-  margin: 0 auto 0.54rem;
+  margin: 1.2rem auto 0;
   background: linear-gradient(123.15792388deg, #dfeaea 0%, #fbf9f5 100%);
   border: 0.0133rem solid #e8efee;
   border-radius: 0.4rem;