.tutorial-detail-container[data-v-460225f6]{display:flex;grid-gap:20px;gap:20px}@media (max-width:768px){.tutorial-detail-container[data-v-460225f6]{flex-direction:column}}.tutorial-detail-main[data-v-460225f6]{flex:1;min-width:0;background:#fff;border-radius:12px;padding:20px;box-shadow:0 8px 32px rgba(0,0,0,.1)}@media (max-width:768px){.tutorial-detail-main[data-v-460225f6]{padding:10px}}.tutorial-detail-main .article-title[data-v-460225f6]{font-size:24px;color:#333;margin-bottom:20px}.tutorial-detail-main .article-meta[data-v-460225f6]{display:flex;align-items:center;grid-gap:20px;gap:20px;color:#666;font-size:14px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.tutorial-detail-sidebar[data-v-460225f6]{width:300px;flex-shrink:0}@media (max-width:768px){.tutorial-detail-sidebar[data-v-460225f6]{width:100%}}.tutorial-detail-sidebar .left-tutorial[data-v-460225f6]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.tutorial-detail-sidebar .left-tutorial h3[data-v-460225f6]{font-size:18px;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #506bf6}.tutorial-detail-sidebar .left-tutorial .mobile-toggle[data-v-460225f6]{display:none;margin-top:15px;padding:8px 12px;background-color:#506bf6;color:#fff;border-radius:4px;text-align:center;cursor:pointer;font-weight:500}@media (max-width:768px){.tutorial-detail-sidebar .left-tutorial .mobile-toggle[data-v-460225f6]{display:flex;justify-content:space-between;align-items:center}}.tutorial-detail-sidebar .left-tutorial .left-tutorial-list[data-v-460225f6]{padding:0;margin-top:15px}@media (max-width:768px){.tutorial-detail-sidebar .left-tutorial .left-tutorial-list[data-v-460225f6]{max-height:0;overflow:hidden;transition:max-height .3s ease}.tutorial-detail-sidebar .left-tutorial .left-tutorial-list.mobile-open[data-v-460225f6]{max-height:500px;overflow-y:auto}}.tutorial-detail-sidebar .left-tutorial .left-tutorial-list .left-tutorial-item[data-v-460225f6]{margin-bottom:15px;border-bottom:1px solid #eee}.tutorial-detail-sidebar .left-tutorial .left-tutorial-list .left-tutorial-item a[data-v-460225f6]{display:block;padding:8px 10px;border-radius:4px}.tutorial-detail-sidebar .left-tutorial .left-tutorial-list .left-tutorial-item a.active[data-v-460225f6],.tutorial-detail-sidebar .left-tutorial .left-tutorial-list .left-tutorial-item a[data-v-460225f6]:hover{background:#506bf6;color:#fff}.richtext-content[data-v-460225f6]{position:relative}.richtext-content[data-v-460225f6] iframe{width:100%;height:32vw;max-height:480px}@media (max-width:768px){.richtext-content[data-v-460225f6] iframe{height:32vw;max-height:260px}}.no-data[data-v-34915308]{text-align:center}.no-data .pictrue[data-v-34915308]{width:260px;margin:80px auto 0}.no-data .pictrue img[data-v-34915308]{width:100%;height:100%}.no-data .name[data-v-34915308]{font-size:14px;color:#969696;margin-top:20px;margin-bottom:100px}@media screen and (max-width:768px){.no-data .pictrue[data-v-34915308]{margin:30px auto 0}.no-data .pictrue img[data-v-34915308]{width:200px}.no-data .name[data-v-34915308]{margin-top:10px;margin-bottom:20px}}.time[data-v-07fe60a7]{display:flex;justify-content:center}