.component-learning-path[data-v-02dc5aa8]{display:flex;justify-content:center;align-items:center;background:#fafafa}.main-container[data-v-02dc5aa8]{overflow:hidden;padding:76px 0}.header-section[data-v-02dc5aa8]{text-align:center;position:relative;margin-bottom:40px}.main-title[data-v-02dc5aa8]{font-size:36px;line-height:54px;font-weight:700;color:#191919}.learning-modules[data-v-02dc5aa8]{display:flex;gap:20px}.module-box[data-v-02dc5aa8]{background:#fff;padding:32px;flex:1;border-radius:16px}.module-header[data-v-02dc5aa8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.module-title[data-v-02dc5aa8]{font-size:20px;line-height:30px;font-weight:600;color:#191919}.more-link[data-v-02dc5aa8]{color:#191919;font-size:14px;line-height:22px;text-decoration:none;transition:color .3s;display:inline-flex;align-items:center}.more-arrow[data-v-02dc5aa8]{width:12px;height:12px;margin-left:8px}.button-grid[data-v-02dc5aa8]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (min-width: 1280px) and (max-width: 1440px){.button-grid[data-v-02dc5aa8]{gap:18px}}@media (max-width: 1280px){.button-grid[data-v-02dc5aa8]{grid-template-columns:repeat(2,1fr)}}.learning-btn[data-v-02dc5aa8]{height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafafa;border:none;border-radius:100px;cursor:pointer;transition:all .3s;width:100%;border:1px solid #F0F0F0}.learning-btn[data-v-02dc5aa8]:hover{background:linear-gradient(135deg,#ffd227,#ff5252,#ab42ff 66%,#4d91ff);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff52524d;border:none}.btn-text[data-v-02dc5aa8]{font-size:18px;line-height:26px;color:#191919}.learning-btn:hover .btn-text[data-v-02dc5aa8]{color:#fff}.logged-modules[data-v-02dc5aa8]{display:flex;gap:24px}.recent-learning[data-v-02dc5aa8]{flex:1;display:flex;flex-direction:column}.module-header[data-v-02dc5aa8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.course-wrapper[data-v-02dc5aa8]{display:flex;gap:12px;flex:1}.course-list[data-v-02dc5aa8]{display:flex;flex-direction:row;gap:12px;overflow-x:auto}.course-empty-placeholder[data-v-02dc5aa8]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-placeholder-image[data-v-02dc5aa8]{width:140px;height:140px;object-fit:contain;margin-bottom:8px}@media (max-width: 1280px){.empty-placeholder-image[data-v-02dc5aa8]{width:110px;height:110px}}.empty-placeholder-text[data-v-02dc5aa8]{font-size:14px;line-height:22px;color:#191919;text-align:center}.empty-placeholder-text a[data-v-02dc5aa8]{color:#1476ff;text-decoration:none}.empty-placeholder-text a[data-v-02dc5aa8]:hover{color:#1476ff}.course-item[data-v-02dc5aa8]{display:flex;flex-direction:column;background:#f9f9f9;border-radius:8px;cursor:pointer;transition:all .3s;flex-shrink:0}.course-item[data-v-02dc5aa8]:hover{box-shadow:0 1px 4px #00000014}.course-image[data-v-02dc5aa8]{width:100%;aspect-ratio:194 / 109;border-radius:16px 16px 0 0}.course-content[data-v-02dc5aa8]{display:flex;flex-direction:column;justify-content:space-between;padding:24px;background:#fff;border-radius:0 0 16px 16px;flex:1;height:142px;gap:8px}.course-title[data-v-02dc5aa8]{font-size:16px;line-height:24px;font-weight:500;color:#191919;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 1601px){.course-title[data-v-02dc5aa8]{font-size:20px;line-height:30px;font-weight:400;color:#191919}.course-row[data-v-02dc5aa8],.course-status[data-v-02dc5aa8],.course-duration[data-v-02dc5aa8],.course-last-time[data-v-02dc5aa8],.progress-text[data-v-02dc5aa8]{font-size:14px;line-height:22px;font-weight:400;color:#595959}}@media (min-width: 1281px) and (max-width: 1600px){.course-title[data-v-02dc5aa8]{font-size:16px;line-height:24px;font-weight:500;color:#191919}.course-row[data-v-02dc5aa8],.course-status[data-v-02dc5aa8],.course-duration[data-v-02dc5aa8],.course-last-time[data-v-02dc5aa8],.progress-text[data-v-02dc5aa8]{font-size:14px;line-height:22px;font-weight:400;color:#595959}.course-list[data-v-02dc5aa8],.course-wrapper[data-v-02dc5aa8]{gap:18px}}@media (max-width: 1280px){.course-title[data-v-02dc5aa8]{font-size:14px;line-height:22px;font-weight:500;color:#191919}.course-row[data-v-02dc5aa8],.course-status[data-v-02dc5aa8],.progress-text[data-v-02dc5aa8]{font-size:14px;line-height:22px;font-weight:400;color:#595959}.course-last-time[data-v-02dc5aa8],.course-duration[data-v-02dc5aa8]{font-size:12px;line-height:18px}.row-divider[data-v-02dc5aa8]{line-height:18px}}.course-row[data-v-02dc5aa8]{font-size:14px;line-height:22px}.course-row-progress[data-v-02dc5aa8]{display:flex;align-items:center;gap:8px;white-space:nowrap}.course-status[data-v-02dc5aa8]{color:#595959}.course-progress-bar[data-v-02dc5aa8]{display:flex;align-items:center;position:relative;height:4px;background:#e8e8e8;border-radius:2px;flex:1}.progress-fill[data-v-02dc5aa8]{position:absolute;left:0;top:0;height:4px;background:#5cb300;border-radius:2px}.progress-text[data-v-02dc5aa8]{color:#595959;font-size:12px}.course-duration[data-v-02dc5aa8]{color:#595959}.row-divider[data-v-02dc5aa8]{color:#d9d9d9;padding:0 8px}.course-last-time[data-v-02dc5aa8]{color:#595959}.course-row-time[data-v-02dc5aa8]{font-size:14px;line-height:22px}.empty-state[data-v-02dc5aa8]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-image[data-v-02dc5aa8]{width:140px;height:140px;object-fit:contain;margin-bottom:8px}@media (max-width: 1280px){.empty-image[data-v-02dc5aa8]{width:110px;height:110px}.course-row-time[data-v-02dc5aa8]{font-size:12px;line-height:18px}}.empty-text[data-v-02dc5aa8]{font-size:14px;line-height:22px;color:#595959;text-align:center}.empty-text a[data-v-02dc5aa8]{color:#1476ff;text-decoration:none}.empty-text a[data-v-02dc5aa8]:hover{color:#1476ff}.path-recommend[data-v-02dc5aa8]{width:450px;min-width:450px}@media (max-width: 1280px){.path-recommend[data-v-02dc5aa8]{width:376px;min-width:376px}}.recommend-modules[data-v-02dc5aa8]{display:flex;flex-direction:column;gap:20px;background:#fff;padding:24px;border-radius:16px;height:calc(100% - 54px);box-sizing:border-box}.recommend-module[data-v-02dc5aa8]{background:#f9f9f9;border-radius:8px;padding:23px;border:1px solid #F0F0F0;flex:1;display:flex;flex-direction:column;gap:12px}.recommend-module-title[data-v-02dc5aa8]{font-size:18px;font-weight:500;color:#191919}.recommend-module-links[data-v-02dc5aa8]{font-size:16px;line-height:24px;color:#595959;word-wrap:break-word;word-break:break-word}.recommend-module-links a[data-v-02dc5aa8]{color:#595959;text-decoration:none;transition:color .3s}.recommend-module-links a[data-v-02dc5aa8]:hover{color:#1476ff}.link-divider[data-v-02dc5aa8]{color:#dbdbdb;margin:0 8px}.skeleton[data-v-02dc5aa8]{background:#f0f0f0;border-radius:8px;display:flex;flex-direction:column;flex-shrink:0}.skeleton-image[data-v-02dc5aa8]{width:100%;height:138px;background:linear-gradient(90deg,#e8e8e8 25%,#f0f0f0,#e8e8e8 75%);background-size:200% 100%;animation:skeleton-loading-02dc5aa8 1.5s infinite;border-radius:8px 8px 0 0}.skeleton-content[data-v-02dc5aa8]{padding:24px;background:#fff;border-radius:0 0 16px 16px;flex:1;display:flex;flex-direction:column;gap:12px}.skeleton-title-row[data-v-02dc5aa8]{height:24px;background:linear-gradient(90deg,#e8e8e8 25%,#f0f0f0,#e8e8e8 75%);background-size:200% 100%;animation:skeleton-loading-02dc5aa8 1.5s infinite;border-radius:4px;width:80%}.skeleton-row[data-v-02dc5aa8]{height:22px;background:linear-gradient(90deg,#e8e8e8 25%,#f0f0f0,#e8e8e8 75%);background-size:200% 100%;animation:skeleton-loading-02dc5aa8 1.5s infinite;border-radius:4px;width:100%}.skeleton-row-short[data-v-02dc5aa8]{width:60%}@keyframes skeleton-loading-02dc5aa8{0%{background-position:200% 0}to{background-position:-200% 0}}@media (min-width: 1776px){.main-container[data-v-02dc5aa8]{width:1600px;margin:0 auto}}@media (min-width: 1024px) and (max-width: 1775px){.component-learning-path[data-v-02dc5aa8]{margin:0;padding-left:5%;padding-right:5%;width:auto}.main-container[data-v-02dc5aa8]{width:100%}.course-item[data-v-02dc5aa8]{width:calc((90vw - 470px)/2)}.course-image[data-v-02dc5aa8]{width:calc((90vw - 470px)/2);height:calc(((90vw - 450px - 20px) / 2) * 109 / 194)}}@media (min-width: 769px) and (max-width: 1023px){.component-learning-path[data-v-02dc5aa8]{margin:0;padding:0 3%;width:auto}.main-container[data-v-02dc5aa8]{width:100%}.course-item[data-v-02dc5aa8]{width:calc((94vw - 396px)/2)}.course-image[data-v-02dc5aa8]{width:calc((94vw - 396px)/2);height:calc(((94vw - 376px - 20px) / 2) * 109 / 194)}}@media (min-width: 1601px){.main-title[data-v-02dc5aa8]{font-size:36px;line-height:54px;font-weight:600}.module-title[data-v-02dc5aa8]{font-size:20px;line-height:30px}.more-link[data-v-02dc5aa8]{font-size:14px;line-height:22px;font-weight:400}.btn-text[data-v-02dc5aa8]{font-size:18px;line-height:26px}}@media (min-width: 1281px) and (max-width: 1600px){.main-title[data-v-02dc5aa8]{font-size:32px;line-height:48px;font-weight:600}.module-title[data-v-02dc5aa8]{font-size:18px;line-height:28px}.more-link[data-v-02dc5aa8]{font-size:14px;line-height:22px;font-weight:400}.btn-text[data-v-02dc5aa8]{font-size:16px;line-height:24px}.logged-modules[data-v-02dc5aa8]{gap:18px}}@media (min-width: 1280px) and (max-width: 1440px){.button-grid[data-v-02dc5aa8]{gap:15px}.btn-text[data-v-02dc5aa8]{font-size:14px;line-height:22px}}@media (min-width: 769px) and (max-width: 1280px){.main-title[data-v-02dc5aa8]{font-size:28px;line-height:32px;font-weight:600}.module-title[data-v-02dc5aa8]{font-size:18px;line-height:28px}.more-link[data-v-02dc5aa8]{font-size:14px;line-height:22px;font-weight:400}.btn-text[data-v-02dc5aa8]{font-size:18px;line-height:26px}.logged-modules[data-v-02dc5aa8]{gap:12px}.recommend-module-links[data-v-02dc5aa8]{font-size:12px;line-height:22px}}@media (min-width: 1776px){.course-item[data-v-02dc5aa8]{width:calc((1600px - 450px - 12px * 2 - 24px) / 3)}.course-image[data-v-02dc5aa8]{width:calc((1600px - 450px - 12px * 2 - 24px) / 3);height:calc(((1600px - 450px - 12px * 2 - 24px) / 3) * 109 / 194)}.skeleton[data-v-02dc5aa8]{width:calc((1600px - 450px - 12px * 2 - 24px) / 3)}}@media (min-width: 1601px) and (max-width: 1775px){.course-item[data-v-02dc5aa8]{width:calc((90vw - 450px - 12px * 2 - 24px) / 3)}.course-image[data-v-02dc5aa8]{width:calc((90vw - 450px - 12px * 2 - 24px) / 3);height:calc(((90vw - 450px - 12px * 2 - 24px) / 3) * 109 / 194)}.skeleton[data-v-02dc5aa8]{width:calc((90vw - 450px - 12px * 2 - 24px) / 3)}}@media (min-width: 1281px) and (max-width: 1600px){.course-item[data-v-02dc5aa8]{width:calc((90vw - 488px)/2)}.course-image[data-v-02dc5aa8]{width:calc((90vw - 488px)/2);height:calc(((90vw - 450px - 20px - 18px) / 2) * 109 / 194)}.skeleton[data-v-02dc5aa8]{width:calc((90vw - 488px)/2)}}@media (min-width: 1024px) and (max-width: 1280px){.course-item[data-v-02dc5aa8]{width:calc((90vw - 408px)/2)}.course-image[data-v-02dc5aa8]{width:calc((90vw - 408px)/2);height:calc(((90vw - 376px - 20px - 12px) / 2) * 109 / 194)}.skeleton[data-v-02dc5aa8]{width:calc((90vw - 408px)/2)}}@media (min-width: 769px) and (max-width: 1023px){.course-item[data-v-02dc5aa8]{width:calc((94vw - 408px)/2)}.course-image[data-v-02dc5aa8]{width:calc((94vw - 408px)/2);height:calc(((94vw - 376px - 20px - 12px) / 2) * 109 / 194)}.skeleton[data-v-02dc5aa8]{width:calc((94vw - 408px)/2)}}@media (min-width: 1601px){.module-box.en-style-large .btn-text[data-v-02dc5aa8]{font-size:16px}.module-box.en-style-large .button-grid[data-v-02dc5aa8]{gap:8px}}@media (min-width: 1281px) and (max-width: 1600px){.module-box.en-style-medium .btn-text[data-v-02dc5aa8]{line-height:18px}}@media (min-width: 769px) and (max-width: 1280px){.module-box.en-style-small .btn-text[data-v-02dc5aa8]{font-size:14px}}.component-learning-path-mobile[data-v-43d5c877]{padding:0 24px;background:#f5f5f5}.pt44[data-v-43d5c877]{padding-top:44px}.pb44[data-v-43d5c877]{padding-bottom:44px}.main-container[data-v-43d5c877]{background:#fafafa}.header-section[data-v-43d5c877]{text-align:center;margin-bottom:24px}.main-title[data-v-43d5c877]{font-size:20px;line-height:28px;font-weight:700;color:#191919}.unlogged-state[data-v-43d5c877]{display:flex;flex-direction:column;background:#f5f5f5}.unlogged-state[data-v-43d5c877]>*{margin-bottom:12px}.unlogged-state[data-v-43d5c877]>*:last-child{margin-bottom:0}.learning-path-title[data-v-43d5c877]{font-size:18px;line-height:24px;font-weight:700;color:#000;margin-bottom:16px;text-align:center}.path-type-tabs[data-v-43d5c877]{display:flex;justify-content:center}.path-type-tabs[data-v-43d5c877]>*{margin-right:24px}.path-type-tabs[data-v-43d5c877]>*:last-child{margin-right:0}.tab-btn[data-v-43d5c877]{font-size:12px;line-height:18px;padding:0 0 4px;border:none;cursor:pointer;transition:all .3s;background:transparent;color:#595959;position:relative}.tab-btn[data-v-43d5c877]:after{content:"";position:absolute;bottom:0;left:50%;width:100%;height:2px;background:#191919;transform:translate(-50%) scaleX(0);transform-origin:center;transition:transform .2s ease}.tab-btn.active[data-v-43d5c877]{font-weight:700;color:#191919}.tab-btn.active[data-v-43d5c877]:after{transform:translate(-50%) scaleX(1)}.path-buttons-container[data-v-43d5c877]{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.path-buttons-container[data-v-43d5c877]::-webkit-scrollbar{display:none}.path-buttons-container[data-v-43d5c877]{scrollbar-width:none;-ms-overflow-style:none}.path-buttons[data-v-43d5c877]{display:flex;flex-wrap:nowrap}.path-buttons[data-v-43d5c877]>*{margin-right:8px}.path-buttons[data-v-43d5c877]>*:last-child{margin-right:0}.path-btn[data-v-43d5c877]{width:200px;border-radius:16px;padding:20px;border:none;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0}.path-btn[data-v-43d5c877]>*{margin-bottom:12px}.path-btn[data-v-43d5c877]>*:last-child{margin-bottom:0}.path-btn.gradient-partner[data-v-43d5c877]{background:linear-gradient(180deg,#eaf4ff,#fff)}.path-btn.gradient-position[data-v-43d5c877]{background:linear-gradient(180deg,#f1e9fe,#fbf9ff,#fff)}.path-btn[data-v-43d5c877]:active{transform:scale(.98)}.path-icon[data-v-43d5c877]{width:40px;height:40px;object-fit:contain}.path-text[data-v-43d5c877]{font-size:14px;line-height:22px;color:#191919;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logged-state[data-v-43d5c877]{display:flex;flex-direction:column;background:#f5f5f5}.logged-state[data-v-43d5c877]>*{margin-bottom:44px}.logged-state[data-v-43d5c877]>*:last-child{margin-bottom:0}.logged-learning-path[data-v-43d5c877]{display:flex;flex-direction:column}.logged-learning-path[data-v-43d5c877]>*{margin-bottom:12px}.logged-learning-path[data-v-43d5c877]>*:last-child{margin-bottom:0}.logged-title-row[data-v-43d5c877]{display:flex;align-items:center;cursor:pointer;justify-content:center;margin-bottom:16px}.logged-title[data-v-43d5c877]{font-size:18px;line-height:24px;font-weight:700;color:#000}.logged-arrow[data-v-43d5c877]{width:12px;height:12px;margin-left:4px}.recent-learning-section[data-v-43d5c877]{display:flex;flex-direction:column}.recent-learning-section[data-v-43d5c877]>*{margin-bottom:16px}.recent-learning-section[data-v-43d5c877]>*:last-child{margin-bottom:0}.course-module[data-v-43d5c877]{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.course-module[data-v-43d5c877]::-webkit-scrollbar{display:none}.course-module[data-v-43d5c877]{scrollbar-width:none;-ms-overflow-style:none}.course-scroll-list[data-v-43d5c877]{display:flex}.course-scroll-list[data-v-43d5c877]>*{margin-right:12px}.course-scroll-list[data-v-43d5c877]>*:last-child{margin-right:0}.course-card[data-v-43d5c877]{width:calc((100vw - 48px - 12px) / 1.2);border-radius:20px;background:#fff;flex-shrink:0;cursor:pointer;transition:all .3s;display:flex;flex-direction:column}.course-card[data-v-43d5c877]:active{transform:scale(.98)}.course-image[data-v-43d5c877]{width:100%;height:168px;border-radius:20px 20px 0 0}.course-card-content[data-v-43d5c877]{padding:12px;display:flex;flex-direction:column;background:#fff;border-radius:0 0 20px 20px}.course-card-content[data-v-43d5c877]>*{margin-bottom:8px}.course-card-content[data-v-43d5c877]>*:last-child{margin-bottom:0}.course-card-name[data-v-43d5c877]{font-size:14px;line-height:22px;font-weight:600;color:#191919;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-card-meta[data-v-43d5c877]{display:flex;align-items:center}.course-card-meta[data-v-43d5c877]>*{margin-right:8px}.course-card-meta[data-v-43d5c877]>*:last-child{margin-right:0}.course-card-status[data-v-43d5c877]{font-size:12px;line-height:18px;font-weight:400;color:gray}.course-card-progress-bar[data-v-43d5c877]{display:flex;align-items:center;position:relative;height:4px;flex:1;background:#e8e8e8;border-radius:2px}.progress-fill[data-v-43d5c877]{position:absolute;left:0;top:0;height:4px;background:#5cb300;border-radius:2px}.course-card-progress-text[data-v-43d5c877]{color:gray;font-size:12px}.course-card-detail[data-v-43d5c877]{display:flex;align-items:center}.course-card-last-time[data-v-43d5c877]{font-size:12px;line-height:18px;font-weight:400;color:gray}.skeleton[data-v-43d5c877]{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading-43d5c877 1.5s infinite}.course-card.skeleton[data-v-43d5c877]{border-radius:20px}.course-image-skeleton[data-v-43d5c877]{height:168px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading-43d5c877 1.5s infinite;border-radius:20px 20px 0 0}.course-card-content-skeleton[data-v-43d5c877]{padding:12px;background:#fafafa;border-radius:0 0 20px 20px;display:flex;flex-direction:column}.course-card-content-skeleton[data-v-43d5c877]>*{margin-bottom:8px}.course-card-content-skeleton[data-v-43d5c877]>*:last-child{margin-bottom:0}.skeleton-name[data-v-43d5c877]{height:22px;background:linear-gradient(90deg,#e8e8e8 25%,#f0f0f0,#e8e8e8 75%);background-size:200% 100%;animation:skeleton-loading-43d5c877 1.5s infinite;border-radius:4px;width:80%}.skeleton-meta[data-v-43d5c877]{height:18px;background:linear-gradient(90deg,#e8e8e8 25%,#f0f0f0,#e8e8e8 75%);background-size:200% 100%;animation:skeleton-loading-43d5c877 1.5s infinite;border-radius:4px;width:100%}.skeleton-detail[data-v-43d5c877]{height:18px;background:linear-gradient(90deg,#e8e8e8 25%,#f0f0f0,#e8e8e8 75%);background-size:200% 100%;animation:skeleton-loading-43d5c877 1.5s infinite;border-radius:4px;width:60%}.path-btn.skeleton[data-v-43d5c877]{border-radius:16px}.path-buttons-skeleton[data-v-43d5c877]{display:flex;flex-wrap:nowrap}.path-buttons-skeleton[data-v-43d5c877]>*{margin-right:8px}.path-buttons-skeleton[data-v-43d5c877]>*:last-child{margin-right:0}.path-btn-skeleton[data-v-43d5c877]{width:200px;height:114px;border-radius:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading-43d5c877 1.5s infinite;flex-shrink:0}@keyframes skeleton-loading-43d5c877{0%{background-position:200% 0}to{background-position:-200% 0}}.view-more[data-v-43d5c877]{margin-top:4px;text-align:center}.view-more a[data-v-43d5c877]{font-weight:400;color:#191919;text-decoration:none;transition:color .3s;align-items:center;cursor:pointer;font-size:14px;display:flex;justify-content:center}.arrow-icon[data-v-43d5c877]{width:14px;height:14px;margin-left:4px;transition:transform .3s ease}.view-more a[data-v-43d5c877]:hover{text-decoration:underline}.view-more a:hover .arrow-icon[data-v-43d5c877]{transform:translate(4px)}