.tutorial-shell{max-width:1440px}.tutorial-card{padding:0 26px}.tutorial-intro{padding:22px 0 14px}.tutorial-intro h1{margin:0;color:#263550;font-size:24px}.tutorial-intro p{margin:6px 0 0;color:#8290a6;font-size:14px}.tutorial-categories{display:flex;gap:10px;flex-wrap:wrap;padding:0 0 18px;border-bottom:1px solid #edf1f8}.tutorial-categories a{padding:5px 13px;border:1px solid #e4ebf6;border-radius:18px;font-size:13px;color:#63758e}.tutorial-categories a[aria-current=page],.tutorial-categories a:hover{background:#edf4ff;border-color:#c9ddff;color:#2479ff}.tutorial-row{display:flex;align-items:center;gap:14px;min-height:67px;padding:15px 2px;border-bottom:1px dashed #e2eaf6;color:#40516d}.tutorial-row:last-child{border-bottom:0}.tutorial-row:hover{background:#f8fbff;color:#2479ff}.tutorial-row-icon{flex-shrink:0;color:#748fc1}.tutorial-row-title{flex:1;min-width:0;font-size:17px;line-height:1.6;overflow-wrap:anywhere}.tutorial-row-meta{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:13px;color:#8a97ab}.tutorial-tag{display:inline-block;padding:2px 9px;border:1px solid #e1e9f5;border-radius:6px;color:#7b8ba2;font-size:13px;white-space:nowrap}.tutorial-row-meta time{white-space:nowrap}.tutorial-empty{text-align:center;padding:55px 15px;color:#8391a7}.tutorial-empty>i{font-size:38px;color:#aac4ed}.tutorial-empty a{color:#2479ff}.tutorial-pagination{text-align:center}.tutorial-pagination .pagination{display:inline-flex;list-style:none;padding:0;gap:6px}.tutorial-pagination li a,.tutorial-pagination li span{display:block;padding:5px 11px;border:1px solid #e1e9f5;border-radius:5px}.tutorial-pagination .active span{background:#2479ff;color:white}.tutorial-article{padding:0 30px}.tutorial-article-header{text-align:center;padding:28px 0 22px;border-bottom:1px dashed #dce6f4}.tutorial-article-header h1{font-size:26px;line-height:1.6;margin:10px 0;color:#263550;overflow-wrap:anywhere}.tutorial-article-header p{color:#8a97ab;margin:0;font-size:14px}.tutorial-body{padding:28px 2px 36px;font-size:16px;line-height:1.95;color:#465670;overflow-wrap:anywhere}.tutorial-body img,.tutorial-body video,.tutorial-body iframe{max-width:100%!important}.tutorial-body img{height:auto!important;display:block;margin:16px auto}.tutorial-body h2{font-size:22px;margin:24px 0 12px;color:#263550}.tutorial-body h3{font-size:19px;margin:20px 0 10px}.tutorial-body p{margin:0 0 14px}.tutorial-body a{color:#2479ff;text-decoration:underline}.tutorial-body table{max-width:100%;border-collapse:collapse;display:block;overflow:auto}.tutorial-body td,.tutorial-body th{padding:8px;border:1px solid #dee6f1}.tutorial-body pre{overflow:auto;background:#f4f7fc;padding:14px;border-radius:8px}.tutorial-article-footer{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-top:1px solid #e7edf6;color:#2479ff}@media(max-width:700px){.tutorial-card{padding:0 16px}.tutorial-intro h1{font-size:21px}.tutorial-row{align-items:flex-start;gap:10px;flex-wrap:wrap;padding:15px 0}.tutorial-row-title{font-size:15px;flex-basis:calc(100% - 28px)}.tutorial-row-meta{padding-left:25px;font-size:12px}.tutorial-tag{font-size:12px}.tutorial-article{padding:0 19px}.tutorial-article-header{padding:22px 0 18px}.tutorial-article-header h1{font-size:22px}.tutorial-body{padding-top:20px;font-size:15px}.tutorial-body h2{font-size:20px}.tutorial-body h3{font-size:18px}.tutorial-article-footer{font-size:14px}}