.tutorial-container[data-v-2394073e]{min-height:100%;padding:24px;background:var(--el-bg-color-page)}.page-header[data-v-2394073e]{margin-bottom:32px;text-align:center}.page-header .page-title[data-v-2394073e]{display:flex;align-items:center;justify-content:center;gap:12px;font-size:32px;font-weight:700;color:var(--el-text-color-primary);margin:0 0 12px}.page-header .page-title .el-icon[data-v-2394073e]{font-size:36px;color:var(--el-color-primary)}.page-header .page-subtitle[data-v-2394073e]{font-size:16px;color:var(--el-text-color-secondary);margin:0}.tutorial-content[data-v-2394073e]{max-width:1200px;margin:0 auto}.tutorial-section[data-v-2394073e]{margin-bottom:48px}.tutorial-section[data-v-2394073e]:last-child{margin-bottom:0}.tutorial-section .section-header[data-v-2394073e]{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--el-border-color-lighter)}.tutorial-section .section-header .section-icon[data-v-2394073e]{font-size:28px;color:var(--el-color-primary)}.tutorial-section .section-header .section-title[data-v-2394073e]{font-size:24px;font-weight:600;color:var(--el-text-color-primary);margin:0}.tutorial-grid[data-v-2394073e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}@media(max-width:768px){.tutorial-grid[data-v-2394073e]{grid-template-columns:1fr}}.tutorial-card[data-v-2394073e]{background:var(--el-bg-color);border:1px solid var(--el-border-color-lighter);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tutorial-card[data-v-2394073e]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--el-color-primary) 0%,var(--el-color-primary-light-3) 100%);transform:scaleX(0);transition:transform .3s ease}.tutorial-card[data-v-2394073e]:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:var(--el-color-primary)}.tutorial-card[data-v-2394073e]:hover:before{transform:scaleX(1)}.tutorial-card:hover .play-icon[data-v-2394073e]{transform:scale(1.1) rotate(5deg)}.tutorial-card:hover .card-footer .el-button[data-v-2394073e]{transform:scale(1.1)}.tutorial-card.case-card[data-v-2394073e]:before{background:linear-gradient(90deg,var(--el-color-success) 0%,var(--el-color-success-light-3) 100%)}.tutorial-card.case-card[data-v-2394073e]:hover{border-color:var(--el-color-success)}.tutorial-card .card-header[data-v-2394073e]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tutorial-card .card-header .play-icon[data-v-2394073e]{font-size:32px;color:var(--el-color-primary);transition:all .3s ease}.case-card .tutorial-card .card-header .play-icon[data-v-2394073e]{color:var(--el-color-success)}.tutorial-card .card-content[data-v-2394073e]{margin-bottom:20px}.tutorial-card .card-content .card-title[data-v-2394073e]{font-size:18px;font-weight:600;color:var(--el-text-color-primary);margin:0 0 12px;line-height:1.5}.tutorial-card .card-content .card-desc[data-v-2394073e]{font-size:14px;color:var(--el-text-color-secondary);margin:0;line-height:1.6}.tutorial-card .card-footer[data-v-2394073e]{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--el-border-color-lighter)}.tutorial-card .card-footer .el-button[data-v-2394073e]{transition:all .3s ease}.tutorial-card .card-footer .watch-text[data-v-2394073e]{font-size:14px;color:var(--el-text-color-regular);font-weight:500}html.dark .tutorial-card[data-v-2394073e]{background:#1a1a1a;border-color:#2a2a2a}html.dark .tutorial-card[data-v-2394073e]:hover{background:#252525;border-color:var(--el-color-primary);box-shadow:0 8px 24px rgba(102,126,234,.3)}html.dark .tutorial-card.case-card[data-v-2394073e]:hover{border-color:var(--el-color-success);box-shadow:0 8px 24px rgba(103,194,58,.3)}html.dark .tutorial-card .card-footer[data-v-2394073e]{border-top-color:#2a2a2a}html.dark .section-header[data-v-2394073e]{border-bottom-color:#2a2a2a}