.onboarding-guide-section{margin-top:32px}.onboarding-guide-section .section-title{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:24px}.onboarding-guide-section .steps-bar{display:flex;gap:0}.onboarding-guide-section .step-item{flex:1;display:flex;flex-direction:column;min-width:0}.onboarding-guide-section .step-header{display:flex;align-items:center;margin-bottom:12px}.onboarding-guide-section .step-circle{width:28px;height:28px;border-radius:50%;background-color:var(--brand);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.onboarding-guide-section .step-circle .step-icon-img{width:28px;height:28px;-o-object-fit:cover;object-fit:cover}.onboarding-guide-section .step-line{flex:1;height:2px;background-color:var(--brand);opacity:.3;margin:0 0 0 8px}.onboarding-guide-section .step-body{padding-right:24px}.onboarding-guide-section .step-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.onboarding-guide-section .step-desc{font-size:13px;color:var(--text-secondary);line-height:1.7;margin-bottom:10px;min-height:3.4em}.onboarding-guide-section .step-image-wrapper .step-image{max-width:100%;max-height:160px;border-radius:8px;border:1px solid var(--border-light);-o-object-fit:contain;object-fit:contain}.onboarding-guide-section .step-image-wrapper .step-image.zoomable{cursor:zoom-in}.onboarding-guide-section .step-image-placeholder{width:100%;max-width:200px;height:120px;border:2px dashed var(--border-light);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:12px;background:var(--bg-off)}.image-preview-overlay{position:fixed;inset:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.preview-close{position:absolute;top:16px;right:20px;font-size:32px;color:#fff;cursor:pointer;opacity:.7;z-index:1}.preview-close:hover{opacity:1}.preview-body{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.preview-img{max-width:90vw;max-height:85vh;-o-object-fit:contain;object-fit:contain;border-radius:8px}.preview-fade-enter-active,.preview-fade-leave-active{transition:opacity .25s ease}.preview-fade-enter-from,.preview-fade-leave-to{opacity:0}@media(max-width:768px){.onboarding-guide-section .section-title{font-size:15px;margin-bottom:16px}.onboarding-guide-section .steps-bar{flex-direction:column;gap:0}.onboarding-guide-section .step-item{flex-direction:row;gap:0}.onboarding-guide-section .step-header{flex-direction:column;margin-bottom:0;margin-right:16px;align-items:center}.onboarding-guide-section .step-line{width:2px;height:auto;flex:1;margin:8px 0 0}.onboarding-guide-section .step-body{padding-right:0;padding-bottom:24px}.onboarding-guide-section .step-desc{min-height:auto}.onboarding-guide-section .step-image-placeholder{max-width:100%;height:80px}}