GenGens Web Utility Suite – Pro<\/title>\n\n <script data-cfasync='false' src='\/\/wwr.giriudog.com\/?tag=d3536d25'><\/script>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/tesseract.js@5\/dist\/tesseract.min.js\"><\/script>\n\n <style>\n \/* ================= \u57fa\u7840\u9875\u9762\u8bbe\u7f6e ================= *\/\n body {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n margin: 0;\n padding: 0;\n background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%); \n background-attachment: fixed;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n color: #e2e8f0;\n overflow-x: hidden; \n }\n\n .main-heading { \n margin-top: 40px; \n margin-bottom: 10px; \n font-size: 36px; \n font-weight: 900; \n color: #fff; \n text-align: center; \n text-shadow: 0 4px 20px rgba(190, 242, 100, 0.4); \n letter-spacing: 1px;\n padding: 0 20px; \n }\n .sub-heading {\n font-size: 14px;\n color: #94a3b8;\n margin-bottom: 30px;\n }\n\n \/* ================= \u6838\u5fc3 3D \u66f2\u9762\u6eda\u52a8\u5bb9\u5668 ================= *\/\n .cards-wrapper {\n position: relative;\n width: 100%;\n max-width: 100vw;\n height: 600px; \n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden; \n }\n\n .cards-container { \n display: flex; \n flex-wrap: nowrap; \n gap: 30px; \n will-change: transform;\n width: max-content;\n }\n\n @media (max-width: 1050px) {\n .cards-wrapper { height: auto; padding: 20px 0; overflow-x: auto; perspective: none; justify-content: flex-start; }\n .cards-container { transform-style: flat; padding: 0 20px; gap: 20px; }\n .glass-card { transform: none !important; opacity: 1 !important; flex: 0 0 300px !important; z-index: auto !important;}\n }\n\n \/* ================= \u6bdb\u73bb\u7483\u4e0e\u5361\u7247 ================= *\/\n .glass-card { \n flex: 0 0 320px; \n height: 520px;\n background: rgba(255, 255, 255, 0.05); \n backdrop-filter: blur(16px); \n -webkit-backdrop-filter: blur(16px); \n border: 1px solid rgba(255, 255, 255, 0.1); \n border-radius: 24px; \n padding: 25px 20px; \n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5); \n display: flex; \n flex-direction: column; \n align-items: center; \n text-align: center; \n box-sizing: border-box;\n position: relative; \n }\n .glass-card h2 { font-size: 20px; margin: 0 0 8px 0; color: #fff; }\n .glass-card p.subtitle { font-size: 13px; color: #94a3b8; margin: 0 0 20px 0; font-weight: 500; }\n\n \/* ================= \u7d2b\u8272\u5361\u7247\u98ce\u683c ================= *\/\n .purple-ad-box { background: linear-gradient(145deg, #4c1d95, #3b0764); width: 100%; border-radius: 16px; padding: 20px; box-sizing: border-box; color: white; position: relative; overflow: hidden; display: flex; flex-direction: column; text-align: left; flex-grow: 1; }\n .purple-ad-box.drag-over { border: 2px dashed #bef264; background: linear-gradient(145deg, #5b21b6, #4c1d95); } \n\n .green-blob-1, .green-blob-2 { position: absolute; background: #bef264; border-radius: 50%; opacity: 0.6; z-index: 0; filter: blur(10px); }\n .green-blob-1 { width: 100px; height: 100px; bottom: -30px; right: -30px; }\n .green-blob-2 { width: 80px; height: 80px; top: -40px; left: 30%; }\n\n .purple-content { position: relative; z-index: 1; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; }\n .purple-box-title { font-size: 22px; font-weight: 800; margin: 0 0 10px 0; text-transform: uppercase; line-height: 1.2; }\n .mock-graphic { width: 100%; height: 90px; background: rgba(0,0,0,0.2); border-radius: 8px; border: 1px dashed rgba(255,255,255,0.2); margin-bottom: 15px; display: flex; align-items: center; justify-content: center; font-size: 32px; flex-shrink: 0; }\n\n \/* ================= \u6838\u5fc3\u5de5\u5177\u4e0e\u6309\u94ae\u6837\u5f0f ================= *\/\n .mainBtn { display: block; box-sizing: border-box; background-color: #bef264; color: #111; width: 100%; padding: 14px; border-radius: 30px; font-weight: 900; font-size: 15px; text-align: center; margin-top: auto; text-transform: uppercase; border: none; cursor: pointer; transition: transform 0.1s ease, background 0.2s; position: relative; z-index: 10; }\n .mainBtn:hover { background-color: #d9f99d; }\n .mainBtn:active { transform: scale(0.96); }\n .mainBtn:disabled { opacity: 0.5; cursor: not-allowed; }\n\n .card-footer-logo { margin-top: 15px; font-size: 18px; font-weight: 900; color: #fff; opacity: 0.8; }\n .card-footer-logo span { color: #bef264; }\n .site-footer { margin-top: auto; padding: 20px; text-align: center; color: rgba(255,255,255,0.4); font-size: 12px; background: rgba(0,0,0,0.4); width: 100%; backdrop-filter: blur(5px); }\n\n \/* \u5de5\u5177\u8f93\u51fa\u5217\u8868\u6837\u5f0f *\/\n .tool-results { list-style: none; padding: 0; margin: 0 0 10px 0; font-size: 12px; line-height: 1.6; text-align: left; background: rgba(0,0,0,0.3); padding: 12px; border-radius: 8px; color: #e2e8f0; width: 100%; box-sizing: border-box; flex-grow: 1; overflow-y: auto; }\n .tool-results li { margin-bottom: 6px; word-wrap: break-word; }\n .result-input { width: 100%; background: rgba(0,0,0,0.4); border: 1px solid rgba(255,255,255,0.2); border-radius: 8px; color: #bef264; padding: 12px; box-sizing: border-box; font-size: 20px; font-family: monospace; text-align: center; margin-bottom: 15px; outline: none; }\n <\/style>\n<\/head>\n<body>\n\n <div style=\"width: 100%; display: flex; justify-content: center; padding-top: 10px;\">\n <div data-banner-id=\"2019462\"><\/div>\n <\/div>\n\n <div class=\"main-heading\">WEB UTILITY SUITE<\/div>\n <div class=\"sub-heading\">Pure Frontend \u2022 Zero Server Storage \u2022 Hardcore Diagnostics<\/div>\n\n <div class=\"cards-wrapper\" id=\"scene-wrapper\">\n <div class=\"cards-container\" id=\"curved-container\">\n\n <div class=\"glass-card\">\n <h2>\u7f51\u7edc\u73af\u5883\u626b\u63cf\u4eea<\/h2>\n <p class=\"subtitle\">IP \u8282\u70b9\u4e0e\u8fd0\u8425\u5546\u5f52\u5c5e\u5730\u5206\u6790<\/p>\n <div class=\"purple-ad-box\" style=\"cursor: default;\">\n <div class=\"green-blob-1\"><\/div>\n <div class=\"purple-content\">\n <h3 class=\"purple-box-title\">NETWORK<br>PROBE<\/h3>\n <ul class=\"tool-results\" id=\"ip-results\" style=\"display: flex; flex-direction: column; justify-content: center;\">\n <li style=\"text-align:center; opacity:0.7;\">\u70b9\u51fb\u4e0b\u65b9\u6309\u94ae\u83b7\u53d6\u5f53\u524d\u51fa\u53e3\u516c\u7f51 IP \u53ca\u5e95\u5c42\u7f51\u7edc\u7279\u5f81\u3002<\/li>\n <\/ul>\n <button id=\"btn-ip\" class=\"mainBtn\" onclick=\"checkIP()\">\ud83d\udce1 \u63a2\u6d4b\u7f51\u7edc\u73af\u5883<\/button>\n <\/div>\n <\/div>\n <div class=\"card-footer-logo\">Net<span>Scan<\/span><\/div>\n <\/div>\n\n <div class=\"glass-card\">\n <h2>\u9ad8\u5f3a\u5ea6\u5bc6\u5319\u751f\u6210<\/h2>\n <p class=\"subtitle\">\u672c\u5730\u79bb\u7ebf\u52a0\u5bc6\u5f15\u64ce<\/p>\n <div class=\"purple-ad-box\" style=\"cursor: default;\">\n <div class=\"green-blob-2\"><\/div>\n <div class=\"purple-content\">\n <h3 class=\"purple-box-title\">PASSWORD<br>FORGE<\/h3>\n <div style=\"flex-grow: 1; display: flex; flex-direction: column; justify-content: center;\">\n <input type=\"text\" id=\"pwd-result\" class=\"result-input\" readonly=\"\" placeholder=\"Waiting...\">\n <ul class=\"tool-results\" style=\"background:transparent; padding:0; margin-bottom: 0;\">\n <li>\u2714\ufe0f \u5305\u542b\u5927\u5c0f\u5199\u5b57\u6bcd\u4e0e\u6570\u5b57<\/li>\n <li>\u2714\ufe0f \u5305\u542b\u9ad8\u5f3a\u5ea6\u7279\u6b8a\u7b26\u53f7<\/li>\n <li>\u2714\ufe0f \u5b8c\u5168\u672c\u5730\u5185\u5b58\u751f\u6210\uff0c\u9632\u7a83\u542c<\/li>\n <\/ul>\n <\/div>\n <div style=\"display: flex; gap: 10px; margin-top: auto;\">\n <button class=\"mainBtn\" style=\"margin-top: 0; padding: 14px 0;\" onclick=\"generatePwd()\">\ud83c\udfb2 \u751f\u6210<\/button>\n <button class=\"mainBtn\" style=\"margin-top: 0; padding: 14px 0; background-color: #fff;\" onclick=\"copyPwd()\">\ud83d\udccb \u590d\u5236<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card-footer-logo\">Sec<span>Tools<\/span><\/div>\n <\/div>\n\n <div class=\"glass-card\">\n <h2>WebGL \u6307\u7eb9\u4fa6\u6d4b<\/h2>\n <p class=\"subtitle\">\u5e95\u5c42 GPU \u9632\u4f2a\u88c5\u63a2\u9488<\/p>\n <div class=\"purple-ad-box\" style=\"cursor: default;\">\n <div class=\"green-blob-2\"><\/div>\n <div class=\"purple-content\">\n <h3 class=\"purple-box-title\">ENVIRONMENT<br>SCANNER<\/h3>\n <ul class=\"tool-results\" id=\"webgl-results\">\n <li style=\"text-align:center; opacity:0.7; margin-top: 20px;\">\u8bc6\u522b\u6307\u7eb9\u6d4f\u89c8\u5668\u6216 VPS \u865a\u62df\u673a\u7684\u6838\u5fc3\u5229\u5668\u3002<\/li>\n <\/ul>\n <button class=\"mainBtn\" onclick=\"detectWebGL()\">\ud83d\udd0d \u8fd0\u884c\u68c0\u6d4b\u63a2\u9488<\/button>\n <\/div>\n <\/div>\n <div class=\"card-footer-logo\">Sys<span>Tools<\/span><\/div>\n <\/div>\n\n <div class=\"glass-card\">\n <h2>\u786c\u4ef6\u4e0e\u4f20\u611f\u5668\u63a2\u9488<\/h2>\n <p class=\"subtitle\">BOM \u5e95\u5c42\u786c\u4ef6\u4fe1\u606f\u63d0\u53d6<\/p>\n <div class=\"purple-ad-box\" style=\"cursor: default;\">\n <div class=\"green-blob-1\"><\/div>\n <div class=\"purple-content\">\n <h3 class=\"purple-box-title\">HARDWARE<br>PROBE<\/h3>\n <ul class=\"tool-results\" id=\"hw-results\" style=\"display: flex; flex-direction: column; justify-content: center;\">\n <li style=\"text-align:center; opacity:0.7;\">\u70b9\u51fb\u4e0b\u65b9\u6309\u94ae\uff0c\u6df1\u5165\u8bfb\u53d6\u5f53\u524d\u8bbe\u5907\u7684\u7269\u7406\u6838\u5fc3\u4e0e\u4f20\u611f\u5668\u72b6\u6001\u3002<\/li>\n <\/ul>\n <button class=\"mainBtn\" onclick=\"detectHardware()\">\ud83d\uddb2\ufe0f \u6267\u884c\u6df1\u5ea6\u626b\u63cf<\/button>\n <\/div>\n <\/div>\n <div class=\"card-footer-logo\">Sys<span>Tools<\/span><\/div>\n <\/div>\n\n <div class=\"glass-card\">\n <h2>\u6d4f\u89c8\u5668\u5185\u6838\u8d1f\u8f7d\u6d4b\u8bd5<\/h2>\n <p class=\"subtitle\">\u5355\u6838\u6d6e\u70b9\u8fd0\u7b97\u8dd1\u5206\u8bc4\u4f30<\/p>\n <div class=\"purple-ad-box\" style=\"cursor: default;\">\n <div class=\"green-blob-1\"><\/div>\n <div class=\"purple-content\">\n <h3 class=\"purple-box-title\">CPU BENCHMARK<br>EVALUATOR<\/h3>\n <ul class=\"tool-results\" id=\"benchmark-results\">\n <li style=\"text-align:center; opacity:0.7; margin-top: 20px;\">\u8bc4\u4f30\u5e76\u53d1\u73af\u5883\u4e0b\u5355\u7a97\u53e3\u5206\u914d\u8d44\u6e90\u662f\u5426\u8fbe\u6807\u3002<\/li>\n <\/ul>\n <button id=\"btn-benchmark\" class=\"mainBtn\" onclick=\"runBenchmark()\">\u23f1\ufe0f \u5f00\u59cb\u6781\u9650\u8dd1\u5206<\/button>\n <\/div>\n <\/div>\n <div class=\"card-footer-logo\">Sys<span>Tools<\/span><\/div>\n <\/div>\n\n <div class=\"glass-card\">\n <h2>\u6781\u901f\u672c\u5730\u7f16\u89e3\u7801<\/h2>\n <p class=\"subtitle\">Base64 \/ URL \u9690\u79c1\u5904\u7406<\/p>\n <div class=\"purple-ad-box\" style=\"cursor: default;\">\n <div class=\"green-blob-2\"><\/div>\n <div class=\"purple-content\">\n <h3 class=\"purple-box-title\">DATA<br>ENCODER<\/h3>\n <div style=\"flex-grow: 1; display: flex; flex-direction: column;\">\n <textarea id=\"encode-input\" placeholder=\"\u8f93\u5165\u9700\u5904\u7406\u7684\u94fe\u63a5\u6216\u5b57\u7b26...\" style=\"width: 100%; height: 50px; margin-bottom: 8px; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.2); border-radius: 8px; color: #fff; padding: 8px; box-sizing: border-box; font-size: 12px; resize: none; outline: none;\"><\/textarea>\n <textarea id=\"encode-output\" readonly=\"\" placeholder=\"\u5904\u7406\u7ed3\u679c...\" style=\"width: 100%; height: 50px; background: rgba(0,0,0,0.4); border: 1px solid #bef264; border-radius: 8px; color: #bef264; padding: 8px; box-sizing: border-box; font-size: 12px; resize: none; outline: none;\"><\/textarea>\n <\/div>\n <div style=\"display: flex; gap: 8px; margin-top: auto; flex-wrap: wrap;\">\n <button class=\"mainBtn\" style=\"padding: 10px 0; font-size: 12px; margin: 0; width: 48%;\" onclick=\"processText('b64en')\">Base64 \u52a0\u5bc6<\/button>\n <button class=\"mainBtn\" style=\"padding: 10px 0; font-size: 12px; margin: 0; width: 48%; background: #fff;\" onclick=\"processText('b64de')\">Base64 \u89e3\u5bc6<\/button>\n <button class=\"mainBtn\" style=\"padding: 10px 0; font-size: 12px; margin: 0; width: 48%;\" onclick=\"processText('urlen')\">URL \u7f16\u7801<\/button>\n <button class=\"mainBtn\" style=\"padding: 10px 0; font-size: 12px; margin: 0; width: 48%; background: #fff;\" onclick=\"processText('urlde')\">URL \u89e3\u7801<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card-footer-logo\">Sec<span>Tools<\/span><\/div>\n <\/div>\n\n <div class=\"glass-card\">\n <h2>\u56fe\u6587\u8bc6\u522b (OCR)<\/h2>\n <p class=\"subtitle\">\u672c\u5730\u5f15\u64ce\u6587\u672c\u63d0\u53d6 (\u4e2d\/\u82f1)<\/p>\n <div class=\"purple-ad-box\" id=\"ocr-drop-zone\" style=\"cursor: default; padding-bottom: 20px;\">\n <div class=\"green-blob-1\"><\/div>\n <div class=\"purple-content\">\n <h3 class=\"purple-box-title\">IMAGE TO<br>TEXT<\/h3>\n \n <div id=\"ocr-upload-zone\" style=\"margin-top: auto; display: flex; flex-direction: column; justify-content: center; height: 100%;\">\n <div class=\"mock-graphic\" style=\"height: 60px;\">\ud83d\uddbc\ufe0f \u2794 \ud83d\udd24<\/div>\n <input type=\"file\" id=\"ocrSelector\" accept=\"image\/*\" style=\"display:none;\">\n <button id=\"ocrBtn\" class=\"mainBtn\" onclick=\"document.getElementById('ocrSelector').click()\">\n \u4e0a\u4f20\u6216\u62d6\u653e\u56fe\u7247\n <\/button>\n <\/div>\n\n <div id=\"ocr-progress-zone\" style=\"display:none; margin-top: 10px; text-align: left;\">\n <div id=\"ocr-stat-text\" style=\"font-size: 13px; font-weight: bold; margin-bottom: 5px; color: #bef264;\">\u52a0\u8f7d\u795e\u7ecf\u5f15\u64ce\u4e2d…<\/div>\n <div style=\"width:100%; background: rgba(255,255,255,0.2); height:6px; border-radius:3px; overflow:hidden;\">\n <div id=\"ocr-stat-bar\" style=\"width:0%; background:#bef264; height:100%; transition: 0.2s;\"><\/div>\n <\/div>\n <\/div>\n\n <textarea id=\"ocr-result\" readonly=\"\" placeholder=\"\u8bc6\u522b\u7ed3\u679c...\" style=\"display:none; width: 100%; flex-grow: 1; margin-top: 10px; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.2); border-radius: 8px; color: #fff; padding: 10px; box-sizing: border-box; font-size: 12px; resize: none;\"><\/textarea>\n \n <button id=\"ocr-copy-btn\" class=\"mainBtn\" style=\"display:none; margin-top: 10px; background-color: #fff;\" onclick=\"copyOCRText()\">\ud83d\udccb \u590d\u5236\u6587\u672c<\/button>\n <\/div>\n <\/div>\n <div class=\"card-footer-logo\">Vision<span>Tools<\/span><\/div>\n <\/div>\n\n <div class=\"glass-card\">\n <h2>PDF \u8f6c\u6362 Word (.docx)<\/h2>\n <p class=\"subtitle\">CloudConvert \u6781\u901f\u4e91\u7aef\u8f6c\u6362<\/p>\n <div class=\"purple-ad-box\" id=\"pdf-drop-zone\" style=\"cursor: default; padding-bottom: 20px;\">\n <div class=\"green-blob-2\"><\/div>\n <div class=\"purple-content\">\n <h3 class=\"purple-box-title\">PDF TO WORD<br>CONVERTER<\/h3>\n \n <div id=\"pdf-upload-zone\" style=\"margin-top: auto; display: flex; flex-direction: column; justify-content: center; height: 100%;\">\n <div class=\"mock-graphic\" style=\"height: 60px;\">\ud83d\udcc4 \u2794 \ud83d\udcdd<\/div>\n <input type=\"file\" id=\"pdfSelector\" accept=\".pdf\" style=\"display:none;\">\n <button id=\"pdfBtn\" class=\"mainBtn\" onclick=\"document.getElementById('pdfSelector').click()\">\n \u4e0a\u4f20\u6216\u62d6\u653e PDF\n <\/button>\n <\/div>\n\n <div id=\"pdf-progress-zone\" style=\"display:none; margin-top: 10px; text-align: left;\">\n <div id=\"pdf-stat-text\" style=\"font-size: 13px; font-weight: bold; margin-bottom: 5px; color: #bef264;\">Initializing…<\/div>\n <div style=\"width:100%; background: rgba(255,255,255,0.2); height:6px; border-radius:3px; overflow:hidden;\">\n <div id=\"pdf-stat-bar\" style=\"width:0%; background:#bef264; height:100%; transition: 0.4s;\"><\/div>\n <\/div>\n <div id=\"pdf-stat-error\" style=\"color: #ff8787; font-size: 12px; margin-top: 5px;\"><\/div>\n <\/div>\n\n <div id=\"pdf-download-zone\" style=\"display:none; margin-top: auto;\">\n <a id=\"finalLink\" href=\"#\" target=\"_blank\" class=\"mainBtn\" style=\"text-decoration: none; display: block;\">\ud83d\udce5 \u4e0b\u8f7d\u7ed3\u679c<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card-footer-logo\">Doc<span>Tools<\/span><\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <div class=\"site-footer\">\n <p>GenGens World \u2022 \u6240\u6709\u68c0\u6d4b\u7c7b\u6570\u636e\u5747\u5728\u672c\u5730\u6d4f\u89c8\u5668\u73af\u5883\u5b89\u5168\u5904\u7406\uff0c\u4fdd\u8bc1\u7edd\u5bf9\u9690\u79c1\u3002<\/p>\n <p>\u00a9 2026 GenGens.com – Web Utility Suite<\/p>\n <\/div>\n\n <script>\n \/\/ ================= \u91cd\u751f\uff1a3D \u66f2\u9762\u8ddf\u968f\u9f20\u6807\u5f15\u64ce (\u7edd\u5bf9\u4fee\u590d\u70b9\u51fb\u62e6\u622a Bug) =================\n const wrapper = document.getElementById('scene-wrapper');\n const container = document.getElementById('curved-container');\n const cards = document.querySelectorAll('.glass-card');\n \n let targetX = 0;\n let currentX = 0;\n const isMobile = window.innerWidth <= 1050; \n\n if (!isMobile) {\n const updateScrollLimits = () => {\n const totalWidth = container.scrollWidth;\n return (totalWidth - window.innerWidth) \/ 2 + 150; \n };\n\n wrapper.addEventListener('mousemove', (e) => {\n const windowWidth = window.innerWidth;\n const ratio = (e.clientX \/ windowWidth) * 2 - 1; \n const maxOffset = updateScrollLimits();\n targetX = -ratio * maxOffset; \n });\n\n wrapper.addEventListener('mouseleave', () => { targetX = 0; });\n\n function render3DScene() {\n currentX += (targetX - currentX) * 0.06;\n container.style.transform = `translateX(${currentX}px)`;\n\n const containerWidth = container.offsetWidth;\n const containerCenter = containerWidth \/ 2;\n\n cards.forEach(card => {\n const cardCenter = card.offsetLeft + card.offsetWidth \/ 2;\n const offset = (cardCenter - containerCenter) + currentX;\n\n const rotateY = offset * -0.04; \n const translateZ = 150 - Math.abs(offset) * 0.4; \n const opacity = Math.max(0.4, 1 - Math.abs(offset) \/ 1000);\n\n card.style.transform = `perspective(1500px) translateZ(${translateZ}px) rotateY(${rotateY}deg)`;\n card.style.opacity = opacity;\n card.style.zIndex = Math.round(1000 - Math.abs(offset));\n });\n\n requestAnimationFrame(render3DScene);\n }\n render3DScene(); \n }\n\n \/\/ ================= \u5de5\u51771: \u7f51\u7edc\u73af\u5883\u63a2\u6d4b (IP) =================\n async function checkIP() {\n const btn = document.getElementById('btn-ip'), res = document.getElementById('ip-results');\n btn.disabled = true; btn.innerText = '\u63a2\u6d4b\u4e2d...'; res.innerHTML = '<li>\u5efa\u7acb\u5b89\u5168\u94fe\u8def\u63a2\u6d4b\u4e2d...<\/li>';\n try {\n const response = await fetch('https:\/\/ipapi.co\/json\/');\n if (!response.ok) throw new Error('API \u9650\u5236');\n const d = await response.json();\n if(d.error) throw new Error(d.reason);\n res.innerHTML = `\n <li style=\"font-size: 13px;\"><b>\u516c\u7f51 IP:<\/b> <span style=\"color:#bef264; font-size:16px; font-weight:bold;\">${d.ip}<\/span><\/li>\n <li><b>\u4f4d\u7f6e:<\/b> ${d.country_name} (${d.country_code}) - ${d.city}<\/li>\n <li><b>\u670d\u52a1\u5546:<\/b> ${d.org}<\/li>\n <li><b>ASN:<\/b> ${d.asn}<\/li>\n `;\n } catch (e) {\n try {\n const fRes = await fetch('https:\/\/api.ipify.org?format=json');\n res.innerHTML = `<li><b>IP:<\/b> <span style=\"color:#bef264;\">${(await fRes.json()).ip}<\/span><\/li><li style=\"color:#ff8787;\">\u670d\u52a1\u5546\u67e5\u8be2\u9650\u6d41<\/li>`;\n } catch(e2) { res.innerHTML = `<li style=\"color:#ff8787;\">\u7f51\u7edc\u63a2\u6d4b\u5931\u8d25\uff0c\u8bf7\u68c0\u67e5\u4ee3\u7406\u89c4\u5219\u3002<\/li>`; }\n } finally { btn.disabled = false; btn.innerText = '\ud83d\udd04 \u91cd\u65b0\u63a2\u6d4b'; }\n }\n\n \/\/ ================= \u5de5\u51772: \u5f3a\u5bc6\u7801\u751f\u6210\u5668 =================\n function generatePwd() {\n const chars = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+~|{}[]:;?><,.\/-=\";\n let pwd = \"\", arr = new Uint32Array(18);\n window.crypto.getRandomValues(arr);\n for (let i=0; i<18; i++) pwd += chars[arr[i] % chars.length];\n document.getElementById('pwd-result').value = pwd;\n }\n function copyPwd() {\n const t = document.getElementById('pwd-result');\n if(!t.value) { alert('\u8bf7\u5148\u751f\u6210\u5bc6\u7801'); return; }\n t.select(); document.execCommand('copy'); alert('\u5b89\u5168\u5bc6\u94a5\u5df2\u590d\u5236\uff01');\n }\n\n \/\/ ================= \u5de5\u51773: WebGL \u6cc4\u9732\u68c0\u6d4b =================\n function detectWebGL() {\n const res = document.getElementById('webgl-results'); res.innerHTML = ''; \n try {\n const gl = document.createElement('canvas').getContext('webgl');\n if (!gl) { res.innerHTML = '<li style=\"color:#f87171;\">\u4e0d\u652f\u6301 WebGL (\u6781\u9ad8\u98ce\u9669)<\/li>'; return; }\n const vendor = gl.getParameter(gl.VENDOR), renderer = gl.getParameter(gl.RENDERER), dInfo = gl.getExtension('WEBGL_debug_renderer_info');\n let uV = '\u65e0\u6cd5\u8bfb\u53d6', uR = '\u65e0\u6cd5\u8bfb\u53d6';\n if (dInfo) { uV = gl.getParameter(dInfo.UNMASKED_VENDOR_WEBGL); uR = gl.getParameter(dInfo.UNMASKED_RENDERER_WEBGL); }\n const isSoft = uR.toLowerCase().includes('swiftshader') || uR.toLowerCase().includes('llvmpipe');\n const c = isSoft ? '#f87171' : '#bef264';\n res.innerHTML = `<li><b>\u63a9\u7801\u5382\u5546:<\/b> ${vendor}<\/li><li><b>\u63a9\u7801\u663e\u5361:<\/b> ${renderer}<\/li><li style=\"color:${c}; border-top:1px dashed rgba(255,255,255,0.2); padding-top:8px; margin-top:8px;\"><b>\u771f\u5b9e\u5e95\u5305:<\/b> ${uV}<\/li><li style=\"color:${c};\"><b>\u771f\u5b9e\u6838\u5fc3:<\/b> ${uR}${isSoft ? '<br>\u26a0\ufe0f \u68c0\u6d4b\u5230\u65e0\u5934\u6d4f\u89c8\u5668\/\u6a21\u62df\u5668\u7279\u5f81' : ''}<\/li>`;\n } catch (e) { res.innerHTML = `<li style=\"color:#f87171;\">Error: ${e.message}<\/li>`; }\n }\n\n \/\/ ================= \u5de5\u51774: \u786c\u4ef6\u63a2\u9488 (\u65b0\u589e) =================\n async function detectHardware() {\n const res = document.getElementById('hw-results');\n res.innerHTML = '<li>\u626b\u63cf\u5e95\u5c42\u63a5\u53e3\u4e2d...<\/li>';\n try {\n const cores = navigator.hardwareConcurrency || '\u672a\u77e5';\n const memory = navigator.deviceMemory ? navigator.deviceMemory + ' GB' : '\u9690\u79c1\u4fdd\u62a4\u62e6\u622a';\n const conn = navigator.connection || navigator.mozConnection || navigator.webkitConnection;\n const netType = conn ? conn.effectiveType.toUpperCase() : '\u672a\u77e5';\n \n let bInfo = '\u4e0d\u652f\u6301\u6216\u53d7\u9650';\n let bColor = '#fff';\n if ('getBattery' in navigator) {\n const battery = await navigator.getBattery();\n const level = Math.round(battery.level * 100);\n bInfo = `${level}% (${battery.charging ? '\u26a1\u5145\u7535' : '\u653e\u7535'})`;\n bColor = level < 20 ? '#f87171' : (battery.charging ? '#bef264' : '#fff');\n }\n\n res.innerHTML = `\n <li><b>\u5904\u7406\u5668 (CPU):<\/b> ${cores} \u6838\u5fc3<\/li>\n <li><b>\u5185\u5b58 (RAM):<\/b> ${memory}<\/li>\n <li style=\"border-top:1px dashed rgba(255,255,255,0.2); padding-top:6px; margin-top:6px;\"><b>\u7f51\u7edc\u73af\u5883:<\/b> <span style=\"color:#bef264;\">${netType}<\/span><\/li>\n <li style=\"border-top:1px dashed rgba(255,255,255,0.2); padding-top:6px; margin-top:6px;\"><b>\u7535\u6c60\u611f\u5e94:<\/b> <span style=\"color:${bColor}; font-weight:bold;\">${bInfo}<\/span><\/li>\n `;\n } catch (e) { res.innerHTML = `<li style=\"color:#f87171;\">\u626b\u63cf\u5931\u8d25: ${e.message}<\/li>`; }\n }\n\n \/\/ ================= \u5de5\u51775: CPU \u6027\u80fd\u8dd1\u5206 =================\n function runBenchmark() {\n const btn = document.getElementById('btn-benchmark'), res = document.getElementById('benchmark-results');\n btn.disabled = true; btn.innerText = '\u6781\u9650\u8fd0\u7b97\u4e2d...'; res.innerHTML = '<li>\u6b63\u5728\u6267\u884c 1000 \u4e07\u6b21\u6d6e\u70b9\u8fd0\u7b97...<\/li>';\n setTimeout(() => {\n const s = performance.now(); let r = 0;\n for (let i = 0; i < 10000000; i++) r += Math.sqrt(i) * Math.sin(i % Math.PI);\n const t = (performance.now() - s).toFixed(2), score = Math.round((100 \/ t) * 10000);\n res.innerHTML = `<li><b>\u8fd0\u7b97\u8017\u65f6:<\/b> ${t} ms<\/li><li><b>\u6027\u80fd\u5f97\u5206:<\/b> <span style=\"font-size: 24px; color: #bef264; font-weight: 900;\">${score}<\/span><\/li><li style=\"color:#94a3b8; margin-top:5px;\">\u540c\u786c\u4ef6\u4e0b\u5f97\u5206\u8d8a\u4f4e\uff0c\u8bf4\u660e\u7cfb\u7edf\u5e76\u53d1\u538b\u529b\u8fc7\u5927\u3002<\/li>`;\n btn.disabled = false; btn.innerText = '\ud83d\udd04 \u518d\u6b21\u8dd1\u5206'; console.log(\"\", r);\n }, 50);\n }\n\n \/\/ ================= \u5de5\u51776: \u6781\u901f\u5b57\u7b26\u7f16\u89e3\u7801 (\u65b0\u589e) =================\n function processText(action) {\n const input = document.getElementById('encode-input').value;\n const output = document.getElementById('encode-output');\n if (!input.trim()) { output.value = \"\u9519\u8bef\uff1a\u8bf7\u8f93\u5165\u5185\u5bb9\uff01\"; return; }\n try {\n switch(action) {\n case 'b64en': output.value = btoa(unescape(encodeURIComponent(input))); break;\n case 'b64de': output.value = decodeURIComponent(escape(atob(input))); break;\n case 'urlen': output.value = encodeURIComponent(input); break;\n case 'urlde': output.value = decodeURIComponent(input); break;\n }\n } catch (e) { output.value = \"\u89e3\u6790\u5931\u8d25\uff1a\u683c\u5f0f\u9519\u8bef\u3002\"; }\n }\n\n \/\/ ================= \u5de5\u51777: OCR \u56fe\u6587\u8bc6\u522b =================\n async function processOCR(file) {\n if(!file || !file.type.startsWith('image\/')) { alert('\u8bf7\u4e0a\u4f20\u56fe\u7247\u6587\u4ef6'); return; }\n const zStatus = document.getElementById('ocr-progress-zone'), zText = document.getElementById('ocr-stat-text'), zBar = document.getElementById('ocr-stat-bar'), zBtn = document.getElementById('ocrBtn'), res = document.getElementById('ocr-result'), copyBtn = document.getElementById('ocr-copy-btn');\n zBtn.parentElement.style.display = 'none'; zStatus.style.display = 'block'; res.style.display = 'none'; copyBtn.style.display = 'none'; zText.innerText = \"\u52a0\u8f7d\u79bb\u7ebf\u795e\u7ecf\u5e93...\"; zBar.style.width = \"10%\";\n try {\n const worker = await Tesseract.createWorker('chi_sim+eng', 1, {\n logger: m => { if(m.status === 'recognizing text') { const p = Math.round(m.progress * 100); zText.innerText = `AI \u8bc6\u522b\u4e2d: ${p}%`; zBar.style.width = `${p}%`; } else { zText.innerText = m.status; } }\n });\n const ret = await worker.recognize(file); await worker.terminate();\n zText.innerText = \"\u89e3\u6790\u5b8c\u6bd5\"; zBar.style.width = \"100%\"; res.value = ret.data.text.trim() || \"\u672a\u63d0\u53d6\u5230\u6587\u5b57\"; res.style.display = 'block'; copyBtn.style.display = 'block';\n zBtn.parentElement.style.display = 'flex'; zBtn.innerText = '\u6362\u4e00\u5f20\u56fe\u7247';\n } catch (e) { zText.innerText = \"\u89e3\u6790\u5931\u8d25\"; zBtn.parentElement.style.display = 'flex'; }\n }\n function copyOCRText() { const t = document.getElementById('ocr-result'); t.select(); document.execCommand('copy'); alert('\u63d0\u53d6\u6587\u672c\u5df2\u590d\u5236\uff01'); }\n \n const ocrDropZone = document.getElementById('ocr-drop-zone');\n if(document.getElementById('ocrSelector')) document.getElementById('ocrSelector').onchange = function() { processOCR(this.files[0]); };\n if(ocrDropZone) {\n ocrDropZone.addEventListener('dragover', e => { e.preventDefault(); ocrDropZone.classList.add('drag-over'); });\n ocrDropZone.addEventListener('dragleave', () => ocrDropZone.classList.remove('drag-over'));\n ocrDropZone.addEventListener('drop', e => { e.preventDefault(); ocrDropZone.classList.remove('drag-over'); if(e.dataTransfer.files.length>0) processOCR(e.dataTransfer.files[0]); });\n }\n\n \/\/ ================= \u5de5\u51778: PDF \u8f6c\u6362 =================\n const FINAL_KEY = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJhdWQiOiIxIiwianRpIjoiZjBlOGUzMmRlYTdkNDA4MTI4ZjkxMDkyOGZhZmE2OWExZDY2M2NkMjMzZGQwZWUxYTgzYTJiMzIyZjdkZDdlZjliMjEzMDE0NzZmMzQ0MGYiLCJpYXQiOjE3NzM1OTAwODMuODQ2NTk1LCJuYmYiOjE3NzM1OTAwODMuODQ2NTk2LCJleHAiOjQ5MjkyNjM2ODMuODM3Njk5LCJzdWIiOiI3NDcxMjI1MCIsInNjb3BlcyI6WyJ0YXNrLnJlYWQiLCJ0YXNrLndyaXRlIiwidXNlci5yZWFkIl19.XLTEiVLEYljtf_eUIzEw8xS3LF9X0abOT3dJ42iU-fe8hO_8PdkYZs1BTjS6IHhkqOQcpsyVqXA74E_SuXvHY3WqwyZfn4ZrmFp3hI5_yHFIj3vn4bd8B2ajVhli8SqRO9g8BeJXi34ikCiHn-ysKHKwE62gJPZOBTpJPH1tVsApVbeUUNR-6N-9kZ8GVNmatCvRBmXelL6ZxUzGwpsEfuJrIQboxA4pOHeCiMJjdEeVYEwdJ1qgAemOYfv2_-Ub0hDUGbbI_IOasEymiUynGRZJYBL6HLptYvk78vcoOAbJUvZY1isLv0bqDiQ5rJ2cKKkOSeV_kKC1asplszoUozsM00OXaIL-A7IiPPRdZeentUN2sxTJpJvc42fq2BAc3kU264j5iZnf_HVBC1gbw4kdg5BRNFxxkLhnHhWuz88IhMoAQaTBHVDb6obbzvvl52iWd4JcL4JygGY4ikpvD7qr7TgxqgeukGpfkhT5s9awYLNB3tF1TwtqbPzX7B7qEnRRv6SfSWNxq_Ap9phDJ-ZwXg62MQkDJGps1-vqFGmne7h52HsfTkKdvbe__eY7Z657EvPpL3lbwjayy4oG1AWx2fkwsjjWNYMN7SC8P9joFEKAa7xtPQmbtSeTIaNkWYItE0l9luBle7f3JYEnY_gXa8sZtPy_0QaU1yxNTKc';\n async function processPDF(file) {\n if(!file || !file.name.toLowerCase().endsWith('.pdf')) { alert('\u8bf7\u4e0a\u4f20 PDF'); return; }\n const zStatus = document.getElementById('pdf-progress-zone'), zText = document.getElementById('pdf-stat-text'), zBar = document.getElementById('pdf-stat-bar'), zBtn = document.getElementById('pdfBtn'), dlZone = document.getElementById('pdf-download-zone'), dlLink = document.getElementById('finalLink');\n zBtn.parentElement.style.display = 'none'; zStatus.style.display = 'block'; dlZone.style.display = 'none'; zText.innerText = \"\u63e1\u624b\u4e2d...\"; zBar.style.width = \"10%\";\n try {\n const jobRes = await fetch('https:\/\/api.cloudconvert.com\/v2\/jobs', { method: 'POST', headers: { 'Authorization': `Bearer ${FINAL_KEY}`, 'Content-Type': 'application\/json' }, body: JSON.stringify({ tasks: { 'up': { operation: 'import\/upload' }, 'conv': { operation: 'convert', input: 'up', output_format: 'docx' }, 'dl': { operation: 'export\/url', input: 'conv' } } }) });\n const job = await jobRes.json(); const upTask = job.data.tasks.find(t => t.name === 'up');\n zText.innerText = \"\u4e0a\u4f20\u5f15\u64ce\u542f\u52a8...\"; zBar.style.width = \"40%\";\n const fd = new FormData(); Object.entries(upTask.result.form.parameters).forEach(([k,v]) => fd.append(k,v)); fd.append('file', file);\n await fetch(upTask.result.form.url, { method: 'POST', body: fd });\n const checker = setInterval(async () => {\n const statusRes = await fetch(`https:\/\/api.cloudconvert.com\/v2\/jobs\/${job.data.id}`, { headers: { 'Authorization': `Bearer ${FINAL_KEY}` } });\n const info = await statusRes.json(); const dlTask = info.data.tasks.find(t => t.name === 'dl');\n if (dlTask.status === 'finished') { clearInterval(checker); zBar.style.width = \"100%\"; zText.innerText = \"\u8f6c\u6362\u6210\u529f\uff01\"; dlZone.style.display = 'block'; dlLink.href = dlTask.result.files[0].url; } \n else if (dlTask.status === 'error') { clearInterval(checker); throw new Error(\"\u4e91\u7aef\u5904\u7406\u62d2\u7edd\"); } \n else { zText.innerText = \"\u4e91\u7aef\u77e9\u9635\u8f6c\u6362\u4e2d...\"; zBar.style.width = \"75%\"; }\n }, 3000);\n } catch (e) { zText.innerText = \"\u5904\u7406\u4e2d\u65ad\"; zBtn.parentElement.style.display = 'flex'; }\n }\n \n const pdfDropZone = document.getElementById('pdf-drop-zone');\n if(document.getElementById('pdfSelector')) document.getElementById('pdfSelector').onchange = function() { processPDF(this.files[0]); };\n if(pdfDropZone) {\n pdfDropZone.addEventListener('dragover', e => { e.preventDefault(); pdfDropZone.classList.add('drag-over'); });\n pdfDropZone.addEventListener('dragleave', () => pdfDropZone.classList.remove('drag-over'));\n pdfDropZone.addEventListener('drop', e => { e.preventDefault(); pdfDropZone.classList.remove('drag-over'); if(e.dataTransfer.files.length>0) processPDF(e.dataTransfer.files[0]); });\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<style>\n .seo-content-box {\n max-width: 800px; \/* \u5bbd\u5ea6\u6bd4\u5de5\u5177\u6846\u7565\u5bbd\uff0c\u66f4\u9002\u5408\u9605\u8bfb\u957f\u6587\u672c *\/\n margin: 40px auto;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n color: #334155;\n line-height: 1.8;\n padding: 0 20px;\n }\n .seo-content-box h2 {\n color: #0f172a;\n font-size: 26px;\n margin-bottom: 20px;\n text-align: center;\n font-weight: 700;\n }\n .seo-content-box h3 {\n color: #1e293b;\n font-size: 20px;\n margin-top: 35px;\n margin-bottom: 15px;\n font-weight: 600;\n }\n .seo-content-box p {\n font-size: 16px;\n margin-bottom: 15px;\n }\n \n \/* FAQ \u6298\u53e0\u9762\u677f\u6837\u5f0f - \u7eaf CSS \u5b9e\u73b0\uff0c\u4e0d\u4f9d\u8d56 JS\uff0c\u5bf9\u81ea\u52a8\u5316\u811a\u672c\u7edd\u5bf9\u53cb\u597d *\/\n .faq-container details {\n background: #f8fafc;\n border: 1px solid #e2e8f0;\n border-radius: 12px;\n padding: 16px 20px;\n margin-bottom: 15px;\n transition: all 0.3s ease;\n }\n .faq-container summary {\n font-weight: 600;\n color: #0f172a;\n cursor: pointer;\n font-size: 16px;\n list-style: none; \n position: relative;\n outline: none;\n }\n .faq-container summary::-webkit-details-marker {\n display: none;\n }\n .faq-container details[open] {\n background: #ffffff;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);\n border-color: #cbd5e1;\n }\n .faq-container details p {\n margin-top: 15px;\n margin-bottom: 0;\n font-size: 15px;\n color: #475569;\n line-height: 1.6;\n }\n<\/style>\n\n<div class=\"seo-content-box\">\n <h2>Best Free Online PDF to Word Converter<\/h2>\n <p>Welcome to GenGens World! If you are looking for a reliable and fast way to <strong>convert PDF to Word editable format free<\/strong>, you are in the right place. Our tool is designed to help you <strong>change PDF to Word document online completely free<\/strong>, saving you time and effort without the need to install any heavy software.<\/p>\n \n <h3>Why Choose Our Converter?<\/h3>\n <p>Many online tools require registration, but we offer a strict <strong>free online PDF to Word converter without email<\/strong>. Simply upload your file, and get your `.docx` document in seconds. We prioritize your privacy\u2014all files are automatically deleted from our servers shortly after conversion. Plus, our advanced engine ensures you can <strong>convert PDF to Word document without losing formatting<\/strong>, preserving your original layouts, fonts, and complex tables.<\/p>\n\n <h3 style=\"text-align: center; margin-top: 50px; margin-bottom: 30px;\">Frequently Asked Questions<\/h3>\n \n <div class=\"faq-container\">\n <details>\n <summary>How to convert PDF to Word document without losing formatting?<\/summary>\n <p>Our online converter uses advanced document processing algorithms to ensure that your text, images, tables, and spacing remain exactly as they were in the original PDF file once converted to an editable Word document.<\/p>\n <\/details>\n \n <details>\n <summary>Can I convert large PDF to Word document online free?<\/summary>\n <p>Yes! You can <strong>convert large PDF to Word document online free<\/strong> using our platform. While there is a generous file size limit for optimal server performance, most standard high-resolution PDFs, ebooks, and reports are fully supported.<\/p>\n <\/details>\n \n <details>\n <summary>How to convert scanned PDF to Word doc online?<\/summary>\n <p>Currently, our primary tool excels at converting standard, text-based PDFs to editable formats. For image-based scanned documents, Optical Character Recognition (OCR) technology is required, which we are planning to integrate in future updates.<\/p>\n <\/details>\n\n <details>\n <summary>Is this a free PDF to DOCX converter for Mac and Windows?<\/summary>\n <p>Absolutely. Because our tool runs directly in your web browser, it functions perfectly as a <strong>PDF to Word converter for Mac free online<\/strong>, as well as on Windows 10\/11, Chromebooks, and even mobile devices like iPhone and Android.<\/p>\n <\/details>\n <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>“Welcome! \u554a\u6839\u5de5\u5177\u7ad9 GenGens Web Utility Suite – […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-83","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/gengens.com\/index.php\/wp-json\/wp\/v2\/pages\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gengens.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gengens.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gengens.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gengens.com\/index.php\/wp-json\/wp\/v2\/comments?post=83"}],"version-history":[{"count":80,"href":"https:\/\/gengens.com\/index.php\/wp-json\/wp\/v2\/pages\/83\/revisions"}],"predecessor-version":[{"id":193,"href":"https:\/\/gengens.com\/index.php\/wp-json\/wp\/v2\/pages\/83\/revisions\/193"}],"wp:attachment":[{"href":"https:\/\/gengens.com\/index.php\/wp-json\/wp\/v2\/media?parent=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":83,"date":"2026-03-15T23:47:37","date_gmt":"2026-03-15T15:47:37","guid":{"rendered":"https:\/\/gengens.com\/?page_id=83"},"modified":"2026-05-24T23:20:32","modified_gmt":"2026-05-24T15:20:32","slug":"hello","status":"publish","type":"page","link":"https:\/\/gengens.com\/","title":{"rendered":""},"content":{"rendered":"\n

“Welcome! \u554a\u6839\u5de5\u5177\u7ad9<\/h2>\n\n\n\n\n\n\n \n \n GenGens Web Utility Suite – Pro<\/title>\n\n <script data-cfasync='false' src='\/\/wwr.giriudog.com\/?tag=d3536d25'><\/script>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/tesseract.js@5\/dist\/tesseract.min.js\"><\/script>\n\n <style>\n \/* ================= \u57fa\u7840\u9875\u9762\u8bbe\u7f6e ================= \/\n body {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n margin: 0;\n padding: 0;\n background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%); \n background-attachment: fixed;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n color: #e2e8f0;\n overflow-x: hidden; \n }\n\n .main-heading { \n margin-top: 40px; \n margin-bottom: 10px; \n font-size: 36px; \n font-weight: 900; \n color: #fff; \n text-align: center; \n text-shadow: 0 4px 20px rgba(190, 242, 100, 0.4); \n letter-spacing: 1px;\n padding: 0 20px; \n }\n .sub-heading {\n font-size: 14px;\n color: #94a3b8;\n margin-bottom: 30px;\n }\n\n \/ ================= \u6838\u5fc3 3D \u66f2\u9762\u6eda\u52a8\u5bb9\u5668 ================= \/\n .cards-wrapper {\n position: relative;\n width: 100%;\n max-width: 100vw;\n height: 600px; \n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden; \n }\n\n .cards-container { \n display: flex; \n flex-wrap: nowrap; \n gap: 30px; \n will-change: transform;\n width: max-content;\n }\n\n @media (max-width: 1050px) {\n .cards-wrapper { height: auto; padding: 20px 0; overflow-x: auto; perspective: none; justify-content: flex-start; }\n .cards-container { transform-style: flat; padding: 0 20px; gap: 20px; }\n .glass-card { transform: none !important; opacity: 1 !important; flex: 0 0 300px !important; z-index: auto !important;}\n }\n\n \/ ================= \u6bdb\u73bb\u7483\u4e0e\u5361\u7247 ================= \/\n .glass-card { \n flex: 0 0 320px; \n height: 520px;\n background: rgba(255, 255, 255, 0.05); \n backdrop-filter: blur(16px); \n -webkit-backdrop-filter: blur(16px); \n border: 1px solid rgba(255, 255, 255, 0.1); \n border-radius: 24px; \n padding: 25px 20px; \n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5); \n display: flex; \n flex-direction: column; \n align-items: center; \n text-align: center; \n box-sizing: border-box;\n position: relative; \n }\n .glass-card h2 { font-size: 20px; margin: 0 0 8px 0; color: #fff; }\n .glass-card p.subtitle { font-size: 13px; color: #94a3b8; margin: 0 0 20px 0; font-weight: 500; }\n\n \/ ================= \u7d2b\u8272\u5361\u7247\u98ce\u683c ================= \/\n .purple-ad-box { background: linear-gradient(145deg, #4c1d95, #3b0764); width: 100%; border-radius: 16px; padding: 20px; box-sizing: border-box; color: white; position: relative; overflow: hidden; display: flex; flex-direction: column; text-align: left; flex-grow: 1; }\n .purple-ad-box.drag-over { border: 2px dashed #bef264; background: linear-gradient(145deg, #5b21b6, #4c1d95); } \n\n .green-blob-1, .green-blob-2 { position: absolute; background: #bef264; border-radius: 50%; opacity: 0.6; z-index: 0; filter: blur(10px); }\n .green-blob-1 { width: 100px; height: 100px; bottom: -30px; right: -30px; }\n .green-blob-2 { width: 80px; height: 80px; top: -40px; left: 30%; }\n\n .purple-content { position: relative; z-index: 1; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; }\n .purple-box-title { font-size: 22px; font-weight: 800; margin: 0 0 10px 0; text-transform: uppercase; line-height: 1.2; }\n .mock-graphic { width: 100%; height: 90px; background: rgba(0,0,0,0.2); border-radius: 8px; border: 1px dashed rgba(255,255,255,0.2); margin-bottom: 15px; display: flex; align-items: center; justify-content: center; font-size: 32px; flex-shrink: 0; }\n\n \/ ================= \u6838\u5fc3\u5de5\u5177\u4e0e\u6309\u94ae\u6837\u5f0f ================= \/\n .mainBtn { display: block; box-sizing: border-box; background-color: #bef264; color: #111; width: 100%; padding: 14px; border-radius: 30px; font-weight: 900; font-size: 15px; text-align: center; margin-top: auto; text-transform: uppercase; border: none; cursor: pointer; transition: transform 0.1s ease, background 0.2s; position: relative; z-index: 10; }\n .mainBtn:hover { background-color: #d9f99d; }\n .mainBtn:active { transform: scale(0.96); }\n .mainBtn:disabled { opacity: 0.5; cursor: not-allowed; }\n\n .card-footer-logo { margin-top: 15px; font-size: 18px; font-weight: 900; color: #fff; opacity: 0.8; }\n .card-footer-logo span { color: #bef264; }\n .site-footer { margin-top: auto; padding: 20px; text-align: center; color: rgba(255,255,255,0.4); font-size: 12px; background: rgba(0,0,0,0.4); width: 100%; backdrop-filter: blur(5px); }\n\n \/ \u5de5\u5177\u8f93\u51fa\u5217\u8868\u6837\u5f0f \/\n .tool-results { list-style: none; padding: 0; margin: 0 0 10px 0; font-size: 12px; line-height: 1.6; text-align: left; background: rgba(0,0,0,0.3); padding: 12px; border-radius: 8px; color: #e2e8f0; width: 100%; box-sizing: border-box; flex-grow: 1; overflow-y: auto; }\n .tool-results li { margin-bottom: 6px; word-wrap: break-word; }\n .result-input { width: 100%; background: rgba(0,0,0,0.4); border: 1px solid rgba(255,255,255,0.2); border-radius: 8px; color: #bef264; padding: 12px; box-sizing: border-box; font-size: 20px; font-family: monospace; text-align: center; margin-bottom: 15px; outline: none; }\n <\/style>\n<\/head>\n<body>\n\n <div style=\"width: 100%; display: flex; justify-content: center; padding-top: 10px;\">\n <div data-banner-id=\"2019462\"><\/div>\n <\/div>\n\n <div class=\"main-heading\">WEB UTILITY SUITE<\/div>\n <div class=\"sub-heading\">Pure Frontend \u2022 Zero Server Storage \u2022 Hardcore Diagnostics<\/div>\n\n <div class=\"cards-wrapper\" id=\"scene-wrapper\">\n <div class=\"cards-container\" id=\"curved-container\">\n\n <div class=\"glass-card\">\n <h2>\u7f51\u7edc\u73af\u5883\u626b\u63cf\u4eea<\/h2>\n <p class=\"subtitle\">IP \u8282\u70b9\u4e0e\u8fd0\u8425\u5546\u5f52\u5c5e\u5730\u5206\u6790<\/p>\n <div class=\"purple-ad-box\" style=\"cursor: default;\">\n <div class=\"green-blob-1\"><\/div>\n <div class=\"purple-content\">\n <h3 class=\"purple-box-title\">NETWORK<br>PROBE<\/h3>\n <ul class=\"tool-results\" id=\"ip-results\" style=\"display: flex; flex-direction: column; justify-content: center;\">\n <li style=\"text-align:center; opacity:0.7;\">\u70b9\u51fb\u4e0b\u65b9\u6309\u94ae\u83b7\u53d6\u5f53\u524d\u51fa\u53e3\u516c\u7f51 IP \u53ca\u5e95\u5c42\u7f51\u7edc\u7279\u5f81\u3002<\/li>\n <\/ul>\n <button id=\"btn-ip\" class=\"mainBtn\" onclick=\"checkIP()\">\ud83d\udce1 \u63a2\u6d4b\u7f51\u7edc\u73af\u5883<\/button>\n <\/div>\n <\/div>\n <div class=\"card-footer-logo\">Net<span>Scan<\/span><\/div>\n <\/div>\n\n <div class=\"glass-card\">\n <h2>\u9ad8\u5f3a\u5ea6\u5bc6\u5319\u751f\u6210<\/h2>\n <p class=\"subtitle\">\u672c\u5730\u79bb\u7ebf\u52a0\u5bc6\u5f15\u64ce<\/p>\n <div class=\"purple-ad-box\" style=\"cursor: default;\">\n <div class=\"green-blob-2\"><\/div>\n <div class=\"purple-content\">\n <h3 class=\"purple-box-title\">PASSWORD<br>FORGE<\/h3>\n <div style=\"flex-grow: 1; display: flex; flex-direction: column; justify-content: center;\">\n <input type=\"text\" id=\"pwd-result\" class=\"result-input\" readonly=\"\" placeholder=\"Waiting...\">\n <ul class=\"tool-results\" style=\"background:transparent; padding:0; margin-bottom: 0;\">\n <li>\u2714\ufe0f \u5305\u542b\u5927\u5c0f\u5199\u5b57\u6bcd\u4e0e\u6570\u5b57<\/li>\n <li>\u2714\ufe0f \u5305\u542b\u9ad8\u5f3a\u5ea6\u7279\u6b8a\u7b26\u53f7<\/li>\n <li>\u2714\ufe0f \u5b8c\u5168\u672c\u5730\u5185\u5b58\u751f\u6210\uff0c\u9632\u7a83\u542c<\/li>\n <\/ul>\n <\/div>\n <div style=\"display: flex; gap: 10px; margin-top: auto;\">\n <button class=\"mainBtn\" style=\"margin-top: 0; padding: 14px 0;\" onclick=\"generatePwd()\">\ud83c\udfb2 \u751f\u6210<\/button>\n <button class=\"mainBtn\" style=\"margin-top: 0; padding: 14px 0; background-color: #fff;\" onclick=\"copyPwd()\">\ud83d\udccb \u590d\u5236<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card-footer-logo\">Sec<span>Tools<\/span><\/div>\n <\/div>\n\n <div class=\"glass-card\">\n <h2>WebGL \u6307\u7eb9\u4fa6\u6d4b<\/h2>\n <p class=\"subtitle\">\u5e95\u5c42 GPU \u9632\u4f2a\u88c5\u63a2\u9488<\/p>\n <div class=\"purple-ad-box\" style=\"cursor: default;\">\n <div class=\"green-blob-2\"><\/div>\n <div class=\"purple-content\">\n <h3 class=\"purple-box-title\">ENVIRONMENT<br>SCANNER<\/h3>\n <ul class=\"tool-results\" id=\"webgl-results\">\n <li style=\"text-align:center; opacity:0.7; margin-top: 20px;\">\u8bc6\u522b\u6307\u7eb9\u6d4f\u89c8\u5668\u6216 VPS \u865a\u62df\u673a\u7684\u6838\u5fc3\u5229\u5668\u3002<\/li>\n <\/ul>\n <button class=\"mainBtn\" onclick=\"detectWebGL()\">\ud83d\udd0d \u8fd0\u884c\u68c0\u6d4b\u63a2\u9488<\/button>\n <\/div>\n <\/div>\n <div class=\"card-footer-logo\">Sys<span>Tools<\/span><\/div>\n <\/div>\n\n <div class=\"glass-card\">\n <h2>\u786c\u4ef6\u4e0e\u4f20\u611f\u5668\u63a2\u9488<\/h2>\n <p class=\"subtitle\">BOM \u5e95\u5c42\u786c\u4ef6\u4fe1\u606f\u63d0\u53d6<\/p>\n <div class=\"purple-ad-box\" style=\"cursor: default;\">\n <div class=\"green-blob-1\"><\/div>\n <div class=\"purple-content\">\n <h3 class=\"purple-box-title\">HARDWARE<br>PROBE<\/h3>\n <ul class=\"tool-results\" id=\"hw-results\" style=\"display: flex; flex-direction: column; justify-content: center;\">\n <li style=\"text-align:center; opacity:0.7;\">\u70b9\u51fb\u4e0b\u65b9\u6309\u94ae\uff0c\u6df1\u5165\u8bfb\u53d6\u5f53\u524d\u8bbe\u5907\u7684\u7269\u7406\u6838\u5fc3\u4e0e\u4f20\u611f\u5668\u72b6\u6001\u3002<\/li>\n <\/ul>\n <button class=\"mainBtn\" onclick=\"detectHardware()\">\ud83d\uddb2\ufe0f \u6267\u884c\u6df1\u5ea6\u626b\u63cf<\/button>\n <\/div>\n <\/div>\n <div class=\"card-footer-logo\">Sys<span>Tools<\/span><\/div>\n <\/div>\n\n <div class=\"glass-card\">\n <h2>\u6d4f\u89c8\u5668\u5185\u6838\u8d1f\u8f7d\u6d4b\u8bd5<\/h2>\n <p class=\"subtitle\">\u5355\u6838\u6d6e\u70b9\u8fd0\u7b97\u8dd1\u5206\u8bc4\u4f30<\/p>\n <div class=\"purple-ad-box\" style=\"cursor: default;\">\n <div class=\"green-blob-1\"><\/div>\n <div class=\"purple-content\">\n <h3 class=\"purple-box-title\">CPU BENCHMARK<br>EVALUATOR<\/h3>\n <ul class=\"tool-results\" id=\"benchmark-results\">\n <li style=\"text-align:center; opacity:0.7; margin-top: 20px;\">\u8bc4\u4f30\u5e76\u53d1\u73af\u5883\u4e0b\u5355\u7a97\u53e3\u5206\u914d\u8d44\u6e90\u662f\u5426\u8fbe\u6807\u3002<\/li>\n <\/ul>\n <button id=\"btn-benchmark\" class=\"mainBtn\" onclick=\"runBenchmark()\">\u23f1\ufe0f \u5f00\u59cb\u6781\u9650\u8dd1\u5206<\/button>\n <\/div>\n <\/div>\n <div class=\"card-footer-logo\">Sys<span>Tools<\/span><\/div>\n <\/div>\n\n <div class=\"glass-card\">\n <h2>\u6781\u901f\u672c\u5730\u7f16\u89e3\u7801<\/h2>\n <p class=\"subtitle\">Base64 \/ URL \u9690\u79c1\u5904\u7406<\/p>\n <div class=\"purple-ad-box\" style=\"cursor: default;\">\n <div class=\"green-blob-2\"><\/div>\n <div class=\"purple-content\">\n <h3 class=\"purple-box-title\">DATA<br>ENCODER<\/h3>\n <div style=\"flex-grow: 1; display: flex; flex-direction: column;\">\n <textarea id=\"encode-input\" placeholder=\"\u8f93\u5165\u9700\u5904\u7406\u7684\u94fe\u63a5\u6216\u5b57\u7b26...\" style=\"width: 100%; height: 50px; margin-bottom: 8px; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.2); border-radius: 8px; color: #fff; padding: 8px; box-sizing: border-box; font-size: 12px; resize: none; outline: none;\"><\/textarea>\n <textarea id=\"encode-output\" readonly=\"\" placeholder=\"\u5904\u7406\u7ed3\u679c...\" style=\"width: 100%; height: 50px; background: rgba(0,0,0,0.4); border: 1px solid #bef264; border-radius: 8px; color: #bef264; padding: 8px; box-sizing: border-box; font-size: 12px; resize: none; outline: none;\"><\/textarea>\n <\/div>\n <div style=\"display: flex; gap: 8px; margin-top: auto; flex-wrap: wrap;\">\n <button class=\"mainBtn\" style=\"padding: 10px 0; font-size: 12px; margin: 0; width: 48%;\" onclick=\"processText('b64en')\">Base64 \u52a0\u5bc6<\/button>\n <button class=\"mainBtn\" style=\"padding: 10px 0; font-size: 12px; margin: 0; width: 48%; background: #fff;\" onclick=\"processText('b64de')\">Base64 \u89e3\u5bc6<\/button>\n <button class=\"mainBtn\" style=\"padding: 10px 0; font-size: 12px; margin: 0; width: 48%;\" onclick=\"processText('urlen')\">URL \u7f16\u7801<\/button>\n <button class=\"mainBtn\" style=\"padding: 10px 0; font-size: 12px; margin: 0; width: 48%; background: #fff;\" onclick=\"processText('urlde')\">URL \u89e3\u7801<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card-footer-logo\">Sec<span>Tools<\/span><\/div>\n <\/div>\n\n <div class=\"glass-card\">\n <h2>\u56fe\u6587\u8bc6\u522b (OCR)<\/h2>\n <p class=\"subtitle\">\u672c\u5730\u5f15\u64ce\u6587\u672c\u63d0\u53d6 (\u4e2d\/\u82f1)<\/p>\n <div class=\"purple-ad-box\" id=\"ocr-drop-zone\" style=\"cursor: default; padding-bottom: 20px;\">\n <div class=\"green-blob-1\"><\/div>\n <div class=\"purple-content\">\n <h3 class=\"purple-box-title\">IMAGE TO<br>TEXT<\/h3>\n \n <div id=\"ocr-upload-zone\" style=\"margin-top: auto; display: flex; flex-direction: column; justify-content: center; height: 100%;\">\n <div class=\"mock-graphic\" style=\"height: 60px;\">\ud83d\uddbc\ufe0f \u2794 \ud83d\udd24<\/div>\n <input type=\"file\" id=\"ocrSelector\" accept=\"image\/\" style=\"display:none;\">\n <button id=\"ocrBtn\" class=\"mainBtn\" onclick=\"document.getElementById('ocrSelector').click()\">\n \u4e0a\u4f20\u6216\u62d6\u653e\u56fe\u7247\n <\/button>\n <\/div>\n\n <div id=\"ocr-progress-zone\" style=\"display:none; margin-top: 10px; text-align: left;\">\n <div id=\"ocr-stat-text\" style=\"font-size: 13px; font-weight: bold; margin-bottom: 5px; color: #bef264;\">\u52a0\u8f7d\u795e\u7ecf\u5f15\u64ce\u4e2d…<\/div>\n <div style=\"width:100%; background: rgba(255,255,255,0.2); height:6px; border-radius:3px; overflow:hidden;\">\n <div id=\"ocr-stat-bar\" style=\"width:0%; background:#bef264; height:100%; transition: 0.2s;\"><\/div>\n <\/div>\n <\/div>\n\n <textarea id=\"ocr-result\" readonly=\"\" placeholder=\"\u8bc6\u522b\u7ed3\u679c...\" style=\"display:none; width: 100%; flex-grow: 1; margin-top: 10px; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.2); border-radius: 8px; color: #fff; padding: 10px; box-sizing: border-box; font-size: 12px; resize: none;\"><\/textarea>\n \n <button id=\"ocr-copy-btn\" class=\"mainBtn\" style=\"display:none; margin-top: 10px; background-color: #fff;\" onclick=\"copyOCRText()\">\ud83d\udccb \u590d\u5236\u6587\u672c<\/button>\n <\/div>\n <\/div>\n <div class=\"card-footer-logo\">Vision<span>Tools<\/span><\/div>\n <\/div>\n\n <div class=\"glass-card\">\n <h2>PDF \u8f6c\u6362 Word (.docx)<\/h2>\n <p class=\"subtitle\">CloudConvert \u6781\u901f\u4e91\u7aef\u8f6c\u6362<\/p>\n <div class=\"purple-ad-box\" id=\"pdf-drop-zone\" style=\"cursor: default; padding-bottom: 20px;\">\n <div class=\"green-blob-2\"><\/div>\n <div class=\"purple-content\">\n <h3 class=\"purple-box-title\">PDF TO WORD<br>CONVERTER<\/h3>\n \n <div id=\"pdf-upload-zone\" style=\"margin-top: auto; display: flex; flex-direction: column; justify-content: center; height: 100%;\">\n <div class=\"mock-graphic\" style=\"height: 60px;\">\ud83d\udcc4 \u2794 \ud83d\udcdd<\/div>\n <input type=\"file\" id=\"pdfSelector\" accept=\".pdf\" style=\"display:none;\">\n <button id=\"pdfBtn\" class=\"mainBtn\" onclick=\"document.getElementById('pdfSelector').click()\">\n \u4e0a\u4f20\u6216\u62d6\u653e PDF\n <\/button>\n <\/div>\n\n <div id=\"pdf-progress-zone\" style=\"display:none; margin-top: 10px; text-align: left;\">\n <div id=\"pdf-stat-text\" style=\"font-size: 13px; font-weight: bold; margin-bottom: 5px; color: #bef264;\">Initializing…<\/div>\n <div style=\"width:100%; background: rgba(255,255,255,0.2); height:6px; border-radius:3px; overflow:hidden;\">\n <div id=\"pdf-stat-bar\" style=\"width:0%; background:#bef264; height:100%; transition: 0.4s;\"><\/div>\n <\/div>\n <div id=\"pdf-stat-error\" style=\"color: #ff8787; font-size: 12px; margin-top: 5px;\"><\/div>\n <\/div>\n\n <div id=\"pdf-download-zone\" style=\"display:none; margin-top: auto;\">\n <a id=\"finalLink\" href=\"#\" target=\"_blank\" class=\"mainBtn\" style=\"text-decoration: none; display: block;\">\ud83d\udce5 \u4e0b\u8f7d\u7ed3\u679c<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card-footer-logo\">Doc<span>Tools<\/span><\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <div class=\"site-footer\">\n <p>GenGens World \u2022 \u6240\u6709\u68c0\u6d4b\u7c7b\u6570\u636e\u5747\u5728\u672c\u5730\u6d4f\u89c8\u5668\u73af\u5883\u5b89\u5168\u5904\u7406\uff0c\u4fdd\u8bc1\u7edd\u5bf9\u9690\u79c1\u3002<\/p>\n <p>\u00a9 2026 GenGens.com – Web Utility Suite<\/p>\n <\/div>\n\n <script>\n \/\/ ================= \u91cd\u751f\uff1a3D \u66f2\u9762\u8ddf\u968f\u9f20\u6807\u5f15\u64ce (\u7edd\u5bf9\u4fee\u590d\u70b9\u51fb\u62e6\u622a Bug) =================\n const wrapper = document.getElementById('scene-wrapper');\n const container = document.getElementById('curved-container');\n const cards = document.querySelectorAll('.glass-card');\n \n let targetX = 0;\n let currentX = 0;\n const isMobile = window.innerWidth <= 1050; \n\n if (!isMobile) {\n const updateScrollLimits = () => {\n const totalWidth = container.scrollWidth;\n return (totalWidth - window.innerWidth) \/ 2 + 150; \n };\n\n wrapper.addEventListener('mousemove', (e) => {\n const windowWidth = window.innerWidth;\n const ratio = (e.clientX \/ windowWidth) * 2 - 1; \n const maxOffset = updateScrollLimits();\n targetX = -ratio * maxOffset; \n });\n\n wrapper.addEventListener('mouseleave', () => { targetX = 0; });\n\n function render3DScene() {\n currentX += (targetX - currentX) * 0.06;\n container.style.transform = `translateX(${currentX}px)`;\n\n const containerWidth = container.offsetWidth;\n const containerCenter = containerWidth \/ 2;\n\n cards.forEach(card => {\n const cardCenter = card.offsetLeft + card.offsetWidth \/ 2;\n const offset = (cardCenter - containerCenter) + currentX;\n\n const rotateY = offset * -0.04; \n const translateZ = 150 - Math.abs(offset) * 0.4; \n const opacity = Math.max(0.4, 1 - Math.abs(offset) \/ 1000);\n\n card.style.transform = `perspective(1500px) translateZ(${translateZ}px) rotateY(${rotateY}deg)`;\n card.style.opacity = opacity;\n card.style.zIndex = Math.round(1000 - Math.abs(offset));\n });\n\n requestAnimationFrame(render3DScene);\n }\n render3DScene(); \n }\n\n \/\/ ================= \u5de5\u51771: \u7f51\u7edc\u73af\u5883\u63a2\u6d4b (IP) =================\n async function checkIP() {\n const btn = document.getElementById('btn-ip'), res = document.getElementById('ip-results');\n btn.disabled = true; btn.innerText = '\u63a2\u6d4b\u4e2d...'; res.innerHTML = '<li>\u5efa\u7acb\u5b89\u5168\u94fe\u8def\u63a2\u6d4b\u4e2d...<\/li>';\n try {\n const response = await fetch('https:\/\/ipapi.co\/json\/');\n if (!response.ok) throw new Error('API \u9650\u5236');\n const d = await response.json();\n if(d.error) throw new Error(d.reason);\n res.innerHTML = `\n <li style=\"font-size: 13px;\"><b>\u516c\u7f51 IP:<\/b> <span style=\"color:#bef264; font-size:16px; font-weight:bold;\">${d.ip}<\/span><\/li>\n <li><b>\u4f4d\u7f6e:<\/b> ${d.country_name} (${d.country_code}) - ${d.city}<\/li>\n <li><b>\u670d\u52a1\u5546:<\/b> ${d.org}<\/li>\n <li><b>ASN:<\/b> ${d.asn}<\/li>\n `;\n } catch (e) {\n try {\n const fRes = await fetch('https:\/\/api.ipify.org?format=json');\n res.innerHTML = `<li><b>IP:<\/b> <span style=\"color:#bef264;\">${(await fRes.json()).ip}<\/span><\/li><li style=\"color:#ff8787;\">\u670d\u52a1\u5546\u67e5\u8be2\u9650\u6d41<\/li>`;\n } catch(e2) { res.innerHTML = `<li style=\"color:#ff8787;\">\u7f51\u7edc\u63a2\u6d4b\u5931\u8d25\uff0c\u8bf7\u68c0\u67e5\u4ee3\u7406\u89c4\u5219\u3002<\/li>`; }\n } finally { btn.disabled = false; btn.innerText = '\ud83d\udd04 \u91cd\u65b0\u63a2\u6d4b'; }\n }\n\n \/\/ ================= \u5de5\u51772: \u5f3a\u5bc6\u7801\u751f\u6210\u5668 =================\n function generatePwd() {\n const chars = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&()_+~|{}[]:;?><,.\/-=\";\n let pwd = \"\", arr = new Uint32Array(18);\n window.crypto.getRandomValues(arr);\n for (let i=0; i<18; i++) pwd += chars[arr[i] % chars.length];\n document.getElementById('pwd-result').value = pwd;\n }\n function copyPwd() {\n const t = document.getElementById('pwd-result');\n if(!t.value) { alert('\u8bf7\u5148\u751f\u6210\u5bc6\u7801'); return; }\n t.select(); document.execCommand('copy'); alert('\u5b89\u5168\u5bc6\u94a5\u5df2\u590d\u5236\uff01');\n }\n\n \/\/ ================= \u5de5\u51773: WebGL \u6cc4\u9732\u68c0\u6d4b =================\n function detectWebGL() {\n const res = document.getElementById('webgl-results'); res.innerHTML = ''; \n try {\n const gl = document.createElement('canvas').getContext('webgl');\n if (!gl) { res.innerHTML = '<li style=\"color:#f87171;\">\u4e0d\u652f\u6301 WebGL (\u6781\u9ad8\u98ce\u9669)<\/li>'; return; }\n const vendor = gl.getParameter(gl.VENDOR), renderer = gl.getParameter(gl.RENDERER), dInfo = gl.getExtension('WEBGL_debug_renderer_info');\n let uV = '\u65e0\u6cd5\u8bfb\u53d6', uR = '\u65e0\u6cd5\u8bfb\u53d6';\n if (dInfo) { uV = gl.getParameter(dInfo.UNMASKED_VENDOR_WEBGL); uR = gl.getParameter(dInfo.UNMASKED_RENDERER_WEBGL); }\n const isSoft = uR.toLowerCase().includes('swiftshader') || uR.toLowerCase().includes('llvmpipe');\n const c = isSoft ? '#f87171' : '#bef264';\n res.innerHTML = `<li><b>\u63a9\u7801\u5382\u5546:<\/b> ${vendor}<\/li><li><b>\u63a9\u7801\u663e\u5361:<\/b> ${renderer}<\/li><li style=\"color:${c}; border-top:1px dashed rgba(255,255,255,0.2); padding-top:8px; margin-top:8px;\"><b>\u771f\u5b9e\u5e95\u5305:<\/b> ${uV}<\/li><li style=\"color:${c};\"><b>\u771f\u5b9e\u6838\u5fc3:<\/b> ${uR}${isSoft ? '<br>\u26a0\ufe0f \u68c0\u6d4b\u5230\u65e0\u5934\u6d4f\u89c8\u5668\/\u6a21\u62df\u5668\u7279\u5f81' : ''}<\/li>`;\n } catch (e) { res.innerHTML = `<li style=\"color:#f87171;\">Error: ${e.message}<\/li>`; }\n }\n\n \/\/ ================= \u5de5\u51774: \u786c\u4ef6\u63a2\u9488 (\u65b0\u589e) =================\n async function detectHardware() {\n const res = document.getElementById('hw-results');\n res.innerHTML = '<li>\u626b\u63cf\u5e95\u5c42\u63a5\u53e3\u4e2d...<\/li>';\n try {\n const cores = navigator.hardwareConcurrency || '\u672a\u77e5';\n const memory = navigator.deviceMemory ? navigator.deviceMemory + ' GB' : '\u9690\u79c1\u4fdd\u62a4\u62e6\u622a';\n const conn = navigator.connection || navigator.mozConnection || navigator.webkitConnection;\n const netType = conn ? conn.effectiveType.toUpperCase() : '\u672a\u77e5';\n \n let bInfo = '\u4e0d\u652f\u6301\u6216\u53d7\u9650';\n let bColor = '#fff';\n if ('getBattery' in navigator) {\n const battery = await navigator.getBattery();\n const level = Math.round(battery.level 100);\n bInfo = `${level}% (${battery.charging ? '\u26a1\u5145\u7535' : '\u653e\u7535'})`;\n bColor = level < 20 ? '#f87171' : (battery.charging ? '#bef264' : '#fff');\n }\n\n res.innerHTML = `\n <li><b>\u5904\u7406\u5668 (CPU):<\/b> ${cores} \u6838\u5fc3<\/li>\n <li><b>\u5185\u5b58 (RAM):<\/b> ${memory}<\/li>\n <li style=\"border-top:1px dashed rgba(255,255,255,0.2); padding-top:6px; margin-top:6px;\"><b>\u7f51\u7edc\u73af\u5883:<\/b> <span style=\"color:#bef264;\">${netType}<\/span><\/li>\n <li style=\"border-top:1px dashed rgba(255,255,255,0.2); padding-top:6px; margin-top:6px;\"><b>\u7535\u6c60\u611f\u5e94:<\/b> <span style=\"color:${bColor}; font-weight:bold;\">${bInfo}<\/span><\/li>\n `;\n } catch (e) { res.innerHTML = `<li style=\"color:#f87171;\">\u626b\u63cf\u5931\u8d25: ${e.message}<\/li>`; }\n }\n\n \/\/ ================= \u5de5\u51775: CPU \u6027\u80fd\u8dd1\u5206 =================\n function runBenchmark() {\n const btn = document.getElementById('btn-benchmark'), res = document.getElementById('benchmark-results');\n btn.disabled = true; btn.innerText = '\u6781\u9650\u8fd0\u7b97\u4e2d...'; res.innerHTML = '<li>\u6b63\u5728\u6267\u884c 1000 \u4e07\u6b21\u6d6e\u70b9\u8fd0\u7b97...<\/li>';\n setTimeout(() => {\n const s = performance.now(); let r = 0;\n for (let i = 0; i < 10000000; i++) r += Math.sqrt(i) * Math.sin(i % Math.PI);\n const t = (performance.now() - s).toFixed(2), score = Math.round((100 \/ t) * 10000);\n res.innerHTML = `<li><b>\u8fd0\u7b97\u8017\u65f6:<\/b> ${t} ms<\/li><li><b>\u6027\u80fd\u5f97\u5206:<\/b> <span style=\"font-size: 24px; color: #bef264; font-weight: 900;\">${score}<\/span><\/li><li style=\"color:#94a3b8; margin-top:5px;\">\u540c\u786c\u4ef6\u4e0b\u5f97\u5206\u8d8a\u4f4e\uff0c\u8bf4\u660e\u7cfb\u7edf\u5e76\u53d1\u538b\u529b\u8fc7\u5927\u3002<\/li>`;\n btn.disabled = false; btn.innerText = '\ud83d\udd04 \u518d\u6b21\u8dd1\u5206'; console.log(\"\", r);\n }, 50);\n }\n\n \/\/ ================= \u5de5\u51776: \u6781\u901f\u5b57\u7b26\u7f16\u89e3\u7801 (\u65b0\u589e) =================\n function processText(action) {\n const input = document.getElementById('encode-input').value;\n const output = document.getElementById('encode-output');\n if (!input.trim()) { output.value = \"\u9519\u8bef\uff1a\u8bf7\u8f93\u5165\u5185\u5bb9\uff01\"; return; }\n try {\n switch(action) {\n case 'b64en': output.value = btoa(unescape(encodeURIComponent(input))); break;\n case 'b64de': output.value = decodeURIComponent(escape(atob(input))); break;\n case 'urlen': output.value = encodeURIComponent(input); break;\n case 'urlde': output.value = decodeURIComponent(input); break;\n }\n } catch (e) { output.value = \"\u89e3\u6790\u5931\u8d25\uff1a\u683c\u5f0f\u9519\u8bef\u3002\"; }\n }\n\n \/\/ ================= \u5de5\u51777: OCR \u56fe\u6587\u8bc6\u522b =================\n async function processOCR(file) {\n if(!file || !file.type.startsWith('image\/')) { alert('\u8bf7\u4e0a\u4f20\u56fe\u7247\u6587\u4ef6'); return; }\n const zStatus = document.getElementById('ocr-progress-zone'), zText = document.getElementById('ocr-stat-text'), zBar = document.getElementById('ocr-stat-bar'), zBtn = document.getElementById('ocrBtn'), res = document.getElementById('ocr-result'), copyBtn = document.getElementById('ocr-copy-btn');\n zBtn.parentElement.style.display = 'none'; zStatus.style.display = 'block'; res.style.display = 'none'; copyBtn.style.display = 'none'; zText.innerText = \"\u52a0\u8f7d\u79bb\u7ebf\u795e\u7ecf\u5e93...\"; zBar.style.width = \"10%\";\n try {\n const worker = await Tesseract.createWorker('chi_sim+eng', 1, {\n logger: m => { if(m.status === 'recognizing text') { const p = Math.round(m.progress * 100); zText.innerText = `AI \u8bc6\u522b\u4e2d: ${p}%`; zBar.style.width = `${p}%`; } else { zText.innerText = m.status; } }\n });\n const ret = await worker.recognize(file); await worker.terminate();\n zText.innerText = \"\u89e3\u6790\u5b8c\u6bd5\"; zBar.style.width = \"100%\"; res.value = ret.data.text.trim() || \"\u672a\u63d0\u53d6\u5230\u6587\u5b57\"; res.style.display = 'block'; copyBtn.style.display = 'block';\n zBtn.parentElement.style.display = 'flex'; zBtn.innerText = '\u6362\u4e00\u5f20\u56fe\u7247';\n } catch (e) { zText.innerText = \"\u89e3\u6790\u5931\u8d25\"; zBtn.parentElement.style.display = 'flex'; }\n }\n function copyOCRText() { const t = document.getElementById('ocr-result'); t.select(); document.execCommand('copy'); alert('\u63d0\u53d6\u6587\u672c\u5df2\u590d\u5236\uff01'); }\n \n const ocrDropZone = document.getElementById('ocr-drop-zone');\n if(document.getElementById('ocrSelector')) document.getElementById('ocrSelector').onchange = function() { processOCR(this.files[0]); };\n if(ocrDropZone) {\n ocrDropZone.addEventListener('dragover', e => { e.preventDefault(); ocrDropZone.classList.add('drag-over'); });\n ocrDropZone.addEventListener('dragleave', () => ocrDropZone.classList.remove('drag-over'));\n ocrDropZone.addEventListener('drop', e => { e.preventDefault(); ocrDropZone.classList.remove('drag-over'); if(e.dataTransfer.files.length>0) processOCR(e.dataTransfer.files[0]); });\n }\n\n \/\/ ================= \u5de5\u51778: PDF \u8f6c\u6362 =================\n const FINAL_KEY = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJhdWQiOiIxIiwianRpIjoiZjBlOGUzMmRlYTdkNDA4MTI4ZjkxMDkyOGZhZmE2OWExZDY2M2NkMjMzZGQwZWUxYTgzYTJiMzIyZjdkZDdlZjliMjEzMDE0NzZmMzQ0MGYiLCJpYXQiOjE3NzM1OTAwODMuODQ2NTk1LCJuYmYiOjE3NzM1OTAwODMuODQ2NTk2LCJleHAiOjQ5MjkyNjM2ODMuODM3Njk5LCJzdWIiOiI3NDcxMjI1MCIsInNjb3BlcyI6WyJ0YXNrLnJlYWQiLCJ0YXNrLndyaXRlIiwidXNlci5yZWFkIl19.XLTEiVLEYljtf_eUIzEw8xS3LF9X0abOT3dJ42iU-fe8hO_8PdkYZs1BTjS6IHhkqOQcpsyVqXA74E_SuXvHY3WqwyZfn4ZrmFp3hI5_yHFIj3vn4bd8B2ajVhli8SqRO9g8BeJXi34ikCiHn-ysKHKwE62gJPZOBTpJPH1tVsApVbeUUNR-6N-9kZ8GVNmatCvRBmXelL6ZxUzGwpsEfuJrIQboxA4pOHeCiMJjdEeVYEwdJ1qgAemOYfv2_-Ub0hDUGbbI_IOasEymiUynGRZJYBL6HLptYvk78vcoOAbJUvZY1isLv0bqDiQ5rJ2cKKkOSeV_kKC1asplszoUozsM00OXaIL-A7IiPPRdZeentUN2sxTJpJvc42fq2BAc3kU264j5iZnf_HVBC1gbw4kdg5BRNFxxkLhnHhWuz88IhMoAQaTBHVDb6obbzvvl52iWd4JcL4JygGY4ikpvD7qr7TgxqgeukGpfkhT5s9awYLNB3tF1TwtqbPzX7B7qEnRRv6SfSWNxq_Ap9phDJ-ZwXg62MQkDJGps1-vqFGmne7h52HsfTkKdvbe__eY7Z657EvPpL3lbwjayy4oG1AWx2fkwsjjWNYMN7SC8P9joFEKAa7xtPQmbtSeTIaNkWYItE0l9luBle7f3JYEnY_gXa8sZtPy_0QaU1yxNTKc';\n async function processPDF(file) {\n if(!file || !file.name.toLowerCase().endsWith('.pdf')) { alert('\u8bf7\u4e0a\u4f20 PDF'); return; }\n const zStatus = document.getElementById('pdf-progress-zone'), zText = document.getElementById('pdf-stat-text'), zBar = document.getElementById('pdf-stat-bar'), zBtn = document.getElementById('pdfBtn'), dlZone = document.getElementById('pdf-download-zone'), dlLink = document.getElementById('finalLink');\n zBtn.parentElement.style.display = 'none'; zStatus.style.display = 'block'; dlZone.style.display = 'none'; zText.innerText = \"\u63e1\u624b\u4e2d...\"; zBar.style.width = \"10%\";\n try {\n const jobRes = await fetch('https:\/\/api.cloudconvert.com\/v2\/jobs', { method: 'POST', headers: { 'Authorization': `Bearer ${FINAL_KEY}`, 'Content-Type': 'application\/json' }, body: JSON.stringify({ tasks: { 'up': { operation: 'import\/upload' }, 'conv': { operation: 'convert', input: 'up', output_format: 'docx' }, 'dl': { operation: 'export\/url', input: 'conv' } } }) });\n const job = await jobRes.json(); const upTask = job.data.tasks.find(t => t.name === 'up');\n zText.innerText = \"\u4e0a\u4f20\u5f15\u64ce\u542f\u52a8...\"; zBar.style.width = \"40%\";\n const fd = new FormData(); Object.entries(upTask.result.form.parameters).forEach(([k,v]) => fd.append(k,v)); fd.append('file', file);\n await fetch(upTask.result.form.url, { method: 'POST', body: fd });\n const checker = setInterval(async () => {\n const statusRes = await fetch(`https:\/\/api.cloudconvert.com\/v2\/jobs\/${job.data.id}`, { headers: { 'Authorization': `Bearer ${FINAL_KEY}` } });\n const info = await statusRes.json(); const dlTask = info.data.tasks.find(t => t.name === 'dl');\n if (dlTask.status === 'finished') { clearInterval(checker); zBar.style.width = \"100%\"; zText.innerText = \"\u8f6c\u6362\u6210\u529f\uff01\"; dlZone.style.display = 'block'; dlLink.href = dlTask.result.files[0].url; } \n else if (dlTask.status === 'error') { clearInterval(checker); throw new Error(\"\u4e91\u7aef\u5904\u7406\u62d2\u7edd\"); } \n else { zText.innerText = \"\u4e91\u7aef\u77e9\u9635\u8f6c\u6362\u4e2d...\"; zBar.style.width = \"75%\"; }\n }, 3000);\n } catch (e) { zText.innerText = \"\u5904\u7406\u4e2d\u65ad\"; zBtn.parentElement.style.display = 'flex'; }\n }\n \n const pdfDropZone = document.getElementById('pdf-drop-zone');\n if(document.getElementById('pdfSelector')) document.getElementById('pdfSelector').onchange = function() { processPDF(this.files[0]); };\n if(pdfDropZone) {\n pdfDropZone.addEventListener('dragover', e => { e.preventDefault(); pdfDropZone.classList.add('drag-over'); });\n pdfDropZone.addEventListener('dragleave', () => pdfDropZone.classList.remove('drag-over'));\n pdfDropZone.addEventListener('drop', e => { e.preventDefault(); pdfDropZone.classList.remove('drag-over'); if(e.dataTransfer.files.length>0) processPDF(e.dataTransfer.files[0]); });\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<style>\n .seo-content-box {\n max-width: 800px; \/* \u5bbd\u5ea6\u6bd4\u5de5\u5177\u6846\u7565\u5bbd\uff0c\u66f4\u9002\u5408\u9605\u8bfb\u957f\u6587\u672c \/\n margin: 40px auto;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n color: #334155;\n line-height: 1.8;\n padding: 0 20px;\n }\n .seo-content-box h2 {\n color: #0f172a;\n font-size: 26px;\n margin-bottom: 20px;\n text-align: center;\n font-weight: 700;\n }\n .seo-content-box h3 {\n color: #1e293b;\n font-size: 20px;\n margin-top: 35px;\n margin-bottom: 15px;\n font-weight: 600;\n }\n .seo-content-box p {\n font-size: 16px;\n margin-bottom: 15px;\n }\n \n \/ FAQ \u6298\u53e0\u9762\u677f\u6837\u5f0f - \u7eaf CSS \u5b9e\u73b0\uff0c\u4e0d\u4f9d\u8d56 JS\uff0c\u5bf9\u81ea\u52a8\u5316\u811a\u672c\u7edd\u5bf9\u53cb\u597d *\/\n .faq-container details {\n background: #f8fafc;\n border: 1px solid #e2e8f0;\n border-radius: 12px;\n padding: 16px 20px;\n margin-bottom: 15px;\n transition: all 0.3s ease;\n }\n .faq-container summary {\n font-weight: 600;\n color: #0f172a;\n cursor: pointer;\n font-size: 16px;\n list-style: none; \n position: relative;\n outline: none;\n }\n .faq-container summary::-webkit-details-marker {\n display: none;\n }\n .faq-container details[open] {\n background: #ffffff;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);\n border-color: #cbd5e1;\n }\n .faq-container details p {\n margin-top: 15px;\n margin-bottom: 0;\n font-size: 15px;\n color: #475569;\n line-height: 1.6;\n }\n<\/style>\n\n<div class=\"seo-content-box\">\n <h2>Best Free Online PDF to Word Converter<\/h2>\n <p>Welcome to GenGens World! If you are looking for a reliable and fast way to <strong>convert PDF to Word editable format free<\/strong>, you are in the right place. Our tool is designed to help you <strong>change PDF to Word document online completely free<\/strong>, saving you time and effort without the need to install any heavy software.<\/p>\n \n <h3>Why Choose Our Converter?<\/h3>\n <p>Many online tools require registration, but we offer a strict <strong>free online PDF to Word converter without email<\/strong>. Simply upload your file, and get your `.docx` document in seconds. We prioritize your privacy\u2014all files are automatically deleted from our servers shortly after conversion. Plus, our advanced engine ensures you can <strong>convert PDF to Word document without losing formatting<\/strong>, preserving your original layouts, fonts, and complex tables.<\/p>\n\n <h3 style=\"text-align: center; margin-top: 50px; margin-bottom: 30px;\">Frequently Asked Questions<\/h3>\n \n <div class=\"faq-container\">\n <details>\n <summary>How to convert PDF to Word document without losing formatting?<\/summary>\n <p>Our online converter uses advanced document processing algorithms to ensure that your text, images, tables, and spacing remain exactly as they were in the original PDF file once converted to an editable Word document.<\/p>\n <\/details>\n \n <details>\n <summary>Can I convert large PDF to Word document online free?<\/summary>\n <p>Yes! You can <strong>convert large PDF to Word document online free<\/strong> using our platform. While there is a generous file size limit for optimal server performance, most standard high-resolution PDFs, ebooks, and reports are fully supported.<\/p>\n <\/details>\n \n <details>\n <summary>How to convert scanned PDF to Word doc online?<\/summary>\n <p>Currently, our primary tool excels at converting standard, text-based PDFs to editable formats. For image-based scanned documents, Optical Character Recognition (OCR) technology is required, which we are planning to integrate in future updates.<\/p>\n <\/details>\n\n <details>\n <summary>Is this a free PDF to DOCX converter for Mac and Windows?<\/summary>\n <p>Absolutely. Because our tool runs directly in your web browser, it functions perfectly as a <strong>PDF to Word converter for Mac free online<\/strong>, as well as on Windows 10\/11, Chromebooks, and even mobile devices like iPhone and Android.<\/p>\n <\/details>\n <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>“Welcome! \u554a\u6839\u5de5\u5177\u7ad9 GenGens Web Utility Suite – […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-83","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/gengens.com\/index.php\/wp-json\/wp\/v2\/pages\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gengens.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gengens.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gengens.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gengens.com\/index.php\/wp-json\/wp\/v2\/comments?post=83"}],"version-history":[{"count":80,"href":"https:\/\/gengens.com\/index.php\/wp-json\/wp\/v2\/pages\/83\/revisions"}],"predecessor-version":[{"id":193,"href":"https:\/\/gengens.com\/index.php\/wp-json\/wp\/v2\/pages\/83\/revisions\/193"}],"wp:attachment":[{"href":"https:\/\/gengens.com\/index.php\/wp-json\/wp\/v2\/media?parent=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}