\u91cd\u590dID\u751f\u6210\u5668<\/title>\r\n <style>\r\n .zw-id-gen-tool * {\r\n box-sizing: border-box;\r\n }\r\n .zw-id-gen-wrapper {\r\n background: #f5f7fb;\r\n margin: 0;\r\n padding: 16px;\r\n }\r\n .zw-id-gen-tool {\r\n max-width: 650px;\r\n margin: 1rem auto;\r\n padding: 0 0.8rem 1.5rem;\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\r\n background: white;\r\n border-radius: 32px;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.05);\r\n }\r\n .zw-id-gen-tool h2 {\r\n text-align: center;\r\n font-weight: 600;\r\n padding-top: 1rem;\r\n margin-bottom: 0.25rem;\r\n font-size: 1.6rem;\r\n }\r\n .zw-id-gen-tip {\r\n text-align: center;\r\n color: #2c3e66;\r\n margin: 0.5rem 0 1rem;\r\n padding: 25px 16px;\r\n border-radius: 40px;\r\n font-size: 0.85rem;\r\n }\r\n .zw-id-gen-input {\r\n width: 100%;\r\n height: 52px;\r\n padding: 0 1rem;\r\n border: 1.5px solid #e2e8f0;\r\n border-radius: 20px;\r\n margin-bottom: 1rem;\r\n font-size: 1rem;\r\n background: white;\r\n transition: 0.2s;\r\n }\r\n .zw-id-gen-input:focus {\r\n outline: none;\r\n border-color: #1677ff;\r\n box-shadow: 0 0 0 3px rgba(22,119,255,0.1);\r\n }\r\n .zw-id-gen-btn {\r\n width: 100%;\r\n height: 52px;\r\n background: #1677ff;\r\n color: white;\r\n border: none;\r\n border-radius: 28px;\r\n cursor: pointer;\r\n margin-bottom: 1.5rem;\r\n font-size: 1.05rem;\r\n font-weight: 600;\r\n transition: 0.2s;\r\n }\r\n .zw-id-gen-btn:active {\r\n background: #0e5fd9;\r\n transform: scale(0.97);\r\n }\r\n .zw-id-gen-debug {\r\n background: #f8fafc;\r\n border-radius: 20px;\r\n padding: 8px 12px;\r\n margin-bottom: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n font-size: 0.8rem;\r\n border: 1px solid #e2edf7;\r\n }\r\n .zw-id-gen-toggle {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: #ffffff;\r\n padding: 4px 12px;\r\n border-radius: 40px;\r\n }\r\n .zw-id-gen-toggle label {\r\n font-weight: 500;\r\n color: #1e293b;\r\n }\r\n .zw-id-gen-length {\r\n background: #e9ecef;\r\n padding: 4px 12px;\r\n border-radius: 30px;\r\n font-family: monospace;\r\n font-weight: 500;\r\n }\r\n .zw-id-gen-result-area {\r\n max-height: 500px;\r\n overflow-y: auto;\r\n border-radius: 24px;\r\n }\r\n .zw-id-gen-result-item {\r\n background: #ffffff;\r\n border: 1px solid #eef2f9;\r\n border-radius: 20px;\r\n padding: 12px;\r\n margin-bottom: 12px;\r\n transition: all 0.1s;\r\n box-shadow: 0 1px 2px rgba(0,0,0,0.02);\r\n }\r\n .zw-id-gen-result-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: baseline;\r\n margin-bottom: 8px;\r\n flex-wrap: wrap;\r\n gap: 6px;\r\n }\r\n .zw-id-gen-badge {\r\n background: #eef2ff;\r\n font-size: 0.7rem;\r\n padding: 4px 12px;\r\n border-radius: 50px;\r\n color: #2563eb;\r\n font-weight: 500;\r\n }\r\n .zw-id-gen-len-info {\r\n font-family: monospace;\r\n font-size: 0.7rem;\r\n background: #f1f5f9;\r\n padding: 3px 10px;\r\n border-radius: 20px;\r\n color: #334155;\r\n }\r\n .zw-id-gen-input-wrapper {\r\n display: flex;\r\n gap: 10px;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n margin: 10px 0 5px;\r\n }\r\n .zw-id-gen-result-input {\r\n flex: 1;\r\n height: 48px;\r\n padding: 0 15px;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 40px;\r\n background: #fefefe;\r\n font-size: 1rem;\r\n font-family: 'SF Mono', 'Menlo', monospace;\r\n color: #0f172a;\r\n }\r\n .zw-id-gen-copy-btn {\r\n background: #22c55e;\r\n border: none;\r\n color: white;\r\n padding: 0 18px;\r\n height: 46px;\r\n border-radius: 40px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: 0.1s;\r\n }\r\n .zw-id-gen-copy-btn:active {\r\n background: #16a34a;\r\n }\r\n .zw-id-gen-raw-btn {\r\n background: #475569;\r\n border: none;\r\n color: white;\r\n font-size: 0.7rem;\r\n padding: 6px 12px;\r\n border-radius: 30px;\r\n cursor: pointer;\r\n }\r\n .zw-id-gen-raw-view {\r\n font-size: 0.7rem;\r\n background: #f1f5f9;\r\n padding: 8px 12px;\r\n border-radius: 16px;\r\n margin-top: 10px;\r\n word-break: break-all;\r\n font-family: monospace;\r\n color: #334155;\r\n border-left: 3px solid #1677ff;\r\n display: none;\r\n }\r\n .zw-id-gen-footer {\r\n font-size: 0.7rem;\r\n text-align: center;\r\n color: #6c7a91;\r\n margin-top: 1.2rem;\r\n border-top: 1px solid #ecf3f9;\r\n padding-top: 1rem;\r\n }\r\n @media (max-width: 550px) {\r\n .zw-id-gen-input-wrapper {\r\n flex-direction: column;\r\n }\r\n .zw-id-gen-copy-btn {\r\n width: 100%;\r\n }\r\n .zw-id-gen-result-input {\r\n width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"zw-id-gen-wrapper\">\r\n <div class=\"zw-id-gen-tool\">\r\n <div class=\"zw-id-gen-tip\">\r\n \u6bcf\u4e2a\u7248\u672c\u90fd\u6dfb\u52a0\u4e86\u300c\u96f6\u5bbd\u4e0d\u53ef\u89c1\u5b57\u7b26\u300d\u00b7 \u89c6\u89c9\u4e0e\u539f\u6635\u79f0\u5b8c\u5168\u76f8\u540c<br>\r\n \u5b89\u5353 \/ iOS \u663e\u793a\u5b8c\u7f8e\u7a7a\u767d \u00b7 \u6e38\u620f\/APP \u5224\u5b9a\u4e3a\u4e0d\u540cID\r\n <\/div>\r\n <input type=\"text\" class=\"zw-id-gen-input\" id=\"nicknameInput\" placeholder=\"\u8f93\u5165\u6635\u79f0\uff0c\u4f8b\u5982\uff1a\u7b2c\u4e00\u5e05\" autocomplete=\"off\">\r\n <button class=\"zw-id-gen-btn\" id=\"generateBtn\">\u751f\u62106\u4e2a\u9690\u5f62\u91cd\u590dID<\/button>\r\n <div class=\"zw-id-gen-debug\">\r\n <div class=\"zw-id-gen-toggle\">\r\n <label>\ud83d\udd0d \u663e\u793a\u9690\u5f62\u5b57\u7b26\u6e90\u7801\uff1a<\/label>\r\n <input type=\"checkbox\" id=\"showRawToggle\"> <span style=\"font-size:0.7rem;\">(\u663e\u793a\u4e0d\u53ef\u89c1\u5b57\u7b26\u7684Unicode)<\/span>\r\n <\/div>\r\n <div class=\"zw-id-gen-length\" id=\"originLengthDisplay\">\u539f\u957f\u5ea6: 0<\/div>\r\n <\/div>\r\n <div class=\"zw-id-gen-result-area\" id=\"resultArea\"><\/div>\r\n <div class=\"zw-id-gen-footer\">\r\n \ud83d\udca1 \u63d0\u793a\uff1a\u590d\u5236\u4efb\u610f\u6635\u79f0\u5e76\u7c98\u8d34\u5230\u6e38\u620f\/\u793e\u4ea4\u5e73\u53f0\uff0c\u770b\u8d77\u6765\u4e0e\u539f\u540d\u5b57\u4e00\u6a21\u4e00\u6837\uff0c\u4f46\u7cfb\u7edf\u4f1a\u8ba4\u4e3a\u662f\u4e0d\u540cID\u3002<br>\r\n \u2705 \u201c\u663e\u793a\u9690\u5f62\u5b57\u7b26\u6e90\u7801\u201d\u53ef\u67e5\u770b\u6bcf\u4e2a\u7248\u672c\u5b9e\u9645\u5305\u542b\u7684\u96f6\u5bbd\u7b26\u53f7\uff08\\u200B\u7b49\uff09\u3002\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n<script>\r\n (function() {\r\n const ZWSP = '\\u200B';\r\n const ZWNJ = '\\u200C';\r\n const ZWJ = '\\u200D';\r\n const WJ = '\\u2060';\r\n const ZW_NBSP = '\\uFEFF';\r\n const STRATEGIES = [\r\n { name: '\u540e\u7f00\u00b7\u96f6\u5bbd\u7a7a\u683c', build: (n) => n + ZWSP },\r\n { name: '\u540e\u7f00\u00b7\u96f6\u5bbd\u975e\u8fde\u63a5\u7b26', build: (n) => n + ZWNJ },\r\n { name: '\u540e\u7f00\u00b7\u96f6\u5bbd\u8fde\u63a5\u7b26', build: (n) => n + ZWJ },\r\n { name: '\u540e\u7f00\u00b7\u5355\u8bcd\u8fde\u63a5\u7b26', build: (n) => n + WJ },\r\n { name: '\u9996\u5b57\u7b26\u540e\u00b7\u96f6\u5bbd\u7a7a\u683c', build: (n) => n.length > 0 ? n[0] + ZWSP + n.slice(1) : n + ZWSP },\r\n { name: '\u9996\u5b57\u7b26\u540e\u00b7\u96f6\u5bbd\u8fde\u63a5\u7b26', build: (n) => n.length > 0 ? n[0] + ZWJ + n.slice(1) : n + ZWJ }\r\n ];\r\n const inputEl = document.getElementById('nicknameInput');\r\n const generateBtn = document.getElementById('generateBtn');\r\n const resultArea = document.getElementById('resultArea');\r\n const showRawToggle = document.getElementById('showRawToggle');\r\n const originLengthSpan = document.getElementById('originLengthDisplay');\r\n let currentGeneratedItems = [];\r\n function updateOriginLength() {\r\n const raw = inputEl.value.trim();\r\n originLengthSpan.innerText = `\u539f\u957f\u5ea6: ${raw.length} \u5b57\u7b26 (\u6dfb\u52a0\u9690\u5f62\u7b26\u540e\u957f\u5ea6+1~2)`;\r\n }\r\n inputEl.addEventListener('input', updateOriginLength);\r\n async function copyToClipboard(text, btnElement) {\r\n if (navigator.clipboard && window.isSecureContext !== false) {\r\n try {\r\n await navigator.clipboard.writeText(text);\r\n showCopyFeedback(btnElement);\r\n return;\r\n } catch(e) {\r\n console.warn('clipboard api failed', e);\r\n }\r\n }\r\n const textarea = document.createElement('textarea');\r\n textarea.value = text;\r\n textarea.style.position = 'fixed';\r\n textarea.style.top = '-9999px';\r\n textarea.style.left = '-9999px';\r\n document.body.appendChild(textarea);\r\n textarea.select();\r\n textarea.setSelectionRange(0, text.length);\r\n let success = false;\r\n try {\r\n success = document.execCommand('copy');\r\n } catch(err) {}\r\n document.body.removeChild(textarea);\r\n if (success) {\r\n showCopyFeedback(btnElement);\r\n } else {\r\n btnElement.innerText = '\u274c \u590d\u5236\u5931\u8d25';\r\n setTimeout(() => { btnElement.innerText = '\ud83d\udccb \u590d\u5236'; }, 1500);\r\n }\r\n }\r\n function showCopyFeedback(btn) {\r\n const original = btn.innerHTML;\r\n btn.innerHTML = '\u2705 \u5df2\u590d\u5236';\r\n btn.style.background = '#2b8c4a';\r\n setTimeout(() => {\r\n btn.innerHTML = original;\r\n btn.style.background = '#22c55e';\r\n }, 1500);\r\n }\r\n function escapeZeroWidth(str) {\r\n const map = {\r\n '\\u200B': '[ZWSP]',\r\n '\\u200C': '[ZWNJ]',\r\n '\\u200D': '[ZWJ]',\r\n '\\u2060': '[WJ]',\r\n '\\uFEFF': '[ZWNBSP]'\r\n };\r\n let result = '';\r\n for (let ch of str) {\r\n result += map[ch] || ch;\r\n }\r\n return result;\r\n }\r\n function renderResults(items) {\r\n resultArea.innerHTML = '';\r\n const showRaw = showRawToggle.checked;\r\n items.forEach((item, idx) => {\r\n const rawText = item.variantText;\r\n const displayText = showRaw ? escapeZeroWidth(rawText) : rawText;\r\n const strategyLabel = item.strategyName;\r\n const originalLen = inputEl.value.trim().length;\r\n const newLen = rawText.length;\r\n const itemDiv = document.createElement('div');\r\n itemDiv.className = 'zw-id-gen-result-item';\r\n const headerDiv = document.createElement('div');\r\n headerDiv.className = 'zw-id-gen-result-header';\r\n const badge = document.createElement('span');\r\n badge.className = 'zw-id-gen-badge';\r\n badge.innerText = `#${idx+1} \u00b7 ${strategyLabel}`;\r\n const lenSpan = document.createElement('span');\r\n lenSpan.className = 'zw-id-gen-len-info';\r\n lenSpan.innerText = `\u957f\u5ea6: ${originalLen} \u2192 ${newLen} (+${newLen - originalLen}\u4e2a\u9690\u5f62\u7b26)`;\r\n headerDiv.appendChild(badge);\r\n headerDiv.appendChild(lenSpan);\r\n const wrapper = document.createElement('div');\r\n wrapper.className = 'zw-id-gen-input-wrapper';\r\n const resultInput = document.createElement('input');\r\n resultInput.type = 'text';\r\n resultInput.className = 'zw-id-gen-result-input';\r\n resultInput.value = rawText;\r\n resultInput.readOnly = true;\r\n resultInput.setAttribute('aria-label', `\u9690\u5f62\u6635\u79f0\u7248\u672c${idx+1}`);\r\n resultInput.addEventListener('click', (e) => resultInput.select());\r\n const copyBtn = document.createElement('button');\r\n copyBtn.className = 'zw-id-gen-copy-btn';\r\n copyBtn.innerHTML = '\ud83d\udccb \u590d\u5236';\r\n copyBtn.addEventListener('click', async (e) => {\r\n e.preventDefault();\r\n await copyToClipboard(rawText, copyBtn);\r\n });\r\n wrapper.appendChild(resultInput);\r\n wrapper.appendChild(copyBtn);\r\n const rawViewDiv = document.createElement('div');\r\n rawViewDiv.className = 'zw-id-gen-raw-view';\r\n if (showRaw) {\r\n rawViewDiv.style.display = 'block';\r\n rawViewDiv.innerHTML = `\ud83d\udd0e \u9690\u5f62\u7f16\u7801: ${escapeZeroWidth(rawText)}`;\r\n } else {\r\n rawViewDiv.style.display = 'none';\r\n }\r\n itemDiv.appendChild(headerDiv);\r\n itemDiv.appendChild(wrapper);\r\n itemDiv.appendChild(rawViewDiv);\r\n resultArea.appendChild(itemDiv);\r\n });\r\n }\r\n function refreshCurrentView() {\r\n if (currentGeneratedItems.length === 0) return;\r\n renderResults(currentGeneratedItems);\r\n }\r\n showRawToggle.addEventListener('change', refreshCurrentView);\r\n function generateAll() {\r\n let name = inputEl.value || '';\r\n const trimmedName = name.trim();\r\n if (trimmedName === '') {\r\n alert('\u26a0\ufe0f \u8bf7\u8f93\u5165\u6635\u79f0\uff08\u4f8b\u5982\uff1a\u5c0f\u6218\u795e\u3001\u840c\u840c\u5154\uff09');\r\n inputEl.focus();\r\n return;\r\n }\r\n if (trimmedName.length > 50) {\r\n if (!confirm('\u6635\u79f0\u8f83\u957f\uff0c\u6dfb\u52a0\u9690\u5f62\u5b57\u7b26\u540e\u603b\u957f\u5ea6\u53ef\u80fd\u8d85\u8fc7\u90e8\u5206\u5e73\u53f0\u9650\u5236\uff0c\u4ecd\u8981\u7ee7\u7eed\u5417\uff1f')) {\r\n return;\r\n }\r\n }\r\n currentGeneratedItems = [];\r\n for (let i = 0; i < STRATEGIES.length; i++) {\r\n const strategy = STRATEGIES[i];\r\n let finalName = '';\r\n try {\r\n finalName = strategy.build(trimmedName);\r\n } catch(e) {\r\n finalName = trimmedName + ZWSP;\r\n }\r\n if (finalName === trimmedName) {\r\n finalName = trimmedName + ZWSP;\r\n }\r\n currentGeneratedItems.push({\r\n variantText: finalName,\r\n strategyName: strategy.name\r\n });\r\n }\r\n renderResults(currentGeneratedItems);\r\n updateOriginLength();\r\n }\r\n generateBtn.addEventListener('click', generateAll);\r\n inputEl.addEventListener('keypress', (e) => {\r\n if (e.key === 'Enter') {\r\n e.preventDefault();\r\n generateAll();\r\n }\r\n });\r\n updateOriginLength();\r\n })();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u91cd\u590dID\u751f\u6210\u5668 \u91cd\u590dID\u751f\u6210\u5668 \u6bcf\u4e2a\u7248\u672c\u90fd\u6dfb\u52a0\u4e86\u300c\u96f6\u5bbd\u4e0d\u53ef\u89c1\u5b57\u7b26\u300d\u00b7 \u89c6\u89c9\u4e0e\u539f\u6635\u79f0\u5b8c\u5168\u76f8\u540c \u5b89\u5353 \/ iOS \u663e\u793a\u5b8c\u7f8e\u7a7a\u767d \u00b7 \u6e38\u620f\/APP \u5224\u5b9a\u4e3a\u4e0d\u540cID \u751f\u62106\u4e2a\u9690\u5f62\u91cd\u590dID \ud83d\udd0d \u663e\u793a\u9690\u5f62\u5b57\u7b26\u6e90\u7801\uff1a (\u663e\u793a\u4e0d\u53ef\u89c1\u5b57\u7b26\u7684Unicode) <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":19,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-75","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages\/75","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=75"}],"version-history":[{"count":48,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages\/75\/revisions"}],"predecessor-version":[{"id":1135,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages\/75\/revisions\/1135"}],"up":[{"embeddable":true,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages\/19"}],"wp:attachment":[{"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}