修改发展汉语提出的问题

src/components/Adult/preview/ArticleViewChs/NormalModelChs.vue

@@ -566,4 +566,76 @@ export default {
     }
   }
 }
+.NPC-Big-Book-preview-green {
+    .NNPE-ArticleView {
+        .NNPE-detail {
+            .NNPE-words {
+                &-box {
+                    > span {
+                        &.NNPE-chs {
+                            &.active {
+                                background: rgba(36, 185, 158, 0.15);
+                            }
+                            &.wordActive {
+                                color: rgba(36, 185, 158, 1);
+                            }
+                            .wordActive {
+                                color: rgba(36, 185, 158, 1);
+                            }
+                        }
+                    }
+                }
+                > span {
+                    &.NNPE-chs {
+                        &.active {
+                            background: rgba(36, 185, 158, 0.15);
+                        }
+                        &.wordActive {
+                            color: rgba(36, 185, 158, 1);
+                        }
+                        .wordActive {
+                            color: rgba(36, 185, 158, 1);
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+.NPC-Big-Book-preview-brown {
+    .NNPE-ArticleView {
+        .NNPE-detail {
+            .NNPE-words {
+                &-box {
+                    > span {
+                        &.NNPE-chs {
+                            &.active {
+                                background: rgba(189, 136, 101, 0.15);
+                            }
+                            &.wordActive {
+                                color: rgba(189, 136, 101, 1);
+                            }
+                            .wordActive {
+                                color: rgba(189, 136, 101, 1);
+                            }
+                        }
+                    }
+                }
+                > span {
+                    &.NNPE-chs {
+                        &.active {
+                            background: rgba(189, 136, 101, 0.15);
+                        }
+                        &.wordActive {
+                            color: rgba(189, 136, 101, 1);
+                        }
+                        .wordActive {
+                            color: rgba(189, 136, 101, 1);
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
 </style>

src/components/Adult/preview/ArticleViewChs/Practicechs.vue

@@ -663,4 +663,63 @@ export default {
     }
   }
 }
+.NPC-Big-Book-preview-green {
+    .NNPE-ArticleView {
+        .NNPE-detail-box {
+            &.active {
+                background: rgba(36, 185, 158, 0.15);
+            }
+        }
+        .NNPE-detail {
+            .NNPE-words {
+                &-box {
+                    > span {
+                        &.NNPE-chs {
+                            .active {
+                                color: #24B99E;
+                            }
+                        }
+                    }
+                }
+                > span {
+                    &.NNPE-chs {
+                        .active {
+                            color: #24B99E;
+                        }
+                    }
+                }
+            }
+        }
+    }
+  
+}
+.NPC-Big-Book-preview-brown {
+    .NNPE-ArticleView {
+        .NNPE-detail-box {
+            &.active {
+                background: rgba(189, 136, 101, 0.15);
+            }
+        }
+        .NNPE-detail {
+            .NNPE-words {
+                &-box {
+                    > span {
+                        &.NNPE-chs {
+                            .active {
+                                color: #BD8865;
+                            }
+                        }
+                    }
+                }
+                > span {
+                    &.NNPE-chs {
+                        .active {
+                            color: #BD8865;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
 </style>

src/components/Adult/preview/InputHasRecord.vue

@@ -375,11 +375,12 @@ export default {
     margin-right: 8px;
   }
   .inputInner {
+    max-width: 520px;
     border-radius: 8px;
     border: 1px solid rgba(0, 0, 0, 0.1);
     background: #fff;
     overflow: hidden;
-    margin: 8px 0 16px 23px;
+    margin: 8px 0 36px 23px;
     > div.luyin-inner {
       border-top: 1px solid rgba(0, 0, 0, 0.1);
     }

src/components/Adult/preview/Notes.vue

@@ -158,7 +158,7 @@ export default {
         display: flex;
         justify-content: flex-start;
         align-items: center;
-        margin-bottom: 8px;
+        margin-bottom: 12px;
         > span {
           font-style: normal;
           font-weight: normal;
@@ -182,7 +182,7 @@ export default {
         font-size: 14px;
         line-height: 150%;
         color: #000000;
-        margin-bottom: 8px;
+        margin-bottom: 12px;
         padding-left: 27px;
       }
       .NPC-notes-note {

src/components/Adult/preview/WordPhrase.vue

@@ -515,6 +515,7 @@ export default {
         color: #fff;
         font-weight: bold;
         margin-right: 8px;
+        white-space: pre;
       }
       .NPC-play-all {
         width: 16px;