.container[data-v-16b7abec]{width:100%;height:100vh;margin:0 auto;background:url(../img/u2.13190d7f.png) no-repeat 50%;background-size:cover;padding:10px 20px 20px 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.main-layout[data-v-16b7abec]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.sidebar[data-v-16b7abec]{width:250px;height:calc(100% - 64px);margin-right:20px;background:#f5fde6;border-radius:16px;border:8px solid #8cc235;margin-top:64px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.menu-container[data-v-16b7abec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;padding:0}.menu-header[data-v-16b7abec]{-ms-flex-negative:0;flex-shrink:0}.menu-title[data-v-16b7abec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 0 8px 0;margin:0 16px 16px 16px;color:#81bc22;font-size:20px;font-weight:500;position:relative}.menu-body[data-v-16b7abec]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:0 10px}.menu-item[data-v-16b7abec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 20px;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;color:#555;font-size:14px;font-weight:500;position:relative}.menu-item[data-v-16b7abec]:hover{background:#f59a23;-webkit-transform:translateX(3px);transform:translateX(3px)}.menu-item.active[data-v-16b7abec]{background:#f59a23;font-weight:600;color:#555}.menu-text[data-v-16b7abec],.right-content[data-v-16b7abec]{-webkit-box-flex:1;-ms-flex:1;flex:1}.right-content[data-v-16b7abec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.header[data-v-16b7abec]{width:100%;height:44px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}.change[data-v-16b7abec],.header[data-v-16b7abec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.change[data-v-16b7abec]{background:#fff;min-width:250px;max-width:400px;height:45px;border-radius:10px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.toggle-buttons[data-v-16b7abec]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;border-radius:5px;overflow:hidden;padding:8px 0 8px 8px}.toggle-btn[data-v-16b7abec]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:2px solid #81bc22;border-radius:10px;background:transparent;font-size:14px;font-weight:600;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;color:#81bc22;margin-right:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap}.btn-icon[data-v-16b7abec]{width:16px;height:16px;margin-right:4px;-ms-flex-negative:0;flex-shrink:0}.toggle-btn.active[data-v-16b7abec],.toggle-btn[data-v-16b7abec]:not(.active):hover{background:#81bc22;color:#fff}.user-info[data-v-16b7abec]{font-weight:600;font-size:14px;color:#fefeff;margin-left:auto;cursor:pointer}.content-area[data-v-16b7abec]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#f5f8e8;border:8px solid #facd91;border-radius:16px;overflow-y:hidden;flex-direction:column}.content-area[data-v-16b7abec],.listening-section[data-v-16b7abec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.listening-section[data-v-16b7abec]{width:100%;height:100%;flex-direction:column}.section-title-container[data-v-16b7abec]{position:relative;height:50px;border-radius:8px 8px 0 0;overflow:hidden;-ms-flex-negative:0;flex-shrink:0}.section-title-bg[data-v-16b7abec]{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/image.fa31da1f.png) no-repeat 50%;background-size:cover}.section-title-overlay[data-v-16b7abec]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;z-index:1}.section-title-content[data-v-16b7abec],.section-title-overlay[data-v-16b7abec]{position:absolute;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.section-title-content[data-v-16b7abec]{top:0;left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px;z-index:2}.sub-item-name[data-v-16b7abec]{color:#fefffb;font-size:28px;-ms-flex-negative:0;flex-shrink:0}.parent-item-name[data-v-16b7abec]{color:#fdfadc;font-size:40px;margin-right:56px;-ms-flex-negative:0;flex-shrink:0}.content-layout[data-v-16b7abec]{padding:20px}.content-layout[data-v-16b7abec],.evaluation-content[data-v-16b7abec]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.content-item[data-v-16b7abec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start;height:100%}.image-container[data-v-16b7abec]{margin-right:20px;width:min(50%,480px);-ms-flex-negative:0;flex-shrink:0;height:65vh}.image-container[data-v-16b7abec],.image-display[data-v-16b7abec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.image-display[data-v-16b7abec]{width:100%;height:100%;border:10px solid #fdfdfd;border-radius:10px;background-color:#f9f9f9;overflow:hidden}.image-display img[data-v-16b7abec]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.text-content[data-v-16b7abec]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:0}.text-content.full-width[data-v-16b7abec]{width:100%}.remark-content[data-v-16b7abec]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:0}.remark-text[data-v-16b7abec]{background:#fff;border-radius:8px;padding:25px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05);color:#444;font-size:14px;line-height:2.4;text-align:justify;white-space:pre-wrap;height:65vh;overflow-y:auto;overflow-x:hidden}.no-data-container[data-v-16b7abec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;min-height:200px}.no-data-container .remark-icon[data-v-16b7abec]{width:64px;height:64px;opacity:.6}.no-data-text[data-v-16b7abec]{color:#aaa;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.content-footer[data-v-16b7abec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin:0 0 20px 0;-ms-flex-negative:0;flex-shrink:0}.footer-btn[data-v-16b7abec]{padding:8px 32px;font-size:14px;border-radius:4px;border:1px solid #d7d7d7;margin-right:20px;background:#fff;cursor:pointer}.footer-btn[data-v-16b7abec]:hover:not(.disabled){background:#e8f5e8}.footer-btn.disabled[data-v-16b7abec]{color:#ccc;cursor:not-allowed}.remark-text[data-v-16b7abec]::-webkit-scrollbar{width:4px}.remark-text[data-v-16b7abec]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.remark-text[data-v-16b7abec]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.remark-text[data-v-16b7abec]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.menu-body[data-v-16b7abec]::-webkit-scrollbar{width:4px}.menu-body[data-v-16b7abec]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.menu-body[data-v-16b7abec]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.menu-body[data-v-16b7abec]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}