名扬IT-国内动态/静态单窗口单IP-ROS软路由-工作室软路由IPhttps://03qun.com/静态独享IP，工作室网络环境搭建！极致IP-使用教程https://03qun.com/?id=53<!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> /* ===== CSS 变量 ===== */ :root { --blue-start: #4facfe; --blue-end: #00f2fe; --purple-start: #667eea; --purple-end: #764ba2; --green-start: #00b09b; --green-end: #96c93d; --pink-start: #f093fb; --pink-end: #f5576c; --orange-start: #f6d365; --orange-end: #fda085; --shadow: 0 3px 12px rgba(0, 0, 0, 0.06); --radius: 8px; --bg-body: #f4f6f9; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background: var(--bg-body); padding: 20px 10px; } .container { width: 100%; max-width: 800px; margin: 0 auto; border-radius: 12px; } /* ===== 模块标题 ===== */ .module-header { padding: 8px 0 8px 16px; border-radius: var(--radius); margin-bottom: 12px; display: flex; align-items: center; } .module-header h2 { font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); } .module-header .icon { font-size: 20px; margin-right: 5px; } .module-header .btn-link { 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 !important; } .module-header .btn-link:hover { transform: none !important; box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3) !important; background: linear-gradient(45deg, #ff6b6b, #ff8e8e) !important; } /* 标题与卡片间距（仅实名和合规特殊加宽） */ .spaced-header { margin-bottom: 20px; } /* ===== 内容卡片 ===== */ .card { background: #f8f9fa; padding: 18px; border-radius: var(--radius); border: 1px solid #e9ecef; position: relative; } .card p { font-size: 1rem; color: #555; line-height: 1.8; margin-bottom: 10px; } .card p:last-child { margin-bottom: 0; } .card-white { background: white; padding: 12px; border-radius: var(--radius); box-shadow: var(--shadow); border: 1px solid #e0e0e0; text-align: center; margin-top: 12px; } .card-white img { max-width: 100%; border-radius: 6px; border: 1px solid #dee2e6; cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease; } .card-white img:hover { transform: scale(1.015); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); } /* ===== 高亮关键词颜色 ===== */ .hl-blue { color: #1890ff; font-weight: 700; } .hl-green { color: #28a745; font-weight: 700; } .hl-orange { color: #e67e00; font-weight: 700; } .hl-purple { color: #722ed1; font-weight: 700; } .hl-red { color: #d32f2f; font-weight: 700; } .hl-pink { color: #eb2f96; font-weight: 700; } .hl-teal { color: #00897b; font-weight: 700; } .tag-red { 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); } /* ===== 提示框 ===== */ .note-yellow { margin-top: 10px; padding: 12px; background: #fff8e1; border-radius: 6px; border-left: 4px solid #ffc107; } .note-yellow p { margin: 0; font-size: 0.95rem; color: #856404; line-height: 1.6; } .note-red { margin-top: 10px; padding: 12px; background: #fff5f5; border-radius: 6px; border-left: 4px solid #e63946; } .note-red p { margin: 0; font-size: 0.95rem; color: #b71c1c; line-height: 1.6; font-weight: 600; } .note-orange { padding: 12px 16px; background: #fff8e1; border-radius: 6px; border-left: 4px solid #ff9800; margin-bottom: 16px; } .note-orange p { margin: 0; font-size: 0.95rem; color: #856404; line-height: 1.6; } .highlight-blue { color: #1890ff; font-weight: 600; } .highlight-red { color: #e63946; font-weight: 600; } /* ===== 价格表格 ===== */ .price-table-wrap { overflow-x: auto; margin: 12px 0 16px 0; } .price-table-wrap table { width: 100%; border-collapse: collapse; border: 1px solid #ddd; font-size: 0.95rem; table-layout: fixed; } .price-table-wrap table thead tr { background: linear-gradient(135deg, var(--blue-start), var(--blue-end)); } .price-table-wrap table th { background: transparent; color: white; padding: 10px 12px; border: 1px solid #ddd; text-align: center; font-weight: 700; } .price-table-wrap table td { padding: 10px 12px; border: 1px solid #ddd; text-align: center; word-break: break-word; } .price-table-wrap table tbody tr:nth-child(even) { background: #f9f9f9; } .price-table-wrap table tbody tr:hover { background: #e3f2fd !important; } /* 固定列宽比例，两个表格完全对齐 */ .price-table-wrap table colgroup .col-name { width: 28%; } .price-table-wrap table colgroup .col-bandwidth { width: 18%; } .price-table-wrap table colgroup .col-switch { width: 30%; } .price-table-wrap table colgroup .col-price { width: 24%; } .price-red { color: #FF0000; font-weight: 700; } /* ===== 合规卡片 ===== */ .compliance-card { padding: 18px; border-radius: var(--radius); margin-bottom: 16px; position: relative; } .compliance-card .label { position: absolute; top: -10px; left: 20px; color: white; padding: 4px 16px; border-radius: 18px; font-size: 0.875rem; font-weight: 600; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); } .compliance-card p { margin: 20px 0 0 0; font-size: 0.95rem; line-height: 1.5; font-weight: 600; } .compliance-red { background: linear-gradient(145deg, #fff5f5, #ffe6e6); border: 1px solid #ffcccc; } .compliance-red .label { background: #e63946; } .compliance-red p { color: #b71c1c; } .compliance-blue { background: linear-gradient(145deg, #f0f9ff, #e6f7ff); border: 1px solid #cce7ff; } .compliance-blue .label { background: #1890ff; } .compliance-blue p { color: #0056b3; } /* ===== 图片模态框 ===== */ #image-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.92); z-index: 9999; align-items: center; justify-content: center; cursor: pointer; } #image-modal img { 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; } #image-modal .close-btn { position: absolute; top: 18px; right: 24px; color: white; font-size: 32px; cursor: pointer; font-weight: 300; opacity: 0.6; transition: opacity 0.2s; z-index: 10000; } #image-modal .close-btn:hover { opacity: 1; } @media (max-width: 600px) { .module-header .btn-link { font-size: 0.8rem; padding: 6px 14px; } .price-table-wrap table { font-size: 0.85rem; min-width: 480px; } .price-table-wrap table th, .price-table-wrap table td { padding: 6px 8px; } } </style> </head> <body> <div class="container"> <!-- ============================================================ --> <!-- 1. 账号注册 --> <!-- ============================================================ --> <div style="margin-bottom: 25px;"> <div class="module-header" style="background: linear-gradient(135deg, var(--purple-start), var(--purple-end));"> <span class="icon">📋</span> <h2>账号注册</h2> <a href="https://u.jzipdl.com/users/register?invitation_code=53ZsOvV5" target="_blank" rel="noopener noreferrer" class="btn-link">点击注册极致账号</a> </div> <div class="card"> <p>打开注册页面，按提示设置 <span class="hl-blue">用户名</span>、<span class="hl-purple">登录密码</span>、<span class="hl-orange">手机号</span>，获取并填写 <span class="hl-red">验证码</span>，确认信息无误后点击 <span class="hl-green">提交注册</span>。</p> <p>邀请码：<span style="color:#e63946;background:#ffeaea;padding:2px 12px;border-radius:4px;border:1px solid #ffcccc;font-weight:700;">53ZsOvV5</span></p> <div class="note-yellow"> <p><strong>注：</strong>请务必牢记您的 <span class="hl-purple">用户名</span> 和 <span class="hl-blue">密码</span>，后续登录均需使用。</p> </div> </div> <div class="card-white"> <img class="tutorial-img" src="https://03qun.com/zb_users/upload/2026/08/jzjc1.png" alt="注册页面截图" onclick="openImageModal(this.src)"> </div> </div> <!-- ============================================================ --> <!-- 2. 实名认证 --> <!-- ============================================================ --> <div style="margin-bottom: 25px;"> <div class="module-header spaced-header" style="background: linear-gradient(135deg, var(--green-start), var(--green-end));"> <span class="icon">👤</span> <h2>实名认证</h2> </div> <div class="card"> <span class="tag-red">⚠️ 必须完成，仅需一次</span> <p style="margin-top: 20px;">使用刚注册的账号登录 <span class="hl-blue">极致IP后台</span>。</p> <p>登录成功后，会直接弹出 <span class="hl-purple">实名认证</span> 界面。</p> <p>按照页面要求提交真实身份信息（<span class="hl-red">姓名</span>、<span class="hl-teal">身份证号</span>），完成认证。</p> <div class="note-red"> <p>🚨 重要：未完成实名认证将无法购买任何节点，请务必先完成此步骤。</p> </div> </div> <div class="card-white"> <img class="tutorial-img" src="https://03qun.com/zb_users/upload/2026/08/jzjc2.png" alt="实名认证页面截图" onclick="openImageModal(this.src)"> </div> </div> <!-- ============================================================ --> <!-- 3. 套餐购买 --> <!-- ============================================================ --> <div style="margin-bottom: 25px;"> <div class="module-header" style="background: linear-gradient(135deg, var(--blue-start), var(--blue-end));"> <span class="icon">🛒</span> <h2>套餐购买</h2> </div> <div class="card"> <p>极致平台提供多种套餐可选，支持提取 <strong>SK5</strong> 和 <strong>L2TP</strong> 线路。</p> <div class="note-orange"> <p><strong>注意：</strong>暂不支持自助开通，需要找<span class="highlight-red">上级代理</span>开通。开通后线路直接到对应的套餐里面，提取使用即可。<span style="color:#d32f2f;font-weight:700;">量大客户请联系客服享受折扣优惠！</span></p> </div> <!-- SK5套餐 --> <div class="price-table-wrap"> <table> <colgroup> <col class="col-name"> <col class="col-bandwidth"> <col class="col-switch"> <col class="col-price"> </colgroup> <thead> <tr><th>SK5套餐</th><th>带宽</th><th>节点切换次数/天</th><th>价格（月卡）</th></tr> </thead> <tbody> <tr><td>SD02-独享2M</td><td>2M</td><td>20次/天</td><td class="price-red">12.00元</td></tr> <tr><td>SD03-独享5M</td><td>5M</td><td>20次/天</td><td class="price-red">15.00元</td></tr> </tbody> </table> </div> <!-- L2TP/PPTP套餐 --> <div class="price-table-wrap"> <table> <colgroup> <col class="col-name"> <col class="col-bandwidth"> <col class="col-switch"> <col class="col-price"> </colgroup> <thead> <tr><th>L2TP/PPTP套餐</th><th>带宽</th><th>节点切换次数/天</th><th>价格（月卡）</th></tr> </thead> <tbody> <tr><td>PD02-独享2M</td><td>2M</td><td>20次/天</td><td class="price-red">15.00元</td></tr> <tr><td>PD03-独享5M</td><td>5M</td><td>20次/天</td><td class="price-red">18.00元</td></tr> </tbody> </table> </div> </div> </div> <!-- ============================================================ --> <!-- 4. 节点导出 --> <!-- ============================================================ --> <div style="margin-bottom: 25px;"> <div class="module-header" style="background: linear-gradient(135deg, #a8edea, #fed6e3);"> <span class="icon">🌐</span> <h2 style="color:#2d3748;text-shadow:0 2px 4px rgba(0,0,0,0.08);">节点导出</h2> </div> <div class="card"> <p>在极致用户后台，<span class="hl-blue">订单</span> 里面找到需要导出的套餐节点（<span class="hl-purple">SK5线路</span> 或 <span class="hl-pink">PPTP/L2TP线路</span>）。</p> <p>勾选需要导出的节点，点击 <span class="hl-blue">“批量提取”</span>。</p> <p>点击 <span class="hl-red">“一键复制”</span> 或 <span class="hl-orange">“下载”</span>，直接复制即可使用。</p> </div> <div class="card-white"> <img class="tutorial-img" src="https://03qun.com/zb_users/upload/2026/08/jzjc3.png" alt="节点导出页面截图" onclick="openImageModal(this.src)"> </div> </div> <!-- ============================================================ --> <!-- 5. 节点更换 --> <!-- ============================================================ --> <div style="margin-bottom: 25px;"> <div class="module-header" style="background: linear-gradient(135deg, var(--orange-start), var(--orange-end));"> <span class="icon">🔄</span> <h2>节点更换</h2> </div> <div class="card"> <p>如需对已购线路进行管理调换，点击对应的套餐（<span class="hl-purple">SK5线路</span> 或 <span class="hl-pink">PPTP/L2TP线路</span>）。</p> <div style="padding: 12px 16px; background: white; border-radius: 6px; border-left: 4px solid #28a745; box-shadow: 0 2px 6px rgba(0,0,0,0.04); margin-bottom: 10px;"> <p style="margin:0;font-size:0.95rem;color:#333;line-height:1.6;"><strong style="color:#28a745;">批量操作：</strong>勾选多条线路后，点击 <span class="highlight-blue">“批量切换”</span>，确认切换。切换方式可选择 <span class="highlight-blue">“同城切换”</span> 或 <span class="highlight-blue">“批量切换”</span>，选择对应的省份、城市、运营商，不选择则在全国范围内随机切换城市。</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>若只需要调整某一条线路，可在该线路右侧的功能按钮中点击 <span class="highlight-blue">“切换”</span>，选择需要切换的省份和地区。</p> </div> </div> <div class="card-white"> <img class="tutorial-img" src="https://03qun.com/zb_users/upload/2026/08/jzjc4.png" alt="节点更换页面截图" onclick="openImageModal(this.src)"> </div> </div> <!-- ============================================================ --> <!-- 6. 节点暂停 --> <!-- ============================================================ --> <div style="margin-bottom: 25px;"> <div class="module-header" style="background: linear-gradient(135deg, var(--purple-start), var(--purple-end));"> <span class="icon">⏸️</span> <h2>节点暂停</h2> </div> <div class="card"> <p>点击 <span class="highlight-blue">“订单”</span>，进入 <span class="highlight-blue">“主订单”</span>，找到需要暂停的订单。</p> <p>点击 <span class="highlight-blue">“暂停计费”</span> 即可。</p> <div class="note-yellow"> <p><strong>注意：</strong>每暂停一次，整个订单时间将<span class="highlight-red">扣除2天</span>时间，点击确定即可生效。</p> </div> </div> <div class="card-white"> <img class="tutorial-img" src="https://03qun.com/zb_users/upload/2026/08/jzjc5.png" alt="节点暂停页面截图" onclick="openImageModal(this.src)"> </div> </div> <!-- ============================================================ --> <!-- 7. 合规与售后保障 --> <!-- ============================================================ --> <div style="margin-bottom: 0;"> <div class="module-header spaced-header" style="background: linear-gradient(135deg, #30cfd0, #330867);"> <span class="icon">🔔</span> <h2>合规与售后保障</h2> </div> <div class="compliance-card compliance-red"> <span class="label">合规声明</span> <p>⚠️ 极致IP平台建立实时后台日志监控系统，严禁将IP用于非法用途。违规账号将立即封禁且不予退款，请严格遵守法律法规及平台使用协议。</p> </div> <div class="compliance-card compliance-blue"> <span class="label">售后保障</span> <p>✅ 提供7×24小时不间断IP供应与即时响应客服。用户可联系客服申请免费测试，满意后再付款，大幅降低决策风险。</p> </div> </div> </div> <!-- ===== 图片模态框 ===== --> <div id="image-modal" onclick="closeImageModal()"> <span class="close-btn" onclick="event.stopPropagation(); closeImageModal();">✕</span> <img id="modal-image" src="" alt="放大图片" onclick="event.stopPropagation(); closeImageModal();"> </div> <!-- ============================================================ --> <!-- JavaScript --> <!-- ============================================================ --> <script> 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'; } document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeImageModal(); }); document.addEventListener('DOMContentLoaded', function() { var lastTouchEnd = 0; document.addEventListener('touchend', function(e) { var now = Date.now(); if (now - lastTouchEnd <= 300) e.preventDefault(); lastTouchEnd = now; }, false); }); </script> </body> </html>Fri, 07 Aug 2026 10:58:41 +0800优众IP-购买教程https://03qun.com/?id=52<!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> /* ===== CSS 变量 ===== */ :root { --blue-start: #4facfe; --blue-end: #00f2fe; --purple-start: #667eea; --purple-end: #764ba2; --green-start: #00b09b; --green-end: #96c93d; --pink-start: #f093fb; --pink-end: #f5576c; --orange-start: #f6d365; --orange-end: #fda085; --shadow: 0 3px 12px rgba(0, 0, 0, 0.06); --radius: 8px; --bg-body: #f4f6f9; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background: var(--bg-body); padding: 20px 10px; } .container { width: 100%; max-width: 800px; margin: 0 auto; border-radius: 12px; } /* ===== 模块标题 ===== */ .module-header { padding: 8px 0 8px 16px; border-radius: var(--radius); margin-bottom: 12px; display: flex; align-items: center; } .module-header h2 { font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); } .module-header .icon { font-size: 20px; margin-right: 5px; } .module-header .btn-link { 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 !important; } .module-header .btn-link:hover { transform: none !important; box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3) !important; background: linear-gradient(45deg, #ff6b6b, #ff8e8e) !important; } /* 标题与卡片间距（仅实名和合规特殊加宽） */ .spaced-header { margin-bottom: 20px; } /* ===== 内容卡片 ===== */ .card { background: #f8f9fa; padding: 18px; border-radius: var(--radius); border: 1px solid #e9ecef; position: relative; } .card p { font-size: 1rem; color: #555; line-height: 1.8; margin-bottom: 10px; } .card p:last-child { margin-bottom: 0; } .card-white { background: white; padding: 12px; border-radius: var(--radius); box-shadow: var(--shadow); border: 1px solid #e0e0e0; text-align: center; margin-top: 12px; } .card-white img { max-width: 100%; border-radius: 6px; border: 1px solid #dee2e6; cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease; } .card-white img:hover { transform: scale(1.015); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); } /* ===== 高亮关键词颜色 ===== */ .hl-blue { color: #1890ff; font-weight: 700; } .hl-green { color: #28a745; font-weight: 700; } .hl-orange { color: #e67e00; font-weight: 700; } .hl-purple { color: #722ed1; font-weight: 700; } .hl-red { color: #d32f2f; font-weight: 700; } .hl-pink { color: #eb2f96; font-weight: 700; } .hl-teal { color: #00897b; font-weight: 700; } .tag-red { 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); } /* ===== 提示框 ===== */ .note-yellow { margin-top: 10px; padding: 12px; background: #fff8e1; border-radius: 6px; border-left: 4px solid #ffc107; } .note-yellow p { margin: 0; font-size: 0.95rem; color: #856404; line-height: 1.6; } .note-red { margin-top: 10px; padding: 12px; background: #fff5f5; border-radius: 6px; border-left: 4px solid #e63946; } .note-red p { margin: 0; font-size: 0.95rem; color: #b71c1c; line-height: 1.6; font-weight: 600; } .note-orange { padding: 12px 16px; background: #fff8e1; border-radius: 6px; border-left: 4px solid #ff9800; margin-bottom: 16px; } .note-orange p { margin: 0; font-size: 0.95rem; color: #856404; line-height: 1.6; } .highlight-blue { color: #1890ff; font-weight: 600; } .highlight-red { color: #e63946; font-weight: 600; } /* ===== 合规卡片 ===== */ .compliance-card { padding: 18px; border-radius: var(--radius); margin-bottom: 16px; position: relative; } .compliance-card .label { position: absolute; top: -10px; left: 20px; color: white; padding: 4px 16px; border-radius: 18px; font-size: 0.875rem; font-weight: 600; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); } .compliance-card p { margin: 20px 0 0 0; font-size: 0.95rem; line-height: 1.5; font-weight: 600; } .compliance-red { background: linear-gradient(145deg, #fff5f5, #ffe6e6); border: 1px solid #ffcccc; } .compliance-red .label { background: #e63946; } .compliance-red p { color: #b71c1c; } .compliance-blue { background: linear-gradient(145deg, #f0f9ff, #e6f7ff); border: 1px solid #cce7ff; } .compliance-blue .label { background: #1890ff; } .compliance-blue p { color: #0056b3; } /* ===== 图片模态框 ===== */ #image-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.92); z-index: 9999; align-items: center; justify-content: center; cursor: pointer; } #image-modal img { 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; } #image-modal .close-btn { position: absolute; top: 18px; right: 24px; color: white; font-size: 32px; cursor: pointer; font-weight: 300; opacity: 0.6; transition: opacity 0.2s; z-index: 10000; } #image-modal .close-btn:hover { opacity: 1; } @media (max-width: 600px) { .module-header .btn-link { font-size: 0.8rem; padding: 6px 14px; } } </style> </head> <body> <div class="container"> <!-- ============================================================ --> <!-- 1. 账号注册 --> <!-- ============================================================ --> <div style="margin-bottom: 25px;"> <div class="module-header" style="background: linear-gradient(135deg, var(--purple-start), var(--purple-end));"> <span class="icon">📋</span> <h2>账号注册</h2> <a href="https://sk5ip.cn/views/login.html#?promotionCode=D5107BF8A75143BB8C2E2F84BDE9E25E" target="_blank" rel="noopener noreferrer" class="btn-link">点击注册优众账号</a> </div> <div class="card"> <p>打开注册页面，按提示设置 <span class="hl-blue">用户名</span>、<span class="hl-purple">登录密码</span>、<span class="hl-orange">手机号</span>，获取并填写 <span class="hl-red">验证码</span>，确认信息无误后点击 <span class="hl-green">提交注册</span>。</p> <div class="note-yellow"> <p><strong>注：</strong>请务必牢记您的 <span class="hl-purple">用户名</span> 和 <span class="hl-blue">密码</span>，后续登录均需使用。</p> </div> </div> <div class="card-white"> <img class="tutorial-img" src="https://03qun.com/zb_users/upload/2026/08/yzjc1.png" alt="注册页面截图" onclick="openImageModal(this.src)"> </div> </div> <!-- ============================================================ --> <!-- 2. 实名认证 --> <!-- ============================================================ --> <div style="margin-bottom: 25px;"> <div class="module-header spaced-header" style="background: linear-gradient(135deg, var(--green-start), var(--green-end));"> <span class="icon">👤</span> <h2>实名认证</h2> </div> <div class="card"> <span class="tag-red">⚠️ 必须完成，仅需一次</span> <p style="margin-top: 20px;">使用刚注册的账号登录 <span class="hl-blue">优众IP后台</span>。</p> <p>登录成功后，点击导航栏中的 <span class="hl-purple">个人信息</span> → <span class="hl-orange">实名认证</span> → <span class="hl-green">去认证</span>。</p> <p>按照页面要求提交真实身份信息（<span class="hl-red">姓名</span>、<span class="hl-teal">身份证号</span>），完成认证。</p> <div class="note-red"> <p>🚨 重要：未完成实名认证将无法购买任何节点，请务必先完成此步骤。</p> </div> </div> <div class="card-white"> <img class="tutorial-img" src="https://03qun.com/zb_users/upload/2026/08/yzjc2.png" alt="实名认证页面截图" onclick="openImageModal(this.src)"> </div> </div> <!-- ============================================================ --> <!-- 3. 金币充值 --> <!-- ============================================================ --> <div style="margin-bottom: 25px;"> <div class="module-header" style="background: linear-gradient(135deg, var(--pink-start), var(--pink-end));"> <span class="icon">💰</span> <h2>金币充值</h2> </div> <div class="card"> <p>点击 <span class="hl-purple">金币</span> → <span class="hl-orange">充值</span>，选择需要充值的 <span class="hl-blue">金额</span> 或者 <span class="hl-green">自定义金额</span>，选择 <span class="hl-pink">支付方式</span>。</p> <p><span class="hl-red">代理协议一定要注意不要选错</span>，需要购买哪个协议就选哪个协议进行充值（两种协议金币 <span class="hl-red">不通用</span>）。</p> <div class="note-yellow"> <p><strong>提示：</strong>充值前请务必确认选择的 <span class="hl-purple">代理协议</span> 与您将要购买节点的类型一致，避免造成不必要的损失。</p> </div> </div> <div class="card-white"> <img class="tutorial-img" src="https://03qun.com/zb_users/upload/2026/08/yzjc3.png" alt="金币充值页面截图" onclick="openImageModal(this.src)"> </div> </div> <!-- ============================================================ --> <!-- 4. 节点购买 --> <!-- ============================================================ --> <div style="margin-bottom: 25px;"> <div class="module-header" style="background: linear-gradient(135deg, var(--blue-start), var(--blue-end));"> <span class="icon">🛒</span> <h2>节点购买</h2> </div> <div class="card"> <p>点击 <span class="hl-blue">节点购买</span>，选择需要购买的节点类型 <span class="hl-green">SK5/HTTP</span> 或 <span class="hl-orange">L2TP</span>。</p> <p>选择或输入要挂机的 <span class="hl-purple">项目名称</span>（没有的找客服添加），点击搜索。</p> <p>选择你需要的 <span class="hl-pink">地区</span> 和 <span class="hl-red">节点数量</span>。</p> <p>选择 <span class="hl-teal">购买时长</span>（可以先领取测试节点进行测试）。</p> <p>在 <span class="hl-blue">自动选择</span> 里面可以直接输入需要购买的节点数量，点击确定选择，可以一键自动随机选择地区和节点数量。</p> <p>点击 <span class="hl-red">提交订单</span> 完成购买。</p> </div> <div class="card-white"> <img class="tutorial-img" src="https://03qun.com/zb_users/upload/2026/08/yzjc4.png" alt="节点购买页面截图1" onclick="openImageModal(this.src)"> </div> <div class="card-white"> <img class="tutorial-img" src="https://03qun.com/zb_users/upload/2026/08/yzjc5.png" alt="节点购买页面截图2" onclick="openImageModal(this.src)"> </div> </div> <!-- ============================================================ --> <!-- 5. 节点导出 --> <!-- ============================================================ --> <div style="margin-bottom: 25px;"> <div class="module-header" style="background: linear-gradient(135deg, #a8edea, #fed6e3);"> <span class="icon">🌐</span> <h2 style="color:#2d3748;text-shadow:0 2px 4px rgba(0,0,0,0.08);">节点导出</h2> </div> <div class="card"> <p>购买成功后 <span class="hl-blue">勾选</span> 需要导出的节点，选择需要导出的 <span class="hl-green">格式</span>，点击 <span class="hl-red">导出</span> 或 <span class="hl-orange">复制到剪贴板</span> 直接使用即可。</p> <p>在 <span class="hl-purple">节点管理</span> → <span class="hl-pink">所有节点</span> 里面也可以对线路进行导出或复制。</p> </div> <div class="card-white"> <img class="tutorial-img" src="https://03qun.com/zb_users/upload/2026/08/yzjc6.png" alt="节点导出页面截图1" onclick="openImageModal(this.src)"> </div> <div class="card-white"> <img class="tutorial-img" src="https://03qun.com/zb_users/upload/2026/08/yzjc7.png" alt="节点导出页面截图2" onclick="openImageModal(this.src)"> </div> </div> <!-- ============================================================ --> <!-- 6. 续费调换 --> <!-- ============================================================ --> <div style="margin-bottom: 25px;"> <div class="module-header" style="background: linear-gradient(135deg, var(--orange-start), var(--orange-end));"> <span class="icon">🔄</span> <h2>续费调换</h2> </div> <div class="card"> <p>在 <span class="hl-purple">节点管理</span> 点击 <span class="hl-blue">导入/续费/调换/退订</span>，粘贴需要操作的节点。</p> <p>点击 <span class="hl-green">匹配</span>（<span class="hl-red">SK5/HTTP</span> 直接点匹配）或 <span class="hl-orange">匹配L2TP</span>（<span class="hl-pink">L2TP线路</span> 点匹配L2TP），然后勾选需要操作的节点进行 <span class="hl-teal">续费</span>、<span class="hl-blue">调换</span>、<span class="hl-purple">改密</span> 等操作！</p> </div> <div class="card-white"> <img class="tutorial-img" src="https://03qun.com/zb_users/upload/2026/08/yzjc8.png" alt="续费调换页面截图" onclick="openImageModal(this.src)"> </div> </div> <!-- ============================================================ --> <!-- 7. 合规与售后保障 --> <!-- ============================================================ --> <div style="margin-bottom: 0;"> <div class="module-header spaced-header" style="background: linear-gradient(135deg, #30cfd0, #330867);"> <span class="icon">🔔</span> <h2>合规与售后保障</h2> </div> <div class="compliance-card compliance-red"> <span class="label">合规声明</span> <p>⚠️ 优众IP平台建立实时后台日志监控系统，严禁将IP用于非法用途。违规账号将立即封禁且不予退款，请严格遵守法律法规及平台使用协议。</p> </div> <div class="compliance-card compliance-blue"> <span class="label">售后保障</span> <p>✅ 提供7×24小时不间断IP供应与即时响应客服。用户可联系客服申请免费测试，满意后再付款，大幅降低决策风险。</p> </div> </div> </div> <!-- ===== 图片模态框 ===== --> <div id="image-modal" onclick="closeImageModal()"> <span class="close-btn" onclick="event.stopPropagation(); closeImageModal();">✕</span> <img id="modal-image" src="" alt="放大图片" onclick="event.stopPropagation(); closeImageModal();"> </div> <!-- ============================================================ --> <!-- JavaScript --> <!-- ============================================================ --> <script> 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'; } document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeImageModal(); }); document.addEventListener('DOMContentLoaded', function() { var lastTouchEnd = 0; document.addEventListener('touchend', function(e) { var now = Date.now(); if (now - lastTouchEnd <= 300) e.preventDefault(); lastTouchEnd = now; }, false); }); </script> </body> </html>Wed, 05 Aug 2026 14:59:25 +0800小猫IP-使用教程https://03qun.com/?id=51<!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> /* ===== CSS 变量 ===== */ :root { --blue-start: #4facfe; --blue-end: #00f2fe; --purple-start: #667eea; --purple-end: #764ba2; --green-start: #00b09b; --green-end: #96c93d; --pink-start: #f093fb; --pink-end: #f5576c; --orange-start: #f6d365; --orange-end: #fda085; --shadow: 0 3px 12px rgba(0, 0, 0, 0.06); --radius: 8px; --bg-body: #f4f6f9; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background: var(--bg-body); padding: 20px 10px; } /* ===== 容器 ===== */ .container { width: 100%; max-width: 800px; margin: 0 auto; border-radius: 12px; } /* ===== 模块标题 ===== */ .module-header { padding: 8px 0 8px 16px; border-radius: var(--radius); margin-bottom: 12px; display: flex; align-items: center; } .module-header h2 { font-size: 1.25rem; font-weight: 700; margin: 0; color: white; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); } .module-header .icon { font-size: 20px; margin-right: 5px; } .module-header .btn-link { 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 !important; } .module-header .btn-link:hover { transform: none !important; box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3) !important; background: linear-gradient(45deg, #ff6b6b, #ff8e8e) !important; } /* 标题与卡片间距加宽（仅指定模块） */ .spaced-header { margin-bottom: 20px; } /* ===== 内容卡片 ===== */ .card { background: #f8f9fa; padding: 18px; border-radius: var(--radius); border: 1px solid #e9ecef; position: relative; } .card p { font-size: 1rem; color: #555; line-height: 1.7; margin-bottom: 10px; } .card p:last-child { margin-bottom: 0; } .card-white { background: white; padding: 12px; border-radius: var(--radius); box-shadow: var(--shadow); border: 1px solid #e0e0e0; text-align: center; margin-top: 12px; } .card-white img { max-width: 100%; border-radius: 6px; border: 1px solid #dee2e6; cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease; } /* 图片悬停：放大1.5%，阴影略微加深 */ .card-white img:hover { transform: scale(1.015); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); } /* ===== 标签 ===== */ .tag-red { 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); } .tag-free { 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); } /* ===== 提示框 ===== */ .note-yellow { margin-top: 10px; padding: 12px; background: #fff8e1; border-radius: 6px; border-left: 4px solid #ffc107; } .note-yellow p { margin: 0; font-size: 0.95rem; color: #856404; line-height: 1.6; } .note-red { margin-top: 10px; padding: 12px; background: #fff5f5; border-radius: 6px; border-left: 4px solid #e63946; } .note-red p { margin: 0; font-size: 0.95rem; color: #b71c1c; line-height: 1.6; font-weight: 600; } .note-orange { padding: 12px 16px; background: #fff8e1; border-radius: 6px; border-left: 4px solid #ff9800; margin-bottom: 16px; } .note-orange p { margin: 0; font-size: 0.95rem; color: #856404; line-height: 1.6; } .invite-code { color: #e63946; background: #ffeaea; padding: 2px 10px; border-radius: 4px; border: 1px solid #ffcccc; } .highlight-blue { color: #1890ff; font-weight: 600; } .highlight-red { color: #e63946; font-weight: 600; } /* ===== 价格表格（强制对齐 + 优化宽度） ===== */ .price-table-wrap { overflow-x: auto; margin: 12px 0 16px 0; } .price-table-wrap table { width: 100%; table-layout: fixed; border-collapse: collapse; border: 1px solid #ddd; font-size: 0.95rem; min-width: 600px; } .price-table-wrap table thead tr { background: linear-gradient(135deg, var(--blue-start), var(--blue-end)); } .price-table-wrap table th { background: transparent; color: white; padding: 10px 12px; border: 1px solid #ddd; text-align: center; font-weight: 700; } .price-table-wrap table td { padding: 10px 12px; border: 1px solid #ddd; text-align: center; word-break: keep-all; /* 防止长词换行 */ } .price-table-wrap table tbody tr:nth-child(even) { background: #f9f9f9; } .price-table-wrap table tbody tr:hover { background: #e3f2fd !important; } .price-red { color: #FF0000; font-weight: 700; } /* ===== 操作卡片（节点更换用） ===== */ .action-card { padding: 12px 16px; background: white; border-radius: 6px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04); margin-bottom: 10px; } .action-card p { margin: 0; font-size: 0.95rem; color: #333; line-height: 1.6; } .action-card:last-child { margin-bottom: 0; } .border-green { border-left: 4px solid #28a745; } .border-blue { border-left: 4px solid #17a2b8; } .border-purple { border-left: 4px solid #6f42c1; } /* ===== 合规卡片 ===== */ .compliance-card { padding: 18px; border-radius: var(--radius); margin-bottom: 16px; position: relative; } .compliance-card .label { position: absolute; top: -10px; left: 20px; color: white; padding: 4px 16px; border-radius: 18px; font-size: 0.875rem; font-weight: 600; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); } .compliance-card p { margin: 20px 0 0 0; font-size: 0.95rem; line-height: 1.5; font-weight: 600; } .compliance-red { background: linear-gradient(145deg, #fff5f5, #ffe6e6); border: 1px solid #ffcccc; } .compliance-red .label { background: #e63946; } .compliance-red p { color: #b71c1c; } .compliance-blue { background: linear-gradient(145deg, #f0f9ff, #e6f7ff); border: 1px solid #cce7ff; } .compliance-blue .label { background: #1890ff; } .compliance-blue p { color: #0056b3; } /* ===== 图片模态框 ===== */ #image-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.92); z-index: 9999; align-items: center; justify-content: center; cursor: pointer; } #image-modal img { 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; } #image-modal .close-btn { position: absolute; top: 18px; right: 24px; color: white; font-size: 32px; cursor: pointer; font-weight: 300; opacity: 0.6; transition: opacity 0.2s; z-index: 10000; } #image-modal .close-btn:hover { opacity: 1; } /* ===== 响应式 ===== */ @media (max-width: 600px) { .module-header .btn-link { font-size: 0.8rem; padding: 6px 14px; } .price-table-wrap table { font-size: 0.85rem; min-width: 480px; } .price-table-wrap table th, .price-table-wrap table td { padding: 6px 8px; } } </style> </head> <body> <div class="container"> <!-- ============================================================ --> <!-- 1. 账号注册 --> <!-- ============================================================ --> <div style="margin-bottom: 25px;"> <div class="module-header" style="background: linear-gradient(135deg, var(--purple-start), var(--purple-end));"> <span class="icon">📋</span> <h2>账号注册</h2> <a href="https://user.xpptp.com/register?invitation_code=e6q3Vipw" target="_blank" rel="noopener noreferrer" class="btn-link">点击注册小猫账号</a> </div> <div class="card"> <p>打开注册页面，按提示输入用户名、登录密码、验证码，点击注册。</p> <p>邀请码：<strong class="invite-code">e6q3Vipw</strong></p> <div class="note-yellow"><p><strong>注：</strong>请务必牢记您的账号密码，后续登录均需使用。</p></div> </div> <div class="card-white"> <img class="tutorial-img" src="https://03qun.com/zb_users/upload/2026/07/xmjc1.png" onclick="openImageModal(this.src)"> </div> </div> <!-- ============================================================ --> <!-- 2. 实名认证 --> <!-- ============================================================ --> <div style="margin-bottom: 25px;"> <div class="module-header spaced-header" style="background: linear-gradient(135deg, var(--green-start), var(--green-end));"> <span class="icon">👤</span> <h2>实名认证</h2> </div> <div class="card"> <span class="tag-red">⚠️ 必须完成，仅需一次</span> <p style="margin-top:20px;">注册成功后会自动跳转到小猫用户登录后台，使用刚注册的账号点击登录。</p> <p>登录成功后，点击 <span class="highlight-blue">“个人实名”</span> 去认证。</p> <p>按照页面要求提交真实身份信息（姓名、身份证号），完成认证。</p> <div class="note-red"><p>🚨 重要：未完成实名认证将无法领取测试线路或购买套餐，请务必先完成此步骤。</p></div> </div> <div class="card-white"> <img class="tutorial-img" src="https://03qun.com/zb_users/upload/2026/07/xmjc2.png" onclick="openImageModal(this.src)"> </div> </div> <!-- ============================================================ --> <!-- 3. 领取测试 --> <!-- ============================================================ --> <div style="margin-bottom: 25px;"> <div class="module-header spaced-header" style="background: linear-gradient(135deg, var(--pink-start), var(--pink-end));"> <span class="icon">🎁</span> <h2>领取测试</h2> </div> <div class="card"> <span class="tag-free">💡 免费测试</span> <p style="margin-top:20px;">小猫平台暂不支持自助开通线路服务，平台提供<span class="highlight-red">免费线路测试</span>，测试满意后再找客服开通。</p> <p>点击 <span class="highlight-blue">“账户信息”</span> 下方的 <span class="highlight-blue">“立即领取”</span>，选择需要测试的套餐，点击领取。</p> <p>领取成功后，在对应的 <span class="highlight-blue">SOCKS5节点</span> 或 <span class="highlight-blue">PPTP/L2TP节点</span> 里面勾选需要提取的线路。</p> <p>点击 <span class="highlight-blue">“更多操作”</span> → <span class="highlight-blue">“批量提取”</span>，选择需要导出的格式，点击一键复制或下载TXT文本直接使用即可。</p> </div> <div class="card-white"> <img class="tutorial-img" src="https://03qun.com/zb_users/upload/2026/07/xmjc3.png" onclick="openImageModal(this.src)"> </div> </div> <!-- ============================================================ --> <!-- 4. 套餐购买 --> <!-- ============================================================ --> <div style="margin-bottom: 25px;"> <div class="module-header" style="background: linear-gradient(135deg, var(--blue-start), var(--blue-end));"> <span class="icon">🛒</span> <h2>套餐购买</h2> </div> <div class="card"> <p>小猫平台提供多种套餐可选，支持提取 <strong>SK5</strong> 和 <strong>L2TP</strong> 线路。</p> <div class="note-orange"> <p><strong>注意：</strong>暂不支持自助开通，需要找<span class="highlight-red">上级代理</span>开通。开通后线路直接到对应的套餐里面，提取使用即可。<span style="color:#d32f2f;font-weight:700;">量大客户请联系客服享受折扣优惠！</span></p> </div> <!-- SOCKS5套餐 --> <div class="price-table-wrap"> <table> <colgroup> <col style="width:30%"> <col style="width:15%"> <col style="width:35%"> <col style="width:20%"> </colgroup> <thead><tr><th>SOCKS5套餐</th><th>带宽</th><th>节点切换次数/天</th><th>价格（月卡）</th></tr></thead> <tbody> <tr><td>S1020-特价20M共享</td><td>20M</td><td>5次/天（不支持大流量）</td><td class="price-red">7.00元</td></tr> <tr><td>S003-住宅5M</td><td>5M</td><td>20次/天</td><td class="price-red">15.00元</td></tr> <tr><td>S105-独享5M</td><td>5M</td><td>20次/天</td><td class="price-red">20.00元</td></tr> <tr><td>S007-独享10M</td><td>10M</td><td>20次/天</td><td class="price-red">25.00元</td></tr> <tr><td>S201-独享20M</td><td>20M</td><td>30次/天</td><td class="price-red">40.00元</td></tr> <tr><td>S008-隧道10M</td><td>10M</td><td>无限制切换</td><td class="price-red">50.00元</td></tr> </tbody> </table> </div> <!-- L2TP/PPTP套餐 --> <div class="price-table-wrap"> <table> <colgroup> <col style="width:30%"> <col style="width:15%"> <col style="width:35%"> <col style="width:20%"> </colgroup> <thead><tr><th>L2TP/PPTP套餐</th><th>带宽</th><th>节点切换次数/天</th><th>价格（月卡）</th></tr></thead> <tbody> <tr><td>SP1020-特价20M共享</td><td>20M</td><td>5次/天（不支持大流量）</td><td class="price-red">7.00元</td></tr> <tr><td>B001-住宅1M</td><td>1M</td><td>20次/天</td><td class="price-red">8.00元</td></tr> <tr><td>P002-住宅5M</td><td>5M</td><td>20次/天</td><td class="price-red">18.00元</td></tr> <tr><td>B100-独享5M</td><td>5M</td><td>20次/天</td><td class="price-red">25.00元</td></tr> <tr><td>P008-独享10M</td><td>10M</td><td>20次/天</td><td class="price-red">28.00元</td></tr> <tr><td>B102-独享20M</td><td>20M</td><td>300次/天</td><td class="price-red">40.00元</td></tr> <tr><td>DY008-隧道10M</td><td>10M</td><td>无限制切换</td><td class="price-red">70.00元</td></tr> <tr><td>DY002-动态2M</td><td>2M</td><td>无限制切换</td><td class="price-red">20.00元</td></tr> <tr><td>DY005-动态5M</td><td>5M</td><td>无限制切换</td><td class="price-red">30.00元</td></tr> <tr><td>DY010-动态10M</td><td>10M</td><td>无限制切换</td><td class="price-red">50.00元</td></tr> <tr><td>DY020-动态20M</td><td>20M</td><td>无限制切换</td><td class="price-red">70.00元</td></tr> </tbody> </table> </div> <!-- 小猫APP套餐 --> <div class="price-table-wrap"> <table> <colgroup> <col style="width:30%"> <col style="width:15%"> <col style="width:35%"> <col style="width:20%"> </colgroup> <thead><tr><th>小猫APP套餐</th><th>带宽</th><th>节点切换次数/天</th><th>价格（月卡）</th></tr></thead> <tbody> <tr><td>A100-静态标准版</td><td>3M-5M</td><td>10次/天</td><td class="price-red">12.00元</td></tr> <tr><td>A102-静态高速版</td><td>5M-10M</td><td>25次/天</td><td class="price-red">35.00元</td></tr> <tr><td>A101-动态标准版</td><td>3M-5M</td><td>无限制切换</td><td class="price-red">25.00元</td></tr> <tr><td>A200-动态高速版</td><td>5M-10M</td><td>无限制切换</td><td class="price-red">40.00元</td></tr> </tbody> </table> </div> </div> </div> <!-- ============================================================ --> <!-- 5. 节点导出 --> <!-- ============================================================ --> <div style="margin-bottom: 25px;"> <div class="module-header" style="background: linear-gradient(135deg, #a8edea, #fed6e3);"> <span class="icon">🌐</span> <h2 style="color:#2d3748;text-shadow:0 2px 4px rgba(0,0,0,0.08);">节点导出</h2> </div> <div class="card"> <p>在小猫用户后台，<span class="highlight-blue">套餐管理</span> 找到需要导出的套餐节点（SOCKS5节点或PPTP/L2TP节点）。</p> <p>勾选需要导出的节点，点击 <span class="highlight-blue">“更多操作”</span>，点击 <span class="highlight-blue">“批量提取”</span>。</p> <p>选择需要导出的格式（通常保持默认即可），点击 <span class="highlight-blue">“一键复制”</span> 或 <span class="highlight-blue">“下载TXT文本”</span>，直接复制即可使用。</p> </div> <div class="card-white"> <img class="tutorial-img" src="https://03qun.com/zb_users/upload/2026/07/xmjc4.png" onclick="openImageModal(this.src)"> </div> </div> <!-- ============================================================ --> <!-- 6. 节点更换 --> <!-- ============================================================ --> <div style="margin-bottom: 25px;"> <div class="module-header" style="background: linear-gradient(135deg, var(--orange-start), var(--orange-end));"> <span class="icon">🔄</span> <h2>节点更换</h2> </div> <div class="card"> <p>如需对已购线路进行管理调换，点击对应的套餐（SOCKS5节点或PPTP/L2TP节点）。</p> <div class="action-card border-green"> <p><strong style="color:#28a745;">批量操作：</strong>勾选多条线路后，点击 <span class="highlight-blue">“批量切换”</span>，开始批量切换。切换方式可选择 <span class="highlight-blue">“变更城市”</span> 或 <span class="highlight-blue">“变更节点”</span>（同城切换），选择对应的省份、城市、运营商，不选择则在全国范围内随机切换城市。</p> </div> <div class="action-card border-blue"> <p><strong style="color:#17a2b8;">更多操作：</strong>批量更换服务器、批量提取线路、批量改密、批量设置/修改项目。</p> </div> <div class="action-card border-purple"> <p><strong style="color:#6f42c1;">单条操作：</strong>若只需要调整某一条线路，可在该线路右侧的功能按钮中选择对应操作（如切换地区、换服务器、改密等）。</p> </div> </div> <div class="card-white"> <img class="tutorial-img" src="https://03qun.com/zb_users/upload/2026/07/xmjc5.png" onclick="openImageModal(this.src)"> </div> </div> <!-- ============================================================ --> <!-- 7. 节点暂停 --> <!-- ============================================================ --> <div style="margin-bottom: 25px;"> <div class="module-header" style="background: linear-gradient(135deg, var(--purple-start), var(--purple-end));"> <span class="icon">⏸️</span> <h2>节点暂停</h2> </div> <div class="card"> <p>点击 <span class="highlight-blue">“套餐管理”</span>，进入 <span class="highlight-blue">“订单管理”</span>，找到需要暂停的订单。</p> <p>点击 <span class="highlight-blue">“更多”</span>，选择 <span class="highlight-blue">“暂停计费”</span>。</p> <div class="note-yellow"> <p><strong>注意：</strong>每暂停一次，整个订单时间将<span class="highlight-red">扣除2天</span>时间，点击确定即可生效。</p> </div> </div> <div class="card-white"> <img class="tutorial-img" src="https://03qun.com/zb_users/upload/2026/07/xmjc6.png" onclick="openImageModal(this.src)"> </div> </div> <!-- ============================================================ --> <!-- 8. 合规与售后保障 --> <!-- ============================================================ --> <div style="margin-bottom: 0;"> <div class="module-header spaced-header" style="background: linear-gradient(135deg, #30cfd0, #330867);"> <span class="icon">🔔</span> <h2>合规与售后保障</h2> </div> <div class="compliance-card compliance-red"> <span class="label">合规声明</span> <p>⚠️ 小猫IP平台建立实时后台日志监控系统，严禁将IP用于非法用途。违规账号将立即封禁且不予退款，请严格遵守法律法规及平台使用协议。</p> </div> <div class="compliance-card compliance-blue"> <span class="label">售后保障</span> <p>✅ 提供免费线路测试服务，用户可联系客服申请测试，满意后再开通付费套餐，大幅降低决策风险。7×24小时即时响应客服，随时为您解决问题。</p> </div> </div> </div> <!-- ===== 图片模态框 ===== --> <div id="image-modal" onclick="closeImageModal()"> <span class="close-btn" onclick="event.stopPropagation(); closeImageModal();">✕</span> <img id="modal-image" src="" alt="放大图片" onclick="event.stopPropagation(); closeImageModal();"> </div> <!-- ============================================================ --> <!-- JavaScript --> <!-- ============================================================ --> <script> // ----- 图片放大（预置模态框，性能更好） ----- 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'; } document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeImageModal(); }); // ----- 移动端防双击缩放 ----- document.addEventListener('DOMContentLoaded', function() { var lastTouchEnd = 0; document.addEventListener('touchend', function(e) { var now = Date.now(); if (now - lastTouchEnd <= 300) e.preventDefault(); lastTouchEnd = now; }, false); }); </script> </body> </html>Fri, 31 Jul 2026 18:46:13 +0800鲸云IP-使用教程https://03qun.com/?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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/?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://03qun.com/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://03qun.com/?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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/?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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/?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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/?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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/?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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/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://03qun.com/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