{"id":439,"date":"2026-02-07T02:27:00","date_gmt":"2026-02-06T18:27:00","guid":{"rendered":"http:\/\/49.233.198.154\/?page_id=439"},"modified":"2026-02-26T17:13:20","modified_gmt":"2026-02-26T09:13:20","slug":"%e6%8a%80%e8%83%bd%e5%9b%be%e9%89%b4%e5%a4%a7%e5%85%a8","status":"publish","type":"page","link":"http:\/\/www.kardmi.cn\/index.php\/%e6%8a%80%e8%83%bd%e5%9b%be%e9%89%b4%e5%a4%a7%e5%85%a8\/","title":{"rendered":"\u6280\u80fd\u56fe\u9274\u5927\u5168"},"content":{"rendered":"\n<style>\n\/* \u57fa\u7840\u7f8e\u5316\uff0c\u9002\u914dWP\u4e3b\u9898\uff0c\u4e0d\u9694\u79bb\u539f\u6709\u6837\u5f0f *\/\n.skill-final-wrap {\n    max-width: 1000px;\n    margin: 20px auto;\n    padding: 15px;\n}\n\/* \u7b5b\u9009\u680f\u6837\u5f0f *\/\n.skill-final-filter {\n    margin-bottom: 20px;\n    padding: 10px 0;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: wrap;\n}\n.skill-final-filter label {\n    font-weight: 600;\n    font-size: 15px;\n}\n.skill-final-filter select, .skill-final-filter input {\n    padding: 8px 12px;\n    border-radius: 6px;\n    border: 1px solid #ddd;\n    font-size: 14px;\n    min-width: 140px;\n}\n\/* \u641c\u7d22\u6846\u4e13\u5c5e\u6837\u5f0f\uff08\u548c\u7b5b\u9009\u6846\u7edf\u4e00\uff09 *\/\n.skill-final-filter input#name-search {\n    min-width: 180px;\n}\n\/* \u8868\u683c\u5bb9\u5668 *\/\n.skill-final-table-wrap {\n    overflow-x: auto;\n    margin: 10px 0;\n}\n\/* \u8868\u683c\u6837\u5f0f\uff084\u5217\uff0c\u9002\u914d\u6280\u80fd\u56fe\u9274\uff09 *\/\n.skill-final-table {\n    width: 100%;\n    border-collapse: collapse;\n    text-align: center;\n    font-size: 14px;\n    border-radius: 8px;\n    overflow: hidden;\n}\n.skill-final-table th, .skill-final-table td {\n    padding: 10px 8px;\n    border: 1px solid #ddd;\n}\n\/* \u8868\u5934\u6837\u5f0f *\/\n.skill-final-table th {\n    background: #f8f9fa;\n    font-weight: 600;\n    cursor: pointer;\n    position: relative;\n}\n.skill-final-table th::after {\n    content: \" \u2195\";\n    font-size: 12px;\n    margin-left: 4px;\n    opacity: 0.7;\n}\n\/* \u5947\u5076\u884c\u533a\u5206 *\/\n.skill-final-table tbody tr:nth-child(even) {\n    background: #f9f9f9;\n}\n.skill-final-table tbody tr:hover {\n    background: #f0f7ff;\n    transition: background-color 0.2s;\n}\n\/* \u6280\u80fd\u5c5e\u6027\u8272\uff08\u548c\u5361\u7c73\u5c5e\u6027\u8272\u4fdd\u6301\u4e00\u81f4\uff0c\u65b9\u4fbf\u7edf\u4e00\u98ce\u683c\uff09 *\/\n.name-grass { color: #2ecc71 !important; }  \/* \u8349-\u7eff\u8272 *\/\n.name-fire { color: #e74c3c !important; }   \/* \u706b-\u7ea2\u8272 *\/\n.name-water { color: #3498db !important; }  \/* \u6c34-\u84dd\u8272 *\/\n.name-wind { color: #1abc9c !important; }  \/* \u98ce-\u9752\u8272 *\/\n.name-electric { color: #f1c40f !important; }\/* \u7535-\u9ec4\u8272 *\/\n.name-earth { color: #8b4513 !important; }  \/* \u571f-\u6df1\u68d5\u8272 *\/\n.name-fight { color: #a52a2a !important; }  \/* \u6597-\u7ea2\u68d5\u8272 *\/\n.name-evil { color: #2c3e50 !important; }   \/* \u6076-\u9ed1\u8272 *\/\n.name-super { color: #9b59b6 !important; }  \/* \u8d85-\u7d2b\u8272 *\/\n\/* \u6280\u80fd\u540d\u79f0\u94fe\u63a5\u6837\u5f0f *\/\n.skill-final-table a {\n    text-decoration: none;\n    font-weight: 500;\n}\n.skill-final-table a:hover {\n    text-decoration: underline;\n}\n\/* \u5206\u9875\u6837\u5f0f\uff08\u7f8e\u89c2\u9002\u914d\uff09 *\/\n.skill-final-pagination {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    margin-top: 20px;\n    flex-wrap: wrap;\n}\n.skill-final-pagination button {\n    padding: 8px 14px;\n    border: 1px solid #ddd;\n    border-radius: 6px;\n    background: #fff;\n    cursor: pointer;\n    font-size: 14px;\n}\n.skill-final-pagination button:hover:not(:disabled) {\n    background: #f0f7ff;\n}\n.skill-final-pagination button.active {\n    background: #3498db;\n    color: #fff;\n    border-color: #3498db;\n}\n.skill-final-pagination button:disabled {\n    background: #f5f5f5;\n    color: #999;\n    cursor: not-allowed;\n}\n\/* \u624b\u673a\u9002\u914d *\/\n@media (max-width: 768px) {\n    .skill-final-table th, .skill-final-table td {\n        padding: 8px 4px;\n        font-size: 13px;\n    }\n    .skill-final-pagination button {\n        padding: 6px 10px;\n        font-size: 13px;\n    }\n    .skill-final-filter input#name-search {\n        min-width: 140px;\n        width: 100%;\n    }\n}\n<\/style>\n\n<div class=\"skill-final-wrap\">\n    <div class=\"skill-final-filter\">\n        <label for=\"attr-filter\">\u6280\u80fd\u5c5e\u6027\u7b5b\u9009\uff1a<\/label>\n        <select id=\"attr-filter\">\n            <option value=\"all\">\u5168\u90e8\u5c5e\u6027<\/option>\n            <option value=\"\u6c34\">\u6c34<\/option>\n            <option value=\"\u706b\">\u706b<\/option>\n            <option value=\"\u8349\">\u8349<\/option>\n            <option value=\"\u7535\">\u7535<\/option>\n            <option value=\"\u98ce\">\u98ce<\/option>\n            <option value=\"\u571f\">\u571f<\/option>\n            <option value=\"\u6597\">\u6597<\/option>\n            <option value=\"\u6076\">\u6076<\/option>\n            <option value=\"\u8d85\">\u8d85<\/option>\n        <\/select>\n        <!-- \u540d\u79f0\u641c\u7d22\u6846 -->\n        <label for=\"name-search\">\u6280\u80fd\u540d\u79f0\u641c\u7d22\uff1a<\/label>\n        <input type=\"text\" id=\"name-search\" placeholder=\"\u8f93\u5165\u540d\u79f0\u5173\u952e\u8bcd\" \/>\n    <\/div>\n\n    <div class=\"skill-final-table-wrap\">\n        <table class=\"skill-final-table\">\n            <thead>\n                <tr>\n                    <th data-sort=\"name\">\u6280\u80fd\u540d\u79f0<\/th>\n                    <th data-sort=\"attr\">\u6280\u80fd\u5c5e\u6027<\/th>\n                    <th data-sort=\"level\">\u6280\u80fd\u7b49\u9636<\/th>\n                    <th data-sort=\"type\">\u6280\u80fd\u7c7b\u578b<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody id=\"skill-tbody\"><\/tbody>\n        <\/table>\n    <\/div>\n\n    <div class=\"skill-final-pagination\" id=\"pagination\"><\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ \u5b8c\u6574\u6280\u80fd\u6570\u636e\uff08\u79fb\u9664NO.\u663e\u793a\uff0c\u65b0\u589e\u6280\u80fd\u7c7b\u578b\u5b57\u6bb5\uff0clink\u6682\u65f6\u7528#\u5360\u4f4d\uff09\n    const skillData = [\n        { no: 1, name: \"\u6c34\u67aa\", attr: \"\u6c34\", level: \"B\", type: \"\u7279\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e6%b0%b4%e6%9e%aa-2\/\" },\n        { no: 2, name: \"\u6c34\u6d41\u55b7\", attr: \"\u6c34\", level: \"A\", type: \"\u7279\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e6%b0%b4%e6%b5%81%e5%96%b7-2\/\" },\n        { no: 3, name: \"\u6df1\u6e0a\u6f29\u6da1\", attr: \"\u6c34\", level: \"S\", type: \"\u7279\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e6%b7%b1%e6%b8%8a%e6%bc%a9%e6%b6%a1-2\/\" },\n        { no: 4, name: \"\u6d77\u6d6a\u7ffb\u817e\", attr: \"\u6c34\", level: \"S\", type: \"\u7279\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e6%b5%b7%e6%b5%aa%e7%bf%bb%e8%85%be-2\/\" },\n        { no: 5, name: \"\u6ce2\u6d9b\u4e4b\u67aa\", attr: \"\u6c34\", level: \"S\", type: \"\u7279\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e6%b3%a2%e6%b6%9b%e4%b9%8b%e6%9e%aa-2\/\" },\n        { no: 6, name: \"\u6ce2\u6d6a\u4e4b\u76fe\", attr: \"\u6c34\", level: \"S\", type: \"\u53d8\u5316\uff08\u62a4\u76fe\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e6%b3%a2%e6%b5%aa%e4%b9%8b%e7%9b%be-2\/\" },\n        { no: 7, name: \"\u4e58\u98ce\u7834\u6d6a\", attr: \"\u6c34\", level: \"S\", type: \"\u7269\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e4%b9%98%e9%a3%8e%e7%a0%b4%e6%b5%aa-2\/\" },\n        { no: 8, name: \"\u706b\u82d7\", attr: \"\u706b\", level: \"B\", type: \"\u7279\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e7%81%ab%e8%8b%97-2\/\" },\n        { no: 9, name: \"\u708e\u8f6e\", attr: \"\u706b\", level: \"A\", type: \"\u7269\u653b\uff08\u63a5\u89e6\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e7%82%8e%e8%bd%ae-2\/\" },\n        { no: 10, name: \"\u5524\u9633\u4e4b\u672f\", attr: \"\u706b\", level: \"A\", type: \"\u53d8\u5316\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e5%94%a4%e9%98%b3%e4%b9%8b%e6%9c%af-2\/\" },\n        { no: 11, name: \"\u711a\u70e7\u6b86\u5c3d\", attr: \"\u706b\", level: \"S\", type: \"\u7279\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e7%84%9a%e7%83%a7%e6%ae%86%e5%b0%bd-2\/\" },\n        { no: 12, name: \"\u70c8\u706b\u6218\u8f66\", attr: \"\u706b\", level: \"S\", type: \"\u7269\u653b\uff08\u63a5\u89e6\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e7%83%88%e7%81%ab%e6%88%98%e8%bd%a6-2\/\" },\n        { no: 13, name: \"\u70c8\u7130\u4e4b\u76fe\", attr: \"\u706b\", level: \"S\", type: \"\u53d8\u5316\uff08\u62a4\u76fe\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e7%83%88%e7%84%b0%e4%b9%8b%e7%9b%be-2\/\" },\n        { no: 14, name: \"\u6076\u6bd2\u706b\u7130\", attr: \"\u706b\", level: \"S\", type: \"\u53d8\u5316\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e6%81%b6%e6%af%92%e7%81%ab%e7%84%b0-2\/\" },\n        { no: 15, name: \"\u672b\u65e5\u706b\u96e8\", attr: \"\u706b\", level: \"S\", type: \"\u7279\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e6%9c%ab%e6%97%a5%e7%81%ab%e9%9b%a8-2\/\" },\n        { no: 16, name: \"\u706b\u7130\u55b7\u53d1\", attr: \"\u706b\", level: \"S\", type: \"\u7279\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e7%81%ab%e7%84%b0%e5%96%b7%e5%8f%91-2\/\" },\n        { no: 17, name: \"\u661f\u706b\u8d3a\u5c81\", attr: \"\u706b\", level: \"S\", type: \"\u7269\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e6%98%9f%e7%81%ab%e8%b4%ba%e5%b2%81-2\/\" },\n        { no: 18, name: \"\u98de\u53f6\", attr: \"\u8349\", level: \"B\", type: \"\u7269\u653b\uff08\u5207\u5272\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e9%a3%9e%e5%8f%b6-2\/\" },\n        { no: 19, name: \"\u97ad\u51fb\", attr: \"\u8349\", level: \"A\", type: \"\u7269\u653b\uff08\u63a5\u89e6\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e9%9e%ad%e5%87%bb-2\/\" },\n        { no: 20, name: \"\u9633\u5149\u6ecb\u517b\", attr: \"\u8349\", level: \"A\", type: \"\u53d8\u5316\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e9%98%b3%e5%85%89%e6%bb%8b%e5%85%bb-2\/\" },\n        { no: 21, name: \"\u5de8\u6728\u6376\u6253\", attr: \"\u8349\", level: \"S\", type: \"\u7269\u653b\uff08\u63a5\u89e6\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e5%b7%a8%e6%9c%a8%e6%8d%b6%e6%89%93\/\" },\n        { no: 22, name: \"\u83c1\u534e\u652b\u53d6\", attr: \"\u8349\", level: \"S\", type: \"\u7279\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e8%8f%81%e5%8d%8e%e6%94%ab%e5%8f%96-2\/\" },\n        { no: 23, name: \"\u7eff\u53f6\u4e4b\u5251\", attr: \"\u8349\", level: \"S\", type: \"\u7269\u653b\uff08\u63a5\u89e6\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e7%bb%bf%e5%8f%b6%e4%b9%8b%e5%89%91-2\/\" },\n        { no: 24, name: \"\u8346\u68d8\u4e4b\u76fe\", attr: \"\u8349\", level: \"S\", type: \"\u53d8\u5316\uff08\u62a4\u76fe\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e8%8d%86%e6%a3%98%e4%b9%8b%e7%9b%be-2\/\" },\n        { no: 25, name: \"\u7eff\u53f6\u98ce\u66b4\", attr: \"\u8349\", level: \"S\", type: \"\u7279\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e7%bb%bf%e5%8f%b6%e9%a3%8e%e6%9a%b4-2\/\" },\n        { no: 26, name: \"\u7535\u51fb\", attr: \"\u7535\", level: \"B\", type: \"\u7279\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e7%94%b5%e5%87%bb-2\/\" },\n        { no: 27, name: \"\u5145\u7535\", attr: \"\u7535\", level: \"A\", type: \"\u53d8\u5316\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e5%85%85%e7%94%b5-2\/\" },\n        { no: 28, name: \"\u95ea\u7535\u675f\", attr: \"\u7535\", level: \"A\", type: \"\u7279\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e9%97%aa%e7%94%b5%e6%9d%9f-2\/\" },\n        { no: 29, name: \"\u95ea\u7535\u51b2\u523a\", attr: \"\u7535\", level: \"S\", type: \"\u7269\u653b\uff08\u63a5\u89e6\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e9%97%aa%e7%94%b5%e5%86%b2%e5%88%ba-2\/\" },\n        { no: 30, name: \"\u7535\u78c1\u7206\u53d1\", attr: \"\u7535\", level: \"S\", type: \"\u7279\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e7%94%b5%e7%a3%81%e7%88%86%e5%8f%91-2\/\" },\n        { no: 31, name: \"\u7535\u78c1\u5e72\u6270\", attr: \"\u7535\", level: \"S\", type: \"\u53d8\u5316\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e7%94%b5%e7%a3%81%e5%b9%b2%e6%89%b0-2\/\" },\n        { no: 32, name: \"\u7535\u5149\u4e4b\u76fe\", attr: \"\u7535\", level: \"S\", type: \"\u53d8\u5316\uff08\u62a4\u76fe\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e7%94%b5%e5%85%89%e4%b9%8b%e7%9b%be-2\/\" },\n        { no: 33, name: \"\u9ad8\u538b\u4f0f\u7279\", attr: \"\u7535\", level: \"S\", type: \"\u7279\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e9%ab%98%e5%8e%8b%e4%bc%8f%e7%89%b9-2\/\" },\n        { no: 34, name: \"\u4fef\u51b2\", attr: \"\u98ce\", level: \"B\", type: \"\u7269\u653b\uff08\u63a5\u89e6\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e6%8a%80%e8%83%bd%e6%a8%a1%e6%9d%bf\/\" },\n        { no: 35, name: \"\u5524\u96e8\u4e4b\u672f\", attr: \"\u98ce\", level: \"A\", type: \"\u53d8\u5316\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e5%94%a4%e9%9b%a8%e4%b9%8b%e6%9c%af-2\/\" },\n        { no: 36, name: \"\u7a7a\u6c14\u65a9\", attr: \"\u98ce\", level: \"A\", type: \"\u7279\u653b\uff08\u5207\u5272\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e7%a9%ba%e6%b0%94%e6%96%a9-2\/\" },\n        { no: 37, name: \"\u6e05\u6d01\u4e4b\u98ce\", attr: \"\u98ce\", level: \"A\", type: \"\u53d8\u5316\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e6%b8%85%e6%b4%81%e4%b9%8b%e9%a3%8e-2\/\" },\n        { no: 38, name: \"\u4e1c\u98ce\u4e4b\u52bf\", attr: \"\u98ce\", level: \"S\", type: \"\u53d8\u5316\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e4%b8%9c%e9%a3%8e%e4%b9%8b%e5%8a%bf-2\/\" },\n        { no: 39, name: \"\u5723\u9e70\u4e0b\u51e1\", attr: \"\u98ce\", level: \"S\", type: \"\u7269\u653b\uff08\u63a5\u89e6\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e5%9c%a3%e9%b9%b0%e4%b8%8b%e5%87%a1\/\" },\n        { no: 40, name: \"\u65e0\u754f\u98de\u51b2\", attr: \"\u98ce\", level: \"S\", type: \"\u7269\u653b\uff08\u63a5\u89e6\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e6%97%a0%e7%95%8f%e9%a3%9e%e5%86%b2-2\/\" },\n        { no: 41, name: \"\u70c8\u98ce\u4e4b\u76fe\", attr: \"\u98ce\", level: \"S\", type: \"\u53d8\u5316\uff08\u62a4\u76fe\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e7%83%88%e9%a3%8e%e4%b9%8b%e7%9b%be-2\/\" },\n        { no: 42, name: \"\u5b8c\u7f8e\u98ce\u66b4\", attr: \"\u98ce\", level: \"S\", type: \"\u7279\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e5%ae%8c%e7%be%8e%e9%a3%8e%e6%9a%b4-2\/\" },\n        { no: 43, name: \"\u7206\u88c2\u9f99\u5377\", attr: \"\u98ce\", level: \"S\", type: \"\u7279\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e7%88%86%e8%a3%82%e9%be%99%e5%8d%b7-2\/\" },\n        { no: 44, name: \"\u5ca9\u51fb\", attr: \"\u571f\", level: \"B\", type: \"\u7269\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e5%b2%a9%e5%87%bb-2\/\" },\n        { no: 45, name: \"\u77f3\u5203\", attr: \"\u571f\", level: \"A\", type: \"\u7269\u653b\uff08\u5207\u5272\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e7%9f%b3%e5%88%83-2\/\" },\n        { no: 46, name: \"\u6cfc\u6ce5\", attr: \"\u571f\", level: \"A\", type: \"\u53d8\u5316\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e6%b3%bc%e6%b3%a5-2\/\" },\n        { no: 47, name: \"\u5524\u6c99\u4e4b\u672f\", attr: \"\u571f\", level: \"A\", type: \"\u53d8\u5316\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e5%94%a4%e6%b2%99%e4%b9%8b%e6%9c%af-2\/\" },\n        { no: 48, name: \"\u5730\u5fc3\u4e4b\u529b\", attr: \"\u571f\", level: \"S\", type: \"\u7279\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e5%9c%b0%e5%bf%83%e4%b9%8b%e5%8a%9b-2\/\" },\n        { no: 49, name: \"\u7384\u6b66\u5171\u632f\", attr: \"\u571f\", level: \"S\", type: \"\u7269\u653b\uff08\u63a5\u89e6\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e7%8e%84%e6%ad%a6%e5%85%b1%e6%8c%af-2\/\" },\n        { no: 50, name: \"\u64bc\u5730\u4e4b\u9524\", attr: \"\u571f\", level: \"S\", type: \"\u7269\u653b\uff08\u63a5\u89e6\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e6%92%bc%e5%9c%b0%e4%b9%8b%e9%94%a4-2\/\" },\n        { no: 51, name: \"\u78d0\u77f3\u4e4b\u76fe\", attr: \"\u571f\", level: \"S\", type: \"\u53d8\u5316\uff08\u62a4\u76fe\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e7%a3%90%e7%9f%b3%e4%b9%8b%e7%9b%be-2\/\" },\n        { no: 52, name: \"\u5927\u5730\u9707\u98a4\", attr: \"\u571f\", level: \"S\", type: \"\u7269\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e5%a4%a7%e5%9c%b0%e9%9c%87%e9%a2%a4-2\/\" },\n        { no: 53, name: \"\u65e0\u5f71\u62f3\", attr: \"\u6597\", level: \"A\", type: \"\u7269\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e6%97%a0%e5%bd%b1%e6%8b%b3-2\/\" },\n        { no: 54, name: \"\u5200\u5251\u4e4b\u821e\", attr: \"\u6597\", level: \"S\", type: \"\u53d8\u5316\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e5%88%80%e5%89%91%e4%b9%8b%e8%88%9e-2\/\" },\n        { no: 55, name: \"\u79d8\u6cd5\u6c14\u5203\", attr: \"\u6597\", level: \"S\", type: \"\u7279\u653b\uff08\u5207\u5272\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e7%a7%98%e6%b3%95%e6%b0%94%e5%88%83-2\/\" },\n        { no: 56, name: \"\u5f3a\u88ad\u7a81\u523a\", attr: \"\u6597\", level: \"S\", type: \"\u7269\u653b\uff08\u63a5\u89e6\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e5%bc%ba%e8%a2%ad%e7%aa%81%e5%88%ba-2\/\" },\n        { no: 57, name: \"\u5143\u6c14\u4e4b\u5f39\", attr: \"\u6597\", level: \"S\", type: \"\u7279\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e5%85%83%e6%b0%94%e4%b9%8b%e5%bc%b9-2\/\" },\n        { no: 58, name: \"\u6cf0\u5c71\u538b\u9876\", attr: \"\u6597\", level: \"S\", type: \"\u7269\u653b\uff08\u63a5\u89e6\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e6%b3%b0%e5%b1%b1%e5%8e%8b%e9%a1%b6-2\/\" },\n        { no: 59, name: \"\u5143\u6c14\u4e4b\u76fe\", attr: \"\u6597\", level: \"S\", type: \"\u53d8\u5316\uff08\u62a4\u76fe\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e5%85%83%e6%b0%94%e4%b9%8b%e7%9b%be-2\/\" },\n        { no: 60, name: \"\u5fc3\u773c\u4e00\u51fb\", attr: \"\u6597\", level: \"S\", type: \"\u7269\u653b\uff08\u63a5\u89e6\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e5%bf%83%e7%9c%bc%e4%b8%80%e5%87%bb-2\/\" },\n        { no: 61, name: \"\u6d85\u69c3\u6218\u821e\", attr: \"\u6597\", level: \"S\", type: \"\u53d8\u5316\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e6%b6%85%e6%a7%83%e6%88%98%e8%88%9e\/\" },\n        { no: 62, name: \"\u5148\u4e0b\u624b\", attr: \"\u6076\", level: \"A\", type: \"\u7269\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e5%85%88%e4%b8%8b%e6%89%8b-2\/\" },\n        { no: 63, name: \"\u8be1\u8ba1\u5077\u88ad\", attr: \"\u6076\", level: \"S\", type: \"\u7269\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e8%af%a1%e8%ae%a1%e5%81%b7%e8%a2%ad-2\/\" },\n        { no: 64, name: \"\u6563\u9b42\u5229\u722a\", attr: \"\u6076\", level: \"S\", type: \"\u7269\u653b\uff08\u5207\u5272\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e6%95%a3%e9%ad%82%e5%88%a9%e7%88%aa-2\/\" },\n        { no: 65, name: \"\u523a\u8033\u5c16\u5578\", attr: \"\u6076\", level: \"S\", type: \"\u7279\u653b\uff08\u58f0\u97f3\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e5%88%ba%e8%80%b3%e5%b0%96%e5%95%b8-2\/\" },\n        { no: 66, name: \"\u7834\u5e55\u9ad8\u97f3\", attr: \"\u6076\", level: \"S\", type: \"\u7279\u653b\uff08\u58f0\u97f3\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e7%a0%b4%e5%b9%95%e9%ab%98%e9%9f%b3-2\/\" },\n        { no: 67, name: \"\u9634\u8c0b\u8be1\u8ba1\", attr: \"\u6076\", level: \"S\", type: \"\u53d8\u5316\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e9%98%b4%e8%b0%8b%e8%af%a1%e8%ae%a1-2\/\" },\n        { no: 68, name: \"\u6697\u5f71\u4e4b\u76fe\", attr: \"\u6076\", level: \"S\", type: \"\u53d8\u5316\uff08\u62a4\u76fe\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e6%9a%97%e5%bd%b1%e4%b9%8b%e7%9b%be-2\/\" },\n        { no: 69, name: \"\u90aa\u6076\u529b\u573a\", attr: \"\u6076\", level: \"S\", type: \"\u7279\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e9%82%aa%e6%81%b6%e5%8a%9b%e5%9c%ba-2\/\" },\n        { no: 70, name: \"\u50ac\u7720\", attr: \"\u8d85\", level: \"A\", type: \"\u53d8\u5316\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e5%82%ac%e7%9c%a0-2\/\" },\n        { no: 71, name: \"\u5fc3\u667a\u5229\u5203\", attr: \"\u8d85\", level: \"A\", type: \"\u7269\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e5%bf%83%e6%99%ba%e5%88%a9%e5%88%83-2\/\" },\n        { no: 72, name: \"\u8ff7\u5e7b\u7206\u7834\", attr: \"\u8d85\", level: \"S\", type: \"\u7279\u653b\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e8%bf%b7%e5%b9%bb%e7%88%86%e7%a0%b4-2\/\" },\n        { no: 73, name: \"\u8be1\u5f02\u7a7a\u95f4\", attr: \"\u8d85\", level: \"S\", type: \"\u53d8\u5316\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e8%af%a1%e5%bc%82%e7%a9%ba%e9%97%b4-2\/\" },\n        { no: 74, name: \"\u660e\u955c\u6b62\u6c34\", attr: \"\u8d85\", level: \"S\", type: \"\u53d8\u5316\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e6%98%8e%e9%95%9c%e6%ad%a2%e6%b0%b4-2\/\" },\n        { no: 75, name: \"\u7075\u9b42\u51b2\u649e\", attr: \"\u8d85\", level: \"S\", type: \"\u7269\u653b\uff08\u63a5\u89e6\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e7%81%b5%e9%ad%82%e5%86%b2%e6%92%9e-2\/\" },\n        { no: 76, name: \"\u4ed9\u5b50\u6069\u6cfd\", attr: \"\u8d85\", level: \"S\", type: \"\u53d8\u5316\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e4%bb%99%e5%ad%90%e6%81%a9%e6%b3%bd\/\" },\n        { no: 77, name: \"\u5ff5\u529b\u4e4b\u76fe\", attr: \"\u8d85\", level: \"S\", type: \"\u53d8\u5316\uff08\u62a4\u76fe\uff09\", link: \"http:\/\/www.kardmi.cn\/index.php\/%e5%bf%b5%e5%8a%9b%e4%b9%8b%e7%9b%be-2\/\" }\n    ];\n\n    \/\/ \u6838\u5fc3\u53d8\u91cf\n    let currentPage = 1;\n    const pageSize = 10; \/\/ \u6bcf\u987510\u6761\uff0c\u53ef\u4fee\u6539\n    let sortField = \"name\";\n    let sortOrder = \"asc\";\n    let filteredData = [...skillData];\n    let searchKeyword = ''; \/\/ \u641c\u7d22\u5173\u952e\u8bcd\n\n    \/\/ \u5c5e\u6027\u989c\u8272\u6620\u5c04\uff08\u53cc\u7cfb\u53d6\u9996\u4e2a\u5c5e\u6027\uff09\n    const attrColorMap = {\n        \"\u8349\": \"grass\",\n        \"\u706b\": \"fire\",\n        \"\u6c34\": \"water\",\n        \"\u98ce\": \"wind\",\n        \"\u7535\": \"electric\",\n        \"\u571f\": \"earth\",\n        \"\u6597\": \"fight\",\n        \"\u6076\": \"evil\",\n        \"\u8d85\": \"super\"\n    };\n\n    \/\/ \u83b7\u53d6\u5c5e\u6027\u5bf9\u5e94\u7684\u989c\u8272\u7c7b\u540d\n    function getAttrColorClass(attr) {\n        const firstAttr = attr.charAt(0);\n        return attrColorMap[firstAttr] || \"grass\"; \/\/ \u9ed8\u8ba4\u8349\u8272\n    }\n\n    \/\/ \u6e32\u67d3\u8868\u683c\n    function renderTable() {\n        const tbody = document.getElementById('skill-tbody');\n        tbody.innerHTML = '';\n        \n        const startIndex = (currentPage - 1) * pageSize;\n        const endIndex = startIndex + pageSize;\n        const pageData = filteredData.slice(startIndex, endIndex);\n        \n        pageData.forEach(item => {\n            const colorClass = getAttrColorClass(item.attr);\n            const tr = document.createElement('tr');\n            tr.innerHTML = `\n                <td><a href=\"${item.link}\" class=\"name-${colorClass}\" title=\"${item.name}\u8be6\u7ec6\u8d44\u6599\">${item.name}<\/a><\/td>\n                <td>${item.attr}<\/td>\n                <td>${item.level}<\/td>\n                <td>${item.type}<\/td>\n            `;\n            tbody.appendChild(tr);\n        });\n    }\n\n    \/\/ \u6e32\u67d3\u5206\u9875\n    function renderPagination() {\n        const pagination = document.getElementById('pagination');\n        pagination.innerHTML = '';\n        const totalPages = Math.ceil(filteredData.length \/ pageSize);\n\n        \/\/ \u4e0a\u4e00\u9875\n        const prevBtn = document.createElement('button');\n        prevBtn.textContent = \"\u4e0a\u4e00\u9875\";\n        prevBtn.disabled = currentPage === 1;\n        prevBtn.addEventListener('click', () => {\n            if (currentPage > 1) {\n                currentPage--;\n                renderTable();\n                renderPagination();\n            }\n        });\n        pagination.appendChild(prevBtn);\n\n        \/\/ \u9875\u7801\n        const startPage = Math.max(1, currentPage - 5);\n        const endPage = Math.min(totalPages, startPage + 9);\n        for (let i = startPage; i <= endPage; i++) {\n            const pageBtn = document.createElement('button');\n            pageBtn.textContent = i;\n            if (i === currentPage) pageBtn.classList.add('active');\n            pageBtn.addEventListener('click', () => {\n                currentPage = i;\n                renderTable();\n                renderPagination();\n            });\n            pagination.appendChild(pageBtn);\n        }\n\n        \/\/ \u4e0b\u4e00\u9875\n        const nextBtn = document.createElement('button');\n        nextBtn.textContent = \"\u4e0b\u4e00\u9875\";\n        nextBtn.disabled = currentPage === totalPages;\n        nextBtn.addEventListener('click', () => {\n            if (currentPage < totalPages) {\n                currentPage++;\n                renderTable();\n                renderPagination();\n            }\n        });\n        pagination.appendChild(nextBtn);\n    }\n\n    \/\/ \u7b5b\u9009+\u641c\u7d22\u8054\u52a8\n    function updateFilteredData() {\n        const attr = document.getElementById('attr-filter').value;\n        const keyword = searchKeyword.trim().toLowerCase();\n        \n        filteredData = skillData.filter(item => {\n            const attrMatch = attr === 'all' || item.attr.includes(attr);\n            const nameMatch = item.name.toLowerCase().includes(keyword);\n            return attrMatch && nameMatch;\n        });\n        \n        currentPage = 1;\n        renderTable();\n        renderPagination();\n    }\n\n    \/\/ \u4e8b\u4ef6\u7ed1\u5b9a\n    document.getElementById('attr-filter').addEventListener('change', updateFilteredData);\n    document.getElementById('name-search').addEventListener('input', function() {\n        searchKeyword = this.value;\n        updateFilteredData();\n    });\n\n    \/\/ \u6392\u5e8f\u529f\u80fd\uff08\u652f\u6301\u6280\u80fd\u7c7b\u578b\u6392\u5e8f\uff09\n    document.querySelectorAll('.skill-final-table th[data-sort]').forEach(th => {\n        th.addEventListener('click', function() {\n            const newField = this.dataset.sort;\n            if (newField === sortField) {\n                sortOrder = sortOrder === 'asc' ? 'desc' : 'asc';\n            } else {\n                sortField = newField;\n                sortOrder = 'asc';\n            }\n            \n            filteredData.sort((a, b) => {\n                let aVal = a[sortField];\n                let bVal = b[sortField];\n                return sortOrder === 'asc' \n                    ? aVal.localeCompare(bVal, 'zh-CN') \n                    : bVal.localeCompare(aVal, 'zh-CN');\n            });\n            renderTable();\n        });\n    });\n\n    \/\/ \u521d\u59cb\u5316\n    renderTable();\n    renderPagination();\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u6280\u80fd\u5c5e\u6027\u7b5b\u9009\uff1a \u5168\u90e8\u5c5e\u6027\u6c34\u706b\u8349\u7535\u98ce\u571f\u6597\u6076\u8d85 \u6280\u80fd\u540d\u79f0\u641c\u7d22\uff1a \u6280\u80fd\u540d\u79f0 \u6280\u80fd\u5c5e\u6027 \u6280\u80fd\u7b49\u9636 \u6280\u80fd\u7c7b\u578b<\/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-439","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.kardmi.cn\/index.php\/wp-json\/wp\/v2\/pages\/439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.kardmi.cn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.kardmi.cn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.kardmi.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.kardmi.cn\/index.php\/wp-json\/wp\/v2\/comments?post=439"}],"version-history":[{"count":60,"href":"http:\/\/www.kardmi.cn\/index.php\/wp-json\/wp\/v2\/pages\/439\/revisions"}],"predecessor-version":[{"id":1062,"href":"http:\/\/www.kardmi.cn\/index.php\/wp-json\/wp\/v2\/pages\/439\/revisions\/1062"}],"wp:attachment":[{"href":"http:\/\/www.kardmi.cn\/index.php\/wp-json\/wp\/v2\/media?parent=439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}