面对您在网上办卡充值后商家跑路的情况，为了有效维护您的合法权益，我建议您采取以下综合措施，并遵循相关法律法规进行维权：
一、全面收集证据
- 充值凭证：请务必保留所有与充值相关的支付截图，无论是微信、支付宝还是银行转账记录，这些都能证明您支付了充值金额及具体数额。
- 消费记录：如果您有过消费，请保留消费小票或商家发送的消费通知短信，这些有助于确定充值卡内剩余金额。
- 合同协议：仔细查看您办理充值卡时签订的任何协议条款，特别是关于退款和商家责任的部分。如果当时是口头约定，也请尽量回忆并记录相关细节。
- 商家信息：收集商家的营业执照信息、店铺地址、联系电话等。您可以通过店铺招牌、店内证照或商业登记平台来查询这些信息。如果商家是在商场、购物中心或电商平台等经营，您还可以向管理方咨询入驻资料。
二、尝试自行协商与投诉
- 直接联系商家：首先，尝试通过商家留下的联系方式取得联系，明确要求退款，并保留所有沟通证据。
- 联系商场或平台：如果商家是在商场、超市或电商平台等经营，您可以向管理方或平台方反映情况，寻求他们的协助。
- 向消费者协会投诉：您可以拨打12315投诉热线或通过全国12315平台进行投诉，消费者协会会进行调查和调解。
- 向市场监督管理部门举报：商家跑路可能涉及商业欺诈，您可以向当地市场监管部门进行举报，由他们进行监管和查处。
三、法律途径维权
民事诉讼：
- 您可以依据《中华人民共和国消费者权益保护法》第五十三条，依法向法院提起民事诉讼，要求商家退还充值卡剩余金额及相应利息、合理费用。
- 在提起诉讼前，您可以通过市场监督管理部门申请调取商家的工商信息和个人信息，同时查询股东出资情况。如果股东未实缴出资，您可以将其列为共同被告，要求承担连带责任。
- 在执行阶段，您可以申请法院查封执行商家的财产，包括债权，以确保判决得到履行。
刑事报案：
- 如果商家涉嫌诈骗且金额较大，根据《中华人民共和国刑法》的相关规定，您可以向公安机关提出控告，要求立案侦查。一旦认定商家构成犯罪，商家将承担刑事责任并退还您的损失。
四、预防与建议
- 在未来购买充值卡等预付式消费产品时，请务必谨慎选择商家，了解商家的信誉和经营状况。
- 建议保存所有与充值卡相关的交易记录和凭证，以备不时之需。
- 如遇问题，请及时咨询专业律师，以确保您的权益得到充分保障。
综上所述，面对商家跑路的情况，您应综合运用多种手段进行维权，并遵循相关法律法规，以确保您的合法权益得到有效保护。希望这些建议能对您有所帮助。