名扬IT-国内动态/静态单窗口单IP-ROS软路由-工作室软路由IPhttps://ip001.cn/静态独享IP，工作室网络环境搭建！鲸云IP-使用教程https://ip001.cn/?id=50<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes"> <title>鲸云IP-平台使用教程</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background: #f4f6f9; padding: 20px 10px; } .step-number { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; color: white; font-weight: 700; font-size: 0.95rem; flex-shrink: 0; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); } @media (max-width: 600px) { .feature-grid { grid-template-columns: 1fr !important; } } /* 图片悬停动画 */ .tutorial-img { transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.4, 1), box-shadow 0.3s ease; cursor: pointer; } .tutorial-img:hover { transform: scale(1.03); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18); } /* 按钮禁用悬停动画 */ .btn-no-hover { transition: none !important; } .btn-no-hover:hover { transform: none !important; box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3) !important; background: linear-gradient(45deg, #ff6b6b, #ff8e8e) !important; } </style> </head> <body> <div style="width: 100%; max-width: 800px; margin: 0 auto; border-radius: 12px;"> <!-- ===================================================== --> <!-- 账号注册 --> <!-- ===================================================== --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <span style="font-size: 20px; margin-right: 5px;">📋</span> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">账号注册</h2> <a href="https://console.51tcp.com/auth/register?i=8512" target="_blank" rel="noopener noreferrer" class="btn-no-hover" style="margin-left: auto; margin-right: 10px; background: linear-gradient(45deg, #ff6b6b, #ff8e8e); color: white; text-decoration: none; padding: 8px 22px; border-radius: 50px; font-weight: 600; font-size: 1rem; box-shadow: 0 4px 15px rgba(255,107,107,0.3); white-space: nowrap; transition: none;">点击注册鲸云IP账号</a> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; border: 1px solid #e9ecef;"> <p style="margin: 0 0 10px; font-size: 1rem; color: #555; line-height: 1.6;">打开注册页面，按提示输入手机号点击继续，获取并填写验证码，设置登录密码，点击立即注册即可完成。</p> <div style="margin: 10px 0 0; padding: 12px 16px; background: linear-gradient(135deg, #ffebee, #ffcdd2); border-radius: 8px; border: 1px solid #ef5350; border-left: 4px solid #d32f2f;"> <p style="margin: 0; font-size: 1rem; color: #b71c1c; font-weight: 700; line-height: 1.6;">🎁 注册成功后请联系客服领取优惠福利！</p> </div> <div style="margin-top: 10px; padding: 12px; background: #fff8e1; border-radius: 6px; border-left: 4px solid #ffc107;"> <p style="margin: 0; font-size: 0.95rem; color: #856404; line-height: 1.6;"><strong>📌 注：</strong>请务必牢记您的账号密码，后续登录均需使用。</p> </div> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-top: 12px; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; text-align: center;"> <img class="tutorial-img" src="https://ip001.cn/zb_users/upload/2026/07/jyjc1.png" style="max-width:100%; border-radius:6px; border:1px solid #dee2e6;" onclick="openImageModal(this.src)"> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-top: 12px; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; text-align: center;"> <img class="tutorial-img" src="https://ip001.cn/zb_users/upload/2026/07/jyjc2.png" style="max-width:100%; border-radius:6px; border:1px solid #dee2e6;" onclick="openImageModal(this.src)"> </div> </div> <!-- ===================================================== --> <!-- 实名认证 --> <!-- ===================================================== --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #00b09b 0%, #96c93d 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <span style="font-size: 20px; margin-right: 5px;">👤</span> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">实名认证</h2> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; border: 1px solid #e9ecef; position: relative;"> <div style="position: absolute; top: -10px; left: 20px; background: #ff6b6b; color: white; padding: 4px 16px; border-radius: 18px; font-size: 0.8rem; font-weight: 600; box-shadow: 0 3px 8px rgba(255,107,107,0.25);">⚠️ 必须完成，仅需一次</div> <p style="margin: 20px 0 10px; font-size: 1rem; color: #555; line-height: 1.6;">使用刚注册的鲸云账号登录鲸云后台。</p> <p style="margin: 0 0 10px; font-size: 1rem; color: #555; line-height: 1.6;">登录成功后，点击 <strong style="color: #1890ff;">身份认证-立即认证</strong>。</p> <p style="margin: 0 0 10px; font-size: 1rem; color: #555; line-height: 1.6;">按照页面要求提交真实身份信息（姓名、身份证号），完成认证。</p> <div style="margin-top: 10px; padding: 12px; background: #fff5f5; border-radius: 6px; border-left: 4px solid #e63946;"> <p style="margin: 0; font-size: 0.95rem; color: #b71c1c; line-height: 1.6; font-weight: 600;">🚨 重要：未完成实名认证将无法购买任何节点，请务必先完成此步骤。</p> </div> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-top: 12px; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; text-align: center;"> <img class="tutorial-img" src="https://ip001.cn/zb_users/upload/2026/07/jyjc3.png" style="max-width:100%; border-radius:6px; border:1px solid #dee2e6;" onclick="openImageModal(this.src)"> </div> </div> <!-- ===================================================== --> <!-- 账户充值 --> <!-- ===================================================== --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <span style="font-size: 20px; margin-right: 5px;">💰</span> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">账户充值</h2> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; border: 1px solid #e9ecef;"> <p style="margin: 0 0 10px; font-size: 1rem; color: #555; line-height: 1.6;">在用户中心点击 <strong style="color: #1890ff;">“支付”</strong>。</p> <p style="margin: 0 0 10px; font-size: 1rem; color: #555; line-height: 1.6;">输入您需要充值的金额（<strong style="color: #e63946;">1鲸币 = 1元</strong>）。</p> <p style="margin: 0; font-size: 1rem; color: #555; line-height: 1.6;">点击立即支付完成充值。</p> <div style="margin-top: 10px; padding: 12px; background: #fff8e1; border-radius: 6px; border-left: 4px solid #ff9800;"> <p style="margin: 0; font-size: 0.95rem; color: #856404; line-height: 1.6;"><strong>💡 注意：</strong>充值后余额仅限平台内消费，请根据实际需求合理充值。</p> </div> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-top: 12px; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; text-align: center;"> <img class="tutorial-img" src="https://ip001.cn/zb_users/upload/2026/07/jyjc4.png" style="max-width:100%; border-radius:6px; border:1px solid #dee2e6;" onclick="openImageModal(this.src)"> </div> </div> <!-- ===================================================== --> <!-- 购买节点 --> <!-- ===================================================== --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <span style="font-size: 20px; margin-right: 5px;">🛒</span> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">购买节点</h2> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; border: 1px solid #e9ecef; margin-bottom: 12px;"> <p style="margin: 0 0 12px; font-size: 1rem; color: #555; font-weight: 600;">选择需要购买的套餐：</p> <div style="background: white; padding: 14px 16px; border-radius: 8px; margin-bottom: 10px; border-left: 4px solid #1890ff; box-shadow: 0 2px 8px rgba(0,0,0,0.04);"> <p style="margin: 0; font-size: 0.95rem; color: #333; line-height: 1.6;"><strong style="color: #1890ff;">🏢 机房节点</strong> — 长效静态节点，带宽3M-5M，单条线路每月可切换次数 30 次，节点项目独享使用，支持提取 SK5/HTTP 协议线路。</p> </div> <div style="background: white; padding: 14px 16px; border-radius: 8px; margin-bottom: 10px; border-left: 4px solid #52c41a; box-shadow: 0 2px 8px rgba(0,0,0,0.04);"> <p style="margin: 0; font-size: 0.95rem; color: #333; line-height: 1.6;"><strong style="color: #52c41a;">🏠 家庭A区</strong> — 真实家庭住宅节点，带宽 3M-5M，单条线路每月可切换次数 30 次，节点项目独享使用，支持提取 SK5/HTTP/L2TP 协议线路。</p> </div> <div style="background: white; padding: 14px 16px; border-radius: 8px; margin-bottom: 10px; border-left: 4px solid #faad14; box-shadow: 0 2px 8px rgba(0,0,0,0.04);"> <p style="margin: 0; font-size: 0.95rem; color: #333; line-height: 1.6;"><strong style="color: #faad14;">🏠 家庭B区</strong> — 真实家庭住宅节点，带宽 3M-5M，单条线路每月可切换次数 30 次，节点项目独享使用，支持提取 SK5/HTTP/L2TP 协议线路。</p> </div> <div style="background: white; padding: 14px 16px; border-radius: 8px; margin-bottom: 10px; border-left: 4px solid #eb2f96; box-shadow: 0 2px 8px rgba(0,0,0,0.04);"> <p style="margin: 0; font-size: 0.95rem; color: #333; line-height: 1.6;"><strong style="color: #eb2f96;">⭐ 定制A区</strong> — 真实家庭住宅节点，带宽 5M-50M，单条线路每月可切换次数 500 次，节点纯独享，支持提取 SK5/HTTP/L2TP 协议线路。</p> </div> <div style="background: white; padding: 14px 16px; border-radius: 8px; margin-bottom: 10px; border-left: 4px solid #722ed1; box-shadow: 0 2px 8px rgba(0,0,0,0.04);"> <p style="margin: 0; font-size: 0.95rem; color: #333; line-height: 1.6;"><strong style="color: #722ed1;">⭐ 定制B区</strong> — 真实家庭住宅节点，带宽 5M-50M，单条线路每月可切换次数 500 次，节点纯独享，支持提取 SK5/HTTP/L2TP 协议线路。</p> </div> <div style="margin-top: 12px; padding: 12px 16px; background: #e6f7ff; border-radius: 6px; border-left: 3px solid #1890ff;"> <p style="margin: 0; font-size: 0.95rem; color: #0056b3; line-height: 1.6;"><strong>📌 购买说明：</strong>机房节点、家庭AB区需要选择项目来进行购买；定制AB区直接输入购买数量，点击立即购买，创建定制账户即可。</p> </div> </div> <div style="display: flex; flex-direction: column; gap: 12px; margin-top: 12px;"> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; text-align: center;"> <img class="tutorial-img" src="https://ip001.cn/zb_users/upload/2026/07/jyjc5.png" style="max-width:100%; border-radius:6px; border:1px solid #dee2e6;" onclick="openImageModal(this.src)"> </div> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-top: 12px; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; text-align: center;"> <img class="tutorial-img" src="https://ip001.cn/zb_users/upload/2026/07/jyjc6.png" style="max-width:100%; border-radius:6px; border:1px solid #dee2e6;" onclick="openImageModal(this.src)"> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-top: 12px; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; text-align: center;"> <img class="tutorial-img" src="https://ip001.cn/zb_users/upload/2026/07/jyjc7.png" style="max-width:100%; border-radius:6px; border:1px solid #dee2e6;" onclick="openImageModal(this.src)"> </div> </div> <!-- ===================================================== --> <!-- 节点导出 --> <!-- ===================================================== --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <span style="font-size: 20px; margin-right: 5px;">🌐</span> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: #2d3748; text-shadow: 0 2px 4px rgba(0,0,0,0.1);">节点导出</h2> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; border: 1px solid #e9ecef;"> <p style="margin: 0 0 10px; font-size: 1rem; color: #555; line-height: 1.6;">点击 <strong style="color: #1890ff;">账户</strong>，勾选需要导出的节点，点击后面 <strong style="color: #1890ff;">导出数据</strong>，选择需要导出的线路格式（常用的是万安和斜杠两种），点击生成数据，选择需要的协议 SK5、HTTP、L2TP，直接复制或下载文件即可。</p> <div style="margin: 12px 0; padding: 12px 16px; background: #e6f7ff; border-radius: 6px; border-left: 3px solid #1890ff;"> <p style="margin: 0; font-size: 0.95rem; color: #0056b3; line-height: 1.6;"><strong>💡 提示：</strong>常用格式为“万安”和“斜杠”两种，根据您的使用场景选择即可。</p> </div> <div style="margin-top: 14px; padding: 14px 16px; background: white; border-radius: 8px; border: 1px solid #e0e0e0; position: relative;"> <div style="position: absolute; top: -10px; left: 16px; background: linear-gradient(45deg, #fa709a, #fee140); color: #333; padding: 2px 14px; border-radius: 12px; font-size: 0.75rem; font-weight: 700;">🔑 L2TP 开启教程</div> <p style="margin: 14px 0 8px; font-size: 0.95rem; color: #444; line-height: 1.7;"><strong style="color: #eb2f96;">开启 L2TP 协议的方法：</strong></p> <p style="margin: 0 0 6px; font-size: 0.95rem; color: #555; line-height: 1.7;">家庭AB区和定制AB区支持导出 L2TP 协议线路。点击 <strong style="color: #1890ff;">账户</strong>，找到需要开启的线路，点击 <strong style="color: #1890ff;">编辑/续费</strong>，勾选要开启 L2TP 协议的节点，点击 <strong style="color: #1890ff;">开启 L2TP</strong>，提示 L2TP 开启成功，返回导出数据即可。</p> <div style="margin-top: 8px; padding: 10px 14px; background: #f0f9ff; border-radius: 6px;"> <p style="margin: 0 0 4px; font-size: 0.9rem; color: #0056b3; line-height: 1.6;"><strong>L2TP 端口：</strong>1701</p> <p style="margin: 0 0 4px; font-size: 0.9rem; color: #0056b3; line-height: 1.6;"><strong>秘钥：</strong>666666（带秘钥和不带秘钥同步兼容，一般默认不使用秘钥）</p> <p style="margin: 0; font-size: 0.9rem; color: #ff6b6b; line-height: 1.6;"><strong>⚠️ L2TP 状态检测：</strong>离线表示线路未使用，并不是线路不可用。</p> </div> </div> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-top: 12px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; text-align: center;"> <img class="tutorial-img" src="https://ip001.cn/zb_users/upload/2026/07/jyjc8.png" style="max-width:100%; border-radius:6px; border:1px solid #dee2e6;" onclick="openImageModal(this.src)"> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-top: 12px; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; text-align: center;"> <img class="tutorial-img" src="https://ip001.cn/zb_users/upload/2026/07/jyjc9.png" style="max-width:100%; border-radius:6px; border:1px solid #dee2e6;" onclick="openImageModal(this.src)"> </div> </div> <!-- ===================================================== --> <!-- 节点续费和调换 --> <!-- ===================================================== --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #f6d365 0%, #fda085 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <span style="font-size: 20px; margin-right: 5px;">🔄</span> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">节点续费和调换</h2> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; border: 1px solid #e9ecef;"> <p style="margin: 0 0 12px; font-size: 1rem; color: #555; line-height: 1.6;">点击 <strong style="color: #1890ff;">账户</strong>，勾选需要批量续费和调换的线路：</p> <div style="margin: 0 0 10px; padding: 12px 16px; background: white; border-radius: 6px; border-left: 4px solid #28a745; box-shadow: 0 2px 6px rgba(0,0,0,0.04);"> <p style="margin: 0; font-size: 0.95rem; color: #333; line-height: 1.6;"><strong style="color: #28a745;">📦 续费：</strong>点击 <strong style="color: #1890ff;">续费选中账户</strong> 来进行续费。</p> </div> <div style="margin: 0 0 10px; padding: 12px 16px; background: white; border-radius: 6px; border-left: 4px solid #17a2b8; box-shadow: 0 2px 6px rgba(0,0,0,0.04);"> <p style="margin: 0; font-size: 0.95rem; color: #333; line-height: 1.6;"><strong style="color: #17a2b8;">🔄 调换：</strong>点击 <strong style="color: #1890ff;">本地区调换</strong> 或 <strong style="color: #1890ff;">随机调换</strong> 来进行更换。</p> </div> <div style="padding: 12px 16px; background: white; border-radius: 6px; border-left: 4px solid #6f42c1; box-shadow: 0 2px 6px rgba(0,0,0,0.04);"> <p style="margin: 0; font-size: 0.95rem; color: #333; line-height: 1.6;"><strong style="color: #6f42c1;">🔧 单条操作：</strong>如果需要对单条线路进行调换和续费，可以点击线路后面的 <strong style="color: #1890ff;">编辑/续费</strong> 来完成操作。</p> </div> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-top: 12px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; text-align: center;"> <img class="tutorial-img" src="https://ip001.cn/zb_users/upload/2026/07/jyjc10.png" style="max-width:100%; border-radius:6px; border:1px solid #dee2e6;" onclick="openImageModal(this.src)"> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-top: 12px; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; text-align: center;"> <img class="tutorial-img" src="https://ip001.cn/zb_users/upload/2026/07/jyjc11.png" style="max-width:100%; border-radius:6px; border:1px solid #dee2e6;" onclick="openImageModal(this.src)"> </div> </div> <!-- ===================================================== --> <!-- 合规与售后保障 --> <!-- ===================================================== --> <div style="margin-bottom: 0;"> <div style="background: linear-gradient(135deg, #30cfd0 0%, #330867 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 16px;"> <div style="display: flex; align-items: center;"> <span style="font-size: 20px; margin-right: 5px;">🔔</span> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">合规与售后保障</h2> </div> </div> <div style="background: linear-gradient(145deg, #fff5f5, #ffe6e6); padding: 18px; border-radius: 8px; margin-bottom: 16px; border: 1px solid #ffcccc; position: relative;"> <div style="position: absolute; top: -10px; left: 20px; background: #e63946; color: white; padding: 4px 16px; border-radius: 18px; font-size: 0.875rem; font-weight: 600; box-shadow: 0 3px 8px rgba(230,57,70,0.25);">合规声明</div> <p style="margin: 20px 0 0; font-size: 0.95rem; color: #b71c1c; line-height: 1.5; font-weight: 600;">⚠️ 鲸云平台建立实时后台日志监控系统，严禁将IP用于非法用途。违规账号将立即封禁且不予退款，请严格遵守法律法规及平台使用协议。</p> </div> <div style="background: linear-gradient(145deg, #f0f9ff, #e6f7ff); padding: 18px; border-radius: 8px; border: 1px solid #cce7ff; position: relative;"> <div style="position: absolute; top: -10px; left: 20px; background: #1890ff; color: white; padding: 4px 16px; border-radius: 18px; font-size: 0.875rem; font-weight: 600; box-shadow: 0 3px 8px rgba(24,144,255,0.25);">售后保障</div> <p style="margin: 20px 0 0; font-size: 0.95rem; color: #0056b3; line-height: 1.5; font-weight: 600;">✅ 提供7×24小时不间断IP供应与即时响应客服。用户可联系客服申请免费测试，测试满意后再付款，大幅降低决策风险。</p> </div> </div> </div> <!-- ===================================================== --> <!-- JavaScript：图片点击放大（单击图片关闭） --> <!-- ===================================================== --> <script> function openImageModal(src) { var modal = document.createElement('div'); modal.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.92);z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer;'; var img = document.createElement('img'); img.src = src; img.style.cssText = 'max-width:92%;max-height:92%;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,0.6);cursor:pointer;'; function closeModal() { if (document.body.contains(modal)) { document.body.removeChild(modal); document.body.style.overflow = 'auto'; } } img.onclick = function(e) { e.stopPropagation(); closeModal(); }; modal.onclick = function(e) { if (e.target === modal) { closeModal(); } }; var closeBtn = document.createElement('div'); closeBtn.innerHTML = '✕'; closeBtn.style.cssText = 'position:absolute;top:18px;right:24px;color:white;font-size:32px;cursor:pointer;font-weight:300;z-index:10000;opacity:0.6;transition:opacity 0.2s;'; closeBtn.onmouseover = function() { this.style.opacity = '1'; }; closeBtn.onmouseout = function() { this.style.opacity = '0.6'; }; closeBtn.onclick = function(e) { e.stopPropagation(); closeModal(); }; modal.appendChild(img); modal.appendChild(closeBtn); document.body.appendChild(modal); document.body.style.overflow = 'hidden'; document.addEventListener('keydown', function closeOnEsc(e) { if (e.key === 'Escape') { if (document.body.contains(modal)) { closeModal(); } document.removeEventListener('keydown', closeOnEsc); } }); } document.addEventListener('DOMContentLoaded', function() { var lastTouchEnd = 0; document.addEventListener('touchend', function(event) { var now = (new Date()).getTime(); if (now - lastTouchEnd <= 300) { event.preventDefault(); } lastTouchEnd = now; }, false); }); </script> </body> </html>Mon, 13 Jul 2026 15:24:30 +0800奔富IP-奔富加速器-使用教程https://ip001.cn/?id=49<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes"> <title>平台使用教程</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background: #f4f6f9; padding: 20px 10px; } .step-number { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; color: white; font-weight: 700; font-size: 0.95rem; flex-shrink: 0; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); } @media (max-width: 600px) { .feature-grid { grid-template-columns: 1fr !important; } } /* 图片悬停动画 */ .tutorial-img { transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.4, 1), box-shadow 0.3s ease; cursor: pointer; } .tutorial-img:hover { transform: scale(1.03); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18); } /* ---------- 按钮禁用悬停动画 ---------- */ .btn-no-hover { transition: none !important; } .btn-no-hover:hover { /* 保持与默认完全一致，无任何变化 */ transform: none !important; box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3) !important; background: linear-gradient(45deg, #ff6b6b, #ff8e8e) !important; } </style> </head> <body> <div style="width: 100%; max-width: 800px; margin: 0 auto; border-radius: 12px;"> <!-- ========== 1. 注册账号 ========== --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <span style="font-size: 20px; margin-right: 5px;">📋</span> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">账号注册</h2> <!-- 按钮添加了类 btn-no-hover 和 style="transition: none;" 双重保险 --> <a href="https://user.benfuip.com/main/register?aff=1025" target="_blank" rel="noopener noreferrer" class="btn-no-hover" style="margin-left: auto; margin-right: 10px; background: linear-gradient(45deg, #ff6b6b, #ff8e8e); color: white; text-decoration: none; padding: 8px 22px; border-radius: 50px; font-weight: 600; font-size: 1rem; box-shadow: 0 4px 15px rgba(255,107,107,0.3); white-space: nowrap; transition: none;">点击注册奔富IP账号</a> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; border: 1px solid #e9ecef;"> <p style="margin: 0 0 10px; font-size: 1rem; color: #555; line-height: 1.6;"> 打开注册页面，按提示输入手机号，获取并填写验证码。 </p> <p style="margin: 0 0 10px; font-size: 1rem; color: #555; line-height: 1.6;"> 填写推荐人ID<strong style="color: #e63946; background: #ffeaea; padding: 2px 8px; border-radius: 4px;">1025</strong>、自定义用户ID、设置登录密码，并填写您的QQ号。 </p> <p style="margin: 0 0 10px; font-size: 1rem; color: #555; line-height: 1.6;"> 确认信息无误后，点击 <strong style="color: #1890ff;">“注册”</strong> 按钮即可完成。 </p> <p style="margin: 0; font-size: 1rem; color: #555; line-height: 1.6; background: #fff3cd; padding: 10px; border-radius: 6px; border-left: 3px solid #ffc107;"> <strong>注：</strong>请务必牢记您的用户ID和密码，后续登录均需使用。 </p> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-top: 12px; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; text-align: center;"> <img class="tutorial-img" src="https://ip001.cn/zb_users/upload/2026/07/bfjc1.png" style="max-width:100%; border-radius:6px; border:1px solid #dee2e6;" onclick="openImageModal(this.src)"> </div> </div> <!-- ========== 2. 实名认证 ========== --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #00b09b 0%, #96c93d 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <span style="font-size: 20px; margin-right: 5px;">👤</span> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">实名认证</h2> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; border: 1px solid #e9ecef;"> <p style="margin: 0 0 10px; font-size: 1rem; color: #555; line-height: 1.6;"> 使用刚注册的账号登录奔富加速器-用户控制台。 </p> <p style="margin: 0 0 10px; font-size: 1rem; color: #555; line-height: 1.6;"> 登录成功后，点击导航栏中的 <strong style="color: #1890ff;">“实名认证”</strong>。 </p> <p style="margin: 0 0 10px; font-size: 1rem; color: #555; line-height: 1.6;"> 按照页面要求提交真实身份信息（姓名、身份证号），完成认证。 </p> <p style="margin: 0; font-size: 1rem; color: #e63946; font-weight: 600; background: #fff5f5; padding: 10px; border-radius: 6px; border-left: 3px solid #e63946;"> <strong>重要：</strong>未完成实名认证将无法购买任何节点，请务必先完成此步骤。 </p> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-top: 12px; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; text-align: center;"> <img class="tutorial-img" src="https://zimoip.com/my/benfu/bfjc2.png" style="max-width:100%; border-radius:6px; border:1px solid #dee2e6;" onclick="openImageModal(this.src)"> </div> </div> <!-- ========== 3. 账号充值 ========== --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <span style="font-size: 20px; margin-right: 5px;">💰</span> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">账号充值</h2> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; border: 1px solid #e9ecef;"> <p style="margin: 0 0 10px; font-size: 1rem; color: #555; line-height: 1.6;"> 在用户中心点击 <strong style="color: #1890ff;">“账号充值”</strong>。 </p> <p style="margin: 0 0 10px; font-size: 1rem; color: #555; line-height: 1.6;"> 输入您需要充值的金额。 </p> <p style="margin: 0 0 10px; font-size: 1rem; color: #555; line-height: 1.6;"> 提交订单完成付款。 </p> <p style="margin: 0; font-size: 1rem; color: #ff9800; font-weight: 600; background: #fff8e1; padding: 10px; border-radius: 6px; border-left: 3px solid #ff9800;"> <strong>注意：</strong>充值后的余额仅限平台内消费，<strong>不支持提现</strong>，请根据实际需求合理充值。 </p> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-top: 12px; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; text-align: center;"> <img class="tutorial-img" src="https://zimoip.com/my/benfu/bfjc3.png" style="max-width:100%; border-radius:6px; border:1px solid #dee2e6;" onclick="openImageModal(this.src)"> </div> </div> <!-- ========== 4. 购买节点 ========== --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <span style="font-size: 20px; margin-right: 5px;">🛒</span> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">购买节点</h2> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; border: 1px solid #e9ecef;"> <p style="margin: 0 0 8px; font-size: 1rem; color: #555; line-height: 1.6;"> 进入 <strong style="color: #1890ff;">“业务管理”</strong> 页面。 </p> <p style="margin: 0 0 8px; font-size: 1rem; color: #555; line-height: 1.6;"> 选择节点类型：<strong>SK5线路</strong> 或 <strong>L2TP线路</strong>（根据您的需求）。 </p> <p style="margin: 0 0 8px; font-size: 1rem; color: #555; line-height: 1.6;"> 选择所需套餐，类型默认选 <strong>“电脑静态”</strong> 即可。 </p> <p style="margin: 0 0 8px; font-size: 1rem; color: #555; line-height: 1.6;"> 在“选择游戏”下拉框中，选择您要挂机的项目。 </p> <p style="margin: 0 0 8px; font-size: 1rem; color: #555; line-height: 1.6;"> 点击 <strong style="color: #1890ff;">“下一步”</strong>，进入地区和节点数量选择界面。 </p> <p style="margin: 0 0 8px; font-size: 1rem; color: #555; line-height: 1.6;"> 按需选择地区、节点类型（如T节点/P节点/G节点）、购买时长。 </p> <p style="margin: 0 0 8px; font-size: 1rem; color: #555; line-height: 1.6; background: #e6f7ff; padding: 8px; border-radius: 4px; border-left: 3px solid #1890ff;"> <strong>建议：</strong>首次购买时可先开通测试线路，以验证网络质量。 </p> <p style="margin: 0; font-size: 1rem; color: #555; line-height: 1.6;"> 确认所有选项后，点击 <strong style="color: #1890ff;">“提交”</strong> 完成购买。 </p> </div> <div style="display: flex; flex-direction: column; gap: 12px; margin-top: 15px;"> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; text-align: center;"> <img class="tutorial-img" src="https://zimoip.com/my/benfu/bfjc4.png" style="max-width:100%; border-radius:6px; border:1px solid #dee2e6;" onclick="openImageModal(this.src)"> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; text-align: center;"> <img class="tutorial-img" src="https://zimoip.com/my/benfu/bfjc5.png" style="max-width:100%; border-radius:6px; border:1px solid #dee2e6;" onclick="openImageModal(this.src)"> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; text-align: center;"> <img class="tutorial-img" src="https://zimoip.com/my/benfu/bfjc7.png" style="max-width:100%; border-radius:6px; border:1px solid #dee2e6;" onclick="openImageModal(this.src)"> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; text-align: center;"> <img class="tutorial-img" src="https://zimoip.com/my/benfu/bfjc5.png" style="max-width:100%; border-radius:6px; border:1px solid #dee2e6;" onclick="openImageModal(this.src)"> </div> </div> </div> <!-- ========== 5. 导出线路（地球图标） ========== --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <span style="font-size: 20px; margin-right: 5px;">🌐</span> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: #2d3748; text-shadow: 0 2px 4px rgba(0,0,0,0.1);">线路导出</h2> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; border: 1px solid #e9ecef;"> <p style="margin: 0 0 10px; font-size: 1rem; color: #555; line-height: 1.6;"> 购买成功后，根据您选择的线路类型，点击 <strong style="color: #1890ff;">“SK5线路管理”</strong> 或 <strong style="color: #1890ff;">“L2TP拨号线路管理”</strong>。 </p> <p style="margin: 0 0 10px; font-size: 1rem; color: #555; line-height: 1.6;"> 在列表中勾选您需要导出的线路（可多选）。 </p> <p style="margin: 0 0 10px; font-size: 1rem; color: #555; line-height: 1.6;"> 点击 <strong style="color: #1890ff;">“导出”</strong> 按钮，选择导出格式和协议（通常保持默认即可）。 </p> <p style="margin: 0; font-size: 1rem; color: #555; line-height: 1.6;"> 点击 <strong style="color: #1890ff;">“提取”</strong>，系统将生成连接信息，直接复制即可使用。 </p> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-top: 12px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; text-align: center;"> <img class="tutorial-img" src="https://zimoip.com/my/benfu/bfjc6.png" style="max-width:100%; border-radius:6px; border:1px solid #dee2e6;" onclick="openImageModal(this.src)"> </div> <div style="display: flex; flex-direction: column; gap: 12px; margin-top: 15px;"> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; text-align: center;"> <img class="tutorial-img" src="https://zimoip.com/my/benfu/bfjc8.png" style="max-width:100%; border-radius:6px; border:1px solid #dee2e6;" onclick="openImageModal(this.src)"> </div> </div> </div> <!-- ========== 6. 续费与调换 ========== --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #f6d365 0%, #fda085 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <span style="font-size: 20px; margin-right: 5px;">🔄</span> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">续费与调换</h2> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; border: 1px solid #e9ecef;"> <p style="margin: 0 0 12px; font-size: 1rem; color: #555; line-height: 1.6;"> 如需对已购线路进行管理，请进入对应的线路管理页面（SK5线路管理或L2TP线路管理）： </p> <p style="margin: 0 0 10px; font-size: 1rem; color: #555; line-height: 1.6;"> <strong style="color: #28a745;">批量操作：</strong>勾选多条线路后，点击 <strong style="color: #1890ff;">“批量操作”</strong>，可同时进行续费、修改密码、升级套餐、更换地区、更换项目、设置分组等。 </p> <p style="margin: 0; font-size: 1rem; color: #555; line-height: 1.6;"> <strong style="color: #17a2b8;">单条操作：</strong>若只需调整某一条线路，可在该线路右侧的功能按钮中选择对应操作（如续费、换地区等）。 </p> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-top: 12px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; text-align: center;"> <img class="tutorial-img" src="https://zimoip.com/my/benfu/bfjc9.png" style="max-width:100%; border-radius:6px; border:1px solid #dee2e6;" onclick="openImageModal(this.src)"> </div> </div> <!-- ========== 合规与售后保障 ========== --> <div style="margin-bottom: 0;"> <div style="background: linear-gradient(135deg, #30cfd0 0%, #330867 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 16px;"> <div style="display: flex; align-items: center;"> <span style="font-size: 20px; margin-right: 5px;">🔔</span> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">合规与售后保障</h2> </div> </div> <div style="background: linear-gradient(145deg, #fff5f5, #ffe6e6); padding: 18px; border-radius: 8px; margin-bottom: 16px; border: 1px solid #ffcccc; position: relative;"> <div style="position: absolute; top: -10px; left: 20px; background: #e63946; color: white; padding: 4px 16px; border-radius: 18px; font-size: 0.875rem; font-weight: 600; box-shadow: 0 3px 8px rgba(230,57,70,0.25);">合规声明</div> <p style="margin: 20px 0 0; font-size: 0.95rem; color: #b71c1c; line-height: 1.5; font-weight: 600;"> ⚠️ 奔富加速器平台建立实时后台日志监控系统，严禁将IP用于非法用途。违规账号将立即封禁且不予退款，请严格遵守法律法规及平台使用协议。 </p> </div> <div style="background: linear-gradient(145deg, #f0f9ff, #e6f7ff); padding: 18px; border-radius: 8px; border: 1px solid #cce7ff; position: relative;"> <div style="position: absolute; top: -10px; left: 20px; background: #1890ff; color: white; padding: 4px 16px; border-radius: 18px; font-size: 0.875rem; font-weight: 600; box-shadow: 0 3px 8px rgba(24,144,255,0.25);">售后保障</div> <p style="margin: 20px 0 0; font-size: 0.95rem; color: #0056b3; line-height: 1.5; font-weight: 600;"> ✅ 提供7×24小时不间断IP供应与即时响应客服。用户可在线自助申请免费测试线路，测试满意后再充值购买，大幅降低决策风险。 </p> </div> </div> </div> <!-- ========== 图片点击放大 JavaScript（单击图片关闭） ========== --> <script> function openImageModal(src) { var modal = document.createElement('div'); modal.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.92);z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer;'; var img = document.createElement('img'); img.src = src; img.style.cssText = 'max-width:92%;max-height:92%;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,0.6);cursor:pointer;'; function closeModal() { if (document.body.contains(modal)) { document.body.removeChild(modal); document.body.style.overflow = 'auto'; } } img.onclick = function(e) { e.stopPropagation(); closeModal(); }; modal.onclick = function(e) { if (e.target === modal) { closeModal(); } }; var closeBtn = document.createElement('div'); closeBtn.innerHTML = '✕'; closeBtn.style.cssText = 'position:absolute;top:18px;right:24px;color:white;font-size:32px;cursor:pointer;font-weight:300;z-index:10000;opacity:0.6;transition:opacity 0.2s;'; closeBtn.onmouseover = function() { this.style.opacity = '1'; }; closeBtn.onmouseout = function() { this.style.opacity = '0.6'; }; closeBtn.onclick = function(e) { e.stopPropagation(); closeModal(); }; modal.appendChild(img); modal.appendChild(closeBtn); document.body.appendChild(modal); document.body.style.overflow = 'hidden'; document.addEventListener('keydown', function closeOnEsc(e) { if (e.key === 'Escape') { if (document.body.contains(modal)) { closeModal(); } document.removeEventListener('keydown', closeOnEsc); } }); } document.addEventListener('DOMContentLoaded', function() { var lastTouchEnd = 0; document.addEventListener('touchend', function(event) { var now = (new Date()).getTime(); if (now - lastTouchEnd <= 300) { event.preventDefault(); } lastTouchEnd = now; }, false); }); </script> </body> </html>Fri, 10 Jul 2026 16:48:40 +0800ROS软路由1拖50性能版+全新大洲D1C无线AP+全协议系统+超高性价比https://ip001.cn/?id=48<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>1拖50性能版</title> </head> <body> <!-- ===== 顶部按钮 ===== --> <div style="display: flex; flex-wrap: wrap; gap: 15px; margin: 20px 0;"> <!-- 套餐配置 --> <label for="price-modal" class="animated-button" style="flex: 1; min-width: 250px; display: flex; align-items: center; padding: 25px; background: linear-gradient(135deg, #4CAF50, #66BB6A); color: white; text-decoration: none; border-radius: 15px; font-weight: bold; font-size: 16px; box-shadow: 0 8px 25px rgba(76,175,80,0.4); cursor: pointer; margin: 0; position: relative; overflow: hidden; transition: all 0.3s ease;"> <div style="position: relative; width: 50px; height: 50px; background: rgba(255,255,255,0.3); border-radius: 12px; margin-right: 20px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;"> <div style="width: 24px; height: 24px; background: white; border-radius: 50%; position: relative; transition: all 0.3s ease;"> <div style="position: absolute; top: 6px; left: 11px; width: 2px; height: 12px; background: #4CAF50; transition: all 0.3s ease;"></div> </div> </div> <div style="flex: 1; position: relative; z-index: 2;"> <div style="font-size: 18px; font-weight: 700; transition: all 0.3s ease;">查看配置</div> <div style="font-size: 12px; opacity: 0.9; margin-top: 5px; transition: all 0.3s ease;">查看详细配置参数</div> </div> <div style="position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.5s ease;"></div> </label> <!-- 视频教程 --> <a href="https://www.bilibili.com/video/BV177L96sEYD/" target="_blank" rel="noopener noreferrer" class="animated-button" style="flex: 1; min-width: 250px; display: flex; align-items: center; padding: 25px; background: linear-gradient(135deg, #9C27B0, #AB47BC); color: white; text-decoration: none; border-radius: 15px; font-weight: bold; font-size: 16px; box-shadow: 0 8px 25px rgba(156,39,176,0.4); cursor: pointer; margin: 0; position: relative; overflow: hidden; transition: all 0.3s ease;"> <div style="position: relative; width: 50px; height: 50px; background: rgba(255,255,255,0.3); border-radius: 12px; margin-right: 20px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;"> <div style="width: 24px; height: 16px; background: white; border-radius: 4px; position: relative; transition: all 0.3s ease;"> <div style="position: absolute; top: 3px; left: 8px; width: 8px; height: 10px; border-left: 4px solid #9C27B0; border-right: 4px solid #9C27B0; transition: all 0.3s ease;"></div> </div> </div> <div style="flex: 1; position: relative; z-index: 2;"> <div style="font-size: 18px; font-weight: 700; transition: all 0.3s ease;">使用教程</div> <div style="font-size: 12px; opacity: 0.9; margin-top: 5px; transition: all 0.3s ease;">快速上手使用教程</div> </div> <div style="position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.5s ease;"></div> </a> </div> <!-- ===== 套餐配置模态框 ===== --> <input type="checkbox" id="price-modal" style="display: none;"> <div id="price-modal-content" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1000; align-items: center; justify-content: center;"> <div style="background: white; padding: 30px; border-radius: 15px; max-width: 800px; width: 90%; max-height: 80vh; overflow-y: auto; position: relative;"> <label for="price-modal" style="position: absolute; top: 15px; right: 15px; font-size: 24px; cursor: pointer; color: #666;">×</label> <h3 style="color: #4CAF50; text-align: center; margin-bottom: 25px; font-weight: bold;">🖥️ 1拖50性能版配置清单</h3> <table style="width: 100%; border-collapse: collapse; border: 1px solid #ddd; margin-bottom: 25px; font-size: 16px;"> <thead> <tr style="background: #4CAF50; color: white;"> <th style="padding: 12px; border: 1px solid #ddd; text-align: left; font-weight: bold;">配置</th> <th style="padding: 12px; border: 1px solid #ddd; text-align: left; font-weight: bold;">型号</th> <th style="padding: 12px; border: 1px solid #ddd; text-align: left; font-weight: bold;">备注</th> </tr> </thead> <tbody> <tr style="background: #f9f9f9;"> <td style="padding: 12px; border: 1px solid #ddd;">CPU</td> <td style="padding: 12px; border: 1px solid #ddd;">J1800</td> <td style="padding: 12px; border: 1px solid #ddd;">二核二线程</td> </tr> <tr> <td style="padding: 12px; border: 1px solid #ddd;">内存</td> <td style="padding: 12px; border: 1px solid #ddd;">标配2G</td> <td style="padding: 12px; border: 1px solid #ddd;">DDR3/DDR3L/4G可选配</td> </tr> <tr style="background: #f9f9f9;"> <td style="padding: 12px; border: 1px solid #ddd;">硬盘</td> <td style="padding: 12px; border: 1px solid #ddd;">标配8G</td> <td style="padding: 12px; border: 1px solid #ddd;">16G、32G、64G可选配</td> </tr> <tr> <td style="padding: 12px; border: 1px solid #ddd;">无线AP</td> <td style="padding: 12px; border: 1px solid #ddd;">大洲D1C</td> <td style="padding: 12px; border: 1px solid #ddd;">高并发性能/双频千兆/AC1300兆</td> </tr> <tr style="background: #f9f9f9;"> <td style="padding: 12px; border: 1px solid #ddd;">系统</td> <td style="padding: 12px; border: 1px solid #ddd;">全协议支持</td> <td style="padding: 12px; border: 1px solid #ddd;">SK5/HTTP/L2TP/PPTP等主流协议</td> </tr> </tbody> </table> <div style="text-align: center;"> <a href="https://www.bilibili.com/video/BV177L96sEYD/" target="_blank" style="display: inline-block; padding: 12px 30px; background: #4CAF50; color: white; text-decoration: none; border-radius: 8px; font-weight: bold; font-size: 16px; margin: 10px;">视频教程</a> <label for="price-modal" style="display: inline-block; padding: 12px 30px; background: #6c757d; color: white; text-decoration: none; border-radius: 8px; font-weight: bold; font-size: 16px; cursor: pointer; margin: 10px;">关闭</label> </div> </div> </div> <!-- ===== 样式 ===== --> <style> #price-modal:checked ~ #price-modal-content { display: flex !important; } .animated-button:hover { transform: translateY(-3px) !important; box-shadow: 0 12px 30px rgba(0,0,0,0.25) !important; } .animated-button:hover > div:first-child { transform: scale(1.1) !important; } .animated-button:hover > div:first-child > div { transform: scale(1.1) !important; } .animated-button:hover > div:nth-child(2) > div:first-child { transform: translateX(5px) !important; } .animated-button:hover > div:last-child { left: 100% !important; } /* 表格悬停效果 */ table tbody tr { transition: all 0.3s ease; } table tbody tr:hover { background-color: #e3f2fd !important; transform: scale(1.01); box-shadow: 0 4px 8px rgba(0,0,0,0.1); } /* 图片悬停效果 */ img[onclick*="toggleImageModal"] { cursor: pointer !important; transition: all 0.3s ease !important; } img[onclick*="toggleImageModal"]:hover { transform: scale(1.02) !important; box-shadow: 0 6px 20px rgba(0,0,0,0.2) !important; } #image-modal { cursor: pointer; } #image-modal img { cursor: pointer; } </style> <!-- ===== 页面内容 ===== --> <!-- 标题1 --> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> ⭐ MingYang OS 原创 ● 非克隆 </h2> <p style="margin: 0px 0px 6px 0px; padding: 0px; font-size: 17px; text-align: justify; text-justify: inter-ideograph; line-height: 1.8; word-break: break-word; overflow-wrap: break-word; letter-spacing: 0.5px;"> 不是克隆，不是换皮，更不是开源代码的缝合怪。 </p> <p style="margin: 0px 0px 6px 0px; padding: 0px; font-size: 17px; text-align: justify; text-justify: inter-ideograph; line-height: 1.8; word-break: break-word; overflow-wrap: break-word; letter-spacing: 0.5px;"> MingYang OS 基于 ROS 底层协议栈，<strong>逐行手工编写核心代码</strong>，专为工作室场景深度重构。 </p> <p style="margin: 0px 0px 20px 0px; padding: 0px; font-size: 17px; text-align: justify; text-justify: inter-ideograph; line-height: 1.8; word-break: break-word; overflow-wrap: break-word; letter-spacing: 0.5px;"> 不为快，只为稳。一套真正为效率而生的原创系统。 </p> <!-- 标题2 --> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 🎯 为什么选择 MingYang OS </h2> <p style="margin: 0px 0px 20px 0px; padding: 0px; font-size: 17px; text-align: justify; text-justify: inter-ideograph; line-height: 1.8; word-break: break-word; overflow-wrap: break-word; letter-spacing: 0.5px;"> 十年工作室实战经验沉淀，我们深知每一位用户的真实需求。MingYang OS 专为工作室场景量身定制，彻底告别繁琐的脚本操作——从代理IP批量导入到设备一键智能绑定，<strong>全程仅需三分钟</strong>。纯中文后台界面，零门槛上手，小白也能轻松驾驭。我们拥有专业的技术团队持续护航，同时欢迎您随时反馈宝贵建议，每一次更新都为解决您的真实痛点。 </p> <!-- 标题3 --> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> ⚡ MingYang OS 系统亮点 </h2> <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 0px 0px 20px 0px;"> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">🌐</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">全协议兼容</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">支持 SOCKS5、HTTP、L2TP、PPTP 等主流协议，适配各类代理资源，无需额外转换。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">📦</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">全流程批量管理</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">一键导入/导出线路，批量检测节点有效性、延迟与归属地，全流程自动化。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">🔁</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">一键网络切换</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">本地网络与代理网络一键切换，灵活调度，无需繁琐配置，秒级响应。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">📱</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">智能设备绑定</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">一键智能绑定设备，手机端与电脑端双端操作，三分钟完成全设备部署。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">💾</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">数据安全与自动化</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">设备信息一键备份，一键解绑/释放所有设备，L2TP 定时重播自动值守。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">🔄</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">持续进化</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">你的需求驱动每一次迭代，功能随时添加，系统定期更新，越用越顺手。</div> </div> </div> <!-- ===== 适用业务场景 · 卡片样式 ===== --> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 🎮 适用业务场景 </h2> <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 0px 0px 20px 0px;"> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">🎬</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">短视频运营</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">抖音、小红书、西瓜、快手等业务</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">🎮</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">游戏工作室</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">手游、端游批量起号、挂机等项目</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">📲</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">模拟器多开</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">雷电/逍遥/蓝叠/MuMu/夜神/VM等</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">🛒</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">电商批量运营</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">电商多账号运营安全管理</div> </div> </div> <!-- ===== 后台截图 · 点击放大/缩小切换 ===== --> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 🖼️ MingYang OS 后台截图 <span style="color: #FF0000; font-weight: 400;">（点击图片可放大/缩小）</span> </h2> <div style="display: flex; flex-direction: column; gap: 15px; margin: 0px 0px 20px 0px; align-items: center;"> <div style="text-align: center; cursor: pointer; width: 100%; max-width: 750px;"> <img src="https://ip001.cn/zb_users/upload/2026/07/50.png" alt="设备图片" style="width: 100%; height: auto; object-fit: contain; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #e0e0e0;" onclick="toggleImageModal(this.src)"> </div> <div style="text-align: center; cursor: pointer; width: 100%; max-width: 750px;"> <img src="https://ip001.cn/zb_users/upload/2026/07/SK5.png" alt="SK5协议截图" style="width: 100%; height: auto; object-fit: contain; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #e0e0e0;" onclick="toggleImageModal(this.src)"> </div> <div style="text-align: center; cursor: pointer; width: 100%; max-width: 750px;"> <img src="https://ip001.cn/zb_users/upload/2026/07/L2TP.png" alt="L2TP协议截图" style="width: 100%; height: auto; object-fit: contain; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #e0e0e0;" onclick="toggleImageModal(this.src)"> </div> </div> <!-- ===== 图片放大模态框 ===== --> <div id="image-modal" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 2000; align-items: center; justify-content: center;"> <div style="position: relative; max-width: 90%; max-height: 90%;"> <img id="modal-image" src="" alt="放大图片" style="max-width: 100%; max-height: 90vh; object-fit: contain; border-radius: 8px; cursor: pointer;" onclick="closeImageModal()"> <button onclick="closeImageModal()" style="position: absolute; top: -40px; right: 0; background: none; border: none; color: white; font-size: 30px; cursor: pointer;">×</button> </div> </div> <!-- ===== 发货与售后政策 · 全卡片样式 ===== --> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 📦 发货与售后政策 </h2> <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 0px 0px 16px 0px;"> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 16px 18px; text-align: center;"> <div style="font-size: 28px; margin-bottom: 2px;">🚚</div> <div style="font-size: 15px; color: #0b1a2f; line-height: 1.6;">所有设备均调试好后发货，开箱即用。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 16px 18px; text-align: center;"> <div style="font-size: 28px; margin-bottom: 2px;">💡</div> <div style="font-size: 15px; color: #0b1a2f; line-height: 1.6;">设备不包含代理IP费用，需自行购买。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 16px 18px; text-align: center;"> <div style="font-size: 28px; margin-bottom: 2px;">🎓</div> <div style="font-size: 15px; color: #0b1a2f; line-height: 1.6;">提供一对一售后教学，全程指导。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 16px 18px; text-align: center;"> <div style="font-size: 28px; margin-bottom: 2px;">📦</div> <div style="font-size: 15px; color: #0b1a2f; line-height: 1.6;">默认包邮京东快递，快速送达。</div> </div> </div> <!-- 售后政策两个卡片 --> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 0px 0px 20px 0px;"> <div style="background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; padding: 16px 18px; text-align: center;"> <div style="font-size: 28px; margin-bottom: 2px;">✅</div> <div style="font-size: 15px; color: #166534; line-height: 1.6;"> <strong>因设备问题造成无法使用</strong><br> 我们承担运费，包退包换 </div> </div> <div style="background: #fef2f2; border: 1px solid #fecaca; border-radius: 8px; padding: 16px 18px; text-align: center;"> <div style="font-size: 28px; margin-bottom: 2px;">❌</div> <div style="font-size: 15px; color: #991b1b; line-height: 1.6;"> <strong>非设备质量问题</strong><br> 恕不退换，敬请谅解 </div> </div> </div> <!-- ===== 底部 · 版本一：加背景框+装饰线 ===== --> <div style="background: #f8faff; border-radius: 12px; padding: 30px 20px 20px; margin-top: 20px; border: 1px solid #eef2f6; text-align: center;"> <div style="font-size: 14px; color: #999; margin-bottom: 6px;">💬 如有疑问，欢迎联系</div> <p style="font-size: 22px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">📞 立即咨询</p> <p style="font-size: 15px; color: #556b82; margin-bottom: 16px;">获取专属部署方案 · 一对一技术支持</p> <div style="display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; font-size: 16px; color: #2c3e50; padding-top: 12px; border-top: 1px solid #e8ecf0;"> <span>🐧 QQ：21002806</span> <span>💚 微信：MingYang-IT</span> </div> </div> <!-- ===== JS ===== --> <script> var imageModal = document.getElementById('image-modal'); var modalImage = document.getElementById('modal-image'); function toggleImageModal(src) { if (imageModal.style.display === 'flex') { closeImageModal(); } else { modalImage.src = src; imageModal.style.display = 'flex'; document.body.style.overflow = 'hidden'; } } function closeImageModal() { imageModal.style.display = 'none'; document.body.style.overflow = 'auto'; } imageModal.addEventListener('click', function(e) { if (e.target === imageModal) closeImageModal(); }); document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeImageModal(); }); </script> </body> </html>Wed, 08 Jul 2026 20:27:05 +0800ROS软路由1拖100尊享版+全新大洲X3无线AP+全协议系统+超高性价比https://ip001.cn/?id=47<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>1拖100尊享版</title> </head> <body> <!-- ===== 顶部按钮 ===== --> <div style="display: flex; flex-wrap: wrap; gap: 15px; margin: 20px 0;"> <!-- 套餐配置 --> <label for="price-modal" class="animated-button" style="flex: 1; min-width: 250px; display: flex; align-items: center; padding: 25px; background: linear-gradient(135deg, #4CAF50, #66BB6A); color: white; text-decoration: none; border-radius: 15px; font-weight: bold; font-size: 16px; box-shadow: 0 8px 25px rgba(76,175,80,0.4); cursor: pointer; margin: 0; position: relative; overflow: hidden; transition: all 0.3s ease;"> <div style="position: relative; width: 50px; height: 50px; background: rgba(255,255,255,0.3); border-radius: 12px; margin-right: 20px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;"> <div style="width: 24px; height: 24px; background: white; border-radius: 50%; position: relative; transition: all 0.3s ease;"> <div style="position: absolute; top: 6px; left: 11px; width: 2px; height: 12px; background: #4CAF50; transition: all 0.3s ease;"></div> </div> </div> <div style="flex: 1; position: relative; z-index: 2;"> <div style="font-size: 18px; font-weight: 700; transition: all 0.3s ease;">查看配置</div> <div style="font-size: 12px; opacity: 0.9; margin-top: 5px; transition: all 0.3s ease;">查看详细配置参数</div> </div> <div style="position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.5s ease;"></div> </label> <!-- 视频教程 --> <a href="https://www.bilibili.com/video/BV177L96sEYD/" target="_blank" rel="noopener noreferrer" class="animated-button" style="flex: 1; min-width: 250px; display: flex; align-items: center; padding: 25px; background: linear-gradient(135deg, #9C27B0, #AB47BC); color: white; text-decoration: none; border-radius: 15px; font-weight: bold; font-size: 16px; box-shadow: 0 8px 25px rgba(156,39,176,0.4); cursor: pointer; margin: 0; position: relative; overflow: hidden; transition: all 0.3s ease;"> <div style="position: relative; width: 50px; height: 50px; background: rgba(255,255,255,0.3); border-radius: 12px; margin-right: 20px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;"> <div style="width: 24px; height: 16px; background: white; border-radius: 4px; position: relative; transition: all 0.3s ease;"> <div style="position: absolute; top: 3px; left: 8px; width: 8px; height: 10px; border-left: 4px solid #9C27B0; border-right: 4px solid #9C27B0; transition: all 0.3s ease;"></div> </div> </div> <div style="flex: 1; position: relative; z-index: 2;"> <div style="font-size: 18px; font-weight: 700; transition: all 0.3s ease;">使用教程</div> <div style="font-size: 12px; opacity: 0.9; margin-top: 5px; transition: all 0.3s ease;">快速上手使用教程</div> </div> <div style="position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.5s ease;"></div> </a> </div> <!-- ===== 套餐配置模态框 ===== --> <input type="checkbox" id="price-modal" style="display: none;"> <div id="price-modal-content" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1000; align-items: center; justify-content: center;"> <div style="background: white; padding: 30px; border-radius: 15px; max-width: 800px; width: 90%; max-height: 80vh; overflow-y: auto; position: relative;"> <label for="price-modal" style="position: absolute; top: 15px; right: 15px; font-size: 24px; cursor: pointer; color: #666;">×</label> <h3 style="color: #4CAF50; text-align: center; margin-bottom: 25px; font-weight: bold;">🖥️ 1拖100尊享版配置清单</h3> <table style="width: 100%; border-collapse: collapse; border: 1px solid #ddd; margin-bottom: 25px; font-size: 16px;"> <thead> <tr style="background: #4CAF50; color: white;"> <th style="padding: 12px; border: 1px solid #ddd; text-align: left; font-weight: bold;">配置</th> <th style="padding: 12px; border: 1px solid #ddd; text-align: left; font-weight: bold;">型号</th> <th style="padding: 12px; border: 1px solid #ddd; text-align: left; font-weight: bold;">备注</th> </tr> </thead> <tbody> <tr style="background: #f9f9f9;"> <td style="padding: 12px; border: 1px solid #ddd;">CPU</td> <td style="padding: 12px; border: 1px solid #ddd;">J1900</td> <td style="padding: 12px; border: 1px solid #ddd;">四核四线程</td> </tr> <tr> <td style="padding: 12px; border: 1px solid #ddd;">内存</td> <td style="padding: 12px; border: 1px solid #ddd;">标配2G</td> <td style="padding: 12px; border: 1px solid #ddd;">DDR3/DDR3L/4G可选配</td> </tr> <tr style="background: #f9f9f9;"> <td style="padding: 12px; border: 1px solid #ddd;">硬盘</td> <td style="padding: 12px; border: 1px solid #ddd;">标配8G</td> <td style="padding: 12px; border: 1px solid #ddd;">16G、32G、64G可选配</td> </tr> <tr> <td style="padding: 12px; border: 1px solid #ddd;">无线AP</td> <td style="padding: 12px; border: 1px solid #ddd;">大洲X3</td> <td style="padding: 12px; border: 1px solid #ddd;">高并发性能/WiFi6/AX1800Mbps</td> </tr> <tr style="background: #f9f9f9;"> <td style="padding: 12px; border: 1px solid #ddd;">系统</td> <td style="padding: 12px; border: 1px solid #ddd;">全协议支持</td> <td style="padding: 12px; border: 1px solid #ddd;">SK5/HTTP/L2TP/PPTP等主流协议</td> </tr> </tbody> </table> <div style="text-align: center;"> <a href="https://www.bilibili.com/video/BV177L96sEYD/" target="_blank" style="display: inline-block; padding: 12px 30px; background: #4CAF50; color: white; text-decoration: none; border-radius: 8px; font-weight: bold; font-size: 16px; margin: 10px;">视频教程</a> <label for="price-modal" style="display: inline-block; padding: 12px 30px; background: #6c757d; color: white; text-decoration: none; border-radius: 8px; font-weight: bold; font-size: 16px; cursor: pointer; margin: 10px;">关闭</label> </div> </div> </div> <!-- ===== 样式 ===== --> <style> #price-modal:checked ~ #price-modal-content { display: flex !important; } .animated-button:hover { transform: translateY(-3px) !important; box-shadow: 0 12px 30px rgba(0,0,0,0.25) !important; } .animated-button:hover > div:first-child { transform: scale(1.1) !important; } .animated-button:hover > div:first-child > div { transform: scale(1.1) !important; } .animated-button:hover > div:nth-child(2) > div:first-child { transform: translateX(5px) !important; } .animated-button:hover > div:last-child { left: 100% !important; } /* 表格悬停效果 */ table tbody tr { transition: all 0.3s ease; } table tbody tr:hover { background-color: #e3f2fd !important; transform: scale(1.01); box-shadow: 0 4px 8px rgba(0,0,0,0.1); } /* 图片悬停效果 */ img[onclick*="toggleImageModal"] { cursor: pointer !important; transition: all 0.3s ease !important; } img[onclick*="toggleImageModal"]:hover { transform: scale(1.02) !important; box-shadow: 0 6px 20px rgba(0,0,0,0.2) !important; } #image-modal { cursor: pointer; } #image-modal img { cursor: pointer; } </style> <!-- ===== 页面内容 ===== --> <!-- 标题1 --> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> ⭐ MingYang OS 原创 ● 非克隆 </h2> <p style="margin: 0px 0px 6px 0px; padding: 0px; font-size: 17px; text-align: justify; text-justify: inter-ideograph; line-height: 1.8; word-break: break-word; overflow-wrap: break-word; letter-spacing: 0.5px;"> 不是克隆，不是换皮，更不是开源代码的缝合怪。 </p> <p style="margin: 0px 0px 6px 0px; padding: 0px; font-size: 17px; text-align: justify; text-justify: inter-ideograph; line-height: 1.8; word-break: break-word; overflow-wrap: break-word; letter-spacing: 0.5px;"> MingYang OS 基于 ROS 底层协议栈，<strong>逐行手工编写核心代码</strong>，专为工作室场景深度重构。 </p> <p style="margin: 0px 0px 20px 0px; padding: 0px; font-size: 17px; text-align: justify; text-justify: inter-ideograph; line-height: 1.8; word-break: break-word; overflow-wrap: break-word; letter-spacing: 0.5px;"> 不为快，只为稳。一套真正为效率而生的原创系统。 </p> <!-- 标题2 --> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 🎯 为什么选择 MingYang OS </h2> <p style="margin: 0px 0px 20px 0px; padding: 0px; font-size: 17px; text-align: justify; text-justify: inter-ideograph; line-height: 1.8; word-break: break-word; overflow-wrap: break-word; letter-spacing: 0.5px;"> 十年工作室实战经验沉淀，我们深知每一位用户的真实需求。MingYang OS 专为工作室场景量身定制，彻底告别繁琐的脚本操作——从代理IP批量导入到设备一键智能绑定，<strong>全程仅需三分钟</strong>。纯中文后台界面，零门槛上手，小白也能轻松驾驭。我们拥有专业的技术团队持续护航，同时欢迎您随时反馈宝贵建议，每一次更新都为解决您的真实痛点。 </p> <!-- 标题3 --> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> ⚡ MingYang OS 系统亮点 </h2> <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 0px 0px 20px 0px;"> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">🌐</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">全协议兼容</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">支持 SOCKS5、HTTP、L2TP、PPTP 等主流协议，适配各类代理资源，无需额外转换。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">📦</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">全流程批量管理</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">一键导入/导出线路，批量检测节点有效性、延迟与归属地，全流程自动化。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">🔁</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">一键网络切换</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">本地网络与代理网络一键切换，灵活调度，无需繁琐配置，秒级响应。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">📱</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">智能设备绑定</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">一键智能绑定设备，手机端与电脑端双端操作，三分钟完成全设备部署。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">💾</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">数据安全与自动化</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">设备信息一键备份，一键解绑/释放所有设备，L2TP 定时重播自动值守。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">🔄</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">持续进化</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">你的需求驱动每一次迭代，功能随时添加，系统定期更新，越用越顺手。</div> </div> </div> <!-- ===== 适用业务场景 · 卡片样式 ===== --> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 🎮 适用业务场景 </h2> <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 0px 0px 20px 0px;"> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">🎬</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">短视频运营</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">抖音、小红书、西瓜、快手等业务</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">🎮</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">游戏工作室</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">手游、端游批量起号、挂机等项目</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">📲</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">模拟器多开</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">雷电/逍遥/蓝叠/MuMu/夜神/VM等</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">🛒</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">电商批量运营</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">电商多账号运营安全管理</div> </div> </div> <!-- ===== 后台截图 · 点击放大/缩小切换 ===== --> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 🖼️ MingYang OS 后台截图 <span style="color: #FF0000; font-weight: 400;">（点击图片可放大/缩小）</span> </h2> <div style="display: flex; flex-direction: column; gap: 15px; margin: 0px 0px 20px 0px; align-items: center;"> <div style="text-align: center; cursor: pointer; width: 100%; max-width: 750px;"> <img src="https://ip001.cn/zb_users/upload/2026/07/100.png" alt="设备图片" style="width: 100%; height: auto; object-fit: contain; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #e0e0e0;" onclick="toggleImageModal(this.src)"> </div> <div style="text-align: center; cursor: pointer; width: 100%; max-width: 750px;"> <img src="https://ip001.cn/zb_users/upload/2026/07/SK5.png" alt="SK5协议截图" style="width: 100%; height: auto; object-fit: contain; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #e0e0e0;" onclick="toggleImageModal(this.src)"> </div> <div style="text-align: center; cursor: pointer; width: 100%; max-width: 750px;"> <img src="https://ip001.cn/zb_users/upload/2026/07/L2TP.png" alt="L2TP协议截图" style="width: 100%; height: auto; object-fit: contain; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #e0e0e0;" onclick="toggleImageModal(this.src)"> </div> </div> <!-- ===== 图片放大模态框 ===== --> <div id="image-modal" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 2000; align-items: center; justify-content: center;"> <div style="position: relative; max-width: 90%; max-height: 90%;"> <img id="modal-image" src="" alt="放大图片" style="max-width: 100%; max-height: 90vh; object-fit: contain; border-radius: 8px; cursor: pointer;" onclick="closeImageModal()"> <button onclick="closeImageModal()" style="position: absolute; top: -40px; right: 0; background: none; border: none; color: white; font-size: 30px; cursor: pointer;">×</button> </div> </div> <!-- ===== 发货与售后政策 · 全卡片样式 ===== --> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 📦 发货与售后政策 </h2> <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 0px 0px 16px 0px;"> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 16px 18px; text-align: center;"> <div style="font-size: 28px; margin-bottom: 2px;">🚚</div> <div style="font-size: 15px; color: #0b1a2f; line-height: 1.6;">所有设备均调试好后发货，开箱即用。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 16px 18px; text-align: center;"> <div style="font-size: 28px; margin-bottom: 2px;">💡</div> <div style="font-size: 15px; color: #0b1a2f; line-height: 1.6;">设备不包含代理IP费用，需自行购买。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 16px 18px; text-align: center;"> <div style="font-size: 28px; margin-bottom: 2px;">🎓</div> <div style="font-size: 15px; color: #0b1a2f; line-height: 1.6;">提供一对一售后教学，全程指导。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 16px 18px; text-align: center;"> <div style="font-size: 28px; margin-bottom: 2px;">📦</div> <div style="font-size: 15px; color: #0b1a2f; line-height: 1.6;">默认包邮京东快递，快速送达。</div> </div> </div> <!-- 售后政策两个卡片 --> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 0px 0px 20px 0px;"> <div style="background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; padding: 16px 18px; text-align: center;"> <div style="font-size: 28px; margin-bottom: 2px;">✅</div> <div style="font-size: 15px; color: #166534; line-height: 1.6;"> <strong>因设备问题造成无法使用</strong><br> 我们承担运费，包退包换 </div> </div> <div style="background: #fef2f2; border: 1px solid #fecaca; border-radius: 8px; padding: 16px 18px; text-align: center;"> <div style="font-size: 28px; margin-bottom: 2px;">❌</div> <div style="font-size: 15px; color: #991b1b; line-height: 1.6;"> <strong>非设备质量问题</strong><br> 恕不退换，敬请谅解 </div> </div> </div> <!-- ===== 底部 · 版本一：加背景框+装饰线 ===== --> <div style="background: #f8faff; border-radius: 12px; padding: 30px 20px 20px; margin-top: 20px; border: 1px solid #eef2f6; text-align: center;"> <div style="font-size: 14px; color: #999; margin-bottom: 6px;">💬 如有疑问，欢迎联系</div> <p style="font-size: 22px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">📞 立即咨询</p> <p style="font-size: 15px; color: #556b82; margin-bottom: 16px;">获取专属部署方案 · 一对一技术支持</p> <div style="display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; font-size: 16px; color: #2c3e50; padding-top: 12px; border-top: 1px solid #e8ecf0;"> <span>🐧 QQ：21002806</span> <span>💚 微信：MingYang-IT</span> </div> </div> <!-- ===== JS ===== --> <script> var imageModal = document.getElementById('image-modal'); var modalImage = document.getElementById('modal-image'); function toggleImageModal(src) { if (imageModal.style.display === 'flex') { closeImageModal(); } else { modalImage.src = src; imageModal.style.display = 'flex'; document.body.style.overflow = 'hidden'; } } function closeImageModal() { imageModal.style.display = 'none'; document.body.style.overflow = 'auto'; } imageModal.addEventListener('click', function(e) { if (e.target === imageModal) closeImageModal(); }); document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeImageModal(); }); </script> </body> </html>Wed, 08 Jul 2026 20:09:30 +0800ROS软路由1拖150MAX版+全新大洲D9C无线AP+全协议系统+稳定无干扰https://ip001.cn/?id=46<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>1拖150MAX版</title> </head> <body> <!-- ===== 顶部按钮 ===== --> <div style="display: flex; flex-wrap: wrap; gap: 15px; margin: 20px 0;"> <!-- 套餐配置 --> <label for="price-modal" class="animated-button" style="flex: 1; min-width: 250px; display: flex; align-items: center; padding: 25px; background: linear-gradient(135deg, #4CAF50, #66BB6A); color: white; text-decoration: none; border-radius: 15px; font-weight: bold; font-size: 16px; box-shadow: 0 8px 25px rgba(76,175,80,0.4); cursor: pointer; margin: 0; position: relative; overflow: hidden; transition: all 0.3s ease;"> <div style="position: relative; width: 50px; height: 50px; background: rgba(255,255,255,0.3); border-radius: 12px; margin-right: 20px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;"> <div style="width: 24px; height: 24px; background: white; border-radius: 50%; position: relative; transition: all 0.3s ease;"> <div style="position: absolute; top: 6px; left: 11px; width: 2px; height: 12px; background: #4CAF50; transition: all 0.3s ease;"></div> </div> </div> <div style="flex: 1; position: relative; z-index: 2;"> <div style="font-size: 18px; font-weight: 700; transition: all 0.3s ease;">查看配置</div> <div style="font-size: 12px; opacity: 0.9; margin-top: 5px; transition: all 0.3s ease;">查看详细配置参数</div> </div> <div style="position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.5s ease;"></div> </label> <!-- 视频教程 --> <a href="https://www.bilibili.com/video/BV177L96sEYD/" target="_blank" rel="noopener noreferrer" class="animated-button" style="flex: 1; min-width: 250px; display: flex; align-items: center; padding: 25px; background: linear-gradient(135deg, #9C27B0, #AB47BC); color: white; text-decoration: none; border-radius: 15px; font-weight: bold; font-size: 16px; box-shadow: 0 8px 25px rgba(156,39,176,0.4); cursor: pointer; margin: 0; position: relative; overflow: hidden; transition: all 0.3s ease;"> <div style="position: relative; width: 50px; height: 50px; background: rgba(255,255,255,0.3); border-radius: 12px; margin-right: 20px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;"> <div style="width: 24px; height: 16px; background: white; border-radius: 4px; position: relative; transition: all 0.3s ease;"> <div style="position: absolute; top: 3px; left: 8px; width: 8px; height: 10px; border-left: 4px solid #9C27B0; border-right: 4px solid #9C27B0; transition: all 0.3s ease;"></div> </div> </div> <div style="flex: 1; position: relative; z-index: 2;"> <div style="font-size: 18px; font-weight: 700; transition: all 0.3s ease;">使用教程</div> <div style="font-size: 12px; opacity: 0.9; margin-top: 5px; transition: all 0.3s ease;">快速上手使用教程</div> </div> <div style="position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.5s ease;"></div> </a> </div> <!-- ===== 套餐配置模态框 ===== --> <input type="checkbox" id="price-modal" style="display: none;"> <div id="price-modal-content" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1000; align-items: center; justify-content: center;"> <div style="background: white; padding: 30px; border-radius: 15px; max-width: 800px; width: 90%; max-height: 80vh; overflow-y: auto; position: relative;"> <label for="price-modal" style="position: absolute; top: 15px; right: 15px; font-size: 24px; cursor: pointer; color: #666;">×</label> <h3 style="color: #4CAF50; text-align: center; margin-bottom: 25px; font-weight: bold;">🖥️ 1拖150MAX版配置清单</h3> <table style="width: 100%; border-collapse: collapse; border: 1px solid #ddd; margin-bottom: 25px; font-size: 16px;"> <thead> <tr style="background: #4CAF50; color: white;"> <th style="padding: 12px; border: 1px solid #ddd; text-align: left; font-weight: bold;">配置</th> <th style="padding: 12px; border: 1px solid #ddd; text-align: left; font-weight: bold;">型号</th> <th style="padding: 12px; border: 1px solid #ddd; text-align: left; font-weight: bold;">备注</th> </tr> </thead> <tbody> <tr style="background: #f9f9f9;"> <td style="padding: 12px; border: 1px solid #ddd;">CPU</td> <td style="padding: 12px; border: 1px solid #ddd;">J1900</td> <td style="padding: 12px; border: 1px solid #ddd;">四核四线程</td> </tr> <tr> <td style="padding: 12px; border: 1px solid #ddd;">内存</td> <td style="padding: 12px; border: 1px solid #ddd;">4G</td> <td style="padding: 12px; border: 1px solid #ddd;">DDR3/DDR3L</td> </tr> <tr style="background: #f9f9f9;"> <td style="padding: 12px; border: 1px solid #ddd;">硬盘</td> <td style="padding: 12px; border: 1px solid #ddd;">标配8G</td> <td style="padding: 12px; border: 1px solid #ddd;">16G、32G、64G可选配</td> </tr> <tr> <td style="padding: 12px; border: 1px solid #ddd;">无线AP</td> <td style="padding: 12px; border: 1px solid #ddd;">大洲X3</td> <td style="padding: 12px; border: 1px solid #ddd;">高并发性能/三频5G/AC3000兆</td> </tr> <tr style="background: #f9f9f9;"> <td style="padding: 12px; border: 1px solid #ddd;">系统</td> <td style="padding: 12px; border: 1px solid #ddd;">全协议支持</td> <td style="padding: 12px; border: 1px solid #ddd;">SK5/HTTP/L2TP/PPTP等主流协议</td> </tr> </tbody> </table> <div style="text-align: center;"> <a href="https://www.bilibili.com/video/BV177L96sEYD/" target="_blank" style="display: inline-block; padding: 12px 30px; background: #4CAF50; color: white; text-decoration: none; border-radius: 8px; font-weight: bold; font-size: 16px; margin: 10px;">视频教程</a> <label for="price-modal" style="display: inline-block; padding: 12px 30px; background: #6c757d; color: white; text-decoration: none; border-radius: 8px; font-weight: bold; font-size: 16px; cursor: pointer; margin: 10px;">关闭</label> </div> </div> </div> <!-- ===== 样式 ===== --> <style> #price-modal:checked ~ #price-modal-content { display: flex !important; } .animated-button:hover { transform: translateY(-3px) !important; box-shadow: 0 12px 30px rgba(0,0,0,0.25) !important; } .animated-button:hover > div:first-child { transform: scale(1.1) !important; } .animated-button:hover > div:first-child > div { transform: scale(1.1) !important; } .animated-button:hover > div:nth-child(2) > div:first-child { transform: translateX(5px) !important; } .animated-button:hover > div:last-child { left: 100% !important; } /* 表格悬停效果 */ table tbody tr { transition: all 0.3s ease; } table tbody tr:hover { background-color: #e3f2fd !important; transform: scale(1.01); box-shadow: 0 4px 8px rgba(0,0,0,0.1); } /* 图片悬停效果 */ img[onclick*="toggleImageModal"] { cursor: pointer !important; transition: all 0.3s ease !important; } img[onclick*="toggleImageModal"]:hover { transform: scale(1.02) !important; box-shadow: 0 6px 20px rgba(0,0,0,0.2) !important; } #image-modal { cursor: pointer; } #image-modal img { cursor: pointer; } </style> <!-- ===== 页面内容 ===== --> <!-- 标题1 --> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> ⭐ MingYang OS 原创 ● 非克隆 </h2> <p style="margin: 0px 0px 6px 0px; padding: 0px; font-size: 17px; text-align: justify; text-justify: inter-ideograph; line-height: 1.8; word-break: break-word; overflow-wrap: break-word; letter-spacing: 0.5px;"> 不是克隆，不是换皮，更不是开源代码的缝合怪。 </p> <p style="margin: 0px 0px 6px 0px; padding: 0px; font-size: 17px; text-align: justify; text-justify: inter-ideograph; line-height: 1.8; word-break: break-word; overflow-wrap: break-word; letter-spacing: 0.5px;"> MingYang OS 基于 ROS 底层协议栈，<strong>逐行手工编写核心代码</strong>，专为工作室场景深度重构。 </p> <p style="margin: 0px 0px 20px 0px; padding: 0px; font-size: 17px; text-align: justify; text-justify: inter-ideograph; line-height: 1.8; word-break: break-word; overflow-wrap: break-word; letter-spacing: 0.5px;"> 不为快，只为稳。一套真正为效率而生的原创系统。 </p> <!-- 标题2 --> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 🎯 为什么选择 MingYang OS </h2> <p style="margin: 0px 0px 20px 0px; padding: 0px; font-size: 17px; text-align: justify; text-justify: inter-ideograph; line-height: 1.8; word-break: break-word; overflow-wrap: break-word; letter-spacing: 0.5px;"> 十年工作室实战经验沉淀，我们深知每一位用户的真实需求。MingYang OS 专为工作室场景量身定制，彻底告别繁琐的脚本操作——从代理IP批量导入到设备一键智能绑定，<strong>全程仅需三分钟</strong>。纯中文后台界面，零门槛上手，小白也能轻松驾驭。我们拥有专业的技术团队持续护航，同时欢迎您随时反馈宝贵建议，每一次更新都为解决您的真实痛点。 </p> <!-- 标题3 --> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> ⚡ MingYang OS 系统亮点 </h2> <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 0px 0px 20px 0px;"> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">🌐</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">全协议兼容</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">支持 SOCKS5、HTTP、L2TP、PPTP 等主流协议，适配各类代理资源，无需额外转换。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">📦</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">全流程批量管理</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">一键导入/导出线路，批量检测节点有效性、延迟与归属地，全流程自动化。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">🔁</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">一键网络切换</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">本地网络与代理网络一键切换，灵活调度，无需繁琐配置，秒级响应。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">📱</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">智能设备绑定</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">一键智能绑定设备，手机端与电脑端双端操作，三分钟完成全设备部署。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">💾</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">数据安全与自动化</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">设备信息一键备份，一键解绑/释放所有设备，L2TP 定时重播自动值守。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">🔄</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">持续进化</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">你的需求驱动每一次迭代，功能随时添加，系统定期更新，越用越顺手。</div> </div> </div> <!-- ===== 适用业务场景 · 卡片样式 ===== --> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 🎮 适用业务场景 </h2> <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 0px 0px 20px 0px;"> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">🎬</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">短视频运营</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">抖音、小红书、西瓜、快手等业务</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">🎮</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">游戏工作室</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">手游、端游批量起号、挂机等项目</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">📲</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">模拟器多开</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">雷电/逍遥/蓝叠/MuMu/夜神/VM等</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 20px 18px; text-align: center;"> <div style="font-size: 30px; margin-bottom: 4px;">🛒</div> <div style="font-size: 16px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">电商批量运营</div> <div style="font-size: 14px; color: #3d5166; line-height: 1.7;">电商多账号运营安全管理</div> </div> </div> <!-- ===== 后台截图 · 点击放大/缩小切换 ===== --> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 🖼️ MingYang OS 后台截图 <span style="color: #FF0000; font-weight: 400;">（点击图片可放大/缩小）</span> </h2> <div style="display: flex; flex-direction: column; gap: 15px; margin: 0px 0px 20px 0px; align-items: center;"> <div style="text-align: center; cursor: pointer; width: 100%; max-width: 750px;"> <img src="https://ip001.cn/zb_users/upload/2026/07/150.png" alt="设备图片" style="width: 100%; height: auto; object-fit: contain; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #e0e0e0;" onclick="toggleImageModal(this.src)"> </div> <div style="text-align: center; cursor: pointer; width: 100%; max-width: 750px;"> <img src="https://ip001.cn/zb_users/upload/2026/07/SK5.png" alt="SK5协议截图" style="width: 100%; height: auto; object-fit: contain; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #e0e0e0;" onclick="toggleImageModal(this.src)"> </div> <div style="text-align: center; cursor: pointer; width: 100%; max-width: 750px;"> <img src="https://ip001.cn/zb_users/upload/2026/07/L2TP.png" alt="L2TP协议截图" style="width: 100%; height: auto; object-fit: contain; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #e0e0e0;" onclick="toggleImageModal(this.src)"> </div> </div> <!-- ===== 图片放大模态框 ===== --> <div id="image-modal" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 2000; align-items: center; justify-content: center;"> <div style="position: relative; max-width: 90%; max-height: 90%;"> <img id="modal-image" src="" alt="放大图片" style="max-width: 100%; max-height: 90vh; object-fit: contain; border-radius: 8px; cursor: pointer;" onclick="closeImageModal()"> <button onclick="closeImageModal()" style="position: absolute; top: -40px; right: 0; background: none; border: none; color: white; font-size: 30px; cursor: pointer;">×</button> </div> </div> <!-- ===== 发货与售后政策 · 全卡片样式 ===== --> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 📦 发货与售后政策 </h2> <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 0px 0px 16px 0px;"> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 16px 18px; text-align: center;"> <div style="font-size: 28px; margin-bottom: 2px;">🚚</div> <div style="font-size: 15px; color: #0b1a2f; line-height: 1.6;">所有设备均调试好后发货，开箱即用。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 16px 18px; text-align: center;"> <div style="font-size: 28px; margin-bottom: 2px;">💡</div> <div style="font-size: 15px; color: #0b1a2f; line-height: 1.6;">设备不包含代理IP费用，需自行购买。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 16px 18px; text-align: center;"> <div style="font-size: 28px; margin-bottom: 2px;">🎓</div> <div style="font-size: 15px; color: #0b1a2f; line-height: 1.6;">提供一对一售后教学，全程指导。</div> </div> <div style="background: #f8fafc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 16px 18px; text-align: center;"> <div style="font-size: 28px; margin-bottom: 2px;">📦</div> <div style="font-size: 15px; color: #0b1a2f; line-height: 1.6;">默认包邮京东快递，快速送达。</div> </div> </div> <!-- 售后政策两个卡片 --> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 0px 0px 20px 0px;"> <div style="background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; padding: 16px 18px; text-align: center;"> <div style="font-size: 28px; margin-bottom: 2px;">✅</div> <div style="font-size: 15px; color: #166534; line-height: 1.6;"> <strong>因设备问题造成无法使用</strong><br> 我们承担运费，包退包换 </div> </div> <div style="background: #fef2f2; border: 1px solid #fecaca; border-radius: 8px; padding: 16px 18px; text-align: center;"> <div style="font-size: 28px; margin-bottom: 2px;">❌</div> <div style="font-size: 15px; color: #991b1b; line-height: 1.6;"> <strong>非设备质量问题</strong><br> 恕不退换，敬请谅解 </div> </div> </div> <!-- ===== 底部 · 版本一：加背景框+装饰线 ===== --> <div style="background: #f8faff; border-radius: 12px; padding: 30px 20px 20px; margin-top: 20px; border: 1px solid #eef2f6; text-align: center;"> <div style="font-size: 14px; color: #999; margin-bottom: 6px;">💬 如有疑问，欢迎联系</div> <p style="font-size: 22px; font-weight: 700; color: #0b1a2f; margin-bottom: 4px;">📞 立即咨询</p> <p style="font-size: 15px; color: #556b82; margin-bottom: 16px;">获取专属部署方案 · 一对一技术支持</p> <div style="display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; font-size: 16px; color: #2c3e50; padding-top: 12px; border-top: 1px solid #e8ecf0;"> <span>🐧 QQ：21002806</span> <span>💚 微信：MingYang-IT</span> </div> </div> <!-- ===== JS ===== --> <script> var imageModal = document.getElementById('image-modal'); var modalImage = document.getElementById('modal-image'); function toggleImageModal(src) { if (imageModal.style.display === 'flex') { closeImageModal(); } else { modalImage.src = src; imageModal.style.display = 'flex'; document.body.style.overflow = 'hidden'; } } function closeImageModal() { imageModal.style.display = 'none'; document.body.style.overflow = 'auto'; } imageModal.addEventListener('click', function(e) { if (e.target === imageModal) closeImageModal(); }); document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeImageModal(); }); </script> </body> </html>Wed, 08 Jul 2026 20:03:31 +0800光子IP-使用教程https://ip001.cn/?id=38 <div style="width: 100%; max-width: 800px; margin: 0 auto; border-radius: 12px;"> <!-- 账号注册 --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px; position: relative; overflow: hidden;"> <div style="display: flex; align-items: center;"> <div style="margin-right: 5px;"> <span style="font-size: 20px; color: #6a11cb; transform: translateY(1px);">📋</span> </div> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">账号注册</h2> <a href="http://www.gzsk5.com/#/register?invitation=admin01&shareid=614" target="_blank" style="margin-left: auto; margin-right: 10px; background: linear-gradient(45deg, #ff6b6b, #ff8e8e); color: white; text-decoration: none; padding: 8px 20px; border-radius: 50px; font-weight: 600; display: inline-block; box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3); transition: all 0.3s ease; border: none; font-size: 0.95rem; white-space: nowrap;"> 点击注册光子IP账号 </a> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; margin-bottom: 12px; border: 1px solid #e9ecef; position: relative;"> <p style="margin: 0; font-size: 1rem; color: #555; line-height: 1.6;"> 根据要求设置用户名、密码、QQ号、微信号、手机号、验证码、邀请码 <strong style="color: #e63946; background: #ffeaea; padding: 3px 10px; border-radius: 5px; margin: 0 4px; border: 1px solid #ffcccc; font-size: 1rem; display: inline-block; margin-bottom: 4px;">admin01</strong> 点击注册。 </p> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-bottom: 0; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/gzjc1.png " style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> </div> <!-- 实名认证 --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #00b09b 0%, #96c93d 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 16px;"> <div style="display: flex; align-items: center;"> <div style="margin-right: 5px;"> <span style="font-size: 20px; color: #00b09b; transform: translateY(1px);">👤</span> </div> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">实名认证</h2> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; margin-bottom: 12px; border: 1px solid #e9ecef; position: relative;"> <div style="position: absolute; top: -10px; left: 20px; background: #ff6b6b; color: white; padding: 4px 16px; border-radius: 18px; font-size: 0.875rem; font-weight: 600; box-shadow: 0 3px 8px rgba(255, 107, 107, 0.25);">重要步骤</div> <p style="margin: 20px 0 0; font-size: 1rem; color: #555; line-height: 1.6;"> 账号注册成功后会提示您登录，输入刚注册的账号密码点击登录，点击<strong style="color: #1890ff;">个人中心→实名认证</strong>，根据要求完成实名操作。 <span style="color: #e63946; font-weight: 600; display: block; margin-top: 10px; padding: 10px; background: #fff5f5; border-radius: 6px; border-left: 3px solid #e63946; font-size: 0.95rem;"> ⚠️ 重要提示：不完成实名认证无法购买任何节点产品 </span> </p> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-bottom: 0; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/gzjc2.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> </div> <!-- 金币充值 --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <div style="margin-right: 5px;"> <span style="font-size: 20px; color: #f5576c; transform: translateY(1px);">💰</span> </div> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">金币充值</h2> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; margin-bottom: 12px; border: 1px solid #e9ecef;"> <p style="margin: 0; font-size: 1rem; color: #555; line-height: 1.6;"> 点击<strong style="color: #1890ff;">充值管理 → 在线充值 → 输入金额 → 选择支付方式 → 确认充值</strong>。 <span style="color: #ff9800; font-weight: 600; display: block; margin-top: 10px; padding: 10px; background: #fff8e1; border-radius: 6px; border-left: 3px solid #ff9800; font-size: 0.95rem;"> 💡 注意：金币只能购买本平台产品，金币不支持提现，请根据实际需求充值 </span> </p> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-bottom: 0; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/gzjc3.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> </div> <!-- 节点类型介绍 --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <div style="margin-right: 5px;"> <span style="font-size: 20px; color: #4facfe; transform: translateY(1px);">🌐</span> </div> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">节点类型介绍</h2> </div> </div> <div style="background: white; padding: 18px; border-radius: 8px; margin-bottom: 0; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0;"> <div style="display: flex; flex-direction: column; gap: 12px;"> <!-- 长效静态IP --> <div style="background: linear-gradient(145deg, #f0f9ff, #e6f7ff); padding: 15px; border-radius: 8px; border-left: 4px solid #1890ff; box-shadow: 0 3px 10px rgba(24, 144, 255, 0.12);"> <div style="display: flex; align-items: center; margin-bottom: 8px; flex-wrap: wrap;"> <div style="background: #1890ff; color: white; width: 32px; height: 32px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: 600; flex-shrink: 0;"> <span style="font-size: 16px; transform: translateY(1px);">📶</span> </div> <h3 style="margin: 0; color: #1890ff; font-size: 1.1rem; font-weight: 700;">A:旗舰200兆大带宽</h3> </div> <p style="margin: 0; color: #555; font-size: 0.95rem; line-height: 1.5;">IP固定不变化，以IDC机房和各大云服务商为主，适合需要长期不变更的IP业务场景。</p> <div style="margin-top: 10px; padding-top: 8px; border-top: 1px dashed #cce7ff;"> <span style="display: inline-block; background: #d4ebff; color: #1890ff; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">50M-100M大带宽</span> <span style="display: inline-block; background: #d4ebff; color: #1890ff; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">130+城市地区</span> <span style="display: inline-block; background: #d4ebff; color: #1890ff; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">稳定性高</span> <span style="display: inline-block; background: #d4ebff; color: #1890ff; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-bottom: 5px;">SK5/HTTP协议</span> </div> </div> <!-- 新增：特惠5-10兆 --> <div style="background: linear-gradient(145deg, #fff7e6, #fff2d6); padding: 15px; border-radius: 8px; border-left: 4px solid #ff9800; box-shadow: 0 3px 10px rgba(255, 152, 0, 0.12);"> <div style="display: flex; align-items: center; margin-bottom: 8px; flex-wrap: wrap;"> <div style="background: #ff9800; color: white; width: 32px; height: 32px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: 600; flex-shrink: 0;"> <span style="font-size: 16px; transform: translateY(1px);">💰</span> </div> <h3 style="margin: 0; color: #ff9800; font-size: 1.1rem; font-weight: 700;">B:特惠5-10兆</h3> </div> <p style="margin: 0; color: #555; font-size: 0.95rem; line-height: 1.5;">长效静态节点，IP固定不变，带宽较小，适合小流量业务使用。</p> <div style="margin-top: 10px; padding-top: 8px; border-top: 1px dashed #ffe0b2;"> <span style="display: inline-block; background: #ffecb3; color: #ff9800; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">5M-10M</span> <span style="display: inline-block; background: #ffecb3; color: #ff9800; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">超低价格</span> <span style="display: inline-block; background: #ffecb3; color: #ff9800; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-bottom: 5px;">SK5/HTTP协议</span> </div> </div> <!-- 家庭住宅J/N区 --> <div style="background: linear-gradient(145deg, #f9f0ff, #f4e6ff); padding: 15px; border-radius: 8px; border-left: 4px solid #9d4edd; box-shadow: 0 3px 10px rgba(157, 78, 221, 0.12);"> <div style="display: flex; align-items: center; margin-bottom: 8px; flex-wrap: wrap;"> <div style="background: #9d4edd; color: white; width: 32px; height: 32px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: 600; flex-shrink: 0;"> <span style="font-size: 16px; transform: translateY(1px);">🏠</span> </div> <h3 style="margin: 0; color: #9d4edd; font-size: 1.1rem; font-weight: 700;">家庭住宅C/D区</h3> </div> <p style="margin: 0; color: #555; font-size: 0.95rem; line-height: 1.5;">真实家庭住宅线路，IP 3-30不等自动更换（不跨市），适合对纯净度要求高的业务。</p> <div style="margin-top: 10px; padding-top: 8px; border-top: 1px dashed #e6d6f7;"> <span style="display: inline-block; background: #ebd6ff; color: #9d4edd; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">5M-50M带宽</span> <span style="display: inline-block; background: #ebd6ff; color: #9d4edd; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">300+城市地区</span> <span style="display: inline-block; background: #ebd6ff; color: #9d4edd; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">纯净度高</span> <span style="display: inline-block; background: #ebd6ff; color: #9d4edd; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-bottom: 5px;">SK5/HTTP协议</span> </div> </div> <!-- 安卓APP静态 --> <div style="background: linear-gradient(145deg, #f0fff4, #e6ffe6); padding: 15px; border-radius: 8px; border-left: 4px solid #38b000; box-shadow: 0 3px 10px rgba(56, 176, 0, 0.12);"> <div style="display: flex; align-items: center; margin-bottom: 8px; flex-wrap: wrap;"> <div style="background: #38b000; color: white; width: 32px; height: 32px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: 600; flex-shrink: 0;"> <span style="font-size: 16px; transform: translateY(1px);">📱</span> </div> <h3 style="margin: 0; color: #38b000; font-size: 1.1rem; font-weight: 700;">G:安卓APP独享</h3> </div> <p style="margin: 0; color: #555; font-size: 0.95rem; line-height: 1.5;">官方APP使用简单，一键操作，手动切换IP，不限制切换次数，适合安卓设备使用。</p> <div style="margin-top: 10px; padding-top: 8px; border-top: 1px dashed #c6ffc6;"> <span style="display: inline-block; background: #d6ffd6; color: #38b000; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">5M-100M带宽</span> <span style="display: inline-block; background: #d6ffd6; color: #38b000; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">300+城市地区</span> <span style="display: inline-block; background: #d6ffd6; color: #38b000; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">无线切换</span> <span style="display: inline-block; background: #d6ffd6; color: #38b000; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-bottom: 5px;">安卓APP</span> </div> </div> <!-- L2TP/PPTP --> <div style="background: linear-gradient(145deg, #fff0f0, #ffe6e6); padding: 15px; border-radius: 8px; border-left: 4px solid #ff6b6b; box-shadow: 0 3px 10px rgba(255, 107, 107, 0.12);"> <div style="display: flex; align-items: center; margin-bottom: 8px; flex-wrap: wrap;"> <div style="background: #ff6b6b; color: white; width: 32px; height: 32px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: 600; flex-shrink: 0;"> <span style="font-size: 16px; transform: translateY(1px);">🔄</span> </div> <h3 style="margin: 0; color: #ff6b6b; font-size: 1.1rem; font-weight: 700;">E:L2TP/PPTP</h3> </div> <p style="margin: 0; color: #555; font-size: 0.95rem; line-height: 1.5;">长效静态节点、家庭住宅线路，更注重安全性和稳定性，适合软路由设备使用。</p> <div style="margin-top: 10px; padding-top: 8px; border-top: 1px dashed #ffd6d6;"> <span style="display: inline-block; background: #ffd6d6; color: #ff6b6b; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">5M-100M带宽</span> <span style="display: inline-block; background: #ffd6d6; color: #ff6b6b; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">100+城市地区</span> <span style="display: inline-block; background: #ffd6d6; color: #ff6b6b; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-bottom: 5px;">软路由专用</span> </div> </div> </div> </div> </div> <!-- 购买详细步骤 --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <div style="margin-right: 5px;"> <span style="font-size: 20px; color: #fa709a; transform: translateY(1px);">🛒</span> </div> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">购买详细步骤</h2> </div> </div> <div style="background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 3px 12px rgba(0,0,0,0.06); margin-bottom: 12px;"> <div style="padding: 15px; border-bottom: 1px solid #f0f0f0; display: flex; align-items: flex-start;"> <div style="background: linear-gradient(45deg, #667eea, #764ba2); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; font-weight: 700; font-size: 0.95rem; flex-shrink: 0; box-shadow: 0 3px 8px rgba(102, 126, 234, 0.35);">1</div> <div style="flex: 1;"> <h3 style="margin: 0 0 5px; color: #333; font-size: 1.05rem; font-weight: 700;">选择套餐</h3> <p style="margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5;">点击您需要的套餐下的<strong style="color: #667eea;">"购买节点"</strong>按钮进入购买页面</p> </div> </div> <div style="padding: 15px; border-bottom: 1px solid #f0f0f0; display: flex; align-items: flex-start;"> <div style="background: linear-gradient(45deg, #00b09b, #96c93d); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; font-weight: 700; font-size: 0.95rem; flex-shrink: 0; box-shadow: 0 3px 8px rgba(0, 176, 155, 0.35);">2</div> <div style="flex: 1;"> <h3 style="margin: 0 0 5px; color: #333; font-size: 1.05rem; font-weight: 700;">搜索项目</h3> <p style="margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5;">在页面中输入您的项目名称进行搜索，找到对应项目</p> </div> </div> <div style="padding: 15px; border-bottom: 1px solid #f0f0f0; display: flex; align-items: flex-start;"> <div style="background: linear-gradient(45deg, #ff6b6b, #ff8e8e); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; font-weight: 700; font-size: 0.95rem; flex-shrink: 0; box-shadow: 0 3px 8px rgba(255, 107, 107, 0.35);">3</div> <div style="flex: 1;"> <h3 style="margin: 0 0 5px; color: #333; font-size: 1.05rem; font-weight: 700;">配置节点</h3> <p style="margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5;">选择对应的项目，然后按需选择地区、节点数量和购买时长</p> </div> </div> <div style="padding: 15px; border-bottom: 1px solid #f0f0f0; display: flex; align-items: flex-start;"> <div style="background: linear-gradient(45deg, #4facfe, #00f2fe); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; font-weight: 700; font-size: 0.95rem; flex-shrink: 0; box-shadow: 0 3px 8px rgba(79, 172, 254, 0.35);">4</div> <div style="flex: 1;"> <h3 style="margin: 0 0 5px; color: #333; font-size: 1.05rem; font-weight: 700;">确认订单</h3> <p style="margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5;">确认信息无误后，点击<strong style="color: #4facfe;">"确认购买"</strong>并完成支付购买</p> </div> </div> <div style="padding: 15px; display: flex; align-items: flex-start;"> <div style="background: linear-gradient(45deg, #fa709a, #fee140); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; font-weight: 700; font-size: 0.95rem; flex-shrink: 0; box-shadow: 0 3px 8px rgba(250, 112, 154, 0.35);">5</div> <div style="flex: 1;"> <h3 style="margin: 0 0 5px; color: #333; font-size: 1.05rem; font-weight: 700;">导出使用</h3> <p style="margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5;">购买成功后，选择您需要的格式，点击<strong style="color: #fa709a;">"导出"</strong>或<strong style="color: #fa709a;">"复制"</strong>即可使用</p> </div> </div> </div> <div style="display: flex; flex-direction: column; gap: 12px; margin-top: 15px;"> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/gzjc4.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/gzjc5.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/gzjc6.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/gzjc7.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> </div> </div> <!-- 线路管理 --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <div style="margin-right: 5px;"> <span style="font-size: 20px; color: #36d1dc; transform: translateY(1px);">📊</span> </div> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: #2d3748; text-shadow: 0 2px 4px rgba(0,0,0,0.1);">线路管理</h2> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; margin-bottom: 12px; border: 1px solid #e9ecef;"> <p style="margin: 0 0 12px; font-size: 1rem; color: #555; line-height: 1.6;"> 找到<strong style="color: #1890ff;">已购套餐</strong> → 点击<strong style="color: #1890ff;">导入操作</strong> → 粘贴节点信息 → 点击<strong style="color: #1890ff;">查询</strong> → 勾选目标节点 → 选择续费/调换/改密等 → 完成操作。 </p> <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; margin-top: 12px;"> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 8px rgba(0,0,0,0.05);"> <div style="display: flex; align-items: center; margin-bottom: 6px;"> <div style="background: #28a745; color: white; width: 26px; height: 26px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 8px; font-weight: 600; font-size: 0.85rem; flex-shrink: 0;">1</div> <h3 style="margin: 0; color: #333; font-size: 0.95rem; font-weight: 700;">节点续费</h3> </div> <p style="margin: 0; color: #666; font-size: 0.85rem; line-height: 1.4;">选中需要续费的节点，点击续费，可以给节点进行续费</p> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 8px rgba(0,0,0,0.05);"> <div style="display: flex; align-items: center; margin-bottom: 6px;"> <div style="background: #17a2b8; color: white; width: 26px; height: 26px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 8px; font-weight: 600; font-size: 0.85rem; flex-shrink: 0;">2</div> <h3 style="margin: 0; color: #333; font-size: 0.95rem; font-weight: 700;">节点过户</h3> </div> <p style="margin: 0; color: #666; font-size: 0.85rem; line-height: 1.4;">选中需要过户的节点，点击过户，可以给节点过户给你代理名下客户</p> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 8px rgba(0,0,0,0.05);"> <div style="display: flex; align-items: center; margin-bottom: 6px;"> <div style="background: #ffc107; color: #333; width: 26px; height: 26px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 8px; font-weight: 600; font-size: 0.85rem; flex-shrink: 0;">3</div> <h3 style="margin: 0; color: #333; font-size: 0.95rem; font-weight: 700;">平均时间</h3> </div> <p style="margin: 0; color: #666; font-size: 0.85rem; line-height: 1.4;">选中需要平均时间的节点，点击平均时间，可以给不同时间到期的节点统一时间</p> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 8px rgba(0,0,0,0.05);"> <div style="display: flex; align-items: center; margin-bottom: 6px;"> <div style="background: #6f42c1; color: white; width: 26px; height: 26px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 8px; font-weight: 600; font-size: 0.85rem; flex-shrink: 0;">4</div> <h3 style="margin: 0; color: #333; font-size: 0.95rem; font-weight: 700;">节点改密</h3> </div> <p style="margin: 0; color: #666; font-size: 0.85rem; line-height: 1.4;">选中需要改密的节点，点击改密，可以对节点线路修改密码</p> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 8px rgba(0,0,0,0.05);"> <div style="display: flex; align-items: center; margin-bottom: 6px;"> <div style="background: #e83e8c; color: white; width: 26px; height: 26px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 8px; font-weight: 600; font-size: 0.85rem; flex-shrink: 0;">5</div> <h3 style="margin: 0; color: #333; font-size: 0.95rem; font-weight: 700;">修改项目</h3> </div> <p style="margin: 0; color: #666; font-size: 0.85rem; line-height: 1.4;">选中需要修改项目的节点，点击修改项目，可以更换新的项目</p> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 8px rgba(0,0,0,0.05);"> <div style="display: flex; align-items: center; margin-bottom: 6px;"> <div style="background: #fd7e14; color: white; width: 26px; height: 26px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 8px; font-weight: 600; font-size: 0.85rem; flex-shrink: 0;">6</div> <h3 style="margin: 0; color: #333; font-size: 0.95rem; font-weight: 700;">节点调换</h3> </div> <p style="margin: 0; color: #666; font-size: 0.85rem; line-height: 1.4;">选中需要调换的节点，点击调换IP，可以随机或指定更换节点或地区</p> </div> </div> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-bottom: 0; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/gzjc8.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> </div> <!-- 第9张图片 --> <div style="background: white; padding: 12px; border-radius: 8px; margin-bottom: 25px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/gzjc9.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> <!-- 合规与售后保障 --> <div style="margin-bottom: 0;"> <div style="background: linear-gradient(135deg, #30cfd0 0%, #330867 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 16px;"> <div style="display: flex; align-items: center;"> <div style="margin-right: 5px;"> <span style="font-size: 20px; color: #330867; transform: translateY(1px);">🔔</span> </div> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">合规与售后保障</h2> </div> </div> <div style="background: linear-gradient(145deg, #fff5f5, #ffe6e6); padding: 18px; border-radius: 8px; margin-bottom: 16px; border: 1px solid #ffcccc; position: relative;"> <div style="position: absolute; top: -10px; left: 20px; background: #e63946; color: white; padding: 4px 16px; border-radius: 18px; font-size: 0.875rem; font-weight: 600; box-shadow: 0 3px 8px rgba(230, 57, 70, 0.25);">合规声明</div> <p style="margin: 20px 0 0; font-size: 0.95rem; color: #b71c1c; line-height: 1.5; font-weight: 600;"> ⚠️ 光子IP平台建立实时后台日志监控系统，严禁将IP用于非法用途，违规账号将立即封禁且不予退款，确保服务合规性。 </p> </div> <div style="background: linear-gradient(145deg, #f0f9ff, #e6f7ff); padding: 18px; border-radius: 8px; margin-bottom: 0; border: 1px solid #cce7ff; position: relative;"> <div style="position: absolute; top: -10px; left: 20px; background: #1890ff; color: white; padding: 4px 16px; border-radius: 18px; font-size: 0.875rem; font-weight: 600; box-shadow: 0 3px 8px rgba(24, 144, 255, 0.25);">售后保障</div> <p style="margin: 20px 0 0; font-size: 0.95rem; color: #0056b3; line-height: 1.5; font-weight: 600;"> ✅ 提供7×24小时不间断IP供应与即时响应客服，用户可联系客服申请免费测试，满意后再付款，大幅降低决策风险。 </p> </div> </div> </div> <script> function openImageModal(src) { var modal = document.createElement('div'); modal.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);z-index:9999;display:flex;align-items:center;justify-content:center;cursor:zoom-out;'; var img = document.createElement('img'); img.src = src; img.style.cssText = 'max-width:95%;max-height:95%;object-fit:contain;border-radius:8px;box-shadow:0 15px 50px rgba(0,0,0,0.7);transition: transform 0.3s ease;'; var closeBtn = document.createElement('div'); closeBtn.innerHTML = '✕'; closeBtn.style.cssText = 'position:absolute;top:15px;right:20px;color:white;font-size:30px;cursor:pointer;font-weight:bold;z-index:10000;transition:color 0.3s ease;'; closeBtn.onmouseover = function() { this.style.color = '#ff6b6b'; }; closeBtn.onmouseout = function() { this.style.color = 'white'; }; closeBtn.onclick = function() { document.body.removeChild(modal); document.body.style.overflow = 'auto'; }; modal.onclick = function(e) { if (e.target === modal) { document.body.removeChild(modal); document.body.style.overflow = 'auto'; } }; modal.appendChild(img); modal.appendChild(closeBtn); document.body.appendChild(modal); document.body.style.overflow = 'hidden'; document.addEventListener('keydown', function closeOnEsc(e) { if (e.key === 'Escape') { if (document.body.contains(modal)) { document.body.removeChild(modal); document.body.style.overflow = 'auto'; } document.removeEventListener('keydown', closeOnEsc); } }); } // 移动端优化：增加touch事件支持 document.addEventListener('DOMContentLoaded', function() { // 防止双击缩放 var lastTouchEnd = 0; document.addEventListener('touchend', function(event) { var now = (new Date()).getTime(); if (now - lastTouchEnd <= 300) { event.preventDefault(); } lastTouchEnd = now; }, false); }); </script>Fri, 06 Feb 2026 11:26:41 +0800天行IP-使用教程https://ip001.cn/?id=37 <div style="width: 100%; max-width: 800px; margin: 0 auto; border-radius: 12px;"> <!-- 账号注册 --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px; position: relative; overflow: hidden;"> <div style="display: flex; align-items: center;"> <div style="margin-right: 5px;"> <span style="font-size: 20px; color: #6a11cb; transform: translateY(1px);">📋</span> </div> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">账号注册</h2> <a href="http://www.tianxingip.com/proxy/index/index/code/29160391/p/3070.html" target="_blank" style="margin-left: auto; margin-right: 10px; background: linear-gradient(45deg, #ff6b6b, #ff8e8e); color: white; text-decoration: none; padding: 8px 20px; border-radius: 50px; font-weight: 600; display: inline-block; box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3); transition: all 0.3s ease; border: none; font-size: 0.95rem; white-space: nowrap;"> 点击注册天行IP账号 </a> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; margin-bottom: 12px; border: 1px solid #e9ecef; position: relative;"> <p style="margin: 0; font-size: 1rem; color: #555; line-height: 1.6;"> 根据提示设置用户名、密码、邮箱、QQ号、手机号、验证码、邀请码 <strong style="color: #e63946; background: #ffeaea; padding: 3px 10px; border-radius: 5px; margin: 0 4px; border: 1px solid #ffcccc; font-size: 1rem; display: inline-block; margin-bottom: 4px;">29160391</strong> 点击注册。 </p> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-bottom: 0; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/txjc1.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> </div> <!-- 实名认证 --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #00b09b 0%, #96c93d 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 16px;"> <div style="display: flex; align-items: center;"> <div style="margin-right: 5px;"> <span style="font-size: 20px; color: #00b09b; transform: translateY(1px);">👤</span> </div> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">实名认证</h2> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; margin-bottom: 12px; border: 1px solid #e9ecef; position: relative;"> <div style="position: absolute; top: -10px; left: 20px; background: #ff6b6b; color: white; padding: 4px 16px; border-radius: 18px; font-size: 0.875rem; font-weight: 600; box-shadow: 0 3px 8px rgba(255, 107, 107, 0.25);">重要步骤</div> <p style="margin: 20px 0 0; font-size: 1rem; color: #555; line-height: 1.6;"> 账号注册成功会自动跳转到用户后台，点击<strong style="color: #1890ff;">我的信息→实名认证</strong>，根据提示完成实名认证。 <span style="color: #e63946; font-weight: 600; display: block; margin-top: 10px; padding: 10px; background: #fff5f5; border-radius: 6px; border-left: 3px solid #e63946; font-size: 0.95rem;"> ⚠️ 重要提示：不完成实名认证无法购买任何节点产品 </span> </p> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-bottom: 0; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/txjc2.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> </div> <!-- 金币充值 --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <div style="margin-right: 5px;"> <span style="font-size: 20px; color: #f5576c; transform: translateY(1px);">💰</span> </div> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">金币充值</h2> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; margin-bottom: 12px; border: 1px solid #e9ecef;"> <p style="margin: 0; font-size: 1rem; color: #555; line-height: 1.6;"> 点击<strong style="color: #1890ff;">金币信息 → 在线充值 → 选择套餐 → 输入金额 → 选择支付方式 → 确认充值</strong>。 <span style="color: #ff9800; font-weight: 600; display: block; margin-top: 10px; padding: 10px; background: #fff8e1; border-radius: 6px; border-left: 3px solid #ff9800; font-size: 0.95rem;"> 💡 注意：套餐金币不通用，金币不支持提现，请根据实际需求充值 </span> </p> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-bottom: 0; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/txjc3.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> </div> <!-- 节点类型介绍 --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <div style="margin-right: 5px;"> <span style="font-size: 20px; color: #4facfe; transform: translateY(1px);">🌐</span> </div> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">节点类型介绍</h2> </div> </div> <div style="background: white; padding: 18px; border-radius: 8px; margin-bottom: 0; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0;"> <div style="display: flex; flex-direction: column; gap: 12px;"> <!-- 长效静态IP --> <div style="background: linear-gradient(145deg, #f0f9ff, #e6f7ff); padding: 15px; border-radius: 8px; border-left: 4px solid #1890ff; box-shadow: 0 3px 10px rgba(24, 144, 255, 0.12);"> <div style="display: flex; align-items: center; margin-bottom: 8px; flex-wrap: wrap;"> <div style="background: #1890ff; color: white; width: 32px; height: 32px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: 600; flex-shrink: 0;"> <span style="font-size: 16px; transform: translateY(1px);">📶</span> </div> <h3 style="margin: 0; color: #1890ff; font-size: 1.1rem; font-weight: 700;">长效静态IP</h3> </div> <p style="margin: 0; color: #555; font-size: 0.95rem; line-height: 1.5;">IP固定不变化，以IDC机房和各大云服务商为主，适合需要长期不变更的IP业务场景。</p> <div style="margin-top: 10px; padding-top: 8px; border-top: 1px dashed #cce7ff;"> <span style="display: inline-block; background: #d4ebff; color: #1890ff; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">50M-100M大带宽</span> <span style="display: inline-block; background: #d4ebff; color: #1890ff; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">130+城市地区</span> <span style="display: inline-block; background: #d4ebff; color: #1890ff; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">稳定性高</span> <span style="display: inline-block; background: #d4ebff; color: #1890ff; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-bottom: 5px;">SK5/HTTP协议</span> </div> </div> <!-- 家庭住宅J/N区 --> <div style="background: linear-gradient(145deg, #f9f0ff, #f4e6ff); padding: 15px; border-radius: 8px; border-left: 4px solid #9d4edd; box-shadow: 0 3px 10px rgba(157, 78, 221, 0.12);"> <div style="display: flex; align-items: center; margin-bottom: 8px; flex-wrap: wrap;"> <div style="background: #9d4edd; color: white; width: 32px; height: 32px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: 600; flex-shrink: 0;"> <span style="font-size: 16px; transform: translateY(1px);">🏠</span> </div> <h3 style="margin: 0; color: #9d4edd; font-size: 1.1rem; font-weight: 700;">家庭住宅J/N区</h3> </div> <p style="margin: 0; color: #555; font-size: 0.95rem; line-height: 1.5;">真实家庭住宅线路，IP 3-30不等自动更换（不跨市），适合对纯净度要求高的业务。</p> <div style="margin-top: 10px; padding-top: 8px; border-top: 1px dashed #e6d6f7;"> <span style="display: inline-block; background: #ebd6ff; color: #9d4edd; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">5M-50M带宽</span> <span style="display: inline-block; background: #ebd6ff; color: #9d4edd; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">300+城市地区</span> <span style="display: inline-block; background: #ebd6ff; color: #9d4edd; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">纯净度高</span> <span style="display: inline-block; background: #ebd6ff; color: #9d4edd; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-bottom: 5px;">SK5/HTTP协议</span> </div> </div> <!-- L2TP/PPTP --> <div style="background: linear-gradient(145deg, #fff0f0, #ffe6e6); padding: 15px; border-radius: 8px; border-left: 4px solid #ff6b6b; box-shadow: 0 3px 10px rgba(255, 107, 107, 0.12);"> <div style="display: flex; align-items: center; margin-bottom: 8px; flex-wrap: wrap;"> <div style="background: #ff6b6b; color: white; width: 32px; height: 32px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: 600; flex-shrink: 0;"> <span style="font-size: 16px; transform: translateY(1px);">🔄</span> </div> <h3 style="margin: 0; color: #ff6b6b; font-size: 1.1rem; font-weight: 700;">L2TP/PPTP</h3> </div> <p style="margin: 0; color: #555; font-size: 0.95rem; line-height: 1.5;">长效静态节点、家庭住宅线路，更注重安全性和稳定性，适合软路由设备使用。</p> <div style="margin-top: 10px; padding-top: 8px; border-top: 1px dashed #ffd6d6;"> <span style="display: inline-block; background: #ffd6d6; color: #ff6b6b; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">5M-100M带宽</span> <span style="display: inline-block; background: #ffd6d6; color: #ff6b6b; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">100+城市地区</span> <span style="display: inline-block; background: #ffd6d6; color: #ff6b6b; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-bottom: 5px;">软路由专用</span> </div> </div> <!-- 安卓APP静态 --> <div style="background: linear-gradient(145deg, #f0fff4, #e6ffe6); padding: 15px; border-radius: 8px; border-left: 4px solid #38b000; box-shadow: 0 3px 10px rgba(56, 176, 0, 0.12);"> <div style="display: flex; align-items: center; margin-bottom: 8px; flex-wrap: wrap;"> <div style="background: #38b000; color: white; width: 32px; height: 32px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: 600; flex-shrink: 0;"> <span style="font-size: 16px; transform: translateY(1px);">📱</span> </div> <h3 style="margin: 0; color: #38b000; font-size: 1.1rem; font-weight: 700;">安卓APP静态</h3> </div> <p style="margin: 0; color: #555; font-size: 0.95rem; line-height: 1.5;">官方APP使用简单，一键操作，手动切换IP，不限制切换次数，适合安卓设备使用。</p> <div style="margin-top: 10px; padding-top: 8px; border-top: 1px dashed #c6ffc6;"> <span style="display: inline-block; background: #d6ffd6; color: #38b000; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">5M-100M带宽</span> <span style="display: inline-block; background: #d6ffd6; color: #38b000; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">300+城市地区</span> <span style="display: inline-block; background: #d6ffd6; color: #38b000; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">无线切换</span> <span style="display: inline-block; background: #d6ffd6; color: #38b000; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-bottom: 5px;">安卓APP</span> </div> </div> </div> </div> </div> <!-- 购买详细步骤 --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <div style="margin-right: 5px;"> <span style="font-size: 20px; color: #fa709a; transform: translateY(1px);">🛒</span> </div> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">购买详细步骤</h2> </div> </div> <div style="background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 3px 12px rgba(0,0,0,0.06); margin-bottom: 12px;"> <div style="padding: 15px; border-bottom: 1px solid #f0f0f0; display: flex; align-items: flex-start;"> <div style="background: linear-gradient(45deg, #667eea, #764ba2); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; font-weight: 700; font-size: 0.95rem; flex-shrink: 0; box-shadow: 0 3px 8px rgba(102, 126, 234, 0.35);">1</div> <div style="flex: 1;"> <h3 style="margin: 0 0 5px; color: #333; font-size: 1.05rem; font-weight: 700;">选择套餐</h3> <p style="margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5;">点击您需要的套餐下的<strong style="color: #667eea;">"购买节点"</strong>按钮进入购买页面</p> </div> </div> <div style="padding: 15px; border-bottom: 1px solid #f0f0f0; display: flex; align-items: flex-start;"> <div style="background: linear-gradient(45deg, #00b09b, #96c93d); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; font-weight: 700; font-size: 0.95rem; flex-shrink: 0; box-shadow: 0 3px 8px rgba(0, 176, 155, 0.35);">2</div> <div style="flex: 1;"> <h3 style="margin: 0 0 5px; color: #333; font-size: 1.05rem; font-weight: 700;">搜索项目</h3> <p style="margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5;">在页面中输入您的项目名称进行搜索，找到对应项目</p> </div> </div> <div style="padding: 15px; border-bottom: 1px solid #f0f0f0; display: flex; align-items: flex-start;"> <div style="background: linear-gradient(45deg, #ff6b6b, #ff8e8e); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; font-weight: 700; font-size: 0.95rem; flex-shrink: 0; box-shadow: 0 3px 8px rgba(255, 107, 107, 0.35);">3</div> <div style="flex: 1;"> <h3 style="margin: 0 0 5px; color: #333; font-size: 1.05rem; font-weight: 700;">配置节点</h3> <p style="margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5;">选择对应的项目，然后按需选择地区、节点数量和购买时长</p> </div> </div> <div style="padding: 15px; border-bottom: 1px solid #f0f0f0; display: flex; align-items: flex-start;"> <div style="background: linear-gradient(45deg, #4facfe, #00f2fe); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; font-weight: 700; font-size: 0.95rem; flex-shrink: 0; box-shadow: 0 3px 8px rgba(79, 172, 254, 0.35);">4</div> <div style="flex: 1;"> <h3 style="margin: 0 0 5px; color: #333; font-size: 1.05rem; font-weight: 700;">确认订单</h3> <p style="margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5;">确认信息无误后，点击<strong style="color: #4facfe;">"订单确认"</strong>并完成支付购买</p> </div> </div> <div style="padding: 15px; display: flex; align-items: flex-start;"> <div style="background: linear-gradient(45deg, #fa709a, #fee140); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; font-weight: 700; font-size: 0.95rem; flex-shrink: 0; box-shadow: 0 3px 8px rgba(250, 112, 154, 0.35);">5</div> <div style="flex: 1;"> <h3 style="margin: 0 0 5px; color: #333; font-size: 1.05rem; font-weight: 700;">导出使用</h3> <p style="margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5;">购买成功后，选择您需要的格式，点击<strong style="color: #fa709a;">"复制"</strong>或<strong style="color: #fa709a;">"导出"</strong>即可使用</p> </div> </div> </div> <div style="display: flex; flex-direction: column; gap: 12px; margin-top: 15px;"> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/txjc4.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/txjc5.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/txjc6.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/txjc7.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> </div> </div> <!-- 线路管理 --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <div style="margin-right: 5px;"> <span style="font-size: 20px; color: #36d1dc; transform: translateY(1px);">📊</span> </div> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: #2d3748; text-shadow: 0 2px 4px rgba(0,0,0,0.1);">线路管理</h2> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; margin-bottom: 12px; border: 1px solid #e9ecef;"> <p style="margin: 0 0 12px; font-size: 1rem; color: #555; line-height: 1.6;"> 找到<strong style="color: #1890ff;">已购套餐</strong> → 点击<strong style="color: #1890ff;">导入IP</strong> → 粘贴节点信息 → 点击<strong style="color: #1890ff;">匹配</strong> → 勾选目标节点 → 选择续费/更换/改密等 → 完成操作。 </p> <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; margin-top: 12px;"> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 8px rgba(0,0,0,0.05);"> <div style="display: flex; align-items: center; margin-bottom: 6px;"> <div style="background: #28a745; color: white; width: 26px; height: 26px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 8px; font-weight: 600; font-size: 0.85rem; flex-shrink: 0;">1</div> <h3 style="margin: 0; color: #333; font-size: 0.95rem; font-weight: 700;">节点续费</h3> </div> <p style="margin: 0; color: #666; font-size: 0.85rem; line-height: 1.4;">选中需要续费的节点，点击续费选中节点，可以给节点进行续费</p> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 8px rgba(0,0,0,0.05);"> <div style="display: flex; align-items: center; margin-bottom: 6px;"> <div style="background: #17a2b8; color: white; width: 26px; height: 26px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 8px; font-weight: 600; font-size: 0.85rem; flex-shrink: 0;">2</div> <h3 style="margin: 0; color: #333; font-size: 0.95rem; font-weight: 700;">节点改密</h3> </div> <p style="margin: 0; color: #666; font-size: 0.85rem; line-height: 1.4;">选中需要改密的节点，点击选中改密，可以更改线路密码</p> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 8px rgba(0,0,0,0.05);"> <div style="display: flex; align-items: center; margin-bottom: 6px;"> <div style="background: #ffc107; color: #333; width: 26px; height: 26px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 8px; font-weight: 600; font-size: 0.85rem; flex-shrink: 0;">3</div> <h3 style="margin: 0; color: #333; font-size: 0.95rem; font-weight: 700;">节点调换</h3> </div> <p style="margin: 0; color: #666; font-size: 0.85rem; line-height: 1.4;">选中需要调换的节点，点击选中调换，可以更换节点和地区</p> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 8px rgba(0,0,0,0.05);"> <div style="display: flex; align-items: center; margin-bottom: 6px;"> <div style="background: #6f42c1; color: white; width: 26px; height: 26px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 8px; font-weight: 600; font-size: 0.85rem; flex-shrink: 0;">4</div> <h3 style="margin: 0; color: #333; font-size: 0.95rem; font-weight: 700;">节点过户</h3> </div> <p style="margin: 0; color: #666; font-size: 0.85rem; line-height: 1.4;">选中需要过户的节点，点击选中过户可以给节点过户给你代理名下客户</p> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 8px rgba(0,0,0,0.05);"> <div style="display: flex; align-items: center; margin-bottom: 6px;"> <div style="background: #e83e8c; color: white; width: 26px; height: 26px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 8px; font-weight: 600; font-size: 0.85rem; flex-shrink: 0;">5</div> <h3 style="margin: 0; color: #333; font-size: 0.95rem; font-weight: 700;">节点解锁</h3> </div> <p style="margin: 0; color: #666; font-size: 0.85rem; line-height: 1.4;">选中需要解锁的节点，点击选中解锁可以解除异常锁定的节点</p> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 8px rgba(0,0,0,0.05);"> <div style="display: flex; align-items: center; margin-bottom: 6px;"> <div style="background: #fd7e14; color: white; width: 26px; height: 26px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 8px; font-weight: 600; font-size: 0.85rem; flex-shrink: 0;">6</div> <h3 style="margin: 0; color: #333; font-size: 0.95rem; font-weight: 700;">更换项目</h3> </div> <p style="margin: 0; color: #666; font-size: 0.85rem; line-height: 1.4;">选中需要更换项目的节点，点击选中更换项目，可以更换新的项目</p> </div> </div> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-bottom: 0; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/txjc8.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> </div> <!-- 第9张图片 --> <div style="background: white; padding: 12px; border-radius: 8px; margin-bottom: 25px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/txjc9.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> <!-- 合规与售后保障 --> <div style="margin-bottom: 0;"> <div style="background: linear-gradient(135deg, #30cfd0 0%, #330867 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 16px;"> <div style="display: flex; align-items: center;"> <div style="margin-right: 5px;"> <span style="font-size: 20px; color: #330867; transform: translateY(1px);">🔔</span> </div> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">合规与售后保障</h2> </div> </div> <div style="background: linear-gradient(145deg, #fff5f5, #ffe6e6); padding: 18px; border-radius: 8px; margin-bottom: 16px; border: 1px solid #ffcccc; position: relative;"> <div style="position: absolute; top: -10px; left: 20px; background: #e63946; color: white; padding: 4px 16px; border-radius: 18px; font-size: 0.875rem; font-weight: 600; box-shadow: 0 3px 8px rgba(230, 57, 70, 0.25);">合规声明</div> <p style="margin: 20px 0 0; font-size: 0.95rem; color: #b71c1c; line-height: 1.5; font-weight: 600;"> ⚠️ 天行IP平台建立实时后台日志监控系统，严禁将IP用于非法用途，违规账号将立即封禁且不予退款，确保服务合规性。 </p> </div> <div style="background: linear-gradient(145deg, #f0f9ff, #e6f7ff); padding: 18px; border-radius: 8px; margin-bottom: 0; border: 1px solid #cce7ff; position: relative;"> <div style="position: absolute; top: -10px; left: 20px; background: #1890ff; color: white; padding: 4px 16px; border-radius: 18px; font-size: 0.875rem; font-weight: 600; box-shadow: 0 3px 8px rgba(24, 144, 255, 0.25);">售后保障</div> <p style="margin: 20px 0 0; font-size: 0.95rem; color: #0056b3; line-height: 1.5; font-weight: 600;"> ✅ 提供7×24小时不间断IP供应与即时响应客服，用户可联系客服申请免费测试，满意后再付款，大幅降低决策风险。 </p> </div> </div> </div> <script> function openImageModal(src) { var modal = document.createElement('div'); modal.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);z-index:9999;display:flex;align-items:center;justify-content:center;cursor:zoom-out;'; var img = document.createElement('img'); img.src = src; img.style.cssText = 'max-width:95%;max-height:95%;object-fit:contain;border-radius:8px;box-shadow:0 15px 50px rgba(0,0,0,0.7);transition: transform 0.3s ease;'; var closeBtn = document.createElement('div'); closeBtn.innerHTML = '✕'; closeBtn.style.cssText = 'position:absolute;top:15px;right:20px;color:white;font-size:30px;cursor:pointer;font-weight:bold;z-index:10000;transition:color 0.3s ease;'; closeBtn.onmouseover = function() { this.style.color = '#ff6b6b'; }; closeBtn.onmouseout = function() { this.style.color = 'white'; }; closeBtn.onclick = function() { document.body.removeChild(modal); document.body.style.overflow = 'auto'; }; modal.onclick = function(e) { if (e.target === modal) { document.body.removeChild(modal); document.body.style.overflow = 'auto'; } }; modal.appendChild(img); modal.appendChild(closeBtn); document.body.appendChild(modal); document.body.style.overflow = 'hidden'; document.addEventListener('keydown', function closeOnEsc(e) { if (e.key === 'Escape') { if (document.body.contains(modal)) { document.body.removeChild(modal); document.body.style.overflow = 'auto'; } document.removeEventListener('keydown', closeOnEsc); } }); } // 移动端优化：增加touch事件支持 document.addEventListener('DOMContentLoaded', function() { // 防止双击缩放 var lastTouchEnd = 0; document.addEventListener('touchend', function(event) { var now = (new Date()).getTime(); if (now - lastTouchEnd <= 300) { event.preventDefault(); } lastTouchEnd = now; }, false); }); </script>Sun, 01 Feb 2026 11:49:52 +0800沧海IP-使用教程https://ip001.cn/?id=36 <div style="width: 100%; max-width: 800px; margin: 0 auto; border-radius: 12px;"> <!-- 账号注册 --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px; position: relative; overflow: hidden;"> <div style="display: flex; align-items: center;"> <div style="margin-right: 5px;"> <span style="font-size: 20px; color: #6a11cb; transform: translateY(1px);">📋</span> </div> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">账号注册</h2> <a href="http://www.canghaiip.com/#/register?invitation=10252561&shareid=1675" target="_blank" style="margin-left: auto; margin-right: 10px; background: linear-gradient(45deg, #ff6b6b, #ff8e8e); color: white; text-decoration: none; padding: 8px 20px; border-radius: 50px; font-weight: 600; display: inline-block; box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3); transition: all 0.3s ease; border: none; font-size: 0.95rem; white-space: nowrap;"> 点击注册沧海IP账号 </a> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; margin-bottom: 12px; border: 1px solid #e9ecef; position: relative;"> <p style="margin: 0; font-size: 1rem; color: #555; line-height: 1.6;"> 根据要求设置用户名、密码、QQ号、微信号、手机号、验证码、邀请码 <strong style="color: #e63946; background: #ffeaea; padding: 3px 10px; border-radius: 5px; margin: 0 4px; border: 1px solid #ffcccc; font-size: 1rem; display: inline-block; margin-bottom: 4px;">10252561</strong> 点击注册。 </p> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-bottom: 0; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/chjc1.png " style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> </div> <!-- 实名认证 --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #00b09b 0%, #96c93d 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 16px;"> <div style="display: flex; align-items: center;"> <div style="margin-right: 5px;"> <span style="font-size: 20px; color: #00b09b; transform: translateY(1px);">👤</span> </div> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">实名认证</h2> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; margin-bottom: 12px; border: 1px solid #e9ecef; position: relative;"> <div style="position: absolute; top: -10px; left: 20px; background: #ff6b6b; color: white; padding: 4px 16px; border-radius: 18px; font-size: 0.875rem; font-weight: 600; box-shadow: 0 3px 8px rgba(255, 107, 107, 0.25);">重要步骤</div> <p style="margin: 20px 0 0; font-size: 1rem; color: #555; line-height: 1.6;"> 账号注册成功后会提示您登录，输入刚注册的账号密码点击登录，点击<strong style="color: #1890ff;">个人中心→实名认证</strong>，根据要求完成实名操作。 <span style="color: #e63946; font-weight: 600; display: block; margin-top: 10px; padding: 10px; background: #fff5f5; border-radius: 6px; border-left: 3px solid #e63946; font-size: 0.95rem;"> ⚠️ 重要提示：不完成实名认证无法购买任何节点产品 </span> </p> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-bottom: 0; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/chjc2.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> </div> <!-- 金币充值 --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <div style="margin-right: 5px;"> <span style="font-size: 20px; color: #f5576c; transform: translateY(1px);">💰</span> </div> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">金币充值</h2> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; margin-bottom: 12px; border: 1px solid #e9ecef;"> <p style="margin: 0; font-size: 1rem; color: #555; line-height: 1.6;"> 点击<strong style="color: #1890ff;">充值操作 → 在线充值 → 输入金额 → 选择支付方式 → 立即充值</strong>。 <span style="color: #ff9800; font-weight: 600; display: block; margin-top: 10px; padding: 10px; background: #fff8e1; border-radius: 6px; border-left: 3px solid #ff9800; font-size: 0.95rem;"> 💡 注意：金币只能购买本平台产品，金币不支持提现，请根据实际需求充值 </span> </p> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-bottom: 0; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/chjc3.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> </div> <!-- 节点类型介绍 --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <div style="margin-right: 5px;"> <span style="font-size: 20px; color: #4facfe; transform: translateY(1px);">🌐</span> </div> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">节点类型介绍</h2> </div> </div> <div style="background: white; padding: 18px; border-radius: 8px; margin-bottom: 0; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #e0e0e0;"> <div style="display: flex; flex-direction: column; gap: 12px;"> <!-- 长效静态IP --> <div style="background: linear-gradient(145deg, #f0f9ff, #e6f7ff); padding: 15px; border-radius: 8px; border-left: 4px solid #1890ff; box-shadow: 0 3px 10px rgba(24, 144, 255, 0.12);"> <div style="display: flex; align-items: center; margin-bottom: 8px; flex-wrap: wrap;"> <div style="background: #1890ff; color: white; width: 32px; height: 32px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: 600; flex-shrink: 0;"> <span style="font-size: 16px; transform: translateY(1px);">📶</span> </div> <h3 style="margin: 0; color: #1890ff; font-size: 1.1rem; font-weight: 700;">长效静态IP</h3> </div> <p style="margin: 0; color: #555; font-size: 0.95rem; line-height: 1.5;">IP固定不变化，以IDC机房和各大云服务商为主，适合需要长期不变更的IP业务场景。</p> <div style="margin-top: 10px; padding-top: 8px; border-top: 1px dashed #cce7ff;"> <span style="display: inline-block; background: #d4ebff; color: #1890ff; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">50M-100M大带宽</span> <span style="display: inline-block; background: #d4ebff; color: #1890ff; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">130+城市地区</span> <span style="display: inline-block; background: #d4ebff; color: #1890ff; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">稳定性高</span> <span style="display: inline-block; background: #d4ebff; color: #1890ff; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-bottom: 5px;">SK5/HTTP协议</span> </div> </div> <!-- 家庭住宅J/N区 --> <div style="background: linear-gradient(145deg, #f9f0ff, #f4e6ff); padding: 15px; border-radius: 8px; border-left: 4px solid #9d4edd; box-shadow: 0 3px 10px rgba(157, 78, 221, 0.12);"> <div style="display: flex; align-items: center; margin-bottom: 8px; flex-wrap: wrap;"> <div style="background: #9d4edd; color: white; width: 32px; height: 32px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: 600; flex-shrink: 0;"> <span style="font-size: 16px; transform: translateY(1px);">🏠</span> </div> <h3 style="margin: 0; color: #9d4edd; font-size: 1.1rem; font-weight: 700;">家庭住宅J/N区</h3> </div> <p style="margin: 0; color: #555; font-size: 0.95rem; line-height: 1.5;">真实家庭住宅线路，IP 3-30不等自动更换（不跨市），适合对纯净度要求高的业务。</p> <div style="margin-top: 10px; padding-top: 8px; border-top: 1px dashed #e6d6f7;"> <span style="display: inline-block; background: #ebd6ff; color: #9d4edd; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">5M-50M带宽</span> <span style="display: inline-block; background: #ebd6ff; color: #9d4edd; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">300+城市地区</span> <span style="display: inline-block; background: #ebd6ff; color: #9d4edd; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">纯净度高</span> <span style="display: inline-block; background: #ebd6ff; color: #9d4edd; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-bottom: 5px;">SK5/HTTP协议</span> </div> </div> <!-- L2TP/PPTP --> <div style="background: linear-gradient(145deg, #fff0f0, #ffe6e6); padding: 15px; border-radius: 8px; border-left: 4px solid #ff6b6b; box-shadow: 0 3px 10px rgba(255, 107, 107, 0.12);"> <div style="display: flex; align-items: center; margin-bottom: 8px; flex-wrap: wrap;"> <div style="background: #ff6b6b; color: white; width: 32px; height: 32px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: 600; flex-shrink: 0;"> <span style="font-size: 16px; transform: translateY(1px);">🔄</span> </div> <h3 style="margin: 0; color: #ff6b6b; font-size: 1.1rem; font-weight: 700;">L2TP/PPTP</h3> </div> <p style="margin: 0; color: #555; font-size: 0.95rem; line-height: 1.5;">长效静态节点、家庭住宅线路，更注重安全性和稳定性，适合软路由设备使用。</p> <div style="margin-top: 10px; padding-top: 8px; border-top: 1px dashed #ffd6d6;"> <span style="display: inline-block; background: #ffd6d6; color: #ff6b6b; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">5M-100M带宽</span> <span style="display: inline-block; background: #ffd6d6; color: #ff6b6b; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">100+城市地区</span> <span style="display: inline-block; background: #ffd6d6; color: #ff6b6b; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-bottom: 5px;">软路由专用</span> </div> </div> <!-- 安卓APP静态 --> <div style="background: linear-gradient(145deg, #f0fff4, #e6ffe6); padding: 15px; border-radius: 8px; border-left: 4px solid #38b000; box-shadow: 0 3px 10px rgba(56, 176, 0, 0.12);"> <div style="display: flex; align-items: center; margin-bottom: 8px; flex-wrap: wrap;"> <div style="background: #38b000; color: white; width: 32px; height: 32px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: 600; flex-shrink: 0;"> <span style="font-size: 16px; transform: translateY(1px);">📱</span> </div> <h3 style="margin: 0; color: #38b000; font-size: 1.1rem; font-weight: 700;">安卓APP静态</h3> </div> <p style="margin: 0; color: #555; font-size: 0.95rem; line-height: 1.5;">官方APP使用简单，一键操作，手动切换IP，不限制切换次数，适合安卓设备使用。</p> <div style="margin-top: 10px; padding-top: 8px; border-top: 1px dashed #c6ffc6;"> <span style="display: inline-block; background: #d6ffd6; color: #38b000; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">5M-100M带宽</span> <span style="display: inline-block; background: #d6ffd6; color: #38b000; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">300+城市地区</span> <span style="display: inline-block; background: #d6ffd6; color: #38b000; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-right: 6px; margin-bottom: 5px;">无线切换</span> <span style="display: inline-block; background: #d6ffd6; color: #38b000; padding: 3px 8px; border-radius: 16px; font-size: 0.85rem; font-weight: 600; margin-bottom: 5px;">安卓APP</span> </div> </div> </div> </div> </div> <!-- 购买详细步骤 --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <div style="margin-right: 5px;"> <span style="font-size: 20px; color: #fa709a; transform: translateY(1px);">🛒</span> </div> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">购买详细步骤</h2> </div> </div> <div style="background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 3px 12px rgba(0,0,0,0.06); margin-bottom: 12px;"> <div style="padding: 15px; border-bottom: 1px solid #f0f0f0; display: flex; align-items: flex-start;"> <div style="background: linear-gradient(45deg, #667eea, #764ba2); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; font-weight: 700; font-size: 0.95rem; flex-shrink: 0; box-shadow: 0 3px 8px rgba(102, 126, 234, 0.35);">1</div> <div style="flex: 1;"> <h3 style="margin: 0 0 5px; color: #333; font-size: 1.05rem; font-weight: 700;">选择套餐</h3> <p style="margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5;">点击您需要的套餐下的<strong style="color: #667eea;">"购买节点"</strong>按钮进入购买页面</p> </div> </div> <div style="padding: 15px; border-bottom: 1px solid #f0f0f0; display: flex; align-items: flex-start;"> <div style="background: linear-gradient(45deg, #00b09b, #96c93d); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; font-weight: 700; font-size: 0.95rem; flex-shrink: 0; box-shadow: 0 3px 8px rgba(0, 176, 155, 0.35);">2</div> <div style="flex: 1;"> <h3 style="margin: 0 0 5px; color: #333; font-size: 1.05rem; font-weight: 700;">搜索项目</h3> <p style="margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5;">在页面中输入您的项目名称进行搜索，找到对应项目</p> </div> </div> <div style="padding: 15px; border-bottom: 1px solid #f0f0f0; display: flex; align-items: flex-start;"> <div style="background: linear-gradient(45deg, #ff6b6b, #ff8e8e); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; font-weight: 700; font-size: 0.95rem; flex-shrink: 0; box-shadow: 0 3px 8px rgba(255, 107, 107, 0.35);">3</div> <div style="flex: 1;"> <h3 style="margin: 0 0 5px; color: #333; font-size: 1.05rem; font-weight: 700;">配置节点</h3> <p style="margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5;">选择对应的项目，然后按需选择地区、节点数量和购买时长</p> </div> </div> <div style="padding: 15px; border-bottom: 1px solid #f0f0f0; display: flex; align-items: flex-start;"> <div style="background: linear-gradient(45deg, #4facfe, #00f2fe); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; font-weight: 700; font-size: 0.95rem; flex-shrink: 0; box-shadow: 0 3px 8px rgba(79, 172, 254, 0.35);">4</div> <div style="flex: 1;"> <h3 style="margin: 0 0 5px; color: #333; font-size: 1.05rem; font-weight: 700;">确认订单</h3> <p style="margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5;">确认信息无误后，点击<strong style="color: #4facfe;">"确认订单"</strong>并完成支付购买</p> </div> </div> <div style="padding: 15px; display: flex; align-items: flex-start;"> <div style="background: linear-gradient(45deg, #fa709a, #fee140); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; font-weight: 700; font-size: 0.95rem; flex-shrink: 0; box-shadow: 0 3px 8px rgba(250, 112, 154, 0.35);">5</div> <div style="flex: 1;"> <h3 style="margin: 0 0 5px; color: #333; font-size: 1.05rem; font-weight: 700;">导出使用</h3> <p style="margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5;">购买成功后，选择您需要的格式，点击<strong style="color: #fa709a;">"导出"</strong>或<strong style="color: #fa709a;">"复制"</strong>即可使用</p> </div> </div> </div> <div style="display: flex; flex-direction: column; gap: 12px; margin-top: 15px;"> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/chjc4.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/chjc5.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/chjc6.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/chjc7.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> </div> </div> <!-- 线路管理 --> <div style="margin-bottom: 25px;"> <div style="background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 12px;"> <div style="display: flex; align-items: center;"> <div style="margin-right: 5px;"> <span style="font-size: 20px; color: #36d1dc; transform: translateY(1px);">📊</span> </div> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: #2d3748; text-shadow: 0 2px 4px rgba(0,0,0,0.1);">线路管理</h2> </div> </div> <div style="background: #f8f9fa; padding: 18px; border-radius: 8px; margin-bottom: 12px; border: 1px solid #e9ecef;"> <p style="margin: 0 0 12px; font-size: 1rem; color: #555; line-height: 1.6;"> 找到<strong style="color: #1890ff;">已购套餐</strong> → 点击<strong style="color: #1890ff;">导入操作</strong> → 粘贴节点信息 → 点击<strong style="color: #1890ff;">匹配</strong> → 勾选目标节点 → 选择续费/调换/改密等 → 完成操作。 </p> <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; margin-top: 12px;"> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 8px rgba(0,0,0,0.05);"> <div style="display: flex; align-items: center; margin-bottom: 6px;"> <div style="background: #28a745; color: white; width: 26px; height: 26px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 8px; font-weight: 600; font-size: 0.85rem; flex-shrink: 0;">1</div> <h3 style="margin: 0; color: #333; font-size: 0.95rem; font-weight: 700;">节点续费</h3> </div> <p style="margin: 0; color: #666; font-size: 0.85rem; line-height: 1.4;">选中需要续费的节点，点击续费，可以给节点进行续费</p> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 8px rgba(0,0,0,0.05);"> <div style="display: flex; align-items: center; margin-bottom: 6px;"> <div style="background: #17a2b8; color: white; width: 26px; height: 26px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 8px; font-weight: 600; font-size: 0.85rem; flex-shrink: 0;">2</div> <h3 style="margin: 0; color: #333; font-size: 0.95rem; font-weight: 700;">节点过户</h3> </div> <p style="margin: 0; color: #666; font-size: 0.85rem; line-height: 1.4;">选中需要过户的节点，点击过户，可以给节点过户给你代理名下客户</p> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 8px rgba(0,0,0,0.05);"> <div style="display: flex; align-items: center; margin-bottom: 6px;"> <div style="background: #ffc107; color: #333; width: 26px; height: 26px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 8px; font-weight: 600; font-size: 0.85rem; flex-shrink: 0;">3</div> <h3 style="margin: 0; color: #333; font-size: 0.95rem; font-weight: 700;">平均时间</h3> </div> <p style="margin: 0; color: #666; font-size: 0.85rem; line-height: 1.4;">选中需要平均时间的节点，点击平均时间，可以给不同时间到期的节点统一时间</p> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 8px rgba(0,0,0,0.05);"> <div style="display: flex; align-items: center; margin-bottom: 6px;"> <div style="background: #6f42c1; color: white; width: 26px; height: 26px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 8px; font-weight: 600; font-size: 0.85rem; flex-shrink: 0;">4</div> <h3 style="margin: 0; color: #333; font-size: 0.95rem; font-weight: 700;">节点改密</h3> </div> <p style="margin: 0; color: #666; font-size: 0.85rem; line-height: 1.4;">选中需要改密的节点，点击改密，可以对节点线路修改密码</p> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 8px rgba(0,0,0,0.05);"> <div style="display: flex; align-items: center; margin-bottom: 6px;"> <div style="background: #e83e8c; color: white; width: 26px; height: 26px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 8px; font-weight: 600; font-size: 0.85rem; flex-shrink: 0;">5</div> <h3 style="margin: 0; color: #333; font-size: 0.95rem; font-weight: 700;">修改项目</h3> </div> <p style="margin: 0; color: #666; font-size: 0.85rem; line-height: 1.4;">选中需要修改项目的节点，点击修改项目，可以更换新的项目</p> </div> <div style="background: white; padding: 12px; border-radius: 8px; box-shadow: 0 3px 8px rgba(0,0,0,0.05);"> <div style="display: flex; align-items: center; margin-bottom: 6px;"> <div style="background: #fd7e14; color: white; width: 26px; height: 26px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-right: 8px; font-weight: 600; font-size: 0.85rem; flex-shrink: 0;">6</div> <h3 style="margin: 0; color: #333; font-size: 0.95rem; font-weight: 700;">节点调换</h3> </div> <p style="margin: 0; color: #666; font-size: 0.85rem; line-height: 1.4;">选中需要调换的节点，点击调换IP，可以随机或指定更换节点或地区</p> </div> </div> </div> <div style="background: white; padding: 12px; border-radius: 8px; margin-bottom: 0; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/chjc8.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> </div> <!-- 第9张图片 --> <div style="background: white; padding: 12px; border-radius: 8px; margin-bottom: 25px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); border: 1px solid #e0e0e0; overflow: hidden;"> <div style="text-align: center; cursor: pointer;"> <img src="https://ip001.cn/zb_users/upload/2026/02/chjc9.png" style="max-width: 100%; height: auto; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.3s ease; display: block; margin: 0 auto;" onclick="openImageModal(this.src)" onmouseover="this.style.transform='scale(1.01)'" onmouseout="this.style.transform='scale(1)'"> </div> </div> <!-- 合规与售后保障 --> <div style="margin-bottom: 0;"> <div style="background: linear-gradient(135deg, #30cfd0 0%, #330867 100%); padding: 8px 0 8px 16px; border-radius: 8px; margin-bottom: 16px;"> <div style="display: flex; align-items: center;"> <div style="margin-right: 5px;"> <span style="font-size: 20px; color: #330867; transform: translateY(1px);">🔔</span> </div> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.25);">合规与售后保障</h2> </div> </div> <div style="background: linear-gradient(145deg, #fff5f5, #ffe6e6); padding: 18px; border-radius: 8px; margin-bottom: 16px; border: 1px solid #ffcccc; position: relative;"> <div style="position: absolute; top: -10px; left: 20px; background: #e63946; color: white; padding: 4px 16px; border-radius: 18px; font-size: 0.875rem; font-weight: 600; box-shadow: 0 3px 8px rgba(230, 57, 70, 0.25);">合规声明</div> <p style="margin: 20px 0 0; font-size: 0.95rem; color: #b71c1c; line-height: 1.5; font-weight: 600;"> ⚠️ 沧海IP平台建立实时后台日志监控系统，严禁将IP用于非法用途，违规账号将立即封禁且不予退款，确保服务合规性。 </p> </div> <div style="background: linear-gradient(145deg, #f0f9ff, #e6f7ff); padding: 18px; border-radius: 8px; margin-bottom: 0; border: 1px solid #cce7ff; position: relative;"> <div style="position: absolute; top: -10px; left: 20px; background: #1890ff; color: white; padding: 4px 16px; border-radius: 18px; font-size: 0.875rem; font-weight: 600; box-shadow: 0 3px 8px rgba(24, 144, 255, 0.25);">售后保障</div> <p style="margin: 20px 0 0; font-size: 0.95rem; color: #0056b3; line-height: 1.5; font-weight: 600;"> ✅ 提供7×24小时不间断IP供应与即时响应客服，用户可联系客服申请免费测试，满意后再付款，大幅降低决策风险。 </p> </div> </div> </div> <script> function openImageModal(src) { var modal = document.createElement('div'); modal.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);z-index:9999;display:flex;align-items:center;justify-content:center;cursor:zoom-out;'; var img = document.createElement('img'); img.src = src; img.style.cssText = 'max-width:95%;max-height:95%;object-fit:contain;border-radius:8px;box-shadow:0 15px 50px rgba(0,0,0,0.7);transition: transform 0.3s ease;'; var closeBtn = document.createElement('div'); closeBtn.innerHTML = '✕'; closeBtn.style.cssText = 'position:absolute;top:15px;right:20px;color:white;font-size:30px;cursor:pointer;font-weight:bold;z-index:10000;transition:color 0.3s ease;'; closeBtn.onmouseover = function() { this.style.color = '#ff6b6b'; }; closeBtn.onmouseout = function() { this.style.color = 'white'; }; closeBtn.onclick = function() { document.body.removeChild(modal); document.body.style.overflow = 'auto'; }; modal.onclick = function(e) { if (e.target === modal) { document.body.removeChild(modal); document.body.style.overflow = 'auto'; } }; modal.appendChild(img); modal.appendChild(closeBtn); document.body.appendChild(modal); document.body.style.overflow = 'hidden'; document.addEventListener('keydown', function closeOnEsc(e) { if (e.key === 'Escape') { if (document.body.contains(modal)) { document.body.removeChild(modal); document.body.style.overflow = 'auto'; } document.removeEventListener('keydown', closeOnEsc); } }); } // 移动端优化：增加touch事件支持 document.addEventListener('DOMContentLoaded', function() { // 防止双击缩放 var lastTouchEnd = 0; document.addEventListener('touchend', function(event) { var now = (new Date()).getTime(); if (now - lastTouchEnd <= 300) { event.preventDefault(); } lastTouchEnd = now; }, false); }); </script>Sun, 01 Feb 2026 10:51:20 +0800沧海IP-独享静态SK5/L2TP-超多地区可选-节点自由切换https://ip001.cn/?id=35<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>沧海IP</title> </head> <body> <div style="display: flex; flex-wrap: wrap; gap: 15px; margin: 20px 0;"> <!-- 注册/购买/登录入口按钮 - 直接跳转 --> <a href="http://www.canghaiip.com/#/register?invitation=10252561&shareid=1675" target="_blank" rel="noopener noreferrer" class="animated-button" style="flex: 1; min-width: 250px; display: flex; align-items: center; padding: 25px; background: linear-gradient(135deg, #4CAF50, #66BB6A); color: white; text-decoration: none; border-radius: 15px; font-weight: bold; font-size: 16px; box-shadow: 0 8px 25px rgba(76,175,80,0.4); cursor: pointer; margin: 0; position: relative; overflow: hidden; transition: all 0.3s ease;"> <div style="position: relative; width: 50px; height: 50px; background: rgba(255,255,255,0.3); border-radius: 12px; margin-right: 20px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;"> <div style="width: 24px; height: 24px; background: white; border-radius: 50%; position: relative; transition: all 0.3s ease;"> <div style="position: absolute; top: 6px; left: 11px; width: 2px; height: 12px; background: #4CAF50; transition: all 0.3s ease;"></div> </div> </div> <div style="flex: 1; position: relative; z-index: 2;"> <div style="font-size: 18px; font-weight: 700; transition: all 0.3s ease;">注册/购买/登录</div> <div style="font-size: 12px; opacity: 0.9; margin-top: 5px; transition: all 0.3s ease;">立即体验高速网络加速</div> </div> <div style="position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.5s ease;"></div> </a> <!-- 价格按钮 - 弹出价格列表 --> <label for="price-modal" class="animated-button" style="flex: 1; min-width: 250px; display: flex; align-items: center; padding: 25px; background: linear-gradient(135deg, #FFC107, #FFD54F); color: #2c3e50; text-decoration: none; border-radius: 15px; font-weight: bold; font-size: 16px; box-shadow: 0 8px 25px rgba(255,193,7,0.4); cursor: pointer; margin: 0; position: relative; overflow: hidden; transition: all 0.3s ease;"> <div style="position: relative; width: 50px; height: 50px; background: rgba(255,255,255,0.3); border-radius: 12px; margin-right: 20px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;"> <div style="width: 24px; height: 16px; background: #2c3e50; border-radius: 2px; position: relative; transition: all 0.3s ease;"> <div style="position: absolute; top: -8px; left: 6px; width: 12px; height: 8px; background: #2c3e50; border-radius: 2px 2px 0 0; transition: all 0.3s ease;"></div> </div> </div> <div style="flex: 1; position: relative; z-index: 2;"> <div style="font-size: 18px; font-weight: 700; transition: all 0.3s ease;">价格套餐</div> <div style="font-size: 12px; opacity: 0.8; margin-top: 5px; transition: all 0.3s ease;">¥3起/月 · 点击查看价格表</div> </div> <div style="position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); transition: left 0.5s ease;"></div> </label> <!-- 地区展示按钮 - 弹出地区选择组件 --> <label for="region-modal" class="animated-button" style="flex: 1; min-width: 250px; display: flex; align-items: center; padding: 25px; background: linear-gradient(135deg, #2196F3, #42A5F5); color: white; text-decoration: none; border-radius: 15px; font-weight: bold; font-size: 16px; box-shadow: 0 8px 25px rgba(33,150,243,0.4); cursor: pointer; margin: 0; position: relative; overflow: hidden; transition: all 0.3s ease;"> <div style="position: relative; width: 50px; height: 50px; background: rgba(255,255,255,0.3); border-radius: 12px; margin-right: 20px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;"> <div style="width: 20px; height: 20px; border: 2px solid white; border-radius: 50%; position: relative; transition: all 0.3s ease;"> <div style="position: absolute; top: 4px; left: 4px; width: 8px; height: 8px; background: white; border-radius: 50%; transition: all 0.3s ease;"></div> <div style="position: absolute; bottom: -2px; left: 7px; width: 2px; height: 6px; background: white; transition: all 0.3s ease;"></div> </div> </div> <div style="flex: 1; position: relative; z-index: 2;"> <div style="font-size: 18px; font-weight: 700; transition: all 0.3s ease;">地区展示</div> <div style="font-size: 12px; opacity: 0.9; margin-top: 5px; transition: all 0.3s ease;">查看全国节点覆盖情况</div> </div> <div style="position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.5s ease;"></div> </label> <!-- 视频教程按钮 - 直接跳转 --> <a href="http://www.canghaiip.com/#/register?invitation=10252561&shareid=1675" target="_blank" rel="noopener noreferrer" class="animated-button" style="flex: 1; min-width: 250px; display: flex; align-items: center; padding: 25px; background: linear-gradient(135deg, #9C27B0, #AB47BC); color: white; text-decoration: none; border-radius: 15px; font-weight: bold; font-size: 16px; box-shadow: 0 8px 25px rgba(156,39,176,0.4); cursor: pointer; margin: 0; position: relative; overflow: hidden; transition: all 0.3s ease;"> <div style="position: relative; width: 50px; height: 50px; background: rgba(255,255,255,0.3); border-radius: 12px; margin-right: 20px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;"> <div style="width: 24px; height: 16px; background: white; border-radius: 4px; position: relative; transition: all 0.3s ease;"> <div style="position: absolute; top: 3px; left: 8px; width: 8px; height: 10px; border-left: 4px solid #9C27B0; border-right: 4px solid #9C27B0; transition: all 0.3s ease;"></div> </div> </div> <div style="flex: 1; position: relative; z-index: 2;"> <div style="font-size: 18px; font-weight: 700; transition: all 0.3s ease;">视频教程</div> <div style="font-size: 12px; opacity: 0.9; margin-top: 5px; transition: all 0.3s ease;">快速上手使用教程</div> </div> <div style="position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.5s ease;"></div> </a> </div> <!-- 模态框触发器 --> <input type="checkbox" id="price-modal" style="display: none;"> <input type="checkbox" id="region-modal" style="display: none;"> <!-- 价格模态框 --> <div id="price-modal-content" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1000; align-items: center; justify-content: center;"> <div style="background: white; padding: 30px; border-radius: 15px; max-width: 800px; width: 90%; max-height: 80vh; overflow-y: auto; position: relative;"> <label for="price-modal" style="position: absolute; top: 15px; right: 15px; font-size: 24px; cursor: pointer; color: #666;">×</label> <h3 style="color: #FF0000; text-align: center; margin-bottom: 25px; font-weight: bold;">沧海IP价格套餐</h3> <table style="width: 100%; border-collapse: collapse; border: 1px solid #ddd; margin: 0px 0px 20px 0px; font-size: 17px;"> <thead> <tr style="background: #6a11cb; color: white;" class="firstRow"> <th style="padding: 12px; border: 1px solid #ddd; text-align: center; font-weight: bold;">套餐</th> <th style="padding: 12px; border: 1px solid #ddd; text-align: center; font-weight: bold;">带宽</th> <th style="padding: 12px; border: 1px solid #ddd; text-align: center; font-weight: bold;">IP类型</th> <th style="padding: 12px; border: 1px solid #ddd; text-align: center; font-weight: bold;">价格（月卡）</th> </tr> </thead> <tbody> <!-- 新数据行 --> <tr style="background: #f9f9f9; transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">1区静态:专线独享100M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">50M-100M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">IDC机房+云服务商</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">6.00元</td> </tr> <tr style="transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">2区静态:特价5M-10M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-10M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">IDC机房+云服务商</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">3.00元</td> </tr> <tr style="background: #f9f9f9; transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">3区家宽:J带宽100M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-20M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">真实家庭住宅</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">8.00元</td> </tr> <tr style="transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">4区家宽:N节点10M-20M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-10M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">真实家庭住宅</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">6.00元</td> </tr> <tr style="background: #f9f9f9; transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5区动态:安卓APP</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-20M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">IDC机房+云服务商</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">6.00元</td> </tr> <tr style="transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">8区定制:纯独享100M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-20M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">真实家庭住宅</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">35.00元</td> </tr> <tr style="background: #f9f9f9; transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">6区静态:L2TP/PPTP</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-10M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">IDC机房+云服务商</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">10.00元</td> </tr> <tr style="transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">7区住宅:L2TP/PPTP</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-10M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">真实家庭住宅</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">10.00元</td> </tr> </tbody> </table> <div style="text-align: center;"> <a href="http://www.canghaiip.com/#/register?invitation=10252561&shareid=1675" target="_blank" style="display: inline-block; padding: 12px 30px; background: #28a745; color: white; text-decoration: none; border-radius: 8px; font-weight: bold; font-size: 16px; margin: 10px;">立即购买</a> <label for="price-modal" style="display: inline-block; padding: 12px 30px; background: #6c757d; color: white; text-decoration: none; border-radius: 8px; font-weight: bold; font-size: 16px; cursor: pointer; margin: 10px;">关闭</label> </div> </div> </div> <!-- 地区展示模态框 --> <div id="region-modal-content" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1000; align-items: center; justify-content: center;"> <div style="background: white; padding: 0; border-radius: 15px; max-width: 900px; width: 95%; max-height: 90vh; overflow: hidden; position: relative;"> <label for="region-modal" style="position: absolute; top: 15px; right: 15px; font-size: 24px; cursor: pointer; color: #666; z-index: 10; background: white; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center;">×</label> <div class="region-container" style="font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif; border: none; border-radius: 15px; background: white; margin: 0; max-width: none;"> <div class="region-header" style="padding: 20px; border-bottom: 1px solid #e8e8e8; background-color: #fafafa; border-radius: 15px 15px 0 0;"> <h3 style="font-size: 18px; font-weight: 600; color: #333; margin: 0 0 8px 0;">地区选择 - 可售节点：36125</h3> <div class="region-subtitle" style="font-size: 14px; color: #666;">输入地区名称搜索省份或城市...</div> </div> <div class="region-search" style="padding: 16px 20px; border-bottom: 1px solid #e8e8e8;"> <input type="text" placeholder="输入地区名称搜索..." id="searchInput" style="width: 100%; padding: 10px 14px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px;"> </div> <div class="region-content" style="display: flex; min-height: 400px; max-height: 500px; overflow: hidden;"> <div class="province-list" id="provinceList" style="width: 180px; border-right: 1px solid #e8e8e8; overflow-y: auto; background-color: #fafafa;"></div> <div class="city-list" id="cityList" style="flex: 1; padding: 16px; overflow-y: auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; align-content: start;"> <div class="empty-state" style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; color: #999; font-size: 14px; padding: 20px; text-align: center; grid-column: 1 / -1;"> <div>请选择左侧省份查看城市节点</div> </div> </div> </div> </div> </div> </div> <!-- 图片放大模态框 --> <div id="image-modal" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 2000; align-items: center; justify-content: center;"> <div style="position: relative; max-width: 90%; max-height: 90%;"> <img id="modal-image" src="" alt="放大图片" style="max-width: 100%; max-height: 90vh; object-fit: contain; border-radius: 8px;"> <button onclick="closeImageModal()" style="position: absolute; top: -40px; right: 0; background: none; border: none; color: white; font-size: 30px; cursor: pointer;">×</button> </div> </div> <style> /* 重置富文本编辑器可能影响的样式 */ #price-modal-content, #region-modal-content, #image-modal { box-sizing: border-box !important; font-family: Arial, sans-serif !important; } /* 模态框显示控制 */ #price-modal:checked ~ #price-modal-content { display: flex !important; } #region-modal:checked ~ #region-modal-content { display: flex !important; } /* 按钮悬停动画效果 */ .animated-button:hover { transform: translateY(-3px) !important; box-shadow: 0 12px 30px rgba(0,0,0,0.25) !important; } .animated-button:hover > div:first-child { transform: scale(1.1) !important; } .animated-button:hover > div:first-child > div { transform: scale(1.1) !important; } .animated-button:hover > div:nth-child(2) > div:first-child { transform: translateX(5px) !important; } .animated-button:hover > div:last-child { left: 100% !important; } /* 地区选择组件样式 */ .province-item { padding: 12px 16px; border-bottom: 1px solid #f0f0f0; cursor: pointer; font-size: 14px; display: flex; justify-content: space-between; align-items: center; } .province-item:hover { background-color: #f0f7ff; } .province-item.active { background-color: #e6f7ff; border-right: 3px solid #1890ff; font-weight: 500; } .province-count { color: #999; font-size: 12px; } .city-item { padding: 10px 12px; font-size: 13px; color: #666; background-color: #f8f9fa; border-radius: 6px; border-left: 3px solid #91d5ff; } .city-item.highlight { background-color: #fff7e6; border-left-color: #ffa940; color: #d46b08; } /* 表格悬停效果 */ table tbody tr:hover { background-color: #e3f2fd !important; transform: scale(1.01); box-shadow: 0 4px 8px rgba(0,0,0,0.1); } /* 图片悬停效果 */ img[onclick*="openImageModal"] { cursor: pointer !important; transition: all 0.3s ease !important; } img[onclick*="openImageModal"]:hover { transform: scale(1.02) !important; box-shadow: 0 6px 20px rgba(0,0,0,0.2) !important; } /* 图片模态框样式优化 */ #image-modal { cursor: pointer; } #image-modal img { cursor: default; } </style> <script> // 地区数据 const regionData = [ { province: "北京市", count: 1, cities: ["北京市"] }, { province: "天津市", count: 1, cities: ["天津市"] }, { province: "河北省", count: 11, cities: ["保定市", "承德市", "邯郸市", "石家庄市", "廊坊市", "秦皇岛市", "唐山市", "沧州市", "张家口市"] }, { province: "山西省", count: 9, cities: ["太原市", "长治市", "大同市", "临汾市", "晋城市", "运城市", "阳泉市", "吕梁市", "晋中市"] }, { province: "内蒙古自治区", count: 12, cities: ["呼和浩特市", "鄂尔多斯市", "巴彦淖尔市", "乌海市", "乌兰察布市", "阿拉善市", "兴安市", "锡林郭勒市", "通辽市", "呼伦贝尔市", "包头市", "赤峰市"] }, { province: "辽宁省", count: 14, cities: ["大连市", "朝阳市", "鞍山市", "盘锦市", "本溪市", "丹东市", "阜新市", "葫芦岛市", "营口市", "铁岭市", "沈阳市", "辽阳市", "锦州市"] }, { province: "吉林省", count: 9, cities: ["长春市", "延吉市", "通化市", "四平市", "辽源市", "白城市", "松原市", "吉林市"] }, { province: "黑龙江省", count: 13, cities: ["齐齐哈尔市", "牡丹江市", "七台河市", "双鸭山市", "鸡西市", "伊春市", "黑河市", "哈尔滨市", "绥化市", "大庆市", "鹤岗市", "佳木斯市", "大兴安岭市"] }, { province: "上海市", count: 1, cities: ["上海市"] }, { province: "江苏省", count: 13, cities: ["徐州市", "南通市", "南京市", "盐城市", "扬州市", "镇江市", "连云港市", "泰州市", "无锡市", "常州市", "宿迁市", "淮安市", "苏州市"] }, { province: "浙江省", count: 11, cities: ["宁波市", "温州市", "杭州市", "嘉兴市", "台州市", "绍兴市", "金华市", "丽水市", "湖州市", "衢州市", "舟山市"] }, { province: "安徽省", count: 16, cities: ["芜湖市", "淮南市", "合肥市", "宿州市", "马鞍山市", "宣城市", "黄山市", "六安市", "阜阳市", "铜陵市", "安庆市", "蚌埠市", "亳州市", "滁州市", "淮北市", "池州市"] }, { province: "福建省", count: 9, cities: ["龙岩市", "福州市", "泉州市", "厦门市", "南平市", "宁德市", "莆田市", "三明市", "漳州市"] }, { province: "江西省", count: 11, cities: ["赣州市", "南昌市", "九江市", "抚州市", "鹰潭市", "新余市", "上饶市", "宜春市", "吉安市", "萍乡市", "景德镇市"] }, { province: "山东省", count: 16, cities: ["济南市", "青岛市", "潍坊市", "东营市", "德州市", "枣庄市", "威海市", "泰安市", "聊城市", "济宁市", "日照市", "菏泽市", "淄博市", "临沂市", "滨州市", "烟台市"] }, { province: "河南省", count: 18, cities: ["洛阳市", "济源市", "郑州市", "安阳市", "焦作市", "商丘市", "驻马店市", "南阳市", "漯河市", "许昌市", "信阳市", "三门峡市", "平顶山市", "鹤壁市", "新乡市", "濮阳市", "周口市", "开封市"] }, { province: "湖北省", count: 13, cities: ["武汉市", "襄阳市", "宜昌市", "十堰市", "咸宁市", "恩施市", "随州市", "黄冈市", "荆州市", "荆门市", "鄂州市", "孝感市", "黄石市"] }, { province: "湖南省", count: 14, cities: ["郴州市", "长沙市", "常德市", "衡阳市", "张家界市", "株洲市", "娄底市", "怀化市", "邵阳市", "岳阳市", "永州市", "益阳市", "湘潭市", "湘西市"] }, { province: "广东省", count: 21, cities: ["广州市", "佛山市", "汕头市", "茂名市", "汕尾市", "韶关市", "江门市", "珠海市", "惠州市", "河源市", "中山市", "阳江市", "云浮市", "清远市", "东莞市", "潮州市", "肇庆市", "揭阳市", "深圳市", "湛江市", "梅州市"] }, { province: "广西壮族自治区", count: 14, cities: ["桂林市", "南宁市", "柳州市", "玉林市", "北海市", "贵港市", "梧州市", "钦州市", "贺州市", "防城港市", "百色市", "河池市", "来宾市", "崇左市"] }, { province: "海南省", count: 1, cities: ["海口市"] }, { province: "重庆市", count: 1, cities: ["重庆市"] }, { province: "四川省", count: 18, cities: ["南充市", "乐山市", "绵阳市", "成都市", "达州市", "广元市", "雅安市", "德阳市", "宜宾市", "泸州市", "遂宁市", "内江市", "眉山市", "广安市", "资阳市", "巴中市", "自贡市", "攀枝花市"] }, { province: "贵州省", count: 6, cities: ["贵阳市", "毕节市", "六盘水市", "遵义市", "安顺市", "铜仁市"] }, { province: "云南省", count: 8, cities: ["昆明市", "大理市", "普洱市", "曲靖市", "西双版纳市", "玉溪市", "昭通市", "丽江市"] }, { province: "西藏自治区", count: 2, cities: ["林芝市", "拉萨市"] }, { province: "陕西省", count: 10, cities: ["铜川市", "咸阳市", "西安市", "渭南市", "延安市", "宝鸡市", "榆林市", "汉中市", "安康市", "商洛市"] }, { province: "甘肃省", count: 12, cities: ["兰州市", "嘉峪关市", "庆阳市", "张掖市", "白银市", "酒泉市", "平凉市", "武威市", "定西市", "天水市", "陇南市", "金昌市"] }, { province: "青海省", count: 1, cities: ["西宁市"] }, { province: "宁夏回族自治区", count: 5, cities: ["中卫市", "银川市", "吴忠市", "固原市", "石嘴山市"] }, { province: "新疆维吾尔自治区", count: 10, cities: ["乌鲁木齐市", "昌吉市", "巴州市", "石河子市", "和田市", "哈密市", "克拉玛依市", "克孜勒苏市", "阿克苏市", "喀什市"] } ]; let currentProvince = null; function initProvinceList() { const provinceList = document.getElementById('provinceList'); provinceList.innerHTML = ''; regionData.forEach((region, index) => { const provinceElement = document.createElement('div'); provinceElement.className = 'province-item'; if (index === 0) { provinceElement.classList.add('active'); currentProvince = region; } provinceElement.innerHTML = `<span>${region.province}</span><span class="province-count">${region.count}</span>`; provinceElement.addEventListener('click', function() { document.querySelectorAll('.province-item').forEach(item => item.classList.remove('active')); this.classList.add('active'); currentProvince = region; showCities(region.cities); }); provinceList.appendChild(provinceElement); }); if (regionData.length > 0) { showCities(regionData[0].cities); } } function showCities(cities, searchText = '') { const cityList = document.getElementById('cityList'); if (!cities || cities.length === 0) { cityList.innerHTML = '<div class="empty-state">该省份暂无城市节点</div>'; return; } let filteredCities = cities; if (searchText) { filteredCities = cities.filter(city => city.toLowerCase().includes(searchText.toLowerCase())); } if (filteredCities.length === 0) { cityList.innerHTML = `<div class="empty-state">没有匹配"${searchText}"的城市</div>`; return; } cityList.innerHTML = filteredCities.map(city => { const isHighlight = searchText && city.toLowerCase().includes(searchText.toLowerCase()); return `<div class="city-item ${isHighlight ? 'highlight' : ''}">${city}</div>`; }).join(''); } function initSearch() { const searchInput = document.getElementById('searchInput'); if (searchInput) { searchInput.addEventListener('input', function(e) { const searchText = e.target.value.toLowerCase().trim(); if (searchText === '') { document.querySelectorAll('.province-item').forEach(item => item.style.display = 'flex'); if (currentProvince) showCities(currentProvince.cities); return; } let foundAnyMatch = false; let firstMatchedProvince = null; document.querySelectorAll('.province-item').forEach(item => { const provinceName = item.querySelector('span').textContent; const province = regionData.find(r => r.province === provinceName); const provinceMatch = provinceName.toLowerCase().includes(searchText); const hasMatchingCity = province.cities.some(city => city.toLowerCase().includes(searchText)); if (provinceMatch || hasMatchingCity) { item.style.display = 'flex'; foundAnyMatch = true; if (!firstMatchedProvince && (provinceMatch || hasMatchingCity)) { firstMatchedProvince = province; } if (provinceMatch) { document.querySelectorAll('.province-item').forEach(i => i.classList.remove('active')); item.classList.add('active'); currentProvince = province; showCities(province.cities, searchText); } } else { item.style.display = 'none'; } }); if (!foundAnyMatch) { document.getElementById('cityList').innerHTML = `<div class="empty-state">未找到匹配"${searchText}"的省份或城市</div>`; } else if (firstMatchedProvince && !currentProvince.province.toLowerCase().includes(searchText)) { document.querySelectorAll('.province-item').forEach(item => { if (item.querySelector('span').textContent === firstMatchedProvince.province) { item.classList.add('active'); currentProvince = firstMatchedProvince; showCities(firstMatchedProvince.cities, searchText); } else { item.classList.remove('active'); } }); } }); } } function openImageModal(src) { document.getElementById('modal-image').src = src; document.getElementById('image-modal').style.display = 'flex'; document.body.style.overflow = 'hidden'; } function closeImageModal() { document.getElementById('image-modal').style.display = 'none'; document.body.style.overflow = 'auto'; } function initAll() { initProvinceList(); initSearch(); const imageModal = document.getElementById('image-modal'); if (imageModal) { imageModal.addEventListener('click', function(e) { closeImageModal(); }); document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeImageModal(); }); const modalImage = document.getElementById('modal-image'); if (modalImage) { // 单击放大图片关闭模态框 modalImage.addEventListener('click', function(e) { closeImageModal(); }); } } document.querySelectorAll('img[onclick]').forEach(img => { img.addEventListener('mouseenter', function() { this.style.transform = 'scale(1.02)'; }); img.addEventListener('mouseleave', function() { this.style.transform = 'scale(1)'; }); }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initAll); } else { initAll(); } </script> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 🚀 沧海 IP：多线路 + 强技术，覆盖多元需求，防关联 + 护隐私，保障业务安全 </h2> <p style="margin: 0px 0px 20px 0px; padding: 0px; font-size: 17px; text-align: justify; text-justify: inter-ideograph; line-height: 1.8; word-break: break-word; overflow-wrap: break-word; letter-spacing: 0.5px;"> 沧海 IP 凭借丰富的线路资源、强劲的技术支撑、低门槛的试用机制，成为游戏工作室、新媒体运营、企业数据采集等群体优化网络策略的实用选择，既能满足高效业务需求，又能通过安全机制降低运营风险。 </p> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 🎯 核心功能 </h2> <p style="margin: 0px 0px 20px 0px; padding: 0px; font-size: 17px; text-align: justify; text-justify: inter-ideograph; line-height: 1.8; word-break: break-word; overflow-wrap: break-word; letter-spacing: 0.5px;"> 沧海 IP 具备高匿名性（IP 纯净无标记，规避关联检测）、驱动级加速引擎（游戏优化，降延迟稳性能，支持上千款游戏）、进程级路由控制（指定程序用代理，避免业务 IP 冲突）全国 300 + 城市 IP，数万 IP 资源池实时更新，减少重复使用风险。项目独享 IP，为每个业务分配独立 IP，避免多账号因 IP 相同引发关联风险！ </p> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 🌐 广泛兼容 </h2> <p style="margin: 0px 0px 20px 0px; padding: 0px; font-size: 17px; text-align: justify; text-justify: inter-ideograph; line-height: 1.8; word-break: break-word; overflow-wrap: break-word; letter-spacing: 0.5px;"> 沧海 IP 支持 Socks5、L2TP 双协议，提供四类差异化线路 —— 静态混合 IP（20-30Mbps，部分 100Mbps，高带宽需求适配）、特价混合 IP（2-5Mbps，高性价比，基础场景适用）、原生 ISP 家宽 IP（10Mbps，模拟真实家庭网络，游戏多开防封首选）、L2TP 协议线路（软路由直连，企业级配置友好）。 </p> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 🎮 适用业务场景 </h2> <ul style="list-style-type: none;" class=" list-paddingleft-2"> <li><p style="margin: 0px; padding: 0px; font-size: 17px; line-height: 2.5;"><strong>短视频运营：</strong>抖音、小红书、西瓜、快手等业务</p></li> <li><p style="margin: 0px; padding: 0px; font-size: 17px; line-height: 2.5;"><strong>游戏工作室：</strong>手游、端游批量起号、挂机等项目</p></li> <li><p style="margin: 0px; padding: 0px; font-size: 17px; line-height: 2.5;"><strong>模拟器多开：</strong>雷电/逍遥/蓝叠/MuMu/夜神等</p></li> <li><p style="margin: 0px; padding: 0px; font-size: 17px; line-height: 2.5;"><strong>软路由设备：</strong>ROS软路由、爱快、OpenWrt等</p></li> <li><p style="margin: 0px; padding: 0px; font-size: 17px; line-height: 2.5;"><strong>电商批量运营：</strong>电商多账号运营安全管理</p></li> </ul> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 🎁 套餐和价格<span style="color: #FF0000;">（量大请联系客服）</span> </h2> <table style="width: 100%; border-collapse: collapse; border: 1px solid #ddd; margin: 0px 0px 20px 0px; font-size: 17px;"> <thead> <tr style="background: #6a11cb; color: white;" class="firstRow"> <th style="padding: 12px; border: 1px solid #ddd; text-align: center; font-weight: bold;">套餐</th> <th style="padding: 12px; border: 1px solid #ddd; text-align: center; font-weight: bold;">带宽</th> <th style="padding: 12px; border: 1px solid #ddd; text-align: center; font-weight: bold;">IP类型</th> <th style="padding: 12px; border: 1px solid #ddd; text-align: center; font-weight: bold;">价格（月卡）</th> </tr> </thead> <tbody> <!-- 新数据行 --> <tr style="background: #f9f9f9; transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">1区静态:专线独享100M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">50M-100M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">IDC机房+云服务商</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">6.00元</td> </tr> <tr style="transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">2区静态:特价5M-10M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-10M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">IDC机房+云服务商</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">3.00元</td> </tr> <tr style="background: #f9f9f9; transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">3区家宽:J带宽100M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-20M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">真实家庭住宅</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">8.00元</td> </tr> <tr style="transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">4区家宽:N节点10M-20M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-10M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">真实家庭住宅</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">6.00元</td> </tr> <tr style="background: #f9f9f9; transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5区动态:安卓APP</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-20M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">IDC机房+云服务商</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">6.00元</td> </tr> <tr style="transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">8区定制:纯独享100M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-20M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">真实家庭住宅</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">35.00元</td> </tr> <tr style="background: #f9f9f9; transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">6区静态:L2TP/PPTP</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-10M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">IDC机房+云服务商</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">10.00元</td> </tr> <tr style="transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">7区住宅:L2TP/PPTP</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-10M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">真实家庭住宅</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">10.00元</td> </tr> </tbody> </table> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 🖼️️ 后台截图<span style="color: #FF0000;">（单击可放大查看）</span> </h2> <div style="display: flex; flex-direction: column; gap: 15px; margin: 20px 0; align-items: center;"> <div style="text-align: center; cursor: pointer; width: 100%; max-width: 750px;"> <img src="https://ip001.cn/zb_users/upload/2026/02/chzs1.png" alt="后台截图1" style="width: 100%; height: auto; object-fit: contain; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #e0e0e0; transition: transform 0.3s ease;" onclick="openImageModal(this.src)"> </div> <div style="text-align: center; cursor: pointer; width: 100%; max-width: 750px;"> <img src="https://ip001.cn/zb_users/upload/2026/02/chzs2.png" alt="后台截图2" style="width: 100%; height: auto; object-fit: contain; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #e0e0e0; transition: transform 0.3s ease;" onclick="openImageModal(this.src)"> </div> <div style="text-align: center; cursor: pointer; width: 100%; max-width: 750px;"> <img src="https://ip001.cn/zb_users/upload/2026/02/chzs3.png" alt="后台截图3" style="width: 100%; height: auto; object-fit: contain; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #e0e0e0; transition: transform 0.3s ease;" onclick="openImageModal(this.src)"> </div> </div> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 📋 合规与售后保障 </h2> <p style="margin: 0px 0px 20px 0px; padding: 0px; font-size: 17px; text-align: justify; text-justify: inter-ideograph; line-height: 1.8; word-break: break-word; overflow-wrap: break-word; letter-spacing: 0.5px;"> <span style="font-size: 17px; color: #ff0000; font-weight: bold;">沧海IP平台建立实时后台日志监控系统，严禁将IP用于非法用途，违规账号将立即封禁且不予退款，确保服务合规性。</span><span style="font-size: 17px;">提供7*24小时不间断IP供应与即时响应客服，用户可联系客服申请免费测试，满意后再付款，大幅降低决策风险。</span> </p> </body> </html>Tue, 27 Jan 2026 13:31:07 +0800天行IP-独享静态SK5/L2TP-家庭住宅线路-超大带宽-海量地区可选https://ip001.cn/?id=34<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>天行IP</title> </head> <body> <div style="display: flex; flex-wrap: wrap; gap: 15px; margin: 20px 0;"> <!-- 注册/购买/登录入口按钮 - 直接跳转 --> <a href="http://www.tianxingip.com/proxy/index/index/code/29160391/p/3070.html" target="_blank" rel="noopener noreferrer" class="animated-button" style="flex: 1; min-width: 250px; display: flex; align-items: center; padding: 25px; background: linear-gradient(135deg, #4CAF50, #66BB6A); color: white; text-decoration: none; border-radius: 15px; font-weight: bold; font-size: 16px; box-shadow: 0 8px 25px rgba(76,175,80,0.4); cursor: pointer; margin: 0; position: relative; overflow: hidden; transition: all 0.3s ease;"> <div style="position: relative; width: 50px; height: 50px; background: rgba(255,255,255,0.3); border-radius: 12px; margin-right: 20px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;"> <div style="width: 24px; height: 24px; background: white; border-radius: 50%; position: relative; transition: all 0.3s ease;"> <div style="position: absolute; top: 6px; left: 11px; width: 2px; height: 12px; background: #4CAF50; transition: all 0.3s ease;"></div> </div> </div> <div style="flex: 1; position: relative; z-index: 2;"> <div style="font-size: 18px; font-weight: 700; transition: all 0.3s ease;">注册/购买/登录</div> <div style="font-size: 12px; opacity: 0.9; margin-top: 5px; transition: all 0.3s ease;">立即体验高速网络加速</div> </div> <!-- 悬停效果层 --> <div style="position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.5s ease;"></div> </a> <!-- 价格按钮 - 弹出价格列表 --> <label for="price-modal" class="animated-button" style="flex: 1; min-width: 250px; display: flex; align-items: center; padding: 25px; background: linear-gradient(135deg, #FFC107, #FFD54F); color: #2c3e50; text-decoration: none; border-radius: 15px; font-weight: bold; font-size: 16px; box-shadow: 0 8px 25px rgba(255,193,7,0.4); cursor: pointer; margin: 0; position: relative; overflow: hidden; transition: all 0.3s ease;"> <div style="position: relative; width: 50px; height: 50px; background: rgba(255,255,255,0.3); border-radius: 12px; margin-right: 20px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;"> <div style="width: 24px; height: 16px; background: #2c3e50; border-radius: 2px; position: relative; transition: all 0.3s ease;"> <div style="position: absolute; top: -8px; left: 6px; width: 12px; height: 8px; background: #2c3e50; border-radius: 2px 2px 0 0; transition: all 0.3s ease;"></div> </div> </div> <div style="flex: 1; position: relative; z-index: 2;"> <div style="font-size: 18px; font-weight: 700; transition: all 0.3s ease;">价格套餐</div> <div style="font-size: 12px; opacity: 0.8; margin-top: 5px; transition: all 0.3s ease;">¥6起/月 · 点击查看价格表</div> </div> <!-- 悬停效果层 --> <div style="position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); transition: left 0.5s ease;"></div> </label> <!-- 地区展示按钮 - 弹出地区选择组件 --> <label for="region-modal" class="animated-button" style="flex: 1; min-width: 250px; display: flex; align-items: center; padding: 25px; background: linear-gradient(135deg, #2196F3, #42A5F5); color: white; text-decoration: none; border-radius: 15px; font-weight: bold; font-size: 16px; box-shadow: 0 8px 25px rgba(33,150,243,0.4); cursor: pointer; margin: 0; position: relative; overflow: hidden; transition: all 0.3s ease;"> <div style="position: relative; width: 50px; height: 50px; background: rgba(255,255,255,0.3); border-radius: 12px; margin-right: 20px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;"> <div style="width: 20px; height: 20px; border: 2px solid white; border-radius: 50%; position: relative; transition: all 0.3s ease;"> <div style="position: absolute; top: 4px; left: 4px; width: 8px; height: 8px; background: white; border-radius: 50%; transition: all 0.3s ease;"></div> <div style="position: absolute; bottom: -2px; left: 7px; width: 2px; height: 6px; background: white; transition: all 0.3s ease;"></div> </div> </div> <div style="flex: 1; position: relative; z-index: 2;"> <div style="font-size: 18px; font-weight: 700; transition: all 0.3s ease;">地区展示</div> <div style="font-size: 12px; opacity: 0.9; margin-top: 5px; transition: all 0.3s ease;">查看全国节点覆盖情况</div> </div> <!-- 悬停效果层 --> <div style="position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.5s ease;"></div> </label> <!-- 视频教程按钮 - 直接跳转 --> <a href="https://www.bilibili.com/video/BV162jc6mE63/" target="_blank" rel="noopener noreferrer" class="animated-button" style="flex: 1; min-width: 250px; display: flex; align-items: center; padding: 25px; background: linear-gradient(135deg, #9C27B0, #AB47BC); color: white; text-decoration: none; border-radius: 15px; font-weight: bold; font-size: 16px; box-shadow: 0 8px 25px rgba(156,39,176,0.4); cursor: pointer; margin: 0; position: relative; overflow: hidden; transition: all 0.3s ease;"> <div style="position: relative; width: 50px; height: 50px; background: rgba(255,255,255,0.3); border-radius: 12px; margin-right: 20px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;"> <div style="width: 24px; height: 16px; background: white; border-radius: 4px; position: relative; transition: all 0.3s ease;"> <div style="position: absolute; top: 3px; left: 8px; width: 8px; height: 10px; border-left: 4px solid #9C27B0; border-right: 4px solid #9C27B0; transition: all 0.3s ease;"></div> </div> </div> <div style="flex: 1; position: relative; z-index: 2;"> <div style="font-size: 18px; font-weight: 700; transition: all 0.3s ease;">视频教程</div> <div style="font-size: 12px; opacity: 0.9; margin-top: 5px; transition: all 0.3s ease;">快速上手使用教程</div> </div> <!-- 悬停效果层 --> <div style="position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.5s ease;"></div> </a> </div> <!-- 模态框触发器 --> <input type="checkbox" id="price-modal" style="display: none;"> <input type="checkbox" id="region-modal" style="display: none;"> <!-- 价格模态框 --> <div id="price-modal-content" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1000; align-items: center; justify-content: center;"> <div style="background: white; padding: 30px; border-radius: 15px; max-width: 800px; width: 90%; max-height: 80vh; overflow-y: auto; position: relative;"> <label for="price-modal" style="position: absolute; top: 15px; right: 15px; font-size: 24px; cursor: pointer; color: #666;">×</label> <h3 style="color: #FF0000; text-align: center; margin-bottom: 25px; font-weight: bold;">天行IP价格套餐</h3> <table style="width: 100%; border-collapse: collapse; border: 1px solid #ddd; margin: 0px 0px 20px 0px; font-size: 17px;"> <thead> <tr style="background: #6a11cb; color: white;" class="firstRow"> <th style="padding: 12px; border: 1px solid #ddd; text-align: center; font-weight: bold;">套餐</th> <th style="padding: 12px; border: 1px solid #ddd; text-align: center; font-weight: bold;">带宽</th> <th style="padding: 12px; border: 1px solid #ddd; text-align: center; font-weight: bold;">IP类型</th> <th style="padding: 12px; border: 1px solid #ddd; text-align: center; font-weight: bold;">价格（月卡）</th> </tr> </thead> <tbody> <tr style="background: #f9f9f9; transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">长效静态IP</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">50M-100M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">IDC机房+云服务商</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">6.00元</td> </tr> <tr style="transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">家庭住宅IP（J节点）</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-20M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">真实家庭住宅</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">8.00元</td> </tr> <tr style="background: #f9f9f9; transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">家庭住宅定制IP</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-20M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">真实家庭住宅</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">35.00元</td> </tr> <tr style="transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">家庭住宅IP（N节点）</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-10M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">真实家庭住宅</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">6.00元</td> </tr> <tr style="background: #f9f9f9; transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">静态L2TP/PPTP</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-20M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">IDC机房+云服务商</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">10.00元</td> </tr> <tr style="transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">住宅L2TP/PPTP</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-20M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">真实家庭住宅</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">10.00元</td> </tr> <tr style="background: #f9f9f9; transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">安卓APP静态</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">50M-100M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">IDC机房+云服务商</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">6.00元</td> </tr> </tbody> </table> <div style="text-align: center;"> <a href="http://www.tianxingip.com/proxy/index/index/code/29160391/p/3070.html" target="_blank" style="display: inline-block; padding: 12px 30px; background: #28a745; color: white; text-decoration: none; border-radius: 8px; font-weight: bold; font-size: 16px; margin: 10px;"> 立即购买 </a> <label for="price-modal" style="display: inline-block; padding: 12px 30px; background: #6c757d; color: white; text-decoration: none; border-radius: 8px; font-weight: bold; font-size: 16px; cursor: pointer; margin: 10px;"> 关闭 </label> </div> </div> </div> <!-- 地区展示模态框 --> <div id="region-modal-content" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1000; align-items: center; justify-content: center;"> <div style="background: white; padding: 0; border-radius: 15px; max-width: 900px; width: 95%; max-height: 90vh; overflow: hidden; position: relative;"> <label for="region-modal" style="position: absolute; top: 15px; right: 15px; font-size: 24px; cursor: pointer; color: #666; z-index: 10; background: white; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center;">×</label> <!-- 地区选择组件 --> <div class="region-container" style="font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif; border: none; border-radius: 15px; background: white; margin: 0; max-width: none;"> <div class="region-header" style="padding: 20px; border-bottom: 1px solid #e8e8e8; background-color: #fafafa; border-radius: 15px 15px 0 0;"> <h3 style="font-size: 18px; font-weight: 600; color: #333; margin: 0 0 8px 0;">地区选择 - 可售节点：38325</h3> <div class="region-subtitle" style="font-size: 14px; color: #666;">输入地区名称搜索省份或城市...</div> </div> <div class="region-search" style="padding: 16px 20px; border-bottom: 1px solid #e8e8e8;"> <input type="text" placeholder="输入地区名称搜索..." id="searchInput" style="width: 100%; padding: 10px 14px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px;"> </div> <div class="region-content" style="display: flex; min-height: 400px; max-height: 500px; overflow: hidden;"> <div class="province-list" id="provinceList" style="width: 180px; border-right: 1px solid #e8e8e8; overflow-y: auto; background-color: #fafafa;"> <!-- 省份列表 --> </div> <div class="city-list" id="cityList" style="flex: 1; padding: 16px; overflow-y: auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; align-content: start;"> <div class="empty-state" style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; color: #999; font-size: 14px; padding: 20px; text-align: center; grid-column: 1 / -1;"> <div>请选择左侧省份查看城市节点</div> </div> </div> </div> </div> </div> </div> <!-- 图片放大模态框 --> <div id="image-modal" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 2000; align-items: center; justify-content: center;"> <div style="position: relative; max-width: 90%; max-height: 90%;"> <img id="modal-image" src="" alt="放大图片" style="max-width: 100%; max-height: 90vh; object-fit: contain; border-radius: 8px;"> <button onclick="closeImageModal()" style="position: absolute; top: -40px; right: 0; background: none; border: none; color: white; font-size: 30px; cursor: pointer;">×</button> </div> </div> <style> /* 重置富文本编辑器可能影响的样式 */ #price-modal-content, #region-modal-content, #image-modal { box-sizing: border-box !important; font-family: Arial, sans-serif !important; } /* 模态框显示控制 */ #price-modal:checked ~ #price-modal-content { display: flex !important; } #region-modal:checked ~ #region-modal-content { display: flex !important; } /* 按钮悬停动画效果 */ .animated-button:hover { transform: translateY(-3px) !important; box-shadow: 0 12px 30px rgba(0,0,0,0.25) !important; } .animated-button:hover > div:first-child { transform: scale(1.1) !important; } .animated-button:hover > div:first-child > div { transform: scale(1.1) !important; } .animated-button:hover > div:nth-child(2) > div:first-child { transform: translateX(5px) !important; } .animated-button:hover > div:last-child { left: 100% !important; } /* 地区选择组件样式 */ .province-item { padding: 12px 16px; border-bottom: 1px solid #f0f0f0; cursor: pointer; font-size: 14px; display: flex; justify-content: space-between; align-items: center; } .province-item:hover { background-color: #f0f7ff; } .province-item.active { background-color: #e6f7ff; border-right: 3px solid #1890ff; font-weight: 500; } .province-count { color: #999; font-size: 12px; } .city-item { padding: 10px 12px; font-size: 13px; color: #666; background-color: #f8f9fa; border-radius: 6px; border-left: 3px solid #91d5ff; } .city-item.highlight { background-color: #fff7e6; border-left-color: #ffa940; color: #d46b08; } /* 表格悬停效果 */ table tbody tr:hover { background-color: #e3f2fd !important; transform: scale(1.01); box-shadow: 0 4px 8px rgba(0,0,0,0.1); } /* 图片悬停效果 */ img[onclick*="openImageModal"] { cursor: pointer !important; transition: all 0.3s ease !important; } img[onclick*="openImageModal"]:hover { transform: scale(1.02) !important; box-shadow: 0 6px 20px rgba(0,0,0,0.2) !important; } /* 图片模态框样式优化 */ #image-modal { cursor: pointer; } #image-modal img { cursor: default; } </style> <script> // 地区数据 const regionData = [ { province: "北京市", count: 1, cities: ["北京市"] }, { province: "天津市", count: 1, cities: ["天津市"] }, { province: "河北省", count: 11, cities: ["保定市", "承德市", "邯郸市", "石家庄市", "廊坊市", "秦皇岛市", "唐山市", "沧州市", "张家口市"] }, { province: "山西省", count: 9, cities: ["太原市", "长治市", "大同市", "临汾市", "晋城市", "运城市", "阳泉市", "吕梁市", "晋中市"] }, { province: "内蒙古自治区", count: 12, cities: ["呼和浩特市", "鄂尔多斯市", "巴彦淖尔市", "乌海市", "乌兰察布市", "阿拉善市", "兴安市", "锡林郭勒市", "通辽市", "呼伦贝尔市", "包头市", "赤峰市"] }, { province: "辽宁省", count: 14, cities: ["大连市", "朝阳市", "鞍山市", "盘锦市", "本溪市", "丹东市", "阜新市", "葫芦岛市", "营口市", "铁岭市", "沈阳市", "辽阳市", "锦州市"] }, { province: "吉林省", count: 9, cities: ["长春市", "延吉市", "通化市", "四平市", "辽源市", "白城市", "松原市", "吉林市"] }, { province: "黑龙江省", count: 13, cities: ["齐齐哈尔市", "牡丹江市", "七台河市", "双鸭山市", "鸡西市", "伊春市", "黑河市", "哈尔滨市", "绥化市", "大庆市", "鹤岗市", "佳木斯市", "大兴安岭市"] }, { province: "上海市", count: 1, cities: ["上海市"] }, { province: "江苏省", count: 13, cities: ["徐州市", "南通市", "南京市", "盐城市", "扬州市", "镇江市", "连云港市", "泰州市", "无锡市", "常州市", "宿迁市", "淮安市", "苏州市"] }, { province: "浙江省", count: 11, cities: ["宁波市", "温州市", "杭州市", "嘉兴市", "台州市", "绍兴市", "金华市", "丽水市", "湖州市", "衢州市", "舟山市"] }, { province: "安徽省", count: 16, cities: ["芜湖市", "淮南市", "合肥市", "宿州市", "马鞍山市", "宣城市", "黄山市", "六安市", "阜阳市", "铜陵市", "安庆市", "蚌埠市", "亳州市", "滁州市", "淮北市", "池州市"] }, { province: "福建省", count: 9, cities: ["龙岩市", "福州市", "泉州市", "厦门市", "南平市", "宁德市", "莆田市", "三明市", "漳州市"] }, { province: "江西省", count: 11, cities: ["赣州市", "南昌市", "九江市", "抚州市", "鹰潭市", "新余市", "上饶市", "宜春市", "吉安市", "萍乡市", "景德镇市"] }, { province: "山东省", count: 16, cities: ["济南市", "青岛市", "潍坊市", "东营市", "德州市", "枣庄市", "威海市", "泰安市", "聊城市", "济宁市", "日照市", "菏泽市", "淄博市", "临沂市", "滨州市", "烟台市"] }, { province: "河南省", count: 18, cities: ["洛阳市", "济源市", "郑州市", "安阳市", "焦作市", "商丘市", "驻马店市", "南阳市", "漯河市", "许昌市", "信阳市", "三门峡市", "平顶山市", "鹤壁市", "新乡市", "濮阳市", "周口市", "开封市"] }, { province: "湖北省", count: 13, cities: ["武汉市", "襄阳市", "宜昌市", "十堰市", "咸宁市", "恩施市", "随州市", "黄冈市", "荆州市", "荆门市", "鄂州市", "孝感市", "黄石市"] }, { province: "湖南省", count: 14, cities: ["郴州市", "长沙市", "常德市", "衡阳市", "张家界市", "株洲市", "娄底市", "怀化市", "邵阳市", "岳阳市", "永州市", "益阳市", "湘潭市", "湘西市"] }, { province: "广东省", count: 21, cities: ["广州市", "佛山市", "汕头市", "茂名市", "汕尾市", "韶关市", "江门市", "珠海市", "惠州市", "河源市", "中山市", "阳江市", "云浮市", "清远市", "东莞市", "潮州市", "肇庆市", "揭阳市", "深圳市", "湛江市", "梅州市"] }, { province: "广西壮族自治区", count: 14, cities: ["桂林市", "南宁市", "柳州市", "玉林市", "北海市", "贵港市", "梧州市", "钦州市", "贺州市", "防城港市", "百色市", "河池市", "来宾市", "崇左市"] }, { province: "海南省", count: 1, cities: ["海口市"] }, { province: "重庆市", count: 1, cities: ["重庆市"] }, { province: "四川省", count: 18, cities: ["南充市", "乐山市", "绵阳市", "成都市", "达州市", "广元市", "雅安市", "德阳市", "宜宾市", "泸州市", "遂宁市", "内江市", "眉山市", "广安市", "资阳市", "巴中市", "自贡市", "攀枝花市"] }, { province: "贵州省", count: 6, cities: ["贵阳市", "毕节市", "六盘水市", "遵义市", "安顺市", "铜仁市"] }, { province: "云南省", count: 8, cities: ["昆明市", "大理市", "普洱市", "曲靖市", "西双版纳市", "玉溪市", "昭通市", "丽江市"] }, { province: "西藏自治区", count: 2, cities: ["林芝市", "拉萨市"] }, { province: "陕西省", count: 10, cities: ["铜川市", "咸阳市", "西安市", "渭南市", "延安市", "宝鸡市", "榆林市", "汉中市", "安康市", "商洛市"] }, { province: "甘肃省", count: 12, cities: ["兰州市", "嘉峪关市", "庆阳市", "张掖市", "白银市", "酒泉市", "平凉市", "武威市", "定西市", "天水市", "陇南市", "金昌市"] }, { province: "青海省", count: 1, cities: ["西宁市"] }, { province: "宁夏回族自治区", count: 5, cities: ["中卫市", "银川市", "吴忠市", "固原市", "石嘴山市"] }, { province: "新疆维吾尔自治区", count: 10, cities: ["乌鲁木齐市", "昌吉市", "巴州市", "石河子市", "和田市", "哈密市", "克拉玛依市", "克孜勒苏市", "阿克苏市", "喀什市"] } ]; let currentProvince = null; // 初始化省份列表 function initProvinceList() { const provinceList = document.getElementById('provinceList'); provinceList.innerHTML = ''; regionData.forEach((region, index) => { const provinceElement = document.createElement('div'); provinceElement.className = 'province-item'; if (index === 0) { provinceElement.classList.add('active'); currentProvince = region; } provinceElement.innerHTML = ` <span>${region.province}</span> <span class="province-count">${region.count}</span> `; provinceElement.addEventListener('click', function() { document.querySelectorAll('.province-item').forEach(item => { item.classList.remove('active'); }); this.classList.add('active'); currentProvince = region; showCities(region.cities); }); provinceList.appendChild(provinceElement); }); if (regionData.length > 0) { showCities(regionData[0].cities); } } // 显示城市列表 function showCities(cities, searchText = '') { const cityList = document.getElementById('cityList'); if (!cities || cities.length === 0) { cityList.innerHTML = '<div class="empty-state">该省份暂无城市节点</div>'; return; } let filteredCities = cities; if (searchText) { filteredCities = cities.filter(city => city.toLowerCase().includes(searchText.toLowerCase()) ); } if (filteredCities.length === 0) { cityList.innerHTML = `<div class="empty-state">没有匹配"${searchText}"的城市</div>`; return; } cityList.innerHTML = filteredCities.map(city => { const isHighlight = searchText && city.toLowerCase().includes(searchText.toLowerCase()); return `<div class="city-item ${isHighlight ? 'highlight' : ''}">${city}</div>`; }).join(''); } // 搜索功能 function initSearch() { const searchInput = document.getElementById('searchInput'); if (searchInput) { searchInput.addEventListener('input', function(e) { const searchText = e.target.value.toLowerCase().trim(); if (searchText === '') { // 恢复所有省份显示 document.querySelectorAll('.province-item').forEach(item => { item.style.display = 'flex'; }); // 显示当前选中省份的所有城市 if (currentProvince) { showCities(currentProvince.cities); } return; } // 搜索逻辑 let foundAnyMatch = false; let firstMatchedProvince = null; // 先检查所有省份 document.querySelectorAll('.province-item').forEach(item => { const provinceName = item.querySelector('span').textContent; const province = regionData.find(r => r.province === provinceName); const provinceMatch = provinceName.toLowerCase().includes(searchText); const hasMatchingCity = province.cities.some(city => city.toLowerCase().includes(searchText) ); if (provinceMatch || hasMatchingCity) { item.style.display = 'flex'; foundAnyMatch = true; if (!firstMatchedProvince && (provinceMatch || hasMatchingCity)) { firstMatchedProvince = province; } // 如果是省份匹配，自动选中 if (provinceMatch) { document.querySelectorAll('.province-item').forEach(i => i.classList.remove('active')); item.classList.add('active'); currentProvince = province; showCities(province.cities, searchText); } } else { item.style.display = 'none'; } }); // 处理城市匹配的情况 if (!foundAnyMatch) { document.getElementById('cityList').innerHTML = `<div class="empty-state">未找到匹配"${searchText}"的省份或城市</div>`; } else if (firstMatchedProvince && !currentProvince.province.toLowerCase().includes(searchText)) { // 如果有城市匹配但当前省份不匹配，显示第一个匹配省份的城市 document.querySelectorAll('.province-item').forEach(item => { if (item.querySelector('span').textContent === firstMatchedProvince.province) { item.classList.add('active'); currentProvince = firstMatchedProvince; showCities(firstMatchedProvince.cities, searchText); } else { item.classList.remove('active'); } }); } }); } } // 打开图片模态框 function openImageModal(src) { document.getElementById('modal-image').src = src; document.getElementById('image-modal').style.display = 'flex'; document.body.style.overflow = 'hidden'; } // 关闭图片模态框 function closeImageModal() { document.getElementById('image-modal').style.display = 'none'; document.body.style.overflow = 'auto'; } // 初始化 function initAll() { // 初始化地区选择组件 initProvinceList(); initSearch(); // 初始化图片模态框 const imageModal = document.getElementById('image-modal'); if (imageModal) { // 点击模态框背景关闭 imageModal.addEventListener('click', function(e) { closeImageModal(); }); // ESC键关闭模态框 document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { closeImageModal(); } }); // 单击图片关闭模态框 const modalImage = document.getElementById('modal-image'); if (modalImage) { modalImage.addEventListener('click', function(e) { closeImageModal(); e.stopPropagation(); }); } } // 添加图片悬停效果 document.querySelectorAll('img[onclick]').forEach(img => { img.addEventListener('mouseenter', function() { this.style.transform = 'scale(1.02)'; }); img.addEventListener('mouseleave', function() { this.style.transform = 'scale(1)'; }); }); } // 页面加载完成后初始化 if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initAll); } else { initAll(); } </script> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 🚀 天行IP：高匿稳定的多场景代理IP服务专家 </h2> <p style="margin: 0px 0px 20px 0px; padding: 0px; font-size: 17px; text-align: justify; text-justify: inter-ideograph; line-height: 1.8; word-break: break-word; overflow-wrap: break-word; letter-spacing: 0.5px;"> 长效静态节点｜家庭住宅节点｜全国300+城市｜项目独享使用｜节点自由切换 </p> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 🎯 核心功能 </h2> <p style="margin: 0px 0px 20px 0px; padding: 0px; font-size: 17px; text-align: justify; text-justify: inter-ideograph; line-height: 1.8; word-break: break-word; overflow-wrap: break-word; letter-spacing: 0.5px;"> 平台全面支持HTTP、SOCKS5等主流代理协议，其中SOCKS5协议可实现UDP转发，确保手游加速、语音通话等场景的流畅体验。采用驱动级代理方式与多重加密技术，既能保障软件长时间稳定运行，又能有效保护数据传输安全。同时提供API一键提取功能，适配自动化部署需求。 </p> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 🌐 广泛兼容 </h2> <p style="margin: 0px 0px 20px 0px; padding: 0px; font-size: 17px; text-align: justify; text-justify: inter-ideograph; line-height: 1.8; word-break: break-word; overflow-wrap: break-word; letter-spacing: 0.5px;"> 依托三网原生IP资源（电信、联通、移动）与智能节点调度系统，天行IP实现 99.99% 的可用率，即便在大流量场景下出现限速，更换节点即可快速恢复。兼容性覆盖 Win7/10/11、虚拟机及安卓手机、云手机、软路由等设备，支持老鱼、sstap、Kitsunebi 等主流代理工具，适配千款游戏与各类应用场景。 </p> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 🎮 适用业务场景 </h2> <ul style="list-style-type: none;" class=" list-paddingleft-2"> <li> <p style="margin: 0px; padding: 0px; font-size: 17px; line-height: 2.5;"> <strong style="margin: 0px; padding: 0px;">短视频运营：</strong>抖音、小红书、西瓜、快手等业务 </p> </li> <li> <p style="margin: 0px; padding: 0px; font-size: 17px; line-height: 2.5;"> <strong style="margin: 0px; padding: 0px;">游戏工作室：</strong>手游、端游批量起号、挂机等项目 </p> </li> <li> <p style="margin: 0px; padding: 0px; font-size: 17px; line-height: 2.5;"> <strong style="margin: 0px; padding: 0px;">模拟器多开：</strong>雷电/逍遥/蓝叠/MuMu/夜神等 </p> </li> <li> <p style="margin: 0px; padding: 0px; font-size: 17px; line-height: 2.5;"> <strong style="margin: 0px; padding: 0px;">软路由设备：</strong>ROS软路由、爱快、OpenWrt等 </p> </li> <li> <p style="margin: 0px; padding: 0px; font-size: 17px; line-height: 2.5;"> <strong style="margin: 0px; padding: 0px;">电商批量运营：</strong>电商多账号运营安全管理 </p> </li> </ul> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 🎁 套餐和价格<span style="color: #FF0000;">（量大请联系客服）</span> </h2> <table style="width: 100%; border-collapse: collapse; border: 1px solid #ddd; margin: 0px 0px 20px 0px; font-size: 17px;"> <thead> <tr style="background: #6a11cb; color: white;" class="firstRow"> <th style="padding: 12px; border: 1px solid #ddd; text-align: center; font-weight: bold;">套餐</th> <th style="padding: 12px; border: 1px solid #ddd; text-align: center; font-weight: bold;">带宽</th> <th style="padding: 12px; border: 1px solid #ddd; text-align: center; font-weight: bold;">IP类型</th> <th style="padding: 12px; border: 1px solid #ddd; text-align: center; font-weight: bold;">价格（月卡）</th> </tr> </thead> <tbody> <tr style="background: #f9f9f9; transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">长效静态IP</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">50M-100M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">IDC机房+云服务商</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">6.00元</td> </tr> <tr style="transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">家庭住宅IP（J节点）</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-20M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">真实家庭住宅</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">8.00元</td> </tr> <tr style="background: #f9f9f9; transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">家庭住宅定制IP</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-20M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">真实家庭住宅</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">35.00元</td> </tr> <tr style="transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">家庭住宅IP（N节点）</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-10M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">真实家庭住宅</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">6.00元</td> </tr> <tr style="background: #f9f9f9; transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">静态L2TP/PPTP</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-20M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">IDC机房+云服务商</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">10.00元</td> </tr> <tr style="transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">住宅L2TP/PPTP</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">5M-20M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">真实家庭住宅</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">10.00元</td> </tr> <tr style="background: #f9f9f9; transition: all 0.3s ease;"> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">安卓APP静态</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">50M-100M</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center;">IDC机房+云服务商</td> <td style="padding: 12px; border: 1px solid #ddd; text-align: center; color: #FF0000; font-weight: bold;">6.00元</td> </tr> </tbody> </table> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 🖼️️ 后台截图<span style="color: #FF0000;">（点击图片可放大查看）</span> </h2> <div style="display: flex; flex-direction: column; gap: 15px; margin: 20px 0; align-items: center;"> <div style="text-align: center; cursor: pointer; width: 100%; max-width: 750px;"> <img src="https://ip001.cn/zb_users/upload/2026/02/txjs1.png" alt="后台截图1" style="width: 100%; height: auto; object-fit: contain; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #e0e0e0; transition: transform 0.3s ease;" onclick="openImageModal(this.src)"> </div> <div style="text-align: center; cursor: pointer; width: 100%; max-width: 750px;"> <img src="https://ip001.cn/zb_users/upload/2026/02/txjs2.png" alt="后台截图2" style="width: 100%; height: auto; object-fit: contain; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #e0e0e0; transition: transform 0.3s ease;" onclick="openImageModal(this.src)"> </div> <div style="text-align: center; cursor: pointer; width: 100%; max-width: 750px;"> <img src="https://ip001.cn/zb_users/upload/2026/02/txjs3.png" alt="后台截图3" style="width: 100%; height: auto; object-fit: contain; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #e0e0e0; transition: transform 0.3s ease;" onclick="openImageModal(this.src)"> </div> </div> <h2 style="font-size: 18px; font-weight: 600; margin: 15px 0px 10px; padding: 8px 0px 8px 12px; border-left: 4px solid rgb(106, 17, 203); background-color: rgba(0, 0, 0, 0.02); color: rgb(44, 62, 80);"> 📋 合规与售后保障 </h2> <p style="margin: 0px 0px 20px 0px; padding: 0px; font-size: 17px; text-align: justify; text-justify: inter-ideograph; line-height: 1.8; word-break: break-word; overflow-wrap: break-word; letter-spacing: 0.5px;"> <span style="font-size: 17px; color: #ff0000; font-weight: bold;">天行IP平台建立实时后台日志监控系统，严禁将IP用于非法用途，违规账号将立即封禁且不予退款，确保服务合规性。</span><span style="font-size: 17px;">提供7*24小时不间断IP供应与即时响应客服，用户可联系客服申请免费测试，满意后再付款，大幅降低决策风险。</span> </p> </body> </html>Mon, 26 Jan 2026 15:06:07 +0800