bug fix

src/components/Interaction.vue

@@ -60,12 +60,12 @@ watch(current, () => {
   bottom: 1rem;
   left: 3rem;
   display: flex;
-  pointer-events: none;
+  // pointer-events: none;
 
   .dialog {
     max-width: 30rem;
-    background-color: rgba(255, 244, 220, 0.6);
-    backdrop-filter: blur(20px);
+    background-color: rgba(255, 244, 220, 0.9);
+    backdrop-filter: blur(20px);  // 不生效，因为组件根元素通过class animation--hack-browser-bug--stack-too-high施加了动画
     box-shadow: inset 0px 1px 3px 0px #FFF3D1;
     margin-left: -5rem;
     color: #514C41;
@@ -83,8 +83,8 @@ watch(current, () => {
       display: inline-block;
       width: 4rem;
       height: 2rem;
-      background-color: rgba(255, 244, 220, 0.6);
-      backdrop-filter: blur(20px);
+      background-color: rgba(255, 244, 220, 0.9);
+      backdrop-filter: blur(20px); // 不生效，因为组件根元素通过class animation--hack-browser-bug--stack-too-high施加了动画
       position: absolute;
       right: 99.9%;
       z-index: -1;

src/components/times/conclusion.vue

@@ -102,6 +102,7 @@ watch(intersectionRatio, (vNew, vOld) => {
 <style lang="scss" scoped>
 .home {
   top: -2rem !important;
+  height: 90%;
   margin-left: 10rem;
 
   .conclusion {
@@ -137,7 +138,7 @@ watch(intersectionRatio, (vNew, vOld) => {
     }
     .conclusion-r-li {
       display: inline-block;
-      max-width: 30%;
+      max-width: 28%;
       max-height: 30vh;
 
       >div {