\u534e\u8bed\u7ec4\u5408\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>\u534e\u8bed\u7ec4\u5408\u5531\u7247\u96c6<\/h1>\n <p style=\"text-indent:2em;\" class=\"subtitle\">\u63a2\u7d22\u7ecf\u5178\u4e0e\u6d41\u884c\u7684\u534e\u8bed\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 \n <button class=\"filter-btn\" data-filter=\"mainland\">\u5185\u5730<\/button>\n <button class=\"filter-btn\" data-filter=\"taiwan\">\u53f0\u6e7e<\/button>\n <button class=\"filter-btn\" data-filter=\"hongkong\">\u9999\u6e2f<\/button>\n <button class=\"filter-btn\" data-filter=\"malaysia\">\u9a6c\u6765\u897f\u4e9a<\/button>\n <button class=\"filter-btn\" data-filter=\"singapore\">\u65b0\u52a0\u5761<\/button>\n <\/div>\n <\/header>\n\n <div class=\"cards-container\" id=\"cardsContainer\">\n \n <\/div>\n\n <footer>\n <div class=\"stats\" id=\"stats\">\u5171 <span id=\"count\">0<\/span> \u4f4d\u6b4c\u624b<\/div>\n\n \n \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: \"\u6c34\u6728\u5e74\u534e\", type: \"\u5185\u5730\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/11\/%e6%b0%b4%e6%9c%a8%e5%b9%b4%e5%8d%8e2001-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: \"\u7fbd\u00b7\u6cc9\", type: \"\u5185\u5730\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/28\/%e7%be%bd%e6%b3%891999-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: \"\u98de\u513f\u4e50\u961f\", type: \"\u53f0\u6e7e\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/02\/%e9%a3%9e%e5%84%bf%e4%b9%90%e5%9b%a2f-i-r%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e5%85%a8%e9%83%a8%e6%ad%8c%e6%9b%b2%e6%89%93%e5%8c%85\/\" },\n { name: \"\u82b1\u513f\u4e50\u961f\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/03\/%e8%8a%b1%e5%84%bf%e4%b9%90%e9%98%9f%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e9%9f%b3%e4%b9%90%e6%ad%8c%e6%9b%b2%e6%89%93%e5%8c%8511cd\/\" },\n { name: \"\u4fe1\u4e50\u56e2\", type: \"\u53f0\u6e7e\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/10\/13\/%e4%bf%a1%e4%b9%90%e5%9b%a22002-2019%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: \"\u51e4\u51f0\u4f20\u5947\", type: \"\u5185\u5730\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/30\/%e5%87%a4%e5%87%b0%e4%bc%a0%e5%a5%872005-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: \"\u96f6\u70b9\u4e50\u961f\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/12\/15\/%e9%9b%b6%e7%82%b9%e4%b9%90%e9%98%9f2017-2019%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: \"\u52a8\u529b\u706b\u8f66\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/12\/08\/%e5%8a%a8%e5%8a%9b%e7%81%ab%e8%bd%a61997-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-8-41gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91\/\" },\n { name: \"\u5c0f\u864e\u961f\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/19\/%e5%b0%8f%e8%99%8e%e9%98%9f1989-1996%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: \"BY2\", type: \"\u65b0\u52a0\u5761\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/29\/by22008-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: \"F4\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2023\/12\/02\/f4%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-2-27gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n { name: \"\u98de\u8f6e\u6d77\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/10\/%e9%a3%9e%e8%bd%ae%e6%b5%b72006-2012%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: \"Twins\", type: \"\u9999\u6e2f\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/19\/twins2001-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: \"\u5357\u62f3\u5988\u5988\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/02\/%e5%8d%97%e6%8b%b3%e5%a6%88%e5%a6%882004-2017%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: \"\u7eb5\u8d2f\u7ebf\", type: \"\u53f0\u6e7e\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/03\/%e7%ba%b5%e8%b4%af%e7%ba%bf%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e9%9f%b3%e4%b9%90%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86\/\" },\n { name: \"\u65e0\u5370\u826f\u54c1\", type: \"\u9a6c\u6765\u897f\u4e9a\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/10\/%e6%97%a0%e5%8d%b0%e8%89%af%e5%93%81%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%85%a8%e9%9b%86%e6%89%93%e5%8c%85\/\" },\n { name: \"TFBOYS\", type: \"\u5185\u5730\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/09\/28\/tfboys2013-2020%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: \"\u75db\u4ef0\u4e50\u961f\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2023\/01\/04\/%e7%97%9b%e4%bb%b0%e4%b9%90%e9%98%9f2000-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-3-23gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91\/\" },\n { name: \"\u9ed1\u8c79\u4e50\u961f\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2023\/01\/05\/%e9%bb%91%e8%b1%b9%e4%b9%90%e9%98%9f1992-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-4-57gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91\/\" },\n { name: \"\u8fbe\u8fbe\u4e50\u961f\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/25\/%e8%be%be%e8%be%be%e4%b9%90%e9%98%9f2000-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: \"\u987d\u7ae5MJ116\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/08\/%e9%a1%bd%e7%ab%a5mj1162008-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: \"\u8fbe\u660e\u4e00\u6d3e\", type: \"\u9999\u6e2f\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2025\/09\/22\/%e8%be%be%e6%98%8e%e4%b8%80%e6%b4%be1986-2005%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-5-33gb%e7%99%be%e5%ba%a6%e4%ba%91%e5%a4%b8%e5%85%8b%e7%bd%91\/\" },\n { name: \"\u9a6c\u8d5b\u514b\u4e50\u961f\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/12\/05\/%e9%a9%ac%e8%b5%9b%e5%85%8b%e4%b9%90%e9%98%9f2012-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: \"My Little Airport\", type: \"\u9999\u6e2f\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2025\/09\/22\/my-little-airport2004-2022%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-7-87gb%e7%99%be%e5%ba%a6%e4%ba%91%e5%a4%b8%e5%85%8b%e7%bd%91%e7%9b%98%e4%b8%8b\/\" },\n { name: \"\u676d\u76d6\u4e50\u961f\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2024\/05\/15\/%e6%9d%ad%e7%9b%96%e4%b9%90%e9%98%9f%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-2-32gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n { name: \"\u97f3\u9619\u8bd7\u542c\", type: \"\u5185\u5730\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2023\/02\/02\/%e9%9f%b3%e9%98%99%e8%af%97%e5%90%ac%e7%b2%be%e9%80%89382%e9%a6%96%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-8-49gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n { name: \"\u623f\u4e1c\u7684\u732b\", type: \"\u5185\u5730\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/02\/%e6%88%bf%e4%b8%9c%e7%9a%84%e7%8c%ab2015-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: \"\u539f\u5b50\u90a6\u59ae\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/02\/%e5%8e%9f%e5%ad%90%e9%82%a6%e5%a6%ae2012-2020%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: \"\u871c\u96ea\u8587\u742a\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/09\/10\/%e8%9c%9c%e9%9b%aa%e8%96%87%e7%90%aa%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e9%ab%98%e5%93%81%e8%b4%a8mp3%e6%97%a0%e6%8d%9fflac-1-87gb%e7%99%be%e5%ba%a6%e4%ba%91\/\" },\n { name: \"\u94c1\u7af9\u5802\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/10\/%e9%93%81%e7%ab%b9%e5%a0%822003-2019%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: \"\u8170\u4e50\u961f\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/08\/%e8%85%b0%e4%b9%90%e9%98%9f2003-2014%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: \"Swing\", type: \"\u9999\u6e2f\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/14\/swing%e7%bb%84%e5%90%881999-2011%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: \"\u91cd\u5851\u96d5\u50cf\u7684\u6743\u5229\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/11\/%e9%87%8d%e5%a1%91%e9%9b%95%e5%83%8f%e7%9a%84%e6%9d%83%e5%88%a92005-2017%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: \"\u4e94\u6761\u4eba\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/18\/%e4%ba%94%e6%9d%a1%e4%ba%ba2008-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: \"\u725b\u5976\u5496\u5561\", type: \"\u5185\u5730\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/19\/%e7%89%9b%e5%a5%b6%e5%92%96%e5%95%a12005-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\/\" },\n { name: \"\u4e8c\u624b\u73ab\u7470\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2024\/05\/19\/%e4%ba%8c%e6%89%8b%e7%8e%ab%e7%91%b0%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fwav-4-29gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n { name: \"\u65b0\u88e4\u5b50\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/07\/%e6%96%b0%e8%a3%a4%e5%ad%901999-2020%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e6%89%93%e5%8c%85\/\" },\n { name: \"\u5929\u70ab\u7537\u5b69\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/08\/tension%e5%a4%a9%e7%82%ab%e7%94%b7%e5%ad%a92001-2018%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e6%89%93%e5%8c%85\/\" },\n { name: \"5566\u4e50\u961f\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2024\/10\/13\/5566%e4%b9%90%e9%98%9f%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fwav-1-33gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n { name: \"UNINE\u7ec4\u5408\", type: \"\u5185\u5730\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/12\/19\/unine%e7%bb%84%e5%90%882019-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-576mb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b\/\" },\n { name: \"\u9003\u8dd1\u8ba1\u5212\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2023\/01\/05\/%e9%80%83%e8%b7%91%e8%ae%a1%e5%88%922008-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-1-31gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91\/\" },\n { name: \"\u5b89\u5168\u7740\u9646\", type: \"\u5185\u5730\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2023\/01\/05\/%e5%ae%89%e5%85%a8%e7%9d%80%e9%99%862017-2018%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-16gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91\/\" },\n { name: \"\u5357\u5f81\u5317\u6218\", type: \"\u5185\u5730\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2023\/01\/05\/%e5%8d%97%e5%be%81%e5%8c%97%e6%88%98nzbz2012-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-4-22gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91\/\" },\n { name: \"\u57ce\u5e02\u5c11\u5973\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2023\/12\/02\/%e5%9f%8e%e5%b8%82%e5%b0%91%e5%a5%b3%ef%bc%88city-girls%ef%bc%89%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-2-12gb%e7%99%be%e5%ba%a6%e4%ba%91\/\" },\n { name: \"\u5510\u671d\u4e50\u961f\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2023\/12\/14\/%e5%94%90%e6%9c%9d%e4%b9%90%e9%98%9f%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fape-3-49gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b\/\" },\n { name: \"\u4e07\u80fd\u9752\u5e74\u65c5\u5e97\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2024\/02\/21\/%e4%b8%87%e8%83%bd%e9%9d%92%e5%b9%b4%e6%97%85%e5%ba%97%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-2-55gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n { name: \"\u519c\u592b\u7ec4\u5408\", type: \"\u9999\u6e2f\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2024\/03\/14\/%e5%86%9c%e5%a4%ab%e7%bb%84%e5%90%88%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%89%93%e5%8c%85%e6%97%a0%e6%8d%9fwav7-83gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b\/\" },\n { name: \"Fine\u4e50\u56e2\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2024\/06\/23\/fine%e4%b9%90%e5%9b%a2%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-3-46gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n { name: \"\u5927\u5634\u5df4\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2024\/07\/20\/%e5%a4%a7%e5%98%b4%e5%b7%b4%ef%bc%88da-mouth%ef%bc%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fape-1-55gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n { name: \"\u523a\u732c\u4e50\u961f\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2024\/07\/20\/%e5%88%ba%e7%8c%ac%e4%b9%90%e9%98%9f%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-3-63gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n { name: \"\u5c71\u4eba\u4e50\u961f\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2024\/09\/14\/%e5%b1%b1%e4%ba%ba%e4%b9%90%e9%98%9f%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-1-12gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n { name: \"Beyond\", type: \"\u9999\u6e2f\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2025\/09\/10\/beyond1986-1993%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-4-38gb%e7%99%be%e5%ba%a6%e4%ba%91%e5%a4%b8%e5%85%8b%e7%bd%91%e7%9b%98%e4%b8%8b\/\" },\n { name: \"\u4e94\u6708\u5929\", type: \"\u53f0\u6e7e\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2025\/09\/26\/%e4%ba%94%e6%9c%88%e5%a4%a91999-2016%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-4-29gb%e7%99%be%e5%ba%a6%e4%ba%91%e5%a4%b8%e5%85%8b%e7%bd%91%e7%9b%98\/\" },\n { name: \"\u50bb\u5b50\u4e0e\u767d\u75f4\", type: \"\u53f0\u6e7e\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2025\/11\/14\/%e5%82%bb%e5%ad%90%e4%b8%8e%e7%99%bd%e7%97%b42019-2025%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-1-58gb%e7%99%be%e5%ba%a6%e4%ba%91%e5%a4%b8%e5%85%8b%e7%bd%91\/\" },\n { name: \"\u7396\u6708\u5947\u8ff9\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2025\/11\/17\/%e7%8e%96%e6%9c%88%e5%a5%87%e8%bf%b9%e7%b2%be%e9%80%89%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-2-87gb%e7%99%be%e5%ba%a6%e4%ba%91%e5%a4%b8%e5%85%8b%e7%bd%91%e7%9b%98%e4%b8%8b\/\" },\n { name: \"S.H.E\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2025\/08\/01\/s-h-e%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e5%85%a8%e9%83%a8%e6%ad%8c%e6%9b%b2%e6%89%93%e5%8c%85wav%e6%95%b4%e8%bd%a8%e5%88%86%e8%bd%a818-28gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98\/\" },\n { name: \"C Allstar\", type: \"\u9999\u6e2f\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2025\/11\/21\/c-allstar2010-2017%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-5-51gb%e7%99%be%e5%ba%a6%e4%ba%91%e5%a4%b8%e5%85%8b%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n { name: \"\u4e5d\u5b9d\u4e50\u961f\", type: \"\u5185\u5730\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2023\/01\/31\/%e4%b9%9d%e5%ae%9d%e4%b9%90%e9%98%9f-nine-treasures%e9%83%a8%e5%88%86%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-wav-2-93gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91\/\" }\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 'band':\n \/\/ return singer.type.includes('\u4e50\u961f') || singer.type.includes('\u7ec4\u5408');\n case 'taiwan':\n return singer.type.includes('\u53f0\u6e7e');\n case 'mainland':\n return singer.type.includes('\u5185\u5730');\n case 'hongkong':\n return singer.type.includes('\u9999\u6e2f');\n case 'malaysia':\n return singer.type.includes('\u9a6c\u6765\u897f\u4e9a');\n case 'singapore':\n return singer.type.includes('\u65b0\u52a0\u5761');\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>\u534e\u8bed\u7ec4\u5408\u5531\u7247\u96c6 \u534e\u8bed\u7ec4\u5408\u5531\u7247\u96c6 \u63a2\u7d22\u7ecf\u5178\u4e0e\u6d41\u884c\u7684\u534e\u8bed\u97f3\u4e50\u4e16\u754c \u5168\u90e8 \u5185\u5730 \u53f0\u6e7e \u9999\u6e2f \u9a6c\u6765\u897f\u4e9a \u65b0\u52a0\u5761 \u5171 0 […]<\/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\/13933"}],"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=13933"}],"version-history":[{"count":4,"href":"https:\/\/www.guaniumusic.com\/index.php\/wp-json\/wp\/v2\/pages\/13933\/revisions"}],"predecessor-version":[{"id":14700,"href":"https:\/\/www.guaniumusic.com\/index.php\/wp-json\/wp\/v2\/pages\/13933\/revisions\/14700"}],"wp:attachment":[{"href":"https:\/\/www.guaniumusic.com\/index.php\/wp-json\/wp\/v2\/media?parent=13933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":13933,"date":"2026-01-04T22:13:19","date_gmt":"2026-01-04T14:13:19","guid":{"rendered":"https:\/\/www.guaniumusic.com\/?page_id=13933"},"modified":"2026-01-05T17:10:09","modified_gmt":"2026-01-05T09:10:09","slug":"%e5%8d%8e%e8%af%ad%e7%bb%84%e5%90%88%e5%94%b1%e7%89%87%e9%9b%86","status":"publish","type":"page","link":"https:\/\/www.guaniumusic.com\/index.php\/%e5%8d%8e%e8%af%ad%e7%bb%84%e5%90%88%e5%94%b1%e7%89%87%e9%9b%86\/","title":{"rendered":"\u534e\u8bed\u7ec4\u5408\u5531\u7247\u96c6"},"content":{"rendered":"\n\n\n\n\n \n \n \u534e\u8bed\u7ec4\u5408\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>\u534e\u8bed\u7ec4\u5408\u5531\u7247\u96c6<\/h1>\n <p style=\"text-indent:2em;\" class=\"subtitle\">\u63a2\u7d22\u7ecf\u5178\u4e0e\u6d41\u884c\u7684\u534e\u8bed\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 \n <button class=\"filter-btn\" data-filter=\"mainland\">\u5185\u5730<\/button>\n <button class=\"filter-btn\" data-filter=\"taiwan\">\u53f0\u6e7e<\/button>\n <button class=\"filter-btn\" data-filter=\"hongkong\">\u9999\u6e2f<\/button>\n <button class=\"filter-btn\" data-filter=\"malaysia\">\u9a6c\u6765\u897f\u4e9a<\/button>\n <button class=\"filter-btn\" data-filter=\"singapore\">\u65b0\u52a0\u5761<\/button>\n <\/div>\n <\/header>\n\n <div class=\"cards-container\" id=\"cardsContainer\">\n \n <\/div>\n\n <footer>\n <div class=\"stats\" id=\"stats\">\u5171 <span id=\"count\">0<\/span> \u4f4d\u6b4c\u624b<\/div>\n\n \n \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: \"\u6c34\u6728\u5e74\u534e\", type: \"\u5185\u5730\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/11\/%e6%b0%b4%e6%9c%a8%e5%b9%b4%e5%8d%8e2001-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: \"\u7fbd\u00b7\u6cc9\", type: \"\u5185\u5730\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/28\/%e7%be%bd%e6%b3%891999-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: \"\u98de\u513f\u4e50\u961f\", type: \"\u53f0\u6e7e\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/02\/%e9%a3%9e%e5%84%bf%e4%b9%90%e5%9b%a2f-i-r%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e5%85%a8%e9%83%a8%e6%ad%8c%e6%9b%b2%e6%89%93%e5%8c%85\/\" },\n { name: \"\u82b1\u513f\u4e50\u961f\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/03\/%e8%8a%b1%e5%84%bf%e4%b9%90%e9%98%9f%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e9%9f%b3%e4%b9%90%e6%ad%8c%e6%9b%b2%e6%89%93%e5%8c%8511cd\/\" },\n { name: \"\u4fe1\u4e50\u56e2\", type: \"\u53f0\u6e7e\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/10\/13\/%e4%bf%a1%e4%b9%90%e5%9b%a22002-2019%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: \"\u51e4\u51f0\u4f20\u5947\", type: \"\u5185\u5730\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/30\/%e5%87%a4%e5%87%b0%e4%bc%a0%e5%a5%872005-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: \"\u96f6\u70b9\u4e50\u961f\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/12\/15\/%e9%9b%b6%e7%82%b9%e4%b9%90%e9%98%9f2017-2019%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: \"\u52a8\u529b\u706b\u8f66\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/12\/08\/%e5%8a%a8%e5%8a%9b%e7%81%ab%e8%bd%a61997-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-8-41gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91\/\" },\n { name: \"\u5c0f\u864e\u961f\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/19\/%e5%b0%8f%e8%99%8e%e9%98%9f1989-1996%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: \"BY2\", type: \"\u65b0\u52a0\u5761\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/29\/by22008-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: \"F4\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2023\/12\/02\/f4%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-2-27gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n { name: \"\u98de\u8f6e\u6d77\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/10\/%e9%a3%9e%e8%bd%ae%e6%b5%b72006-2012%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: \"Twins\", type: \"\u9999\u6e2f\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/19\/twins2001-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: \"\u5357\u62f3\u5988\u5988\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/02\/%e5%8d%97%e6%8b%b3%e5%a6%88%e5%a6%882004-2017%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: \"\u7eb5\u8d2f\u7ebf\", type: \"\u53f0\u6e7e\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/03\/%e7%ba%b5%e8%b4%af%e7%ba%bf%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e9%9f%b3%e4%b9%90%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86\/\" },\n { name: \"\u65e0\u5370\u826f\u54c1\", type: \"\u9a6c\u6765\u897f\u4e9a\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/10\/%e6%97%a0%e5%8d%b0%e8%89%af%e5%93%81%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%85%a8%e9%9b%86%e6%89%93%e5%8c%85\/\" },\n { name: \"TFBOYS\", type: \"\u5185\u5730\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/09\/28\/tfboys2013-2020%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: \"\u75db\u4ef0\u4e50\u961f\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2023\/01\/04\/%e7%97%9b%e4%bb%b0%e4%b9%90%e9%98%9f2000-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-3-23gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91\/\" },\n { name: \"\u9ed1\u8c79\u4e50\u961f\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2023\/01\/05\/%e9%bb%91%e8%b1%b9%e4%b9%90%e9%98%9f1992-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-4-57gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91\/\" },\n { name: \"\u8fbe\u8fbe\u4e50\u961f\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/25\/%e8%be%be%e8%be%be%e4%b9%90%e9%98%9f2000-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: \"\u987d\u7ae5MJ116\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/08\/%e9%a1%bd%e7%ab%a5mj1162008-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: \"\u8fbe\u660e\u4e00\u6d3e\", type: \"\u9999\u6e2f\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2025\/09\/22\/%e8%be%be%e6%98%8e%e4%b8%80%e6%b4%be1986-2005%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-5-33gb%e7%99%be%e5%ba%a6%e4%ba%91%e5%a4%b8%e5%85%8b%e7%bd%91\/\" },\n { name: \"\u9a6c\u8d5b\u514b\u4e50\u961f\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/12\/05\/%e9%a9%ac%e8%b5%9b%e5%85%8b%e4%b9%90%e9%98%9f2012-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: \"My Little Airport\", type: \"\u9999\u6e2f\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2025\/09\/22\/my-little-airport2004-2022%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-7-87gb%e7%99%be%e5%ba%a6%e4%ba%91%e5%a4%b8%e5%85%8b%e7%bd%91%e7%9b%98%e4%b8%8b\/\" },\n { name: \"\u676d\u76d6\u4e50\u961f\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2024\/05\/15\/%e6%9d%ad%e7%9b%96%e4%b9%90%e9%98%9f%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-2-32gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n { name: \"\u97f3\u9619\u8bd7\u542c\", type: \"\u5185\u5730\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2023\/02\/02\/%e9%9f%b3%e9%98%99%e8%af%97%e5%90%ac%e7%b2%be%e9%80%89382%e9%a6%96%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-8-49gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n { name: \"\u623f\u4e1c\u7684\u732b\", type: \"\u5185\u5730\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/02\/%e6%88%bf%e4%b8%9c%e7%9a%84%e7%8c%ab2015-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: \"\u539f\u5b50\u90a6\u59ae\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/02\/%e5%8e%9f%e5%ad%90%e9%82%a6%e5%a6%ae2012-2020%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: \"\u871c\u96ea\u8587\u742a\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/09\/10\/%e8%9c%9c%e9%9b%aa%e8%96%87%e7%90%aa%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e9%ab%98%e5%93%81%e8%b4%a8mp3%e6%97%a0%e6%8d%9fflac-1-87gb%e7%99%be%e5%ba%a6%e4%ba%91\/\" },\n { name: \"\u94c1\u7af9\u5802\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/10\/%e9%93%81%e7%ab%b9%e5%a0%822003-2019%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: \"\u8170\u4e50\u961f\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/08\/%e8%85%b0%e4%b9%90%e9%98%9f2003-2014%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: \"Swing\", type: \"\u9999\u6e2f\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/14\/swing%e7%bb%84%e5%90%881999-2011%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: \"\u91cd\u5851\u96d5\u50cf\u7684\u6743\u5229\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/11\/%e9%87%8d%e5%a1%91%e9%9b%95%e5%83%8f%e7%9a%84%e6%9d%83%e5%88%a92005-2017%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: \"\u4e94\u6761\u4eba\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/18\/%e4%ba%94%e6%9d%a1%e4%ba%ba2008-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: \"\u725b\u5976\u5496\u5561\", type: \"\u5185\u5730\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/11\/19\/%e7%89%9b%e5%a5%b6%e5%92%96%e5%95%a12005-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\/\" },\n { name: \"\u4e8c\u624b\u73ab\u7470\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2024\/05\/19\/%e4%ba%8c%e6%89%8b%e7%8e%ab%e7%91%b0%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fwav-4-29gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n { name: \"\u65b0\u88e4\u5b50\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/07\/%e6%96%b0%e8%a3%a4%e5%ad%901999-2020%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e6%89%93%e5%8c%85\/\" },\n { name: \"\u5929\u70ab\u7537\u5b69\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/08\/08\/tension%e5%a4%a9%e7%82%ab%e7%94%b7%e5%ad%a92001-2018%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e6%89%93%e5%8c%85\/\" },\n { name: \"5566\u4e50\u961f\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2024\/10\/13\/5566%e4%b9%90%e9%98%9f%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fwav-1-33gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n { name: \"UNINE\u7ec4\u5408\", type: \"\u5185\u5730\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2022\/12\/19\/unine%e7%bb%84%e5%90%882019-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-576mb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b\/\" },\n { name: \"\u9003\u8dd1\u8ba1\u5212\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2023\/01\/05\/%e9%80%83%e8%b7%91%e8%ae%a1%e5%88%922008-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-1-31gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91\/\" },\n { name: \"\u5b89\u5168\u7740\u9646\", type: \"\u5185\u5730\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2023\/01\/05\/%e5%ae%89%e5%85%a8%e7%9d%80%e9%99%862017-2018%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-16gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91\/\" },\n { name: \"\u5357\u5f81\u5317\u6218\", type: \"\u5185\u5730\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2023\/01\/05\/%e5%8d%97%e5%be%81%e5%8c%97%e6%88%98nzbz2012-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-4-22gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91\/\" },\n { name: \"\u57ce\u5e02\u5c11\u5973\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2023\/12\/02\/%e5%9f%8e%e5%b8%82%e5%b0%91%e5%a5%b3%ef%bc%88city-girls%ef%bc%89%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-2-12gb%e7%99%be%e5%ba%a6%e4%ba%91\/\" },\n { name: \"\u5510\u671d\u4e50\u961f\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2023\/12\/14\/%e5%94%90%e6%9c%9d%e4%b9%90%e9%98%9f%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fape-3-49gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b\/\" },\n { name: \"\u4e07\u80fd\u9752\u5e74\u65c5\u5e97\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2024\/02\/21\/%e4%b8%87%e8%83%bd%e9%9d%92%e5%b9%b4%e6%97%85%e5%ba%97%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-2-55gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n { name: \"\u519c\u592b\u7ec4\u5408\", type: \"\u9999\u6e2f\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2024\/03\/14\/%e5%86%9c%e5%a4%ab%e7%bb%84%e5%90%88%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%89%93%e5%8c%85%e6%97%a0%e6%8d%9fwav7-83gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b\/\" },\n { name: \"Fine\u4e50\u56e2\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2024\/06\/23\/fine%e4%b9%90%e5%9b%a2%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-3-46gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n { name: \"\u5927\u5634\u5df4\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2024\/07\/20\/%e5%a4%a7%e5%98%b4%e5%b7%b4%ef%bc%88da-mouth%ef%bc%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fape-1-55gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n { name: \"\u523a\u732c\u4e50\u961f\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2024\/07\/20\/%e5%88%ba%e7%8c%ac%e4%b9%90%e9%98%9f%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-3-63gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n { name: \"\u5c71\u4eba\u4e50\u961f\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2024\/09\/14\/%e5%b1%b1%e4%ba%ba%e4%b9%90%e9%98%9f%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-1-12gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n { name: \"Beyond\", type: \"\u9999\u6e2f\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2025\/09\/10\/beyond1986-1993%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-4-38gb%e7%99%be%e5%ba%a6%e4%ba%91%e5%a4%b8%e5%85%8b%e7%bd%91%e7%9b%98%e4%b8%8b\/\" },\n { name: \"\u4e94\u6708\u5929\", type: \"\u53f0\u6e7e\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2025\/09\/26\/%e4%ba%94%e6%9c%88%e5%a4%a91999-2016%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-4-29gb%e7%99%be%e5%ba%a6%e4%ba%91%e5%a4%b8%e5%85%8b%e7%bd%91%e7%9b%98\/\" },\n { name: \"\u50bb\u5b50\u4e0e\u767d\u75f4\", type: \"\u53f0\u6e7e\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2025\/11\/14\/%e5%82%bb%e5%ad%90%e4%b8%8e%e7%99%bd%e7%97%b42019-2025%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-1-58gb%e7%99%be%e5%ba%a6%e4%ba%91%e5%a4%b8%e5%85%8b%e7%bd%91\/\" },\n { name: \"\u7396\u6708\u5947\u8ff9\", type: \"\u5185\u5730\u4e50\u961f\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2025\/11\/17\/%e7%8e%96%e6%9c%88%e5%a5%87%e8%bf%b9%e7%b2%be%e9%80%89%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-2-87gb%e7%99%be%e5%ba%a6%e4%ba%91%e5%a4%b8%e5%85%8b%e7%bd%91%e7%9b%98%e4%b8%8b\/\" },\n { name: \"S.H.E\", type: \"\u53f0\u6e7e\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2025\/08\/01\/s-h-e%e6%89%80%e6%9c%89%e4%b8%93%e8%be%91%e5%85%a8%e9%83%a8%e6%ad%8c%e6%9b%b2%e6%89%93%e5%8c%85wav%e6%95%b4%e8%bd%a8%e5%88%86%e8%bd%a818-28gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91%e7%9b%98\/\" },\n { name: \"C Allstar\", type: \"\u9999\u6e2f\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2025\/11\/21\/c-allstar2010-2017%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-5-51gb%e7%99%be%e5%ba%a6%e4%ba%91%e5%a4%b8%e5%85%8b%e7%bd%91%e7%9b%98%e4%b8%8b%e8%bd%bd\/\" },\n { name: \"\u4e5d\u5b9d\u4e50\u961f\", type: \"\u5185\u5730\u7ec4\u5408\", link: \"https:\/\/www.guaniumusic.com\/index.php\/2023\/01\/31\/%e4%b9%9d%e5%ae%9d%e4%b9%90%e9%98%9f-nine-treasures%e9%83%a8%e5%88%86%e4%b8%93%e8%be%91%e6%ad%8c%e6%9b%b2%e5%90%88%e9%9b%86%e6%97%a0%e6%8d%9fflac-wav-2-93gb%e7%99%be%e5%ba%a6%e4%ba%91%e7%bd%91\/\" }\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 'band':\n \/\/ return singer.type.includes('\u4e50\u961f') || singer.type.includes('\u7ec4\u5408');\n case 'taiwan':\n return singer.type.includes('\u53f0\u6e7e');\n case 'mainland':\n return singer.type.includes('\u5185\u5730');\n case 'hongkong':\n return singer.type.includes('\u9999\u6e2f');\n case 'malaysia':\n return singer.type.includes('\u9a6c\u6765\u897f\u4e9a');\n case 'singapore':\n return singer.type.includes('\u65b0\u52a0\u5761');\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>\u534e\u8bed\u7ec4\u5408\u5531\u7247\u96c6 \u534e\u8bed\u7ec4\u5408\u5531\u7247\u96c6 \u63a2\u7d22\u7ecf\u5178\u4e0e\u6d41\u884c\u7684\u534e\u8bed\u97f3\u4e50\u4e16\u754c \u5168\u90e8 \u5185\u5730 \u53f0\u6e7e \u9999\u6e2f \u9a6c\u6765\u897f\u4e9a \u65b0\u52a0\u5761 \u5171 0 […]<\/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\/13933"}],"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=13933"}],"version-history":[{"count":4,"href":"https:\/\/www.guaniumusic.com\/index.php\/wp-json\/wp\/v2\/pages\/13933\/revisions"}],"predecessor-version":[{"id":14700,"href":"https:\/\/www.guaniumusic.com\/index.php\/wp-json\/wp\/v2\/pages\/13933\/revisions\/14700"}],"wp:attachment":[{"href":"https:\/\/www.guaniumusic.com\/index.php\/wp-json\/wp\/v2\/media?parent=13933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}