.main[data-v-bccb9959]{background-color:#fff;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:auto;min-width:280px;transform-origin:center;transition:transform .25s ease,box-shadow .25s ease;width:280px}.main.hovered[data-v-bccb9959],.main.selected[data-v-bccb9959]{transform:scale(1.04);z-index:10}.main.hovered.selected[data-v-bccb9959]{transform:scale(1.04)}.main .top[data-v-bccb9959]{align-items:center;border-radius:16px 16px 0 0;display:flex;height:auto;justify-content:center;min-height:72px;padding:14px 18px;position:relative}.main .top .info-container[data-v-bccb9959]{align-items:center;display:flex;flex-direction:column;gap:6px}.main .top .logo-name[data-v-bccb9959]{align-items:center;color:#1a1a1a;display:flex;font-size:15px;font-weight:400;gap:10px;letter-spacing:.3px}.main .top .logo-name .logo[data-v-bccb9959]{border-radius:6px;flex-shrink:0;height:28px;width:28px}.main .top .description[data-v-bccb9959]{color:#999;font-size:12px;font-weight:400;line-height:1.5;text-align:center}.main .top .btn[data-v-bccb9959]{font-size:13px;position:absolute;right:16px}.main .top .shimmer-btn[data-v-bccb9959]{animation:shimmer-bccb9959 2s infinite;background:linear-gradient(90deg,#e94531,#ff6b52 50%,#e94531);background-clip:text;-webkit-background-clip:text;background-size:200% auto;color:transparent;font-size:13px;font-weight:400}.main .top .shimmer-btn[data-v-bccb9959]:hover{opacity:.85}@keyframes shimmer-bccb9959{0%{background-position:0;transform:scale(1)}50%{background-position:100%;transform:scale(1.05)}to{background-position:200%;transform:scale(1)}}.main .bottom[data-v-bccb9959]{border-radius:0 0 16px 16px;overflow:hidden;padding-top:70%;position:relative;width:100%}.main .bottom[data-v-bccb9959] .el-image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.main[data-v-b315df89]{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;transition:box-shadow .15s ease,transform .15s ease}.main[data-v-b315df89]:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.main .img[data-v-b315df89]{height:250px;width:100%}@media(max-width:1365px){.main[data-v-b315df89]{border-radius:8px;width:200px}.main .text-base[data-v-b315df89]{color:#555;font-size:12px;font-weight:400;line-height:1.5;padding:8px;text-align:center;word-break:break-word}.main .img[data-v-b315df89]{height:200px;-o-object-fit:cover;object-fit:cover}}@media(min-width:1366px){.main[data-v-b315df89]{border-radius:12px;width:250px}.main .text-base[data-v-b315df89]{color:#555;font-size:14px;font-weight:400;line-height:1.6;padding:12px 10px;text-align:center}.main .img[data-v-b315df89]{height:250px}}.cover[data-v-f452dea6]{align-items:center;background-color:#f5f5f3;border-radius:16px;display:flex;flex-direction:column;padding:24px 20px;width:100%}.cover .mb-2[data-v-f452dea6]{color:#555;font-size:14px;font-weight:400;letter-spacing:.5px;margin-bottom:16px}.cover .inner[data-v-f452dea6]{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-around;width:100%}.cover .inner .item[data-v-f452dea6]{align-items:center;display:flex;flex-direction:column;width:200px}.cover .inner .item div[data-v-f452dea6]{color:#555;font-size:12px;font-weight:400;line-height:1.5;text-align:center}.cover .inner .item .img[data-v-f452dea6]{aspect-ratio:595/842;border-radius:6px;margin-top:10px;overflow:hidden;width:100%}@media(max-width:1365px){.cover[data-v-f452dea6]{border-radius:12px;padding:12px 10px}.cover .mb-2[data-v-f452dea6]{font-size:13px;margin-bottom:8px}.cover .inner[data-v-f452dea6]{gap:10px}.cover .inner .item[data-v-f452dea6]{width:156px}.cover .inner .item div[data-v-f452dea6]{font-size:12px;padding:0 4px}.cover .inner .item .img[data-v-f452dea6]{border-radius:4px;margin-top:6px}}@media(min-width:1366px){.cover[data-v-f452dea6]{border-radius:16px}.cover .inner .item[data-v-f452dea6]{width:220px}.cover .inner .item .img[data-v-f452dea6]{margin-top:10px}}.chapter[data-v-fa1bb48b]{border-radius:40px;margin:30px auto 0;max-width:1440px;padding:0}.chapter .chapter-main-title[data-v-fa1bb48b]{color:#4a4a4a;font-size:2rem;font-weight:400;letter-spacing:1px;margin:0;padding-top:10px;text-align:center}.chapter .type-card-link[data-v-fa1bb48b]{color:inherit;display:block;text-decoration:none}.chapter .book-type[data-v-fa1bb48b]{padding:20px 0}.chapter .book-type-grid[data-v-fa1bb48b]{display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:60px}.chapter .book-type-grid[data-v-fa1bb48b] .main{min-width:unset;width:100%}.chapter .book-type-scroll[data-v-fa1bb48b]{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.chapter .book-type-scroll[data-v-fa1bb48b]::-webkit-scrollbar{display:none}.chapter .book-type-scroll .book-type-scroll-inner[data-v-fa1bb48b]{display:flex;gap:20px;padding:0 40px;width:-moz-max-content;width:max-content}.chapter .tutorial-car[data-v-fa1bb48b]{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;margin-top:30px;padding-bottom:20px}.chapter .tutorial-car .text[data-v-fa1bb48b]{color:#4a4a4a;font-size:1.4rem;font-weight:400;letter-spacing:.8px;margin-bottom:16px;padding-top:24px}.chapter .tutorial-car .car[data-v-fa1bb48b]{width:100%}.chapter .step-title[data-v-fa1bb48b]{align-items:center;color:#4a4a4a;display:flex;font-size:1.4rem;font-weight:400;justify-content:center;letter-spacing:.8px;margin-bottom:20px;margin-top:40px}.chapter .steps[data-v-fa1bb48b]{align-items:stretch;background-color:#f5f5f3;border-radius:16px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;min-height:300px;padding:30px;width:100%}.chapter .flex[data-v-fa1bb48b]{width:100%}.chapter .video-placeholder[data-v-fa1bb48b]{align-items:center;aspect-ratio:16/9;background-color:#e0e0e0;border-radius:15px;color:#888;display:flex;font-size:1.2em;font-weight:500;justify-content:center;margin-bottom:60px;margin-top:30px;width:100%}