.tutorial-view[data-v-040ba92a]{margin:0 auto;padding:20px 24px}.tutorial-banner[data-v-040ba92a]{background:linear-gradient(120deg,var(--color-orange-100) 0,var(--color-orange-50) 50%,var(--color-orange-100) 100%);border:1px solid var(--el-color-primary-light-7);border-radius:var(--radius-4xl);height:220px;overflow:hidden;padding:38px 48px;position:relative}.tutorial-banner .banner-content[data-v-040ba92a]{position:relative;z-index:3}.tutorial-banner .banner-title[data-v-040ba92a]{color:#292929;font-size:var(--fs-4xl);font-weight:700;line-height:1.2;margin:15px 0 8px}.tutorial-banner .banner-desc[data-v-040ba92a]{color:#8f8581;font-size:var(--fs-base);line-height:1.8;margin:0}.banner-decoration[data-v-040ba92a]{height:180px;position:absolute;right:65px;top:20px;width:360px}.banner-decoration .doc-card[data-v-040ba92a]{background:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.9);border-radius:var(--radius-xl);box-shadow:0 15px 40px #c05d411a;height:178px;padding:17px;position:absolute;width:145px}.banner-decoration .doc-card.back[data-v-040ba92a]{opacity:.65;right:90px;top:14px;transform:rotate(8deg)}.banner-decoration .doc-card.front[data-v-040ba92a]{right:155px;top:4px;transform:rotate(-5deg)}.banner-decoration .doc-head[data-v-040ba92a]{background:var(--el-color-primary);border-radius:var(--radius-xl);height:7px;margin-bottom:13px;width:70px}.banner-decoration .doc-line[data-v-040ba92a]{background:#eee9e7;border-radius:var(--radius-md);height:6px;margin-bottom:9px}.banner-decoration .doc-line.short[data-v-040ba92a]{width:65%}.banner-decoration .doc-line.mid[data-v-040ba92a]{width:82%}.banner-decoration .doc-icon[data-v-040ba92a]{align-items:center;background:var(--el-color-primary);border-radius:var(--radius-2xl);bottom:17px;box-shadow:0 10px 20px var(--el-color-primary-light-5);color:var(--color-white);display:flex;font-size:var(--fs-2xl);height:48px;justify-content:center;position:absolute;right:-18px;width:48px}.banner-decoration .banner-circle[data-v-040ba92a]{background:var(--el-color-primary-light-7);border-radius:50%;bottom:-42px;height:90px;position:absolute;right:20px;width:90px}.section-head[data-v-040ba92a]{align-items:center;display:flex;height:30px;justify-content:space-between;margin-bottom:12px}.section-head .section-title[data-v-040ba92a]{color:#2e2e2e;font-size:var(--fs-2xl);font-weight:700;margin:0}.section-head .section-more[data-v-040ba92a]{align-items:center;color:var(--el-text-color-secondary);cursor:pointer;display:inline-flex;font-size:var(--fs-sm);gap:3px}.section-head .section-more[data-v-040ba92a]:hover{color:var(--el-color-primary)}.featured[data-v-040ba92a]{display:grid;gap:15px;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);margin-bottom:27px}.featured-main[data-v-040ba92a]{background:radial-gradient(circle at 90% 15%,hsla(0,0%,100%,.45),transparent 24%),linear-gradient(120deg,var(--el-color-primary-light-3),var(--el-color-primary));border-radius:var(--radius-2xl);color:inherit;cursor:pointer;display:block;height:235px;overflow:hidden;padding:27px 30px;position:relative;text-decoration:none;transition:.25s}.featured-main[data-v-040ba92a]:hover{box-shadow:0 8px 24px var(--el-color-primary-light-9);transform:translateY(-2px)}.featured-main[data-v-040ba92a]:after{border:45px solid hsla(0,0%,100%,.1);border-radius:50%;bottom:-75px;content:"";height:220px;position:absolute;right:-50px;width:220px}.featured-main .featured-main-title[data-v-040ba92a]{color:var(--color-white);font-size:var(--fs-2xl);font-weight:700;margin:17px 0 9px;position:relative;z-index:2}.featured-main .featured-main-desc[data-v-040ba92a]{-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#ffffffd9;display:-webkit-box;font-size:var(--fs-base);line-height:1.5;margin:0;overflow:hidden;position:relative;width:62%;z-index:2}.featured-main .featured-button[data-v-040ba92a]{color:var(--el-color-primary);display:inline-flex;font-size:var(--fs-sm);font-weight:600;margin-top:19px;padding:8px 14px;position:relative}.featured-document[data-v-040ba92a],.featured-main .featured-button[data-v-040ba92a]{background:var(--color-white);border-radius:var(--radius-md);z-index:2}.featured-document[data-v-040ba92a]{box-shadow:0 15px 30px #7823141f;height:160px;padding:15px;position:absolute;right:70px;top:32px;transform:rotate(5deg);width:125px}.featured-document .document-title[data-v-040ba92a]{background:var(--el-color-primary);border-radius:var(--radius-sm);height:7px;margin-bottom:14px;width:65px}.featured-document .document-line[data-v-040ba92a]{background:var(--color-orange-200);border-radius:var(--radius-md);height:5px;margin-bottom:9px}.featured-document .document-line.short[data-v-040ba92a]{width:65%}.featured-list[data-v-040ba92a]{display:flex;flex-direction:column;gap:15px}.featured-list .featured-item[data-v-040ba92a]{align-items:center;background:var(--color-white);border:1px solid #eee9e7;border-radius:var(--radius-2xl);color:inherit;cursor:pointer;display:flex;gap:14px;min-height:110px;padding:16px 18px;position:relative;text-decoration:none;transition:.2s}.featured-list .featured-item[data-v-040ba92a]:hover{border-color:var(--el-color-primary-light-7);box-shadow:0 8px 20px #3c1e140f;transform:translateY(-2px)}.featured-list .featured-item:hover .featured-item-arrow[data-v-040ba92a]{background:var(--el-color-primary);color:var(--color-white)}.featured-list .featured-item-icon[data-v-040ba92a]{flex-shrink:0;height:48px;-o-object-fit:contain;object-fit:contain;width:48px}.featured-list .featured-item-content[data-v-040ba92a]{display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0}.featured-list .featured-item-title[data-v-040ba92a]{color:#2b2b2b;font-size:var(--fs-md);font-weight:700;line-height:1.3;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.featured-list .featured-item-desc[data-v-040ba92a]{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--el-text-color-secondary);display:-webkit-box;font-size:var(--fs-base);line-height:1.6;margin:0;overflow:hidden}.featured-list .featured-item-arrow[data-v-040ba92a]{align-items:center;background:#f3f2f1;border-radius:50%;color:var(--el-text-color-secondary);display:flex;flex-shrink:0;font-size:var(--fs-lg);height:28px;justify-content:center;line-height:1;transition:.2s;width:28px}.category-wrap[data-v-040ba92a]{background:var(--color-white);border:1px solid #eee8e5;border-radius:var(--radius-4xl);box-shadow:0 5px 22px #50322809;margin:-25px auto 25px;padding:8px;position:relative;width:98%;z-index:5}.category-wrap .category-scroll[data-v-040ba92a]{align-items:center;display:flex;gap:5px;min-height:58px;overflow-x:auto;padding:4px 8px}.category-wrap .category-scroll[data-v-040ba92a]::-webkit-scrollbar{display:none}.category-wrap .category-item[data-v-040ba92a]{align-items:center;border-radius:var(--radius-xl);color:var(--el-text-color-regular);cursor:pointer;display:flex;font-size:var(--fs-md);font-weight:600;gap:7px;height:44px;padding:0 19px;position:relative;text-decoration:none;transition:.2s}.category-wrap .category-item .cat-caret[data-v-040ba92a]{color:var(--el-text-color-secondary);font-size:var(--fs-sm);transition:.2s}.category-wrap .category-item[data-v-040ba92a]:hover{background:var(--color-orange-50);color:var(--color-orange-500)}.category-wrap .category-item.active[data-v-040ba92a]{background:var(--color-orange-100);color:var(--color-orange-500)}.category-wrap .category-item.active .cat-caret[data-v-040ba92a]{color:var(--color-orange-500)}.category-wrap .sub-panel[data-v-040ba92a]{background:var(--color-orange-50);border:1px solid #f5e8e4;border-radius:var(--radius-2xl);margin:0 8px 8px;padding:14px 18px}.category-wrap .sub-panel .sub-head[data-v-040ba92a]{align-items:center;display:flex;margin-bottom:10px}.category-wrap .sub-panel .sub-title[data-v-040ba92a]{color:var(--el-text-color-primary);font-size:var(--fs-base);font-weight:700}.category-wrap .sub-panel .sub-list[data-v-040ba92a]{display:flex;flex-wrap:wrap;gap:7px}.category-wrap .sub-panel .sub-item[data-v-040ba92a]{background:var(--color-white);border:1px solid #eee5e2;border-radius:var(--radius-lg);color:var(--el-text-color-secondary);cursor:pointer;font-size:var(--fs-base);padding:7px 14px;text-decoration:none;transition:.2s}.category-wrap .sub-panel .sub-item[data-v-040ba92a]:hover{border-color:var(--color-orange-200);color:var(--color-orange-500)}.category-wrap .sub-panel .sub-item.active[data-v-040ba92a]{background:var(--color-orange-500);border-color:var(--color-orange-500);box-shadow:0 5px 12px #ff563d29;color:var(--color-white)}.list-head[data-v-040ba92a]{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.list-head .list-title[data-v-040ba92a]{color:#2e2e2e;font-size:var(--fs-2xl);font-weight:700;margin:0}.list-head .list-count[data-v-040ba92a]{color:var(--el-text-color-secondary);font-size:var(--fs-sm)}.list-head .list-count strong[data-v-040ba92a]{color:var(--el-color-primary);font-weight:500}.list-head .list-sort[data-v-040ba92a]{align-items:center;display:flex;gap:8px}.list-head .list-sort .sort-label[data-v-040ba92a]{color:var(--el-text-color-secondary);font-size:var(--fs-base)}.list-head .list-sort .sort-select[data-v-040ba92a]{width:120px}.tutorial-grid[data-v-040ba92a]{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.tutorial-card[data-v-040ba92a]{background:var(--color-white);border:1px solid #f0e9e7;border-radius:var(--radius-2xl);color:inherit;cursor:pointer;display:block;overflow:hidden;padding:15px;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.tutorial-card[data-v-040ba92a]:hover{border-color:var(--el-color-primary-light-7);box-shadow:0 8px 24px var(--el-color-primary-light-9);transform:translateY(-2px)}.tutorial-card:hover .arrow[data-v-040ba92a]{color:var(--el-color-primary);transform:translate(3px)}.tutorial-card .card-cover[data-v-040ba92a]{aspect-ratio:16/9;border-radius:var(--radius-2xl);overflow:hidden;position:relative}.tutorial-card .card-cover .cover-img[data-v-040ba92a]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.tutorial-card .card-cover .cover-label[data-v-040ba92a]{backdrop-filter:blur(4px);background:rgba(0,0,0,.25);border:1px solid hsla(0,0%,100%,.22);border-radius:var(--radius-md);bottom:10px;color:#fffffff2;font-size:var(--fs-sm);padding:4px 8px;position:absolute;right:12px;z-index:2}.tutorial-card .card-cover .cover-title[data-v-040ba92a]{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--color-white);display:-webkit-box;font-family:DingTalk;font-size:clamp(13px,2vw,22px);font-weight:600;left:0;letter-spacing:.05em;line-height:1.4;overflow:hidden;padding:clamp(10px,1.8vw,20px) clamp(10px,1.8vw,20px) 0;position:absolute;right:0;top:0;word-break:break-word;z-index:1}.tutorial-card .card-body[data-v-040ba92a]{padding:14px 16px 0}.tutorial-card .card-title[data-v-040ba92a]{-webkit-line-clamp:1;color:#303030;font-size:var(--fs-lg);font-weight:600;line-height:1.6;margin:0 0 7px}.tutorial-card .card-desc[data-v-040ba92a],.tutorial-card .card-title[data-v-040ba92a]{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tutorial-card .card-desc[data-v-040ba92a]{-webkit-line-clamp:2;color:var(--el-text-color-secondary);font-size:var(--fs-base);height:40px;line-height:1.55;margin:0}.tutorial-card .card-keywords[data-v-040ba92a]{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:flex;display:-webkit-box;flex-wrap:wrap;gap:5px;margin-top:8px;overflow:hidden}.tutorial-card .card-keywords .kw-tag[data-v-040ba92a]{background:var(--el-bg-color-page);border-radius:var(--radius-sm);color:var(--el-text-color-placeholder);font-size:var(--fs-sm);font-weight:400;line-height:1.6;padding:1px 7px;white-space:nowrap}.tutorial-card .card-keywords .kw-tag[data-v-040ba92a]:hover{background:var(--el-color-primary-light-9);color:var(--el-color-primary)}.tutorial-card .card-footer[data-v-040ba92a]{align-items:center;display:flex;gap:8px;margin-top:10px}.tutorial-card .card-footer .meta-likes[data-v-040ba92a],.tutorial-card .card-footer .meta-time[data-v-040ba92a]{color:var(--el-text-color-secondary);font-size:var(--fs-sm)}.tutorial-card .card-footer .meta-likes[data-v-040ba92a]{align-items:center;display:inline-flex;gap:3px;margin-left:auto}.tutorial-card .card-footer .meta-likes span[data-v-040ba92a]{padding-top:2px}.tutorial-card .card-footer .meta-views[data-v-040ba92a]{align-items:center;color:var(--el-text-color-secondary);display:inline-flex;font-size:var(--fs-sm);gap:3px}.tutorial-card .card-footer .meta-views .wa-icon[data-v-040ba92a],.tutorial-card .card-footer .meta-views .zan-icon[data-v-040ba92a]{height:14px;-o-object-fit:contain;object-fit:contain;width:14px}.tutorial-card .card-footer .meta-views span[data-v-040ba92a]{padding-top:2px}.tutorial-card .card-footer .arrow[data-v-040ba92a]{color:#ccc;transition:.2s}.gbg-0[data-v-040ba92a],.gbg-1[data-v-040ba92a],.gbg-2[data-v-040ba92a]{background-position:50%;background-repeat:no-repeat;background-size:cover}.gbg-0[data-v-040ba92a]:after,.gbg-1[data-v-040ba92a]:after,.gbg-2[data-v-040ba92a]:after{background:rgba(0,0,0,.32);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.gbg-0 .cover-title[data-v-040ba92a],.gbg-1 .cover-title[data-v-040ba92a],.gbg-2 .cover-title[data-v-040ba92a]{z-index:1}.gbg-0[data-v-040ba92a]{background-image:url(./1.24a7273c.png)}.gbg-1[data-v-040ba92a]{background-image:url(./2.8d91afca.png)}.gbg-2[data-v-040ba92a]{background-image:url(./3.618ef54a.png)}.grid-pagination[data-v-040ba92a]{padding:24px 0 4px}.grid-pagination[data-v-040ba92a],.tutorial-empty[data-v-040ba92a]{display:flex;justify-content:center}.tutorial-empty[data-v-040ba92a]{align-items:center;background:var(--color-white);border-radius:var(--radius-2xl);flex-direction:column;gap:20px;padding:70px 20px;text-align:center}.tutorial-empty .empty-img[data-v-040ba92a]{height:180px;margin-bottom:8px;-o-object-fit:contain;object-fit:contain;width:180px}.tutorial-empty .empty-text[data-v-040ba92a]{color:var(--el-text-color-secondary);font-size:var(--fs-md)}@media (max-width:1200px){.banner-decoration[data-v-040ba92a]{right:10px}.featured[data-v-040ba92a]{grid-template-columns:1fr}.featured-main[data-v-040ba92a]{height:210px}.featured-main .featured-main-desc[data-v-040ba92a]{-webkit-line-clamp:2;width:70%}}@media (max-width:1000px){.tutorial-grid[data-v-040ba92a]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.banner-decoration[data-v-040ba92a]{opacity:.45}.tutorial-banner .banner-title[data-v-040ba92a]{font-size:var(--fs-2xl)}.tutorial-grid[data-v-040ba92a]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.tutorial-banner[data-v-040ba92a]{height:210px;padding:30px 25px}.banner-decoration[data-v-040ba92a]{opacity:.25;right:-100px}.featured-main[data-v-040ba92a]{height:220px}.featured-document[data-v-040ba92a]{right:30px}.tutorial-grid[data-v-040ba92a]{grid-template-columns:1fr}}