{"id":222,"date":"2026-04-19T11:52:06","date_gmt":"2026-04-19T03:52:06","guid":{"rendered":"https:\/\/tweakl.com\/?page_id=222"},"modified":"2026-04-19T12:40:07","modified_gmt":"2026-04-19T04:40:07","slug":"%e5%b8%b8%e7%94%a8%e7%bd%91%e7%ab%99","status":"publish","type":"page","link":"https:\/\/tweakl.com\/index.php\/%e5%b8%b8%e7%94%a8%e7%bd%91%e7%ab%99\/","title":{"rendered":"\u5e38\u7528\u7f51\u7ad9"},"content":{"rendered":"<style>\n\/* \u8fd8\u539f\u4f60\u539f\u7248\u914d\u8272\uff0c\u53ea\u6539\u8fd9\u91cc *\/\n.user-nav-wrap *{box-sizing:border-box}\n.user-nav-wrap{max-width:1200px;margin:40px auto;padding:0;border:none;background:transparent}\n.nav-tabs-bar{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}\n.nav-tab-btn{padding:10px 16px;border-radius:8px;border:1px solid #e8ddd0;background:#fff;color:#555;cursor:pointer}\n.nav-tab-btn.active{background:linear-gradient(135deg,#e84393 0%,#9b59b6 100%);color:#fff;border-color:transparent}\n.add-site-form{padding:24px;border-radius:12px;margin-bottom:30px;border:1px solid #f0e6d8;background:#fff}\n.form-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;width:100%}\n.form-input{flex:1;min-width:140px;padding:12px 16px;border-radius:8px;border:1px solid #e8ddd0;background:#fffbf5;height:48px}\n.add-btn{padding:12px 24px;border-radius:8px;border:none;background:linear-gradient(135deg,#e84393 0%,#9b59b6 100%);color:#fff;height:48px;min-width:100px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;line-height:1}\n.nav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}\n.nav-site-card{display:flex;align-items:center;gap:14px;padding:20px;border-radius:12px;border:1px solid #f0e6d8;background:#fff;position:relative}\n.nav-site-card:hover{border-color:#9b59b6}\n.site-icon-box{width:64px;height:64px;border-radius:12px;background:#fce4ec;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:bold;color:#9b59b6;position:relative}\n.site-icon-box img{width:100%;height:100%;object-fit:cover;border-radius:inherit}\n.site-icon-box .fallback-char{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;display:none}\n.site-name{font-size:18px;font-weight:600;color:#2d2d22;margin:0 0 4px}\n.site-note{font-size:14px;color:#888;margin:0}\n.site-category-tag{font-size:12px;background:#f3e5f5;color:#8e44ad;padding:4px 10px;border-radius:6px;display:inline-block;margin-top:4px}\n\n.sort-group{position:absolute;right:70px;top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:4px;z-index:999}\n.nav-site-card:hover .sort-group{display:flex}\n.sort-btn{padding:4px 8px;border-radius:6px;border:none;background:#667eea;color:#fff;font-size:12px;cursor:pointer}\n\n.delete-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);padding:6px 12px;border-radius:6px;border:none;background:#ff6b6b;color:#fff;font-size:12px;z-index:999;display:none}\n.nav-site-card:hover .delete-btn{display:block}\n.card-link-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}\n.site-icon-box::after{display:none}\n\n.dark .nav-tab-btn{background:#1a1a1a;border-color:#444;color:#eee}\n.dark .add-site-form{background:#1a1a1a;border-color:#444}\n.dark .form-input{background:#111;border-color:#444;color:#eee}\n.dark .nav-site-card{background:#1a1a1a;border-color:#444}\n.dark .site-name{color:#eee}\n.dark .site-note{color:#aaa}\n.dark .site-icon-box{background:#333}\n.dark .site-category-tag{background:#333;color:#d8b4fe}\n<\/style>\n\n<div class=\"user-nav-wrap\">\n    <div class=\"nav-tabs-bar\">\n                    <button class=\"nav-tab-btn active\" data-filter=\"\u5168\u90e8\">\u5168\u90e8<\/button>\n                    <button class=\"nav-tab-btn \" data-filter=\"\u5e38\u7528\u7f51\u7ad9\">\u5e38\u7528\u7f51\u7ad9<\/button>\n                    <button class=\"nav-tab-btn \" data-filter=\"A - I\u7f51\u7ad9\">A - I\u7f51\u7ad9<\/button>\n                    <button class=\"nav-tab-btn \" data-filter=\"\u5b66\u4e60\u7f51\u7ad9\">\u5b66\u4e60\u7f51\u7ad9<\/button>\n                    <button class=\"nav-tab-btn \" data-filter=\"\u5de5\u5177\u7f51\u7ad9\">\u5de5\u5177\u7f51\u7ad9<\/button>\n                    <button class=\"nav-tab-btn \" data-filter=\"\u535a\u5ba2\u6536\u85cf\">\u535a\u5ba2\u6536\u85cf<\/button>\n                    <button class=\"nav-tab-btn \" data-filter=\"\u8d44\u6e90\u7f51\u7ad9\">\u8d44\u6e90\u7f51\u7ad9<\/button>\n                    <button class=\"nav-tab-btn \" data-filter=\"\u6211\u7684\u7f51\u7ad9\">\u6211\u7684\u7f51\u7ad9<\/button>\n                    <button class=\"nav-tab-btn \" data-filter=\"\u5176\u4ed6\">\u5176\u4ed6<\/button>\n            <\/div>\n\n    \n    <div class=\"nav-grid\" id=\"nav-grid\">\n                <div class=\"nav-site-card\" data-category=\"\u5e38\u7528\u7f51\u7ad9\" data-id=\"8\">\n            <a href=\"https:\/\/dash.cloudflare.com\/\" target=\"_blank\" class=\"card-link-overlay\"><\/a>\n            <div class=\"site-icon-box\">\n                                <img decoding=\"async\" src=\"https:\/\/dash.cloudflare.com\/favicon.ico\" alt=\"\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <span class=\"fallback-char\">C<\/span>\n            <\/div>\n            <div>\n                <div class=\"site-name\">Cloudflare<\/div>\n                <div class=\"site-note\">\u5168\u7403 CDN \u4e0e\u7f51\u7edc\u5b89\u5168\u670d\u52a1<\/div>\n                <span class=\"site-category-tag\">\u5e38\u7528\u7f51\u7ad9<\/span>\n            <\/div>\n                    <\/div>\n                <div class=\"nav-site-card\" data-category=\"\u5de5\u5177\u7f51\u7ad9\" data-id=\"4\">\n            <a href=\"https:\/\/www.itdog.cn\/\" target=\"_blank\" class=\"card-link-overlay\"><\/a>\n            <div class=\"site-icon-box\">\n                                <img decoding=\"async\" src=\"https:\/\/www.itdog.cn\/favicon.ico\" alt=\"\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <span class=\"fallback-char\">\u5728<\/span>\n            <\/div>\n            <div>\n                <div class=\"site-name\">\u5728\u7ebfPing<\/div>\n                <div class=\"site-note\">\u591a\u7ebf\u8def\u7f51\u7edc\u5ef6\u8fdf\u6d4b\u8bd5\u5de5\u5177<\/div>\n                <span class=\"site-category-tag\">\u5de5\u5177\u7f51\u7ad9<\/span>\n            <\/div>\n                    <\/div>\n                <div class=\"nav-site-card\" data-category=\"\u5de5\u5177\u7f51\u7ad9\" data-id=\"9\">\n            <a href=\"https:\/\/www.koukoutu.com\/\" target=\"_blank\" class=\"card-link-overlay\"><\/a>\n            <div class=\"site-icon-box\">\n                                <img decoding=\"async\" src=\"https:\/\/www.koukoutu.com\/favicon.ico\" alt=\"\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <span class=\"fallback-char\">\u514d<\/span>\n            <\/div>\n            <div>\n                <div class=\"site-name\">\u514d\u8d39\u5728\u7ebf\u62a0\u56fe<\/div>\n                <div class=\"site-note\">\u65e0\u9700\u4e0a\u4f20\u7684\u5728\u7ebf\u56fe\u50cf\u62a0\u56fe\u5de5\u5177<\/div>\n                <span class=\"site-category-tag\">\u5de5\u5177\u7f51\u7ad9<\/span>\n            <\/div>\n                    <\/div>\n                <div class=\"nav-site-card\" data-category=\"\u5de5\u5177\u7f51\u7ad9\" data-id=\"10\">\n            <a href=\"https:\/\/www.emojiall.com\/\" target=\"_blank\" class=\"card-link-overlay\"><\/a>\n            <div class=\"site-icon-box\">\n                                <img decoding=\"async\" src=\"https:\/\/www.emojiall.com\/favicon.ico\" alt=\"\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <span class=\"fallback-char\">E<\/span>\n            <\/div>\n            <div>\n                <div class=\"site-name\">Emoji\u8bcd\u5178<\/div>\n                <div class=\"site-note\">\u5168\u9762\u7684emoj\u8868\u60c5\u67e5\u8be2\u5de5\u5177<\/div>\n                <span class=\"site-category-tag\">\u5de5\u5177\u7f51\u7ad9<\/span>\n            <\/div>\n                    <\/div>\n                <div class=\"nav-site-card\" data-category=\"\u5de5\u5177\u7f51\u7ad9\" data-id=\"11\">\n            <a href=\"https:\/\/imagestool.com\/\" target=\"_blank\" class=\"card-link-overlay\"><\/a>\n            <div class=\"site-icon-box\">\n                                <img decoding=\"async\" src=\"https:\/\/imagestool.com\/favicon.ico\" alt=\"\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <span class=\"fallback-char\">1<\/span>\n            <\/div>\n            <div>\n                <div class=\"site-name\">100%\u591a\u529f\u80fd\u56fe\u7247\u8f6c\u6362\u5668<\/div>\n                <div class=\"site-note\">\u5728\u7ebf\u56fe\u7247\u683c\u5f0f\u8f6c\u6362\u5de5\u5177<\/div>\n                <span class=\"site-category-tag\">\u5de5\u5177\u7f51\u7ad9<\/span>\n            <\/div>\n                    <\/div>\n                <div class=\"nav-site-card\" data-category=\"\u5de5\u5177\u7f51\u7ad9\" data-id=\"12\">\n            <a href=\"https:\/\/www.lddgo.net\/\" target=\"_blank\" class=\"card-link-overlay\"><\/a>\n            <div class=\"site-icon-box\">\n                                <img decoding=\"async\" src=\"https:\/\/www.lddgo.net\/favicon.ico\" alt=\"\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <span class=\"fallback-char\">\u5728<\/span>\n            <\/div>\n            <div>\n                <div class=\"site-name\">\u5728\u7ebf\u672c\u5730\u5b57\u4f53\u9884\u89c8<\/div>\n                <div class=\"site-note\">\u672c\u5730\u5b57\u4f53\u5728\u7ebf\u9884\u89c8\u5de5\u5177<\/div>\n                <span class=\"site-category-tag\">\u5de5\u5177\u7f51\u7ad9<\/span>\n            <\/div>\n                    <\/div>\n                <div class=\"nav-site-card\" data-category=\"\u5de5\u5177\u7f51\u7ad9\" data-id=\"13\">\n            <a href=\"https:\/\/font.ittools.cc\/\" target=\"_blank\" class=\"card-link-overlay\"><\/a>\n            <div class=\"site-icon-box\">\n                                <img decoding=\"async\" src=\"https:\/\/font.ittools.cc\/favicon.ico\" alt=\"\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <span class=\"fallback-char\">F<\/span>\n            <\/div>\n            <div>\n                <div class=\"site-name\">Free Font \u827a\u672f\u4f53<\/div>\n                <div class=\"site-note\">\u5546\u7528\u514d\u8d39\u5b57\u4f53\u6536\u96c6<\/div>\n                <span class=\"site-category-tag\">\u5de5\u5177\u7f51\u7ad9<\/span>\n            <\/div>\n                    <\/div>\n                <div class=\"nav-site-card\" data-category=\"A - I\u7f51\u7ad9\" data-id=\"21\">\n            <a href=\"https:\/\/www.coze.cn\/\" target=\"_blank\" class=\"card-link-overlay\"><\/a>\n            <div class=\"site-icon-box\">\n                                <img decoding=\"async\" src=\"https:\/\/www.coze.cn\/favicon.ico\" alt=\"\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <span class=\"fallback-char\">C<\/span>\n            <\/div>\n            <div>\n                <div class=\"site-name\">COZE<\/div>\n                <div class=\"site-note\">AI Agent \u534f\u540c\u529e\u516c\u7684\u6700\u4f73\u573a\u6240<\/div>\n                <span class=\"site-category-tag\">A - I\u7f51\u7ad9<\/span>\n            <\/div>\n                    <\/div>\n                <div class=\"nav-site-card\" data-category=\"A - I\u7f51\u7ad9\" data-id=\"16\">\n            <a href=\"https:\/\/klingai.com\/\" target=\"_blank\" class=\"card-link-overlay\"><\/a>\n            <div class=\"site-icon-box\">\n                                <img decoding=\"async\" src=\"https:\/\/klingai.com\/favicon.ico\" alt=\"\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <span class=\"fallback-char\">\u53ef<\/span>\n            <\/div>\n            <div>\n                <div class=\"site-name\">\u53ef\u7075AI<\/div>\n                <div class=\"site-note\">AI-\u56fe\u7247\/\u89c6\u9891\u521b\u4f5c\u5e73\u53f0<\/div>\n                <span class=\"site-category-tag\">A - I\u7f51\u7ad9<\/span>\n            <\/div>\n                    <\/div>\n                <div class=\"nav-site-card\" data-category=\"A - I\u7f51\u7ad9\" data-id=\"17\">\n            <a href=\"https:\/\/jimeng.jianying.com\/\" target=\"_blank\" class=\"card-link-overlay\"><\/a>\n            <div class=\"site-icon-box\">\n                                <img decoding=\"async\" src=\"https:\/\/jimeng.jianying.com\/favicon.ico\" alt=\"\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <span class=\"fallback-char\">\u5373<\/span>\n            <\/div>\n            <div>\n                <div class=\"site-name\">\u5373\u68a6AI<\/div>\n                <div class=\"site-note\">\u4e00\u7ad9\u5f0fAI\u521b\u4f5c\u5e73\u53f0<\/div>\n                <span class=\"site-category-tag\">A - I\u7f51\u7ad9<\/span>\n            <\/div>\n                    <\/div>\n                <div class=\"nav-site-card\" data-category=\"A - I\u7f51\u7ad9\" data-id=\"18\">\n            <a href=\"https:\/\/www.creatok.ai\/\" target=\"_blank\" class=\"card-link-overlay\"><\/a>\n            <div class=\"site-icon-box\">\n                                <img decoding=\"async\" src=\"https:\/\/www.creatok.ai\/favicon.ico\" alt=\"\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <span class=\"fallback-char\">C<\/span>\n            <\/div>\n            <div>\n                <div class=\"site-name\">CreatOK<\/div>\n                <div class=\"site-note\">TikTok \u7535\u5546 AI \u5e26\u8d27\u89c6\u9891\u4e0e\u7206\u6b3e\u590d\u523b<\/div>\n                <span class=\"site-category-tag\">A - I\u7f51\u7ad9<\/span>\n            <\/div>\n                    <\/div>\n                <div class=\"nav-site-card\" data-category=\"A - I\u7f51\u7ad9\" data-id=\"19\">\n            <a href=\"https:\/\/www.runninghub.cn\/\" target=\"_blank\" class=\"card-link-overlay\"><\/a>\n            <div class=\"site-icon-box\">\n                                <img decoding=\"async\" src=\"https:\/\/www.runninghub.cn\/favicon.ico\" alt=\"\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <span class=\"fallback-char\">R<\/span>\n            <\/div>\n            <div>\n                <div class=\"site-name\">RunningHub<\/div>\n                <div class=\"site-note\">\u5728\u7ebf\u5f00\u53d1ComfyUI\u5de5\u4f5c\u6d41<\/div>\n                <span class=\"site-category-tag\">A - I\u7f51\u7ad9<\/span>\n            <\/div>\n                    <\/div>\n                <div class=\"nav-site-card\" data-category=\"A - I\u7f51\u7ad9\" data-id=\"20\">\n            <a href=\"https:\/\/miheai.com\/\" target=\"_blank\" class=\"card-link-overlay\"><\/a>\n            <div class=\"site-icon-box\">\n                                <img decoding=\"async\" src=\"https:\/\/miheai.com\/favicon.ico\" alt=\"\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <span class=\"fallback-char\">\u7c73<\/span>\n            <\/div>\n            <div>\n                <div class=\"site-name\">\u7c73\u6838AI<\/div>\n                <div class=\"site-note\">\u591a\u5e73\u53f0API\u7ec4\u5408\u5de5\u4f5c\u6d41<\/div>\n                <span class=\"site-category-tag\">A - I\u7f51\u7ad9<\/span>\n            <\/div>\n                    <\/div>\n                <div class=\"nav-site-card\" data-category=\"\u535a\u5ba2\u6536\u85cf\" data-id=\"14\">\n            <a href=\"https:\/\/blog.tsh520.cn\/\" target=\"_blank\" class=\"card-link-overlay\"><\/a>\n            <div class=\"site-icon-box\">\n                                <img decoding=\"async\" src=\"https:\/\/blog.tsh520.cn\/favicon.ico\" alt=\"\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <span class=\"fallback-char\">\u56e2<\/span>\n            <\/div>\n            <div>\n                <div class=\"site-name\">\u56e2\u5b50\u548c\u86cb\u7cd5<\/div>\n                <div class=\"site-note\"><\/div>\n                <span class=\"site-category-tag\">\u535a\u5ba2\u6536\u85cf<\/span>\n            <\/div>\n                    <\/div>\n                <div class=\"nav-site-card\" data-category=\"\u5e38\u7528\u7f51\u7ad9\" data-id=\"33\">\n            <a href=\"https:\/\/uluo.cloud\/\" target=\"_blank\" class=\"card-link-overlay\"><\/a>\n            <div class=\"site-icon-box\">\n                                <img decoding=\"async\" src=\"https:\/\/uluo.cloud\/favicon.ico\" alt=\"\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <span class=\"fallback-char\">\u96e8<\/span>\n            <\/div>\n            <div>\n                <div class=\"site-name\">\u96e8\u843d<\/div>\n                <div class=\"site-note\"><\/div>\n                <span class=\"site-category-tag\">\u5e38\u7528\u7f51\u7ad9<\/span>\n            <\/div>\n                    <\/div>\n                <div class=\"nav-site-card\" data-category=\"\u5de5\u5177\u7f51\u7ad9\" data-id=\"37\">\n            <a href=\"https:\/\/potplayer.org\/\" target=\"_blank\" class=\"card-link-overlay\"><\/a>\n            <div class=\"site-icon-box\">\n                                <img decoding=\"async\" src=\"https:\/\/potplayer.org\/favicon.ico\" alt=\"\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <span class=\"fallback-char\">p<\/span>\n            <\/div>\n            <div>\n                <div class=\"site-name\">potplayer\u64ad\u653e\u5668<\/div>\n                <div class=\"site-note\">\u591a\u5a92\u4f53\u64ad\u653e\u5668<\/div>\n                <span class=\"site-category-tag\">\u5de5\u5177\u7f51\u7ad9<\/span>\n            <\/div>\n                    <\/div>\n                <div class=\"nav-site-card\" data-category=\"A - I\u7f51\u7ad9\" data-id=\"38\">\n            <a href=\"https:\/\/aistudio.google.com\/\" target=\"_blank\" class=\"card-link-overlay\"><\/a>\n            <div class=\"site-icon-box\">\n                                <img decoding=\"async\" src=\"https:\/\/aistudio.google.com\/favicon.ico\" alt=\"\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <span class=\"fallback-char\">\u8c37<\/span>\n            <\/div>\n            <div>\n                <div class=\"site-name\">\u8c37\u6b4cAI<\/div>\n                <div class=\"site-note\">\u53ef\u4ee5\u5206\u6790\u89c6\u9891\u7684AI<\/div>\n                <span class=\"site-category-tag\">A - I\u7f51\u7ad9<\/span>\n            <\/div>\n                    <\/div>\n            <\/div>\n<\/div>\n\n<script>\nconst ajaxUrl = 'https:\/\/tweakl.com\/wp-admin\/admin-ajax.php';\n\n\/\/ \u5206\u7c7b\u5207\u6362\ndocument.querySelectorAll('.nav-tab-btn').forEach(tab=>{\n    tab.addEventListener('click',()=>{\n        const f=tab.dataset.filter\n        document.querySelectorAll('.nav-tab-btn').forEach(t=>t.classList.remove('active'))\n        tab.classList.add('active')\n        document.querySelectorAll('.nav-site-card').forEach(c=>{\n            c.style.display = f=='\u5168\u90e8'||c.dataset.category==f ? 'flex' : 'none'\n        })\n    })\n})\n\n\/\/ \u6392\u5e8f\uff1a\u65e0\u5237\u65b0\u3001\u4e0d\u95ea\u70c1\ndocument.querySelectorAll('.sort-btn').forEach(btn => {\n    btn.addEventListener('click', function(e){\n        e.preventDefault()\n        e.stopPropagation()\n\n        const card = this.closest('.nav-site-card')\n        const grid = document.getElementById('nav-grid')\n        const action = this.dataset.action\n        const id = this.dataset.id\n\n        if (action === 'up') {\n            const prev = card.previousElementSibling\n            if (prev) grid.insertBefore(card, prev)\n        } else {\n            const next = card.nextElementSibling\n            if (next) grid.insertBefore(next, card)\n        }\n\n        fetch(ajaxUrl, {\n            method: 'POST',\n            headers: {'Content-Type': 'application\/x-www-form-urlencoded'},\n            body: 'action=nav_sort_'+action+'&id='+id\n        })\n    })\n})\n\n\/\/ \u65e0\u5237\u65b0\u5220\u9664\ndocument.querySelectorAll('.delete-btn').forEach(btn => {\n    btn.addEventListener('click', function(e){\n        e.preventDefault()\n        if(!confirm('\u786e\u5b9a\u5220\u9664\uff1f')) return;\n        const id = this.dataset.id\n        const card = this.closest('.nav-site-card')\n        fetch(ajaxUrl, {\n            method: 'POST',\n            headers: {'Content-Type': 'application\/x-www-form-urlencoded'},\n            body: 'action=del_nav_site&id='+id\n        }).then(()=>{\n            card.remove()\n        })\n    })\n})\n\n\/\/ \u65e0\u5237\u65b0\u6dfb\u52a0\ndocument.getElementById('add-nav-form')?.addEventListener('submit', function(e){\n    e.preventDefault()\n    const form = this\n    const formData = new FormData(form)\n    formData.append('action', 'add_nav_site')\n\n    fetch(ajaxUrl, {\n        method: 'POST',\n        body: new URLSearchParams(formData)\n    }).then(res => res.json()).then(data => {\n        form.reset()\n\n        const host = new URL(data.url).host\n        const card = document.createElement('div')\n        card.className = 'nav-site-card'\n        card.dataset.category = data.category\n        card.dataset.id = data.id\n        card.innerHTML = `\n            <a href=\"${data.url}\" target=\"_blank\" class=\"card-link-overlay\"><\/a>\n            <div class=\"site-icon-box\">\n                <img decoding=\"async\" src=\"https:\/\/${host}\/favicon.ico\" alt=\"\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n                <span class=\"fallback-char\">${data.name.charAt(0)}<\/span>\n            <\/div>\n            <div>\n                <div class=\"site-name\">${data.name}<\/div>\n                <div class=\"site-note\">${data.note}<\/div>\n                <span class=\"site-category-tag\">${data.category}<\/span>\n            <\/div>\n            <div class=\"sort-group\">\n                <button class=\"sort-btn\" data-id=\"${data.id}\" data-action=\"up\">\u2191<\/button>\n                <button class=\"sort-btn\" data-id=\"${data.id}\" data-action=\"down\">\u2193<\/button>\n            <\/div>\n            <button class=\"delete-btn\" data-id=\"${data.id}\">\u5220\u9664<\/button>\n        `\n\n        document.getElementById('nav-grid').appendChild(card)\n\n        card.querySelector('.sort-btn').addEventListener('click', function(e){\n            e.preventDefault()\n            e.stopPropagation()\n            const card = this.closest('.nav-site-card')\n            const grid = document.getElementById('nav-grid')\n            const action = this.dataset.action\n            if (action === 'up') {\n                const prev = card.previousElementSibling\n                if (prev) grid.insertBefore(card, prev)\n            } else {\n                const next = card.nextElementSibling\n                if (next) grid.insertBefore(next, card)\n            }\n            fetch(ajaxUrl, {\n                method: 'POST',\n                headers: {'Content-Type': 'application\/x-www-form-urlencoded'},\n                body: 'action=nav_sort_'+action+'&id='+data.id\n            })\n        })\n\n        card.querySelector('.delete-btn').addEventListener('click', function(e){\n            e.preventDefault()\n            if(!confirm('\u786e\u5b9a\u5220\u9664\uff1f')) return;\n            fetch(ajaxUrl, {\n                method: 'POST',\n                headers: {'Content-Type': 'application\/x-www-form-urlencoded'},\n                body: 'action=del_nav_site&id='+data.id\n            }).then(()=> card.remove())\n        })\n    })\n})\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-222","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tweakl.com\/index.php\/wp-json\/wp\/v2\/pages\/222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tweakl.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tweakl.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tweakl.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tweakl.com\/index.php\/wp-json\/wp\/v2\/comments?post=222"}],"version-history":[{"count":4,"href":"https:\/\/tweakl.com\/index.php\/wp-json\/wp\/v2\/pages\/222\/revisions"}],"predecessor-version":[{"id":230,"href":"https:\/\/tweakl.com\/index.php\/wp-json\/wp\/v2\/pages\/222\/revisions\/230"}],"wp:attachment":[{"href":"https:\/\/tweakl.com\/index.php\/wp-json\/wp\/v2\/media?parent=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}