﻿{"id":13970,"date":"2026-01-05T14:51:19","date_gmt":"2026-01-05T06:51:19","guid":{"rendered":"https:\/\/www.guaniumusic.com\/?page_id=13970"},"modified":"2026-01-05T15:09:01","modified_gmt":"2026-01-05T07:09:01","slug":"%e6%97%a5%e9%9f%a9%e7%94%b7%e6%ad%8c%e6%89%8b%e5%94%b1%e7%89%87%e9%9b%86","status":"publish","type":"page","link":"https:\/\/www.guaniumusic.com\/index.php\/%e6%97%a5%e9%9f%a9%e7%94%b7%e6%ad%8c%e6%89%8b%e5%94%b1%e7%89%87%e9%9b%86\/","title":{"rendered":"\u65e5\u97e9\u7537\u6b4c\u624b\u5531\u7247\u96c6"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"zh-CN\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u65e5\u97e9\u7537\u6b4c\u624b\u5531\u7247\u96c6<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;\n        }\n\n        :root {\n            --primary: #6c5ce7;\n            --primary-dark: #5549c7;\n            --secondary: #fd79a8;\n            --secondary-dark: #e5679b;\n            --accent: #00cec9;\n            --dark-bg: #0f0f1a;\n            --dark-bg2: #1a1a2e;\n            --card-bg: rgba(255, 255, 255, 0.08);\n            --text: #ffffff;\n            --text-secondary: rgba(255, 255, 255, 0.7);\n        }\n\n        body {\n            background: linear-gradient(135deg, var(--dark-bg) 0%, var(--dark-bg2) 100%);\n            color: var(--text);\n            min-height: 100vh;\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        header {\n            text-align: center;\n            padding: 40px 0 20px;\n            position: relative;\n        }\n\n        h1 {\n            font-size: 3rem;\n            margin-bottom: 10px;\n            background: linear-gradient(90deg, var(--primary), var(--secondary));\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n            text-shadow: 0 0 20px rgba(108, 92, 231, 0.3);\n            margin-left: -350px;\n        }\n\n        .subtitle {\n            font-size: 1.2rem;\n            color: var(--text-secondary);\n            margin-bottom: 30px;\n            margin-left: -350px;\n        }\n\n        .search-container {\n            max-width: 600px;\n            margin: 0 auto 40px;\n            position: relative;\n            margin-left: 130px;\n        }\n\n        .search-box {\n            width: 100%;\n            padding: 15px 20px;\n            border-radius: 50px;\n            border: none;\n            background: rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(10px);\n            color: var(--text);\n            font-size: 1.1rem;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n            transition: all 0.3s ease;\n        }\n\n        .search-box:focus {\n            outline: none;\n            background: rgba(255, 255, 255, 0.15);\n            box-shadow: 0 10px 30px rgba(108, 92, 231, 0.4);\n            transform: translateY(-2px);\n        }\n\n        .search-icon {\n            position: absolute;\n            right: 20px;\n            top: 50%;\n            transform: translateY(-50%);\n            color: var(--accent);\n            font-size: 1.2rem;\n        }\n\n        .filter-container {\n            display: flex;\n            justify-content: center;\n            flex-wrap: wrap;\n            gap: 10px;\n            margin-bottom: 30px;\n            margin-left: -350px;\n        }\n\n        .filter-btn {\n            padding: 8px 16px;\n            background: rgba(255, 255, 255, 0.1);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            border-radius: 20px;\n            color: var(--text-secondary);\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: 0.9rem;\n        }\n\n        .filter-btn:hover {\n            background: rgba(255, 255, 255, 0.15);\n            color: var(--text);\n        }\n\n        .filter-btn.active {\n            background: linear-gradient(90deg, var(--primary-dark), var(--secondary-dark));\n            color: white;\n            border-color: transparent;\n        }\n\n        .cards-container {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 25px;\n            margin-bottom: 40px;\n            max-width: 800px;\n        }\n\n        .card {\n            background: var(--card-bg);\n            backdrop-filter: blur(10px);\n            border-radius: 15px;\n            padding: 20px;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n            border: 1px solid rgba(255, 255, 255, 0.05);\n        }\n\n        .card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(135deg, rgba(108, 92, 231, 0.1), rgba(253, 121, 168, 0.1));\n            opacity: 0;\n            transition: opacity 0.4s ease;\n            z-index: -1;\n        }\n\n        .card:hover {\n            transform: translateY(-10px) scale(1.02);\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), 0 0 20px rgba(108, 92, 231, 0.2);\n        }\n\n        .card:hover::before {\n            opacity: 1;\n        }\n\n        .card-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 15px;\n        }\n\n        .singer-name {\n            font-size: 1.3rem;\n            font-weight: 600;\n            color: var(--text);\n        }\n\n        .singer-type {\n            font-size: 0.85rem;\n            padding: 4px 10px;\n            border-radius: 20px;\n            background: rgba(0, 206, 201, 0.2);\n            color: var(--accent);\n        }\n\n        .card-link {\n            display: inline-block;\n            margin-top: 15px;\n            padding: 8px 15px;\n            background: linear-gradient(90deg, var(--primary-dark), var(--secondary-dark));\n            color: white;\n            text-decoration: none;\n            border-radius: 8px;\n            font-size: 0.9rem;\n            font-weight: 500;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .card-link::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n            transition: left 0.5s ease;\n        }\n\n        .card-link:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);\n        }\n\n        .card-link:hover::before {\n            left: 100%;\n        }\n\n        footer {\n            \/* background: rgba(0, 0, 0, 0.3); *\/\n            \/* backdrop-filter: blur(10px); *\/\n            border-radius: 15px;\n            padding: 30px;\n            margin-top: 40px;\n            text-align: center;\n        }\n\n        .stats {\n            margin-bottom: 20px;\n            color: var(--text-secondary);\n            font-size: 1.1rem;\n        }\n\n        .ctfile-promo {\n            margin-bottom: 20px;\n        }\n\n        .ctfile-btn {\n            display: inline-block;\n            padding: 12px 30px;\n            background: linear-gradient(90deg, var(--primary-dark), var(--secondary-dark));\n            color: white;\n            text-decoration: none;\n            border-radius: 50px;\n            font-weight: 600;\n            font-size: 1.1rem;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);\n            transition: all 0.3s ease;\n            margin-bottom: 20px;\n        }\n\n        .ctfile-btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);\n        }\n\n        .disclaimer {\n            font-size: 0.9rem;\n            color: var(--text-secondary);\n            line-height: 1.8;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .empty-state {\n            grid-column: 1 \/ -1;\n            text-align: center;\n            padding: 60px 20px;\n            color: var(--text-secondary);\n        }\n\n        .empty-state i {\n            font-size: 4rem;\n            margin-bottom: 20px;\n            color: var(--accent);\n        }\n\n        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n        @media (max-width: 1200px) {\n            .cards-container {\n                grid-template-columns: repeat(4, 1fr);\n            }\n        }\n\n        @media (max-width: 992px) {\n            .cards-container {\n                grid-template-columns: repeat(3, 1fr);\n            }\n        }\n\n        @media (max-width: 768px) {\n            .cards-container {\n                grid-template-columns: repeat(2, 1fr);\n            }\n\n            h1 {\n                font-size: 2.5rem;\n            }\n\n            .filter-container {\n                gap: 8px;\n            }\n\n            .filter-btn {\n                padding: 6px 12px;\n                font-size: 0.8rem;\n            }\n        }\n\n        @media (max-width: 576px) {\n            .cards-container {\n                grid-template-columns: 1fr;\n            }\n\n            h1 {\n                font-size: 2rem;\n            }\n\n            .search-box {\n                padding: 12px 15px;\n            }\n        }\n    <\/style>\n<\/head>\n\n<body>\n    <div class=\"container\">\n        <header>\n            <h1>\u65e5\u97e9\u7537\u6b4c\u624b\u5531\u7247\u96c6<\/h1>\n            <p style=\"text-indent:2em;\" class=\"subtitle\">\u63a2\u7d22\u65e5\u97e9\u6d41\u884c\u7684\u97f3\u4e50\u4e16\u754c<\/p>\n\n            <div class=\"search-container\">\n                <input type=\"text\" class=\"search-box\" id=\"searchInput\" placeholder=\"\u641c\u7d22\u6b4c\u624b\u59d3\u540d...\">\n                <i class=\"fas fa-search search-icon\"><\/i>\n            <\/div>\n\n            <div class=\"filter-container\">\n                <button class=\"filter-btn active\" data-filter=\"all\">\u5168\u90e8<\/button>\n                <!-- <button class=\"filter-btn\" data-filter=\"male\">\u7537\u6b4c\u624b<\/button>\n                <button class=\"filter-btn\" data-filter=\"female\">\u5973\u6b4c\u624b<\/button> -->\n                <button class=\"filter-btn\" data-filter=\"koreanmale\">\u97e9\u56fd\u7537<\/button>\n                <!-- <button class=\"filter-btn\" data-filter=\"koreanfemale\">\u97e9\u56fd\u5973<\/button>\n                <button class=\"filter-btn\" data-filter=\"Koreanband\">\u97e9\u56fd\u7ec4\u5408\/\u4e50\u961f<\/button> -->\n                <button class=\"filter-btn\" data-filter=\"japanesemale\">\u65e5\u672c\u7537<\/button>                \n                <!-- <button class=\"filter-btn\" data-filter=\"japanesefemale\">\u65e5\u672c\u5973<\/button>\n                <button class=\"filter-btn\" data-filter=\"japaneseband\">\u65e5\u672c\u7ec4\u5408\/\u4e50\u961f<\/button> -->\n            <\/div>\n        <\/header>\n\n        <div class=\"cards-container\" id=\"cardsContainer\">\n            <!-- \u5361\u7247\u5c06\u901a\u8fc7JavaScript\u52a8\u6001\u751f\u6210 -->\n        <\/div>\n\n        <footer>\n            <div class=\"stats\" id=\"stats\">\u5171 <span id=\"count\">0<\/span> \u4f4d\u6b4c\u624b<\/div>\n\n            <!-- <div class=\"ctfile-promo\">\n                <a href=\"https:\/\/www.ctfile.com\/register?u=167219\" class=\"ctfile-btn\" target=\"_blank\" rel=\"noopener\">\n                    <i class=\"fas fa-cloud-download-alt\"><\/i> \u6ce8\u518c\u57ce\u901a\u7f51\u76d8\u83b7\u53d6\u66f4\u591a\u8d44\u6e90\n                <\/a>\n            <\/div> -->\n            <!-- <div class=\"disclaimer\">\n                \u514d\u8d23\u58f0\u660e\uff1a\u6240\u6709\u8d44\u6e90\u5747\u6765\u81ea\u4e8e\u4e92\u8054\u7f51\uff0c\u53ea\u53ef\u7528\u65bc\u500b\u4eba\u8a66\u807d\u4ea4\u6d41\u4f7f\u7528\uff0c\u7981\u7528\u65bc\u4efb\u4f55\u5546\u696d\u7528\u9014\u6216\u516c\u958b\u50b3\u64ad\u7684\u5834\u5408\uff0c\u8acb\u5728\u8a66\u807d\u5f8c24\u5c0f\u6642\u5167\u522a\u9664,\u672c\u4eba\u4e0d\u627f\u64d4\u8207\u4e4b\u76f8\u95dc\u7684\u4e00\u5207\u6cd5\u5f8b\u8cac\u4efb.\u5982\u60a8\u559c\u6b61\uff0c\u8acb\u8cfc\u8cb7\u6b63\u7248\u5c08\u8f2f\uff01\n            <\/div> -->\n        <\/footer>\n    <\/div>\n\n    <script>\n        \/\/ \u6b4c\u624b\u6570\u636e - \u5305\u542b\u6240\u6709\u63d0\u4f9b\u7684\u6b4c\u624b\u4fe1\u606f\n        const singersData = [\n            { name: \"\u4e45\u77f3\u8ba9\", type: \"\u65e5\u672c\u7537\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/07\/%e4%b9%85%e7%9f%b3%e8%ae%a9%e7%bb%8f%e5%85%b8%e8%bd%bb%e9%9f%b3%e4%b9%90%e5%90%88%e9%9b%86%e6%97%a5%e6%9c%ac%e7%bb%8f%e5%85%b8%e9%85%8d%e4%b9%90%e7%ba%af%e9%9f%b3%e4%b9%90%e6%89%93%e5%8c%85\/\" },\n            { name: \"\u5b89\u4e03\u70ab\", type: \"\u97e9\u56fd\u7537\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/10\/%e5%ae%89%e4%b8%83%e7%82%ab2001-2021%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%85%a8%e5%90%88%e9%9b%86\/\" },\n            { name: \"\u5c71\u4e0b\u8fbe\u90ce\", type: \"\u65e5\u672c\u7537\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2024\/05\/17\/%e5%b1%b1%e4%b8%8b%e9%81%94%e9%83%8e%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-10-13gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n            { name: \"\u7c73\u6d25\u7384\u5e08\", type: \"\u65e5\u672c\u7537\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/04\/%e7%b1%b3%e6%b4%a5%e7%8e%84%e5%b8%882009-2021%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86\/\" },\n            { name: \"\u6743\u5fd7\u9f99\", type: \"\u97e9\u56fd\u7537\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/10\/g-dragon%e6%9d%83%e5%bf%97%e9%be%992008-2018%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e9%9f%b3%e4%b9%90%e5%90%88%e9%9b%86\/\" },\n            { name: \"\u4e1c\u6c38\u88f4\", type: \"\u97e9\u56fd\u7537\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/10\/%e5%a4%aa%e9%98%b3-%ed%83%9c%ec%96%912008-2018%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e5%90%88%e9%9b%86%e6%89%93%e5%8c%85\/\" },\n            { name: \"\u6cfd\u91ce\u5f18\u4e4b\", type: \"\u65e5\u672c\u7537\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/09\/21\/%e6%b3%bd%e9%87%8e%e5%bc%98%e4%b9%8b2006-2021%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86\/\" },\n            { name: \"\u6734\u5bb0\u8303\", type: \"\u97e9\u56fd\u7537\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/19\/%e6%9c%b4%e5%ae%b0%e8%8c%832010-2021%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86\/\" },\n            { name: \"\u8fb9\u4f2f\u8d24\", type: \"\u97e9\u56fd\u7537\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/19\/%e8%be%b9%e4%bc%af%e8%b4%a42016-2021%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%85%a8%e5%90%88%e9%9b%86\/\" },\n            { name: \"\u91ce\u7530\u6d0b\u6b21\u90ce\", type: \"\u65e5\u672c\u7537\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/19\/%e9%87%8e%e7%94%b0%e6%b4%8b%e6%ac%a1%e9%83%8e2013-2017%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%85%a8%e5%90%88%e9%9b%86\/\" },\n            { name: \"\u661f\u91ce\u6e90\", type: \"\u65e5\u672c\u7537\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/12\/05\/%e6%98%9f%e9%87%8e%e6%ba%902010-2021%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%85%a8%e5%90%88%e9%9b%86\/\" },\n            { name: \"\u91d1\u949f\u5927\", type: \"\u97e9\u56fd\u7537\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/12\/08\/chen2014-2020%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%85%a8%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-0-98gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n            { name: \"\u91d1\u77e5\u5143\", type: \"\u97e9\u56fd\u7537\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/12\/19\/bobby%e9%87%91%e7%9f%a5%e5%85%832015-2021%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%85%a8%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-1-05gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98\/\" },\n            { name: \"\u5b8b\u65fb\u6d69\", type: \"\u97e9\u56fd\u7537\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2023\/01\/03\/%e5%ae%8b%e6%97%bb%e6%b5%a9mino2016-2020%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%85%a8%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-616mb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98\/\" },\n            { name: \"\u5bab\u5d0e\u9a8f\", type: \"\u65e5\u672c\u7537\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2023\/01\/06\/%e5%ae%ab%e5%b4%8e%e9%aa%8f%e9%83%a8%e5%88%86%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%89%93%e5%8c%85sacddsf1-8g%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n            { name: \"\u7389\u7f6e\u6d69\u4e8c\", type: \"\u65e5\u672c\u7537\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2024\/02\/06\/%e7%8e%89%e7%bd%ae%e6%b5%a9%e4%ba%8c%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e6%89%93%e5%8c%85%e9%83%a8%e5%88%86%e5%8f%91%e7%83%a7%e5%93%81%e8%b4%a8sacd-3-2gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91\/\" }\n            \/\/ { name: \"\u5b8b\u65fb\u6d69\", type: \"\u97e9\u56fd\u7537\", link: \"\" },\n        ];\n\n        \/\/ \u6309\u59d3\u6c0f\u9996\u5b57\u6bcd\u6392\u5e8f\n        singersData.sort((a, b) => a.name.localeCompare(b.name, 'zh-CN'));\n\n        \/\/ \u5f53\u524d\u9009\u4e2d\u7684\u7b5b\u9009\u6761\u4ef6\n        let currentFilter = 'all';\n        let searchTerm = '';\n\n        \/\/ \u6e32\u67d3\u5361\u7247\n        function renderCards(data) {\n            const container = document.getElementById('cardsContainer');\n            container.innerHTML = '';\n\n            if (data.length === 0) {\n                container.innerHTML = `\n                    <div class=\"empty-state\">\n                        <i class=\"fas fa-search\"><\/i>\n                        <h3>\u672a\u627e\u5230\u76f8\u5173\u6b4c\u624b<\/h3>\n                        <p style=\"text-indent:2em;\">\u8bf7\u5c1d\u8bd5\u5176\u4ed6\u641c\u7d22\u5173\u952e\u8bcd<\/p>\n                    <\/div>\n                `;\n                return;\n            }\n\n            data.forEach(singer => {\n                const card = document.createElement('div');\n                card.className = 'card';\n                card.innerHTML = `\n                    <div class=\"card-header\">\n                        <h3 class=\"singer-name\">${singer.name}<\/h3>\n                        <span class=\"singer-type\">${singer.type}<\/span>\n                    <\/div>\n                    <a href=\"${singer.link}\" class=\"card-link\" target=\"_blank\">\n                        <i class=\"fas fa-external-link-alt\"><\/i> \u8bbf\u95ee\u8d44\u6e90\n                    <\/a>\n                `;\n                container.appendChild(card);\n            });\n\n            \/\/ \u66f4\u65b0\u7edf\u8ba1\u4fe1\u606f\n            document.getElementById('count').textContent = data.length;\n        }\n\n        \/\/ \u7b5b\u9009\u529f\u80fd\n        function applyFilters() {\n            let filteredData = singersData;\n\n            \/\/ \u5e94\u7528\u5206\u7c7b\u7b5b\u9009\n            if (currentFilter !== 'all') {\n                filteredData = filteredData.filter(singer => {\n                    switch (currentFilter) {\n                        \/\/ case 'male':\n                        \/\/     return singer.type.includes('\u7537\u6b4c\u624b');\n                        \/\/ case 'female':\n                        \/\/     return singer.type.includes('\u5973\u6b4c\u624b');\n                        case 'koreanmale':\n                            return singer.type.includes('\u97e9\u56fd\u7537');\n                        \/\/ case 'koreanfemale':\n                        \/\/     return singer.type.includes('\u97e9\u56fd\u5973');\n                        \/\/ case 'Koreanband':\n                        \/\/     return singer.type.includes('\u97e9\u56fd\u7ec4\u5408') || singer.type.includes('\u97e9\u56fd\u4e50\u961f');\n                        case 'japanesemale':\n                            return singer.type.includes('\u65e5\u672c\u7537');\n                        \/\/ case 'japanesefemale':\n                        \/\/     return singer.type.includes('\u65e5\u672c\u5973');\n                        \/\/ case 'japaneseband':\n                        \/\/     return singer.type.includes('\u65e5\u672c\u7ec4\u5408') || singer.type.includes('\u65e5\u672c\u4e50\u961f');\n                        default:\n                            return true;\n                    }\n                });\n            }\n\n            \/\/ \u5e94\u7528\u641c\u7d22\u7b5b\u9009\n            if (searchTerm) {\n                filteredData = filteredData.filter(singer =>\n                    singer.name.toLowerCase().includes(searchTerm) ||\n                    singer.type.toLowerCase().includes(searchTerm)\n                );\n            }\n\n            renderCards(filteredData);\n        }\n\n        \/\/ \u641c\u7d22\u529f\u80fd\n        document.getElementById('searchInput').addEventListener('input', function (e) {\n            searchTerm = e.target.value.toLowerCase();\n            applyFilters();\n        });\n\n        \/\/ \u5206\u7c7b\u7b5b\u9009\u6309\u94ae\u4e8b\u4ef6\n        document.querySelectorAll('.filter-btn').forEach(btn => {\n            btn.addEventListener('click', function () {\n                \/\/ \u79fb\u9664\u6240\u6709\u6309\u94ae\u7684active\u7c7b\n                document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\n                \/\/ \u7ed9\u5f53\u524d\u70b9\u51fb\u7684\u6309\u94ae\u6dfb\u52a0active\u7c7b\n                this.classList.add('active');\n                \/\/ \u66f4\u65b0\u5f53\u524d\u7b5b\u9009\u6761\u4ef6\n                currentFilter = this.getAttribute('data-filter');\n                \/\/ \u5e94\u7528\u7b5b\u9009\n                applyFilters();\n            });\n        });\n\n        \/\/ \u521d\u59cb\u6e32\u67d3\n        applyFilters();\n    <\/script>\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u65e5\u97e9\u7537\u6b4c\u624b\u5531\u7247\u96c6 \u65e5\u97e9\u7537\u6b4c\u624b\u5531\u7247\u96c6 \u63a2\u7d22\u65e5\u97e9\u6d41\u884c\u7684\u97f3\u4e50\u4e16\u754c \u5168\u90e8 \u97e9\u56fd\u7537 \u65e5\u672c\u7537 \u5171 0 \u4f4d\u6b4c\u624b<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.guaniumusic.com\/index.php\/wp-json\/wp\/v2\/pages\/13970"}],"collection":[{"href":"https:\/\/www.guaniumusic.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.guaniumusic.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.guaniumusic.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.guaniumusic.com\/index.php\/wp-json\/wp\/v2\/comments?post=13970"}],"version-history":[{"count":5,"href":"https:\/\/www.guaniumusic.com\/index.php\/wp-json\/wp\/v2\/pages\/13970\/revisions"}],"predecessor-version":[{"id":13976,"href":"https:\/\/www.guaniumusic.com\/index.php\/wp-json\/wp\/v2\/pages\/13970\/revisions\/13976"}],"wp:attachment":[{"href":"https:\/\/www.guaniumusic.com\/index.php\/wp-json\/wp\/v2\/media?parent=13970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}