.online-play-entry[data-v-e8072f6a]{align-items:center;border:1px solid #18a058;border-radius:.5rem;color:#18a058;cursor:pointer;display:inline-flex;font-weight:600;gap:.4rem;justify-content:center;padding:.8rem 1.2rem}.online-play-entry[data-v-e8072f6a]:hover{background:#18a05812}.online-play-entry[data-v-e8072f6a]:focus-visible{outline:3px solid #36ad6a;outline-offset:3px}.online-play-status[data-v-e8072f6a]{align-items:center;color:#666;display:flex;flex-direction:column;font-size:.85rem;gap:.4rem}.online-play-status button[data-v-e8072f6a]{background:transparent;border:0;color:#16834b;cursor:pointer;text-decoration:underline}.online-play-status button[data-v-e8072f6a]:disabled{cursor:wait;opacity:.6}.lesson-catalog[data-v-313bf436]{display:flex;flex-direction:column;gap:24px}.catalog-stats[data-v-313bf436]{background:#f8f9fa;border-radius:8px;display:flex;gap:32px;padding:16px 20px}.stat-item[data-v-313bf436]{align-items:center;display:flex;gap:8px}.stat-icon[data-v-313bf436]{font-size:20px}.stat-value[data-v-313bf436]{color:#303133;font-size:15px;font-weight:500}.catalog-list[data-v-313bf436]{display:flex;flex-direction:column;gap:12px}.empty-catalog[data-v-313bf436]{padding:32px 0}.chapter-item[data-v-313bf436]{background:#fff;border:1px solid #ebeef5;border-radius:8px;overflow:hidden}.chapter-header[data-v-313bf436]{align-items:center;cursor:pointer;display:flex;padding:16px 20px;transition:background-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chapter-header[data-v-313bf436]:hover{background:#f8f9fa}.chapter-index[data-v-313bf436]{align-items:center;background:#18a058;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:500;height:28px;justify-content:center;margin-right:16px;width:28px}.chapter-title[data-v-313bf436]{color:#303133;flex:1;font-size:16px;font-weight:500}.toggle-icon[data-v-313bf436]{transition:transform .3s}.toggle-icon.is-open[data-v-313bf436]{transform:rotate(180deg)}.lessons-list[data-v-313bf436]{border-top:1px solid #ebeef5;display:flex;flex-direction:column;padding:8px 0}.lesson-item[data-v-313bf436]{align-items:center;color:#606266;cursor:pointer;display:flex;justify-content:space-between;padding:12px 20px 12px 64px;transition:background-color .2s}.lesson-item[data-v-313bf436]:hover{background:#f8f9fa}.lesson-item.is-free[data-v-313bf436]{cursor:pointer}.lesson-item.is-free[data-v-313bf436]:hover{color:#18a058}.lesson-info[data-v-313bf436]{gap:12px}.lesson-index[data-v-313bf436],.lesson-info[data-v-313bf436]{align-items:center;display:flex}.lesson-index[data-v-313bf436]{color:#909399;font-size:12px;height:20px;justify-content:center;width:20px}.lesson-title[data-v-313bf436]{align-items:center;display:flex;gap:8px}.free-tag[data-v-313bf436]{margin-left:8px}.lesson-actions[data-v-313bf436]{align-items:center;display:flex;gap:12px}.lesson-duration[data-v-313bf436]{color:#909399;font-size:13px}.play-button[data-v-313bf436]{padding:0 12px}.lock-icon[data-v-313bf436]{color:#c0c4cc}@media (max-width:768px){.catalog-stats[data-v-313bf436]{flex-direction:column;gap:12px}.lesson-item[data-v-313bf436]{padding:12px 16px 12px 50px}}.online-learning-progress[data-v-12fa38a4]{background:#fff;border:1px solid #e7ece9;border-radius:12px;color:#34443c;margin-bottom:22px;padding:22px}.progress-heading[data-v-12fa38a4]{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.progress-heading h3[data-v-12fa38a4]{font-size:16px;font-weight:600;margin:0}.progress-heading a[data-v-12fa38a4],button[data-v-12fa38a4]{color:#168354;font-size:12px}.progress-line[data-v-12fa38a4]{align-items:center;color:#168354;display:flex;font-size:13px;gap:12px}progress[data-v-12fa38a4]{accent-color:#168354;height:8px;width:100%}.online-learning-progress p[data-v-12fa38a4]{color:#78867e;font-size:12px;margin:12px 0}.last-video[data-v-12fa38a4]{overflow-wrap:anywhere}.continue-button[data-v-12fa38a4]{background:#168354;border-radius:7px;color:#fff;display:block;font-size:13px;margin-top:16px;padding:10px;text-align:center}
