.xu5-reading-progress{position:fixed;top:0;left:0;width:0%;height:4px;background:linear-gradient(90deg,#409eff 0%,#66b1ff 50%,#a0cfff 100%);z-index:10000;transition:width 0.1s ease-out;box-shadow:0 2px 8px rgba(64,158,255,0.4)}.xu5-reading-progress::after{content:'';position:absolute;top:0;right:0;width:30px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.5));animation:progressShine 2s ease infinite}@keyframes progressShine{0%,100%{opacity:0}50%{opacity:1}}.tutorial-container{display:flex;gap:24px;max-width:1400px;margin:0 auto;padding:20px}.tutorial-main{flex:1;min-width:0}.tutorial-sidebar{width:320px;position:sticky;top:20px;height:calc(100vh - 40px);overflow-y:auto}.tutorial-sidebar::-webkit-scrollbar{width:6px}.tutorial-sidebar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.tutorial-sidebar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.tutorial-sidebar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}html,body{color:#222}.xu5-tutorial-header{padding:0 0 10px 0;border-bottom:1px solid #ececec;margin-bottom:10px;background:none;box-shadow:none;border-radius:0}.xu5-tutorial-title{font-size:1.38rem;font-weight:800;color:#222;margin-bottom:6px}.xu5-tutorial-info{color:#999;font-size:12px;margin-bottom:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.xu5-tutorial-info span,.xu5-tutorial-info a{background:#f2f3f5;color:#999;border-radius:3px;padding:1px 8px;text-decoration:none;font-weight:400;font-size:12px}.xu5-tutorial-info a:hover{background:#409eff;color:#fff}.xu5-tutorial-content{font-size:1.01rem;line-height:1.8;margin-bottom:18px;word-break:break-all;overflow-wrap:anywhere;max-width:100vw;width:100%;box-sizing:border-box;overflow-x:auto;white-space:normal}.xu5-tutorial-content blockquote{background:#f8f8f8;border-left:4px solid #409EFF;padding:12px 18px;margin:18px 0;color:#333;border-radius:4px;font-style:normal;font-size:1em}.xu5-tutorial-content blockquote p{margin:0;text-align:left}.xu5-tutorial-content h1{font-size:1.5em;font-weight:800;color:#409eff;border-left:5px solid #409eff;background:#f4f8fd;padding:10px 0 10px 16px;margin:2.2em 0 1.2em 0;border-radius:4px}.xu5-tutorial-content h2{font-size:1.28em;font-weight:700;color:#337ecc;border-left:4px solid #337ecc;background:#f4f8fd;padding:8px 0 8px 14px;margin:2em 0 1em 0;border-radius:4px}.xu5-tutorial-content h3{font-size:1.13em;font-weight:600;color:#21c97a;border-left:4px solid #21c97a;background:#f7fcf9;padding:6px 0 6px 12px;margin:1.7em 0 0.8em 0;border-radius:4px}.xu5-tutorial-content h4,.xu5-tutorial-content h5,.xu5-tutorial-content h6{font-size:1em;font-weight:600;color:#888;border-left:0px solid #e3e8ee;padding:4px 0 4px 10px;margin:1.2em 0 0.6em 0;border-radius:3px}.xu5-tutorial-content p{margin:0 0 1.1em 0;line-height:1.85;word-break:break-all}.xu5-tutorial-content ul,.xu5-tutorial-content ol{margin:0 0 1.1em 2em;padding-left:1.2em}.xu5-tutorial-content li{margin-bottom:0.5em;line-height:1.7}.xu5-tutorial-content hr{border:none;border-top:2px dashed #e3e8ee;margin:2em 0}.xu5-tutorial-content pre,.xu5-tutorial-content code{background:#282c34;color:#fff;border-radius:4px;padding:10px;font-size:0.98em;font-family:'Fira Mono','Consolas','Menlo',monospace;overflow-x:auto}.xu5-tutorial-content code{padding:2px 6px}.xu5-tutorial-content .tip{background:#e6f7ff;border-left:4px solid #409eff;color:#337ecc;padding:10px 16px;border-radius:4px;margin:1em 0}.xu5-tutorial-content .warn{background:#fffbe6;border-left:4px solid #faad14;color:#ad6800;padding:10px 16px;border-radius:4px;margin:1em 0}.xu5-tutorial-content .error{background:#fff1f0;border-left:4px solid #ff4d4f;color:#a8071a;padding:10px 16px;border-radius:4px;margin:1em 0}.xu5-tutorial-content table{border-collapse:collapse;width:100%;background:#fafbfc;margin:1em 0}.xu5-tutorial-content th,.xu5-tutorial-content td{border:1px solid #e3e8ee;padding:8px 12px;text-align:left}.xu5-tutorial-content th{background:#f4f8fd;color:#337ecc}.xu5-tutorial-content mark{background:#ffe58f;color:#222;padding:0 3px;border-radius:2px}.xu5-tutorial-content img,.xu5-tutorial-content pre,.xu5-tutorial-content code,.xu5-tutorial-content table{max-width:100% !important;word-break:break-all !important;overflow-x:auto !important;display:block;border-radius:4px}.xu5-tutorial-content ul,.xu5-tutorial-content ol{margin:0 0 14px 20px;padding-left:16px}.xu5-tutorial-content li{margin-bottom:7px}.xu5-download-btns{margin-top:18px;display:flex;gap:16px;flex-wrap:wrap;max-width:100vw;width:100%;box-sizing:border-box;overflow-x:hidden;justify-content:flex-start}.xu5-download-item{display:flex;flex-direction:column;align-items:center;width:130px;margin-bottom:18px;background:none}.download-icon{width:54px;height:54px;border-radius:50%;background:#409eff;display:flex;align-items:center;justify-content:center;font-size:2.1em;color:#fff;margin-bottom:8px;box-shadow:0 2px 8px rgba(64,158,255,0.13)}.download-icon.xun{background:#409eff}.download-icon.uc{background:#21c97a}.download-icon.baidu{background:#3385ff}.download-name{font-size:1.08em;font-weight:600;color:#222;margin-bottom:8px;text-align:center}.download-btn.xu-btn{width:100%;padding:10px 0;border-radius:22px;font-size:1.05rem;font-weight:700;background:linear-gradient(90deg,#409eff 0%,#66b1ff 100%);color:#fff;box-shadow:0 4px 18px rgba(64,158,255,0.13);border:none;cursor:pointer;transition:background 0.18s,box-shadow 0.18s,transform 0.13s,color 0.18s}.download-btn.xu-btn:hover{background:linear-gradient(90deg,#337ecc 0%,#409eff 100%)}.xu5-download-btn:active,.download-btn.xu-btn:active{transform:scale(0.98);box-shadow:0 2px 8px rgba(64,158,255,0.10)}.xu5-download-btn.quark{background:#21c97a;color:#fff}.xu5-download-btn:hover{background:#337ecc;color:#fff}.xu5-download-btn.quark:hover{background:#179e5c}.xu5-download-btn i{margin-right:6px}.xu5-tutorial-footer{background:#f0f0f0;border-radius:4px;color:#888;font-size:0.98rem;padding:14px 12px;margin-top:18px;text-align:center}.xu5-tutorial-footer a{color:#409eff;text-decoration:underline}.xu5-lightbox-overlay{position:fixed;z-index:9999;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.85);display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:fadeIn 0.2s}.xu5-lightbox-overlay img{max-width:90vw;max-height:90vh;border-radius:6px;box-shadow:0 8px 32px rgba(0,0,0,0.25);background:#fff}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.xu5-related-tutorials,.xu5-related-softwares{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,0.04);padding:12px 14px;margin:10px 0;border:1px solid #e9ecef;position:relative;overflow:hidden}.xu5-related-tutorials::before,.xu5-related-softwares::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#409eff 0%,#66b1ff 50%,#409eff 100%);background-size:200% 100%;animation:gradientMove 3s ease infinite}.xu5-related-softwares::before{background:linear-gradient(90deg,#66b1ff 0%,#409eff 50%,#66b1ff 100%);background-size:200% 100%;height:3px;box-shadow:0 1px 4px rgba(64,158,255,0.2)}.xu5-related-softwares::after{content:'🔧';position:absolute;bottom:10px;right:15px;font-size:60px;opacity:0.03;transform:rotate(-15deg);pointer-events:none;z-index:0}.xu5-related-softwares>*{position:relative;z-index:1}.xu5-related-softwares{border:1px solid #d9ecff;box-shadow:0 4px 20px rgba(64,158,255,0.08),0 0 0 1px rgba(64,158,255,0.05)}.xu5-related-softwares:hover{box-shadow:0 6px 28px rgba(64,158,255,0.12),0 0 0 1px rgba(64,158,255,0.1);border-color:#b3d8ff}@keyframes gradientMove{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.xu5-related-tutorials .related-title,.xu5-related-softwares .related-title{font-weight:600;color:#1a1a1a;margin-bottom:10px;font-size:16px;letter-spacing:-0.02em;display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid #eee}.xu5-related-tutorials .related-title::before{content:"📚";font-size:1.1em;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.08))}.xu5-related-softwares .related-title::before{content:"🔧";font-size:1.1em;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.08));animation:toolRotate 3s ease-in-out infinite}@keyframes toolRotate{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.xu5-related-softwares .related-title{background:linear-gradient(135deg,#ecf5ff 0%,#ffffff 100%);padding:6px 8px;border-radius:5px;margin:-2px -2px 8px -2px;border-bottom:1px solid #d9ecff}.xu5-related-tutorials ul,.xu5-related-softwares ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:4px}.xu5-related-tutorials li,.xu5-related-softwares li{background:#fff;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,0.03);padding:6px 8px;transition:all 0.25s ease;border:1px solid #f0f0f0;position:relative;overflow:hidden;counter-increment:item-counter}.xu5-related-tutorials li::after{content:counter(item-counter);position:absolute;top:4px;right:4px;width:16px;height:16px;background:linear-gradient(135deg,#ecf5ff,#d9ecff);color:#409eff;border-radius:50%;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0.5;transition:all 0.2s ease}.xu5-related-softwares li::after{background:linear-gradient(135deg,#66b1ff,#409eff);color:#fff;width:18px;height:18px;font-size:9px;box-shadow:0 1px 4px rgba(64,158,255,0.2);border:1px solid #fff}.xu5-related-tutorials li:hover::after{opacity:0.8;transform:scale(1.05);box-shadow:0 2px 6px rgba(64,158,255,0.3)}.xu5-related-softwares li:hover::after{opacity:0.8;transform:scale(1.05);box-shadow:0 2px 6px rgba(64,158,255,0.35)}.xu5-related-tutorials ul,.xu5-related-softwares ul{counter-reset:item-counter}.xu5-related-tutorials li,.xu5-related-softwares li{border-top:3px solid transparent}.xu5-related-tutorials li:hover{border-top-color:#409eff}.xu5-related-softwares li:hover{border-top-color:#409eff}.xu5-related-tutorials li:hover,.xu5-related-softwares li:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08);border-color:#dee2e6;background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%)}.xu5-related-tutorials a,.xu5-related-softwares a{color:#333;text-decoration:none;font-size:16px;font-weight:500;display:flex;align-items:center;gap:10px;transition:all 0.2s;line-height:1.4;width:100%}.xu5-related-tutorials a:hover,.xu5-related-softwares a:hover{color:#409eff}.xu5-related-softwares a:hover{color:#409eff}.xu5-related-softwares li{background:linear-gradient(135deg,#ffffff 0%,#f5faff 100%);border:1px solid #d9ecff;overflow:hidden}.xu5-related-softwares li::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient( 45deg,transparent 0%,transparent 40%,rgba(255,255,255,0.6) 50%,transparent 60%,transparent 100% );transform:translateX(-100%) translateY(-100%) rotate(45deg);transition:transform 0.6s ease}.xu5-related-softwares li:hover::before{transform:translateX(100%) translateY(100%) rotate(45deg)}.xu5-related-softwares li:hover{background:linear-gradient(135deg,#ecf5ff 0%,#ffffff 100%);border-color:#b3d8ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(64,158,255,0.12)}.xu5-related-softwares .soft-icon{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,#ecf5ff 0%,#d9ecff 100%);object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px rgba(64,158,255,0.15);border:1px solid #d9ecff;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);position:relative}.xu5-related-softwares .soft-icon::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg,#66b1ff,#409eff);border-radius:14px;opacity:0;transition:opacity 0.4s ease;z-index:-1;filter:blur(6px)}.xu5-related-softwares li:hover .soft-icon{transform:scale(1.1);box-shadow:0 4px 10px rgba(64,158,255,0.25);border-color:#66b1ff}.xu5-related-softwares li:hover .soft-icon::before{opacity:0.5}.xu5-related-softwares a{position:relative;padding-right:24px}.xu5-related-softwares a::after{content:'→';position:absolute;right:4px;opacity:0;transform:translateX(-8px);transition:all 0.3s ease;color:#409eff;font-weight:700}.xu5-related-softwares li:hover a::after{opacity:1;transform:translateX(0)}.xu5-related-tutorials .related-soft-icon{width:26px;height:26px;border-radius:5px;object-fit:cover;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,0.04);border:1px solid #e0e0e0;transition:all 0.2s ease}.xu5-related-tutorials li:hover .related-soft-icon{transform:scale(1.08);box-shadow:0 3px 8px rgba(102,126,234,0.2);border-color:#409eff}.xu5-related-tutorials .related-soft-icon,.xu5-related-softwares .soft-icon{display:inline-flex;align-items:center;justify-content:center}.xu5-related-tutorials>div[style*="color:#bbb"],.xu5-related-softwares>div[style*="color:#bbb"]{text-align:center;padding:24px 16px !important;color:#95a5a6 !important;font-size:12px !important;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-radius:12px;border:2px dashed #dee2e6;display:flex !important;flex-direction:column;align-items:center;justify-content:center;gap:12px}.xu5-related-tutorials>div[style*="color:#bbb"]::before{content:"📖";font-size:2em;opacity:0.4}.xu5-related-softwares>div[style*="color:#bbb"]::before{content:"💿";font-size:2em;opacity:0.4}.xu5-tutorial-content img{display:block;margin:0px auto;max-width:100%;border-radius:6px;box-shadow:0 2px 12px rgba(34,34,34,0.08)}.xu5-tutorial-content figure{display:table;margin:18px auto;text-align:center}.xu5-tutorial-content figcaption{color:#888;font-size:0.97em;margin-top:6px}@media (max-width:1024px) and (min-width:701px){.xu5-related-tutorials ul,.xu5-related-softwares ul{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:700px){html,body{overflow-x:hidden !important;max-width:100vw !important}.xu5-tutorial-header,.xu5-tutorial-card,.xu5-related-tutorials,.xu5-related-softwares{padding-left:0 !important;padding-right:0 !important;box-sizing:border-box !important;max-width:100vw !important}.xu5-tutorial-content{padding:0 !important;font-size:0.95rem}.xu5-tutorial-title{font-size:1.08rem}.xu5-download-btns{flex-direction:column;gap:10px}.xu5-download-btn,.download-btn.xu-btn{font-size:1.05rem;padding:12px 0;border-radius:22px}.xu5-related-tutorials,.xu5-related-softwares{padding:24px 20px !important;margin:24px 0 !important;border-radius:12px !important}.xu5-related-tutorials .related-title,.xu5-related-softwares .related-title{font-size:1.15rem !important;margin-bottom:18px !important;padding-bottom:12px !important}.xu5-related-tutorials ul,.xu5-related-softwares ul{grid-template-columns:1fr !important;gap:14px !important}.xu5-related-tutorials li,.xu5-related-softwares li{padding:16px 18px !important;min-height:60px !important}.xu5-related-tutorials a,.xu5-related-softwares a{font-size:14px !important;gap:10px !important}.xu5-related-softwares .soft-icon{width:44px !important;height:44px !important;border-radius:10px !important}.xu5-related-tutorials .related-soft-icon{width:40px !important;height:40px !important}.xu5-related-softwares li{min-height:70px !important}}[class*=el-icon-]{display:inline-block;width:1em;height:1em;vertical-align:-0.15em;background-size:contain;background-repeat:no-repeat;background-position:center}.el-icon-connection{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71'/%3E%3C/svg%3E")}.el-icon-folder{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z'/%3E%3C/svg%3E")}.el-icon-refresh{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='23 4 23 10 17 10'/%3E%3Cpath d='M20.49 15a9 9 0 11-2.12-9.36L23 10'/%3E%3C/svg%3E")}.el-icon-reading{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z'/%3E%3C/svg%3E")}.el-icon-view{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.xu5-tutorial-main-card{background:transparent !important;border:none !important;box-shadow:none !important;padding:0 !important;margin:0 !important}.xu5-tut-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.06)}.xu5-tut-toolbar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#f8f9fa,#f1f3f5);border-bottom:1px solid #e5e7eb}.xu5-tut-dots{display:flex;gap:6px}.xu5-dot{width:11px;height:11px;border-radius:50%}.xu5-dot-r{background:#ff5f57;box-shadow:0 0 4px rgba(255,95,87,0.3)}.xu5-dot-y{background:#febc2e;box-shadow:0 0 4px rgba(254,188,46,0.3)}.xu5-dot-g{background:#28c840;box-shadow:0 0 4px rgba(40,200,64,0.3)}.xu5-tut-toolbar-title{flex:1;text-align:center;font-size:12px;color:#6b7280;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xu5-tut-badge{font-size:10px;padding:3px 10px;background:rgba(64,158,255,0.1);color:#409eff;border-radius:10px;font-weight:600;white-space:nowrap}.xu5-tut-intro{padding:20px 24px;border-bottom:1px dashed #e5e7eb;background:linear-gradient(180deg,rgba(64,158,255,0.02),transparent);font-size:14px;line-height:1.9;color:#374151}.xu5-tut-intro p{margin-bottom:12px}.xu5-tut-intro p:last-child{margin-bottom:0}.xu5-tut-intro strong{color:#111827;background:linear-gradient(135deg,rgba(64,158,255,0.08),rgba(139,92,246,0.06));padding:2px 8px;border-radius:4px}.xu5-tut-intro img{max-width:100%;border-radius:8px;margin:12px 0}.xu5-tut-steps{padding:24px}.xu5-tut-step{display:flex;gap:16px;margin-bottom:28px;position:relative}.xu5-tut-step:last-child{margin-bottom:0}.xu5-tut-step:last-child .xu5-step-line::after{display:none}.xu5-step-line{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:40px}.xu5-step-num{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#409eff,#409eff);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 3px 10px rgba(64,158,255,0.3)}.xu5-step-line::after{content:'';flex:1;width:2px;background:linear-gradient(180deg,#409eff,#e5e7eb);margin-top:8px;border-radius:1px;min-height:20px}.xu5-step-body{flex:1;min-width:0}.xu5-step-text{padding:14px 18px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;line-height:1.7;color:#374151;position:relative;transition:all .2s}.xu5-step-text::before{content:'';position:absolute;left:-7px;top:14px;width:12px;height:12px;background:#f9fafb;border-left:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;transform:rotate(45deg)}.xu5-step-text p{margin:0}.xu5-step-text strong{color:#409eff}.xu5-step-text code{background:#f1f5f9;padding:2px 6px;border-radius:3px;font-size:12px;color:#409eff}.xu5-tut-step:hover .xu5-step-text{border-color:#a0cfff;box-shadow:0 2px 8px rgba(64,158,255,0.08)}.xu5-step-img{margin-top:12px;position:relative;border-radius:10px;overflow:hidden;border:1px solid #e5e7eb;background:#f9fafb;transition:all .2s}.xu5-step-img:hover{border-color:#a0cfff;box-shadow:0 4px 16px rgba(64,158,255,0.1)}.xu5-step-img img{display:block;width:100%;height:auto;transition:transform .3s}.xu5-step-img:hover img{transform:scale(1.01)}.xu5-step-img-label{position:absolute;top:0;right:0;padding:4px 12px;font-size:10px;color:#6b7280;background:rgba(255,255,255,0.9);border-radius:0 0 0 8px;font-family:monospace;backdrop-filter:blur(4px)}.xu5-tut-plain{padding:20px 24px}.xu5-tut-plain .xu5-tutorial-content{font-size:14px;line-height:1.8;color:#374151}.xu5-tut-footer-bar{padding:12px 24px;border-top:1px dashed #e5e7eb;display:flex;align-items:center;gap:6px;font-size:12px;color:#9ca3af;font-family:monospace;background:#f9fafb}.xu5-tut-prompt{color:#409eff;font-weight:700}.xu5-tut-cursor{display:inline-block;width:7px;height:14px;background:#409eff;animation:xu5blink 1s step-end infinite;vertical-align:middle;margin-left:2px}@keyframes xu5blink{50%{opacity:0}}.xu5-tutorial-content{background:transparent !important;border:none !important;box-shadow:none !important}.xu5-tutorial-footer{background:transparent !important;border:none !important;box-shadow:none !important}.xu5-tutorial-download-box-simple{display:flex;align-items:center;justify-content:space-between;margin:0;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.05);gap:16px}.tutorial-download-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.tutorial-download-icon{width:48px !important;height:48px !important;border-radius:8px !important;object-fit:cover !important;flex-shrink:0}.tutorial-download-icon-placeholder{width:48px;height:48px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.tutorial-download-info{flex:1;min-width:0}.tutorial-download-title{font-size:16px;font-weight:600;color:#111827;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tutorial-download-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.tutorial-download-meta span{white-space:nowrap}.tutorial-download-right{display:flex;gap:8px;flex-shrink:0}.tutorial-download-right .download-btn{display:inline-block !important;padding:10px 24px !important;font-size:14px !important;font-weight:600 !important;color:#fff !important;background:#409eff !important;border:none !important;border-radius:6px !important;cursor:pointer !important;transition:all 0.2s !important;white-space:nowrap}.tutorial-download-right .download-btn:hover{background:#337ecc !important;transform:translateY(-1px);box-shadow:0 2px 8px rgba(59,130,246,0.3) !important}.tutorial-download-right .download-btn:active{transform:translateY(0)}@media (max-width:768px){.xu5-tutorial-download-box-simple{flex-direction:column;align-items:stretch;gap:16px}.tutorial-download-left{width:100%}.tutorial-download-title{white-space:normal}.tutorial-download-right{width:100%;flex-direction:column}.tutorial-download-right .download-btn{width:100% !important;text-align:center}}.xu5-tutorial-container{max-width:none;margin:0;padding:15px 30px 30px;display:flex;gap:30px;align-items:flex-start}.xu5-tutorial-main{flex:1;min-width:0}.xu5-tutorial-sidebar{width:320px;flex-shrink:0;position:sticky;top:20px;align-self:flex-start}.xu5-sidebar-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:10px 12px;margin-bottom:10px;box-shadow:0 1px 4px rgba(0,0,0,0.02)}.xu5-toc{left:20px !important;z-index:999 !important}.xu5-sidebar-card h3{margin:0 0 10px 0;font-size:16px;font-weight:600;color:#333;border-bottom:1px solid #eee;padding-bottom:6px}.xu5-related-list{list-style:none;padding:0;margin:0}.xu5-related-list li{margin-bottom:3px}.xu5-related-list li:last-child{margin-bottom:0}.xu5-related-list a{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:4px;text-decoration:none;color:#333;font-size:16px;transition:background 0.15s}.xu5-related-list a:hover{background:#f0f2f5;color:#409eff}.xu5-related-list .related-info{flex:1;min-width:0}.xu5-related-list .related-title{font-size:16px;font-weight:500;line-height:1.4;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xu5-related-list .related-version{font-size:13px;color:#888}.xu5-empty-state{color:#999;font-size:11px;text-align:center;padding:8px 0}.xu5-download-section-card h2{margin:0 0 6px 0;font-size:16px;font-weight:600;color:#333}.xu5-tutorial-main-card h2{margin:0 0 20px 0;font-size:20px;font-weight:600;color:#333}.xu5-related-software-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.related-software-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e9ecef;border-radius:8px;text-decoration:none;color:#333;transition:all 0.2s ease;background:#f8f9fa}.related-software-item:hover{background:#e9ecef;border-color:#409eff;color:#409eff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(64,158,255,0.15)}.related-software-title{font-size:14px;font-weight:500;line-height:1.4}.xu5-tutorial-navigation{margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0}.xu5-nav-links{display:grid;grid-template-columns:1fr 1fr;gap:20px}.xu5-nav-link{display:block;padding:20px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;text-decoration:none;color:#333;transition:all 0.2s ease}.xu5-nav-link:hover{background:#e9ecef;border-color:#409eff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(64,158,255,0.15)}.xu5-nav-link .nav-direction{font-size:12px;color:#666;margin-bottom:5px;font-weight:500}.xu5-nav-link .nav-title{font-size:14px;font-weight:600;line-height:1.4;color:#333}.xu5-nav-link:hover .nav-title{color:#409eff}.xu5-nav-prev{text-align:left}.xu5-nav-next{text-align:right}@media screen and (max-width:768px){.xu5-tut-steps{padding:16px 14px}.xu5-tut-step{gap:10px;margin-bottom:20px}.xu5-step-line{width:32px}.xu5-step-num{width:32px;height:32px;font-size:12px}.xu5-step-text{padding:10px 14px;font-size:13px}.xu5-step-text::before{display:none}.xu5-tut-intro{padding:16px}.xu5-tut-toolbar-title{font-size:11px}}@media screen and (max-width:768px){.xu5-tutorial-wrapper{margin:5px;border-radius:8px}.xu5-tutorial-breadcrumb{padding:10px 20px 5px}.xu5-tutorial-container{flex-direction:column;gap:20px;padding:20px}.xu5-tutorial-sidebar{width:100%;order:1;position:static;max-height:none;overflow-y:visible}.xu5-related-software-grid{grid-template-columns:1fr}.xu5-nav-links{grid-template-columns:1fr}.xu5-download-card .download-buttons{display:none}.xu5-download-mobile{display:block !important}.xu5-sidebar-card{padding:15px;margin-bottom:15px}.xu5-sidebar-card h3{font-size:15px;margin-bottom:12px}.xu5-related-list .related-title{font-size:13px}.xu5-toc{left:10px !important}}#section-faq .section-title{font-size:16px;margin-bottom:8px}#section-faq .faq-item-link{padding:5px 0}#section-faq .faq-number{font-size:12px;min-width:18px}#section-faq .faq-title{font-size:13px}.xu5-tutorial-faq-section{margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0}.xu5-tut-faq-toggle{position:relative}.xu5-tut-faq-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(0deg);transition:transform 0.2s;color:#ccc;font-size:16px}.xu5-tut-faq-item.open .xu5-tut-faq-arrow{transform:translateY(-50%) rotate(90deg)}.xu5-tut-faq-answer{display:none;padding:4px 0 8px 22px;color:#666;font-size:12px;line-height:1.6}.xu5-tut-faq-item.open .xu5-tut-faq-answer{display:block}@media screen and (max-width:480px){.xu5-tutorial-breadcrumb{padding:8px 15px 3px}.xu5-tutorial-container{padding:15px}.xu5-sidebar-card{padding:12px}.xu5-toc{left:5px !important}}