.tutorial-btn{border:1px solid #d5dae1;background:#fff;color:#27313d;border-radius:8px;padding:8px 12px;font-size:.86rem;font-weight:600;cursor:pointer}.tutorial-btn:hover{background:#f3f5f7}.tutorial-modal{width:min(650px,100%);background:#fff;border:1px solid #dfe3e8;border-radius:16px;padding:28px;position:relative;box-shadow:0 30px 100px rgba(18,28,39,.22)}.tutorial-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e6ea;padding-bottom:13px}.tutorial-head span{font-size:.9rem;font-weight:700}.tutorial-head b{font-size:.82rem;color:#747f8c}.tutorial-body{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:32px 0 25px}.tutorial-step-number{font-size:2.5rem;font-weight:800;color:#c18820;line-height:1}.tutorial-body h2{font-size:1.35rem;margin:0 0 10px}.tutorial-body p{font-size:.95rem;color:#4f5c6b;margin:0;line-height:1.8}.tutorial-tip{margin-top:17px;padding:12px 14px;background:#fff7e8;border-left:3px solid #c18820;border-radius:4px;font-size:.82rem;color:#6b5224}.tutorial-dots{display:flex;justify-content:center;gap:7px;margin-bottom:20px}.tutorial-dots i{width:8px;height:8px;border-radius:50%;background:#dce0e5}.tutorial-dots i.active{width:25px;border-radius:5px;background:#c18820}.tutorial-actions{display:flex;justify-content:flex-end;gap:9px}.tutorial-actions button{min-width:94px}.tutorial-actions button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:760px){.top-actions .tutorial-btn{display:block;padding:7px 9px;font-size:.75rem}.tutorial-modal{padding:22px}.tutorial-body{grid-template-columns:1fr;gap:10px;padding:24px 0}.tutorial-step-number{font-size:1.8rem}}