[data-v-837871d4]:root{--theme-color: #2a313c;--section-color: #2a313c;--title-color: #444;--text-color: #e2e8e3;--desc-color: #acacac;--navigator-color: rgb(157, 170, 188);--navigator-highlight-color: rgb(245, 214, 88);--nav-bar: white;--button-color: #e7e8ef;--tab-color: #e7e8ef;--tab-highligh-color: #333;--border-color: #2f415b;--border-color-top: #ddd;--section-color-lighten: #e7e8ef;--slider-color: #999;--background-color: #f8f7fc;--color: #62759a;--section-color-2: #353e4c}.app-header-content[data-v-837871d4]{z-index:99;min-height:50px;position:fixed;width:100%;top:0;left:0;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);margin-top:0;background-color:var(--section-color);color:var(--title-color)}.app-header-content .page-header[data-v-837871d4]{background-color:inherit;background-image:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:50px}.app-header-content .page-header .btn-back[data-v-837871d4]{position:absolute;left:8px;color:var(--text-color);background-color:transparent;font-size:20px;display:-webkit-box;display:-ms-flexbox;display:flex}.app-header-content .page-header .btn-back span[data-v-837871d4]{padding:0 10px}.app-header-content .page-header .btn-back .icon[data-v-837871d4]{width:18px;height:18px}.app-header-content .page-header .page-title[data-v-837871d4]{color:inherit;font-size:16px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center;color:var(--text-color)}.app-header-content .page-header .btn-option[data-v-837871d4]{color:inherit;position:absolute;background-color:transparent;width:auto;padding:4px 0;font-size:20px;top:4px;top:calc(4px + constant(safe-area-inset-top));top:calc(4px + env(safe-area-inset-top))}.app-header-content .page-header .btn-right[data-v-837871d4]{right:13px;color:var(--text-color)}.app-header-content .page-header .btn-right .icon[data-v-837871d4]{width:18px;height:18px}.app-header-content .page-header .btn-left[data-v-837871d4]{left:13px}.app-header-content .page-header .btn-left+.btn-left[data-v-837871d4]{left:50px}.app-header-content .page-header button[data-v-837871d4]{-webkit-box-shadow:none;box-shadow:none;outline:none}

[data-v-0456a5be]:root{--theme-color: #2a313c;--section-color: #2a313c;--title-color: #444;--text-color: #e2e8e3;--desc-color: #acacac;--navigator-color: rgb(157, 170, 188);--navigator-highlight-color: rgb(245, 214, 88);--nav-bar: white;--button-color: #e7e8ef;--tab-color: #e7e8ef;--tab-highligh-color: #333;--border-color: #2f415b;--border-color-top: #ddd;--section-color-lighten: #e7e8ef;--slider-color: #999;--background-color: #f8f7fc;--color: #62759a;--section-color-2: #353e4c}.lesson-detail[data-v-0456a5be]{width:100%;height:100%;margin:0;padding:0;padding-top:50px;padding-top:calc(50px + cosnt(safe-area-inset-top));padding-top:calc(50px + env(safe-area-inset-top))}.lesson-detail .styLessonHeader[data-v-0456a5be]{background-color:var(--theme-color)}.lesson-detail .styLessonDetailBody[data-v-0456a5be]{width:calc(100% - 40px);height:calc(100% - 40px);overflow:auto;-webkit-overflow-scrolling:touch;background-color:var(--section-color);margin:20px;-webkit-box-shadow:none;box-shadow:none;border-radius:10px}.lesson-detail .styLessonDetailBody .styLessonContent[data-v-0456a5be]{width:100%;height:100%;padding:5px 15px 15px 15px;color:#999}.lesson-detail .styLessonDetailBody .styLessonContent[data-v-0456a5be]  *{max-width:100%}


/*# sourceMappingURL=chunk-6abfaf7a.6221b951.css.map*/