.lession-page[data-v-75a152d4]{display:flex;min-height:100vh;background:#fff;position:relative}.lession-main[data-v-75a152d4]{flex:1;margin-left:270px;display:flex;flex-direction:column;height:100%;background:#f8f9fb}@media screen and (max-width:1024px){.lession-main[data-v-75a152d4]{margin-left:240px}}@media screen and (max-width:768px){.lession-main[data-v-75a152d4]{margin-left:0}}.loading-container[data-v-75a152d4]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-container p[data-v-75a152d4]{color:#888;font-size:16px;font-weight:500}.empty-state[data-v-75a152d4]{margin-top:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;padding:40px}.empty-state h3[data-v-75a152d4]{color:#222;font-size:20px;font-weight:600;margin:0}.empty-state p[data-v-75a152d4]{color:#888;font-size:16px;margin:0}.lession-header[data-v-75a152d4]{display:flex;justify-content:space-between;align-items:center;height:124px;border-bottom:2px solid #ebebeb;padding:0 40px;gap:40px}.header-left[data-v-75a152d4]{display:flex;align-items:center;gap:16px;flex-shrink:0}.lession-title[data-v-75a152d4]{color:#222;font-family:Pretendard,-apple-system,Roboto,Helvetica,sans-serif;font-size:32px;font-weight:800;line-height:100%;margin:0}.lession-title .title-brand[data-v-75a152d4]{color:#073dff}.lession-title .title-text[data-v-75a152d4]{color:#222}.member-count[data-v-75a152d4]{color:#888;font-family:Pretendard,-apple-system,Roboto,Helvetica,sans-serif;font-size:14px;font-weight:700;line-height:100%}.lession-nav[data-v-75a152d4]{display:flex;align-items:center;gap:32px;flex:1;justify-content:center}.nav-item[data-v-75a152d4]{display:flex;align-items:center;gap:8px;height:32px;cursor:pointer;text-decoration:none;transition:all .2s}.nav-item svg[data-v-75a152d4]{flex-shrink:0}.nav-item span[data-v-75a152d4]{color:#444;font-family:Pretendard,-apple-system,Roboto,Helvetica,sans-serif;font-size:20px;font-weight:600;line-height:100%}.nav-item.active span[data-v-75a152d4]{color:#073dff}.nav-item[data-v-75a152d4]:hover:not(.active){opacity:.7}.header-right[data-v-75a152d4]{display:flex;align-items:center;gap:20px;flex-shrink:0;flex-direction:column;align-items:flex-end;gap:8px}.points[data-v-75a152d4]{color:#073dff;font-family:Pretendard,-apple-system,Roboto,Helvetica,sans-serif;font-size:14px;font-weight:700;line-height:100%}.user-profile[data-v-75a152d4]{display:flex;align-items:center;gap:8px}.user-profile svg[data-v-75a152d4]{flex-shrink:0}.user-name[data-v-75a152d4]{color:#222;font-family:Pretendard,-apple-system,Roboto,Helvetica,sans-serif;font-size:20px;font-weight:600;line-height:100%}.lession-content[data-v-75a152d4]{display:flex;flex-wrap:wrap;gap:32px;padding:140px 40px 100px 40px}.lession-card[data-v-75a152d4]{flex:0 1 calc(33.33333% - 32px);display:flex;flex-direction:column;gap:16px;cursor:pointer;transition:transform .2s}.lession-card[data-v-75a152d4]:hover{transform:translateY(-2px)}.card-image[data-v-75a152d4]{width:100%;height:300px;border-radius:10px;overflow:hidden}.card-image img[data-v-75a152d4]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-content[data-v-75a152d4]{display:flex;flex-direction:column;gap:8px}.card-title[data-v-75a152d4]{color:#222;font-size:18px;font-weight:700;line-height:100%}.card-description[data-v-75a152d4],.card-title[data-v-75a152d4]{font-family:Pretendard,-apple-system,Roboto,Helvetica,sans-serif;margin:0;text-align:left}.card-description[data-v-75a152d4]{color:#888;font-size:12px;font-weight:400;line-height:150%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.card-description .read-more[data-v-75a152d4]{color:#073dff;font-weight:700;cursor:pointer;margin-left:6px;transition:opacity .2s}.card-description .read-more[data-v-75a152d4]:hover{opacity:.8}.write-post-btn-fixed[data-v-75a152d4]{position:fixed;right:20px;bottom:20px;width:50px;height:50px;padding:14px;background:#073dff;border:none;border-radius:50%;color:#fff;font-family:Pretendard,-apple-system,Roboto,Helvetica,sans-serif;font-size:18px;font-weight:700;line-height:100%;cursor:pointer;transition:all .3s ease;z-index:999;display:none;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px rgba(7,61,255,.3)}.write-post-btn-fixed .btn-text[data-v-75a152d4]{display:none}.write-post-btn-fixed .btn-icon[data-v-75a152d4]{display:block}.write-post-btn-fixed[data-v-75a152d4]:hover{background:#0530cc;transform:scale(1.1);box-shadow:0 6px 16px rgba(7,61,255,.4)}.write-post-btn-fixed[data-v-75a152d4]:active{background:#042099;transform:scale(.95)}@media screen and (max-width:768px){.write-post-btn-fixed[data-v-75a152d4]{display:flex;right:20px;bottom:20px;width:50px;height:50px}}[data-v-75a152d4] .write-lesson-modal .el-dialog{border-radius:12px}[data-v-75a152d4] .write-lesson-modal .el-dialog__header{padding:0}[data-v-75a152d4] .write-lesson-modal .el-dialog__body{padding:32px}[data-v-75a152d4] .write-lesson-modal .modal-content .modal-title{font-size:24px;font-weight:600;color:#000;margin:0 0 24px 0;text-align:center}[data-v-75a152d4] .write-lesson-modal .modal-content .el-form .el-form-item__label{font-size:14px;font-weight:500;color:#333;margin-bottom:8px}[data-v-75a152d4] .write-lesson-modal .modal-content .el-form .el-input__inner,[data-v-75a152d4] .write-lesson-modal .modal-content .el-form .el-textarea__inner{border:1px solid #e0e0e0;border-radius:8px;font-size:14px}[data-v-75a152d4] .write-lesson-modal .modal-content .el-form .el-input__inner:focus,[data-v-75a152d4] .write-lesson-modal .modal-content .el-form .el-textarea__inner:focus{border-color:#073dff}[data-v-75a152d4] .write-lesson-modal .modal-content .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}[data-v-75a152d4] .write-lesson-modal .modal-content .modal-actions .el-button{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500}[data-v-75a152d4] .write-lesson-modal .modal-content .modal-actions .el-button:first-child{background:#f5f5f5;border:none;color:#666}[data-v-75a152d4] .write-lesson-modal .modal-content .modal-actions .el-button:first-child:hover{background:#e0e0e0}[data-v-75a152d4] .write-lesson-modal .modal-content .modal-actions .el-button.el-button--primary{background:#073dff;border:none}[data-v-75a152d4] .write-lesson-modal .modal-content .modal-actions .el-button.el-button--primary:hover{background:#0530cc}[data-v-75a152d4] .write-lesson-modal .thumbnail-upload-container{width:100%}[data-v-75a152d4] .write-lesson-modal .thumbnail-preview{position:relative;width:100%;height:200px;border-radius:8px;overflow:hidden;border:2px solid #e0e0e0}[data-v-75a152d4] .write-lesson-modal .thumbnail-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}[data-v-75a152d4] .write-lesson-modal .thumbnail-preview .thumbnail-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .2s;cursor:pointer}[data-v-75a152d4] .write-lesson-modal .thumbnail-preview .thumbnail-overlay i{font-size:32px;color:#fff}[data-v-75a152d4] .write-lesson-modal .thumbnail-preview .thumbnail-overlay span{color:#fff;font-size:14px;font-weight:500}[data-v-75a152d4] .write-lesson-modal .thumbnail-preview .thumbnail-overlay:hover{opacity:1}[data-v-75a152d4] .write-lesson-modal .thumbnail-upload-area{width:100%;height:200px;border:2px dashed #d0d0d0;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s;background:#fafafa}[data-v-75a152d4] .write-lesson-modal .thumbnail-upload-area i{font-size:48px;color:#888}[data-v-75a152d4] .write-lesson-modal .thumbnail-upload-area p{color:#333;font-size:16px;font-weight:500;margin:0}[data-v-75a152d4] .write-lesson-modal .thumbnail-upload-area .upload-hint{color:#888;font-size:12px}[data-v-75a152d4] .write-lesson-modal .thumbnail-upload-area:hover{border-color:#073dff;background:#f5f8ff}[data-v-75a152d4] .write-lesson-modal .thumbnail-upload-area:hover i,[data-v-75a152d4] .write-lesson-modal .thumbnail-upload-area:hover p{color:#073dff}@media screen and (max-width:768px){[data-v-75a152d4] .write-lesson-modal{width:100%!important;margin:0!important;height:100%;max-width:100vw}[data-v-75a152d4] .write-lesson-modal .el-dialog{height:100%;margin:0}[data-v-75a152d4] .write-lesson-modal .el-dialog__body{padding:20px;height:calc(100% - 40px);overflow-y:auto}}@media screen and (max-width:1440px){.card-image[data-v-75a152d4]{height:250px}}@media screen and (max-width:1024px){.lession-content[data-v-75a152d4]{gap:20px;padding:120px 20px 50px 20px}.lession-card[data-v-75a152d4]{flex:0 1 calc(33.33333% - 14px)}.card-image[data-v-75a152d4]{height:200px}}@media screen and (max-width:768px){.lession-content[data-v-75a152d4]{padding:140px 20px 50px 20px}.lession-card[data-v-75a152d4]{flex:0 1 calc(50% - 10px);gap:16px}.card-image[data-v-75a152d4]{height:170px}.card-title[data-v-75a152d4]{font-size:18px}.card-description[data-v-75a152d4]{font-size:12px;line-height:150%}}@media screen and (max-width:500px){.lession-content[data-v-75a152d4]{padding:100px 20px 50px 20px}.lession-card[data-v-75a152d4]{flex:0 1 100%}.card-image[data-v-75a152d4]{height:180px}.card-content[data-v-75a152d4]{gap:8px}}