.container[data-v-55e3577e]{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-55e3577e]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.sidebar[data-v-55e3577e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;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}.alphabet-filter[data-v-55e3577e]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:50px;-ms-flex-negative:0;flex-shrink:0;margin-bottom:8px;border-right:1px solid #e0e0e0;background:#8dc941;height:100%;overflow-y:auto;padding:20px 0 10px 0}.alphabet-filter[data-v-55e3577e],.letter-item[data-v-55e3577e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.letter-item[data-v-55e3577e]{margin-bottom:16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:14px;font-weight:500;color:#fff;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.letter-item[data-v-55e3577e]:hover{color:#f59a23;-webkit-transform:scale(1.1);transform:scale(1.1)}.letter-item.active[data-v-55e3577e]{color:#f59a23;font-weight:700}.menu-container[data-v-55e3577e]{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%}.menu-title[data-v-55e3577e]{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-55e3577e]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.menu-parent[data-v-55e3577e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 32px 12px 0;margin:2px 10px;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-parent[data-v-55e3577e]:hover{background:hsla(0,0%,100%,.1)}.menu-parent.active[data-v-55e3577e]{background:hsla(0,0%,100%,.2);font-weight:600}.menu-text[data-v-55e3577e]{margin:0 8px}.expand-arrow[data-v-55e3577e]{width:12px;height:12px;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;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.expand-arrow.expanded[data-v-55e3577e]{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.submenu[data-v-55e3577e]{-webkit-animation:slideDown-data-v-55e3577e .3s ease-out;animation:slideDown-data-v-55e3577e .3s ease-out}@-webkit-keyframes slideDown-data-v-55e3577e{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}@keyframes slideDown-data-v-55e3577e{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.menu-item[data-v-55e3577e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 20px 8px 44px;margin:1px 10px;border-radius:6px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;color:#555;font-size:13px;font-weight:400;position:relative}.menu-item[data-v-55e3577e]:before{content:"•";position:absolute;left:30px;color:#555;font-size:16px}.menu-item[data-v-55e3577e]:hover{background:#f59a23;-webkit-transform:translateX(3px);transform:translateX(3px)}.menu-item.active[data-v-55e3577e]{background:#f59a23;font-weight:500;color:#555}.menu-item.active[data-v-55e3577e]:before{color:#555}.right-content[data-v-55e3577e],.sub-menu-text[data-v-55e3577e]{-webkit-box-flex:1;-ms-flex:1;flex:1}.right-content[data-v-55e3577e]{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-55e3577e]{width:100%;height:44px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}.change[data-v-55e3577e],.header[data-v-55e3577e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.change[data-v-55e3577e]{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-55e3577e]{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-55e3577e]{-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-55e3577e]{width:16px;height:16px;margin-right:4px;-ms-flex-negative:0;flex-shrink:0}.toggle-btn.active[data-v-55e3577e],.toggle-btn[data-v-55e3577e]:not(.active):hover{background:#81bc22;color:#fff}.user-info[data-v-55e3577e]{font-weight:600;font-size:14px;color:#fefeff;margin-left:auto;cursor:pointer}.content-area[data-v-55e3577e]{-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-55e3577e],.listening-section[data-v-55e3577e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.listening-section[data-v-55e3577e]{width:100%;height:100%;flex-direction:column}.section-title-container[data-v-55e3577e]{position:relative;height:50px;border-radius:8px 8px 0 0;overflow:hidden;-ms-flex-negative:0;flex-shrink:0}.section-title-bg[data-v-55e3577e]{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-55e3577e]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;z-index:1}.section-title-content[data-v-55e3577e],.section-title-overlay[data-v-55e3577e]{position:absolute;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.section-title-content[data-v-55e3577e]{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-55e3577e]{color:#fefffb;font-size:28px;-ms-flex-negative:0;flex-shrink:0}.parent-item-name[data-v-55e3577e]{color:#fdfadc;font-size:40px;margin-right:56px;-ms-flex-negative:0;flex-shrink:0}.content-layout[data-v-55e3577e]{padding:20px}.content-layout[data-v-55e3577e],.evaluation-content[data-v-55e3577e]{-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-55e3577e]{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-55e3577e]{margin-right:20px;width:min(50%,480px);-ms-flex-negative:0;flex-shrink:0;height:65vh}.image-container[data-v-55e3577e],.image-display[data-v-55e3577e]{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-55e3577e]{width:100%;height:100%;border:10px solid #fdfdfd;border-radius:10px;background-color:#f9f9f9;overflow:hidden}.image-display img[data-v-55e3577e]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.text-content[data-v-55e3577e]{-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-55e3577e]{width:100%}.remark-content[data-v-55e3577e]{-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-55e3577e]{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-55e3577e]{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-55e3577e]{width:64px;height:64px;opacity:.6}.no-data-text[data-v-55e3577e]{color:#aaa;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.content-footer[data-v-55e3577e]{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-55e3577e]{padding:8px 32px;font-size:14px;border-radius:4px;border:1px solid #d7d7d7;margin-right:20px;background:#fff;cursor:pointer}.footer-btn[data-v-55e3577e]:hover:not(.disabled){background:#e8f5e8}.footer-btn.disabled[data-v-55e3577e]{color:#ccc;cursor:not-allowed}.remark-text[data-v-55e3577e]::-webkit-scrollbar{width:4px}.remark-text[data-v-55e3577e]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.remark-text[data-v-55e3577e]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.remark-text[data-v-55e3577e]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.alphabet-filter[data-v-55e3577e]::-webkit-scrollbar{width:4px}.alphabet-filter[data-v-55e3577e]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.alphabet-filter[data-v-55e3577e]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.alphabet-filter[data-v-55e3577e]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.menu-body[data-v-55e3577e]::-webkit-scrollbar{width:4px}.menu-body[data-v-55e3577e]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.menu-body[data-v-55e3577e]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.menu-body[data-v-55e3577e]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}