@charset "UTF-8";.ocwb-materials[data-v-d1d871d8]{flex:0 0 auto;width:35%;min-width:370px;min-height:0;display:flex;flex-direction:column;border-radius:var(--nc-radius-md);overflow:hidden;box-shadow:var(--nc-shadow-md);background-color:var(--nc-color-white);transition:var(--nc-transition-base)}.courseware-materials-sidebar--collapsed.ocwb-materials[data-v-d1d871d8]{min-width:100px!important;width:100px}.ocwb-materials__head[data-v-d1d871d8]{flex:0 0 var(--nc-height-xxlarge);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--nc-spacing-sm);padding:0 var(--nc-spacing-md) 0 var(--nc-spacing-lg);background-color:var(--nc-color-accent-yellow);color:var(--nc-color-black);border-radius:var(--nc-radius-lg) var(--nc-radius-lg) 0 0}.ocwb-materials__head--review[data-v-d1d871d8]{justify-content:center;padding-left:var(--nc-spacing-md)}.ocwb-materials__head--expanded[data-v-d1d871d8]{display:grid;grid-template-columns:1fr auto;align-items:center;justify-content:initial}.ocwb-materials__head--expanded.ocwb-materials__head--with-back[data-v-d1d871d8]{grid-template-columns:auto 1fr auto}.ocwb-materials__head--expanded.ocwb-materials__head--with-video-cache[data-v-d1d871d8]:not(.ocwb-materials__head--with-back){grid-template-columns:auto 1fr auto}.ocwb-materials__head--expanded.ocwb-materials__head--with-back.ocwb-materials__head--with-video-cache[data-v-d1d871d8]{grid-template-columns:auto auto 1fr auto}.ocwb-materials__head-back[data-v-d1d871d8]{grid-column:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:calc(var(--nc-spacing-lg) + var(--nc-spacing-md));height:calc(var(--nc-spacing-lg) + var(--nc-spacing-md));margin:0;padding:0;border:none;background:transparent;cursor:pointer;line-height:0}.ocwb-materials__head-back[data-v-d1d871d8]:hover{opacity:.75}.ocwb-materials__head-back-img[data-v-d1d871d8]{width:calc(var(--nc-spacing-lg) + var(--nc-spacing-xs));height:calc(var(--nc-spacing-lg) + var(--nc-spacing-xs));object-fit:contain}.ocwb-materials__head-refresh[data-v-d1d871d8]{grid-column:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:calc(var(--nc-spacing-lg) + var(--nc-spacing-md));height:calc(var(--nc-spacing-lg) + var(--nc-spacing-md));margin:0;padding:0;border:none;background:transparent;cursor:pointer;line-height:0}.ocwb-materials__head-refresh[data-v-d1d871d8]:hover{opacity:.75}.ocwb-materials__head--expanded.ocwb-materials__head--with-back .ocwb-materials__head-refresh[data-v-d1d871d8]{grid-column:2}.ocwb-materials__head--expanded.ocwb-materials__head--with-video-cache:not(.ocwb-materials__head--with-back) .ocwb-materials__head-refresh[data-v-d1d871d8]{grid-column:1}.ocwb-materials__head--expanded.ocwb-materials__head--with-back.ocwb-materials__head--with-video-cache .ocwb-materials__head-refresh[data-v-d1d871d8]{grid-column:2}.ocwb-materials__head-refresh-img[data-v-d1d871d8]{width:calc(var(--nc-spacing-lg) + var(--nc-spacing-xs));height:calc(var(--nc-spacing-lg) + var(--nc-spacing-xs));object-fit:contain}.ocwb-materials__head--collapsed[data-v-d1d871d8]{justify-content:center;padding:0 var(--nc-spacing-xs) 0 var(--nc-spacing-xxs)}.ocwb-materials__head-title[data-v-d1d871d8]{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:100%;line-height:1;text-align:left;text-transform:capitalize;font-size:14px;color:var(--nc-color-primary)!important;font-family:var(--nc-font-en-medium);font-weight:var(--nc-font-weight-medium)}.ocwb-materials__head-center[data-v-d1d871d8]{flex:1 1 auto;min-width:0;min-height:100%;display:flex;align-items:center;justify-content:flex-start;text-align:left}.ocwb-materials__head--expanded .ocwb-materials__head-center[data-v-d1d871d8]{grid-column:1;flex:1 1 auto;align-self:stretch;justify-self:stretch;width:100%;max-width:100%}.ocwb-materials__head--expanded.ocwb-materials__head--with-back .ocwb-materials__head-center[data-v-d1d871d8]{grid-column:2}.ocwb-materials__head--expanded.ocwb-materials__head--with-video-cache:not(.ocwb-materials__head--with-back) .ocwb-materials__head-center[data-v-d1d871d8]{grid-column:2}.ocwb-materials__head--expanded.ocwb-materials__head--with-back.ocwb-materials__head--with-video-cache .ocwb-materials__head-center[data-v-d1d871d8]{grid-column:3}.ocwb-materials__head-end[data-v-d1d871d8]{display:flex;align-items:center;gap:var(--nc-spacing-xs);min-width:0}.ocwb-materials__head--expanded .ocwb-materials__head-end[data-v-d1d871d8]{grid-column:2;justify-self:end}.ocwb-materials__head--expanded.ocwb-materials__head--with-back .ocwb-materials__head-end[data-v-d1d871d8]{grid-column:3}.ocwb-materials__head--expanded.ocwb-materials__head--with-video-cache:not(.ocwb-materials__head--with-back) .ocwb-materials__head-end[data-v-d1d871d8]{grid-column:3}.ocwb-materials__head--expanded.ocwb-materials__head--with-back.ocwb-materials__head--with-video-cache .ocwb-materials__head-end[data-v-d1d871d8]{grid-column:4}.ocwb-materials__head-state[data-v-d1d871d8]{font-size:var(--nc-font-size-xs);opacity:.85;text-transform:capitalize;max-width:min(200px,42%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nc-color-black)}.ocwb-materials__head-btn[data-v-d1d871d8]{width:25px;height:25px;padding:0;border:none;border-radius:var(--nc-radius-sm);background:transparent;color:var(--nc-color-black);cursor:pointer;transition:var(--nc-transition-fast)}.ocwb-materials__head-btn img[data-v-d1d871d8]{width:100%;height:100%;object-fit:contain}.ocwb-materials__head-btn .ocwb-materials__head-arrow-img[data-v-d1d871d8]{width:25px;height:25px;max-width:25px;max-height:25px;object-fit:contain;pointer-events:none;justify-content:center;align-items:center}.ocwb-materials__head-btn[data-v-d1d871d8]:has(.ocwb-materials__head-arrow-img){display:flex;justify-content:center;align-items:center}.ocwb-materials__head-arrow-img--to-left[data-v-d1d871d8]{transform:rotate(-180deg)}.ocwb-materials__head-arrow-img--to-right[data-v-d1d871d8]{transform:rotate(0)}.ocwb-materials__head-btn--expand[data-v-d1d871d8]{width:100%;max-width:44px}.ocwb-materials__body[data-v-d1d871d8]{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:calc(var(--nc-spacing-md) - 1px);background-color:var(--nc-color-bg);border:1px solid var(--nc-color-bg);box-sizing:border-box}.ocwb-materials__empty[data-v-d1d871d8]{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--nc-spacing-xl);font-size:var(--nc-font-size-sm);color:var(--nc-color-text-muted)}.ocwb-materials__skeleton-list[data-v-d1d871d8]{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:calc(var(--nc-spacing-xxs) * 2.5)}.ocwb-materials__skeleton-card[data-v-d1d871d8]{display:flex;align-items:center;gap:calc(var(--nc-spacing-xxs) + 1px);padding:var(--nc-spacing-lg);border-radius:var(--nc-radius-md);background-color:var(--nc-color-white)}.ocwb-materials__skeleton-icon[data-v-d1d871d8],.ocwb-materials__skeleton-line[data-v-d1d871d8]{position:relative;overflow:hidden;border-radius:var(--nc-radius-sm);background-color:var(--nc-color-bg)}.ocwb-materials__skeleton-icon[data-v-d1d871d8]:after,.ocwb-materials__skeleton-line[data-v-d1d871d8]:after{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.75) 50%,transparent 100%);animation:ocwb-skeleton-shimmer-d1d871d8 1.2s ease-in-out infinite}.ocwb-materials__skeleton-icon[data-v-d1d871d8]{flex:0 0 auto;width:30px;height:25px}.ocwb-materials__skeleton-main[data-v-d1d871d8]{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--nc-spacing-xxs)}.ocwb-materials__skeleton-line[data-v-d1d871d8]{display:block;height:12px}.ocwb-materials__skeleton-line--title[data-v-d1d871d8]{width:72%}.ocwb-materials__skeleton-line--meta[data-v-d1d871d8]{width:46%;height:10px}@keyframes ocwb-skeleton-shimmer-d1d871d8{0%{left:-150%}to{left:100%}}.ocwb-materials__list[data-v-d1d871d8]{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:calc(var(--nc-spacing-xxs) * 2.5);border-radius:var(--nc-radius-md);background-color:var(--nc-color-bg);scrollbar-color:none!important;scrollbar-width:none!important}.ocwb-materials__card[data-v-d1d871d8]{display:flex;align-items:center;gap:calc(var(--nc-spacing-xxs) + 1px);padding:var(--nc-spacing-lg);border-radius:var(--nc-radius-md);background-color:var(--nc-color-white);cursor:pointer;color:var(--nc-color-primary);transition:var(--nc-transition-base)}.ocwb-materials__card[data-v-d1d871d8]:hover{box-shadow:var(--nc-shadow-md)}.ocwb-materials__card.is-active[data-v-d1d871d8]{background-color:var(--nc-color-primary);color:var(--nc-color-white);box-shadow:none}.courseware-materials-sidebar--collapsed .ocwb-materials__card[data-v-d1d871d8]{flex-direction:column;align-items:center;justify-content:center;padding:var(--nc-spacing-sm) var(--nc-spacing-xs);gap:0}.ocwb-materials__card--add[data-v-d1d871d8]{width:100%;box-sizing:border-box;border:var(--nc-border-width) dashed var(--nc-color-border-mid);font:inherit;text-align:left;color:var(--nc-color-primary)}.ocwb-materials__card--add .ocwb-materials__card-icon--add[data-v-d1d871d8]{display:flex;align-items:center;justify-content:center;color:var(--nc-color-primary)}.ocwb-materials__card--add .ocwb-materials__card-actions--add[data-v-d1d871d8]{opacity:1;pointer-events:none;color:var(--nc-color-primary)}.ocwb-materials__card--add .ocwb-materials__add-icon-wrap[data-v-d1d871d8]{display:inline-flex;align-items:center;justify-content:center}.ocwb-materials__list>.ocwb-materials__empty[data-v-d1d871d8]{flex:0 0 auto}.ocwb-materials__card-icon[data-v-d1d871d8]{flex:0 0 auto;width:30px;height:25px}.ocwb-materials__card-icon-img[data-v-d1d871d8]{display:block;width:100%;height:100%;object-fit:contain}.ocwb-materials__card-main[data-v-d1d871d8]{flex:1 1 auto;min-width:0}.ocwb-materials__card-title[data-v-d1d871d8]{font-size:var(--nc-font-size-sm);word-break:break-word;font-family:var(--nc-font-en-semibold)}.ocwb-materials__card-title-row[data-v-d1d871d8]{display:flex;align-items:center;gap:var(--nc-spacing-sm);min-width:0}.ocwb-materials__card-title-row .ocwb-materials__card-title[data-v-d1d871d8]{min-width:0}.ocwb-materials__video-status[data-v-d1d871d8]{flex:0 0 auto;display:inline-flex;align-items:center;border:0;padding:0;background:transparent}.ocwb-materials__video-status--clickable[data-v-d1d871d8]{cursor:pointer}.ocwb-materials__video-status[data-v-d1d871d8]:disabled{cursor:default}.ocwb-materials__video-status-img[data-v-d1d871d8]{width:17px;height:17px;object-fit:contain}.ocwb-materials__video-status-img--spinning[data-v-d1d871d8]{animation:ocwb-video-cache-spin-d1d871d8 2s linear infinite}@keyframes ocwb-video-cache-spin-d1d871d8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ocwb-materials__video-cache-actions[data-v-d1d871d8]{display:flex;align-items:center;justify-content:flex-end;gap:var(--nc-spacing-sm);margin-top:var(--nc-spacing-md)}.ocwb-materials__video-cache-btn[data-v-d1d871d8]{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;padding:0;border:none;background:transparent;cursor:pointer;line-height:0}.ocwb-materials__video-cache-btn[data-v-d1d871d8]:hover{opacity:.8}.ocwb-materials__video-cache-btn--force[data-v-d1d871d8]{position:sticky;bottom:0}.ocwb-materials__video-cache-btn-img[data-v-d1d871d8]{width:35px;height:35px;object-fit:contain}.ocwb-materials__card-meta[data-v-d1d871d8]{margin-top:var(--nc-spacing-xxs);font-size:var(--nc-font-size-xs);font-family:var(--nc-font-en-light)}.ocwb-materials__card-actions[data-v-d1d871d8]{flex:0 0 auto;display:flex;align-items:flex-start;gap:2px}.ocwb-materials__action-btn[data-v-d1d871d8]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--nc-radius-sm);background:transparent;color:var(--nc-color-text-secondary);cursor:pointer;transition:var(--nc-transition-fast)}.ocwb-materials__card.is-active .ocwb-materials__action-btn[data-v-d1d871d8]{color:var(--nc-color-white)}.ocwb-materials__card.is-active .ocwb-materials__action-btn[data-v-d1d871d8]:hover:not(.ocwb-materials__action-btn--delete){color:var(--nc-color-white);background-color:#ffffff1f}.ocwb-materials__action-btn--share[data-v-d1d871d8]{opacity:0;pointer-events:none;transition:opacity var(--nc-transition-fast)}.ocwb-materials__card.is-whiteboard-kind:not(.is-active):hover .ocwb-materials__action-btn--share[data-v-d1d871d8]{opacity:1;pointer-events:auto}.ocwb-materials__share-icon-img[data-v-d1d871d8]{display:block;width:18px;height:18px;object-fit:contain;pointer-events:none}.ocwb-materials__action-btn--delete[data-v-d1d871d8]{opacity:0;pointer-events:none;transition:opacity var(--nc-transition-fast)}.ocwb-materials__action-btn--delete[data-v-d1d871d8]:hover{background:transparent!important}.ocwb-materials__card:hover .ocwb-materials__action-btn--delete[data-v-d1d871d8],.ocwb-materials__card.is-active .ocwb-materials__action-btn--delete[data-v-d1d871d8]{opacity:1;pointer-events:auto}.ocwb-materials__card.is-active .ocwb-materials__action-btn--delete[data-v-d1d871d8]:hover{background:transparent!important}.ocwb-materials__delete-icon-img[data-v-d1d871d8]{display:block;object-fit:contain;pointer-events:none;width:28px;height:28px}.courseware-head-tabs[data-v-40125e54]{color:var(--nc-color-text-main);width:100%;min-width:calc(var(--nc-spacing-xxl) * 3 - var(--nc-spacing-xxs));margin:0 calc(var(--nc-spacing-base) + var(--nc-spacing-xxs)) 0 0;list-style:none;padding:0}.courseware-head-tabs--readonly .courseware-head-tabs__item[data-v-40125e54]{cursor:default;pointer-events:none}.courseware-head-tabs__item[data-v-40125e54]{height:calc(var(--nc-spacing-xxll) + var(--nc-spacing-xxs));margin-bottom:calc(var(--nc-spacing-base) + var(--nc-spacing-xxs));border-radius:var(--nc-radius-mds);line-height:calc(var(--nc-spacing-xxll) + var(--nc-spacing-xxs));text-align:center;background-color:var(--nc-color-white);cursor:pointer;white-space:nowrap;color:var(--nc-color-primary)}.courseware-head-tabs__item--tone-alt[data-v-40125e54]:nth-child(odd):not(.courseware-head-tabs__item--active){background-color:var(--nc-color-white)}.courseware-head-tabs__item--active[data-v-40125e54]{background-color:var(--nc-color-accent-yellow);color:var(--nc-color-white)}.nc-foldable[data-v-96b48c54]{transition:max-height .3s;color:var(--nc-color-text-main);overflow-y:hidden;font-size:var(--nc-font-size-activity);border-top-left-radius:var(--nc-radius-md);border-top-right-radius:var(--nc-radius-md);background-color:var(--nc-color-bg)}.nc-foldable--readonly .nc-foldable__toggle[data-v-96b48c54]{pointer-events:none;cursor:default}.nc-foldable--can-toggle[data-v-96b48c54]{max-height:var(--nc-height-xxlarge)}.nc-foldable--can-toggle.nc-foldable--expanded[data-v-96b48c54]{max-height:60vh}.nc-foldable--can-toggle.nc-foldable--expanded .nc-foldable__arrow[data-v-96b48c54]{transform:rotate(-90deg)}.nc-foldable__toggle[data-v-96b48c54]{display:flex;justify-content:center;align-items:center;height:var(--nc-height-xxlarge);cursor:pointer}.nc-foldable__arrow[data-v-96b48c54]{width:var(--nc-spacing-xl);height:var(--nc-spacing-xl);transition:transform .3s;transform:rotate(90deg)}.nc-foldable__arrow img[data-v-96b48c54]{width:100%;height:100%}.nc-foldable__body[data-v-96b48c54]{overflow-y:scroll;padding:0 var(--nc-spacing-lg) var(--nc-spacing-lg);box-sizing:border-box}.nc-expandable[data-v-83d326f1]{color:var(--nc-color-primary);font-size:var(--nc-font-size-activity);border-radius:var(--nc-radius-md);background:var(--nc-color-white);margin:var(--nc-spacing-mdx);position:relative;overflow:hidden}.nc-expandable__body[data-v-83d326f1]{padding:var(--nc-spacing-lg) var(--nc-spacing-lg) calc(var(--nc-height-xxlarge) + var(--nc-spacing-lg));overflow:hidden;height:var(--nc-height-xxxxxxxlarge);transition:height 1s .2s,padding .2s;box-sizing:border-box}.nc-expandable__spacer[data-v-83d326f1]{width:100%;height:var(--nc-spacing-regular)}.nc-expandable__spacer--loose[data-v-83d326f1]{height:var(--nc-height-xxlarge)}.nc-expandable__line[data-v-83d326f1]{width:100%}.nc-expandable__line--indent[data-v-83d326f1]{text-indent:var(--nc-spacing-xxxl)}.nc-expandable__word[data-v-83d326f1]{margin:0;cursor:pointer}.nc-expandable__word--active[data-v-83d326f1]{color:var(--nc-color-accent-yellow)}.nc-expandable__word span[data-v-83d326f1]{text-align:left}.nc-expandable__arrow[data-v-83d326f1]{width:var(--nc-spacing-xl);height:var(--nc-spacing-xl);transition:transform .3s;transform:rotate(-90deg)}.nc-expandable__arrow img[data-v-83d326f1]{width:100%;height:100%}.nc-expandable--expanded .nc-expandable__arrow[data-v-83d326f1]{transform:rotate(90deg)}.nc-expandable__toggle[data-v-83d326f1]{display:flex;justify-content:center;align-items:center;height:var(--nc-height-xxlarge);cursor:pointer;position:absolute;bottom:0;width:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--nc-color-white) 50%,transparent) 0%,var(--nc-color-white) 40%);padding-top:var(--nc-spacing-xl)}.el-dialog.nc-attention-dialog.nc-attention-dialog--force-update .nc-attention-dialog__header,.el-dialog.nc-attention-dialog.nc-attention-dialog--force-update .nc-attention-dialog__text,.el-dialog.nc-attention-dialog.nc-attention-dialog--force-update .nc-attention-dialog__text-highlight,.el-dialog.nc-attention-dialog.nc-attention-dialog--force-update .nc-attention-dialog__button,.el-dialog.nc-attention-dialog.nc-attention-dialog--force-update .nc-attention-dialog__release-notes-item,.el-dialog.nc-attention-dialog.nc-attention-dialog--force-update .nc-attention-dialog__release-notes-text{font-size:var(--nc-font-size-sm)}.nc-attention-dialog--force-update .nc-attention-dialog__body{align-items:center}.nc-attention-dialog--force-update .nc-attention-dialog__text{text-align:center}.nc-attention-dialog--force-update .nc-attention-dialog__text--update-prompt{color:var(--nc-color-primary)}.nc-attention-dialog--force-update .nc-attention-dialog__actions{justify-content:center;flex-wrap:wrap;gap:var(--nc-spacing-sm)}.nc-attention-dialog--force-update .nc-attention-dialog__button--test-dismiss{background-color:transparent;color:var(--nc-color-text-muted);border:var(--nc-border-light)}.nc-attention-dialog--force-update .nc-attention-dialog__button--test-dismiss:hover:not(:disabled){color:var(--nc-color-text-main);border-color:var(--nc-color-border-mid)}.nc-attention-dialog--force-update .nc-attention-dialog__button--confirm{background-color:var(--nc-color-accent-yellow);color:var(--nc-color-white)}.nc-attention-dialog--force-update .nc-attention-dialog__button--confirm:hover:not(:disabled){background-color:var(--nc-color-accent-yellow-dark);color:var(--nc-color-white)}.nc-attention-dialog--force-update .nc-attention-dialog__button:disabled{cursor:not-allowed;opacity:.55}.nc-attention-dialog--force-update .nc-attention-dialog__release-notes{margin-top:var(--nc-spacing-md);width:100%}.nc-attention-dialog--force-update .nc-attention-dialog__release-notes-list{margin:var(--nc-spacing-xs) 0 0;padding-left:0;list-style:none;max-height:220px;overflow-y:auto}.nc-attention-dialog--force-update .nc-attention-dialog__release-notes-item{display:flex;justify-content:center;align-items:center;gap:var(--nc-spacing-xs);color:var(--nc-color-text-muted);line-height:1.6;font-family:var(--nc-font-cn-light)}.el-dialog.nc-attention-dialog.nc-attention-dialog--force-update .nc-attention-dialog__release-notes-bullet{display:block;flex-shrink:0;width:var(--nc-spacing-xxss);height:var(--nc-spacing-xxss);border-radius:50%;background-color:var(--nc-color-text-muted)}.nc-attention-dialog--force-update .nc-attention-dialog__release-notes-text{flex:0 1 auto;max-width:100%;text-align:center}.nc-attention-dialog--force-update .nc-attention-dialog__update-download{margin-top:var(--nc-spacing-md);width:100%}.nc-attention-dialog--force-update .nc-attention-dialog__text--update-download-label{margin-bottom:var(--nc-spacing-xs);color:var(--nc-color-text-muted)}.nc-attention-dialog--force-update .nc-attention-dialog__update-download-progress{width:100%}.nc-attention-dialog--force-update .nc-attention-dialog__update-restart-notice{margin-top:var(--nc-spacing-md);width:100%}.nc-attention-dialog--force-update .nc-attention-dialog__text--update-restart-notice{color:var(--nc-color-primary);line-height:1.6}.courseware-image-grid[data-v-205c3523]{display:grid;gap:var(--nc-spacing-base);grid-auto-flow:column;margin:1em}.courseware-image-grid__figure[data-v-205c3523]{background:var(--nc-color-white);border-radius:var(--nc-radius-md);overflow:hidden;margin:0 auto}.courseware-image-grid__media[data-v-205c3523]{display:block;max-width:450px;margin-inline:auto}.courseware-image-grid__media img[data-v-205c3523]{display:block;width:100%;max-width:100%;height:auto;object-fit:cover;border-radius:var(--nc-radius-md)}.courseware-image-grid__caption[data-v-205c3523]{text-align:left;padding:var(--nc-spacing-xs) var(--nc-spacing-md);font-weight:var(--nc-font-weight-semibold);font-size:var(--nc-font-size-activity);color:var(--nc-color-primary)}.courseware-image-grid__html[data-v-205c3523]{padding:var(--nc-spacing-ss) var(--nc-spacing-regular) var(--nc-spacing-ss);font-size:var(--nc-font-size-activity);color:var(--nc-color-primary);line-height:1.5}.courseware-image-grid__html[data-v-205c3523] *{color:inherit;font-size:inherit}.courseware-image-grid__video[data-v-205c3523]{padding-left:var(--nc-spacing-lg)}.courseware-image-grid__link[data-v-205c3523]{cursor:pointer;display:inline-flex;align-items:center;gap:var(--nc-spacing-xxs);color:var(--nc-color-primary)}.courseware-image-grid__link[data-v-205c3523]:hover{color:var(--nc-color-accent-yellow)}.courseware-image-grid__link-icon[data-v-205c3523]{vertical-align:middle}.online-class-chat[data-v-9f860d3a]{width:100%;height:100%;border-radius:var(--nc-radius-lg) var(--nc-radius-lg) 0 0;background-color:var(--nc-color-white);box-shadow:var(--nc-shadow-md);display:flex;flex-direction:column;overflow:hidden}.online-class-chat__transition-wrap[data-v-9f860d3a]{position:relative;flex:1 1 auto;min-height:0;width:100%;overflow:hidden}.online-class-chat__panel[data-v-9f860d3a]{position:absolute;inset:0;display:flex;flex-direction:column;width:100%;overflow:hidden}.online-class-chat__drop-overlay[data-v-9f860d3a]{position:absolute;inset:var(--nc-spacing-md);z-index:6;border:2px dashed var(--nc-color-primary);border-radius:var(--nc-radius-md);background-color:#ffffffb8;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.online-class-chat__drop-overlay-text[data-v-9f860d3a]{font-size:var(--nc-font-size-sm);color:var(--nc-color-primary);font-family:var(--nc-font-en-semibold)}.online-class-chat--collapsed[data-v-9f860d3a]{width:100%;min-width:0;height:100%;min-height:0;flex:1 1 auto;background-color:var(--nc-color-bg-gery);box-shadow:var(--nc-shadow-md);border-radius:var(--nc-radius-lg) var(--nc-radius-lg) 0 0}.online-class-chat__header-start[data-v-9f860d3a]{display:flex;align-items:stretch;justify-content:flex-start;align-self:stretch;justify-self:start;min-width:0;min-height:0;height:100%;box-sizing:border-box}.online-class-chat__header-center[data-v-9f860d3a]{display:flex;align-items:center;justify-content:center;align-self:stretch;justify-self:center;text-align:center;min-width:0;min-height:0;height:100%;box-sizing:border-box}.online-class-chat__header-center .online-class-chat__title[data-v-9f860d3a]{display:inline-block;max-width:100%;white-space:nowrap}.online-class-chat__header-end[data-v-9f860d3a]{justify-self:end;display:flex;align-items:center;justify-content:flex-end;align-self:stretch;min-width:0;min-height:0;height:100%;box-sizing:border-box}.online-class-chat__header-actions[data-v-9f860d3a]{display:flex;align-items:center;gap:var(--nc-spacing-xs);flex-shrink:0}.online-class-chat__header-collapse[data-v-9f860d3a]{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:100%;min-height:var(--nc-height-xxlarge);padding:0;border:none;border-radius:var(--nc-radius-sm);background:transparent;color:var(--nc-color-black);cursor:pointer;line-height:0;box-sizing:border-box}.online-class-chat__header-collapse-icon[data-v-9f860d3a]{width:25px;border-radius:100%;display:block;object-fit:contain}.online-class-chat__collapsed[data-v-9f860d3a]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;overflow:hidden}.online-class-chat__collapsed-head[data-v-9f860d3a]{flex:0 0 auto;width:100%;box-sizing:border-box;padding:0 var(--nc-spacing-xxs);background-color:var(--nc-color-accent-yellow);color:var(--nc-color-black);display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;height:var(--nc-height-xxlarge);border-radius:var(--nc-radius-lg) var(--nc-radius-lg) 0 0}.online-class-chat__collapsed-head .online-class-chat__title[data-v-9f860d3a]{font-size:var(--nc-font-size-sm)}.online-class-chat__collapsed-spacer[data-v-9f860d3a]{flex:1 1 auto;min-height:var(--nc-spacing-sm)}.online-class-chat__expand-fab[data-v-9f860d3a]{position:relative;flex:0 0 auto;width:40px;height:40px;margin-bottom:var(--nc-spacing-sm);padding:0;border:none;border-radius:50%;background:var(--nc-color-primary);color:var(--nc-color-white);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--nc-shadow-md);transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease}.online-class-chat__expand-fab[data-v-9f860d3a]:hover{opacity:.92;transform:scale(1.06)}.online-class-chat__expand-fab-badge[data-v-9f860d3a]{position:absolute;top:calc(-1 * var(--nc-spacing-xs));right:calc(-1 * var(--nc-spacing-xs));min-width:calc(var(--nc-spacing-md) + var(--nc-spacing-xs));height:calc(var(--nc-spacing-md) + var(--nc-spacing-xs));padding:0 var(--nc-spacing-xxs);border-radius:var(--nc-radius-pill);background-color:var(--nc-color-accent-yellow);color:var(--nc-color-black);display:inline-flex;align-items:center;justify-content:center;font-size:var(--nc-font-size-xxs);line-height:1;font-family:var(--nc-font-en-semibold);box-sizing:border-box;pointer-events:none}.online-class-chat__header[data-v-9f860d3a]{flex:0 0 var(--nc-height-xxlarge);display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:minmax(var(--nc-height-xxlarge),auto);align-items:stretch;box-sizing:border-box;min-height:var(--nc-height-xxlarge);height:var(--nc-height-xxlarge);column-gap:var(--nc-spacing-sm);padding:0 var(--nc-spacing-md) 0 var(--nc-spacing-lg);background-color:var(--nc-color-accent-yellow);color:var(--nc-color-black)}.online-class-chat__title[data-v-9f860d3a]{font-size:var(--nc-font-size-sm);color:var(--nc-color-primary)}.online-class-chat__status[data-v-9f860d3a]{font-size:var(--nc-font-size-xs);opacity:.85;text-transform:capitalize}.online-class-chat__body[data-v-9f860d3a]{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 var(--nc-spacing-lg);background-color:var(--nc-color-bg);border:1px solid var(--nc-color-bg);box-sizing:border-box}.online-class-chat__body-main[data-v-9f860d3a]{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;min-width:0}.online-class-chat__issue-hint-strip[data-v-9f860d3a]{flex:0 0 auto;display:flex;justify-content:stretch;width:calc(100% + 2 * var(--nc-spacing-lg));margin-left:calc(-1 * var(--nc-spacing-lg));margin-right:calc(-1 * var(--nc-spacing-lg));padding:0;box-sizing:border-box;background-color:var(--nc-color-white)}.online-class-chat__messages[data-v-9f860d3a]{flex:1 1 auto;min-height:0;border-radius:var(--nc-radius-md);background-color:var(--nc-color-bg);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--nc-spacing-md);padding:var(--nc-spacing-lg) 0;box-sizing:border-box;-webkit-overflow-scrolling:touch}.online-class-chat__system[data-v-9f860d3a]{display:flex;justify-content:center;width:100%}.online-class-chat__system-inner[data-v-9f860d3a]{display:flex;flex-direction:column;align-items:center;gap:var(--nc-spacing-xxs);max-width:90%}.online-class-chat__system-text[data-v-9f860d3a]{margin:0;padding:var(--nc-spacing-xs) var(--nc-spacing-md);border-radius:var(--nc-radius-pill);background-color:var(--nc-color-bg-gery);font-size:var(--nc-font-size-xs);color:var(--nc-color-text-muted);text-align:center;white-space:pre-wrap;word-break:break-word;user-select:text;-webkit-user-select:text;-moz-user-select:text}.online-class-chat__system-time[data-v-9f860d3a]{margin:0;font-size:var(--nc-font-size-xxs);color:var(--nc-color-text-muted);font-variant-numeric:tabular-nums}.online-class-chat__issue-hint[data-v-9f860d3a]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--nc-spacing-sm);height:40px;width:100%;max-width:none;padding:0 var(--nc-spacing-lg);border-radius:0;background-color:transparent;box-sizing:border-box}.online-class-chat__issue-hint-text[data-v-9f860d3a]{margin:0;font-size:var(--nc-font-size-xs);color:var(--nc-color-text-muted);text-align:center}.online-class-chat__issue-hint-action[data-v-9f860d3a]{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--nc-spacing-sm);margin:0;padding:var(--nc-spacing-xs) 0;border:none;border-radius:0;background-color:transparent;color:var(--nc-color-black);font-size:var(--nc-font-size-xs);font-family:var(--nc-font-en-light);cursor:pointer;transition:opacity .2s ease,transform .2s ease}.online-class-chat__issue-hint-action[data-v-9f860d3a]:hover{opacity:.85}.online-class-chat__issue-hint-action[data-v-9f860d3a]:active{transform:scale(.98)}.online-class-chat__issue-hint-action[data-v-9f860d3a]:focus-visible{outline:2px solid var(--nc-color-primary);outline-offset:2px}.online-class-chat__issue-hint-action-icon[data-v-9f860d3a]{color:var(--nc-color-primary)}.online-class-chat__issue-hint-action-icon-wrap[data-v-9f860d3a]{display:inline-flex;align-items:center;justify-content:center}.online-class-chat__report-confirm-mask[data-v-9f860d3a]{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#00000073;padding:var(--nc-spacing-lg);box-sizing:border-box}.online-class-chat__report-confirm[data-v-9f860d3a]{width:min(420px,100%);padding:calc(var(--nc-spacing-xl) + var(--nc-spacing-xs)) var(--nc-spacing-xl);border-radius:var(--nc-radius-xl);background:var(--nc-color-white);border:none;box-shadow:8px 10px 0 0 var(--nc-color-accent-yellow);text-align:center}.online-class-chat__report-confirm-icon[data-v-9f860d3a]{display:flex;justify-content:center;margin-bottom:var(--nc-spacing-md)}.online-class-chat__report-confirm-warning-icon[data-v-9f860d3a]{color:var(--nc-color-accent-yellow)}.online-class-chat__report-confirm-title[data-v-9f860d3a]{margin:0;font-size:var(--nc-font-size-lg);color:var(--nc-color-text-main);font-family:var(--nc-font-en-semibold)}.online-class-chat__report-confirm-text[data-v-9f860d3a]{margin:var(--nc-spacing-md) 0 var(--nc-spacing-xl) 0;font-size:var(--nc-font-size-sm);color:var(--nc-color-text-muted);line-height:1.45}.online-class-chat__report-confirm-actions[data-v-9f860d3a]{display:flex;justify-content:center;gap:var(--nc-spacing-md)}.online-class-chat__report-confirm-btn[data-v-9f860d3a]{min-width:120px;padding:var(--nc-spacing-xs) var(--nc-spacing-lg);border:none;border-radius:var(--nc-radius-pill);font-size:var(--nc-font-size-sm);font-family:var(--nc-font-en-semibold);cursor:pointer}.online-class-chat__report-confirm-btn--cancel[data-v-9f860d3a]{background:var(--nc-color-primary);color:var(--nc-color-white)}.online-class-chat__report-confirm-btn--send[data-v-9f860d3a]{background:var(--nc-color-accent-yellow);color:var(--nc-color-white)}.online-class-chat__row[data-v-9f860d3a]{display:flex;width:100%;align-items:flex-start;gap:var(--nc-spacing-sm);justify-content:flex-start}.online-class-chat__row[data-mine=true][data-v-9f860d3a]{flex-direction:row;justify-content:flex-end}.online-class-chat__row[data-mine=true] .online-class-chat__stack[data-v-9f860d3a]{align-items:flex-end}.online-class-chat__row[data-mine=true] .online-class-chat__bubble[data-v-9f860d3a]{background-color:var(--nc-color-accent-yellow);border-radius:var(--nc-radius-md) var(--nc-radius-md) 2px var(--nc-radius-md)}.online-class-chat__avatar[data-v-9f860d3a]{flex:0 0 36px;width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--nc-color-bg-gery)}.online-class-chat__stack[data-v-9f860d3a]{display:flex;flex-direction:column;min-width:0;max-width:min(78%,280px);align-items:flex-start}.online-class-chat__bubble[data-v-9f860d3a]{display:flex;flex-direction:column;gap:var(--nc-spacing-xs);padding:var(--nc-spacing-xs) var(--nc-spacing-sm);border-radius:var(--nc-radius-md) var(--nc-radius-md) var(--nc-radius-md) 2px;background-color:var(--nc-color-bg-gery);min-width:0}.online-class-chat__bubble-img[data-v-9f860d3a]{display:block;max-width:200px;border-radius:var(--nc-radius-sm);cursor:zoom-in}.online-class-chat__bubble-text[data-v-9f860d3a]{margin:0;font-size:var(--nc-font-size-sm);color:var(--nc-color-text-main);word-break:break-word;white-space:pre-wrap;user-select:text;-webkit-user-select:text;-moz-user-select:text}.online-class-chat__bubble-link[data-v-9f860d3a]{color:var(--nc-color-primary);text-decoration:underline;word-break:break-all}.online-class-chat__msg-time[data-v-9f860d3a]{margin:0;margin-top:var(--nc-spacing-xxs);font-size:var(--nc-font-size-xxs);color:var(--nc-color-text-muted);font-variant-numeric:tabular-nums}.online-class-chat__footer[data-v-9f860d3a]{flex:0 0 auto;min-height:64px;padding:var(--nc-spacing-sm) var(--nc-spacing-md);background-color:var(--nc-color-bg-gery)}.online-class-chat__previews[data-v-9f860d3a]{display:flex;flex-wrap:nowrap;gap:var(--nc-spacing-sm);padding-bottom:var(--nc-spacing-sm);overflow-x:auto;-webkit-overflow-scrolling:touch}.online-class-chat__preview-tile[data-v-9f860d3a]{position:relative;flex:0 0 56px;width:56px;height:56px;border-radius:var(--nc-radius-sm);overflow:hidden;background:var(--nc-color-bg-gery)}.online-class-chat__preview-tile img[data-v-9f860d3a]{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}.online-class-chat__image-preview-mask[data-v-9f860d3a]{position:fixed;inset:0;z-index:10000;background:#000000c7;display:flex;align-items:center;justify-content:center;padding:var(--nc-spacing-xl);box-sizing:border-box}.online-class-chat__image-preview-img[data-v-9f860d3a]{max-width:min(92vw,1200px);max-height:86vh;border-radius:var(--nc-radius-md);box-shadow:var(--nc-shadow-md);object-fit:contain}.online-class-chat__image-preview-close[data-v-9f860d3a]{position:absolute;top:var(--nc-spacing-lg);right:var(--nc-spacing-lg);width:36px;height:36px;border:none;border-radius:50%;background:#0000008c;color:var(--nc-color-white);font-size:var(--nc-font-size-lg);line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.online-class-chat__preview-remove[data-v-9f860d3a]{position:absolute;top:2px;right:2px;width:20px;height:20px;padding:0;margin:0;border:none;border-radius:var(--nc-radius-sm);background:#0000008c;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.online-class-chat__file-input[data-v-9f860d3a]{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.online-class-chat__input-row[data-v-9f860d3a]{display:flex;align-items:flex-end;gap:var(--nc-spacing-sm);position:relative}.online-class-chat__attach[data-v-9f860d3a]{flex:0 0 36px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:none;background-color:var(--nc-color-bg-gery);cursor:pointer;color:var(--nc-color-text-main);padding:0}.online-class-chat__input[data-v-9f860d3a]{flex:1;min-height:36px;max-height:calc(var(--nc-spacing-md) * 6);border-radius:var(--nc-radius-xs);border:1px solid var(--nc-color-bg);padding:var(--nc-spacing-xs) var(--nc-spacing-md);font-size:var(--nc-font-size-sm);font-family:inherit;line-height:1.35;color:var(--nc-color-text-main);background-color:var(--nc-color-bg-gery);resize:none;overflow-y:auto;box-sizing:border-box;field-sizing:content}.online-class-chat__input[data-v-9f860d3a]::placeholder{color:var(--nc-color-text-muted)}.online-class-page-shell[data-v-22ac8546]{width:100%;height:100vh;display:flex;flex-direction:column;background-color:var(--nc-color-primary);color:var(--nc-color-text-main);overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none}.online-class-page-shell[data-v-22ac8546] input,.online-class-page-shell[data-v-22ac8546] textarea,.online-class-page-shell[data-v-22ac8546] select,.online-class-page-shell[data-v-22ac8546] [contenteditable=true]{user-select:text;-webkit-user-select:text;-moz-user-select:text}.online-class-page-shell__top[data-v-22ac8546]{height:clamp(180px,12px + 21vh,210px);flex-shrink:0;background-color:var(--nc-color-primary);color:var(--nc-color-white);padding:0}.online-class-page-shell__bottom[data-v-22ac8546]{position:relative;flex:1;min-height:0;padding:var(--nc-spacing-sm);padding-bottom:0;background:var(--nc-color-white);border-radius:var(--nc-radius-lg) var(--nc-radius-lg) 0 0;overflow:hidden}.online-class-screen-share-viewport[data-v-ef54cb73]{position:absolute;inset:0;z-index:40;pointer-events:none;opacity:0;visibility:hidden}.online-class-screen-share-viewport--active[data-v-ef54cb73]{opacity:1;visibility:visible;background:#000}.online-class-screen-share-viewport__view[data-v-ef54cb73]{width:100%;height:100%}.online-class-screen-share-viewport__view[data-v-ef54cb73] video{width:100%!important;height:100%!important;object-fit:contain;background:#000}.oc-doodle-toolbar[data-v-8dd95868]{display:inline-flex;align-items:center;height:36px;padding:0 calc(var(--nc-spacing-lg) * .7);background-color:#ffffff4d;border-radius:calc(var(--nc-radius-lg) * 2.5);box-sizing:border-box;white-space:nowrap}.oc-doodle-toolbar--normal[data-v-8dd95868]{height:44px;padding:0 18px}.oc-doodle-toolbar__size-group[data-v-8dd95868]{display:inline-flex;align-items:center;height:100%}.oc-doodle-toolbar__size-dot[data-v-8dd95868]{display:inline-block;border-radius:50%;background:var(--nc-color-black);margin:0 var(--nc-spacing-xxs);cursor:pointer;box-sizing:border-box;transition:var(--nc-transition-base)}.oc-doodle-toolbar__size-dot--active[data-v-8dd95868]{box-shadow:0 0 2px 3px orange}.oc-doodle-toolbar__size-dot--disabled[data-v-8dd95868]{cursor:not-allowed;opacity:.4;box-shadow:none}.oc-doodle-toolbar__brush-group[data-v-8dd95868]{position:relative;display:inline-flex;align-items:center}.oc-doodle-toolbar__brush-pop[data-v-8dd95868]{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;padding:var(--nc-spacing-xs) var(--nc-spacing-base);display:flex;flex-direction:column;align-items:flex-start;gap:var(--nc-spacing-xs);border-radius:var(--nc-radius-md);background:#fff;box-shadow:0 6px 18px #00000029;z-index:100}.oc-doodle-toolbar__color-row[data-v-8dd95868]{display:flex;align-items:center;justify-content:center;gap:6px}.oc-doodle-toolbar__color-pop-item[data-v-8dd95868]{width:18px;height:18px;border-radius:50%;border:1px solid #fff;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;box-sizing:border-box}.oc-doodle-toolbar__color-pop-item--active[data-v-8dd95868]{border-color:#224e94}.oc-doodle-toolbar__color-pop-dot[data-v-8dd95868]{width:14px;height:14px;border-radius:50%;display:inline-block}.oc-doodle-toolbar__tool[data-v-8dd95868]{flex:0 0 auto;display:inline-flex;justify-content:center;align-items:center;margin:0 4px;padding:0;border:0;background:transparent;cursor:pointer;line-height:0}.oc-doodle-toolbar__tool img[data-v-8dd95868]{width:18px;height:18px;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.oc-doodle-toolbar__tool[data-v-8dd95868]:disabled{cursor:not-allowed;opacity:.4}.oc-doodle-toolbar__tool:not(:disabled):hover img[data-v-8dd95868]{transform:translateY(-1px);transition:transform .12s ease-out}.oc-doodle-toolbar--normal .oc-doodle-toolbar__tool img[data-v-8dd95868]{width:20px;height:20px}.online-class-top[data-v-e64b47bb]{position:relative;width:100%;height:100%;display:flex;gap:var(--nc-spacing-lg)}.online-class-top__rtc-banner[data-v-e64b47bb]{position:absolute;top:var(--nc-spacing-xs);left:50%;z-index:2;transform:translate(-50%);margin:0;max-width:min(90%,420px);padding:var(--nc-spacing-xs) var(--nc-spacing-md);border-radius:var(--nc-radius-md);background-color:var(--nc-color-accent-yellow);color:var(--nc-color-primary);font-size:var(--nc-font-size-sm);font-family:var(--nc-font-zh-regular);line-height:1.3}.online-class-top__rtc-banner--teacher[data-v-e64b47bb]{font-family:var(--nc-font-en-medium)}.online-class-top__rtc-banner[data-v-e64b47bb]{text-align:center;pointer-events:none;box-shadow:var(--nc-spacing-xxs) var(--nc-spacing-xxs) 0 var(--nc-color-primary)}.online-class-top__left[data-v-e64b47bb]{min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:var(--nc-spacing-lg);gap:var(--nc-spacing-sm);padding-right:0}.online-class-top__room-row[data-v-e64b47bb]{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:var(--nc-spacing-sm)}.online-class-top__room-id[data-v-e64b47bb]{color:var(--nc-color-white);cursor:pointer;background:color-mix(in srgb,var(--nc-color-white) 30%,transparent);border-radius:calc(var(--nc-radius-lg) - 2px);padding:calc(var(--nc-spacing-lg) * .5) calc(var(--nc-spacing-sm) + 2px);font-size:var(--nc-font-size-xs);display:inline-block;font-family:var(--nc-font-zh-regular)}.online-class-top__room-id span[data-v-e64b47bb]{font-family:var(--nc-font-en-medium)!important}.online-class-top__screen-share-btn[data-v-e64b47bb]{display:inline-flex;align-items:center;gap:calc(var(--nc-spacing-xs) - 1px);border:0;border-radius:calc(var(--nc-radius-lg) - 2px);padding:calc(var(--nc-spacing-lg) * .5) calc(var(--nc-spacing-sm) + 2px);font-size:var(--nc-font-size-xs);font-family:var(--nc-font-zh-regular);color:var(--nc-color-white);background:color-mix(in srgb,var(--nc-color-white) 30%,transparent);cursor:pointer;transition:var(--nc-transition-base)}.online-class-top__screen-share-btn img[data-v-e64b47bb]{width:calc(var(--nc-icon-size-regular) - 1px);height:calc(var(--nc-icon-size-regular) - 1px);object-fit:contain}.online-class-top__screen-share-btn[data-v-e64b47bb]:disabled{opacity:.6;cursor:not-allowed}.online-class-top__screen-share-btn--active[data-v-e64b47bb]{background:var(--nc-color-accent-yellow);color:var(--nc-color-primary)}.online-class-top__brand-row[data-v-e64b47bb]{display:flex;align-items:center;gap:var(--nc-spacing-sm)}.online-class-top__logo[data-v-e64b47bb]{width:auto;height:var(--nc-spacing-xxll);object-fit:contain}.online-class-top__mode-type-select[data-v-e64b47bb]{height:calc(var(--nc-height-regular) + 2px);min-width:120px;border-radius:var(--nc-radius-sm);border:1px solid var(--nc-color-white);background:transparent;color:var(--nc-color-white);font-size:var(--nc-font-size-xs);padding:0 var(--nc-spacing-xs)}.online-class-top__left-actions[data-v-e64b47bb]{display:flex;gap:var(--nc-spacing-sm)}.online-class-top__left-actions--teacher .online-class-top__ghost-button[data-v-e64b47bb]{font-family:var(--nc-font-zh-regular)}.online-class-top__left-actions--teacher .online-class-top__ghost-button.jump-button img[data-v-e64b47bb]{height:12px;object-fit:contain}.online-class-top__left-actions--student .online-class-top__ghost-button[data-v-e64b47bb]{font-family:var(--nc-font-en-regular)}.online-class-top__ghost-button[data-v-e64b47bb]{background:color-mix(in srgb,var(--nc-color-white) 30%,transparent);color:var(--nc-color-white);border:0;border-radius:calc(var(--nc-radius-lg) - 2px);padding:calc(var(--nc-spacing-lg) * .5) calc(var(--nc-spacing-sm) + 2px);font-size:var(--nc-font-size-xs);cursor:pointer;display:inline-flex;align-items:center;justify-content:flex-start;gap:calc(var(--nc-spacing-xs) - 1px);width:auto}.online-class-top__ghost-button span[data-v-e64b47bb]{font-family:var(--nc-font-en-regular)}.online-class-top__ghost-button img[data-v-e64b47bb]{width:calc(var(--nc-icon-size-regular) - 1px);height:calc(var(--nc-icon-size-regular) - 1px);object-fit:contain;background:transparent}.online-class-top__ghost-button--issue.is-open[data-v-e64b47bb]{background:color-mix(in srgb,var(--nc-color-white) 30%,transparent);color:var(--nc-color-white)}.online-class-top__center[data-v-e64b47bb]{flex:1;min-width:0;display:flex;gap:var(--nc-spacing-md);justify-content:center;padding:0}.online-class-top__local[data-v-e64b47bb],.online-class-top__remote[data-v-e64b47bb]{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--nc-spacing-sm);max-width:350px}.online-class-top__local-controls[data-v-e64b47bb]{display:flex;gap:var(--nc-spacing-xs);position:absolute;right:var(--nc-spacing-sm);bottom:var(--nc-spacing-sm);z-index:2}.online-class-top__local-controls--readonly[data-v-e64b47bb]{pointer-events:none}.online-class-top__pill[data-v-e64b47bb]{width:var(--nc-spacing-xlll);height:var(--nc-spacing-xlll);border:0;border-radius:50%;color:var(--nc-color-white);padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:var(--nc-font-size-xs);cursor:pointer;transition:var(--nc-transition-base)}.online-class-top__pill img[data-v-e64b47bb]{width:var(--nc-spacing-regular);height:var(--nc-spacing-regular);object-fit:contain;transition:var(--nc-transition-base)}.online-class-top__pill--on[data-v-e64b47bb]{background:var(--nc-color-primary);box-shadow:0 2px 8px #2472b34d}.online-class-top__pill--off[data-v-e64b47bb]{background:color-mix(in srgb,var(--nc-color-orange) 30%,transparent)}.online-class-top__local-controls:not(.online-class-top__local-controls--readonly) .online-class-top__pill[data-v-e64b47bb]:hover{transform:translateY(-1px)}.online-class-top__local-controls:not(.online-class-top__local-controls--readonly) .online-class-top__pill[data-v-e64b47bb]:active{transform:scale(.96)}.online-class-top__video-placeholder[data-v-e64b47bb]{flex:1 1 auto;min-height:0;width:100%;background:var(--nc-color-primary);position:relative;overflow:hidden}.online-class-top__video-placeholder[data-v-e64b47bb]>video{width:100%!important;height:100%!important;object-fit:cover;background-color:transparent!important}.online-class-top__video-placeholder#local-video[data-v-e64b47bb]>video{transform:scaleX(-1)}.online-class-top__video-loading[data-v-e64b47bb],.online-class-top__video-off[data-v-e64b47bb],.online-class-top__video-remote-placeholder[data-v-e64b47bb]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--nc-color-text-main);color:var(--nc-color-text-main);font-size:var(--nc-font-size-xs);text-align:center;padding:0 var(--nc-spacing-sm)}.online-class-top__video-loading[data-v-e64b47bb]{flex-direction:column;gap:var(--nc-spacing-sm)}.online-class-top__video-spinner[data-v-e64b47bb]{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:var(--nc-color-accent-yellow);animation:online-class-top-spin-e64b47bb .9s linear infinite}.online-class-top__video-remote-view[data-v-e64b47bb]{width:100%;height:100%}.online-class-top__video-remote-meta[data-v-e64b47bb]{position:absolute;left:var(--nc-spacing-sm);bottom:var(--nc-spacing-sm);display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#0009;color:#fff;font-size:12px;font-family:var(--nc-font-en-regular)}.online-class-top__right[data-v-e64b47bb]{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:var(--nc-spacing-md);padding:var(--nc-spacing-lg);padding-left:0}.online-class-top__right--teacher .online-class-top__finish-button[data-v-e64b47bb],.online-class-top__right--teacher .online-class-top__device-button[data-v-e64b47bb],.online-class-top__right--teacher .online-class-top__review-button[data-v-e64b47bb]{font-family:var(--nc-font-zh-regular)}.online-class-top__right--student .online-class-top__finish-button[data-v-e64b47bb],.online-class-top__right--student .online-class-top__device-button[data-v-e64b47bb],.online-class-top__right--student .online-class-top__review-button[data-v-e64b47bb]{font-family:var(--nc-font-en-regular)}.online-class-top__right-top[data-v-e64b47bb],.online-class-top__right-middle[data-v-e64b47bb],.online-class-top__right-bottom[data-v-e64b47bb]{display:flex;justify-content:flex-end;align-items:center}.online-class-top__right-top[data-v-e64b47bb]{gap:var(--nc-spacing-md)}.online-class-top__right-middle[data-v-e64b47bb]{gap:var(--nc-spacing-sm)}.online-class-top__timer[data-v-e64b47bb]{font-size:var(--nc-font-size-sm);display:inline-flex;align-items:center;gap:calc(var(--nc-spacing-xs) - 1px)}.online-class-top__timer img[data-v-e64b47bb]{width:calc(var(--nc-icon-size-regular) - 1px);height:calc(var(--nc-icon-size-regular) - 1px);object-fit:contain}.online-class-top__finish-button[data-v-e64b47bb]{background:var(--nc-color-accent-yellow);border:none;border-radius:calc(var(--nc-radius-lg) * 1.5);padding:calc(var(--nc-spacing-lg) * .45) calc(var(--nc-spacing-sm) + 3px);display:inline-flex;align-items:center;gap:calc(var(--nc-spacing-xsss) - 1px);color:var(--nc-color-primary);font-size:var(--nc-font-size-xs);cursor:pointer}.online-class-top__finish-button img[data-v-e64b47bb]{width:calc(var(--nc-icon-size-regular) + 4px);height:calc(var(--nc-icon-size-regular) + 4px);object-fit:contain}.online-class-top__device-button[data-v-e64b47bb]{display:inline-flex;border-radius:calc(var(--nc-radius-lg) - 2px);border:0;padding:calc(var(--nc-spacing-lg) * .5) calc(var(--nc-spacing-sm) + 2px);background:color-mix(in srgb,var(--nc-color-white) 30%,transparent);color:var(--nc-color-white);font-size:var(--nc-font-size-xs);gap:calc(var(--nc-spacing-xs) - 1px);cursor:pointer;transition:var(--nc-transition-base);justify-content:flex-start;align-items:center}.online-class-top__device-button img[data-v-e64b47bb]{width:calc(var(--nc-icon-size-regular) - 1px);height:calc(var(--nc-icon-size-regular) - 1px);object-fit:contain;background:transparent}.online-class-top__device-button[data-v-e64b47bb]:hover{transform:translateY(-1px)}.online-class-top__review-button[data-v-e64b47bb]{display:inline-flex;border-radius:calc(var(--nc-radius-lg) - 2px);border:0;padding:calc(var(--nc-spacing-lg) * .5) calc(var(--nc-spacing-sm) + 2px);background:color-mix(in srgb,var(--nc-color-white) 30%,transparent);color:var(--nc-color-white);font-size:var(--nc-font-size-xs);cursor:pointer;transition:var(--nc-transition-base);justify-content:center;align-items:center}.online-class-top__review-button[data-v-e64b47bb]:hover{transform:translateY(-1px)}.online-class-top__right-bottom[data-v-e64b47bb]{min-height:36px}.online-class-top__doodle-toolbar[data-v-e64b47bb]{flex:0 0 auto}@keyframes online-class-top-spin-e64b47bb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.online-class-device-check[data-v-6187ab1e]{display:flex;align-items:center;justify-content:center;position:relative}.online-class-device-check__content[data-v-6187ab1e]{background-color:var(--nc-color-white);width:280px}.online-class-device-check__content .online-class-device-check__progress[data-v-6187ab1e]{display:flex;align-items:center;justify-content:center;gap:var(--nc-spacing-sm)}.online-class-device-check__content .online-class-device-check__progress .online-class-device-check__progress-icon[data-v-6187ab1e]{display:flex;align-items:center;justify-content:center;position:relative;width:60px;height:60px}.online-class-device-check__content .online-class-device-check__progress .online-class-device-check__progress-icon img[data-v-6187ab1e]{width:60px;height:60px;object-fit:contain}.online-class-device-check__content .online-class-device-check__progress .online-class-device-check__progress-icon[data-v-6187ab1e]:after{content:"";width:12px;height:3px;background-color:var(--nc-color-border-light);display:inline-block;position:absolute;top:50%;right:calc(var(--nc-spacing-sm) * -1);transform:translateY(-50%)}.online-class-device-check__content .online-class-device-check__progress .online-class-device-check__progress-icon[data-v-6187ab1e]:last-child:after{content:none}.online-class-device-check__content .online-class-device-check__center[data-v-6187ab1e]{height:450px}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__panel[data-v-6187ab1e]{display:flex;flex-direction:column;align-items:center;justify-content:space-around;position:absolute;top:0;left:50%;transform:translate(-50%);width:100%}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__actions[data-v-6187ab1e]{position:relative;padding-top:var(--nc-spacing-xs)}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__action-group[data-v-6187ab1e]{display:flex;align-items:center;justify-content:center;gap:var(--nc-spacing-md)}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__action-group .online-class-device-check__action-btn[data-v-6187ab1e]{color:var(--nc-color-white);background-color:var(--nc-color-accent-yellow);padding:calc(var(--nc-spacing-sm) + 1px) calc(var(--nc-spacing-lg) + 1px);border-radius:31px;font-size:calc(var(--nc-font-size-xs) + 1px);font-family:var(--nc-font-en-semibold);cursor:pointer;transition:var(--nc-transition-base)}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__action-group .online-class-device-check__action-btn[data-v-6187ab1e]:hover{filter:brightness(.96)}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__action-group .online-class-device-check__action-btn--secondary[data-v-6187ab1e]{background-color:var(--nc-color-bg-gery);color:var(--nc-color-text-main)}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__action-group .online-class-device-check__action-btn--secondary[data-v-6187ab1e]:hover{background-color:var(--nc-color-border-light)}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__action-group .online-class-device-check__action-btn--primary[data-v-6187ab1e]{background-color:var(--nc-color-accent-yellow)}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__transition[data-v-6187ab1e]{position:relative;display:flex;height:400px;width:100%;align-items:center;justify-content:center}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__title[data-v-6187ab1e]{color:var(--nc-color-text-main);font-size:var(--nc-font-size-sm);font-family:var(--nc-font-en-medium);line-height:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--nc-spacing-xs);text-align:center;word-break:break-word}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__title .online-class-device-check__title-main[data-v-6187ab1e]{font-family:var(--nc-font-en-semibold);font-size:var(--nc-font-size-md)}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__title .online-class-device-check__title-desc[data-v-6187ab1e]{display:flex;align-items:center;justify-content:center;gap:calc(var(--nc-spacing-xs) / 2)}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__title .online-class-device-check__title-desc--with-select[data-v-6187ab1e]{flex-wrap:nowrap;white-space:nowrap}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__title .online-class-device-check__result-list[data-v-6187ab1e]{display:flex;flex-direction:column;gap:var(--nc-spacing-xs)}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__title .online-class-device-check__result-list .online-class-device-check__result-item[data-v-6187ab1e]{display:flex;align-items:center;gap:var(--nc-spacing-xs)}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__title .online-class-device-check__result-list .online-class-device-check__result-item span[data-v-6187ab1e]{display:flex;align-items:center}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__title .online-class-device-check__result-list .online-class-device-check__result-item img[data-v-6187ab1e]{width:12px;height:12px}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__camera-preview[data-v-6187ab1e]{border-radius:50%;width:165px;height:165px;overflow:hidden}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__camera-preview video[data-v-6187ab1e]{width:165px;height:165px;background:var(--nc-color-accent-yellow);border-radius:50%;object-fit:cover}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__volume[data-v-6187ab1e]{display:flex;align-items:center;justify-content:center}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__volume-meter[data-v-6187ab1e]{width:200px;height:15px;background:var(--nc-color-bg-gery);border-radius:10px;overflow:hidden}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__volume-fill[data-v-6187ab1e]{height:100%;background:linear-gradient(to right,var(--nc-color-primary),var(--nc-color-primary));transition:width .1s}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__select-wrap[data-v-6187ab1e]{display:inline-flex;margin-left:var(--nc-spacing-xs)}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__select-wrap[data-v-6187ab1e] .el-select{width:180px;flex-shrink:0}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__select-wrap[data-v-6187ab1e] .el-select__wrapper{min-height:32px;background-color:var(--nc-color-white);box-shadow:0 0 0 1px var(--nc-color-border-light) inset}.online-class-device-check__content .online-class-device-check__center .online-class-device-check__select-wrap[data-v-6187ab1e] .el-select__selected-item,.online-class-device-check__content .online-class-device-check__center .online-class-device-check__select-wrap[data-v-6187ab1e] .el-select__placeholder,.online-class-device-check__content .online-class-device-check__center .online-class-device-check__select-wrap[data-v-6187ab1e] .el-select__input-wrapper{color:var(--nc-color-text-main);font-size:var(--nc-font-size-xs)}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.v-enter-active,.v-leave-active{transition:all .5s ease;position:absolute;width:100%}.v-enter-from,.v-leave-to{opacity:0;transform:translate(20px)}.online-class-device-check__center .online-class-device-check__panel{will-change:transform;position:relative;min-height:370px}.oc-doodle-stage[data-v-dd9128ff]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;min-height:0;min-width:0}.oc-doodle-stage--passthrough[data-v-dd9128ff],.oc-doodle-stage--passthrough .oc-doodle-stage__viewport[data-v-dd9128ff],.oc-doodle-stage--passthrough .oc-doodle-stage__sizer[data-v-dd9128ff],.oc-doodle-stage--passthrough .oc-doodle-stage__stage[data-v-dd9128ff],.oc-doodle-stage--passthrough .oc-doodle-stage__slot[data-v-dd9128ff]{display:contents}.oc-doodle-stage__toolbar[data-v-dd9128ff]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--nc-spacing-xs);padding:var(--nc-spacing-xxs) var(--nc-spacing-sm);border-radius:var(--nc-radius-s);border:1px solid var(--nc-color-border-lighter);background-color:var(--nc-color-bg-light);margin-bottom:var(--nc-spacing-sm)}.oc-doodle-stage__btn[data-v-dd9128ff]{height:28px;padding:0 var(--nc-spacing-sm);border:1px solid var(--nc-color-border-light);border-radius:var(--nc-radius-s);background-color:var(--nc-color-white);color:var(--nc-color-text-main);font-size:var(--nc-font-size-xs);cursor:pointer}.oc-doodle-stage__btn[data-v-dd9128ff]:disabled{cursor:not-allowed;color:var(--nc-color-text-disabled);border-color:var(--nc-color-border-lighter)}.oc-doodle-stage__btn--active[data-v-dd9128ff]{color:var(--nc-color-primary);border-color:var(--nc-color-primary);background-color:var(--nc-color-bg-light)}.oc-doodle-stage__color[data-v-dd9128ff],.oc-doodle-stage__size[data-v-dd9128ff]{display:inline-flex;align-items:center;gap:var(--nc-spacing-xxs);color:var(--nc-color-text-muted);font-size:var(--nc-font-size-xs)}.oc-doodle-stage__label[data-v-dd9128ff]{-webkit-user-select:none;user-select:none}.oc-doodle-stage__swatch[data-v-dd9128ff]{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.oc-doodle-stage__swatch--active[data-v-dd9128ff]{border-color:var(--nc-color-primary);box-shadow:0 0 0 1px var(--nc-color-white)}.oc-doodle-stage__size-input[data-v-dd9128ff]{width:80px;accent-color:var(--nc-color-primary)}.oc-doodle-stage__viewport[data-v-dd9128ff]{position:relative;flex:1 1 auto;min-height:0;min-width:0;overflow:auto}.oc-doodle-stage__sizer[data-v-dd9128ff]{position:relative}.oc-doodle-stage__stage[data-v-dd9128ff]{position:absolute;top:0;left:0;transform-origin:top left;width:0}.oc-doodle-stage__slot[data-v-dd9128ff]{position:relative;width:100%;display:grid;grid-template-rows:1fr;grid-template-columns:1fr}.oc-doodle-stage__canvas[data-v-dd9128ff]{position:absolute;top:0;left:0;touch-action:none;cursor:crosshair;display:block}.oc-doodle-stage__canvas--readonly[data-v-dd9128ff]{pointer-events:none;cursor:default}.wb-renderer[data-v-a864c788]{position:relative;height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:var(--nc-spacing-xl);box-sizing:border-box;overflow:auto}.wb-renderer--masked[data-v-a864c788]{overflow:hidden}.wb-renderer__mask[data-v-a864c788]{position:absolute;inset:0;z-index:calc(var(--nc-z-dropdown) + 1);background-color:var(--nc-color-bg);background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:auto;touch-action:none}.wb-renderer__text[data-v-a864c788]{font-size:var(--nc-font-size-lg);font-family:var(--nc-font-zh-medium);color:var(--nc-color-text-main);text-align:center;max-width:70%}.wb-renderer__empty[data-v-a864c788]{color:var(--nc-color-text-muted);font-size:var(--nc-font-size-sm);text-align:center}.wb-image[data-v-da764b4f]{background-color:var(--nc-color-bg-gery);width:100%;height:100%;display:flex;position:relative;justify-content:center;overflow:auto}.wb-image--masked[data-v-da764b4f],.wb-image--doodle[data-v-da764b4f]{overflow:hidden}.wb-image__stage[data-v-da764b4f]{flex:1 1 auto;min-width:0;min-height:0;position:relative;z-index:0}.wb-image__mask[data-v-da764b4f]{position:absolute;inset:0;z-index:calc(var(--nc-z-dropdown) + 1);background-color:var(--nc-color-bg);background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:auto;touch-action:none}.wb-image__container[data-v-da764b4f]{display:flex;width:100%;height:100%;position:relative}.wb-image__special-main[data-v-da764b4f]{padding:calc(var(--nc-spacing-lg) * 1) 0;height:fit-content}.wb-image--doodle .wb-image__special-main[data-v-da764b4f]{display:flex;flex-direction:column;align-items:center}.wb-image__rail[data-v-da764b4f]{position:relative;z-index:2;display:flex;flex-direction:row;align-items:flex-start;flex:0 0 auto;height:100%;min-height:0}.wb-image__toggle-stack[data-v-da764b4f]{position:absolute;top:var(--nc-spacing-lg);left:170px;z-index:calc(var(--nc-z-dropdown) + 2);pointer-events:auto;transition:left .38s cubic-bezier(.33,1,.68,1)}.wb-image__toggle-stack--collapsed[data-v-da764b4f]{left:0}.wb-image__toggle[data-v-da764b4f]{cursor:pointer;-webkit-user-select:none;user-select:none}.wb-image__toggle--close[data-v-da764b4f]{background-color:var(--nc-color-bg);padding:var(--nc-spacing-xs);padding-left:0;border-radius:0 var(--nc-radius-md) var(--nc-radius-md) 0;box-shadow:var(--nc-shadow-sm)}.wb-image__toggle--open[data-v-da764b4f]{padding:var(--nc-spacing-xs);border-radius:var(--nc-radius-md) var(--nc-radius-md) 0 0;background-color:var(--nc-color-bg);transform:rotate(90deg);box-shadow:var(--nc-shadow-sm)}.wb-image__toggle-icon--close[data-v-da764b4f]{transform:rotate(45deg);width:var(--nc-font-size-xsm);height:var(--nc-font-size-xsm);display:block}.wb-image__toggle-icon--open[data-v-da764b4f]{width:var(--nc-spacing-regular);height:var(--nc-spacing-regular);display:block}.wb-image__toggle--open .wb-image__toggle-icon--open[data-v-da764b4f]{transform:rotate(90deg);transform-origin:center center}.wb-image__list[data-v-da764b4f]{position:relative;z-index:1;width:170px;height:100%;background-color:var(--nc-color-bg);box-sizing:border-box;padding:var(--nc-spacing-base) 0;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:auto;flex-shrink:0}.wb-image__thumb[data-v-da764b4f]{width:150px;height:110px;box-sizing:border-box;margin-bottom:var(--nc-spacing-base);background-color:var(--nc-color-white);cursor:pointer;object-fit:contain;display:block;border:2px solid transparent;border-radius:var(--nc-radius-xs);transition:border-color .15s ease}.wb-image__thumb--active[data-v-da764b4f]{border-color:var(--nc-color-primary)}.wb-image__content[data-v-da764b4f]{flex:1;box-sizing:border-box;padding:var(--nc-spacing-base);min-width:0;position:relative}.wb-image__simple-skel[data-v-da764b4f]{position:absolute;inset:0;z-index:0;box-sizing:border-box;border-radius:var(--nc-radius-md);pointer-events:none}.wb-image__simple-skel--image[data-v-da764b4f]{border:none;background:linear-gradient(90deg,var(--nc-color-bg-gery) 0%,var(--nc-color-border-light) 50%,var(--nc-color-bg-gery) 100%);background-size:200% 100%;animation:wb-image-image-skel-shimmer-da764b4f 1.1s ease-in-out infinite}.wb-image__simple-skel--characters[data-v-da764b4f]{border:1px solid var(--nc-color-border-light);background-color:var(--nc-color-white);opacity:.55;animation:wb-image-characters-skel-pulse-da764b4f 1.15s ease-in-out infinite}.wb-image--doodle .wb-image__content[data-v-da764b4f]{flex:none;width:100%;aspect-ratio:16/9}.wb-image__main-img[data-v-da764b4f]{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block}.wb-image__main-img--pending[data-v-da764b4f]{opacity:0}.wb-image__special-content[data-v-da764b4f]{box-sizing:border-box;background-color:var(--nc-color-white);padding:0 var(--nc-spacing-4xl);border-radius:var(--nc-radius-2xl);display:flex;align-items:center;justify-content:center}.wb-image__special-img[data-v-da764b4f]{display:block;max-width:100%;max-height:330px;width:auto;height:auto;object-fit:contain}.wb-image__keywords[data-v-da764b4f]{margin:var(--nc-spacing-lg) 0;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.wb-image__keywords-title[data-v-da764b4f]{color:var(--nc-color-border-light);font-family:var(--nc-font-en-semibold);font-size:24px}.wb-image__keywords-detail[data-v-da764b4f]{margin-top:calc(var(--nc-spacing-xs) - 1px);padding:0 var(--nc-spacing-lg);display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--nc-spacing-xs) var(--nc-spacing-xxs);max-width:100%;min-width:0;box-sizing:border-box}.wb-image__keyword[data-v-da764b4f]{flex:0 1 auto;max-width:100%;box-sizing:border-box;background-color:var(--nc-color-white);color:var(--nc-color-text-muted);border-radius:var(--nc-radius-s);padding:var(--nc-spacing-xs) calc(var(--nc-spacing-md) + 1px);word-break:break-word}@keyframes wb-image-image-skel-shimmer-da764b4f{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes wb-image-characters-skel-pulse-da764b4f{0%,to{opacity:.42}50%{opacity:.72}}.wb-image-toggle-enter-active[data-v-da764b4f],.wb-image-toggle-leave-active[data-v-da764b4f]{transition:opacity .2s cubic-bezier(.33,1,.68,1)}.wb-image-toggle-enter-from[data-v-da764b4f],.wb-image-toggle-leave-to[data-v-da764b4f]{opacity:0}.wb-image-list-fade-enter-active[data-v-da764b4f],.wb-image-list-fade-leave-active[data-v-da764b4f]{transition:opacity .28s ease}.wb-image-list-fade-enter-from[data-v-da764b4f],.wb-image-list-fade-leave-to[data-v-da764b4f]{opacity:0}.reading-play-audio[data-v-4fbb9d8f]{display:flex;width:100%;flex-direction:column}.reading-play-audio--read-only[data-v-4fbb9d8f]{pointer-events:none;-webkit-user-select:none;user-select:none;cursor:default}.reading-play-audio__icon-btn[data-v-4fbb9d8f]:disabled,.reading-play-audio__speed[data-v-4fbb9d8f]:disabled{cursor:not-allowed;opacity:.85}.reading-play-audio__native[data-v-4fbb9d8f]{display:none}.reading-play-audio__bar[data-v-4fbb9d8f]{width:100%;height:70px;box-sizing:border-box;background-color:var(--nc-color-accent-yellow);display:flex;align-items:center;justify-content:center;border-bottom-left-radius:var(--nc-radius-lg);border-bottom-right-radius:var(--nc-radius-lg)}.reading-play-audio__bar-inner[data-v-4fbb9d8f]{width:100%;max-width:1400px;height:100%;display:flex;align-items:center;justify-content:space-evenly;padding:0 var(--nc-spacing-sm);box-sizing:border-box}.reading-play-audio__icon-btn[data-v-4fbb9d8f]{width:35px;height:35px;padding:0;border:none;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--nc-color-text-main)}.reading-play-audio__icon-btn--sm[data-v-4fbb9d8f]{width:25px;height:25px}.reading-play-audio__ico[data-v-4fbb9d8f]{width:28px;height:28px;object-fit:contain;display:block}.reading-play-audio__ico--sm[data-v-4fbb9d8f]{width:22px;height:22px}.reading-play-audio__sr-only[data-v-4fbb9d8f]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.reading-play-audio__progress[data-v-4fbb9d8f]{width:70%;cursor:pointer;display:flex;align-items:center;gap:var(--nc-spacing-sm)}.reading-play-audio__progress-track[data-v-4fbb9d8f]{flex:1;min-width:0;cursor:pointer}.reading-play-audio__progress-el[data-v-4fbb9d8f]{width:100%}.reading-play-audio__progress-el[data-v-4fbb9d8f] .el-progress-bar__outer{background-color:var(--nc-color-white)}.reading-play-audio__progress-el[data-v-4fbb9d8f] .el-progress-bar__inner{background-color:var(--nc-color-primary)}.reading-play-audio__time[data-v-4fbb9d8f]{width:80px;margin:0;white-space:nowrap;font-size:var(--nc-font-size-regular);color:var(--nc-color-text-main)}.reading-play-audio__speed[data-v-4fbb9d8f]{width:auto;min-width:36px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:2px;cursor:pointer;border:none;background:transparent;font-size:var(--nc-font-size-regular);color:var(--nc-color-text-main)}.reading-play-audio__volume[data-v-4fbb9d8f]{cursor:pointer;position:relative;padding:var(--nc-spacing-xxs)}.reading-play-audio__volume-icon[data-v-4fbb9d8f]{width:15px;height:15px;object-fit:contain;display:block}.reading-play-audio__volume-pop[data-v-4fbb9d8f]{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--nc-spacing-sm);box-sizing:border-box;width:8px;height:100px}.reading-play-audio__volume-pop>p[data-v-4fbb9d8f]{position:absolute;bottom:0;left:5px}.reading-play-audio__volume-zd[data-v-4fbb9d8f]{width:8px;height:80px;z-index:11}.reading-play-audio__volume-back[data-v-4fbb9d8f]{width:8px;height:80px;border-radius:50px;background-color:var(--nc-color-border-light)}.reading-play-audio__volume-fill[data-v-4fbb9d8f]{transition:all .5s;width:8px;background-color:var(--nc-color-primary);border-radius:50px}.reading-play-audio__volume-point[data-v-4fbb9d8f]{display:block;width:12px;height:12px;background-color:var(--nc-color-primary);border-radius:50%;transform:translate(-2px)}.wb-pdf[data-v-d2f88788]{position:relative;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;background-color:var(--nc-color-bg);background-repeat:no-repeat;background-position:center;background-size:30%;overflow:hidden}.wb-pdf__iframe[data-v-d2f88788]{flex:1 1 auto;width:100%;min-height:0;border:none;display:block;background-color:var(--nc-color-white)}.wb-pdf__audio[data-v-d2f88788]{flex-shrink:0}.wb-pdf__empty[data-v-d2f88788]{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--nc-spacing-lg);font-size:var(--nc-font-size-sm);color:var(--nc-color-text-muted);text-align:center}.wb-pdf__mask[data-v-d2f88788]{position:absolute;inset:0;z-index:calc(var(--nc-z-dropdown) + 1);background-color:var(--nc-color-bg);background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:auto;touch-action:none}.animate-audio[data-v-8c047d0d]{display:inline-flex;width:30px;cursor:pointer}.animate-audio img[data-v-8c047d0d]{width:100%;display:block;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.animate-audio img[data-v-8c047d0d]:hover{opacity:.8;transform:translateY(-1px)}.animate-audio--yellow[data-v-8c047d0d]{width:25px;height:25px;min-width:25px;box-sizing:border-box;flex-shrink:0;align-items:center;justify-content:center;background:var(--nc-color-accent-yellow);border-radius:50%;overflow:hidden}.animate-audio--yellow img[data-v-8c047d0d]{width:19px;height:19px;object-fit:contain}.nc-word-card-enter-active[data-v-87bab332],.nc-word-card-leave-active[data-v-87bab332],.nc-word-card-enter-active .word-card[data-v-87bab332],.nc-word-card-leave-active .word-card[data-v-87bab332]{transition:var(--nc-transition)}.nc-word-card-enter-from.word-card-overlay--modal[data-v-87bab332],.nc-word-card-leave-to.word-card-overlay--modal[data-v-87bab332]{opacity:0}.nc-word-card-enter-from .word-card[data-v-87bab332],.nc-word-card-leave-to .word-card[data-v-87bab332]{opacity:0;transform:translate(-50%,6px) scale(.96)}.nc-word-card-enter-from .word-card.word-card--top[data-v-87bab332],.nc-word-card-leave-to .word-card.word-card--top[data-v-87bab332]{opacity:0;transform:translate(-50%,calc(-100% - 6px)) scale(.96)}.word-card-overlay[data-v-87bab332]{z-index:var(--nc-z-word-card)}.word-card-overlay--modal[data-v-87bab332],.word-card-overlay--popover[data-v-87bab332]{position:fixed;inset:0}.word-card-overlay--modal .word-card[data-v-87bab332]{position:absolute}.word-card-overlay--popover .word-card[data-v-87bab332]{position:fixed}.word-card-overlay--popover:not(.word-card-overlay--frozen) .word-card[data-v-87bab332]{pointer-events:auto}.word-card-overlay--popover.word-card-overlay--frozen .word-card[data-v-87bab332]{pointer-events:none}.word-card-overlay .word-card[data-v-87bab332]{transform:translate(-50%);width:min(300px,92vw);background:var(--nc-color-primary);color:var(--nc-color-white);border-radius:var(--nc-radius-xl);padding:var(--nc-spacing-lg);box-shadow:var(--nc-shadow-lg);display:flex;flex-direction:column;align-items:center;text-align:center}.word-card-overlay .word-card .word-card__icon[data-v-87bab332]{width:100px;height:100px;line-height:1;margin-bottom:var(--nc-spacing-xxs)}.word-card-overlay .word-card .word-card__icon img[data-v-87bab332]{width:100%;height:100%}.word-card-overlay .word-card .word-card__hanzi[data-v-87bab332]{width:100%;text-align:center;font-size:var(--nc-font-size-3xl);font-family:var(--nc-font-en-light);margin-bottom:var(--nc-spacing-xxss)}.word-card-overlay .word-card .word-card__pinyin[data-v-87bab332]{width:100%;text-align:center;font-size:var(--nc-font-size-lg);font-family:var(--nc-font-pinyin-light)}.word-card-overlay .word-card .word-card__divider[data-v-87bab332]{width:100%;height:2px;background:var(--nc-color-accent-gold);margin:var(--nc-spacing-lg) 0}.word-card-overlay .word-card .word-card__meaning[data-v-87bab332]{width:100%;text-align:center;font-size:var(--nc-font-size-lg);font-family:var(--nc-font-en-regular);color:var(--nc-color-white)}.word-card-overlay .word-card .word-card__audio-row[data-v-87bab332]{margin-top:var(--nc-spacing-xl);display:flex;align-items:center;justify-content:center;margin-inline:auto}.word-card-overlay .word-card .word-card__audio-row--with-edit[data-v-87bab332]{gap:var(--nc-spacing-md)}.word-card-overlay .word-card .word-card__audio[data-v-87bab332]{width:var(--nc-spacing-xxxl);height:var(--nc-spacing-xxxl);display:flex;align-items:center;justify-content:center;flex-shrink:0}.word-card-overlay .word-card .word-card__audio .animate-audio[data-v-87bab332]{width:100%}.word-card-overlay .word-card .word-card__edit-btn[data-v-87bab332]{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;background:var(--nc-color-accent-yellow);padding:0;border:none;cursor:pointer;box-sizing:border-box;flex-shrink:0;border-radius:50%}.word-card-overlay .word-card .word-card__edit-btn[data-v-87bab332]:hover{opacity:.88}.word-card-overlay .word-card .word-card__edit-btn img[data-v-87bab332]{width:100%;object-fit:contain;display:block;height:100%}.word-card-overlay .word-card .word-card__edit-panel[data-v-87bab332]{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--nc-spacing-xl)}.word-card-overlay .word-card .word-card__edit-fields[data-v-87bab332]{width:100%;display:flex;flex-direction:column;gap:var(--nc-spacing-sm)}.word-card-overlay .word-card .word-card__edit-zh[data-v-87bab332]{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(var(--nc-spacing-xxxxl) + var(--nc-spacing-xs));margin:0;padding:0 var(--nc-spacing-xl);border:1px solid var(--nc-color-white);border-radius:var(--nc-radius-sm);background:transparent;color:var(--nc-color-white);font-family:var(--nc-font-zh-medium);font-size:var(--nc-font-size-sm);text-align:center;cursor:pointer}.word-card-overlay .word-card .word-card__edit-zh-text[data-v-87bab332]{flex:1;width:100%;text-align:center;word-break:break-word}.word-card-overlay .word-card .word-card__edit-chevron[data-v-87bab332]{position:absolute;top:50%;right:var(--nc-spacing-sm);width:0;height:0;border-left:calc(var(--nc-spacing-xxs) + 1px) solid transparent;border-right:calc(var(--nc-spacing-xxs) + 1px) solid transparent;border-top:calc(var(--nc-spacing-xs) + 1px) solid var(--nc-color-white);transform:translateY(-50%)}.word-card-overlay .word-card .word-card__edit-pick-list[data-v-87bab332]{position:absolute;top:calc(100% + var(--nc-spacing-xxs));left:calc(var(--nc-spacing-xxs) * -1);z-index:1;box-sizing:border-box;width:calc(100% + var(--nc-spacing-xs));max-height:160px;margin:0;padding:var(--nc-spacing-xxs) 0;list-style:none;overflow:auto;border-radius:var(--nc-radius-sm);background-color:var(--nc-color-white);color:var(--nc-color-primary)}.word-card-overlay .word-card .word-card__edit-pick-item[data-v-87bab332]{padding:var(--nc-spacing-xs) var(--nc-spacing-sm);cursor:pointer;font-size:var(--nc-font-size-xs);line-height:1.35}.word-card-overlay .word-card .word-card__edit-pick-item[data-v-87bab332]:hover{background-color:var(--nc-color-surface-subtle)}.word-card-overlay .word-card .word-card__edit-pick-zh[data-v-87bab332]{margin-right:var(--nc-spacing-sm);font-family:var(--nc-font-zh-medium)}.word-card-overlay .word-card .word-card__edit-pick-py[data-v-87bab332]{margin-right:var(--nc-spacing-sm);font-family:var(--nc-font-en-light)}.word-card-overlay .word-card .word-card__edit-pick-en[data-v-87bab332]{font-family:var(--nc-font-en-regular)}.word-card-overlay .word-card .word-card__edit-readonly[data-v-87bab332]{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(var(--nc-spacing-xxxxl) + var(--nc-spacing-xs));padding:0 var(--nc-spacing-sm);border:1px solid var(--nc-color-white);border-radius:var(--nc-radius-sm);color:var(--nc-color-white);font-family:var(--nc-font-en-light);font-size:var(--nc-font-size-sm);line-height:1.35;text-align:center;cursor:default;word-break:break-word}.word-card-overlay .word-card .word-card__edit-actions[data-v-87bab332]{display:flex;align-items:center;justify-content:center;gap:var(--nc-spacing-sm)}.word-card-overlay .word-card .word-card__edit-action[data-v-87bab332]{display:inline-flex;align-items:center;justify-content:center;width:var(--nc-spacing-xxxxl);height:var(--nc-spacing-xxxxl);min-width:var(--nc-spacing-xxxxl);padding:0;border:none;border-radius:50%;background:var(--nc-color-accent-yellow);color:var(--nc-color-text-rest);cursor:pointer;box-sizing:border-box}.word-card-overlay .word-card .word-card__edit-action[data-v-87bab332]:hover{opacity:.88}.word-card-overlay .word-card .word-card__edit-action--close img[data-v-87bab332],.word-card-overlay .word-card .word-card__edit-action--save img[data-v-87bab332]{display:block;object-fit:contain}.word-card-overlay .word-card .word-card__edit-action--close img[data-v-87bab332]{transform:rotate(45deg)}.word-card-overlay .word-card .word-card__bottom-actions[data-v-87bab332]{margin-top:var(--nc-spacing-xl);display:flex;align-items:center;justify-content:center;gap:var(--nc-spacing-md);flex-wrap:wrap}.word-card-overlay .word-card .word-card__bottom-actions-audio[data-v-87bab332]{display:flex;align-items:center;justify-content:center}.word-card-overlay .word-card .word-card__add-to-folder[data-v-87bab332]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;padding:0;border:none;cursor:pointer;box-sizing:border-box;flex-shrink:0;background:var(--nc-color-accent-yellow);border-radius:50%;color:var(--nc-color-text-rest)}.word-card-overlay .word-card .word-card__add-to-folder .el-icon[data-v-87bab332]{font-size:var(--nc-font-size-base)}.word-card-overlay .word-card .word-card__add-to-folder[data-v-87bab332]:hover{opacity:.88}.word-card-overlay .word-card .grammar-header[data-v-87bab332]{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--nc-spacing-xxs)}.word-card-overlay .word-card .grammar-header .grammar-title[data-v-87bab332]{font-size:var(--nc-font-size-xl);font-family:var(--nc-font-zh-regular)}.word-card-overlay .word-card .grammar-header .grammar-pinyin[data-v-87bab332]{font-size:var(--nc-font-size-sm);font-family:var(--nc-font-en-regular)}.word-card-overlay .word-card .grammar-header .grammar-divider[data-v-87bab332]{width:100%;height:2px;background:var(--nc-color-accent-gold);margin:var(--nc-spacing-sm) 0 var(--nc-spacing-xs)}.word-card-overlay .word-card .grammar-header .grammar-desc[data-v-87bab332]{margin:0;font-family:var(--nc-font-en-regular);line-height:1.5;color:var(--nc-color-white);font-size:var(--nc-font-size-sm)}.word-card-overlay .word-card .grammar-examples[data-v-87bab332]{width:100%;display:flex;flex-direction:column;gap:var(--nc-spacing-sm)}.word-card-overlay .word-card .grammar-examples .grammar-example[data-v-87bab332]{display:grid;grid-template-columns:auto 1fr;gap:var(--nc-spacing-sm)}.word-card-overlay .word-card .grammar-examples .example-audio[data-v-87bab332]{width:var(--nc-height-xlarge);height:var(--nc-height-xlarge);border-radius:50%;background:var(--nc-color-accent-gold);display:flex;align-items:center;justify-content:center;font-size:var(--nc-font-size-lg);color:var(--nc-color-text-main);box-shadow:var(--nc-shadow-md)}.word-card-overlay .word-card .grammar-examples .example-audio-center[data-v-87bab332]{width:var(--nc-height-xxlarge);height:var(--nc-height-xxlarge);border-radius:50%;background:var(--nc-color-accent-gold);display:flex;align-items:center;justify-content:center;font-size:var(--nc-font-size-lg);color:var(--nc-color-text-main);box-shadow:var(--nc-shadow-md);margin:auto}.word-card-overlay .word-card .grammar-examples .example-text[data-v-87bab332]{display:flex;flex-direction:column}.word-card-overlay .word-card .grammar-examples .example-hanzi[data-v-87bab332]{font-size:var(--nc-font-size-xl);font-family:var(--nc-font-zh-regular)}.word-card-overlay .word-card .grammar-examples .example-pinyin[data-v-87bab332]{font-size:var(--nc-font-size-xs);font-family:var(--nc-font-pinyin-light);color:var(--nc-color-white)}.word-card-overlay .word-card .grammar-examples .example-translation[data-v-87bab332]{font-size:var(--nc-font-size-xs);font-family:var(--nc-font-en-regular);color:var(--nc-color-white)}.word-card-overlay .word-card .grammar-examples .example-translation[data-v-87bab332]{opacity:.9}.word-card-overlay .word-card--top[data-v-87bab332]{transform:translate(-50%,-100%);margin-top:-8px}.word-card-overlay .word-card--bottom[data-v-87bab332]{transform:translate(-50%)}.word-card-overlay .is-grammar[data-v-87bab332]{align-items:stretch;text-align:left;gap:var(--nc-spacing-sm);padding:var(--nc-spacing-xl);width:min(400px,92vw)}.wb-reading[data-v-ce014d05]{position:relative;height:100%;width:100%;display:flex;flex-direction:column;min-height:0;background:var(--nc-color-bg);color:var(--nc-color-primary)}.wb-reading__scroll[data-v-ce014d05]{flex:1;min-height:0;height:100%;overflow-y:scroll;scrollbar-gutter:stable;padding:0;box-sizing:border-box}.wb-reading__material-audio[data-v-ce014d05]{flex:0 0 auto;width:100%}.wb-reading__article[data-v-ce014d05],.wb-reading__story[data-v-ce014d05],.wb-reading__dialogue[data-v-ce014d05]{width:80%;margin:var(--nc-font-size-lg) auto;background:var(--nc-color-bg);border-radius:var(--nc-radius-lg);box-sizing:border-box;min-height:calc(100% - var(--nc-font-size-lg) * 2)}.wb-reading__article[data-v-ce014d05],.wb-reading__story[data-v-ce014d05]{background:var(--nc-color-white)}.wb-reading__article[data-v-ce014d05],.wb-reading__story[data-v-ce014d05]{padding:calc(var(--nc-spacing-lg) * 2.5)}.wb-reading__title[data-v-ce014d05]{margin:0 0 var(--nc-spacing-xxl);text-align:center;font-size:var(--nc-font-size-xl);line-height:var(--nc-spacing-xll);font-family:var(--nc-font-en-medium) var(--nc-font-zh-medium);color:var(--nc-color-primary);font-weight:var(--nc-font-weight-medium)}.wb-reading__title-row[data-v-ce014d05]{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--nc-spacing-sm);margin-bottom:var(--nc-spacing-xxl);min-height:30px}.wb-reading__title-row .wb-reading__title[data-v-ce014d05]{margin:0;text-align:center}.wb-reading__title-action[data-v-ce014d05]{position:absolute;top:50%;right:0;transform:translateY(-50%);border:none;width:30px;height:30px;padding:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.wb-reading__title-action-icon[data-v-ce014d05]{width:100%;height:100%;display:block;object-fit:contain}.wb-reading__title--zh[data-v-ce014d05]{font-family:var(--nc-font-zh-medium)}.wb-reading__line[data-v-ce014d05]{display:flex;flex-wrap:wrap;gap:0;margin-bottom:var(--nc-spacing-xxs)}.wb-reading__line--title[data-v-ce014d05]{justify-content:center}.wb-reading__word[data-v-ce014d05]{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:var(--nc-font-size-regular);margin:0;cursor:pointer;position:relative;vertical-align:top}.wb-reading__word[data-v-ce014d05]:hover{color:var(--nc-color-accent-yellow-dark)}.wb-reading__word--active .wb-reading__word-zh[data-v-ce014d05],.wb-reading__word--active .wb-reading__word-py[data-v-ce014d05]{color:var(--nc-color-accent-yellow)}.wb-reading__word-zh[data-v-ce014d05]{font-size:var(--nc-font-size-courseware-zh-regular);line-height:1.35;font-family:var(--nc-font-zh-regular);color:var(--nc-color-primary);order:0}.wb-reading__word-py[data-v-ce014d05]{order:1;margin-top:calc(var(--nc-spacing-xxs) / 2);font-size:var(--nc-font-size-courseware-py-regular);line-height:1.2;min-height:1.2em;color:var(--nc-color-primary);font-family:var(--nc-font-pinyin-light);text-align:center;white-space:nowrap}.wb-reading__en[data-v-ce014d05]{margin:var(--nc-spacing-xs) 0 var(--nc-spacing-lg);color:var(--nc-color-primary);font-size:var(--nc-font-size-xl);line-height:1.5;white-space:pre-wrap;word-break:break-word;font-family:var(--nc-font-en-light);font-size:var(--nc-font-size-courseware-en-regular)}.wb-reading__en--story[data-v-ce014d05],.wb-reading__en--dialogue[data-v-ce014d05]{margin:0;display:flex;align-items:center}.wb-reading__article-content[data-v-ce014d05]{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--nc-spacing-xl) 0}.wb-reading__article-title-row[data-v-ce014d05]{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--nc-spacing-sm);margin-bottom:var(--nc-spacing-sm)}.wb-reading__en-tag[data-v-ce014d05]{display:inline-flex;align-items:center;justify-content:center;min-width:var(--nc-height-large);height:var(--nc-height-large);padding:0 var(--nc-spacing-xs);border-radius:var(--nc-radius-pill);background:var(--nc-color-accent-yellow);color:var(--nc-color-primary);font-size:var(--nc-font-size-xxs);font-family:var(--nc-font-en-semibold);cursor:pointer;-webkit-user-select:none;user-select:none;flex:0 0 auto;vertical-align:baseline;line-height:1}.wb-reading__spacer--line[data-v-ce014d05]{width:100%;height:var(--nc-spacing-sm)}.wb-reading__spacer--blank-line[data-v-ce014d05]{width:100%;height:var(--nc-spacing-xxs)}.wb-reading__spacer--indent[data-v-ce014d05]{width:var(--nc-spacing-2xl);height:var(--nc-spacing-xxs)}.wb-reading__spacer--paragraph[data-v-ce014d05]{width:100%;height:calc(var(--nc-height-xxxxxlarge) + var(--nc-spacing-xxs))}.wb-reading__illustration[data-v-ce014d05],.wb-reading__pic[data-v-ce014d05]{margin-bottom:var(--nc-spacing-md);text-align:center}.wb-reading__illustration img[data-v-ce014d05],.wb-reading__pic img[data-v-ce014d05]{max-width:100%;border-radius:var(--nc-radius-md);display:inline-block}.wb-reading__pic--inline[data-v-ce014d05]{display:flex;width:100%;margin-top:var(--nc-spacing-sm)}.wb-reading__story-row[data-v-ce014d05],.wb-reading__dialogue-row[data-v-ce014d05]{display:flex;gap:calc(var(--nc-spacing-sm) + 2px);padding:var(--nc-spacing-sm) 0;position:relative;width:100%}.wb-reading__story-left[data-v-ce014d05]{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:0}.wb-reading__story-right[data-v-ce014d05]{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;margin-left:var(--nc-spacing-sm);gap:var(--nc-spacing-xs)}.wb-reading__row-story-audio[data-v-ce014d05]{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;background:transparent;cursor:pointer}.wb-reading__row-story-audio img[data-v-ce014d05]{width:100%;height:100%;display:block;object-fit:contain}.wb-reading__dialogue-tools[data-v-ce014d05]{position:absolute;top:33px;z-index:1;display:flex;flex-direction:column;align-items:center}.wb-reading__dialogue-row[data-v-ce014d05]{flex-direction:row;transition:var(--nc-transition)}.wb-reading__dialogue-body[data-v-ce014d05]{position:relative}.wb-reading__dialogue-mask[data-v-ce014d05]{position:absolute;inset:0;z-index:var(--nc-z-dropdown);background:var(--nc-color-bg);pointer-events:auto}.wb-reading__dialogue-mask-icon[data-v-ce014d05]{width:150px;position:sticky;top:50%;left:50%;transform:translate(-50%,-50%);display:block;object-fit:contain}.wb-reading__dialogue-row--right[data-v-ce014d05]{flex-direction:row-reverse}.wb-reading__dialogue-row--right .wb-reading__dialogue-tools[data-v-ce014d05]{left:0}.wb-reading__dialogue-row:not(.wb-reading__dialogue-row--right) .wb-reading__dialogue-tools[data-v-ce014d05]{right:0}.wb-reading__avatar[data-v-ce014d05]{width:var(--nc-height-xxxlarge);height:var(--nc-height-xxxlarge);border-radius:var(--nc-radius-pill);object-fit:cover;flex:0 0 auto;margin-right:var(--nc-spacing-lg)}.wb-reading__dialogue-head[data-v-ce014d05]{position:relative;width:var(--nc-height-xxxlarge);flex:0 0 auto}.wb-reading__dialogue-content[data-v-ce014d05]{flex:0 1 auto;min-width:0;background:var(--nc-color-white);padding:calc(var(--nc-spacing-xs) + 2px);border-radius:var(--nc-radius-mds);box-shadow:none;position:relative;display:flex;flex-wrap:wrap;align-items:center}.wb-reading__dialogue-content--right[data-v-ce014d05]:before{left:auto;right:-6px;border-right:none;border-left:6px solid var(--nc-color-white)}.wb-reading__row-en-switch[data-v-ce014d05]{width:var(--nc-height-xlarge);height:var(--nc-height-xlarge);border-radius:var(--nc-radius-sm);border:none;background:transparent;cursor:pointer;flex:0 0 auto;padding:0}.wb-reading__row-en-switch img[data-v-ce014d05]{width:100%;height:100%;display:block;object-fit:contain}.wb-reading__story-actions[data-v-ce014d05]{display:none}.wb-reading__story-main[data-v-ce014d05]{display:flex;flex-wrap:wrap;align-items:center}.wb-reading__empty[data-v-ce014d05]{display:flex;align-items:center;justify-content:center;min-height:calc(var(--nc-height-xxxxxlarge) * 3 + var(--nc-spacing-sm));color:var(--nc-color-text-muted);font-size:var(--nc-font-size-sm)}.wb-reading__mask[data-v-ce014d05]{position:absolute;inset:0;z-index:var(--nc-z-dropdown);background-color:var(--nc-color-bg);background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:auto;touch-action:none}.wb-reading--masked .wb-reading__scroll[data-v-ce014d05],.wb-reading--dialogue-masked .wb-reading__scroll[data-v-ce014d05]{overflow:hidden}.el-popover.el-popper.wb-reading__en-popper{box-sizing:border-box;width:230px;min-width:230px;max-width:230px;padding:var(--nc-spacing-lg);word-break:break-word;text-align:left;font-family:var(--nc-font-en-medium);background:var(--nc-color-accent-yellow);border-radius:var(--nc-radius-lg);color:var(--nc-color-primary)}.pinyin-tones-table[data-v-107d4a5e]{width:100%;height:100%}.pinyin-tones-table__lines[data-v-107d4a5e]{width:min(100%,335px)}.pinyin-tones-table__tone-nums[data-v-107d4a5e]{display:flex;width:100%;justify-content:space-around;font-size:var(--nc-font-size-xsm)}.pinyin-tones-table__tone-nums span[data-v-107d4a5e]{display:inline-block;width:var(--nc-icon-size-large)}.pinyin-tones-table__cols[data-v-107d4a5e]{display:flex;flex-direction:column-reverse;font-size:var(--nc-icon-size-xsmall)}.pinyin-tones-table__col[data-v-107d4a5e]{position:relative}.pinyin-tones-table__col-index[data-v-107d4a5e]{display:inline-block;width:var(--nc-icon-size-large);height:var(--nc-icon-size-xlarge)}.pinyin-tones-table__grid-line[data-v-107d4a5e]{display:inline-block;height:var(--nc-border-width);margin:0 0 var(--nc-spacing-xxss);width:calc(100% - var(--nc-icon-size-large));background:var(--nc-color-input-border)}.pinyin-tones-table__arrow[data-v-107d4a5e]{position:absolute;top:var(--nc-spacing-s);left:15px;z-index:1;width:100px;height:2px;background:var(--nc-color-accent-gold)}.pinyin-tones-table__arrow-head[data-v-107d4a5e]{position:relative;display:block}.pinyin-tones-table__arrow-head[data-v-107d4a5e]:after{content:"";position:absolute;top:-3px;right:.5px;display:block;width:var(--nc-spacing-xs);height:var(--nc-spacing-xs);transform:rotate(45deg);border-top:2px solid var(--nc-color-accent-gold);border-right:2px solid var(--nc-color-accent-gold)}.pinyin-tones-table__arrow--first[data-v-107d4a5e]{width:50px;height:2px}.pinyin-tones-table__arrow--second[data-v-107d4a5e]{top:calc(var(--nc-spacing-s) + var(--nc-border-width));left:60px;width:65px;height:2px;transform:rotate(-65deg)}.pinyin-tones-table__arrow--third[data-v-107d4a5e]{top:22px;left:135px;width:95px;transform:rotate(-70deg)}.pinyin-tones-table__arrow--third[data-v-107d4a5e]:before{content:"";position:absolute;top:-11px;left:calc(-1 * var(--nc-spacing-xxs));width:33px;height:2px;background:var(--nc-color-accent-gold);transform:rotate(-42deg)}.pinyin-tones-table__arrow--fourth[data-v-107d4a5e]{top:-25px;left:195px;width:125px;height:2px;transform:rotate(71deg)}.pinyin-tones-table__arrow--fifth[data-v-107d4a5e]{opacity:0}.pinyin-tones-table__col--grey .pinyin-tones-table__arrow[data-v-107d4a5e]{background:var(--nc-color-bg)}.pinyin-tones-table__col--grey .pinyin-tones-table__arrow-head[data-v-107d4a5e]:after{border-top-color:var(--nc-color-bg);border-right-color:var(--nc-color-bg)}.pinyin-tones-table__col--grey .pinyin-tones-table__arrow--third[data-v-107d4a5e]:before{background:var(--nc-color-bg)}.pinyin-tones-table__col--active-first .pinyin-tones-table__arrow--first[data-v-107d4a5e]{background:var(--nc-color-accent-gold)}.pinyin-tones-table__col--active-first .pinyin-tones-table__arrow--first .pinyin-tones-table__arrow-head[data-v-107d4a5e]:after{border-top-color:var(--nc-color-accent-gold);border-right-color:var(--nc-color-accent-gold)}.pinyin-tones-table__col--active-second .pinyin-tones-table__arrow--second[data-v-107d4a5e]{background:var(--nc-color-accent-gold)}.pinyin-tones-table__col--active-second .pinyin-tones-table__arrow--second .pinyin-tones-table__arrow-head[data-v-107d4a5e]:after{border-top-color:var(--nc-color-accent-gold);border-right-color:var(--nc-color-accent-gold)}.pinyin-tones-table__col--active-third .pinyin-tones-table__arrow--third[data-v-107d4a5e]{background:var(--nc-color-accent-gold)}.pinyin-tones-table__col--active-third .pinyin-tones-table__arrow--third .pinyin-tones-table__arrow-head[data-v-107d4a5e]:after{border-top-color:var(--nc-color-accent-gold);border-right-color:var(--nc-color-accent-gold)}.pinyin-tones-table__col--active-third .pinyin-tones-table__arrow--third[data-v-107d4a5e]:before{background:var(--nc-color-accent-gold)}.pinyin-tones-table__col--active-fourth .pinyin-tones-table__arrow--fourth[data-v-107d4a5e]{background:var(--nc-color-accent-gold)}.pinyin-tones-table__col--active-fourth .pinyin-tones-table__arrow--fourth .pinyin-tones-table__arrow-head[data-v-107d4a5e]:after{border-top-color:var(--nc-color-accent-gold);border-right-color:var(--nc-color-accent-gold)}.pinyin-full-timeline-modal[data-v-d3c5bd04]{position:fixed;inset:0;z-index:calc(var(--nc-z-modal) + 1);display:flex;align-items:flex-start;justify-content:center;padding:10vh var(--nc-spacing-md) var(--nc-spacing-md);box-sizing:border-box;overflow:auto;background:var(--nc-color-overlay-backdrop)}.pinyin-full-timeline[data-v-d3c5bd04]{width:100%;max-width:min(100%,1280px);margin:0 auto;font-size:var(--nc-font-size-sm)}.pinyin-full-timeline__milestone-title[data-v-d3c5bd04]{font-size:var(--nc-font-size-lg);font-family:var(--nc-font-en-semibold);font-weight:var(--nc-font-weight-semibold)}.pinyin-full-timeline__line[data-v-d3c5bd04]{width:911px;max-width:100%;height:3px;margin-top:250px;margin-left:100px;position:relative}.pinyin-full-timeline__line--axis[data-v-d3c5bd04]{background-color:var(--nc-color-primary)}.pinyin-full-timeline__line--axis[data-v-d3c5bd04]:after{content:" ";position:absolute;display:block;top:-6px;right:.5px;width:12px;height:12px;border-top:3px solid var(--nc-color-primary);border-right:3px solid var(--nc-color-primary);transform:rotate(45deg)}.pinyin-full-timeline__rule[data-v-d3c5bd04]{background-color:var(--nc-color-primary)}.pinyin-full-timeline__dialog-wrap[data-v-d3c5bd04]{position:absolute;left:130px;top:70px;display:flex;align-items:center}.pinyin-full-timeline__logo[data-v-d3c5bd04]{display:inline-block;margin-right:36px;margin-top:22px;width:43px;height:auto;object-fit:contain}.pinyin-full-timeline__dialog[data-v-d3c5bd04]{width:300px;display:inline-block;border-radius:var(--nc-radius-mds);position:relative;padding:var(--nc-spacing-lg);background:var(--nc-color-bg);color:var(--nc-color-text-secondary)}.pinyin-full-timeline__dialog p[data-v-d3c5bd04]:first-child{margin-bottom:var(--nc-spacing-lg)}.pinyin-full-timeline__dialog[data-v-d3c5bd04]:before{content:"  ";width:0;height:0;border:solid;position:absolute;top:50%;left:-56px;border-width:8px 28px;border-color:transparent var(--nc-color-bg) transparent transparent;transform:translateY(-50%)}.pinyin-full-timeline__box[data-v-d3c5bd04]{width:1200px;max-width:100%;min-height:700px;background:var(--nc-color-white);padding:var(--nc-spacing-xxll);position:relative;color:var(--nc-color-text-secondary);box-sizing:border-box;box-shadow:calc(var(--nc-spacing-sm) + var(--nc-border-width)) calc(var(--nc-spacing-sm) + var(--nc-border-width)) var(--nc-color-accent-yellow);border-radius:var(--nc-radius-lg)}.pinyin-full-timeline__close[data-v-d3c5bd04]{width:calc(var(--nc-icon-size-large) + var(--nc-border-width));height:calc(var(--nc-icon-size-large) + var(--nc-border-width));cursor:pointer;position:absolute;left:var(--nc-spacing-xlll);top:var(--nc-spacing-xlll);z-index:2}.pinyin-full-timeline__item[data-v-d3c5bd04]{display:inline-block;position:absolute;top:-40px;left:-16px}.pinyin-full-timeline__item .pinyin-full-timeline__media[data-v-d3c5bd04]{width:174px;margin-top:10px;margin-left:-30px}.pinyin-full-timeline__item .pinyin-full-timeline__desc[data-v-d3c5bd04]{width:210px;margin-top:10px;margin-left:-30px}.pinyin-full-timeline__item .pinyin-full-timeline__rule[data-v-d3c5bd04]{height:74px;width:1px;margin-left:30px}.pinyin-full-timeline__item--sec[data-v-d3c5bd04]{left:200px}.pinyin-full-timeline__item--sec .pinyin-full-timeline__milestone-title[data-v-d3c5bd04]{margin-left:-40px}.pinyin-full-timeline__item--sec .pinyin-full-timeline__media[data-v-d3c5bd04]{width:91px;margin-left:0}.pinyin-full-timeline__item--sec .pinyin-full-timeline__desc[data-v-d3c5bd04]{width:180px;margin-left:-30px}.pinyin-full-timeline__item--sec .pinyin-full-timeline__rule[data-v-d3c5bd04]{height:100px;margin-left:40px}.pinyin-full-timeline__item--third[data-v-d3c5bd04]{left:400px}.pinyin-full-timeline__item--third .pinyin-full-timeline__milestone-title[data-v-d3c5bd04]{margin-left:-40px}.pinyin-full-timeline__item--third .pinyin-full-timeline__media[data-v-d3c5bd04]{width:74px;margin-left:0}.pinyin-full-timeline__item--third .pinyin-full-timeline__rule[data-v-d3c5bd04]{height:138px;margin-left:40px}.pinyin-full-timeline__item--third .pinyin-full-timeline__desc[data-v-d3c5bd04]{width:180px;margin-left:-40px}.pinyin-full-timeline__item--fourth[data-v-d3c5bd04]{left:580px}.pinyin-full-timeline__item--fourth .pinyin-full-timeline__milestone-title[data-v-d3c5bd04]{margin-left:-10px}.pinyin-full-timeline__item--fourth .pinyin-full-timeline__rule[data-v-d3c5bd04]{height:115px;margin-left:40px}.pinyin-full-timeline__item--fourth .pinyin-full-timeline__desc[data-v-d3c5bd04]{width:143px}.pinyin-full-timeline__item--five[data-v-d3c5bd04]{left:660px;top:-263px}.pinyin-full-timeline__item--five .pinyin-full-timeline__milestone-title[data-v-d3c5bd04]{margin-left:10px}.pinyin-full-timeline__item--five .pinyin-full-timeline__desc[data-v-d3c5bd04]{width:300px;margin-left:-188px;margin-top:0}.pinyin-full-timeline__item--five .pinyin-full-timeline__media[data-v-d3c5bd04]{margin-left:0;border-radius:var(--nc-radius-mds);display:inline-block;width:150px}.pinyin-full-timeline__item--five .pinyin-full-timeline__media--stamp[data-v-d3c5bd04]{width:94px;margin-right:7px;margin-left:-188px;display:inline-block}.pinyin-full-timeline__item--six[data-v-d3c5bd04]{left:740px}.pinyin-full-timeline__item--six .pinyin-full-timeline__media[data-v-d3c5bd04]{width:166px;border-radius:var(--nc-radius-mds);margin-left:0}.pinyin-full-timeline__item--six .pinyin-full-timeline__desc[data-v-d3c5bd04]{width:146px;margin-left:0}.pinyin-full-timeline__item--six .pinyin-full-timeline__rule[data-v-d3c5bd04]{height:115px;width:1px;margin-left:40px}.pinyin-full-timeline__item--six .pinyin-full-timeline__milestone-title[data-v-d3c5bd04]{margin-left:15px}.pinyin-full-timeline__item--seven[data-v-d3c5bd04]{top:-243px;left:800px}.pinyin-full-timeline__item--seven .pinyin-full-timeline__milestone-title[data-v-d3c5bd04]{margin-left:15px}.pinyin-full-timeline__item--seven .pinyin-full-timeline__rule[data-v-d3c5bd04]{height:182px;width:1px;margin-left:40px}.pinyin-full-timeline__item--seven .pinyin-full-timeline__desc[data-v-d3c5bd04]{background:var(--nc-color-accent-yellow);padding:var(--nc-spacing-base);width:174px;margin-bottom:7px;border-radius:var(--nc-radius-mds);text-align:center;margin-left:-45px;margin-top:0;font-size:var(--nc-font-size-sm)}.pinyin-lesson-one[data-v-7b7131c0]{box-sizing:border-box;width:100%;height:100%;min-height:calc(10 * var(--nc-spacing-xxll));background:var(--nc-color-bg);display:flex;align-items:stretch;padding:var(--nc-spacing-lg);gap:var(--nc-spacing-xxll);overflow:hidden}.pinyin-lesson-one__left[data-v-7b7131c0]{flex-shrink:0}.pinyin-lesson-one__left-tabs[data-v-7b7131c0]{list-style:none;margin:0;padding:0}.pinyin-lesson-one__left-tabs .pinyin-lesson-one__left-tabs-item[data-v-7b7131c0],.pinyin-lesson-one__left-tabs .pinyin-lesson-one__left-tabs-chart[data-v-7b7131c0]{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:calc(var(--nc-spacing-xxl) * 2 + var(--nc-spacing-xll));height:var(--nc-height-xxxlarge);margin-bottom:var(--nc-spacing-base);padding:0;border-radius:var(--nc-radius-mds);background:var(--nc-color-white);color:var(--nc-color-text-secondary);font-size:var(--nc-font-size-base);cursor:pointer;text-align:center}.pinyin-lesson-one__left-tabs .pinyin-lesson-one__left-tabs-item--active[data-v-7b7131c0]{background:var(--nc-color-accent-yellow)}.pinyin-lesson-one__left-tabs .pinyin-lesson-one__left-tabs-chart[data-v-7b7131c0]{background:var(--nc-color-white);color:var(--nc-color-text-secondary);font-size:var(--nc-font-size-base)}.pinyin-lesson-one__left-tabs .pinyin-lesson-one__left-tabs-chart[data-v-7b7131c0]:hover{background:var(--nc-color-accent-yellow);color:var(--nc-color-white)}.pinyin-lesson-one__right[data-v-7b7131c0],.pinyin-lesson-one__panel[data-v-7b7131c0],.pinyin-lesson-one__tones[data-v-7b7131c0],.pinyin-lesson-one__initials[data-v-7b7131c0],.pinyin-lesson-one__finals[data-v-7b7131c0]{flex:1;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--nc-color-overlay-backdrop) transparent}.pinyin-lesson-one__right[data-v-7b7131c0]::-webkit-scrollbar,.pinyin-lesson-one__panel[data-v-7b7131c0]::-webkit-scrollbar,.pinyin-lesson-one__tones[data-v-7b7131c0]::-webkit-scrollbar,.pinyin-lesson-one__initials[data-v-7b7131c0]::-webkit-scrollbar,.pinyin-lesson-one__finals[data-v-7b7131c0]::-webkit-scrollbar{width:var(--nc-spacing-s)}.pinyin-lesson-one__right[data-v-7b7131c0]::-webkit-scrollbar-thumb,.pinyin-lesson-one__panel[data-v-7b7131c0]::-webkit-scrollbar-thumb,.pinyin-lesson-one__tones[data-v-7b7131c0]::-webkit-scrollbar-thumb,.pinyin-lesson-one__initials[data-v-7b7131c0]::-webkit-scrollbar-thumb,.pinyin-lesson-one__finals[data-v-7b7131c0]::-webkit-scrollbar-thumb{background-color:var(--nc-color-overlay-backdrop);border-radius:var(--nc-radius-scrollbar-thumb)}.pinyin-lesson-one__right-wrap[data-v-7b7131c0]{box-sizing:border-box;width:100%;min-width:0;min-height:0}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__main-card[data-v-7b7131c0]{flex-shrink:0;display:flex;flex-direction:column;box-sizing:border-box;width:calc(9 * var(--nc-spacing-xxll) + var(--nc-spacing-lg));height:calc(14 * var(--nc-spacing-xxll));max-width:100%;margin:var(--nc-spacing-xxll) auto;padding:calc(var(--nc-spacing-xxll) * 1.5) var(--nc-spacing-xxll);background:var(--nc-color-white);border-radius:var(--nc-radius-lg);box-shadow:calc(var(--nc-spacing-regular) - var(--nc-border-width)) calc(var(--nc-spacing-regular) - var(--nc-border-width)) 0 var(--nc-color-accent-yellow);overflow:hidden}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__main-card--characters[data-v-7b7131c0]{margin-bottom:calc(2 * var(--nc-height-xxxlarge))}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__main-card--timeline[data-v-7b7131c0]{justify-content:center}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-shell[data-v-7b7131c0]{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;width:100%;max-width:100%;margin:var(--nc-spacing-xxll) auto;gap:var(--nc-spacing-lg);box-sizing:border-box}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-shell>.pinyin-lesson-one__main-card--timeline[data-v-7b7131c0]{margin:0}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__main-card-body[data-v-7b7131c0]{box-sizing:border-box;width:100%;flex:1 1 0;min-height:0;overflow:hidden;color:var(--nc-color-primary);font-size:var(--nc-font-size-lg)}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__main-card--characters .pinyin-lesson-one__main-card-body[data-v-7b7131c0]{text-align:center}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__main-card--characters .pinyin-lesson-one__main-card-body img[data-v-7b7131c0]{display:inline-block;width:calc(5 * var(--nc-spacing-xxll));max-width:100%;height:auto}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__sample-han[data-v-7b7131c0]{margin:0 0 var(--nc-spacing-base);font-size:calc(6 * var(--nc-spacing-base) + var(--nc-spacing-xxll));line-height:1.2;color:var(--nc-color-accent-yellow)}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__sample-py[data-v-7b7131c0]{display:inline-block;margin:var(--nc-font-size-sm) 0 0;padding:var(--nc-spacing-base) var(--nc-spacing-xll);color:var(--nc-color-primary);font-family:var(--nc-font-pinyin-light);font-size:calc(var(--nc-spacing-xxll) + var(--nc-spacing-sm));line-height:1.2;border-radius:var(--nc-radius-sm)}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__main-card--structure[data-v-7b7131c0]{text-align:center}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__main-card--structure .pinyin-lesson-one__main-card-body[data-v-7b7131c0]{width:100%;box-sizing:border-box;text-align:center}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__main-card--structure .pinyin-lesson-one__main-card-body p[data-v-7b7131c0]{margin:0 0 var(--nc-spacing-base);text-align:left;line-height:1.5}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__main-card--structure .pinyin-lesson-one__main-card-body[data-v-7b7131c0] strong{font-weight:var(--nc-font-weight-semibold)}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__main-card--structure[data-v-7b7131c0] .pinyin-lesson-one__structure-accent{color:var(--nc-color-accent-yellow)}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__main-card--structure[data-v-7b7131c0] .pinyin-lesson-one__structure-muted{color:var(--nc-color-text-muted)}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__main-card--structure .pinyin-lesson-one__structure-audio[data-v-7b7131c0]{display:flex;justify-content:center;margin:80px auto}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__main-card--structure .pinyin-lesson-one__structure-audio[data-v-7b7131c0] .animate-audio--yellow{cursor:pointer;width:40px;height:40px;min-width:40px}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__main-card--structure .pinyin-lesson-one__structure-audio[data-v-7b7131c0] .animate-audio--yellow img{width:40px;height:40px;object-fit:contain}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__main-card--structure .pinyin-lesson-one__structure-diagram[data-v-7b7131c0]{display:block;width:calc(var(--nc-spacing-3xl) + var(--nc-spacing-xll));height:calc(var(--nc-spacing-2xl) + var(--nc-spacing-xxll));max-width:100%;margin:0 auto;object-fit:contain}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline[data-v-7b7131c0]{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0;padding:0;flex:1 1 0;min-width:0;min-height:0;width:100%;max-width:100%;box-sizing:border-box}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-nav[data-v-7b7131c0]{flex-shrink:0;cursor:pointer}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-nav img[data-v-7b7131c0]{display:block;width:calc(var(--nc-height-xxxlarge) + var(--nc-spacing-xxss));height:calc(var(--nc-height-xxxlarge) + var(--nc-spacing-xxss));cursor:pointer}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-nav img[data-v-7b7131c0]:hover{opacity:.8}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-nav-icon--disabled[data-v-7b7131c0]{opacity:.25;pointer-events:none}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-slide[data-v-7b7131c0]:not(.pinyin-lesson-one__timeline-slide--intro){box-sizing:border-box;padding:var(--nc-spacing-lg);display:flex;flex-direction:column;align-items:center;text-align:center;margin:0;max-width:100%;color:var(--nc-color-text-secondary)}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-slide--dual[data-v-7b7131c0]{position:relative;text-align:left}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-slide--dual .pinyin-lesson-one__timeline-slide-img--primary[data-v-7b7131c0]{position:absolute;left:calc(4 * var(--nc-spacing-xxll));top:calc(var(--nc-spacing-xxxl) + var(--nc-border-width));height:calc(var(--nc-spacing-4xl) + var(--nc-spacing-xxll) + var(--nc-font-size-md));width:auto;object-fit:contain;z-index:1}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-slide--dual .pinyin-lesson-one__timeline-slide-img--secondary[data-v-7b7131c0]{margin-top:var(--nc-spacing-xl);margin-left:calc(var(--nc-spacing-xxll) + var(--nc-spacing-xl) + var(--nc-spacing-regular));display:inline-block;max-width:100%;height:auto}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-slide:not(.pinyin-lesson-one__timeline-slide--intro):not(.pinyin-lesson-one__timeline-slide--dual) .pinyin-lesson-one__timeline-slide-img--primary[data-v-7b7131c0]{display:inline-block;z-index:1;max-width:100%;height:auto}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-time[data-v-7b7131c0]{margin-top:var(--nc-height-xxxlarge);margin-bottom:var(--nc-font-size-sm);text-align:left;width:100%}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-desc[data-v-7b7131c0]{width:calc(var(--nc-calendar-progress-summary-width) - var(--nc-spacing-ss));max-width:100%;text-align:left;line-height:1.5;box-sizing:border-box}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-desc--narrow[data-v-7b7131c0]{width:calc(4 * var(--nc-spacing-xxxl) + var(--nc-spacing-xll))}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-modal-btn[data-v-7b7131c0]{width:calc(var(--nc-spacing-3xl) + var(--nc-spacing-xxxl));height:calc(var(--nc-spacing-xxll) + var(--nc-spacing-xxxs));line-height:calc(var(--nc-spacing-xxll) + var(--nc-spacing-xxxs));text-align:center;border-radius:var(--nc-radius-lg);margin:calc(var(--nc-spacing-xxll) + var(--nc-spacing-xxs) - var(--nc-border-width)) auto 0;padding:0;cursor:pointer;border:none;background:var(--nc-color-accent-yellow);color:var(--nc-color-text-secondary);font:inherit;font-size:var(--nc-font-size-sm);box-sizing:border-box}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-modal-btn[data-v-7b7131c0]:hover{opacity:.92}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-slide--intro[data-v-7b7131c0]{display:flex;flex-direction:column;align-items:center}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-slide--intro .pinyin-lesson-one__timeline-intro-dialog[data-v-7b7131c0]{width:var(--nc-calendar-progress-summary-width);max-width:100%;padding:calc(var(--nc-spacing-xl) + var(--nc-border-width));box-sizing:border-box;border-radius:var(--nc-font-size-md);margin:0 auto;background:var(--nc-color-bg);font-size:var(--nc-font-size-regular)}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-slide--intro .pinyin-lesson-one__timeline-intro-dialog p[data-v-7b7131c0]{margin-bottom:var(--nc-spacing-lg)}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-slide--intro .pinyin-lesson-one__timeline-intro-dialog p[data-v-7b7131c0]:last-child{margin-bottom:0}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-slide--intro .pinyin-lesson-one__timeline-intro-notch[data-v-7b7131c0]{width:0;height:0;border:solid;border-width:var(--nc-spacing-lg) var(--nc-spacing-xxss) var(--nc-spacing-regular) var(--nc-spacing-sm);border-color:var(--nc-color-bg) transparent transparent transparent;margin:0}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-slide--intro .pinyin-lesson-one__timeline-intro-brand[data-v-7b7131c0]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:0 auto;text-align:center}.pinyin-lesson-one__right-wrap .pinyin-lesson-one__timeline-slide--intro .pinyin-lesson-one__timeline-intro-cup[data-v-7b7131c0]{width:var(--nc-height-xxxxlarge);height:auto;object-fit:contain}.pinyin-lesson-one__right-tabs[data-v-7b7131c0]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;list-style:none;width:100%;margin:0 0 var(--nc-spacing-xlll) var(--nc-spacing-base);padding:0;gap:var(--nc-spacing-base)}.pinyin-lesson-one__right-tabs .pinyin-lesson-one__right-tabs-item[data-v-7b7131c0]{display:inline-block;padding:var(--nc-spacing-base) calc(var(--nc-spacing-xl) + var(--nc-border-width));text-align:center;border-radius:var(--nc-radius-lg);margin-right:var(--nc-spacing-base);background:var(--nc-color-white);color:var(--nc-color-text-secondary);cursor:pointer;font-size:var(--nc-font-size-sm)}.pinyin-lesson-one__right-tabs .pinyin-lesson-one__right-tabs-item--active[data-v-7b7131c0]{background:var(--nc-color-accent-gold);color:var(--nc-color-text-secondary)}.pinyin-lesson-one__initials[data-v-7b7131c0]{box-sizing:border-box;width:100%;color:var(--nc-color-text-secondary)}.pinyin-lesson-one__initials-card[data-v-7b7131c0]{box-sizing:border-box;width:380px;max-width:100%;margin:var(--nc-spacing-regular) auto;padding:calc(var(--nc-spacing-xxll) * 1.2) calc(var(--nc-spacing-xxll) * 1.6);background-color:var(--nc-color-white);border-radius:var(--nc-radius-lg);box-shadow:var(--nc-spacing-sm) var(--nc-spacing-sm) 0 var(--nc-color-accent-yellow)}.pinyin-lesson-one__initials-head[data-v-7b7131c0]{margin-bottom:var(--nc-spacing-lg);font-size:calc(var(--nc-font-size-lg) * .8)}.pinyin-lesson-one__initials-head p[data-v-7b7131c0]{margin:0}.pinyin-lesson-one__initials-head .pinyin-lesson-one__initials-highlight-wrap[data-v-7b7131c0]{margin:var(--nc-spacing-regular) 0}.pinyin-lesson-one__initials-head .pinyin-lesson-one__initials-highlight[data-v-7b7131c0]{color:var(--nc-color-accent-gold)}.pinyin-lesson-one__finals[data-v-7b7131c0]{box-sizing:border-box;width:100%;color:var(--nc-color-text-secondary)}.pinyin-lesson-one__finals-card[data-v-7b7131c0]{box-sizing:border-box;width:380px;max-width:100%;margin:var(--nc-spacing-regular) auto;padding:calc(var(--nc-spacing-xxll) * 1.2 * .8) calc(var(--nc-spacing-xxll) * 1.6 * .8);background-color:var(--nc-color-white);border-radius:calc(var(--nc-radius-lg) * .8);box-shadow:calc(var(--nc-spacing-sm) * .8) calc(var(--nc-spacing-sm) * .8) 0 var(--nc-color-accent-yellow)}.pinyin-lesson-one__finals-card .pinyin-lesson-one__finals-head[data-v-7b7131c0]{margin-bottom:calc(var(--nc-spacing-lg) * .8);font-size:calc(var(--nc-font-size-lg) * .8)}.pinyin-lesson-one__finals-card .pinyin-lesson-one__finals-head p[data-v-7b7131c0]{margin:0}.pinyin-lesson-one__finals-card .pinyin-lesson-one__finals-head .pinyin-lesson-one__finals-highlight-wrap[data-v-7b7131c0]{margin:calc(var(--nc-spacing-regular) * .8) 0 calc(var(--nc-spacing-xs) * .8)}.pinyin-lesson-one__finals-card .pinyin-lesson-one__finals-head .pinyin-lesson-one__finals-sub[data-v-7b7131c0]{margin:0;padding-left:1.6em;font-size:calc(var(--nc-font-size-base) * .95 * .8);color:var(--nc-color-text-tertiary)}.pinyin-lesson-one__finals-card .pinyin-lesson-one__finals-head .pinyin-lesson-one__finals-highlight[data-v-7b7131c0]{color:var(--nc-color-accent-gold)}.pinyin-lesson-one__finals-card .pinyin-lesson-one__finals-cols[data-v-7b7131c0]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:calc(var(--nc-spacing-xxs) * .8);margin:0;padding:0;max-width:100%}.pinyin-lesson-one__finals-card .pinyin-lesson-one__finals-col[data-v-7b7131c0]{display:flex;flex-direction:column;gap:calc(var(--nc-spacing-xs) * .8 * .8);list-style:none;margin:0;padding:0;flex-shrink:0}.pinyin-lesson-one__finals-card .pinyin-lesson-one__finals-cell[data-v-7b7131c0]{box-sizing:border-box;width:43.2px;height:28.8px;line-height:28.8px;text-align:center;margin:0;background:var(--nc-color-bg);border-radius:calc(var(--nc-radius-s) * .8);position:relative;font-size:calc(var(--nc-font-size-xlarge) * .72 * .8);font-family:var(--nc-font-pinyin-light);cursor:pointer}.pinyin-lesson-one__finals-card .pinyin-lesson-one__finals-cell[data-v-7b7131c0]:hover:not(.pinyin-lesson-one__finals-cell--blank):not(.pinyin-lesson-one__finals-cell--active){background:var(--nc-color-bg-gery)}.pinyin-lesson-one__finals-card .pinyin-lesson-one__finals-cell--blank[data-v-7b7131c0]{cursor:default;pointer-events:none}.pinyin-lesson-one__finals-card .pinyin-lesson-one__finals-cell--active[data-v-7b7131c0]{background:var(--nc-color-primary);color:var(--nc-color-white)}.pinyin-lesson-one__initials-grid[data-v-7b7131c0]{list-style:none;margin:0;padding:0;max-width:100%;display:flex;flex-wrap:wrap}.pinyin-lesson-one__initials-cell[data-v-7b7131c0]{box-sizing:border-box;width:54px;height:36px;line-height:36px;text-align:center;margin-right:calc(var(--nc-spacing-xs) * .8);margin-bottom:calc(var(--nc-spacing-xs) * .8);background:var(--nc-color-bg);border-radius:var(--nc-radius-s);position:relative;font-size:calc(var(--nc-font-size-xlarge) * .8);font-family:var(--nc-font-pinyin-light);cursor:pointer}.pinyin-lesson-one__initials-cell[data-v-7b7131c0]:hover:not(.pinyin-lesson-one__initials-cell--blank):not(.pinyin-lesson-one__initials-cell--active){background:var(--nc-color-bg-gery)}.pinyin-lesson-one__initials-cell--blank[data-v-7b7131c0]{cursor:default;pointer-events:none}.pinyin-lesson-one__initials-cell--active[data-v-7b7131c0]{background:var(--nc-color-primary);color:var(--nc-color-white)}.pinyin-lesson-one__initials-popcard[data-v-7b7131c0],.pinyin-lesson-one__finals-popcard[data-v-7b7131c0]{display:flex;justify-content:space-around;align-items:flex-start;max-width:min(90vw,320px);padding:var(--nc-spacing-xlll) var(--nc-spacing-lg);background:var(--nc-color-primary);color:var(--nc-color-white);border-radius:var(--nc-radius-mds);font-size:var(--nc-font-size-sm);cursor:default;box-shadow:var(--nc-shadow-md);box-sizing:border-box}.pinyin-lesson-one__initials-popcard-audio[data-v-7b7131c0],.pinyin-lesson-one__finals-popcard-audio[data-v-7b7131c0]{box-sizing:border-box;width:25px;height:25px;flex-shrink:0;padding:0;margin:0;border:none;border-radius:50%;background:var(--nc-color-accent-yellow);cursor:pointer;line-height:0;display:inline-flex;align-items:center;justify-content:center}.pinyin-lesson-one__initials-popcard-audio-icon[data-v-7b7131c0],.pinyin-lesson-one__finals-popcard-audio-icon[data-v-7b7131c0]{display:block;width:19px;height:19px;object-fit:contain}.pinyin-lesson-one__initials-popcard-explain[data-v-7b7131c0],.pinyin-lesson-one__finals-popcard-explain[data-v-7b7131c0]{flex:1;margin-left:var(--nc-spacing-base);font-size:var(--nc-font-size-sm);line-height:calc(var(--nc-spacing-xxll) - var(--nc-spacing-sm));text-align:left;min-width:180px;max-width:238px}.pinyin-lesson-one__initials-popcard-explain[data-v-7b7131c0] strong,.pinyin-lesson-one__finals-popcard-explain[data-v-7b7131c0] strong{font-weight:var(--nc-font-weight-semibold)}.pinyin-lesson-one__initials-popcard-explain[data-v-7b7131c0] i,.pinyin-lesson-one__finals-popcard-explain[data-v-7b7131c0] i{font-style:italic}.pinyin-lesson-one__panel[data-v-7b7131c0]{background:var(--nc-color-white);border-radius:var(--nc-radius-mds);padding:var(--nc-spacing-xl);box-shadow:var(--nc-spacing-s) var(--nc-spacing-s) var(--nc-color-accent-yellow)}.pinyin-lesson-one__popcard--readonly[data-v-7b7131c0]{pointer-events:none}.pinyin-lesson-one__panel-title[data-v-7b7131c0]{font-size:var(--nc-font-size-lg);font-weight:var(--nc-font-weight-semibold);margin:0 0 var(--nc-spacing-sm)}.pinyin-lesson-one__muted[data-v-7b7131c0]{color:var(--nc-color-text-tertiary);margin:0;line-height:1.6}.pinyin-lesson-one__tones-tabs[data-v-7b7131c0]{display:flex;justify-content:center;flex-wrap:wrap;list-style:none;margin:0 0 var(--nc-spacing-md);padding:0}.pinyin-lesson-one__tones-tabs .pinyin-lesson-one__tones-tabs-item[data-v-7b7131c0]{box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:var(--nc-font-size-sm);height:calc(var(--nc-spacing-xxll) + var(--nc-spacing-xxxs));padding:0 var(--nc-spacing-lg);margin-right:var(--nc-spacing-base);margin-bottom:var(--nc-spacing-xs);text-align:center;line-height:calc(var(--nc-spacing-xxll) + var(--nc-spacing-xxxs));background:var(--nc-color-white);border-radius:var(--nc-radius-lg);cursor:pointer}.pinyin-lesson-one__tones-tabs .pinyin-lesson-one__tones-tabs-item[data-v-7b7131c0]:last-child{margin-right:0}.pinyin-lesson-one__tones-tabs .pinyin-lesson-one__tones-tabs-item--active[data-v-7b7131c0]{background:var(--nc-color-accent-yellow);color:var(--nc-color-text-main)}.pinyin-lesson-one__tones-tabs .pinyin-lesson-one__tones-tabs-mark[data-v-7b7131c0]{width:var(--nc-spacing-lg);height:auto;max-height:calc(var(--nc-spacing-xxll) + var(--nc-spacing-xxxs) - var(--nc-spacing-xxs));display:block;object-fit:contain}.pinyin-lesson-one__tones-intro-shell[data-v-7b7131c0]{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:var(--nc-spacing-md);box-sizing:border-box;width:fit-content;max-width:100%;margin:var(--nc-spacing-regular) auto;transform:scale(.9)}.pinyin-lesson-one__tones-intro-pager-slot[data-v-7b7131c0]{flex:0 0 auto;display:flex;align-items:flex-end;min-width:calc(var(--nc-height-xxxlarge) + var(--nc-spacing-xxss))}.pinyin-lesson-one__tones-intro-pager[data-v-7b7131c0]{padding:0;border:none;background:transparent;cursor:pointer;line-height:0}.pinyin-lesson-one__tones-intro-pager img[data-v-7b7131c0]{width:calc(var(--nc-height-xxxlarge) + var(--nc-spacing-xxss));height:auto}.pinyin-lesson-one__tones-intro-pager[data-v-7b7131c0]:hover{opacity:.85}.pinyin-lesson-one__tones-intro-card[data-v-7b7131c0]{box-sizing:border-box;flex:0 0 auto;width:400px;max-width:100%;padding:calc(var(--nc-spacing-xxll) * 1.2) calc(var(--nc-spacing-xxll) * 1.5);background-color:var(--nc-color-white);border-radius:var(--nc-radius-lg);box-shadow:var(--nc-spacing-sm) var(--nc-spacing-sm) 0 var(--nc-color-accent-yellow);color:var(--nc-color-text-secondary);font-size:calc(var(--nc-font-size-lg) * .8)}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-head[data-v-7b7131c0]{line-height:1.4;font-size:calc(var(--nc-font-size-lg) * .9)}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-head[data-v-7b7131c0] strong{font-weight:var(--nc-font-weight-semibold)}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-head--stacked[data-v-7b7131c0]{text-align:center;font-size:calc(var(--nc-font-size-lg) * .9)}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-head--stacked p[data-v-7b7131c0]{margin:0 0 var(--nc-spacing-xxs)}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-head--stacked[data-v-7b7131c0] span{color:var(--nc-color-accent-yellow)}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-examples[data-v-7b7131c0]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--nc-spacing-xs);list-style:none;margin:var(--nc-spacing-md) 0 0;padding:0}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-example[data-v-7b7131c0]{box-sizing:border-box;width:100%;height:110px;padding:var(--nc-spacing-xs) var(--nc-spacing-md);border-radius:var(--nc-radius-sm);background:var(--nc-color-bg);cursor:pointer;transition:background-color var(--nc-transition-duration-base) var(--nc-transition-ease)}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-example[data-v-7b7131c0]:hover{opacity:.85}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-example p[data-v-7b7131c0]{margin:0;font-size:var(--nc-font-size-base);line-height:1.3}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-example .pinyin-lesson-one__tones-intro-example-cn[data-v-7b7131c0]{font-size:37px;font-family:var(--nc-font-zh-regular);color:var(--nc-color-text-main);transition:color var(--nc-transition-duration-base) var(--nc-transition-ease)}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-example .pinyin-lesson-one__tones-intro-example-py[data-v-7b7131c0]{font-size:var(--nc-font-size-lg);font-family:var(--nc-font-pinyin-light);transition:color var(--nc-transition-duration-base) var(--nc-transition-ease)}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-example .pinyin-lesson-one__tones-intro-example-en[data-v-7b7131c0]{font-size:10px;font-family:var(--nc-font-en-light);color:var(--nc-color-text-tertiary);transition:color var(--nc-transition-duration-base) var(--nc-transition-ease)}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-example .pinyin-lesson-one__tones-intro-example-en i[data-v-7b7131c0]{font-style:italic;transition:color var(--nc-transition-duration-base) var(--nc-transition-ease)}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-example--active[data-v-7b7131c0]{background-color:var(--nc-color-accent-yellow)}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-example--active .pinyin-lesson-one__tones-intro-example-cn[data-v-7b7131c0],.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-example--active .pinyin-lesson-one__tones-intro-example-py[data-v-7b7131c0],.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-example--active .pinyin-lesson-one__tones-intro-example-en[data-v-7b7131c0],.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-example--active .pinyin-lesson-one__tones-intro-example-en i[data-v-7b7131c0]{color:var(--nc-color-primary)}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-ma-tiles[data-v-7b7131c0]{display:flex;flex-wrap:wrap;gap:var(--nc-spacing-xxs);list-style:none;margin:var(--nc-spacing-md) 0 0;padding:0}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-ma-tiles .pinyin-lesson-one__tones-intro-ma-tiles-item[data-v-7b7131c0]{display:flex;align-items:center;justify-content:center;flex:1 1 var(--nc-spacing-xlll);padding:calc(var(--nc-spacing-md) + var(--nc-icon-size-regular) * .3) 0 var(--nc-spacing-md);border-radius:var(--nc-radius-sm);background:var(--nc-color-bg);cursor:pointer;transition:background-color var(--nc-transition-duration-base) var(--nc-transition-ease)}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-ma-tiles .pinyin-lesson-one__tones-intro-ma-tiles-item[data-v-7b7131c0]:hover{opacity:.85}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-ma-tiles .pinyin-lesson-one__tones-intro-ma-tiles-item--active[data-v-7b7131c0]{background-color:var(--nc-color-accent-yellow)}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-ma-tiles .pinyin-lesson-one__tones-intro-ma-tiles-item--active .pinyin-lesson-one__tones-intro-ma-tiles-py[data-v-7b7131c0]{color:var(--nc-color-primary)}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-ma-tiles .pinyin-lesson-one__tones-intro-ma-tiles-py[data-v-7b7131c0]{font-size:calc(var(--nc-font-size-courseware-zh-regular) * .8);font-family:var(--nc-font-pinyin-light);line-height:1.15;white-space:nowrap;transition:color var(--nc-transition-duration-base) var(--nc-transition-ease)}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-ma-tiles .pinyin-lesson-one__tones-intro-ma-tiles-a[data-v-7b7131c0]{position:relative;display:inline-block}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-ma-tiles .pinyin-lesson-one__tones-intro-ma-tiles-img[data-v-7b7131c0]{position:absolute;left:50%;bottom:100%;width:var(--nc-icon-size-regular);height:auto;transform:translate(-50%);margin-bottom:calc(var(--nc-spacing-xxs) * -.8);object-fit:contain;pointer-events:none}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-neutral-chip[data-v-7b7131c0]{margin-top:var(--nc-spacing-md);text-align:left}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-neutral-ma[data-v-7b7131c0]{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--nc-radius-sm);background:var(--nc-color-bg);color:var(--nc-color-primary);font-size:var(--nc-font-size-2xl);font-family:var(--nc-font-pinyin-light);cursor:pointer;transition:background-color var(--nc-transition-duration-base) var(--nc-transition-ease)}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-neutral-ma[data-v-7b7131c0]:hover{opacity:.85}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-neutral-ma--active[data-v-7b7131c0]{background-color:var(--nc-color-accent-yellow);font-weight:var(--nc-font-weight-semibold)}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-neutral-label[data-v-7b7131c0]{margin-left:var(--nc-spacing-sm);color:var(--nc-color-accent-yellow);font-style:normal;font-size:var(--nc-font-size-base);font-family:var(--nc-font-pinyin-light)}.pinyin-lesson-one__tones-intro-card .pinyin-lesson-one__tones-intro-table[data-v-7b7131c0]{margin-top:var(--nc-spacing-xll)}.pinyin-lesson-one__tones-detail-card[data-v-7b7131c0]{box-sizing:border-box;width:370px;max-width:100%;margin:var(--nc-spacing-regular) auto;padding:calc(var(--nc-spacing-xxll) * 1.2) calc(var(--nc-spacing-xxll) * 1.5);background-color:var(--nc-color-white);border-radius:var(--nc-radius-lg);box-shadow:var(--nc-spacing-sm) var(--nc-spacing-sm) 0 var(--nc-color-accent-yellow);color:var(--nc-color-text-secondary);font-size:calc(var(--nc-font-size-lg) * .8);display:flex;flex-direction:column;align-items:stretch}.pinyin-lesson-one__tones-detail-card--neutral .pinyin-lesson-one__tones-illus[data-v-7b7131c0],.pinyin-lesson-one__tones-detail-card--neutral .pinyin-lesson-one__tones-sound-line[data-v-7b7131c0]{display:none}.pinyin-lesson-one__tones-detail-card--neutral .pinyin-lesson-one__tones-sound-explain[data-v-7b7131c0]{margin:calc(8 * var(--nc-spacing-base)) 0 calc(8 * var(--nc-spacing-base))}.pinyin-lesson-one__tones-sound-explain[data-v-7b7131c0]{position:relative;box-sizing:border-box;flex-shrink:0;width:calc(10 * var(--nc-spacing-xs));height:calc(10 * var(--nc-spacing-xs));padding:var(--nc-spacing-base);margin-bottom:var(--nc-spacing-lg);line-height:calc(10 * var(--nc-spacing-xs));text-align:center;background:var(--nc-color-bg);border-radius:var(--nc-radius-s);font-size:var(--nc-font-size-courseware-zh-regular);font-family:var(--nc-font-pinyin-light);cursor:pointer}.pinyin-lesson-one__tones-sound-explain .pinyin-lesson-one__tones-sound-py[data-v-7b7131c0]{margin:0;line-height:60px;white-space:nowrap}.pinyin-lesson-one__tones-sound-explain .pinyin-lesson-one__tones-sound-a[data-v-7b7131c0]{position:relative;display:inline-block}.pinyin-lesson-one__tones-sound-explain .pinyin-lesson-one__tones-sound-a img[data-v-7b7131c0]{position:absolute;left:50%;bottom:100%;width:var(--nc-spacing-lg);height:auto;transform:translate(-50%);margin-bottom:calc(var(--nc-spacing-xxs) * -4);object-fit:contain;pointer-events:none}.pinyin-lesson-one__tones-sound-explain[data-v-7b7131c0]:hover{opacity:.8}.pinyin-lesson-one__tones-sound-explain .pinyin-lesson-one__tones-sound-line[data-v-7b7131c0]{position:absolute;right:23px;top:calc(-1 * var(--nc-spacing-base) + var(--nc-border-width));color:var(--nc-color-accent-gold);font-size:var(--nc-font-size-xlarge);line-height:1}.pinyin-lesson-one__tones-copy[data-v-7b7131c0]{line-height:1.5;color:var(--nc-color-text-secondary)}.pinyin-lesson-one__tones-copy h3[data-v-7b7131c0]{margin:0 0 var(--nc-spacing-xs);font-size:var(--nc-font-size-lg);font-weight:var(--nc-font-weight-semibold)}.pinyin-lesson-one__tones-copy p[data-v-7b7131c0]{font-size:calc(var(--nc-font-size-lg) * .8)}.pinyin-lesson-one__tones-copy .pinyin-lesson-one__tones-inline-mark[data-v-7b7131c0]{display:inline-block;width:18px;vertical-align:middle;margin:0 calc(var(--nc-spacing-xxs) / 2)}.pinyin-lesson-one__tones-copy .pinyin-lesson-one__tones-inline-mark--n1[data-v-7b7131c0]{margin-bottom:5px}.pinyin-lesson-one__tones-copy .pinyin-lesson-one__tones-inline-mark--n2[data-v-7b7131c0],.pinyin-lesson-one__tones-copy .pinyin-lesson-one__tones-inline-mark--n3[data-v-7b7131c0],.pinyin-lesson-one__tones-copy .pinyin-lesson-one__tones-inline-mark--n4[data-v-7b7131c0]{margin-bottom:2px}.pinyin-lesson-one__tones-illus[data-v-7b7131c0]{box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:center;margin-top:var(--nc-spacing-lg)}.pinyin-lesson-one__tones-illus img[data-v-7b7131c0]{display:inline-block;height:150px}.pinyin-lesson-one__tones-illus--fourth[data-v-7b7131c0]{margin-top:var(--nc-spacing-regular)}.pinyin-lesson-one__tones-illus--fourth img[data-v-7b7131c0]{width:184px;height:190px;max-width:100%;object-fit:contain}.pinyin-lesson-one__chart-modal[data-v-7b7131c0]{position:fixed;inset:0;z-index:var(--nc-z-modal);display:flex;align-items:center;justify-content:center;padding:var(--nc-spacing-xl);background:var(--nc-color-overlay-backdrop);box-sizing:border-box}.pinyin-lesson-one__chart-content[data-v-7b7131c0]{box-sizing:border-box;position:relative;max-width:96vw;max-height:90vh;overflow:auto;background:var(--nc-color-white);border-radius:var(--nc-radius-lg);padding:var(--nc-spacing-lg);font-size:var(--nc-font-size-xs);box-shadow:var(--nc-spacing-sm) var(--nc-spacing-sm) var(--nc-color-accent-yellow)}.pinyin-lesson-one__chart-close[data-v-7b7131c0]{position:absolute;left:calc(var(--nc-spacing-md) + var(--nc-spacing-xxs) / 2);top:calc(var(--nc-spacing-md) + var(--nc-spacing-xxs) / 2);width:calc(var(--nc-icon-size-large) + var(--nc-border-width));height:calc(var(--nc-icon-size-large) + var(--nc-border-width));cursor:pointer;z-index:var(--nc-z-dropdown)}.pinyin-lesson-one__tone-chart-tabs[data-v-7b7131c0]{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--nc-spacing-base);list-style:none;margin:0 auto var(--nc-spacing-xlll);padding:0 0 0 calc(var(--nc-spacing-xl) + var(--nc-spacing-md));color:var(--nc-color-text-main)}.pinyin-lesson-one__tone-chart-tabs .pinyin-lesson-one__tone-chart-tabs-item[data-v-7b7131c0]{display:inline-flex;align-items:center;justify-content:center;gap:var(--nc-spacing-xxs);padding:var(--nc-spacing-xxs) calc(var(--nc-spacing-md) + var(--nc-spacing-xxs) / 2);border-radius:var(--nc-radius-s);background:var(--nc-color-bg);cursor:pointer;white-space:nowrap;font-size:var(--nc-font-size-xs)}.pinyin-lesson-one__tone-chart-tabs .pinyin-lesson-one__tone-chart-tabs-item[data-v-7b7131c0]:hover{opacity:.88}.pinyin-lesson-one__tone-chart-tabs .pinyin-lesson-one__tone-chart-tabs-item--active[data-v-7b7131c0]{background:var(--nc-color-primary);color:var(--nc-color-white)}.pinyin-lesson-one__tone-chart-tabs-img[data-v-7b7131c0]{width:var(--nc-icon-size-regular);height:auto;display:inline-block}.pinyin-lesson-one__chart-wrapper[data-v-7b7131c0]{margin:0 auto;width:100%;overflow:auto;max-height:min(70vh,30 * var(--nc-spacing-xl))}.pinyin-lesson-one__chart-grid[data-v-7b7131c0]{display:grid;gap:var(--nc-border-width);width:max-content;max-width:none;font-size:var(--nc-font-size-xxs);align-items:stretch;justify-items:stretch}.pinyin-lesson-one__chart-corner[data-v-7b7131c0]{min-height:var(--nc-font-size-lg)}.pinyin-lesson-one__chart-cell--col-head[data-v-7b7131c0]{background:var(--nc-color-primary);color:var(--nc-color-white);text-align:center;padding:calc(var(--nc-spacing-xxs) / 2) var(--nc-spacing-xxs);min-height:var(--nc-font-size-lg);line-height:var(--nc-font-size-lg);border-radius:var(--nc-radius-xs);display:flex;align-items:center;justify-content:center;font-family:var(--nc-font-pinyin-light)}.pinyin-lesson-one__chart-cell--row-head[data-v-7b7131c0]{background:var(--nc-color-primary);color:var(--nc-color-white);text-align:center;padding:0 var(--nc-spacing-xxs);min-height:var(--nc-font-size-lg);line-height:var(--nc-font-size-lg);border-radius:var(--nc-radius-xs);display:flex;align-items:center;justify-content:center;font-family:var(--nc-font-pinyin-light)}.pinyin-lesson-one__chart-cell--data[data-v-7b7131c0]{text-align:center;color:var(--nc-color-text-main);cursor:pointer;min-height:var(--nc-font-size-lg);line-height:var(--nc-font-size-lg);padding:0 calc(var(--nc-spacing-xxs) - var(--nc-border-width));border-radius:var(--nc-radius-xs);display:flex;align-items:center;justify-content:center;font-family:var(--nc-font-pinyin-light)}.pinyin-lesson-one__chart-cell--data[data-v-7b7131c0]:hover{opacity:.85}.pinyin-lesson-one__chart-cell--active[data-v-7b7131c0]{background:var(--nc-color-text-main)!important;color:var(--nc-color-white)}.pinyin-lesson-one__chart-cell--blank[data-v-7b7131c0]:hover{cursor:default;opacity:1}.pinyinleft-tab[data-v-91e42fa7]{color:var(--nc-color-text-main);width:100%;min-width:calc(var(--nc-spacing-4xl) - var(--nc-spacing-xs));margin-right:var(--nc-font-size-sm)}.pinyinleft-tab__item[data-v-91e42fa7]{box-sizing:border-box;height:calc(var(--nc-spacing-xxll) + var(--nc-spacing-xxs));margin-bottom:var(--nc-font-size-sm);border-radius:var(--nc-radius-regular);line-height:calc(var(--nc-spacing-xxll) + var(--nc-spacing-xxs));text-align:center;background:var(--nc-color-white);cursor:pointer;white-space:nowrap;color:var(--nc-color-primary)}.pinyinleft-tab__item--title-tone[data-v-91e42fa7]:nth-child(odd){background:var(--nc-color-white)}.pinyinleft-tab__item--active[data-v-91e42fa7]{background:var(--nc-color-accent-yellow)!important;color:var(--nc-color-white)!important}.pinyinleft-tab__item--disabled[data-v-91e42fa7]{cursor:default}.pinyin-word-card[data-v-de2cd8eb]{width:122px;height:121px;position:relative;cursor:pointer;perspective:1000px;transform-style:preserve-3d}.pinyin-word-card--flipped .pinyin-word-card__face--front[data-v-de2cd8eb]{z-index:1;transform:rotateY(180deg);opacity:0}.pinyin-word-card--flipped .pinyin-word-card__face--back[data-v-de2cd8eb]{z-index:2;transform:rotateY(0);opacity:1}.pinyin-word-card:not(.pinyin-word-card--flipped) .pinyin-word-card__face--front[data-v-de2cd8eb]{z-index:2;transform:rotateY(0);opacity:1}.pinyin-word-card:not(.pinyin-word-card--flipped) .pinyin-word-card__face--back[data-v-de2cd8eb]{z-index:1;transform:rotateY(180deg);opacity:0}.pinyin-word-card__face[data-v-de2cd8eb]{width:100%;height:100%;box-shadow:var(--nc-spacing-s) var(--nc-spacing-s) var(--nc-color-accent-yellow);border-radius:var(--nc-radius-regular);box-sizing:border-box;backface-visibility:hidden;transition:transform .5s ease,opacity .5s ease;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.pinyin-word-card__face--front[data-v-de2cd8eb]{background:var(--nc-color-white);padding-top:var(--nc-spacing-xlll)}.pinyin-word-card__face--front.pinyin-word-card__face--tinted[data-v-de2cd8eb]{background:var(--nc-color-primary);color:var(--nc-color-white)}.pinyin-word-card__face--front.pinyin-word-card__face--tinted .pinyin-word-card__letter[data-v-de2cd8eb],.pinyin-word-card__face--front.pinyin-word-card__face--tinted .pinyin-word-card__mark[data-v-de2cd8eb]{color:var(--nc-color-white)}.pinyin-word-card__face--back[data-v-de2cd8eb]{background:var(--nc-color-primary);color:var(--nc-color-white);padding:0 var(--nc-spacing-regular)}.pinyin-word-card__audio[data-v-de2cd8eb]{position:absolute;top:var(--nc-spacing-regular);left:50%;transform:translate(-50%);pointer-events:auto}.pinyin-word-card__letter[data-v-de2cd8eb]{margin:0;font-size:var(--nc-icon-size-2xl);line-height:calc(var(--nc-icon-size-2xl) + var(--nc-spacing-base));color:var(--nc-color-text-main);font-family:var(--nc-font-pinyin-light)}.pinyin-word-card__letter--back[data-v-de2cd8eb]{font-size:calc(var(--nc-font-size-xl) + var(--nc-spacing-xxss));line-height:1.15;color:var(--nc-color-white)}.pinyin-word-card__mark[data-v-de2cd8eb]{margin:var(--nc-spacing-xs) 0 0;color:var(--nc-color-text-muted);font-size:var(--nc-font-size-base);font-family:var(--nc-font-pinyin-light)}.pinyin-word-card__explain[data-v-de2cd8eb]{margin:var(--nc-spacing-xs) 0 0;text-align:center;line-height:1em;font-size:var(--nc-font-size-xsm);font-family:var(--nc-font-en-light)}.pinyin-template-lesson[data-v-4ab1ac6c]{width:100%;box-sizing:border-box;padding:var(--nc-spacing-lg);display:flex;border-left:var(--nc-border-width) solid var(--nc-color-white)}.pinyin-template-lesson[data-v-4ab1ac6c] .pinyin-template-lesson__tile--word .pinyin-word-card__face--front .pinyin-word-card__letter{font-size:calc(var(--nc-font-size-2xl) + var(--nc-spacing-xs))!important}.pinyin-template-lesson[data-v-4ab1ac6c] .pinyin-template-lesson__tile--sentence .pinyin-word-card__face--front .pinyin-word-card__letter{font-size:calc(var(--nc-font-size-xlarge) + var(--nc-spacing-xxxs))!important;line-height:var(--nc-spacing-xxll)}.pinyin-template-lesson[data-v-4ab1ac6c] .pinyin-template-lesson__tile--sound .pinyin-word-card__face--front .pinyin-word-card__letter{font-size:var(--nc-font-size-3xl)!important}.pinyin-template-lesson[data-v-4ab1ac6c] .pinyin-template-lesson__subtabs.pinyinleft-tab .pinyinleft-tab__item{width:68px;height:42px!important;line-height:42px!important;margin-right:var(--nc-spacing-xs);font-size:var(--nc-font-size-xl)}.pinyin-template-lesson[data-v-4ab1ac6c] .pinyin-template-lesson__subtabs--finals.pinyinleft-tab .pinyinleft-tab__item--active{color:var(--nc-color-white);background:var(--nc-color-primary)}.pinyin-template-lesson[data-v-4ab1ac6c] .pinyin-template-lesson__practice-tabs.pinyinleft-tab .pinyinleft-tab__item{padding:0 var(--nc-spacing-lg);height:42px!important;line-height:42px!important;margin-right:var(--nc-spacing-base);border-radius:var(--nc-radius-pill);font-size:var(--nc-font-size-regular);font-family:var(--nc-font-en-semibold);font-weight:var(--nc-font-weight-semibold)}.pinyin-template-lesson[data-v-4ab1ac6c] .pinyin-template-lesson__final-grid .pinyin-word-card__face--front .pinyin-word-card__letter{font-size:var(--nc-font-size-3xl)!important}.pinyin-template-lesson__sidebar[data-v-4ab1ac6c]{width:92px;font-size:var(--nc-font-size-base)}.pinyin-template-lesson__main[data-v-4ab1ac6c]{flex:1;max-width:560px;margin:0 auto;box-sizing:border-box}.pinyin-template-lesson__practice-lead[data-v-4ab1ac6c]{text-align:center;margin-top:19px;margin-bottom:50px;color:var(--nc-color-primary);font-size:var(--nc-font-size-regular);font-family:var(--nc-font-en-medium);font-weight:var(--nc-font-weight-medium)}.pinyin-template-lesson__read[data-v-4ab1ac6c]{position:relative;margin-top:10px}.pinyin-template-lesson__read-popover[data-v-4ab1ac6c]{position:absolute;top:50px;right:-270px;width:299px;box-sizing:border-box;padding:29px 31px;border-radius:var(--nc-radius-mds);background-color:var(--nc-color-primary);color:var(--nc-color-white);font-size:var(--nc-font-size-sm);font-family:var(--nc-font-en-medium);font-weight:var(--nc-font-weight-medium)}.pinyin-template-lesson__read-bulb[data-v-4ab1ac6c]{cursor:pointer;position:absolute;right:-270px;top:0;width:42px;height:42px}.pinyin-template-lesson__practice-tabs[data-v-4ab1ac6c]{display:flex;flex-wrap:nowrap}.pinyin-template-lesson__subtabs[data-v-4ab1ac6c]{display:flex;flex-wrap:wrap;min-height:49px}.pinyin-template-lesson__read-lead[data-v-4ab1ac6c]{margin-top:47px;margin-bottom:52px;color:var(--nc-color-primary)}.pinyin-template-lesson__tile-grid[data-v-4ab1ac6c]{width:590px;display:flex;flex-wrap:wrap;align-content:flex-start;position:relative;min-height:600px;text-align:center}.pinyin-template-lesson__tile-grid .pinyin-template-lesson__practice-pager[data-v-4ab1ac6c]{position:absolute;bottom:0;cursor:pointer}.pinyin-template-lesson__tile-grid .pinyin-template-lesson__practice-pager--next[data-v-4ab1ac6c]{right:-50px}.pinyin-template-lesson__tile-grid .pinyin-template-lesson__practice-pager--prev[data-v-4ab1ac6c]{left:-70px}.pinyin-template-lesson__tile-grid .pinyin-template-lesson__tile--word[data-v-4ab1ac6c]{width:270px;height:124.5px;margin-right:var(--nc-spacing-md);margin-bottom:var(--nc-spacing-lg)}.pinyin-template-lesson__tile-grid .pinyin-template-lesson__tile--sound[data-v-4ab1ac6c]{width:121px;height:119px;margin-right:19px;margin-bottom:27px}.pinyin-template-lesson__tile-grid .pinyin-template-lesson__tile--read[data-v-4ab1ac6c]{height:119px;width:193px;margin-right:30px;margin-bottom:26px}.pinyin-template-lesson__practice-pane--sentences .pinyin-template-lesson__tile-grid[data-v-4ab1ac6c]{min-width:650px;display:flex;align-items:center;justify-content:center}.pinyin-template-lesson__practice-pane--sentences .pinyin-template-lesson__tile-grid .pinyin-template-lesson__tile--sentence[data-v-4ab1ac6c]{width:300px;height:200px;margin-right:var(--nc-spacing-lg);margin-bottom:25px}.pinyin-template-lesson__phoneme[data-v-4ab1ac6c]{text-align:center}.pinyin-template-lesson__phoneme-heading[data-v-4ab1ac6c]{margin-top:32px;margin-bottom:34px;color:var(--nc-color-primary);font-size:var(--nc-font-size-xl);font-family:var(--nc-font-en-medium);font-weight:var(--nc-font-weight-medium)}.pinyin-template-lesson__phoneme-panel[data-v-4ab1ac6c]{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;height:590px}.pinyin-template-lesson__phoneme-panel .pinyin-template-lesson__phoneme-heading[data-v-4ab1ac6c]{flex-shrink:0}.pinyin-template-lesson__phoneme-panel .pinyin-template-lesson__final-grid[data-v-4ab1ac6c]{flex:1 1 auto;min-height:0}.pinyin-template-lesson__phoneme-panel .pinyin-template-lesson__pager[data-v-4ab1ac6c]{position:absolute;bottom:0;width:55px;height:55px;cursor:pointer}.pinyin-template-lesson__phoneme-panel .pinyin-template-lesson__pager--next[data-v-4ab1ac6c]{right:-20px}.pinyin-template-lesson__phoneme-panel .pinyin-template-lesson__pager--prev[data-v-4ab1ac6c]{left:-85px}.pinyin-template-lesson__final-grid[data-v-4ab1ac6c]{display:flex;flex-wrap:wrap;align-content:flex-start}.pinyin-template-lesson__final-grid .pinyin-template-lesson__tile--compact[data-v-4ab1ac6c]{width:129px;height:124.5px;margin-right:14px;margin-bottom:19px}.pinyin-template-lesson__showcase[data-v-4ab1ac6c]{position:relative;box-sizing:border-box;flex:1 1 auto;min-height:0;width:100%;max-width:calc(var(--nc-spacing-4xl) * 4 + var(--nc-spacing-xl) + var(--nc-spacing-base));margin:0 auto;padding:55px;text-align:center;background:var(--nc-color-white);border-radius:var(--nc-radius-mds);box-shadow:var(--nc-spacing-base) var(--nc-spacing-base) var(--nc-color-accent-yellow);transform:scale(.8);transform-origin:top}.pinyin-template-lesson__showcase .pinyin-template-lesson__showcase-letter[data-v-4ab1ac6c]{margin-bottom:15px;font-family:var(--nc-font-pinyin-light);font-size:var(--nc-font-size-pinyin-lesson-showcase-letter);color:var(--nc-color-primary);line-height:1.1}.pinyin-template-lesson__showcase .pinyin-template-lesson__showcase-line[data-v-4ab1ac6c]{width:290px;max-width:90%;height:var(--nc-border-width);margin:0 auto;background:var(--nc-color-primary)}.pinyin-template-lesson__showcase .pinyin-template-lesson__showcase-mark[data-v-4ab1ac6c]{color:var(--nc-color-border-light);margin-bottom:42px;font-family:var(--nc-font-pinyin-light);font-size:var(--nc-font-size-pinyin-lesson-showcase-mark)}.pinyin-template-lesson__showcase .pinyin-template-lesson__showcase-explain[data-v-4ab1ac6c]{margin-top:50px;color:var(--nc-color-primary);font-size:var(--nc-font-size-pinyin-lesson-showcase-explain);font-family:var(--nc-font-en-regular);font-weight:var(--nc-font-weight-regular)}.pinyin-template-lesson__showcase .pinyin-template-lesson__showcase-audio[data-v-4ab1ac6c]{position:relative;z-index:var(--nc-z-base);display:inline-flex;margin-bottom:14px;width:55px;height:55px;min-width:55px;box-sizing:border-box}.pinyin-template-lesson__showcase .pinyin-template-lesson__showcase-audio[data-v-4ab1ac6c] img{width:55px;height:55px;object-fit:contain}.pinyin-template-lesson__showcase .pinyin-template-lesson__showcase-audio[data-v-4ab1ac6c]{transform:scale(1.25);transform-origin:center center}.pinyin-template-lesson__showcase .pinyin-template-lesson__hint-trigger[data-v-4ab1ac6c]{z-index:3;width:34px;height:34px;cursor:pointer;position:absolute;right:22px;top:21px}.pinyin-template-lesson__showcase .pinyin-template-lesson__hint-bubble[data-v-4ab1ac6c]{z-index:2;width:241px;border-radius:var(--nc-radius-mds);position:absolute;right:-10px;top:60px;text-align:left;padding:18px 27px;box-sizing:border-box;background-color:var(--nc-color-primary);color:var(--nc-color-white);font-size:var(--nc-font-size-regular);font-family:var(--nc-font-en-semibold);font-weight:var(--nc-font-weight-semibold)}.pinyin-template-lesson__type-title[data-v-4ab1ac6c]{margin:0 0 22px;color:var(--nc-color-primary);font-size:var(--nc-font-size-lg);font-family:var(--nc-font-en-semibold)}.pinyin-template-lesson__intro-top[data-v-4ab1ac6c]{margin-top:var(--nc-spacing-lg)}.pinyin-template-lesson__wordlist[data-v-4ab1ac6c]{display:flex;flex-wrap:wrap}.pinyin-template-lesson__wordlist .pinyin-template-lesson__tile--intro[data-v-4ab1ac6c]{margin-right:25px;margin-bottom:26px}.pinyin-cont-lesson[data-v-4cdff016]{box-sizing:border-box;width:100%;height:100%;min-height:400px;background:var(--nc-color-bg)}.pinyin-cont-lesson__fallback[data-v-4cdff016]{padding:var(--nc-spacing-xl);color:var(--nc-color-text-muted);text-align:center}.wb-renderer[data-v-0bca82db]{position:relative;height:100%;width:100%;min-height:0;overflow:auto;box-sizing:border-box}.wb-renderer--masked[data-v-0bca82db]{overflow:hidden}.wb-renderer--pinyin__legacy[data-v-0bca82db]{height:100%;width:100%;min-height:0}.wb-pinyin__stack[data-v-0bca82db]{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--nc-spacing-md);padding:var(--nc-spacing-xl);box-sizing:border-box}.wb-pinyin__zh[data-v-0bca82db]{font-size:clamp(20px,3.2vw,40px);line-height:1.3;font-family:var(--nc-font-zh-medium);color:var(--nc-color-text-main);text-align:center;white-space:pre-wrap}.wb-pinyin__py[data-v-0bca82db]{font-size:clamp(16px,2.2vw,24px);line-height:1.5;font-family:var(--nc-font-pinyin-light);color:var(--nc-color-primary);text-align:center;white-space:pre-wrap}.wb-pinyin__mask[data-v-0bca82db]{position:absolute;inset:0;z-index:calc(var(--nc-z-dropdown) + 1);background-color:var(--nc-color-bg);background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:auto;touch-action:none}.wb-pinyin__empty[data-v-0bca82db]{color:var(--nc-color-text-muted);font-size:var(--nc-font-size-sm);text-align:center}.video-player-wrapper[data-v-f1c8c9a6]{width:100%;height:calc(100% - (var(--nc-spacing-xxl) + var(--nc-spacing-lg) - 2px));display:flex;flex-direction:column}.video-player-wrapper--embedded[data-v-f1c8c9a6]{height:100%;min-height:0;flex:1}.video-player-wrapper--follow-only .video-container[data-v-f1c8c9a6],.video-player-wrapper--follow-only .bottom-area[data-v-f1c8c9a6]{pointer-events:none;cursor:default}.video-player-wrapper .video-container[data-v-f1c8c9a6]{flex:1;display:flex;min-height:0;justify-content:center;align-items:center;position:relative}.video-player-wrapper .video-container video[data-v-f1c8c9a6]{object-fit:cover}.video-player-wrapper .video-container .video-mask[data-v-f1c8c9a6]{position:absolute;width:calc(var(--nc-icon-size-2xl) * 2);height:calc(var(--nc-icon-size-2xl) * 2);object-fit:contain;cursor:pointer;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.video-player-wrapper .bottom-area[data-v-f1c8c9a6]{width:100%;min-height:calc(var(--nc-spacing-2xl) + var(--nc-spacing-xs) - 2px);background-color:var(--nc-color-accent-yellow);display:flex;align-items:center;justify-content:center}.video-player-wrapper .bottom-area .btn-group[data-v-f1c8c9a6]{width:100%;max-width:calc(var(--nc-spacing-xxxl) * 29 + var(--nc-spacing-xs));display:flex;align-items:center;justify-content:space-evenly}.video-player-wrapper .bottom-area .btn-group img[data-v-f1c8c9a6]{cursor:pointer;object-fit:contain}.video-player-wrapper .bottom-area .btn-group img.icon-play[data-v-f1c8c9a6]{width:35px;height:35px}.video-player-wrapper .bottom-area .btn-group img.icon-playlist-nav[data-v-f1c8c9a6]{width:calc((var(--nc-icon-size-large) + var(--nc-icon-size-xlarge)) / 2);height:calc((var(--nc-icon-size-large) + var(--nc-icon-size-xlarge)) / 2)}.video-player-wrapper .bottom-area .btn-group img.icon-playlist-nav--disabled[data-v-f1c8c9a6]{opacity:.35;cursor:not-allowed;pointer-events:none}.video-player-wrapper .bottom-area .btn-group img.icon-backtrack[data-v-f1c8c9a6]{width:calc((var(--nc-icon-size-large) + var(--nc-icon-size-xlarge)) / 2);height:calc((var(--nc-icon-size-large) + var(--nc-icon-size-xlarge)) / 2)}.video-player-wrapper .bottom-area .btn-group img.icon-volume[data-v-f1c8c9a6]{width:calc(var(--nc-icon-size-regular) - 1px);height:calc(var(--nc-icon-size-regular) - 1px)}.video-player-wrapper .bottom-area .btn-group img.icon-preload[data-v-f1c8c9a6]{width:var(--nc-icon-size-large);height:var(--nc-icon-size-large)}.video-player-wrapper .bottom-area .btn-group .force-load-btn[data-v-f1c8c9a6]{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;line-height:0}.video-player-wrapper .bottom-area .btn-group .progress[data-v-f1c8c9a6]{width:70%;display:flex;align-items:center;gap:var(--nc-spacing-sm)}.video-player-wrapper .bottom-area .btn-group .progress .progress-track[data-v-f1c8c9a6]{position:relative;flex:1;height:calc(var(--nc-spacing-xxs) + 3px);background:var(--nc-color-white);border-radius:999px;cursor:pointer;touch-action:none;transition:opacity .15s ease,transform .15s ease}.video-player-wrapper .bottom-area .btn-group .progress .progress-track[data-v-f1c8c9a6]:hover{height:calc(var(--nc-spacing-xs) + var(--nc-spacing-xxs) - 2px)}.video-player-wrapper .bottom-area .btn-group .progress .progress-fill[data-v-f1c8c9a6]{position:absolute;left:0;top:0;height:100%;background:var(--nc-color-primary);border-radius:999px}.video-player-wrapper .bottom-area .btn-group .progress .progress-text[data-v-f1c8c9a6]{font-size:var(--nc-font-size-regular);color:var(--nc-color-text-main);white-space:nowrap;font-family:var(--nc-font-en-medium)}.video-player-wrapper .bottom-area .btn-group .playback-rate[data-v-f1c8c9a6]{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--nc-font-en-medium);color:var(--nc-color-text-main);width:calc(var(--nc-spacing-xxxl) - 3px);text-align:center}.video-player-wrapper .bottom-area .btn-group .volume-control[data-v-f1c8c9a6]{position:relative;display:flex;align-items:center;justify-content:center}.video-player-wrapper .bottom-area .btn-group .volume-control[data-v-f1c8c9a6]:before{content:"";position:absolute;left:50%;bottom:100%;width:var(--nc-icon-size-2xl);height:calc(var(--nc-spacing-2xl) + var(--nc-spacing-xxxl) - 12px);transform:translate(-50%);z-index:1;pointer-events:auto}.video-player-wrapper .bottom-area .btn-group .volume-slider[data-v-f1c8c9a6]{position:absolute;left:50%;bottom:calc(100% + var(--nc-spacing-xs));width:var(--nc-height-xsmall);height:calc(var(--nc-spacing-2xl) + var(--nc-spacing-xxxl) - 12px);cursor:pointer;touch-action:none;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(-50%,var(--nc-spacing-xxs));pointer-events:none;transition:var(--nc-transition-fast);z-index:2}.video-player-wrapper .bottom-area .btn-group .volume-control:hover .volume-slider[data-v-f1c8c9a6],.video-player-wrapper .bottom-area .btn-group .volume-slider[data-v-f1c8c9a6]:hover,.video-player-wrapper .bottom-area .btn-group .volume-control.is-seeking .volume-slider[data-v-f1c8c9a6]{opacity:1;transform:translate(-50%);pointer-events:auto}.video-player-wrapper .bottom-area .btn-group .volume-track[data-v-f1c8c9a6]{position:absolute;width:var(--nc-spacing-xs);height:100%;background:var(--nc-color-border-light);border-radius:999px}.video-player-wrapper .bottom-area .btn-group .volume-fill[data-v-f1c8c9a6]{position:absolute;width:var(--nc-spacing-xs);bottom:0;background:var(--nc-color-primary);border-radius:999px}.video-player-wrapper .bottom-area .btn-group .volume-thumb[data-v-f1c8c9a6]{position:absolute;left:50%;width:calc(var(--nc-font-size-xs) + var(--nc-spacing-xxs) - 2px);height:calc(var(--nc-font-size-xs) + var(--nc-spacing-xxs) - 2px);background:var(--nc-color-primary);border-radius:50%;transform:translate(-50%,50%);box-shadow:var(--nc-shadow-md);pointer-events:none}.video-subtitles-container[data-v-3fd4644a]{display:flex;align-items:center;gap:var(--nc-spacing-lg)}.video-subtitles-container img[data-v-3fd4644a]{width:var(--nc-radius-pill);height:var(--nc-radius-pill);border-radius:100%;display:block;object-fit:contain}.video-subtitles-container .main-subtitles[data-v-3fd4644a]{padding:var(--nc-spacing-lg);border-radius:var(--nc-radius-lg);background-color:var(--nc-color-white);display:flex;flex-direction:column;gap:var(--nc-radius-2xl)}.video-subtitles-container .main-subtitles .word-list[data-v-3fd4644a]{display:flex;align-items:center;flex-wrap:wrap}.video-subtitles-container .main-subtitles .word-list .word-item[data-v-3fd4644a]{color:var(--nc-color-primary);transition:var(--nc-transition-fast);display:flex;flex-direction:column;align-items:center}.video-subtitles-container .main-subtitles .word-list .word-item[data-v-3fd4644a],.video-subtitles-container .main-subtitles .word-list .word-item[data-v-3fd4644a] *{cursor:pointer}.video-subtitles-container .main-subtitles .word-list .word-item.active[data-v-3fd4644a]{color:var(--nc-color-accent-yellow)}.video-subtitles-container .main-subtitles .word-list .word-item .text[data-v-3fd4644a]{font-size:calc(var(--nc-font-size-xl) + 14px);font-family:var(--nc-font-en-regular),var(--nc-font-zh-regular)}.video-subtitles-container .main-subtitles .word-list .word-item .pinyin[data-v-3fd4644a]{font-family:STHeitiSCPinyin-Light;font-size:var(--nc-font-size-sm)}.video-subtitles-container .main-subtitles .english[data-v-3fd4644a]{font-size:var(--nc-font-size-sm);color:var(--nc-color-text-muted);font-family:var(--nc-font-en-regular)}.wb-renderer[data-v-46208c7c]{height:100%;width:100%}.wb-renderer--masked[data-v-46208c7c]{overflow:hidden}.wb-video__stack[data-v-46208c7c]{height:100%;width:100%;min-height:0;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:stretch;box-sizing:border-box}.wb-video__frame[data-v-46208c7c]{position:relative;width:100%;max-width:min(960px,100%);height:100%;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:stretch}.wb-video__player[data-v-46208c7c]{width:100%;flex:1 1 auto;min-height:0;max-height:100%}.wb-video__subtitles[data-v-46208c7c]{position:absolute;left:var(--nc-spacing-md);right:calc(var(--nc-spacing-md) + var(--nc-icon-size-xlarge) + var(--nc-spacing-xs) + var(--nc-spacing-md));bottom:calc(var(--nc-spacing-2xl) + var(--nc-spacing-lg));z-index:2;pointer-events:none}.wb-video__subtitles[data-v-46208c7c] .video-subtitles-container{pointer-events:auto}.wb-video__font-size-controls[data-v-46208c7c]{position:absolute;right:var(--nc-spacing-md);bottom:calc(var(--nc-spacing-2xl) + var(--nc-spacing-lg));z-index:3;display:flex;flex-direction:column;gap:var(--nc-spacing-xs);pointer-events:auto}.wb-video__font-size-btn[data-v-46208c7c]{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--nc-icon-size-xlarge) + var(--nc-spacing-xs));height:calc(var(--nc-icon-size-xlarge) + var(--nc-spacing-xs));border:none;background:transparent;cursor:pointer;padding:0;transition:var(--nc-transition-fast)}.wb-video__font-size-btn img[data-v-46208c7c]{width:100%;height:100%;object-fit:contain;display:block}.wb-video__font-size-btn--disabled[data-v-46208c7c]{opacity:.45;cursor:not-allowed}.wb-video__mask[data-v-46208c7c]{position:absolute;inset:0;z-index:4;border-radius:var(--nc-radius-md);background-color:var(--nc-color-bg);background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:auto;touch-action:none}.wb-cont-row[data-v-8cdf09d7]{transition:opacity var(--nc-transition-duration-slow) var(--nc-transition-ease),box-shadow var(--nc-transition-duration-slow) var(--nc-transition-ease),transform var(--nc-transition-duration-base) var(--nc-transition-ease)}.wb-cont-row__inner[data-v-8cdf09d7]{box-sizing:border-box;padding:var(--nc-spacing-lg);display:flex;justify-content:space-between;align-items:center}.wb-cont-row__inner--word[data-v-8cdf09d7]{padding:var(--nc-spacing-xs) var(--nc-spacing-lg)}.wb-cont-row__inner--sentence[data-v-8cdf09d7]{padding:var(--nc-spacing-base) var(--nc-spacing-lg);display:flex;align-items:center}.wb-cont-row__word-wrap[data-v-8cdf09d7]{flex:1;display:flex;align-items:center;min-width:0}.wb-cont-row__left-word[data-v-8cdf09d7]{display:flex;flex-wrap:wrap;flex:1;min-width:0;align-items:flex-start;align-content:flex-start}.wb-cont-row__left-word--add-open[data-v-8cdf09d7]{align-content:flex-end}.wb-cont-row__left-word .wb-cont-row__word-key-edit-input[data-v-8cdf09d7]{width:100%;box-sizing:border-box;border:var(--nc-border-width) solid var(--nc-color-border-light);padding:calc(var(--nc-spacing-xxs) * 2.5);border-radius:var(--nc-radius-s);color:var(--nc-color-primary);outline:none;background:transparent;font-family:inherit;font-size:var(--nc-font-size-regular)}.wb-cont-row__left-sentence[data-v-8cdf09d7]{display:flex;flex-wrap:wrap;flex:1;align-items:flex-start;min-width:0}.wb-cont-row__left-sentence .wb-cont-row__sentence-edit-input[data-v-8cdf09d7]{width:100%;box-sizing:border-box;border:var(--nc-border-width) solid var(--nc-color-border-light);padding:calc(var(--nc-spacing-xxs) * 2.5);border-radius:var(--nc-radius-s);color:var(--nc-color-primary);outline:none;background:transparent;font-family:inherit;font-size:var(--nc-font-size-regular)}.wb-cont-row--teacher .wb-cont-row__left-sentence .wb-cont-row__token--single-line-column[data-v-8cdf09d7],.wb-cont-row--teacher .wb-cont-row__left-word .wb-cont-row__token--single-line-column[data-v-8cdf09d7]{align-self:center}.wb-cont-row__sentence-wrap[data-v-8cdf09d7]{flex:1;width:100%}.wb-cont-row__sentence-inner[data-v-8cdf09d7]{display:flex;align-items:center;justify-content:space-between;width:100%}.wb-cont-row__token[data-v-8cdf09d7]{cursor:pointer;transition:color .35s ease,background-color .35s ease}.wb-cont-row__token--active[data-v-8cdf09d7],.wb-cont-row__token--active .wb-cont-row__zh[data-v-8cdf09d7],.wb-cont-row__token--active .wb-cont-row__py[data-v-8cdf09d7],.wb-cont-row__token--active .wb-cont-row__en[data-v-8cdf09d7],.wb-cont-row__token--active .wb-cont-row__zh--en-only[data-v-8cdf09d7]{color:var(--nc-color-accent-yellow)}.wb-cont-row__token--teacher-word.wb-cont-row__token--active .wb-cont-row__zh-py[data-v-8cdf09d7],.wb-cont-row__token--word-row.wb-cont-row__token--active .wb-cont-row__zh-py[data-v-8cdf09d7],.wb-cont-row__token--teacher-sentence.wb-cont-row__token--active .wb-cont-row__zh-py[data-v-8cdf09d7],.wb-cont-row__token--col.wb-cont-row__token--active .wb-cont-row__zh-py[data-v-8cdf09d7]{background-color:var(--nc-color-success-bg);border-radius:var(--nc-radius-xs)}.wb-cont-row__token--active.wb-cont-row__token--grammar-l[data-v-8cdf09d7]{border-radius:0}.wb-cont-row__token--active.wb-cont-row__token--grammar-l .wb-cont-row__zh-py[data-v-8cdf09d7]{border-radius:0;border-top-left-radius:var(--nc-radius-xs);border-bottom-left-radius:var(--nc-radius-xs)}.wb-cont-row__token--active.wb-cont-row__token--grammar-r[data-v-8cdf09d7]{border-radius:0}.wb-cont-row__token--active.wb-cont-row__token--grammar-r .wb-cont-row__zh-py[data-v-8cdf09d7]{border-radius:0;border-top-right-radius:var(--nc-radius-xs);border-bottom-right-radius:var(--nc-radius-xs)}.wb-cont-row__token--active.wb-cont-row__token--grammar-mid[data-v-8cdf09d7],.wb-cont-row__token--active.wb-cont-row__token--grammar-mid .wb-cont-row__zh-py[data-v-8cdf09d7]{border-radius:0}.wb-cont-row__token--hover .wb-cont-row__zh-py[data-v-8cdf09d7]{background-color:var(--nc-color-success-bg)!important;border-radius:var(--nc-radius-xs)}.wb-cont-row__token--grammar-mid .wb-cont-row__zh-py[data-v-8cdf09d7]{background-color:var(--nc-color-success-bg)!important}.wb-cont-row__token--grammar-l .wb-cont-row__zh-py[data-v-8cdf09d7]{background-color:var(--nc-color-success-bg)!important;border-top-left-radius:var(--nc-radius-xs);border-bottom-left-radius:var(--nc-radius-xs)}.wb-cont-row__token--grammar-r .wb-cont-row__zh-py[data-v-8cdf09d7]{background-color:var(--nc-color-success-bg)!important;border-top-right-radius:var(--nc-radius-xs);border-bottom-right-radius:var(--nc-radius-xs)}.wb-cont-row__token--col[data-v-8cdf09d7],.wb-cont-row__token--teacher-word[data-v-8cdf09d7]{display:flex;flex-direction:column;align-items:center}.wb-cont-row__token--teacher-sentence[data-v-8cdf09d7]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box}.wb-cont-row__token--word-row[data-v-8cdf09d7]{display:flex;flex-direction:row;align-items:flex-start}.wb-cont-row__zh-py[data-v-8cdf09d7]{display:grid;grid-template-columns:minmax(0,max-content);grid-template-rows:auto auto;justify-items:center;row-gap:var(--nc-spacing-xxs)}.wb-cont-row__zh-py--muted[data-v-8cdf09d7]{color:var(--nc-color-text-muted)}.wb-cont-row__zh[data-v-8cdf09d7]{box-sizing:border-box;font-weight:500;font-family:var(--nc-font-zh-regular),var(--nc-font-en-regular)}.wb-cont-row__zh--en-only[data-v-8cdf09d7]{display:inline-flex;align-items:center;justify-content:center;font-weight:300;color:var(--nc-color-primary);font-family:var(--nc-font-en-regular);word-break:break-word;text-align:left}.wb-cont-row__py[data-v-8cdf09d7]{font-weight:300}.wb-cont-row__py--placeholder[data-v-8cdf09d7]{visibility:hidden}.wb-cont-row__en[data-v-8cdf09d7]{font-weight:300;margin:0 20px;font-family:var(--nc-font-en-regular)}.wb-cont-row__right[data-v-8cdf09d7]{flex-shrink:0;display:flex;align-items:center;justify-content:center}.wb-cont-row__right-sentence[data-v-8cdf09d7]{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-left:15px}.wb-cont-row__right--ai-voice[data-v-8cdf09d7]{position:relative;flex-direction:column;justify-content:center}.wb-cont-row__right-sentence.wb-cont-row__right--ai-voice[data-v-8cdf09d7]{margin-right:0}.wb-cont-row__sentence-ai[data-v-8cdf09d7]{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.wb-cont-row__sentence-ai-icon[data-v-8cdf09d7]{width:20px;height:auto;display:block;object-fit:contain}.wb-cont-row__audio-btn[data-v-8cdf09d7]{cursor:pointer;border:none;background:transparent;padding:var(--nc-spacing-xs);line-height:0;transition:opacity .25s ease,transform .25s ease}.wb-cont-row__audio-btn[data-v-8cdf09d7]:hover{opacity:.85;transform:translateY(-1px)}.wb-cont-row__audio-btn--review-yellow[data-v-8cdf09d7]{padding:0}.wb-cont-row__audio-btn--ai-legacy[data-v-8cdf09d7]{padding:5px}.wb-cont-row__audio-disc[data-v-8cdf09d7]{width:25px;height:25px;min-width:25px;box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:var(--nc-color-accent-yellow);border-radius:50%;overflow:hidden}.wb-cont-row__audio-disc img[data-v-8cdf09d7]{width:19px;height:19px;object-fit:contain;display:block}.wb-cont-row__star[data-v-8cdf09d7]{flex-shrink:0;width:25px;height:25px;margin-left:var(--nc-spacing-sm)}.wb-cont-row__star--clickable[data-v-8cdf09d7]{padding:0;border:none;background:transparent;cursor:pointer;line-height:0;transition:opacity .2s ease}.wb-cont-row__star--clickable[data-v-8cdf09d7]:hover{opacity:.88}.wb-cont-row__ai-title[data-v-8cdf09d7]{margin-left:10px;display:inline-flex;align-items:center;justify-content:center;height:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.wb-cont-row__ai-en[data-v-8cdf09d7]{position:relative;display:inline-flex;align-items:center}.wb-cont-row__ai-caret-icon[data-v-8cdf09d7]{color:var(--nc-color-accent-yellow);position:absolute;top:5px;left:-7px;font-size:var(--nc-font-size-sm)}.wb-cont-row__ai-en-badge[data-v-8cdf09d7]{background-color:var(--nc-color-accent-yellow);color:var(--nc-color-primary);padding:5px;font-size:10px;border-radius:5px;font-family:var(--nc-font-en-medium)}.wb-cont-row__ai-en-content[data-v-8cdf09d7]{min-width:50px;text-align:center;font-family:var(--nc-font-en-medium);color:var(--nc-color-primary)}.wb-cont-row__ai-en-content .ai-en-content[data-v-8cdf09d7]{min-width:40px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.wb-cont-row__ai-en-spin[data-v-8cdf09d7]{font-size:22px}.wb-cont-row__fade--in[data-v-8cdf09d7]{opacity:1}.wb-cont-row__fade--out[data-v-8cdf09d7]{opacity:0}.wb-cont-row__teacher-actions[data-v-8cdf09d7]{flex-shrink:0;display:flex;align-items:center;margin-right:calc(var(--nc-spacing-xs) + 2px);opacity:0;transition:opacity .2s ease}.wb-cont-row--teacher .wb-cont-row__inner:hover .wb-cont-row__teacher-actions[data-v-8cdf09d7],.wb-cont-row--teacher .wb-cont-row__inner--teacher-active .wb-cont-row__teacher-actions[data-v-8cdf09d7],.wb-cont-row--teacher .wb-cont-row__sentence-inner:hover .wb-cont-row__teacher-actions[data-v-8cdf09d7]{opacity:1}.wb-cont-row__teacher-icon-btn[data-v-8cdf09d7]{display:inline-flex;align-items:center;justify-content:center;width:var(--nc-icon-size-large);height:var(--nc-icon-size-large);margin:0 var(--nc-spacing-xs);padding:0;border:none;background:transparent;cursor:pointer;color:var(--nc-color-primary);line-height:0;transition:opacity .2s ease}.wb-cont-row__teacher-icon-btn[data-v-8cdf09d7]:hover{opacity:.82}.wb-cont-row__teacher-icon-svg[data-v-8cdf09d7]{display:block}.wb-cont-row__teacher-checkbox[data-v-8cdf09d7]{margin-left:var(--nc-spacing-xs)}.wb-cont-row__teacher-drag[data-v-8cdf09d7]{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--nc-spacing-md);cursor:grab;padding:var(--nc-spacing-xxs) 0;color:var(--nc-color-text-muted);transition:opacity var(--nc-transition-duration-base) var(--nc-transition-ease),transform var(--nc-transition-duration-base) var(--nc-transition-ease)}.wb-cont-row__teacher-drag[data-v-8cdf09d7]:active{cursor:grabbing;transform:translateY(var(--nc-spacing-xxs))}.wb-cont-row__teacher-drag-icon[data-v-8cdf09d7]{display:block;flex-shrink:0;width:calc(var(--nc-icon-size-regular) + var(--nc-spacing-xxs) / 2);height:calc(var(--nc-icon-size-regular) + var(--nc-spacing-xxs) / 2)}.wb-cont-row__teacher-add[data-v-8cdf09d7]{display:flex;align-items:center;flex:0 0 100%;width:100%;margin:0;align-self:flex-start}.wb-cont-row__teacher-add--word[data-v-8cdf09d7]{min-width:0}.wb-cont-row__teacher-add--sentence[data-v-8cdf09d7]{min-width:180px}.wb-cont-row__teacher-add-input[data-v-8cdf09d7]{width:100%;border:1px solid #cfcecb;padding:10px;border-radius:5px;color:#2472b3;outline:none;background:transparent}[data-v-8cdf09d7] .wb-cont-row__teacher-checkbox.el-checkbox{margin-right:0;height:auto}[data-v-8cdf09d7] .wb-cont-row__teacher-checkbox.el-checkbox .el-checkbox__inner{border-radius:4px;width:18px;height:18px}.el-popover.el-popper.wb-cont-row__popover-en{min-width:unset!important;background-color:var(--nc-color-accent-yellow)!important;border:none!important;box-shadow:none!important;color:var(--nc-color-primary);word-break:break-word;text-align:center;font-family:var(--nc-font-en-medium);font-size:var(--nc-font-size-sm);line-height:1.45;padding:10px 13px;border-radius:8px;max-width:min(360px,92vw);box-sizing:border-box}.el-popover.el-popper.wb-cont-row__popover-en .el-popper__arrow:before{background:var(--nc-color-accent-yellow)!important;border:1px solid var(--nc-color-accent-yellow)!important}.el-popover.el-popper.wb-cont-row__popover-en[data-popper-placement^=top] .el-popper__arrow:before{border-top-color:transparent!important;border-left-color:transparent!important}.el-popover.el-popper.wb-cont-row__popover-en[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent!important;border-right-color:transparent!important}.wb-word-list[data-v-7fcf54a0]{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:1200px;margin:0 auto;color:var(--nc-color-primary);box-sizing:border-box}.wb-word-list__title-sort-btn[data-v-7fcf54a0]{grid-column:1;grid-row:1/-1;justify-self:start;align-self:start;position:sticky;top:0;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:calc(var(--nc-spacing-xxs) / 2);margin:0;margin-top:calc((var(--nc-font-size-regular) * 1.4 - 25px - var(--nc-spacing-xxs)) / 2);border:none;background:transparent;cursor:pointer;border-radius:var(--nc-radius-sm);line-height:0}.wb-word-list__title-sort-btn-icon[data-v-7fcf54a0]{display:block;width:25px;height:25px;object-fit:contain}.wb-word-list__title-sort-btn-icon[data-v-7fcf54a0]:hover{opacity:.8}.wb-word-list__title[data-v-7fcf54a0]{grid-column:1;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;min-height:calc(var(--nc-font-size-regular) * 1.4);margin-bottom:var(--nc-spacing-lg);font-weight:600;font-family:var(--nc-font-en-semibold);font-size:var(--nc-font-size-regular)}.wb-word-list__title-text[data-v-7fcf54a0]{flex:1 1 auto;min-width:0;text-align:center}.wb-word-list__content[data-v-7fcf54a0]{width:100%;position:relative}.wb-word-list__word-unit[data-v-7fcf54a0]{width:100%;margin-bottom:0}.wb-word-list__word-unit[data-v-7fcf54a0]:last-child{margin-bottom:var(--nc-spacing-lg)}.wb-word-list__word-key-gap[data-v-7fcf54a0]{display:block;width:100%;box-sizing:border-box;min-height:var(--nc-spacing-lg);margin:0;padding:0;border:none;background:transparent;cursor:pointer;border-radius:var(--nc-radius-sm);flex-shrink:0}.wb-word-list__word-key-gap[data-v-7fcf54a0]:focus-visible{outline:2px solid var(--nc-color-primary);outline-offset:calc(var(--nc-spacing-xs) - 2px)}.wb-word-list__word-key-gap--placeholder[data-v-7fcf54a0]{cursor:default;pointer-events:none;visibility:hidden}.wb-word-list__block[data-v-7fcf54a0]{border-radius:var(--nc-radius-md);overflow:visible;margin-bottom:0}.wb-word-list__block[data-v-7fcf54a0]>.wb-cont-row:first-of-type .wb-cont-row__inner--word{border-top-left-radius:var(--nc-radius-md);border-top-right-radius:var(--nc-radius-md)}.wb-word-list__block[data-v-7fcf54a0]:not(:has(.wb-word-list__sentences>.wb-word-list__sentence-unit)):not(:has(>.wb-word-list__sentence-add))>.wb-cont-row:first-of-type .wb-cont-row__inner--word{border-bottom-left-radius:var(--nc-radius-md);border-bottom-right-radius:var(--nc-radius-md)}.wb-word-list__block[data-v-7fcf54a0]:not(:has(>.wb-word-list__sentence-add)) .wb-word-list__sentences>.wb-word-list__sentence-unit:last-child .wb-cont-row .wb-cont-row__inner--sentence{border-bottom-left-radius:var(--nc-radius-md);border-bottom-right-radius:var(--nc-radius-md)}.wb-word-list__block--word-deleting[data-v-7fcf54a0]{opacity:0;transform:translateY(-6px);transition:opacity var(--nc-transition-duration-base) var(--nc-transition-ease),transform var(--nc-transition-duration-base) var(--nc-transition-ease);pointer-events:none}.wb-word-list__sentences[data-v-7fcf54a0]{position:relative;display:flex;flex-direction:column;width:100%}.wb-word-list__sentences[data-v-7fcf54a0]>.wb-word-list__sentence-unit>.wb-cont-row{transition:opacity var(--nc-transition-duration-slow) var(--nc-transition-ease),box-shadow var(--nc-transition-duration-slow) var(--nc-transition-ease)}.wb-word-list__sentences[data-v-7fcf54a0]>.wb-word-list__sentence-unit>.wb-cont-row.wb-sentence-deleting{opacity:0;transform:translateY(-6px);transition:opacity var(--nc-transition-duration-base) var(--nc-transition-ease),transform var(--nc-transition-duration-base) var(--nc-transition-ease);pointer-events:none}.wb-word-list__sentence-unit[data-v-7fcf54a0]{display:flex;flex-direction:column;width:100%}.wb-word-list--student-review .wb-word-list__block[data-v-7fcf54a0]{display:flex;flex-direction:column;gap:var(--nc-spacing-xs)}.wb-word-list--student-review .wb-word-list__sentences[data-v-7fcf54a0]{gap:var(--nc-spacing-xs)}.wb-word-list--student-review .wb-word-list__block[data-v-7fcf54a0]>.wb-cont-row:first-of-type .wb-cont-row__inner--word,.wb-word-list--student-review .wb-word-list__block[data-v-7fcf54a0] .wb-word-list__sentences>.wb-word-list__sentence-unit .wb-cont-row .wb-cont-row__inner--sentence,.wb-word-list--student-review .wb-word-list__block[data-v-7fcf54a0]>.wb-word-list__sentence-add{border-radius:var(--nc-radius-md);overflow:hidden}.wb-word-list__word-add[data-v-7fcf54a0]{width:100%;box-sizing:border-box;margin-top:var(--nc-spacing-md);background-color:var(--nc-color-white);padding:var(--nc-spacing-lg);text-align:center;border-radius:var(--nc-radius-md)}.wb-word-list__word-add--inline[data-v-7fcf54a0]{margin-top:var(--nc-spacing-md)}.wb-word-list__word-add--top[data-v-7fcf54a0]{margin-bottom:var(--nc-spacing-md)}.wb-word-list__word-add-edit[data-v-7fcf54a0]{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;gap:var(--nc-spacing-md)}.wb-word-list__word-add-edit-main[data-v-7fcf54a0]{flex:1;min-width:0}.wb-word-list__word-add-edit-actions[data-v-7fcf54a0]{display:flex;flex-shrink:0;align-items:center}.wb-word-list__word-add-trigger[data-v-7fcf54a0]{display:inline-flex;align-items:center;justify-content:center;margin:0 auto;padding:0;border:none;background:transparent;cursor:pointer;line-height:0;border-radius:var(--nc-radius-sm)}.wb-word-list__word-add-trigger[data-v-7fcf54a0]:hover{opacity:.85}.wb-word-list__word-add-trigger-img[data-v-7fcf54a0]{width:var(--nc-font-size-base);height:var(--nc-font-size-base);vertical-align:middle}.wb-word-list__word-input[data-v-7fcf54a0]{width:100%;box-sizing:border-box;border:var(--nc-border-width) solid var(--nc-color-border-light);padding:calc(var(--nc-spacing-xxs) * 2.5);border-radius:var(--nc-radius-s);color:var(--nc-color-primary);outline:none;background:transparent;font-family:inherit;font-size:var(--nc-font-size-regular)}.wb-word-list__sentence-add[data-v-7fcf54a0]{display:flex;align-items:center;justify-content:space-between;gap:var(--nc-spacing-md);box-sizing:border-box;width:100%;padding:calc(var(--nc-spacing-xxs) * 2.5) var(--nc-spacing-lg);border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--nc-radius-md);border-bottom-right-radius:var(--nc-radius-md);margin-top:0;background-color:color-mix(in srgb,var(--nc-color-white) 35%,transparent)}.wb-word-list__sentence-add--inline[data-v-7fcf54a0]{border-radius:0;margin-top:0}.wb-word-list__sentence-add-left[data-v-7fcf54a0]{flex:1;min-width:0}.wb-word-list__sentence-add-right[data-v-7fcf54a0]{display:flex;flex-shrink:0;align-items:center}.wb-word-list__batch-del[data-v-7fcf54a0]{display:flex;align-items:center;justify-content:flex-end;gap:var(--nc-spacing-sm);margin:var(--nc-spacing-xs) 0 var(--nc-spacing-md)}.wb-word-list__batch-del[data-v-7fcf54a0] .el-checkbox__inner{border-radius:4px;width:18px;height:18px}.wb-word-list__batch-del--placeholder[data-v-7fcf54a0]{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.wb-word-list__batch-del--placeholder[data-v-7fcf54a0] *{pointer-events:none!important}.wb-word-list__word-add--placeholder[data-v-7fcf54a0]{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.wb-word-list__word-add--placeholder[data-v-7fcf54a0] *{pointer-events:none!important}.wb-word-list__batch-del-btn[data-v-7fcf54a0]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--nc-color-primary);cursor:pointer;padding:0;border-radius:var(--nc-radius-sm)}.wb-word-list__batch-del-btn[data-v-7fcf54a0]:disabled{opacity:.4;cursor:not-allowed}.wb-word-list__batch-del-btn[data-v-7fcf54a0]:not(:disabled):hover{opacity:.85}.wb-word-list__batch-del-btn .wb-word-list__batch-del--grey[data-v-7fcf54a0]{width:24px;height:24px}.el-checkbox__inner{background-color:transparent!important;width:15px!important;height:15px!important}.wb-word-list__batch-del-icon[data-v-7fcf54a0]{display:block}.wb-word-list__teacher-icon-btn[data-v-7fcf54a0]{display:inline-flex;align-items:center;justify-content:center;width:var(--nc-icon-size-large);height:var(--nc-icon-size-large);margin:0 var(--nc-spacing-xs);padding:0;border:none;background:transparent;color:var(--nc-color-primary);cursor:pointer;line-height:0}.wb-word-list__teacher-icon-svg[data-v-7fcf54a0]{display:block}[data-v-7fcf54a0] .sortable-ghost{opacity:.5;color:var(--nc-color-primary)}[data-v-7fcf54a0] .sortable-ghost .wb-cont-row__zh,[data-v-7fcf54a0] .sortable-ghost .wb-cont-row__py,[data-v-7fcf54a0] .sortable-ghost .wb-cont-row__en{color:var(--nc-color-primary)}[data-v-7fcf54a0] .sortable-drag{opacity:.92;color:var(--nc-color-primary)}[data-v-7fcf54a0] .sortable-drag .wb-cont-row__zh,[data-v-7fcf54a0] .sortable-drag .wb-cont-row__py,[data-v-7fcf54a0] .sortable-drag .wb-cont-row__en{color:var(--nc-color-primary)}.wb-sentence-add-enter-active[data-v-7fcf54a0]{transition:opacity var(--nc-transition-duration-slow) var(--nc-transition-ease),transform var(--nc-transition-duration-slow) var(--nc-transition-ease)}.wb-sentence-add-leave-active[data-v-7fcf54a0]{transition:opacity var(--nc-transition-duration-base) var(--nc-transition-ease),transform var(--nc-transition-duration-base) var(--nc-transition-ease)}.wb-sentence-add-enter-from[data-v-7fcf54a0]{opacity:0;transform:translateY(calc(-1 * var(--nc-spacing-sm)));transform-origin:center top}.wb-sentence-add-leave-to[data-v-7fcf54a0]{opacity:0;transform:translateY(calc(-1 * var(--nc-spacing-xxs)));transform-origin:center top}.wb-word-list__sortable-fallback,.wb-word-list__sortable-fallback .wb-cont-row__zh,.wb-word-list__sortable-fallback .wb-cont-row__py,.wb-word-list__sortable-fallback .wb-cont-row__en{color:var(--nc-color-primary)}.wb-word-list__sortable-fallback .wb-cont-row__zh-py--muted .wb-cont-row__zh,.wb-word-list__sortable-fallback .wb-cont-row__zh-py--muted .wb-cont-row__py,.wb-word-list__sortable-fallback .wb-cont-row__zh-py--muted .wb-cont-row__en{color:var(--nc-color-text-muted)}.wb-renderer[data-v-4735d461]{height:100%;width:100%;position:relative;background:var(--nc-color-bg);overflow:auto;box-sizing:border-box;padding:var(--nc-spacing-xl)}.wb-renderer--masked[data-v-4735d461]{overflow:hidden}.wb-whiteboard__empty[data-v-4735d461]{height:100%;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--nc-spacing-md);text-align:center}.wb-whiteboard__hint[data-v-4735d461]{font-size:var(--nc-font-size-sm);color:var(--nc-color-text-muted)}.wb-whiteboard__title-fallback[data-v-4735d461]{font-family:var(--nc-font-en-semibold);color:var(--nc-color-primary);font-size:var(--nc-font-size-md)}.wb-whiteboard__debug[data-v-4735d461]{font-size:var(--nc-font-size-xs);color:var(--nc-color-text-muted);max-width:70%}.wb-whiteboard__mask[data-v-4735d461]{position:absolute;inset:0;z-index:calc(var(--nc-z-dropdown) + 1);background-color:var(--nc-color-bg);background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:auto;touch-action:none}.wb-standard-character-tab-switcher[data-v-1ad37258]{color:var(--nc-color-text-main);width:100%;display:flex;box-sizing:border-box}.wb-standard-character-tab-switcher__pop-card[data-v-1ad37258]{width:500px;z-index:var(--nc-z-dropdown);white-space:pre-wrap;line-height:var(--nc-spacing-lg);border-radius:var(--nc-radius-mds);color:var(--nc-color-primary);background-color:var(--nc-color-white);position:absolute;left:var(--nc-spacing-lg);top:50px;text-align:left;padding:var(--nc-spacing-xlll);box-sizing:border-box}.wb-standard-character-tab-switcher__item[data-v-1ad37258]{text-align:center;background:var(--nc-color-white);cursor:pointer;white-space:nowrap}.wb-standard-character-tab-switcher__icon-puzzle[data-v-1ad37258]{width:25px;padding-top:var(--nc-spacing-xs)}.wb-standard-character-tab-switcher__item--active[data-v-1ad37258],.wb-standard-character-tab-switcher__item[data-v-1ad37258]:hover{opacity:.9}.wb-standard-character-tab-switcher__tip-item[data-v-1ad37258]{background-color:transparent;position:relative}.wb-standard-character-tab-switcher__tip-item .wb-standard-character-tab-switcher__tip-trigger[data-v-1ad37258]{width:35px;height:35px;cursor:pointer;position:relative;margin:auto}.wb-standard-character-tab-switcher__tip-item .wb-standard-character-tab-switcher__tip-trigger[data-v-1ad37258]:hover{opacity:.7}.wb-standard-character-tab-switcher--side[data-v-1ad37258]{width:92px;flex-direction:column;gap:calc(var(--nc-spacing-md) - 2px)}.wb-standard-character-tab-switcher--side .wb-standard-character-tab-switcher__item[data-v-1ad37258]{height:44px;border-radius:var(--nc-font-size-sm);line-height:44px;padding:0 var(--nc-spacing-base)}.wb-standard-character-tab-switcher--side .wb-standard-character-tab-switcher__item--active[data-v-1ad37258],.wb-standard-character-tab-switcher--side .wb-standard-character-tab-switcher__item[data-v-1ad37258]:not(.wb-standard-character-tab-switcher__tip-item):hover{background:var(--nc-color-accent-yellow);opacity:1}.wb-standard-character-tab-switcher--top[data-v-1ad37258]{flex-wrap:wrap;min-height:calc(var(--nc-spacing-xxll) + var(--nc-spacing-s));gap:calc(var(--nc-spacing-md) - 2px);margin-bottom:calc(var(--nc-spacing-regular) * 2)}.wb-standard-character-tab-switcher--top .wb-standard-character-tab-switcher__item[data-v-1ad37258]{height:calc(var(--nc-spacing-xxll) + var(--nc-spacing-xxs) / 2);line-height:calc(var(--nc-spacing-xxll) + var(--nc-spacing-xxs) / 2);border-radius:var(--nc-radius-pill);padding:0 var(--nc-spacing-xlll);font-size:var(--nc-font-size-regular);font-weight:600}@media screen and (max-width:1300px){.wb-standard-character-tab-switcher--top .wb-standard-character-tab-switcher__item[data-v-1ad37258]{padding:0 var(--nc-spacing-base);font-size:var(--nc-font-size-sm)}}.wb-standard-character-tab-switcher--top .wb-standard-character-tab-switcher__item--active[data-v-1ad37258]{background:var(--nc-color-accent-yellow);opacity:1}.wb-standard-character-tab-switcher--top .wb-standard-character-tab-switcher__tip-item[data-v-1ad37258],.wb-standard-character-tab-switcher--top .wb-standard-character-tab-switcher__pop-card[data-v-1ad37258]{display:none}.wb-standard-character-tab-switcher--disabled .wb-standard-character-tab-switcher__item[data-v-1ad37258],.wb-standard-character-tab-switcher--disabled .wb-standard-character-tab-switcher__tip-trigger[data-v-1ad37258]{cursor:default;pointer-events:none}.wb-renderer[data-v-f6319e05]{height:100%;width:100%;position:relative}.wb-renderer--masked[data-v-f6319e05]{overflow:hidden}.wb-standard-character-root[data-v-f6319e05]{box-sizing:border-box;width:100%;height:100%;min-height:0;background:var(--nc-color-bg)}.wb-standard-character-root__empty[data-v-f6319e05]{display:flex;align-items:center;justify-content:center;height:100%;color:var(--nc-color-text-muted);font-size:var(--nc-font-size-sm)}.wb-standard-character-root__mask[data-v-f6319e05]{position:absolute;inset:0;z-index:var(--nc-z-dropdown);background-color:var(--nc-color-bg);background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:auto;touch-action:none}.wb-standard-character-lesson__click-hint[data-v-f6319e05]{display:block;position:relative;z-index:1;font-size:var(--nc-font-size-xsm);color:var(--nc-color-text-main);text-align:center;padding-bottom:var(--nc-spacing-lg)}.wb-standard-character-lesson__card--recto[data-v-f6319e05]:hover{cursor:pointer}[data-v-f6319e05] .wb-standard-character-lesson__card-flip{position:relative;width:100%;max-width:100%;min-height:calc(var(--nc-spacing-xxll) * 11);transform-style:preserve-3d;transition:transform .42s ease}[data-v-f6319e05] .wb-standard-character-lesson__card-flip--flipped{transform:rotateY(180deg)}.wb-standard-character-lesson__cursor--normal[data-v-f6319e05]{cursor:default}.wb-standard-character-lesson__text-word[data-v-f6319e05],.wb-standard-character-lesson__text-phrase[data-v-f6319e05]{font-size:var(--nc-font-size-courseware-zh-regular)}.wb-standard-character-lesson__text-statement[data-v-f6319e05]{font-size:var(--nc-font-size-lg)}.wb-standard-character-lesson__text-character[data-v-f6319e05]{font-size:calc(var(--nc-spacing-xxll) * 4);font-weight:600}.wb-standard-character-lesson__text-pinyin[data-v-f6319e05]{font-size:var(--nc-font-size-xsm)}.wb-standard-character-lesson__text-origin[data-v-f6319e05]{font-size:var(--nc-spacing-lgx)}.wb-standard-character-lesson__text-en[data-v-f6319e05]{font-size:calc(var(--nc-font-size-lg) + 3px);font-family:var(--nc-font-en-regular)}.wb-standard-character-lesson__panel[data-v-f6319e05]{padding:var(--nc-spacing-regular)}.wb-standard-character-lesson__text[data-v-f6319e05]{margin-bottom:5px}.wb-standard-character-lesson__text-meta[data-v-f6319e05]{margin-bottom:var(--nc-spacing-regular);color:inherit;margin:calc(var(--nc-spacing-lg) * -1) 0 var(--nc-spacing-xlll) 0}.wb-standard-character-lesson__text-translation[data-v-f6319e05]{margin-top:var(--nc-spacing-regular)}.wb-standard-character-lesson__section-summary[data-v-f6319e05]{text-align:center;margin-top:var(--nc-spacing-lgx);margin-bottom:var(--nc-spacing-lg)}.wb-standard-character-lesson__card-surface[data-v-f6319e05]{width:auto;margin:auto;position:relative;text-align:center;padding:calc(var(--nc-spacing-xxll) + var(--nc-spacing-regular));background:var(--nc-color-white);border-radius:var(--nc-radius-regular);box-shadow:var(--nc-spacing-base) var(--nc-spacing-base) var(--nc-color-accent-yellow);max-width:100%}.wb-standard-character-lesson__card-surface--square[data-v-f6319e05]{width:min(var(--nc-spacing-xxll) * 10,100%);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.wb-standard-character-lesson__stroke-stage[data-v-f6319e05]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.wb-standard-character-lesson__stroke-stage img[data-v-f6319e05]{width:100%;max-width:100%;height:auto;object-fit:contain}[data-v-f6319e05] .wb-standard-character-lesson__flip-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}[data-v-f6319e05] .wb-standard-character-lesson__flip-face--front img{width:100%;max-width:100%;height:auto;object-fit:contain}[data-v-f6319e05] .wb-standard-character-lesson__flip-face--back{transform:rotateY(180deg)}[data-v-f6319e05] .wb-standard-character-lesson__card-verso{width:100%;max-width:calc(var(--nc-spacing-xxll) * 8);margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}[data-v-f6319e05] .wb-standard-character-lesson__card-shadow img{margin:0}[data-v-f6319e05] .wb-standard-character-lesson__line--primary{width:100%;height:.5px;margin:var(--nc-spacing-lg) auto}[data-v-f6319e05] .practice-wordscard .card.positive .letter{font-size:var(--nc-spacing-xlll)!important;top:calc(var(--nc-spacing-xxll) + var(--nc-spacing-regular))}[data-v-f6319e05] .practice-sentencescard .card.positive .letter{width:calc(var(--nc-spacing-xxll) * 6);left:var(--nc-spacing-xxll);font-size:var(--nc-font-size-xxl)!important;top:calc(var(--nc-spacing-xxll) + var(--nc-spacing-regular));line-height:var(--nc-spacing-xxll)}[data-v-f6319e05] .practice-word-card .card.positive .letter{font-size:var(--nc-font-size-3xl)!important;top:calc(var(--nc-spacing-xxll) + var(--nc-spacing-base))}[data-v-f6319e05] .sec .card.positive .letter{font-size:var(--nc-font-size-3xl)!important}.wb-standard-character-lesson .wb-standard-character-lesson__line--primary[data-v-f6319e05]{background-color:var(--nc-color-primary)}.wb-standard-character-lesson .wb-standard-character-lesson__mark--primary[data-v-f6319e05]{color:inherit}.wb-standard-character-lesson[data-v-f6319e05]{width:100%;height:100%;min-height:0;box-sizing:border-box;padding:var(--nc-spacing-lg);display:flex;gap:var(--nc-spacing-regular);overflow-y:auto;overflow-x:hidden}.wb-standard-character-lesson .wb-standard-character-lesson__card-surface[data-v-f6319e05]{color:var(--nc-color-text-main)}.wb-standard-character-lesson .wb-standard-character-lesson__phrase-list[data-v-f6319e05]{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.wb-standard-character-lesson .wb-standard-character-lesson__phrase-card[data-v-f6319e05]{margin-bottom:var(--nc-spacing-regular);width:100%;position:relative;display:flex;align-items:flex-start;justify-content:space-between;border-radius:var(--nc-radius-regular);max-width:none;max-height:none;transform:none}.wb-standard-character-lesson .wb-standard-character-lesson__phrase-card .wb-standard-character-lesson__words[data-v-f6319e05]{flex:1;text-align:left}.wb-standard-character-lesson .wb-standard-character-lesson__phrase-card .wb-standard-character-lesson__words .wb-standard-character-lesson__text[data-v-f6319e05]{padding:var(--nc-spacing-regular) var(--nc-spacing-lg) 0}.wb-standard-character-lesson .wb-standard-character-lesson__phrase-card .wb-standard-character-lesson__words .wb-standard-character-lesson__text-meta[data-v-f6319e05],.wb-standard-character-lesson .wb-standard-character-lesson__phrase-card .wb-standard-character-lesson__words .wb-standard-character-lesson__text-translation[data-v-f6319e05]{padding:0 var(--nc-spacing-lg) 5px var(--nc-spacing-lg);margin:0;background:transparent;border-radius:0}.wb-standard-character-lesson .wb-standard-character-lesson__phrase-card .wb-standard-character-lesson__words .wb-standard-character-lesson__text-meta[data-v-f6319e05]{margin-bottom:var(--nc-spacing-xs)}.wb-standard-character-lesson .wb-standard-character-lesson__phrase-card .wb-standard-character-lesson__phrase-icons[data-v-f6319e05]{position:static;display:flex;align-items:flex-start;justify-content:flex-end;gap:var(--nc-spacing-base);margin-top:var(--nc-spacing-regular);margin-left:var(--nc-spacing-base);flex-shrink:0}.wb-standard-character-lesson .wb-standard-character-lesson__phrase-card .wb-standard-character-lesson__phrase-tools[data-v-f6319e05]{display:flex;padding:0;gap:var(--nc-spacing-base)}.wb-standard-character-lesson .wb-standard-character-lesson__phrase-card .wb-standard-character-lesson__phrase-tools .kg_py[data-v-f6319e05],.wb-standard-character-lesson .wb-standard-character-lesson__phrase-card .wb-standard-character-lesson__phrase-tools .kg_eng[data-v-f6319e05]{padding:0 calc(var(--nc-spacing-xs) / 3)}.wb-standard-character-lesson .wb-standard-character-lesson__phrase-card .wb-standard-character-lesson__phrase-tools .wb-standard-character-lesson__tool-btn--en[data-v-f6319e05],.wb-standard-character-lesson .wb-standard-character-lesson__phrase-card .wb-standard-character-lesson__phrase-tools .wb-standard-character-lesson__tool-btn--py[data-v-f6319e05]{width:30px;height:30px;padding:0;border:none;background:transparent;cursor:pointer}.wb-standard-character-lesson .wb-standard-character-lesson__phrase-card .wb-standard-character-lesson__phrase-tools .wb-standard-character-lesson__tool-btn--en img[data-v-f6319e05],.wb-standard-character-lesson .wb-standard-character-lesson__phrase-card .wb-standard-character-lesson__phrase-tools .wb-standard-character-lesson__tool-btn--py img[data-v-f6319e05]{width:100%;height:100%;display:block}.wb-standard-character-lesson .wb-standard-character-lesson__phrase-card .wb-standard-character-lesson__phrase-tools .wb-standard-character-lesson__tool-btn--en[data-v-f6319e05]:hover,.wb-standard-character-lesson .wb-standard-character-lesson__phrase-card .wb-standard-character-lesson__phrase-tools .wb-standard-character-lesson__tool-btn--py[data-v-f6319e05]:hover,.wb-standard-character-lesson .wb-standard-character-lesson__phrase-card .kg_playAudio[data-v-f6319e05]:hover{opacity:.8}.wb-standard-character-lesson .wb-standard-character-lesson__phrase-card .wb-standard-character-lesson__audio-btn[data-v-f6319e05]{width:30px;height:30px;margin:0}.wb-standard-character-lesson .wb-standard-character-lesson__phrase-card[data-v-f6319e05]{display:flex;margin-left:auto;padding:var(--nc-spacing-regular)}.wb-standard-character-lesson__answer-item[data-v-f6319e05]{display:none}.wb-standard-character-lesson__answer-list[data-v-f6319e05]{background-color:var(--nc-color-white);min-height:var(--nc-layout-sidebar-collapsed-width);border-radius:var(--nc-spacing-regular);width:100%;display:flex;font-size:var(--nc-font-size-2xl);justify-content:space-around;align-items:center}.wb-standard-character-lesson__word-list--puzzle[data-v-f6319e05]{width:calc(var(--nc-spacing-xxll) * 10 + var(--nc-spacing-base))!important;justify-content:center!important;margin:auto!important}.wb-standard-character-lesson__card--puzzle[data-v-f6319e05]{padding:var(--nc-spacing-lg);height:auto;margin:var(--nc-spacing-regular);max-width:none;max-height:none;box-shadow:var(--nc-spacing-base) var(--nc-spacing-base) var(--nc-color-accent-yellow);transform:none}.wb-standard-character-lesson__card--puzzle[data-v-f6319e05]:hover{opacity:.8;cursor:pointer}.wb-standard-character-lesson__card--words[data-v-f6319e05]{padding:calc(var(--nc-spacing-xl) + var(--nc-spacing-xxs) / 4) calc(var(--nc-spacing-xxll) + var(--nc-spacing-lg));height:auto;margin:var(--nc-font-size-sm);margin-top:0;max-width:none;max-height:none;box-shadow:var(--nc-spacing-base) var(--nc-spacing-base) var(--nc-color-accent-yellow);flex:calc(var(--nc-spacing-xxll) * 5) 1 1;cursor:pointer;transform:none}.wb-standard-character-lesson__card--words .wb-standard-character-lesson__text-translation[data-v-f6319e05]{margin-top:var(--nc-spacing-base)}.wb-standard-character-lesson__card--words .wb-standard-character-lesson__audio-btn[data-v-f6319e05]{margin-left:auto;margin-right:auto;width:var(--nc-height-xlarge)}.wb-standard-character-lesson__card--words .wb-standard-character-lesson__audio-btn[data-v-f6319e05] .animate-audio{width:100%;height:100%}.wb-standard-character-lesson__card--words .wb-standard-character-lesson__audio-btn[data-v-f6319e05] .animate-audio img{width:100%;height:100%;display:block}.wb-standard-character-lesson__card--words .wb-standard-character-lesson__audio-btn--disabled[data-v-f6319e05]{pointer-events:none;opacity:.7}.wb-standard-character-lesson__cursor--normal[data-v-f6319e05]{padding:calc(var(--nc-spacing-xxll) * 1)}.wb-standard-character-lesson__content[data-v-f6319e05]{flex:1;max-width:calc(var(--nc-spacing-xxll) * 14);margin:0 auto;box-sizing:border-box}.wb-standard-character-lesson__content .read[data-v-f6319e05]{position:relative;margin-top:var(--nc-spacing-base)}.wb-standard-character-lesson__content .read .bulbtip[data-v-f6319e05]{position:absolute;top:calc(var(--nc-spacing-xxll) + var(--nc-spacing-base));right:calc(var(--nc-spacing-xxll) * -6 - var(--nc-spacing-lg) + var(--nc-spacing-xxs) / 2);width:calc(var(--nc-spacing-xxll) * 7 + var(--nc-spacing-xl) + var(--nc-spacing-xxs) - 1px);box-sizing:border-box;padding:calc(var(--nc-spacing-xlll) - 1px) calc(var(--nc-spacing-xlll) + 1px);border-radius:var(--nc-radius-mds)}.wb-standard-character-lesson__content .read .bulbs[data-v-f6319e05]{cursor:pointer;position:absolute;right:calc(var(--nc-spacing-xxll) * -6 - var(--nc-spacing-lg) + var(--nc-spacing-xxs) / 2);top:0;width:calc(var(--nc-spacing-xl) + var(--nc-spacing-lg) - var(--nc-spacing-xxs) / 2);height:calc(var(--nc-spacing-xl) + var(--nc-spacing-lg) - var(--nc-spacing-xxs) / 2)}.wb-standard-character-lesson__content .state[data-v-f6319e05]{margin-top:calc(var(--nc-spacing-xxll) + var(--nc-spacing-s) + var(--nc-spacing-xxs) / 4);margin-bottom:calc(var(--nc-spacing-xxll) + var(--nc-spacing-sm) + var(--nc-spacing-base))}.wb-standard-character-lesson__content .wb-standard-character-lesson__word-list[data-v-f6319e05]{width:calc(var(--nc-spacing-xxll) * 14 + var(--nc-spacing-xl) + var(--nc-spacing-base));display:flex;flex-wrap:wrap;align-content:flex-start;position:relative;max-height:calc(var(--nc-spacing-xxll) * 15);text-align:center;margin:0 auto;align-items:center;justify-content:space-evenly;gap:var(--nc-spacing-lg) var(--nc-spacing-base)}.wb-standard-character-lesson__content .wb-standard-character-lesson__word-list .practiceBtn[data-v-f6319e05]{position:absolute;bottom:0;cursor:pointer}.wb-standard-character-lesson__content .wb-standard-character-lesson__word-list .next[data-v-f6319e05]{right:calc(var(--nc-spacing-xxll) * -1 - var(--nc-spacing-base))}.wb-standard-character-lesson__content .wb-standard-character-lesson__word-list .last[data-v-f6319e05]{left:calc(var(--nc-spacing-xxll) * -1 - var(--nc-spacing-xlll) + var(--nc-spacing-xxs) / 2)}.wb-standard-character-lesson__content .wb-standard-character-lesson__word-list .practice-wordscard[data-v-f6319e05]{width:calc(var(--nc-spacing-xxll) * 6 + var(--nc-spacing-regular));height:calc(var(--nc-layout-sidebar-collapsed-width) + var(--nc-spacing-xl) + var(--nc-spacing-xs) / 2 + .5px);margin-right:var(--nc-font-size-regular);margin-bottom:var(--nc-spacing-lg)}.wb-standard-character-lesson__content .wb-standard-character-lesson__word-list .practice-word-card[data-v-f6319e05]{width:calc(var(--nc-layout-sidebar-collapsed-width) + var(--nc-spacing-lg) + 1px);height:calc(var(--nc-layout-sidebar-collapsed-width) + var(--nc-spacing-lg) - 1px);margin-right:var(--nc-spacing-lgx);margin-bottom:calc(var(--nc-spacing-xl) + var(--nc-spacing-s) - var(--nc-spacing-xxs) / 4)}.wb-standard-character-lesson__content .wb-standard-character-lesson__word-list .word-card[data-v-f6319e05]{height:calc(var(--nc-layout-sidebar-collapsed-width) + var(--nc-spacing-xxll) + var(--nc-spacing-xl));width:calc(var(--nc-layout-sidebar-collapsed-width) + var(--nc-spacing-lg) + var(--nc-spacing-xxs) - 1px);margin-right:var(--nc-spacing-xlll);margin-bottom:calc(var(--nc-spacing-xl) + var(--nc-spacing-s) - var(--nc-spacing-xxs) / 2)}.wb-standard-character-lesson__content .practice .sentences .practice-sentencescard[data-v-f6319e05]{width:calc(var(--nc-spacing-xxll) * 7 + var(--nc-spacing-xl) + var(--nc-spacing-xxs));height:calc(var(--nc-spacing-xxll) * 5);margin-right:var(--nc-spacing-lg);margin-bottom:calc(var(--nc-spacing-xl) + var(--nc-spacing-s) - var(--nc-spacing-xxs) / 4)}.wb-standard-character-lesson__content .wb-standard-character-lesson__main .type-card[data-v-f6319e05]{margin-top:var(--nc-spacing-xxl);margin-bottom:calc(var(--nc-spacing-xxl) + var(--nc-spacing-xxs) / 2)}.wb-standard-character-lesson__content .wb-standard-character-lesson__main .wb-standard-character-lesson__slide-content[data-v-f6319e05]{position:relative;height:auto;min-height:fit-content;padding-bottom:var(--nc-spacing-xxll)}.wb-standard-character-lesson__content .wb-standard-character-lesson__main .wb-standard-character-lesson__slide-content .pagebtn[data-v-f6319e05]{position:absolute;bottom:0;width:calc(var(--nc-spacing-xxll) + var(--nc-spacing-regular));height:calc(var(--nc-spacing-xxll) + var(--nc-spacing-regular));cursor:pointer}.wb-standard-character-lesson__content .wb-standard-character-lesson__main .wb-standard-character-lesson__slide-content .next[data-v-f6319e05]{right:calc(var(--nc-spacing-lg) * -1)}.wb-standard-character-lesson__content .wb-standard-character-lesson__main .wb-standard-character-lesson__slide-content .last[data-v-f6319e05]{left:calc(var(--nc-spacing-xxll) * -2 - var(--nc-spacing-xs) / 2 - var(--nc-spacing-xxs) / 4)}.wb-standard-character-lesson__content .wb-standard-character-lesson__main .wb-standard-character-lesson__slide-content .sec[data-v-f6319e05]{display:flex;flex-wrap:wrap;align-content:flex-start}.wb-standard-character-lesson__content .wb-standard-character-lesson__main .wb-standard-character-lesson__slide-content .sec .word-card[data-v-f6319e05]{width:calc(var(--nc-layout-sidebar-collapsed-width) + var(--nc-spacing-xll) - var(--nc-spacing-s) / 2);height:calc(var(--nc-layout-sidebar-collapsed-width) + var(--nc-spacing-xl) + var(--nc-spacing-xs) / 2 + .5px);margin-right:var(--nc-font-size-sm);margin-bottom:var(--nc-spacing-lgx)}.wb-standard-character-lesson__content .wb-standard-character-lesson__main .wb-standard-character-lesson__slide-content .wb-standard-character-lesson__card[data-v-f6319e05]{width:calc(var(--nc-spacing-xxll) * 8);box-sizing:border-box;margin:auto;position:relative;text-align:center;padding:0 calc(var(--nc-spacing-xxll) * 1.5);box-shadow:var(--nc-spacing-base) var(--nc-spacing-base) var(--nc-color-accent-yellow)}.wb-standard-character-lesson__content .wb-standard-character-lesson__main .wb-standard-character-lesson__slide-content .wb-standard-character-lesson__card.wb-standard-character-lesson__cursor--normal[data-v-f6319e05]{padding:calc(var(--nc-spacing-xxll) * 1)}.wb-standard-character-lesson__content .wb-standard-character-lesson__main .wb-standard-character-lesson__slide-content .wb-standard-character-lesson__card .wb-standard-character-lesson__audio-btn[data-v-f6319e05]{display:inline-block;width:var(--nc-spacing-xxll);height:var(--nc-spacing-xxll);margin:0;background:var(--nc-color-accent-yellow);padding:var(--nc-spacing-s);border-radius:50%}.wb-standard-character-lesson__content .wb-standard-character-lesson__main .wb-standard-character-lesson__slide-content .wb-standard-character-lesson__card .wb-standard-character-lesson__audio-btn[data-v-f6319e05] .animate-audio{width:100%;height:100%}.wb-standard-character-lesson__content .wb-standard-character-lesson__main .wb-standard-character-lesson__slide-content .wb-standard-character-lesson__card .wb-standard-character-lesson__audio-btn[data-v-f6319e05] .animate-audio img{width:100%;height:100%;display:block}.wb-standard-character-lesson__content .wb-standard-character-lesson__main .wb-standard-character-lesson__slide-content .wb-standard-character-lesson__card .tip[data-v-f6319e05]{width:calc(var(--nc-spacing-xlll) + var(--nc-spacing-xxs) + 1px);height:calc(var(--nc-spacing-xlll) + var(--nc-spacing-xxs) + 1px);cursor:pointer;position:absolute;top:5%;right:10%}.wb-standard-character-lesson__content .wb-standard-character-lesson__main .wb-standard-character-lesson__slide-content .wb-standard-character-lesson__card .tip[data-v-f6319e05]:hover{opacity:.7}.wb-standard-character-lesson__content .wb-standard-character-lesson__main .wb-standard-character-lesson__slide-content .wb-standard-character-lesson__card .wb-standard-character-lesson__stroke-img[data-v-f6319e05]{width:100%;height:100%;object-fit:contain;display:block}.wb-standard-character-lesson__content .wb-standard-character-lesson__main .wb-standard-character-lesson__slide-content .wb-standard-character-lesson__card .wb-standard-character-lesson__origin[data-v-f6319e05]{display:flex;flex-direction:row;width:100%}.wb-standard-character-lesson__content .wb-standard-character-lesson__main .wb-standard-character-lesson__slide-content .wb-standard-character-lesson__card .wb-standard-character-lesson__origin .wb-standard-character-lesson__origin-img[data-v-f6319e05]{width:85%}.wb-standard-character-lesson__content .wb-standard-character-lesson__main .wb-standard-character-lesson__slide-content .wb-standard-character-lesson__card .popCard[data-v-f6319e05]{width:60%;border-radius:var(--nc-radius-mds);position:absolute;right:-8vw;top:calc(var(--nc-spacing-xxll) + var(--nc-spacing-xlll));text-align:left;padding:var(--nc-spacing-xlll);box-sizing:border-box}.wb-standard-character-lesson__content .wb-standard-character-lesson__main .wb-standard-character-lesson__slide-content .wb-standard-character-lesson__card .wb-standard-character-lesson__card--recto .wb-standard-character-lesson__flip-face--front img[data-v-f6319e05]{margin:10% 0 0}.wb-standard-character-lesson__content .intro .type-title[data-v-f6319e05]{margin-bottom:calc(var(--nc-spacing-lg) + var(--nc-spacing-xxs) / 2)}.wb-standard-character-lesson__content .intro .top[data-v-f6319e05]{margin-top:var(--nc-spacing-lg)}.wb-standard-character-lesson__content .intro .wordlist[data-v-f6319e05]{display:flex;flex-wrap:wrap}.wb-standard-character-lesson__content .intro .wordlist .word-card[data-v-f6319e05]{margin-right:calc(var(--nc-spacing-xl) + var(--nc-spacing-s) - var(--nc-spacing-xxs) / 4);margin-bottom:calc(var(--nc-spacing-xl) + var(--nc-spacing-s) - var(--nc-spacing-xxs) / 2)}.pinyinleftTab[data-v-198d7bb1]{color:var(--nc-color-text-main);width:100%;min-width:92px;padding:0;list-style:none;display:flex;gap:14px}.pinyinleftTab li[data-v-198d7bb1]{height:44px;border-radius:14px;line-height:44px;text-align:center;background:#fff;cursor:pointer;white-space:nowrap;color:#2472b3;font-size:15px;font-family:var(--nc-font-en-medium) var(--nc-font-zh-medium) var(--nc-font-pinyin-light)}.pinyinleftTab li.isActive[data-v-198d7bb1]{background:#f6c752;color:#fff}.pinyinleftTab li.pinyinleftTab__item--locked[data-v-198d7bb1]{cursor:default;opacity:.65;pointer-events:none}.pinyinleftTab--left[data-v-198d7bb1]{flex-direction:column}.pinyinleftTab--right[data-v-198d7bb1]{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}.pinyinleftTab--right li[data-v-198d7bb1]{padding:0 20px}.clw-intro[data-v-39115f28]{width:100%;height:100%;overflow:auto}.clw-intro__content-parent[data-v-39115f28]{position:relative;width:100%}.clw-intro__navigation[data-v-39115f28]{display:flex;justify-content:center}.clw-intro__content[data-v-39115f28]{display:flex;align-items:flex-start;width:100%;height:90%;justify-content:center;min-height:600px}.clw-intro__word[data-v-39115f28]{transition:var(--nc-transition-base);border-radius:calc(var(--nc-spacing-xxxs) + var(--nc-border-width));color:var(--nc-color-primary);font-family:var(--nc-font-en-semibold)}.clw-intro__word--en[data-v-39115f28]{font-size:var(--nc-font-size-md)}.clw-intro__word--zh[data-v-39115f28]{font-size:var(--nc-font-size-base);color:var(--nc-color-text-muted);font-family:var(--nc-font-en-regular)}.clw-intro__word--cn-only[data-v-39115f28]{font-size:calc(var(--nc-spacing-xlll) + var(--nc-spacing-ss));font-family:var(--nc-font-en-medium);color:var(--nc-color-primary)}.clw-intro__word--active[data-v-39115f28]{background:var(--nc-color-success-bg);cursor:pointer}.clw-intro__card[data-v-39115f28]{flex:0% 0 1;height:100%;margin:0;margin-right:var(--nc-spacing-base);max-height:calc(var(--nc-spacing-4xl) * 6);min-height:600px;max-width:calc(var(--nc-spacing-4xl) * 6);min-width:460px;border-radius:var(--nc-radius-lg);background:var(--nc-color-white);box-shadow:var(--nc-spacing-base) var(--nc-spacing-base) var(--nc-color-accent-yellow);box-sizing:border-box;padding:var(--nc-spacing-xxxxl);color:var(--nc-color-primary);font-family:var(--nc-font-en-semibold);transform:scale(.85);transform-origin:center;margin-top:var(--nc-spacing-regular)!important}.clw-intro__card-content[data-v-39115f28]{display:flex;flex-direction:column;width:100%;justify-content:center;box-sizing:border-box;height:100%}.clw-intro__page-btn[data-v-39115f28]{bottom:0;width:calc(var(--nc-spacing-lg) + var(--nc-spacing-regular) + var(--nc-spacing-base))!important;height:calc(var(--nc-spacing-lg) + var(--nc-spacing-regular) + var(--nc-spacing-base))!important}.clw-intro__page-btn img[data-v-39115f28]{display:flex;cursor:pointer;width:100%;height:100%;object-fit:contain}.clw-intro__page-btn--next[data-v-39115f28]{align-self:flex-end;justify-content:center;margin-left:var(--nc-spacing-lg)}.clw-intro__page-btn--last[data-v-39115f28]{justify-content:center;margin-right:var(--nc-spacing-lg)}.clw-intro__card[data-v-39115f28]{height:100%}.clw-intro__header[data-v-39115f28]{margin-bottom:calc(var(--nc-spacing-lg) + var(--nc-spacing-xxss));flex-grow:0}.clw-intro__lesson[data-v-39115f28]{margin-bottom:var(--nc-spacing-lg);margin-top:var(--nc-spacing-lg);font-size:calc(var(--nc-font-size-xl) + var(--nc-spacing-xxss));color:var(--nc-color-primary);font-family:var(--nc-font-en-semibold)}.clw-intro__welcome[data-v-39115f28]{margin:0;font-size:var(--nc-font-size-base);color:var(--nc-color-primary)}.clw-intro__sub-welcome[data-v-39115f28]{margin-top:var(--nc-spacing-s);margin-bottom:0;font-size:var(--nc-font-size-regular);color:var(--nc-color-primary);font-family:var(--nc-font-en-medium)}.clw-intro__title-row[data-v-39115f28]{display:flex;flex-grow:0;align-items:center}.clw-intro__title-row--not-first[data-v-39115f28]{margin-top:calc(var(--nc-spacing-lg))}.clw-intro__title-index[data-v-39115f28]{width:calc(var(--nc-spacing-lg) + var(--nc-spacing-lg) + var(--nc-spacing-s));height:calc(var(--nc-spacing-lg) + var(--nc-spacing-lg) + var(--nc-spacing-s));border-radius:var(--nc-radius-xs);line-height:calc(var(--nc-spacing-lg) + var(--nc-spacing-lg) + var(--nc-spacing-s));margin-right:var(--nc-spacing-regular);text-align:center;background:var(--nc-color-accent-yellow);color:var(--nc-color-primary);font-size:var(--nc-font-size-xl);font-family:var(--nc-font-en-semibold)}.clw-intro__title-text[data-v-39115f28]{font-size:var(--nc-font-size-regular);color:var(--nc-color-primary);font-family:var(--nc-font-en-medium)}.clw-intro__list[data-v-39115f28]{margin-left:calc(var(--nc-spacing-xxxl) + var(--nc-spacing-ss));margin-top:var(--nc-spacing-base);margin-bottom:var(--nc-spacing-base);padding:0;list-style:none}.clw-intro__separator[data-v-39115f28]{color:var(--nc-color-text-muted);margin:0 var(--nc-spacing-s);font-size:var(--nc-font-size-md);font-family:var(--nc-font-en-regular)}.clw-intro__list--cn-only[data-v-39115f28]{display:flex;flex-wrap:wrap;justify-content:center;margin:var(--nc-spacing-lg)}.clw-intro__list--cn-only li[data-v-39115f28]{margin:0 var(--nc-spacing-regular)}.clw-intro__third-image[data-v-39115f28]{width:auto;height:80%;object-fit:contain;margin:0 auto;padding:var(--nc-spacing-base);max-height:200px}.clw-intro__card--with-image[data-v-39115f28]{display:flex;flex-direction:column}.clw-words[data-v-84cd54a2]{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:auto}.clw-words__tabs[data-v-84cd54a2]{width:96%;margin:0 auto}.clw-words[data-v-84cd54a2] .clw-words__tabs.pinyinleftTab li{border-radius:var(--nc-radius-pill)}.clw-words__body[data-v-84cd54a2]{position:relative;width:100%;display:flex;flex-direction:column;height:fit-content;transform:scale(.8)}.clw-words__content-parent[data-v-84cd54a2]{position:relative;width:100%}.clw-words__stage-content[data-v-84cd54a2]{display:flex;justify-content:center;align-items:center;height:fit-content}.clw-words__panel[data-v-84cd54a2]{display:flex;flex-direction:column;gap:calc(var(--nc-spacing-lg) * 2)}.clw-words__tip[data-v-84cd54a2]{text-align:center;margin:0;color:var(--nc-color-text-muted);font-size:var(--nc-font-size-base)}.clw-words__navigation[data-v-84cd54a2]{display:flex;justify-content:space-around;margin-top:var(--nc-spacing-lg)}.clw-words__page-btn[data-v-84cd54a2]{bottom:0;width:55px!important;height:55px!important}.clw-words__page-btn img[data-v-84cd54a2]{display:flex;cursor:pointer;width:100%;height:100%;object-fit:contain}.clw-words__page-btn--next[data-v-84cd54a2]{display:flex;justify-content:flex-end}.clw-words__page-btn--last[data-v-84cd54a2]{display:flex;justify-content:flex-start}.clw-words__card[data-v-84cd54a2]{box-sizing:border-box;border-radius:var(--nc-radius-lg);background:var(--nc-color-white);border:none;box-shadow:var(--nc-spacing-base) var(--nc-spacing-base) var(--nc-color-accent-yellow);height:540px;width:400px}.clw-words__card--front[data-v-84cd54a2]{cursor:pointer;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px}.clw-words__front-head[data-v-84cd54a2]{width:100%;text-align:left;padding-bottom:0;box-sizing:border-box;min-height:84px;visibility:hidden;opacity:0;transition:opacity .25s ease}.clw-words__card--show-summary .clw-words__front-head[data-v-84cd54a2]{visibility:visible;opacity:1}.clw-words__summary[data-v-84cd54a2]{margin:0 0 var(--nc-spacing-xs);min-height:24px;font-size:16px;font-weight:var(--nc-font-weight-medium);font-family:var(--nc-font-en-medium);color:var(--nc-color-primary)}.clw-words__say[data-v-84cd54a2]{margin:0;min-height:24px;font-size:16px;font-weight:var(--nc-font-weight-medium);font-family:var(--nc-font-en-medium);color:var(--nc-color-primary);visibility:hidden;opacity:0;transition:opacity .25s ease}.clw-words__card--show-say .clw-words__say[data-v-84cd54a2]{visibility:visible;opacity:1}.clw-words__image-wrap[data-v-84cd54a2]{margin-top:var(--nc-spacing-lg);width:100%}.clw-words__image-wrap img[data-v-84cd54a2]{width:100%;object-fit:contain;border-radius:var(--nc-radius-sm);opacity:1;transform:scale(1);filter:none;transition:opacity .25s ease,transform .25s ease,filter .25s ease}.clw-words__detail[data-v-84cd54a2]{margin:0 0 var(--nc-spacing-base);font-size:16px;color:var(--nc-color-primary);line-height:1.5;padding:calc(var(--nc-spacing-lg) * 2) calc(var(--nc-spacing-lg) * 2);padding-bottom:0}.clw-words__flip-wrap[data-v-84cd54a2]{border-radius:var(--nc-radius-md);cursor:pointer;height:fit-content;display:grid}.clw-words__flip-wrap--text .clw-words__flip-info[data-v-84cd54a2]{visibility:visible;opacity:1;pointer-events:auto}.clw-words__flip-wrap--text .clw-words__flip-image[data-v-84cd54a2],.clw-words__flip-wrap--image .clw-words__flip-info[data-v-84cd54a2]{visibility:hidden;opacity:0;pointer-events:none}.clw-words__flip-wrap--image .clw-words__flip-image[data-v-84cd54a2]{visibility:visible;opacity:1;pointer-events:auto}.clw-words__flip-info[data-v-84cd54a2]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--nc-spacing-base) * 3);width:100%;grid-area:1/1;transition:opacity .2s ease}.clw-words__word-group[data-v-84cd54a2]{text-align:center}.clw-words__word-zh[data-v-84cd54a2]{margin:0;font-size:100px;line-height:100px;font-family:var(--nc-font-zh-regular);color:var(--nc-color-primary)}.clw-words__word-py[data-v-84cd54a2]{margin:var(--nc-spacing-xs) 0 0;font-size:27px;font-family:var(--nc-font-pinyin-light);color:var(--nc-color-primary)}.clw-words__divider[data-v-84cd54a2]{width:60%;height:1px;background:var(--nc-color-border-light);margin:var(--nc-spacing-base) 0}.clw-words__word-en[data-v-84cd54a2]{margin:0;font-size:23px;font-family:var(--nc-font-en-regular);color:var(--nc-color-primary)}.clw-words__flip-image[data-v-84cd54a2]{width:100%;display:block;object-fit:contain;padding:var(--nc-spacing-base);box-sizing:border-box;grid-area:1/1;transition:opacity .2s ease}.clw-words__animate-audio[data-v-84cd54a2]{margin-top:var(--nc-spacing-base);width:50px;height:50px}.clw-words__animate-audio[data-v-84cd54a2] img,.clw-words__animate-audio[data-v-84cd54a2] svg{width:50px;height:50px}.clw-words__animate-audio--disabled[data-v-84cd54a2]{pointer-events:none;opacity:.7;cursor:default}[data-v-d5dcbb87] .clw-practice1__tabs.pinyinleftTab li{display:inline-block;padding:0 var(--nc-spacing-lg);height:calc(var(--nc-icon-size-2xl) + var(--nc-spacing-xxs));line-height:calc(var(--nc-icon-size-2xl) + var(--nc-spacing-xxs));margin-right:var(--nc-spacing-base);border-radius:var(--nc-radius-pill)}.clw-practice1[data-v-d5dcbb87]{width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.clw-practice1__tabs[data-v-d5dcbb87]{text-align:center;height:calc(var(--nc-icon-size-2xl) + var(--nc-spacing-xxs))}.clw-practice1__body[data-v-d5dcbb87]{flex:1;min-height:0;overflow:auto}.clw-practice1__tab-panel[data-v-d5dcbb87]{flex:1;min-height:0}.clw-practice1__slide[data-v-d5dcbb87]{max-width:calc(var(--nc-spacing-4xl) * 6.4);flex-wrap:wrap;margin:0 auto;height:100%}.clw-practice1__question[data-v-d5dcbb87]{width:100%;display:flex;flex-direction:column;height:100%;text-align:center}.clw-practice1__summary[data-v-d5dcbb87]{text-align:center;margin-top:var(--nc-spacing-lg);margin-bottom:var(--nc-spacing-sm);color:var(--nc-color-text-muted);font-size:var(--nc-font-size-base)}.clw-practice1__match[data-v-d5dcbb87]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;height:fit-content;gap:var(--nc-spacing-base);margin-top:var(--nc-spacing-xlll)}.clw-practice1__match-card[data-v-d5dcbb87]{display:flex;flex-wrap:wrap;align-content:space-around;justify-content:center;flex-direction:column;width:calc(var(--nc-spacing-4xl) * 1.5);height:calc(var(--nc-height-xxxxxxxlarge) - 10px);padding:var(--nc-spacing-lg);border-radius:var(--nc-radius-lg);background:var(--nc-color-white);text-align:center;box-sizing:border-box;transition:var(--nc-transition-base);cursor:pointer}.clw-practice1__match-card-img[data-v-d5dcbb87]{max-width:calc(var(--nc-spacing-4xl) - var(--nc-spacing-base));height:calc(100% - (var(--nc-spacing-xxxl) + var(--nc-spacing-ss)));margin-bottom:var(--nc-spacing-base);object-fit:contain}.clw-practice1__match-card-zh[data-v-d5dcbb87],.clw-practice1__match-card-py[data-v-d5dcbb87],.clw-practice1__match-card-en[data-v-d5dcbb87]{white-space:nowrap;word-wrap:break-word;word-break:break-all}.clw-practice1__match-card-zh[data-v-d5dcbb87]{margin:0;font-size:var(--nc-spacing-xxxxl);color:var(--nc-color-primary)}.clw-practice1__match-card-py[data-v-d5dcbb87],.clw-practice1__match-card-en[data-v-d5dcbb87]{margin:var(--nc-spacing-xxxs) 0 0;font-size:var(--nc-font-size-lg);color:var(--nc-color-primary)}.clw-practice1__choice[data-v-d5dcbb87]{display:flex;flex-direction:column;height:calc(100% - var(--nc-height-xxxxxlarge));position:relative;min-height:0}.clw-practice1__choice--q5 .clw-practice1__choice-option[data-v-d5dcbb87]{padding:var(--nc-spacing-base) var(--nc-spacing-xxll)}.clw-practice1__choice-main[data-v-d5dcbb87]{flex:1;min-height:0;display:flex;flex-direction:column;width:100%}.clw-practice1__choice-inner[data-v-d5dcbb87]{flex:1;min-height:0;display:flex;flex-direction:column;height:100%}.clw-practice1__choice-q-zh[data-v-d5dcbb87]{margin:0;font-size:calc(var(--nc-font-size-3xl) + var(--nc-spacing-xxs));color:var(--nc-color-primary)}.clw-practice1__choice-q-en[data-v-d5dcbb87]{margin:var(--nc-spacing-xxs) 0;font-size:calc(var(--nc-spacing-xl) + var(--nc-spacing-s));color:var(--nc-color-text-muted)}.clw-practice1__choice-q-py[data-v-d5dcbb87]{margin:var(--nc-spacing-xxxs) 0;font-size:calc(var(--nc-font-size-xl) + var(--nc-spacing-ss));color:var(--nc-color-primary)}.clw-practice1__choice-options-row[data-v-d5dcbb87]{height:fit-content;display:flex;align-items:center;justify-content:center;margin-top:var(--nc-spacing-lg)}.clw-practice1__choice-options[data-v-d5dcbb87]{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:0;list-style:none;gap:var(--nc-spacing-lg)}.clw-practice1__choice-option[data-v-d5dcbb87]{display:flex;align-items:center;justify-content:center;flex-direction:column;box-sizing:border-box;border-radius:var(--nc-radius-xl);background:var(--nc-color-white);padding:var(--nc-spacing-lg) calc(var(--nc-spacing-2xl) - 4px);cursor:pointer;transition:var(--nc-transition-base)}.clw-practice1__choice-option[data-v-d5dcbb87]:hover{background:var(--nc-color-accent-yellow)}.clw-practice1__choice-opt-zh[data-v-d5dcbb87]{margin:0;font-size:var(--nc-font-size-xlarge);color:var(--nc-color-primary)}.clw-practice1__choice-opt-en[data-v-d5dcbb87],.clw-practice1__choice-opt-py[data-v-d5dcbb87]{margin:var(--nc-spacing-xxxs) 0 0;font-size:var(--nc-font-size-lg);color:var(--nc-color-primary)}.clw-practice1__nav[data-v-d5dcbb87]{display:flex;justify-content:space-around;flex-shrink:0}.clw-practice1__nav-btn[data-v-d5dcbb87]{width:calc(var(--nc-spacing-xxxl) + var(--nc-spacing-ss))!important;height:calc(var(--nc-spacing-xxxl) + var(--nc-spacing-ss))!important}.clw-practice1__nav-btn img[data-v-d5dcbb87]{width:100%;height:100%;object-fit:contain;display:flex;cursor:pointer}[data-v-8c11442d] .clw-phrases__tabs.pinyinleftTab li{display:inline-block;padding:0 var(--nc-spacing-lg);height:calc(var(--nc-icon-size-2xl) + var(--nc-spacing-xxs));line-height:calc(var(--nc-icon-size-2xl) + var(--nc-spacing-xxs));border-radius:var(--nc-radius-pill)}.clw-phrases[data-v-8c11442d]{width:100%;height:100%;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;gap:var(--nc-spacing-md);overflow:auto}.clw-phrases--nav-locked .clw-phrases__en-toggle[data-v-8c11442d]{cursor:default;opacity:.65;pointer-events:none}.clw-phrases--nav-locked .clw-phrases__cell[data-v-8c11442d]{cursor:default;pointer-events:none}.clw-phrases__head[data-v-8c11442d]{margin-bottom:calc(var(--nc-spacing-lg) * 1.25);display:flex;gap:var(--nc-spacing-xs);align-items:center}.clw-phrases__tabs[data-v-8c11442d]{text-align:left;flex:1}.clw-phrases__en-toggle[data-v-8c11442d]{flex-shrink:0;width:var(--nc-icon-size-xlarge);height:var(--nc-icon-size-xlarge);padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--nc-transition-opacity)}.clw-phrases__en-toggle[data-v-8c11442d]:hover{opacity:.8}.clw-phrases__en-toggle-img[data-v-8c11442d]{width:100%;height:100%;display:block;object-fit:contain}.clw-phrases__group[data-v-8c11442d]{display:flex;flex-direction:column;gap:var(--nc-spacing-regular);padding:0 var(--nc-spacing-lg)}.clw-phrases__row[data-v-8c11442d]{text-align:initial;display:flex;justify-content:center;gap:var(--nc-spacing-lg)}.clw-phrases__cell[data-v-8c11442d]{padding:var(--nc-spacing-lg);background:var(--nc-color-white);border-radius:var(--nc-radius-lg);text-align:center;box-sizing:border-box;display:inline-block;cursor:pointer;transition:var(--nc-transition-base)}.clw-phrases__cell--active[data-v-8c11442d]{background:var(--nc-color-success-bg)}.clw-phrases__cell-inner[data-v-8c11442d]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.clw-phrases__symbol-wrap[data-v-8c11442d]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:8%}.clw-phrases__symbol[data-v-8c11442d]{display:inline-block;text-align:center;margin:0;width:100%;font-size:var(--nc-font-size-xlarge);font-family:var(--nc-font-en-semibold);font-weight:var(--nc-font-weight-semibold);color:var(--nc-color-primary);line-height:1}.clw-phrases__symbol--plus[data-v-8c11442d]{transform:translateY(-.05em)}.clw-phrases__symbol--equal[data-v-8c11442d]{transform:translateY(-.02em)}.clw-phrases__zh[data-v-8c11442d]{margin:0;font-size:calc(var(--nc-font-size-xl) * 2);font-family:var(--nc-font-zh-regular);color:var(--nc-color-primary)}.clw-phrases__py[data-v-8c11442d]{margin:var(--nc-spacing-xxs) 0 0;font-size:var(--nc-font-size-courseware-py-regular);font-family:var(--nc-font-pinyin-light);color:var(--nc-color-primary)}.clw-phrases__en[data-v-8c11442d]{margin:var(--nc-spacing-xxs) 0 0;font-size:var(--nc-font-size-base);font-family:var(--nc-font-en-regular);color:var(--nc-color-primary)}[data-v-0eddb067] .clw-practice2__tabs.pinyinleftTab li{display:inline-block;padding:0 var(--nc-spacing-lg);height:calc(var(--nc-icon-size-2xl) + var(--nc-spacing-xxs));line-height:calc(var(--nc-icon-size-2xl) + var(--nc-spacing-xxs));border-radius:var(--nc-radius-pill)}.clw-practice2[data-v-0eddb067]{width:100%;height:100%;max-height:100%;min-height:0;display:flex;flex-direction:column;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.clw-practice2__head[data-v-0eddb067]{display:flex;gap:var(--nc-spacing-xs);align-items:center;flex-shrink:0}.clw-practice2__tabs[data-v-0eddb067]{flex:1;text-align:center;min-height:calc(var(--nc-icon-size-2xl) + var(--nc-spacing-xxs))}.clw-practice2__body[data-v-0eddb067]{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--nc-spacing-md)}.clw-practice2__exercise[data-v-0eddb067]{flex:0 0 auto;min-width:0;display:flex;flex-direction:column;overflow:visible}.clw-practice2__tab-panel[data-v-0eddb067]{flex:0 0 auto;min-width:0;display:flex;flex-direction:column}.clw-practice2__slide[data-v-0eddb067]{flex:0 0 auto;display:flex;flex-direction:column}.clw-practice2__pager[data-v-0eddb067]{flex-shrink:0;display:flex;flex-direction:row;align-items:center}.clw-practice2__pager-cell[data-v-0eddb067]{flex:1;display:flex;align-items:center;min-height:calc(var(--nc-icon-size-2xl) + var(--nc-spacing-lg));justify-content:center}.clw-practice2__pager-btn[data-v-0eddb067]{flex-shrink:0;border:none;margin:0;cursor:pointer;background:transparent;border-radius:var(--nc-radius-lg);line-height:0;transition:var(--nc-transition-opacity)}.clw-practice2__pager-btn[data-v-0eddb067]:hover{opacity:.85}.clw-practice2__pager-btn img[data-v-0eddb067]{width:55px;height:55px;display:block;object-fit:contain}.clw-practice2__question[data-v-0eddb067]{flex:0 0 auto;text-align:center;display:flex;flex-direction:column}.clw-practice2__summary[data-v-0eddb067]{text-align:center;margin-top:var(--nc-spacing-md);margin-bottom:var(--nc-spacing-sm);color:var(--nc-color-text-muted);font-size:calc(var(--nc-font-size-sm) + 1px);font-family:var(--nc-font-en-medium)}.clw-practice2__formula[data-v-0eddb067]{flex:0 0 auto;height:auto}.clw-practice2__formula-shell[data-v-0eddb067]{position:relative;height:auto}.clw-practice2__formula-row[data-v-0eddb067]{display:flex;align-items:flex-end}.clw-practice2__formula-main[data-v-0eddb067]{flex:1;min-width:0;white-space:nowrap}.clw-practice2__pieces[data-v-0eddb067]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.clw-practice2__piece[data-v-0eddb067]{display:inline-block;border-radius:var(--nc-radius-mds);text-align:center;padding:var(--nc-spacing-base) calc(var(--nc-spacing-lg) * 2);box-sizing:border-box}.clw-practice2__piece-zh[data-v-0eddb067]{margin:0;font-size:calc(var(--nc-font-size-xl) * 2);font-family:var(--nc-font-zh-regular);color:var(--nc-color-primary);white-space:nowrap}.clw-practice2__piece-zh-2[data-v-0eddb067]{margin:0;font-size:calc(var(--nc-font-size-activity) + 1px);font-family:var(--nc-font-zh-regular);color:var(--nc-color-primary);white-space:nowrap}.clw-practice2__piece-py[data-v-0eddb067]{margin:var(--nc-spacing-xxs) 0 0;font-size:var(--nc-font-size-xl);font-family:var(--nc-font-pinyin-light);color:var(--nc-color-primary)}.clw-practice2__piece-py-2[data-v-0eddb067]{margin:var(--nc-spacing-xxs) 0 0;font-size:var(--nc-font-size-sm);font-family:var(--nc-font-pinyin-light);color:var(--nc-color-primary)}.clw-practice2__sym[data-v-0eddb067]{display:inline-block;font-size:var(--nc-font-size-xlarge);font-family:var(--nc-font-en-semibold);font-weight:var(--nc-font-weight-semibold);color:var(--nc-color-primary);line-height:1;margin:0 var(--nc-spacing-xxs)}.clw-practice2__sym-img[data-v-0eddb067]{width:20px;height:20px;object-fit:contain}.clw-practice2__options-row[data-v-0eddb067]{height:fit-content;display:flex;align-items:center;justify-content:center;margin:var(--nc-spacing-lg) 0}.clw-practice2__options[data-v-0eddb067]{margin:0 auto;padding:0;list-style:none;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--nc-spacing-md)}.clw-practice2__option[data-v-0eddb067]{box-sizing:border-box;border-radius:var(--nc-radius-xl);background:var(--nc-color-white);cursor:pointer;transition:var(--nc-transition-base);display:flex;align-items:center;justify-content:center;padding:var(--nc-spacing-lg) var(--nc-spacing-xxll)}.clw-practice2__option[data-v-0eddb067]:hover{background-color:var(--nc-color-accent-yellow)}.clw-practice2__option:hover .clw-practice2__option-text[data-v-0eddb067]{color:var(--nc-color-white)}.clw-practice2__option-text[data-v-0eddb067]{color:var(--nc-color-primary)}.clw-practice2__option-text--en[data-v-0eddb067]{font-size:var(--nc-font-size-xlarge);font-family:var(--nc-font-en-medium)}.clw-practice2__option-text--zh[data-v-0eddb067]{font-size:25px;font-family:var(--nc-font-zh-regular)}.clw-practice2__build[data-v-0eddb067]{display:flex;justify-content:center;align-items:center}.clw-practice2__build-inner[data-v-0eddb067]{width:50%;min-width:0;display:flex;flex-direction:column;justify-content:center}.clw-practice2__build-prompt[data-v-0eddb067]{margin:0 0 var(--nc-spacing-base);font-size:var(--nc-font-size-xlarge);font-family:var(--nc-font-en-medium);color:var(--nc-color-primary)}.clw-practice2__build-transition[data-v-0eddb067]{margin-top:var(--nc-spacing-base);height:auto;display:flex;flex-direction:column;justify-content:space-between;gap:var(--nc-spacing-base)}.clw-practice2__build-top[data-v-0eddb067]{width:100%;border-bottom:var(--nc-border-width) solid var(--nc-color-accent-yellow);text-align:center;display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:var(--nc-spacing-base);gap:var(--nc-spacing-base)}.clw-practice2__slot[data-v-0eddb067]{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--nc-spacing-xs);border-radius:var(--nc-radius-md);box-sizing:border-box;background:var(--nc-color-white);text-align:center;margin-right:var(--nc-spacing-base);padding:0 var(--nc-spacing-xlll);min-height:72px;cursor:pointer;transition:var(--nc-transition-base)}.clw-practice2__build-bottom[data-v-0eddb067]{flex:0 0 auto;margin-top:var(--nc-spacing-base);text-align:left;display:flex;flex-wrap:wrap;gap:var(--nc-spacing-base);align-content:center;justify-content:center}.clw-practice2__build-bottom--empty[data-v-0eddb067]{display:none}.clw-practice2__pick[data-v-0eddb067]{display:inline-flex;align-items:center;justify-content:center;padding:var(--nc-spacing-xs);border-radius:var(--nc-radius-xl);box-sizing:border-box;background:var(--nc-color-white);min-height:80px;padding:0 var(--nc-spacing-xlll);cursor:pointer;transition:var(--nc-transition-base)}.clw-practice2__pick--used[data-v-0eddb067]{background:var(--nc-color-bg);pointer-events:none}.clw-practice2__pick--used .clw-practice2__pick-inner[data-v-0eddb067]{opacity:0}.clw-practice2__pick-inner[data-v-0eddb067]{text-align:center}.clw-practice2__submit[data-v-0eddb067]{border-radius:var(--nc-radius-pill);border:none;cursor:pointer;margin:var(--nc-spacing-base) auto 0;background:var(--nc-color-accent-yellow);color:var(--nc-color-primary);font-family:var(--nc-font-en-semibold);padding:var(--nc-spacing-regular) var(--nc-spacing-xxllx);font-size:var(--nc-font-size-lg)}.chinese-link-word-template-lesson[data-v-14754e2d]{height:100%;width:100%}.clw-cont-lesson[data-v-9a9cd623]{padding:var(--nc-spacing-lg);width:100%;height:100%;box-sizing:border-box;display:flex;background:var(--nc-color-bg)}.clw-cont-lesson__tabs[data-v-9a9cd623]{flex-shrink:0;width:calc(var(--nc-spacing-4xl) + var(--nc-spacing-regular));margin-right:var(--nc-spacing-base)}.clw-cont-lesson__main[data-v-9a9cd623]{flex:1;min-width:0;height:100%}.clw-cont-lesson__empty[data-v-9a9cd623]{height:100%;border-radius:var(--nc-radius-md);background:var(--nc-color-white);display:flex;align-items:center;justify-content:center;color:var(--nc-color-text-muted);font-size:var(--nc-font-size-sm)}.wb-renderer[data-v-9794222c]{position:relative;height:100%;width:100%}.wb-renderer--masked[data-v-9794222c]{overflow:hidden}.wb-renderer__mask[data-v-9794222c]{position:absolute;inset:0;z-index:var(--nc-z-dropdown);background-color:var(--nc-color-bg);background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:auto;touch-action:none}.wb-cartoon-word-card[data-v-cdee4375]{background-color:var(--nc-color-courseware-cartoon-warm);border-radius:var(--nc-radius-lg);overflow:hidden;color:var(--nc-color-primary)}.wb-cartoon-word-card--teacher[data-v-cdee4375]{cursor:pointer}.wb-cartoon-word-card--student[data-v-cdee4375]{cursor:default;-webkit-user-select:none;user-select:none}.wb-cartoon-word-card__main[data-v-cdee4375]{display:flex;justify-content:space-between;align-items:center;padding:var(--nc-spacing-base) var(--nc-spacing-lg)}.wb-cartoon-word-card__text[data-v-cdee4375]{display:flex;flex-direction:column}.wb-cartoon-word-card__zh[data-v-cdee4375]{font-weight:var(--nc-font-weight-medium);font-family:var(--nc-font-zh-regular);font-size:var(--nc-font-size-courseware-zh-regular)}.wb-cartoon-word-card__py[data-v-cdee4375]{font-weight:var(--nc-font-weight-regular);font-family:var(--nc-font-pinyin-light);font-size:var(--nc-font-size-courseware-py-regular);transition:var(--nc-transition-opacity)}.wb-cartoon-word-card__py--visible[data-v-cdee4375]{opacity:1}.wb-cartoon-word-card__py--hidden[data-v-cdee4375]{opacity:0}.wb-cartoon-word-card__actions[data-v-cdee4375]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.wb-cartoon-word-card__audio[data-v-cdee4375]{margin-bottom:var(--nc-spacing-regular)}.wb-cartoon-word-card__audio--readonly[data-v-cdee4375]{pointer-events:none;opacity:.55;cursor:default}.wb-cartoon-word-card__chevron[data-v-cdee4375]{width:13px;cursor:pointer;transition:var(--nc-transition-slow);position:relative}.wb-cartoon-word-card__chevron--open[data-v-cdee4375]{transform:rotate(180deg)}.wb-cartoon-word-card__chevron[data-v-cdee4375]:after{content:"";display:block;width:0;height:0;border-left:var(--nc-spacing-s) solid transparent;border-right:var(--nc-spacing-s) solid transparent;border-top:var(--nc-spacing-xs) solid currentColor;margin:0 auto}.wb-cartoon-word-card--student .wb-cartoon-word-card__chevron[data-v-cdee4375]{pointer-events:none;cursor:default}.wb-cartoon-word-card__detail[data-v-cdee4375]{overflow:hidden;transition:var(--nc-transition-slow);background-color:var(--nc-color-courseware-cartoon-detail);padding:var(--nc-spacing-base) var(--nc-spacing-lg)}.wb-cartoon-word-card__en[data-v-cdee4375]{margin:0;font-family:var(--nc-font-en-regular);font-size:var(--nc-font-size-courseware-py-regular)}.wb-cartoon-grammar-card[data-v-d78bc484]{background-color:var(--nc-color-courseware-cartoon-warm);border-radius:var(--nc-radius-lg);overflow:hidden;color:var(--nc-color-primary)}.wb-cartoon-grammar-card--teacher[data-v-d78bc484]{cursor:pointer}.wb-cartoon-grammar-card--student[data-v-d78bc484]{cursor:default;-webkit-user-select:none;user-select:none}.wb-cartoon-grammar-card__main[data-v-d78bc484]{display:flex;justify-content:space-between;align-items:center;padding:var(--nc-spacing-base) var(--nc-spacing-lg)}.wb-cartoon-grammar-card__text[data-v-d78bc484]{display:flex;flex-direction:column;flex:1;min-width:0}.wb-cartoon-grammar-card__text>span[data-v-d78bc484]{word-break:break-all;width:100%}.wb-cartoon-grammar-card__zh[data-v-d78bc484]{font-weight:var(--nc-font-weight-medium);font-family:var(--nc-font-zh-regular);font-size:var(--nc-font-size-courseware-zh-regular)}.wb-cartoon-grammar-card__py[data-v-d78bc484]{font-weight:var(--nc-font-weight-regular);font-family:var(--nc-font-pinyin-light);font-size:var(--nc-font-size-courseware-py-regular);transition:var(--nc-transition-opacity)}.wb-cartoon-grammar-card__py--visible[data-v-d78bc484]{opacity:1}.wb-cartoon-grammar-card__py--hidden[data-v-d78bc484]{opacity:0}.wb-cartoon-grammar-card__actions[data-v-d78bc484]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.wb-cartoon-grammar-card__audio[data-v-d78bc484]{margin-bottom:var(--nc-spacing-regular)}.wb-cartoon-grammar-card__audio--readonly[data-v-d78bc484]{pointer-events:none;opacity:.55;cursor:default}.wb-cartoon-grammar-card__chevron[data-v-d78bc484]{width:13px;cursor:pointer;transition:var(--nc-transition-slow);position:relative}.wb-cartoon-grammar-card__chevron--open[data-v-d78bc484]{transform:rotate(180deg)}.wb-cartoon-grammar-card__chevron[data-v-d78bc484]:after{content:"";display:block;width:0;height:0;border-left:var(--nc-spacing-s) solid transparent;border-right:var(--nc-spacing-s) solid transparent;border-top:var(--nc-spacing-xs) solid currentColor;margin:0 auto}.wb-cartoon-grammar-card--student .wb-cartoon-grammar-card__chevron[data-v-d78bc484]{pointer-events:none;cursor:default}.wb-cartoon-grammar-card__detail[data-v-d78bc484]{overflow:hidden;transition:var(--nc-transition-slow);padding:var(--nc-spacing-base) var(--nc-spacing-lg);background-color:var(--nc-color-courseware-cartoon-detail)}.wb-cartoon-grammar-card__summary[data-v-d78bc484],.wb-cartoon-grammar-card__example[data-v-d78bc484]{margin:0}.wb-cartoon-grammar-card__summary[data-v-d78bc484]{font-family:var(--nc-font-en-regular);font-size:var(--nc-font-size-courseware-py-regular)}.wb-cartoon-grammar-card__example[data-v-d78bc484]{display:flex;flex-wrap:wrap;gap:var(--nc-spacing-xxs);font-size:var(--nc-font-size-courseware-py-regular)}.wb-cartoon-grammar-card__example-zh[data-v-d78bc484]{font-family:var(--nc-font-zh-regular)}.wb-cartoon-grammar-card__example-py[data-v-d78bc484]{font-family:var(--nc-font-pinyin-light)}.wb-cartoon-grammar-card__example-en[data-v-d78bc484]{font-family:var(--nc-font-en-regular)}.fade-enter-active,.fade-leave-active{transition:var(--nc-transition-opacity)}.fade-enter-from,.fade-leave-to{opacity:0}.wb-cartoon[data-v-028865a6]{width:100%;height:100%;box-sizing:border-box;padding:var(--nc-spacing-lg);position:relative;background-color:var(--nc-color-bg)}.wb-cartoon--media-focus[data-v-028865a6]{display:flex;flex-direction:column}.wb-cartoon__media[data-v-028865a6]{margin-bottom:var(--nc-spacing-xlll)}.wb-cartoon__media-toolbar[data-v-028865a6]{position:sticky;top:0;display:flex;align-items:center;justify-content:flex-end;padding:0 var(--nc-spacing-4xl)}.wb-cartoon__media-toolbar--placeholder[data-v-028865a6]{visibility:hidden;pointer-events:none}.wb-cartoon__toggle[data-v-028865a6]{display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer}.wb-cartoon__toggle-img[data-v-028865a6]{width:var(--nc-icon-size-xlarge);height:var(--nc-icon-size-xlarge);display:block}.wb-cartoon__media-row[data-v-028865a6]{width:100%;display:flex;justify-content:center;align-items:center}.wb-cartoon__media-row--follower .wb-cartoon__story-img[data-v-028865a6]:not(.wb-cartoon__story-img--thumb){margin:0;cursor:default}.wb-cartoon--follower .wb-cartoon__story-img--thumb[data-v-028865a6]{cursor:default}.wb-cartoon__img-nav[data-v-028865a6]{width:var(--nc-icon-size-2xl);height:var(--nc-icon-size-2xl);border-radius:var(--nc-radius-pill);background-color:var(--nc-color-accent-yellow);color:var(--nc-color-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wb-cartoon__img-nav--idle[data-v-028865a6]{visibility:hidden;pointer-events:none;cursor:default}.wb-cartoon__story-img[data-v-028865a6]{width:500px;height:400px;margin:0 var(--nc-spacing-base);cursor:pointer;object-fit:contain}.wb-cartoon__story-img--thumb[data-v-028865a6]{width:250px;height:200px;margin:var(--nc-spacing-xxss);object-fit:cover}.wb-cartoon__media-grid[data-v-028865a6]{width:100%;display:flex;flex-wrap:wrap}.wb-cartoon__panels[data-v-028865a6]{display:flex;align-items:flex-start;justify-content:space-evenly}.wb-cartoon__panel[data-v-028865a6]{border-radius:var(--nc-radius-mds);overflow:hidden}.wb-cartoon__panel--vocab[data-v-028865a6]{width:35%}.wb-cartoon__panel--vocab .wb-cartoon__panel-head[data-v-028865a6]{color:var(--nc-color-white);background-color:var(--nc-color-primary)}.wb-cartoon__panel--grammar[data-v-028865a6]{width:60%}.wb-cartoon__panel--grammar .wb-cartoon__panel-head[data-v-028865a6]{color:var(--nc-color-primary);background-color:var(--nc-color-accent-yellow)}.wb-cartoon__panel-head[data-v-028865a6]{display:flex;align-items:center;justify-content:space-between;padding:var(--nc-spacing-base) var(--nc-spacing-lg);box-sizing:border-box;cursor:pointer}.wb-cartoon__panel-title[data-v-028865a6]{font-family:var(--nc-font-en-semibold);font-size:var(--nc-font-size-sm);font-weight:var(--nc-font-weight-semibold)}.wb-cartoon__panel-chevron[data-v-028865a6]{width:13px;transition:var(--nc-transition-base);position:relative}.wb-cartoon__panel-chevron[data-v-028865a6]:after{content:"";display:block;width:0;height:0;border-left:var(--nc-spacing-s) solid transparent;border-right:var(--nc-spacing-s) solid transparent;border-top:var(--nc-spacing-xs) solid currentColor;margin:1px auto 0}.wb-cartoon__panel-chevron--open[data-v-028865a6]{transform:rotate(180deg)}.wb-cartoon__panel-body[data-v-028865a6]{background-color:var(--nc-color-white);width:100%;box-sizing:border-box;padding:var(--nc-spacing-regular)}.wb-cartoon__card[data-v-028865a6]{margin-bottom:var(--nc-spacing-base)}.wb-cartoon__card[data-v-028865a6]:last-child{margin-bottom:0}.wb-cartoon__mask[data-v-028865a6]{position:absolute;inset:0;z-index:var(--nc-z-dropdown);background-color:var(--nc-color-bg);background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:auto;touch-action:none}.wb-cartoon--masked[data-v-028865a6]{overflow:hidden}.wb-intro[data-v-5277ea8f]{position:relative;height:100%;width:100%;min-height:0;overflow:auto;box-sizing:border-box;background:var(--nc-color-bg)}.wb-intro__mask[data-v-5277ea8f]{position:absolute;inset:0;z-index:var(--nc-z-dropdown);background-color:var(--nc-color-bg);background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:auto;touch-action:none}.wb-intro--masked[data-v-5277ea8f]{overflow:hidden}.wb-intro__empty[data-v-5277ea8f]{height:100%;display:flex;align-items:center;justify-content:center;padding:var(--nc-spacing-xl);color:var(--nc-color-text-muted);font-size:var(--nc-font-size-sm);font-family:var(--nc-font-zh-regular);box-sizing:border-box}.wb-intro__body[data-v-5277ea8f]{margin-right:var(--nc-spacing-xxxl);font-size:calc(var(--nc-font-size-2xl) + 1px);color:var(--nc-color-text-main);font-family:var(--nc-font-zh-regular)}.wb-intro__title[data-v-5277ea8f]{text-align:center;font-weight:var(--nc-font-weight-semibold);margin:var(--nc-spacing-xxxl) 0;font-family:var(--nc-font-en-semibold),var(--nc-font-zh-medium)}.wb-intro__subtitle[data-v-5277ea8f]{color:var(--nc-color-text-muted);text-align:center;font-size:var(--nc-font-size-sm);margin:var(--nc-font-size-sm) 0 var(--nc-spacing-xll) 0;font-family:var(--nc-font-en-light),var(--nc-font-zh-regular)}.wb-intro__card[data-v-5277ea8f]{background-color:var(--nc-color-white);border-radius:var(--nc-radius-md);overflow:hidden;margin:var(--nc-spacing-base) 0}.wb-intro__figure-block[data-v-5277ea8f]{margin-top:var(--nc-spacing-xxll);overflow:hidden;margin-bottom:var(--nc-spacing-base)}.wb-intro__figure-cell[data-v-5277ea8f]{display:flex;align-items:center;justify-content:center}.wb-intro__figure-cell img[data-v-5277ea8f]{max-width:calc(var(--nc-spacing-xxxxl) * 8)}.wb-intro__card-content[data-v-5277ea8f]{padding:var(--nc-font-size-sm) var(--nc-spacing-lg);border-left:var(--nc-spacing-xxss) solid var(--nc-color-accent-yellow);color:var(--nc-color-primary);display:flex;flex-wrap:wrap;align-items:flex-start}.wb-intro__word[data-v-5277ea8f]{display:inline-flex;flex-direction:column;align-items:center}.wb-intro__word-zh[data-v-5277ea8f]{font-weight:var(--nc-font-weight-medium);font-family:var(--nc-font-zh-regular);line-height:1.2}.wb-intro__word-py[data-v-5277ea8f]{font-weight:var(--nc-font-weight-regular);font-family:var(--nc-font-pinyin-light);line-height:1.35;text-align:center;color:var(--nc-color-text-muted);transition:var(--nc-transition-opacity)}.wb-intro__card-content--with-pinyin .wb-intro__word-py[data-v-5277ea8f]{min-height:calc(var(--nc-font-size-courseware-py-regular) * 1.35);width:100%}.wb-intro[data-v-5277ea8f] .courseware-head-tabs.wb-intro__tabs{display:flex;gap:var(--nc-spacing-xl);justify-content:center}.wb-intro[data-v-5277ea8f] .courseware-head-tabs.wb-intro__tabs .courseware-head-tabs__item{padding:0 var(--nc-spacing-xxl);border-radius:var(--nc-radius-pill);text-transform:uppercase;font-size:var(--nc-font-size-sm);font-family:var(--nc-font-en-semibold)}.nc-detailed-question[data-v-9628ad81]{border-radius:var(--nc-radius-md);margin:var(--nc-spacing-mdx);font-size:var(--nc-font-size-activity);color:var(--nc-color-primary)}.nc-detailed-question__header[data-v-9628ad81]{background-color:var(--nc-color-primary);color:var(--nc-color-white);font-size:var(--nc-font-size-activity);padding:var(--nc-spacing-mdx) var(--nc-spacing-lg)}.nc-detailed-question__item[data-v-9628ad81]{padding:var(--nc-spacing-mdx) var(--nc-spacing-lg)}.nc-detailed-question__input[data-v-9628ad81]{font-size:var(--nc-font-size-activity);color:var(--nc-color-text-main);padding:var(--nc-spacing-mdx) var(--nc-spacing-lg);background-color:var(--nc-color-surface-subtle);width:100%;margin-top:var(--nc-spacing-base);border-radius:var(--nc-radius-md)}.nc-detailed-question__input[data-v-9628ad81]::placeholder{color:var(--nc-color-text-muted);font-size:var(--nc-font-size-activity)}.nc-activity-textarea[data-v-0d5c7232]{min-height:var(--nc-height-xxxxxxlarge);font-size:var(--nc-font-size-activity);color:var(--nc-color-text-main);padding:var(--nc-spacing-mdx) var(--nc-spacing-lg);width:100%;resize:none;overflow-y:auto}.nc-activity-textarea[data-v-0d5c7232]::placeholder{color:var(--nc-color-text-muted);font-size:var(--nc-font-size-activity)}.wb-activities[data-v-c4f8cd35]{position:relative;height:100%;width:100%;min-height:0;box-sizing:border-box}.wb-activities--doodle[data-v-c4f8cd35]{height:auto;min-height:100%}.wb-activities--doodle .wb-activities__shell[data-v-c4f8cd35]{height:auto;min-height:100%;overflow:visible}.wb-activities--doodle .wb-activities__main--with-sticky[data-v-c4f8cd35]{padding-bottom:0}.wb-activities--doodle .wb-activities__sticky-footer[data-v-c4f8cd35]{position:sticky;top:auto;bottom:0;max-height:33vh;overflow-y:auto;z-index:2}.wb-activities__mask[data-v-c4f8cd35]{position:absolute;inset:0;z-index:var(--nc-z-dropdown);background-color:var(--nc-color-bg);background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:auto;touch-action:none}.wb-activities--masked[data-v-c4f8cd35]{overflow:hidden}.wb-activities__empty[data-v-c4f8cd35]{height:100%;display:flex;align-items:center;justify-content:center;padding:var(--nc-spacing-xl);color:var(--nc-color-text-muted);font-size:var(--nc-font-size-sm);box-sizing:border-box}.wb-activities__shell[data-v-c4f8cd35]{position:relative;box-sizing:border-box;padding:var(--nc-spacing-xlll);height:100%;overflow:scroll;background:var(--nc-color-canvas-activities)}.wb-activities__main--with-sticky[data-v-c4f8cd35]{padding-bottom:33vh}.wb-activities__tabs[data-v-c4f8cd35]{display:flex;gap:var(--nc-spacing-md);justify-content:center}.wb-activities__heading[data-v-c4f8cd35]{text-align:center;font-weight:var(--nc-font-weight-semibold);margin:var(--nc-spacing-xl) 0}.wb-activities__subheading[data-v-c4f8cd35]{color:var(--nc-color-text-muted);text-align:center;font-size:var(--nc-font-size-sm);margin:var(--nc-spacing-md) 0 var(--nc-spacing-xxl)}.wb-activities__body-font[data-v-c4f8cd35]{line-height:1.5}.wb-activities__body-font .wb-activities__task[data-v-c4f8cd35],.wb-activities__body-font .wb-activities__card.wb-activities__card--open[data-v-c4f8cd35],.wb-activities__body-font .wb-activities__card-title[data-v-c4f8cd35],.wb-activities__body-font .wb-activities__card-text[data-v-c4f8cd35],.wb-activities__body-font[data-v-c4f8cd35] .nc-expandable,.wb-activities__body-font[data-v-c4f8cd35] .nc-foldable,.wb-activities__body-font[data-v-c4f8cd35] .nc-detailed-question,.wb-activities__body-font[data-v-c4f8cd35] .nc-detailed-question__header,.wb-activities__body-font[data-v-c4f8cd35] .nc-detailed-question__input{font-size:inherit}.wb-activities__body-font[data-v-c4f8cd35] .nc-detailed-question__input::placeholder{font-size:inherit}.wb-activities__body-font[data-v-c4f8cd35] .courseware-image-grid,.wb-activities__body-font[data-v-c4f8cd35] .courseware-image-grid__caption,.wb-activities__body-font[data-v-c4f8cd35] .courseware-image-grid__html{font-size:inherit}.wb-activities__task[data-v-c4f8cd35]{border-radius:var(--nc-radius-lg);background-color:var(--nc-color-white);display:grid;grid-template-columns:1fr 2fr;gap:var(--nc-spacing-md);padding:var(--nc-spacing-xlll);color:var(--nc-color-primary);font-size:var(--nc-font-size-activity);line-height:1.5}.wb-activities__task-avatars[data-v-c4f8cd35]{display:flex;gap:var(--nc-spacing-md);margin-bottom:var(--nc-spacing-xl)}.wb-activities__task-avatar[data-v-c4f8cd35]{width:var(--nc-height-xxxxxxlarge);height:var(--nc-height-xxxxxxlarge);border-radius:var(--nc-radius-pill)}.wb-activities__task-label[data-v-c4f8cd35]{font-weight:var(--nc-font-weight-semibold);margin-bottom:var(--nc-spacing-base)}.wb-activities__task-scenario[data-v-c4f8cd35]{margin-top:var(--nc-spacing-xl)}.wb-activities__sticky-footer[data-v-c4f8cd35]{position:absolute;bottom:0;right:0;left:0;border-top-left-radius:var(--nc-radius-regular);border-top-right-radius:var(--nc-radius-regular);max-height:33vh;overflow-y:scroll;background:var(--nc-color-bg)}.wb-activities__card[data-v-c4f8cd35]{border-radius:var(--nc-radius-md);margin:var(--nc-spacing-xl);background:var(--nc-color-white);overflow:hidden}.wb-activities__card--open[data-v-c4f8cd35]{font-size:var(--nc-font-size-activity)}.wb-activities__card--open .wb-activities__open-question-title[data-v-c4f8cd35]{padding:var(--nc-spacing-mdx) var(--nc-spacing-lg);background-color:var(--nc-color-primary);color:var(--nc-color-white);font-weight:var(--nc-font-weight-semibold);font-size:inherit}.wb-activities__card--open[data-v-c4f8cd35] .nc-activity-textarea{padding:var(--nc-spacing-mdx) var(--nc-spacing-lg);background-color:var(--nc-color-surface-subtle);width:100%;font-size:inherit;color:var(--nc-color-text-main);font-family:var(--nc-font-zh-regular)}.wb-activities__card-title[data-v-c4f8cd35]{background-color:var(--nc-color-primary);color:var(--nc-color-white);font-weight:var(--nc-font-weight-semibold);padding:var(--nc-spacing-mdx) var(--nc-spacing-lg);margin:0;font-size:var(--nc-font-size-activity)}.wb-activities__card-text[data-v-c4f8cd35]{padding:var(--nc-spacing-mdx) var(--nc-spacing-lg);background-color:var(--nc-color-surface-subtle);color:var(--nc-color-primary);font-size:var(--nc-font-size-activity)}.wb-activities__card--tips .wb-activities__card-title[data-v-c4f8cd35]{background-color:var(--nc-color-accent-yellow);color:var(--nc-color-white)}.wb-activities__open-question-body[data-v-c4f8cd35]{padding:var(--nc-spacing-mdx) var(--nc-spacing-md)}.wb-activities__type-questions[data-v-c4f8cd35] .nc-foldable__body{overflow:hidden;padding:0}[data-v-c4f8cd35] .courseware-head-tabs.wb-activities__tabs .courseware-head-tabs__item{padding:0 var(--nc-spacing-xll);border-radius:var(--nc-radius-pill);text-transform:uppercase;font-size:var(--nc-font-size-sm)}.wb-expression[data-v-3048df17]{position:relative;height:100%;width:100%;min-height:0;box-sizing:border-box}.wb-expression--doodle[data-v-3048df17]{height:auto;min-height:100%}.wb-expression--doodle .wb-expression__container[data-v-3048df17]{height:auto;min-height:100%;overflow:visible}.wb-expression--doodle .wb-expression__container--audio[data-v-3048df17]{padding-bottom:0}.wb-expression--doodle .wb-expression__sticky-footer[data-v-3048df17]{position:sticky;top:auto;bottom:0;z-index:2}.wb-expression__mask[data-v-3048df17]{position:absolute;inset:0;z-index:var(--nc-z-dropdown);background-color:var(--nc-color-bg);background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:auto;touch-action:none}.wb-expression--masked[data-v-3048df17]{overflow:hidden}.wb-expression__empty[data-v-3048df17]{height:100%;display:flex;align-items:center;justify-content:center;padding:var(--nc-spacing-xl);color:var(--nc-color-text-muted);font-size:var(--nc-font-size-sm);box-sizing:border-box}.wb-expression__container[data-v-3048df17]{height:100%;overflow:scroll;font-size:var(--nc-font-size-activity);padding-top:var(--nc-spacing-xl);box-sizing:border-box}.wb-expression__container--audio[data-v-3048df17]{padding-bottom:110px}.wb-expression__sticky-footer[data-v-3048df17]{position:absolute;bottom:0;right:0;left:0}.wb-expression__head-tabs[data-v-3048df17]{display:flex;gap:var(--nc-spacing-xl);justify-content:center}.wb-expression__title[data-v-3048df17]{text-align:center;font-weight:600;margin:calc(var(--nc-spacing-xl) * 1.5) 0}.wb-expression__subtitle[data-v-3048df17]{color:#9e9e9f;text-align:center;font-size:var(--nc-font-size-sm);margin:calc(var(--nc-spacing-xll) / 2) 0 var(--nc-spacing-xll)}.wb-expression__text[data-v-3048df17]{background-color:#fff;border-radius:10px;margin:30px 20px 60px;font-family:var(--nc-font-zh-regular);position:relative}.wb-expression__exercise--foldable[data-v-3048df17]{position:absolute;bottom:0;right:0;left:0}.wb-expression__exercise[data-v-3048df17] .nc-foldable{font-size:inherit}.wb-expression__columns[data-v-3048df17]{display:flex;gap:24px}.wb-expression__column[data-v-3048df17]{width:50%}.wb-expression__box[data-v-3048df17]{border-radius:10px}.wb-expression__box-header[data-v-3048df17],.wb-expression__box-content[data-v-3048df17],.wb-expression__answer[data-v-3048df17]{padding:14px 20px;font-family:var(--nc-font-zh-regular);color:#333}.wb-expression__box-header[data-v-3048df17]{background-color:#2472b3;color:#fff;margin:0;font-size:var(--nc-font-size-activity);font-weight:var(--nc-font-weight-semibold)}.wb-expression__box--tips .wb-expression__box-header[data-v-3048df17]{background-color:#f6c752}.wb-expression__box-content[data-v-3048df17]{color:#2472b3}.wb-expression__answer[data-v-3048df17]{margin-top:var(--nc-spacing-xl);background-color:#fff;border-radius:var(--nc-radius-md);width:100%;font-size:var(--nc-font-size-activity);border:1px solid var(--nc-color-border, #dcdfe6);box-sizing:border-box}.wb-expression__answer[data-v-3048df17]::placeholder{color:#9e9e9f;font-size:var(--nc-font-size-activity)}.wb-expression__text[data-v-3048df17] .nc-expandable,.wb-expression__exercise[data-v-3048df17] .nc-foldable,.wb-expression__exercise .wb-expression__box-header[data-v-3048df17],.wb-expression__exercise .wb-expression__box-content[data-v-3048df17],.wb-expression__exercise .wb-expression__answer[data-v-3048df17]{font-size:inherit}.wb-expression__exercise .wb-expression__answer[data-v-3048df17]::placeholder{font-size:inherit}.wb-expression[data-v-3048df17] .courseware-head-tabs.wb-expression__head-tabs .courseware-head-tabs__item{padding:0 var(--nc-spacing-xll);border-radius:var(--nc-radius-pill);text-transform:uppercase;font-size:var(--nc-font-size-sm)}.listening-open-ended[data-v-50461e23]{border-radius:var(--nc-radius-md);margin:14px;font-size:var(--nc-font-size-activity);background-color:var(--nc-color-white);overflow:hidden}.listening-open-ended__question[data-v-50461e23]{background-color:var(--nc-color-primary);color:var(--nc-color-white);font-size:var(--nc-font-size-activity);padding:14px var(--nc-spacing-lg);font-family:var(--nc-font-zh-regular)}.listening-open-ended__answer[data-v-50461e23]{min-height:var(--nc-height-xxxxxxlarge);font-size:var(--nc-font-size-xl);color:var(--nc-color-text-main);padding:14px var(--nc-spacing-lg);width:100%;resize:none;border:none;box-sizing:border-box;font-family:var(--nc-font-zh-regular);overflow-y:auto}.listening-open-ended__answer[data-v-50461e23]::placeholder{color:var(--nc-color-text-muted);font-size:var(--nc-font-size-xl)}.listening-mind-map[data-v-9eef4d83]{font-size:var(--nc-font-size-xl)}.listening-mind-map__scroll[data-v-9eef4d83]{overflow:scroll}.listening-mind-map--doodle .listening-mind-map__scroll[data-v-9eef4d83]{overflow:visible}.listening-mind-map__levels[data-v-9eef4d83]{display:flex;width:max-content;min-height:100%;align-items:stretch}.listening-mind-map__level[data-v-9eef4d83]{display:flex;flex-direction:column;min-height:100%;justify-content:center;align-items:flex-start}.listening-mind-map__level:first-child .listening-mind-map__group[data-v-9eef4d83]:before{opacity:0}.listening-mind-map__level[data-level="0"] .listening-mind-map__node[data-v-9eef4d83]:before{border-top-color:transparent}.listening-mind-map__node[data-v-9eef4d83]:not([data-parent]):before{border-top-color:transparent}.listening-mind-map__node[data-v-9eef4d83]:not([data-has-children]):after{border-top-color:transparent}.listening-mind-map__group[data-v-9eef4d83]{display:flex;flex-direction:column;position:relative;margin:var(--nc-spacing-base) 0;min-height:0;justify-content:flex-start;align-items:stretch}.listening-mind-map__group[data-v-9eef4d83]:before{content:"";position:absolute;left:0;top:var(--vertical-line-offset, 0px);width:0;height:var(--vertical-line-height, 0px);border-right:1px dashed var(--nc-color-primary);box-sizing:border-box;pointer-events:none}.listening-mind-map__node[data-v-9eef4d83]{display:flex;flex-direction:row;align-items:center;justify-content:center;flex:1 1 auto;min-height:0}.listening-mind-map__node[data-v-9eef4d83]:before,.listening-mind-map__node[data-v-9eef4d83]:after{content:"";flex:1 1 auto;min-width:var(--nc-font-size-xl);height:0;align-self:center;border-top:1px dashed var(--nc-color-primary);box-sizing:border-box}.listening-mind-map__node[data-v-9eef4d83]:not([data-node]):before,.listening-mind-map__node[data-v-9eef4d83]:not([data-node]):after{display:none}.listening-mind-map__node[data-v-9eef4d83]:not([data-level-flag]):after{border-top-color:transparent}.listening-mind-map__card[data-v-9eef4d83]{flex:0 0 auto;padding:var(--nc-font-size-xl);background-color:var(--nc-color-primary);color:var(--nc-color-white);border-radius:var(--nc-radius-md);margin:5px;align-self:center;font-family:var(--nc-font-zh-regular)}.listening-mind-map__answer[data-v-9eef4d83]{height:var(--nc-height-xxxxxxlarge);font-size:var(--nc-font-size-xl);color:var(--nc-color-text-main);background:var(--nc-color-white);width:90%;border-radius:var(--nc-radius-md);padding:14px var(--nc-spacing-lg);display:block;margin:auto auto var(--nc-font-size-xl);border:none;box-sizing:border-box;font-family:var(--nc-font-zh-regular)}.listening-mind-map__answer[data-v-9eef4d83]::placeholder{color:var(--nc-color-text-muted);background:var(--nc-color-white);font-size:var(--nc-font-size-xl)}.wb-listening[data-v-53b56b23]{position:relative;height:100%;min-height:0;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}.wb-listening--doodle[data-v-53b56b23]{height:auto;min-height:100%;overflow:visible;display:block}.wb-listening--doodle .wb-listening__shell[data-v-53b56b23]{flex:none;display:block;min-height:auto}.wb-listening--doodle .wb-listening__scroll[data-v-53b56b23]{flex:none;min-height:auto;overflow:visible;-webkit-overflow-scrolling:auto}.wb-listening--doodle .wb-listening__footer[data-v-53b56b23]{position:sticky;bottom:0;z-index:2}.wb-listening__content[data-v-53b56b23]{padding-bottom:var(--nc-spacing-lg)}.wb-listening__title[data-v-53b56b23]{text-align:center;font-weight:var(--nc-font-weight-semibold);margin:var(--nc-spacing-xxl) 0}.wb-listening__tabs[data-v-53b56b23]{display:flex;gap:var(--nc-spacing-md);justify-content:center}.wb-listening__subtitle[data-v-53b56b23]{color:var(--nc-color-text-muted);text-align:center;font-size:var(--nc-font-size-sm);margin:var(--nc-spacing-md) 0 var(--nc-spacing-xxl) 0}.wb-listening__shell[data-v-53b56b23]{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.wb-listening__scroll[data-v-53b56b23]{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.wb-listening__footer[data-v-53b56b23]{flex:0 0 auto;flex-shrink:0;width:100%;z-index:1;background-color:var(--nc-color-white)}.wb-listening__mask[data-v-53b56b23]{position:absolute;inset:0;z-index:var(--nc-z-dropdown);background-color:var(--nc-color-bg);background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:auto;touch-action:none}.wb-listening--masked[data-v-53b56b23]{overflow:hidden}.wb-listening__empty[data-v-53b56b23]{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:var(--nc-spacing-xl);color:var(--nc-color-text-muted);font-size:var(--nc-font-size-sm);box-sizing:border-box}.wb-listening[data-v-53b56b23] .courseware-head-tabs.wb-listening__tabs .courseware-head-tabs__item{padding:0 var(--nc-spacing-xll);border-radius:var(--nc-radius-pill);text-transform:uppercase;font-size:var(--nc-font-size-sm)}.wb-listening[data-v-53b56b23] .CONTROW{border-radius:var(--nc-radius-md);margin:var(--nc-spacing-xl) 0;overflow:hidden;color:var(--nc-color-text-main);font-size:inherit}.wb-listening[data-v-53b56b23] .row_sentence{border-left:5px solid var(--nc-color-accent-yellow);padding:var(--nc-spacing-xl) var(--nc-spacing-sm)}.wb-listening__scaled-main[data-v-53b56b23] .listening-open-ended,.wb-listening__scaled-main[data-v-53b56b23] .listening-open-ended__question,.wb-listening__scaled-main[data-v-53b56b23] .listening-open-ended__answer{font-size:inherit}.wb-listening__scaled-main[data-v-53b56b23] .listening-open-ended__answer::placeholder{font-size:inherit}.wb-link[data-v-6898c8f8]{position:relative;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;background-color:var(--nc-color-bg);overflow:hidden}.wb-link__iframe[data-v-6898c8f8]{flex:1 1 auto;width:100%;min-height:0;border:none;display:block;background-color:var(--nc-color-white)}.wb-link__empty[data-v-6898c8f8]{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--nc-spacing-lg);font-size:var(--nc-font-size-sm);color:var(--nc-color-text-muted);text-align:center}.wb-link__mask[data-v-6898c8f8]{position:absolute;inset:0;z-index:calc(var(--nc-z-dropdown) + 1);background-color:var(--nc-color-bg);background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:auto;touch-action:none}.wb-right-panel[data-v-0ef6c505]{height:100%;width:100%;background-color:var(--nc-color-white);border-radius:var(--nc-radius-lg);box-shadow:var(--nc-shadow-md);overflow:hidden;display:flex;flex-direction:column;min-height:0}.wb-right-panel__header[data-v-0ef6c505]{flex:0 0 40px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--nc-spacing-xl);background-color:var(--nc-color-accent-yellow);color:var(--nc-color-primary);border-radius:var(--nc-radius-lg) var(--nc-radius-lg) 0 0}.wb-right-panel__header-title[data-v-0ef6c505]{min-width:0;flex:1 1 auto;font-family:var(--nc-font-en-semibold);font-size:var(--nc-font-size-sm);text-align:left}.wb-right-panel__header-title-row[data-v-0ef6c505]{display:flex;flex-direction:row;align-items:center;gap:var(--nc-spacing-sm);min-width:0}.wb-right-panel__header-title-row--doodle .wb-right-panel__header-title-start[data-v-0ef6c505]{flex:1 1 0;min-width:0}.wb-right-panel__header-title-start[data-v-0ef6c505]{display:flex;flex-direction:row;align-items:center;gap:var(--nc-spacing-sm);min-width:0}.wb-right-panel__header-title-trail[data-v-0ef6c505]{flex:1 1 0;min-width:0}.wb-right-panel__header-title-text[data-v-0ef6c505]{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.wb-right-panel__header-title-placeholder[data-v-0ef6c505],.wb-right-panel__header-title-zh[data-v-0ef6c505]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.wb-right-panel__header-title-en[data-v-0ef6c505]{font-size:var(--nc-font-size-xs);opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.wb-right-panel__header-courseware-icon[data-v-0ef6c505]{flex:0 0 auto;width:20px;height:20px;object-fit:contain;display:block}.wb-right-panel__header-actions[data-v-0ef6c505]{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--nc-spacing-xs) + var(--nc-spacing-xxs) / 2)}.wb-right-panel__doodle-slot[data-v-0ef6c505]{flex:0 0 auto}.wb-right-panel--shared-compact .wb-right-panel__header[data-v-0ef6c505]{flex:0 0 auto;min-height:36px;padding:0 var(--nc-spacing-sm);background-color:var(--nc-color-bg-gery);border-bottom:1px solid var(--nc-color-border)}.wb-right-panel--shared-compact .wb-right-panel__header-actions[data-v-0ef6c505]{width:100%;justify-content:flex-end;gap:var(--nc-spacing-xs)}.wb-right-panel--shared-compact .wb-right-panel__btn--font-size[data-v-0ef6c505]{background:var(--nc-color-accent-yellow);border-radius:100%}.wb-right-panel--shared-compact .wb-right-panel__btn--pinyin[data-v-0ef6c505]{background:#f1f1f0;border-radius:100%}.wb-right-panel--shared-compact[data-v-0ef6c505]{border-radius:0}.wb-right-panel__btn[data-v-0ef6c505]{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--nc-color-white);border-radius:8px;padding:0;font-size:var(--nc-font-size-xs);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s ease,opacity .2s ease}.wb-right-panel__btn[data-v-0ef6c505]:active{transform:scale(.94)}.wb-right-panel__btn--disabled[data-v-0ef6c505]{opacity:.45;cursor:not-allowed}.wb-right-panel__btn[data-v-0ef6c505]:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:2px}.wb-right-panel__btn--primary[data-v-0ef6c505]{background:var(--nc-color-accent-yellow);color:var(--nc-color-text-main)}.wb-right-panel__btn--primary[data-v-0ef6c505]:hover{background:var(--nc-color-accent-yellow-hover, var(--nc-color-accent-yellow))}.wb-right-panel__btn--fullscreen[data-v-0ef6c505]{margin-left:calc(var(--nc-spacing-xl) + var(--nc-spacing-xxs) / 4)}.wb-right-panel__btn--favorite[data-v-0ef6c505],.wb-right-panel__btn--print[data-v-0ef6c505]{width:25px;height:25px;min-width:25px;padding:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;background-color:var(--nc-color-white);border-radius:50%}.wb-right-panel__btn-icon[data-v-0ef6c505]{width:25px;height:25px;object-fit:contain;display:block;transition:transform .2s ease,opacity .2s ease}.wb-right-panel__btn-font-ep[data-v-0ef6c505]{display:inline-flex;align-items:center;justify-content:center;color:var(--nc-color-primary)}.wb-right-panel__traditional-toggle[data-v-0ef6c505]{display:inline-flex;align-items:center;background:var(--nc-color-white);border-radius:var(--nc-radius-pill);padding:var(--nc-spacing-xxs);height:27px;transition:transform .2s ease}.wb-right-panel__traditional-opt[data-v-0ef6c505]{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--nc-color-text-muted);font-family:var(--nc-font-zh-medium);font-size:var(--nc-font-size-xs);transform:scale(.94);transition:var(--nc-transition-base)}.wb-right-panel__traditional-opt.active[data-v-0ef6c505]{background:var(--nc-color-accent-yellow);color:var(--nc-color-primary);transform:scale(1)}.wb-right-panel__btn-icon--fullscreen[data-v-0ef6c505]{width:25px;height:25px}.wb-right-panel__btn-icon--print[data-v-0ef6c505],.wb-right-panel__btn-icon--favorite[data-v-0ef6c505]{width:14px;height:14px}.wb-right-panel__btn-icon--active[data-v-0ef6c505]{transform:scale(1.06)}.wb-right-panel__main[data-v-0ef6c505]{flex:1 1 auto;min-height:0;padding:0;box-sizing:border-box;background:var(--nc-color-bg-gery);position:relative;display:flex;flex-direction:column}.wb-right-panel__renderer[data-v-0ef6c505]{flex:1 1 auto;min-height:0;height:100%;width:100%;display:flex;flex-direction:column}.wb-right-panel__outer-stage[data-v-0ef6c505]{flex:1 1 auto;min-height:0;height:100%}.wb-right-panel__issue-guide-mask[data-v-0ef6c505]{position:absolute;inset:0;z-index:5;background-color:var(--nc-color-bg);display:flex;align-items:center;justify-content:center;padding:var(--nc-spacing-lg);box-sizing:border-box;overflow:auto}.wb-right-panel__issue-guide-image[data-v-0ef6c505]{width:100%;max-width:100%;height:auto;display:block;border-radius:var(--nc-radius-md);box-shadow:var(--nc-shadow-lg);background:var(--nc-color-bg)}.wb-right-panel__skeleton[data-v-0ef6c505]{height:100%;padding:var(--nc-spacing-lg);display:flex;flex-direction:column;gap:var(--nc-spacing-md);background:var(--nc-color-bg-gery)}.wb-right-panel__skeleton-shimmer[data-v-0ef6c505]{position:relative;overflow:hidden;border-radius:var(--nc-radius-sm);background:var(--nc-color-white)}.wb-right-panel__skeleton-shimmer[data-v-0ef6c505]:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.75) 50%,transparent 100%);animation:wb-right-panel-skeleton-shimmer-0ef6c505 1.2s ease-in-out infinite}.wb-right-panel__skeleton-text[data-v-0ef6c505]{display:flex;flex-direction:column;gap:var(--nc-spacing-sm)}.wb-right-panel__skeleton-line[data-v-0ef6c505]{display:block;width:100%;height:var(--nc-height-large)}.wb-right-panel__skeleton-line[data-v-0ef6c505]:nth-child(2n){width:88%}.wb-right-panel__skeleton-line[data-v-0ef6c505]:nth-child(3n){width:74%}.wb-right-panel__skeleton-media-main[data-v-0ef6c505]{flex:1 1 auto;min-height:240px}.wb-right-panel__skeleton-media-controls[data-v-0ef6c505]{display:flex;align-items:center;gap:var(--nc-spacing-sm)}.wb-right-panel__skeleton-chip[data-v-0ef6c505]{display:block;width:84px;height:var(--nc-height-xxlarge);border-radius:var(--nc-radius-pill)}.wb-right-panel__skeleton-mixed[data-v-0ef6c505]{flex:1 1 auto;min-height:0;display:flex;gap:var(--nc-spacing-sm)}.wb-right-panel__skeleton-mixed-side[data-v-0ef6c505]{flex:0 0 92px;display:flex;flex-direction:column;gap:var(--nc-spacing-xs)}.wb-right-panel__skeleton-mixed-side-item[data-v-0ef6c505]{display:block;width:100%;height:56px}.wb-right-panel__skeleton-mixed-main[data-v-0ef6c505]{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--nc-spacing-sm)}.wb-right-panel__footer[data-v-0ef6c505]{flex:0 0 auto;padding:var(--nc-spacing-md) var(--nc-spacing-xl);display:flex;flex-direction:column;gap:var(--nc-spacing-sm);background:var(--nc-color-bg-gery)}.wb-right-panel__tools[data-v-0ef6c505],.wb-right-panel__pager[data-v-0ef6c505],.wb-right-panel__simulate[data-v-0ef6c505]{display:flex;gap:var(--nc-spacing-sm);align-items:center}@keyframes wb-right-panel-skeleton-shimmer-0ef6c505{to{transform:translate(100%)}}.wb-print[data-v-7c25b706]{position:relative;box-sizing:border-box;min-height:100vh;padding:var(--nc-spacing-2xl) var(--nc-spacing-md) var(--nc-spacing-md);color:var(--nc-color-text-main);background-color:var(--nc-color-bg)}.wb-print__back[data-v-7c25b706]{position:absolute;top:var(--nc-spacing-md);left:var(--nc-spacing-md);z-index:3;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer}.wb-print__back[data-v-7c25b706]:hover{opacity:.85}.wb-print__back-icon[data-v-7c25b706]{display:block;width:40px;height:40px}.wb-print__toolbar[data-v-7c25b706]{position:absolute;top:var(--nc-spacing-md);right:48px;z-index:2;display:flex;gap:var(--nc-spacing-sm);align-items:center}.wb-print__option-group[data-v-7c25b706]{display:flex;gap:var(--nc-spacing-sm);align-items:center}.wb-print__toggle[data-v-7c25b706]{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer}.wb-print__toggle[data-v-7c25b706]:hover{opacity:.85}.wb-print__toggle-icon[data-v-7c25b706]{display:block;width:35px;height:35px}.wb-print__word-btn[data-v-7c25b706]{display:inline-flex;align-items:center;gap:var(--nc-spacing-xxs);padding:var(--nc-spacing-xs) var(--nc-spacing-md);border:none;border-radius:var(--nc-radius-xs);font-size:var(--nc-font-size-xs);font-family:var(--nc-font-family-medium, Montserrat, sans-serif);color:var(--nc-color-white);background-color:var(--nc-color-text-main);cursor:pointer}.wb-print__word-btn[data-v-7c25b706]:hover:not(:disabled){opacity:.7}.wb-print__word-btn[data-v-7c25b706]:disabled{opacity:.55;cursor:not-allowed}.wb-print__word-btn-icon[data-v-7c25b706]{font-size:var(--nc-font-size-sm)}.wb-print__loading[data-v-7c25b706]{max-width:960px;margin:80px auto 0;text-align:center}.wb-print__sheet[data-v-7c25b706]{width:100%;max-width:960px;margin:0 auto}.wb-print__header[data-v-7c25b706]{display:flex;align-items:flex-start;gap:var(--nc-spacing-md);margin-bottom:var(--nc-spacing-xl)}.wb-print__logo[data-v-7c25b706]{flex-shrink:0;width:80px;height:auto;object-fit:contain;print-color-adjust:exact;-webkit-print-color-adjust:exact}.wb-print__title[data-v-7c25b706]{flex:1;margin:12px 0 0;font-size:var(--nc-font-size-lg);text-align:center;color:var(--nc-color-text-main);font-family:var(--nc-font-zh-regular),var(--nc-font-en-regular)}.wb-print__list[data-v-7c25b706]{display:flex;flex-direction:column;gap:var(--nc-spacing-md)}.wb-print__row[data-v-7c25b706]{overflow:hidden;border-radius:var(--nc-radius-regular);background-color:var(--nc-color-white);box-shadow:0 1px 2px #0000000a}.wb-print__row[data-v-7c25b706] .wb-cont-row .wb-cont-row__inner{min-height:68px;padding:var(--nc-spacing-sm) var(--nc-spacing-md);background-color:var(--nc-color-white)!important}.wb-print__row[data-v-7c25b706] .wb-cont-row .wb-cont-row__inner--word,.wb-print__row[data-v-7c25b706] .wb-cont-row .wb-cont-row__inner--sentence,.wb-print__row[data-v-7c25b706] .wb-cont-row .wb-cont-row__word-wrap,.wb-print__row[data-v-7c25b706] .wb-cont-row .wb-cont-row__sentence-wrap,.wb-print__row[data-v-7c25b706] .wb-cont-row .wb-cont-row__left-word,.wb-print__row[data-v-7c25b706] .wb-cont-row .wb-cont-row__left-sentence,.wb-print__row[data-v-7c25b706] .wb-cont-row .wb-cont-row__token--word-row{align-items:center}.wb-print__row[data-v-7c25b706] .wb-cont-row .wb-cont-row__zh{color:var(--nc-color-text-main);font-family:var(--nc-font-en-light)}.wb-print__row[data-v-7c25b706] .wb-cont-row .wb-cont-row__en{margin:0 0 0 var(--nc-spacing-sm);color:var(--nc-color-text-main);align-self:center;font-family:var(--nc-font-en-regular)}.wb-print__row[data-v-7c25b706] .wb-cont-row .wb-cont-row__zh-py{justify-items:start}.wb-print__row[data-v-7c25b706] .wb-cont-row .wb-cont-row__star{flex-shrink:0;margin-left:var(--nc-spacing-xs)}.wb-print__row[data-v-7c25b706] .wb-cont-row .wb-cont-row__right,.wb-print__row[data-v-7c25b706] .wb-cont-row .wb-cont-row__right-sentence{margin-left:var(--nc-spacing-sm)}@media print{.wb-print[data-v-7c25b706]{min-height:auto;padding:0!important;background-color:var(--nc-color-white)}.wb-print__sheet[data-v-7c25b706]{max-width:none;margin:0}.wb-print__header[data-v-7c25b706]{align-items:center;margin-bottom:16px;break-inside:avoid}.wb-print__logo[data-v-7c25b706]{width:72px}.wb-print__title[data-v-7c25b706]{margin:0;font-size:var(--nc-font-size-xl);font-family:var(--nc-font-zh-regular),var(--nc-font-en-regular)}.wb-print__list[data-v-7c25b706]{gap:var(--nc-spacing-xs)}.wb-print__row[data-v-7c25b706]{box-shadow:none;break-inside:avoid}.wb-print__row[data-v-7c25b706] .wb-cont-row__right,.wb-print__row[data-v-7c25b706] .wb-cont-row__right-sentence,.wb-print__row[data-v-7c25b706] .wb-cont-row__right--ai-voice,.wb-print__row[data-v-7c25b706] .wb-cont-row__sentence-ai,.no-print[data-v-7c25b706]{display:none!important}}.nc-edit-tips-example-popover{border-radius:var(--nc-radius-base)!important;max-width:750px;box-shadow:var(--nc-shadow-sm)!important}.nc-edit-tips-example-popover span,.nc-edit-tips-example-popover p{text-transform:none!important}.nc-edit-tips-example-popover .edit-tips__example{display:flex;padding:var(--nc-spacing-mdx);gap:var(--nc-spacing-xl)}.nc-edit-tips-example-popover .edit-tips__example-col{flex:1;display:flex;flex-direction:column;gap:var(--nc-spacing-base)}.nc-edit-tips-example-popover .edit-tips__example-col .edit-tips__example-heading img{width:40px}.nc-edit-tips-example-popover .edit-tips__example-col .edit-tips__example-body{font-size:var(--nc-font-size-xsm);font-family:var(--nc-font-zh-regular) var(--nc-font-en-regular);color:var(--nc-color-text-secondary);display:flex;flex-direction:column;gap:var(--nc-spacing-sm);height:160px;border-bottom:1px solid var(--nc-color-border-light)}.nc-edit-tips-example-popover .edit-tips__example-col .edit-tips__example-body p{margin:0}.nc-edit-tips-example-popover .edit-tips__example-col .edit-tips__example-line{display:flex;align-items:center;gap:var(--nc-spacing-sm);font-size:var(--nc-font-size-xs);color:var(--nc-color-text-muted);font-family:var(--nc-font-zh-regular)}.nc-edit-tips-example-popover .edit-tips__example-col .edit-tips__example-line img{width:18px}