.fade-enter-active[data-v-290a70da],.fade-leave-active[data-v-290a70da]{transition:opacity .3s}.fade-enter-from[data-v-290a70da],.fade-leave-to[data-v-290a70da]{opacity:0}.modal[data-v-290a70da]{background:#00000080;display:block;height:100%;position:fixed;width:100%;z-index:1000}.modal[data-v-290a70da],.modal-content[data-v-290a70da]{left:50%;top:50%;transform:translate(-50%,-50%)}.modal-content[data-v-290a70da]{background:#fff;border-radius:8px;max-width:400px;padding:20px;position:relative;text-align:center}button[data-v-290a70da]{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}button.close[data-v-290a70da]{background:none;color:#888;cursor:pointer;font-size:24px;position:absolute;right:0;top:5px}.modal-content[data-v-290a70da]{display:flex;flex-direction:column;gap:20px}.modal-content h2[data-v-290a70da]{text-align:left}.modal-content .note[data-v-290a70da]{background:#eee;border-radius:5px;font-size:11px;line-height:1.5;padding:10px;text-align:left}.modal-content form[data-v-290a70da]{display:flex;flex-direction:column;gap:20px}.modal-content form .form-group[data-v-290a70da]{display:flex;flex-direction:column;gap:8px}.modal-content form .form-group label[data-v-290a70da]{font-size:14px;font-weight:400;text-align:left}.modal-content form .form-group label .text-show[data-v-290a70da]{font-size:12px;font-style:italic}.modal-content form .form-group input[data-v-290a70da]{border:1px solid #eee;border-radius:5px;padding:5px 10px}.box-comment[data-v-290a70da]{display:flex;flex-direction:column;gap:20px}.box-comment .title-box[data-v-290a70da]{color:#222;cursor:pointer;font-family:"Noto Serif";font-size:23px;font-weight:600;line-height:150%}.box-comment .form[data-v-290a70da]{display:flex;flex-direction:column;gap:8px}.box-comment .form .input-control[data-v-290a70da]{display:flex;position:relative}.box-comment .form .input-control .input-search-comment[data-v-290a70da]{background:#fff;border:0;border-left:3px solid #ff4645;border-radius:5px;font-size:15px;height:20px;line-height:1.5;padding:10px;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1);width:100%}.box-comment .form .input-control .input-search-comment[data-v-290a70da]:focus{border-bottom:1px solid #ff4645;border-right:1px solid #ff4645;border-top:1px solid #ff4645}.box-comment .form .input-control .icon[data-v-290a70da]{position:absolute;right:10px;top:10px}.box-comment .form .input-control .icon svg[data-v-290a70da]{fill:#bdbdbd;height:20px;width:20px}.error-text[data-v-290a70da]{color:#ff4645;font-size:11px;text-align:left}.comment-item[data-v-290a70da]{color:#222;display:flex;font-size:14px;gap:10px;line-height:1.5}.comment-item .char-name[data-v-290a70da]{align-content:center;background:#fff;border-radius:50%;color:#a4a4a4;font-size:18px;font-weight:500;height:40px;text-align:center;width:40px}.comment-item .user-comment .name[data-v-290a70da]{color:#222;font-size:15px;font-weight:600}