{"id":1117,"date":"2026-06-07T21:23:10","date_gmt":"2026-06-07T13:23:10","guid":{"rendered":"http:\/\/www.hkssstv.com.cn\/?page_id=1117"},"modified":"2026-07-05T12:31:27","modified_gmt":"2026-07-05T04:31:27","slug":"%e9%9f%b3%e4%b9%90%e6%a6%9c%e4%b8%ad%e6%a6%9c","status":"publish","type":"page","link":"http:\/\/www.hkssstv.com.cn\/?page_id=1117","title":{"rendered":"\u6587\u65c5\u97f3\u4e50"},"content":{"rendered":"\n<p class=\"has-text-align-center wp-block-paragraph\">\u97f3\u4e50TOP\u699c<\/p>\n\n\n<nav class=\"has-text-color has-white-color has-background has-vivid-cyan-blue-background-color has-small-font-size items-justified-center wp-block-navigation is-content-justification-center is-layout-flex wp-container-core-navigation-is-layout-fe48e5de wp-block-navigation-is-layout-flex\" aria-label=\"\u9875\u811a \u5bfc\u822a\"><ul class=\"wp-block-navigation__container has-text-color has-white-color has-background has-vivid-cyan-blue-background-color has-small-font-size items-justified-center wp-block-navigation\"><li class=\"has-small-font-size wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"http:\/\/www.hkssstv.com.cn\/?page_id=1231\"><span class=\"wp-block-navigation-item__label\">\u699c\u5355<\/span><\/a><\/li><li class=\"has-small-font-size wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"http:\/\/www.hkssstv.com.cn\/?page_id=1233\"><span class=\"wp-block-navigation-item__label\">\u6b4c\u66f2<\/span><\/a><\/li><li class=\"has-small-font-size wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"http:\/\/www.hkssstv.com.cn\/?page_id=1235\"><span class=\"wp-block-navigation-item__label\">\u827a\u4eba<\/span><\/a><\/li><li class=\"has-small-font-size wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"http:\/\/www.hkssstv.com.cn\/?page_id=1237\"><span class=\"wp-block-navigation-item__label\">MV<\/span><\/a><\/li><li class=\"has-small-font-size wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"http:\/\/www.hkssstv.com.cn\/?page_id=1239\"><span class=\"wp-block-navigation-item__label\">\u6295\u7968<\/span><\/a><\/li><li class=\"has-small-font-size wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"http:\/\/www.hkssstv.com.cn\/?page_id=1241\"><span class=\"wp-block-navigation-item__label\">\u6d3b\u52a8<\/span><\/a><\/li><\/ul><\/nav>\n\n\n<style>\n.slider-module {\n  max-width: 1000px;\n  margin: 20px auto;\n  position: relative;\n  font-family: sans-serif;\n}\n.slider-wrap {\n  position: relative;\n  width: 100%;\n  height: 0;\n  padding-top: 42%; \/* \u56fa\u5b9a\u6bd4\u4f8b\uff1a\u5bbd\u5c4f\u6807\u51c6\u8f6e\u64ad\u6bd4\u4f8b *\/\n  overflow: hidden;\n  border-radius: 12px;\n}\n.slider-item {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  transition: opacity 0.8s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.slider-item.active {\n  opacity: 1;\n  z-index: 2;\n}\n.slider-item img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover; \/* \u81ea\u52a8\u586b\u6ee1\uff0c\u4e0d\u53d8\u5f62 *\/\n  display: block;\n}\n.slider-title {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  padding: 12px 16px;\n  background: rgba(0,0,0,0.5);\n  color: #fff;\n  font-size: 16px;\n  box-sizing: border-box;\n}\n.slider-arrow {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 40px;\n  height: 40px;\n  background: rgba(0,0,0,0.4);\n  color: #fff;\n  border: none;\n  border-radius: 50%;\n  font-size: 18px;\n  cursor: pointer;\n  z-index: 10;\n}\n.slider-prev { left: 10px; }\n.slider-next { right: 10px; }\n.slider-dots {\n  text-align: center;\n  margin-top: 12px;\n}\n.slider-dot {\n  display: inline-block;\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #ccc;\n  margin: 0 6px;\n  cursor: pointer;\n}\n.slider-dot.active {\n  background: #333;\n}\n@media (max-width:768px){\n  .slider-title { font-size: 14px; padding: 10px; }\n  .slider-arrow { width: 32px; height: 32px; font-size: 16px; }\n}\n<\/style>\n\n<div class=\"slider-module\">\n  <div class=\"slider-wrap\">\n    <!-- \u56fe1 -->\n    <div class=\"slider-item active\">\n      <img decoding=\"async\" src=\"http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/04\/image-27.png\"\">\n      <div class=\"slider-title\">\u8d75\u6d2a\u6d9b<\/div>\n    <\/div>\n    <!-- \u56fe2 -->\n    <div class=\"slider-item\">\n      <img decoding=\"async\" src=\"http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/02\/ccb9d940-50d3-48c9-815d-556d1cbe8a6f.png\"\">\n      <div class=\"slider-title\">\u5b5f\u7490\u7476<\/div>\n    <\/div>\n    <!-- \u56fe3 -->\n    <div class=\"slider-item\">\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/1000x420\" alt=\"\">\n      <div class=\"slider-title\">\u56fe\u7247\u540d\u79f0 03<\/div>\n    <\/div>\n    <!-- \u56fe4 -->\n    <div class=\"slider-item\">\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/1000x420\" alt=\"\">\n      <div class=\"slider-title\">\u56fe\u7247\u540d\u79f0 04<\/div>\n    <\/div>\n    <!-- \u56fe5 -->\n    <div class=\"slider-item\">\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/1000x420\" alt=\"\">\n      <div class=\"slider-title\">\u56fe\u7247\u540d\u79f0 05<\/div>\n    <\/div>\n    <!-- \u56fe6 -->\n    <div class=\"slider-item\">\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/1000x420\" alt=\"\">\n      <div class=\"slider-title\">\u56fe\u7247\u540d\u79f0 06<\/div>\n    <\/div>\n    <!-- \u56fe7 -->\n    <div class=\"slider-item\">\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/1000x420\" alt=\"\">\n      <div class=\"slider-title\">\u56fe\u7247\u540d\u79f0 07<\/div>\n    <\/div>\n    <!-- \u56fe8 -->\n    <div class=\"slider-item\">\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/1000x420\" alt=\"\">\n      <div class=\"slider-title\">\u56fe\u7247\u540d\u79f0 08<\/div>\n    <\/div>\n    <!-- \u56fe9 -->\n    <div class=\"slider-item\">\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/1000x420\" alt=\"\">\n      <div class=\"slider-title\">\u56fe\u7247\u540d\u79f0 09<\/div>\n    <\/div>\n    <!-- \u56fe10 -->\n    <div class=\"slider-item\">\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/1000x420\" alt=\"\">\n      <div class=\"slider-title\">\u56fe\u7247\u540d\u79f0 10<\/div>\n    <\/div>\n  <\/div>\n\n  <button class=\"slider-arrow slider-prev\">\u2039<\/button>\n  <button class=\"slider-arrow slider-next\">\u203a<\/button>\n\n  <div class=\"slider-dots\"><\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function(){\n  const items = document.querySelectorAll('.slider-item');\n  const dotsWrap = document.querySelector('.slider-dots');\n  const prev = document.querySelector('.slider-prev');\n  const next = document.querySelector('.slider-next');\n  let total = items.length;\n  let cur = 0;\n  let timer;\n\n  \/\/ \u751f\u6210\u70b9\u70b9\n  for(let i=0;i<total;i++){\n    let d = document.createElement('div');\n    d.className = 'slider-dot';\n    if(i===0) d.classList.add('active');\n    dotsWrap.appendChild(d);\n  }\n  const dots = document.querySelectorAll('.slider-dot');\n\n  \/\/ \u5207\u6362\n  function goTo(index){\n    items[cur].classList.remove('active');\n    dots[cur].classList.remove('active');\n    cur = (index + total) % total;\n    items[cur].classList.add('active');\n    dots[cur].classList.add('active');\n  }\n\n  \/\/ \u81ea\u52a8\u8f6e\u64ad\n  function startAuto(){\n    timer = setInterval(()=>goTo(cur+1), 3500);\n  }\n  startAuto();\n\n  \/\/ \u70b9\u51fb\n  prev.addEventListener('click',()=>{clearInterval(timer);goTo(cur-1);startAuto();});\n  next.addEventListener('click',()=>{clearInterval(timer);goTo(cur+1);startAuto();});\n  dots.forEach((d,i)=>{\n    d.addEventListener('click',()=>{clearInterval(timer);goTo(i);startAuto();});\n  });\n});\n<\/script>\n\n\n\n<p class=\"has-text-align-center has-white-color has-vivid-purple-background-color has-text-color has-background has-link-color wp-elements-7ed289a2b161cbf8df7e6d6341f0129e wp-block-paragraph\" style=\"font-size:14px;font-style:normal;font-weight:400\"><strong>\u73af \u7403 \u97f3 \u4e50 \u672c \u5468 T O P \u699c \u70ed \u95e8 \u97f3 \u4e50<\/strong><\/p>\n\n\n<div id=\"audioigniter-1263\" class=\"audioigniter-root \" data-player-type=\"full\" data-tracks-url=\"http:\/\/www.hkssstv.com.cn\/?audioigniter_playlist_id=1263\" data-display-track-no=\"true\" data-reverse-track-order=\"false\" data-display-tracklist-covers=\"true\" data-display-active-cover=\"true\" data-display-artist-names=\"true\" data-display-buy-buttons=\"false\" data-buy-buttons-target=\"false\" data-cycle-tracks=\"false\" data-display-credits=\"false\" data-display-tracklist=\"true\" data-allow-tracklist-toggle=\"true\" data-allow-tracklist-loop=\"true\" data-limit-tracklist-height=\"true\" data-volume=\"100\" data-tracklist-height=\"370\" ><\/div>\n\n\n\n<div style=\"max-width:1000px;margin:40px auto;padding:0 15px;box-sizing:border-box;font-family:system-ui,sans-serif;\">\n  <h3 style=\"text-align:center;font-size:22px;margin-bottom:20px;color:#222;\">\u672c\u5468\u70ed\u95e8\u6b4c\u66f2MV\u63a8\u8350<\/h3>\n\n  <style>\n    @keyframes rainbow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}\n    @keyframes scrollLeft {0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\n  <\/style>\n\n  <!-- \u70ab\u5f69\u64ad\u653e\u5668 -->\n  <div style=\"position:relative;border-radius:16px;padding:3px;background:linear-gradient(90deg,#ff5e57,#ffb85c,#ffe14a,#54e47a,#4da6ff,#9d65ff);background-size:600% 600%;animation:rainbow 8s linear infinite;margin-bottom:20px;\">\n    <div style=\"position:relative;width:100%;padding-bottom:56.25%;background:#000;border-radius:14px;overflow:hidden;\">\n      \n      <!-- \u5de6\u4e0a\u89d2LOGO \u53f0\u6807\u5927\u5c0f -->\n      <img decoding=\"async\" \n        src=\"http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/06\/logo-scaled.png\" \n        style=\"position:absolute;top:12px;left:12px;width:50px;height:auto;z-index:10;pointer-events:none;\"\n        alt=\"LOGO\">\n\n      <video \n        id=\"mainVideo\" \n        controls \n        style=\"position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;\">\n        <source src=\"http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/06\/\u674e\u5b66\u4eae.mp4\" type=\"video\/mp4\">\n      <\/video>\n    <\/div>\n  <\/div>\n\n  <!-- \u4e0b\u65b9\u6a2a\u5411\u6eda\u52a8\u5217\u8868\uff08\u5c01\u9762\u4f60\u624b\u52a8\u586b\uff09 -->\n  <div style=\"width:100%;overflow:hidden;\">\n    <div style=\"display:flex;gap:12px;animation:scrollLeft 35s linear infinite;\">\n\n      <!-- 1 -->\n      <div class=\"item\" data-video=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u89c6\u98911.mp4\" style=\"width:140px;flex-shrink:0;cursor:pointer;\">\n        <img decoding=\"async\" src=\"http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/06\/1ddd607c-7f86-411f-9a68-34b5b196731e.png\" style=\"width:100%;border-radius:10px;aspect-ratio:16\/9;object-fit:cover;\">\n        <div style=\"text-align:center;font-size:13px;margin-top:6px;\">MV 01<\/div>\n      <\/div>\n      <!-- 2 -->\n      <div class=\"item\" data-video=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u89c6\u98912.mp4\" style=\"width:140px;flex-shrink:0;cursor:pointer;\">\n        <img decoding=\"async\" src=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u5c01\u97622.jpg\" style=\"width:100%;border-radius:10px;aspect-ratio:16\/9;object-fit:cover;\">\n        <div style=\"text-align:center;font-size:13px;margin-top:6px;\">MV 02<\/div>\n      <\/div>\n      <!-- 3 -->\n      <div class=\"item\" data-video=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u89c6\u98913.mp4\" style=\"width:140px;flex-shrink:0;cursor:pointer;\">\n        <img decoding=\"async\" src=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u5c01\u97623.jpg\" style=\"width:100%;border-radius:10px;aspect-ratio:16\/9;object-fit:cover;\">\n        <div style=\"text-align:center;font-size:13px;margin-top:6px;\">MV 03<\/div>\n      <\/div>\n      <!-- 4 -->\n      <div class=\"item\" data-video=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u89c6\u98914.mp4\" style=\"width:140px;flex-shrink:0;cursor:pointer;\">\n        <img decoding=\"async\" src=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u5c01\u97624.jpg\" style=\"width:100%;border-radius:10px;aspect-ratio:16\/9;object-fit:cover;\">\n        <div style=\"text-align:center;font-size:13px;margin-top:6px;\">MV 04<\/div>\n      <\/div>\n      <!-- 5 -->\n      <div class=\"item\" data-video=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u89c6\u98915.mp4\" style=\"width:140px;flex-shrink:0;cursor:pointer;\">\n        <img decoding=\"async\" src=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u5c01\u97625.jpg\" style=\"width:100%;border-radius:10px;aspect-ratio:16\/9;object-fit:cover;\">\n        <div style=\"text-align:center;font-size:13px;margin-top:6px;\">MV 05<\/div>\n      <\/div>\n      <!-- 6 -->\n      <div class=\"item\" data-video=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u89c6\u98916.mp4\" style=\"width:140px;flex-shrink:0;cursor:pointer;\">\n        <img decoding=\"async\" src=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u5c01\u97626.jpg\" style=\"width:100%;border-radius:10px;aspect-ratio:16\/9;object-fit:cover;\">\n        <div style=\"text-align:center;font-size:13px;margin-top:6px;\">MV 06<\/div>\n      <\/div>\n      <!-- 7 -->\n      <div class=\"item\" data-video=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u89c6\u98917.mp4\" style=\"width:140px;flex-shrink:0;cursor:pointer;\">\n        <img decoding=\"async\" src=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u5c01\u97627.jpg\" style=\"width:100%;border-radius:10px;aspect-ratio:16\/9;object-fit:cover;\">\n        <div style=\"text-align:center;font-size:13px;margin-top:6px;\">MV 07<\/div>\n      <\/div>\n      <!-- 8 -->\n      <div class=\"item\" data-video=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u89c6\u98918.mp4\" style=\"width:140px;flex-shrink:0;cursor:pointer;\">\n        <img decoding=\"async\" src=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u5c01\u97628.jpg\" style=\"width:100%;border-radius:10px;aspect-ratio:16\/9;object-fit:cover;\">\n        <div style=\"text-align:center;font-size:13px;margin-top:6px;\">MV 08<\/div>\n      <\/div>\n      <!-- 9 -->\n      <div class=\"item\" data-video=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u89c6\u98919.mp4\" style=\"width:140px;flex-shrink:0;cursor:pointer;\">\n        <img decoding=\"async\" src=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u5c01\u97629.jpg\" style=\"width:100%;border-radius:10px;aspect-ratio:16\/9;object-fit:cover;\">\n        <div style=\"text-align:center;font-size:13px;margin-top:6px;\">MV 09<\/div>\n      <\/div>\n      <!-- 10 -->\n      <div class=\"item\" data-video=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u89c6\u989110.mp4\" style=\"width:140px;flex-shrink:0;cursor:pointer;\">\n        <img decoding=\"async\" src=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u5c01\u976210.jpg\" style=\"width:100%;border-radius:10px;aspect-ratio:16\/9;object-fit:cover;\">\n        <div style=\"text-align:center;font-size:13px;margin-top:6px;\">MV 10<\/div>\n      <\/div>\n\n      <!-- \u65e0\u7f1d\u6eda\u52a8\u91cd\u590d -->\n      <div class=\"item\" data-video=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u89c6\u98911.mp4\" style=\"width:140px;flex-shrink:0;cursor:pointer;\">\n        <img decoding=\"async\" src=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u5c01\u97621.jpg\" style=\"width:100%;border-radius:10px;aspect-ratio:16\/9;object-fit:cover;\">\n        <div style=\"text-align:center;font-size:13px;margin-top:6px;\">MV 01<\/div>\n      <\/div>\n      <div class=\"item\" data-video=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u89c6\u98912.mp4\" style=\"width:140px;flex-shrink:0;cursor:pointer;\">\n        <img decoding=\"async\" src=\"https:\/\/\u4f60\u7684\u5a92\u4f53\u5e93-\u5c01\u97622.jpg\" style=\"width:100%;border-radius:10px;aspect-ratio:16\/9;object-fit:cover;\">\n        <div style=\"text-align:center;font-size:13px;margin-top:6px;\">MV 02<\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\nconst mainVideo = document.getElementById('mainVideo');\n\n\/\/ \u52a0\u8f7d\u7b2c\u4e00\u4e2a\u89c6\u9891\u65f6\u81ea\u52a8\u622a\u5e27\u5f53\u5c01\u9762\nmainVideo.addEventListener('loadeddata', function() {\n  setTimeout(() => {\n    mainVideo.currentTime = 0;\n  }, 100);\n});\n\n\/\/ \u70b9\u51fb\u5207\u6362\u89c6\u9891\ndocument.querySelectorAll('.item').forEach(item => {\n  item.addEventListener('click', () => {\n    mainVideo.src = item.dataset.video;\n    mainVideo.load();\n  });\n});\n<\/script>\n\n\n\n<p class=\"has-text-align-center has-vivid-red-color has-text-color has-link-color wp-elements-01ab2772e85c7249c3c71f827d63a9c5 wp-block-paragraph\"><strong>\u672c\u5468\u4f18\u79c0\u6b4c\u624b \u70ed\u95e8\u63a8\u8350<\/strong><\/p>\n\n\n<div class=\"marqueeflow marqueeflow--normal marqueeflow--height-medium marqueeflow--gap-normal marqueeflow--max-width-normal\" style=\"--marqueeflow-total-images: 3; --marqueeflow-height: 60px\" role=\"region\" aria-label=\"Image carousel\">\n\t\t\t\t<ul class=\"marqueeflow__set\"><li class=\"marqueeflow__item\"><img fetchpriority=\"high\" width=\"843\" height=\"503\" src=\"http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/04\/image-27.png\" class=\"attachment-full size-full\" alt=\"\" decoding=\"async\" loading=\"eager\" srcset=\"http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/04\/image-27.png 843w, http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/04\/image-27-300x179.png 300w, http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/04\/image-27-768x458.png 768w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/li><li class=\"marqueeflow__item\"><img width=\"1179\" height=\"732\" src=\"http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/02\/ccb9d940-50d3-48c9-815d-556d1cbe8a6f.png\" class=\"attachment-full size-full\" alt=\"\" decoding=\"async\" loading=\"eager\" srcset=\"http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/02\/ccb9d940-50d3-48c9-815d-556d1cbe8a6f.png 1179w, http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/02\/ccb9d940-50d3-48c9-815d-556d1cbe8a6f-300x186.png 300w, http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/02\/ccb9d940-50d3-48c9-815d-556d1cbe8a6f-1024x636.png 1024w, http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/02\/ccb9d940-50d3-48c9-815d-556d1cbe8a6f-768x477.png 768w\" sizes=\"(max-width: 1179px) 100vw, 1179px\" \/><\/li><\/ul>\n\t\t\t\t<ul class=\"marqueeflow__set\" aria-hidden=\"true\"><li class=\"marqueeflow__item\"><img fetchpriority=\"high\" width=\"843\" height=\"503\" src=\"http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/04\/image-27.png\" class=\"attachment-full size-full\" alt=\"\" decoding=\"async\" loading=\"eager\" srcset=\"http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/04\/image-27.png 843w, http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/04\/image-27-300x179.png 300w, http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/04\/image-27-768x458.png 768w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/li><li class=\"marqueeflow__item\"><img width=\"1179\" height=\"732\" src=\"http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/02\/ccb9d940-50d3-48c9-815d-556d1cbe8a6f.png\" class=\"attachment-full size-full\" alt=\"\" decoding=\"async\" loading=\"eager\" srcset=\"http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/02\/ccb9d940-50d3-48c9-815d-556d1cbe8a6f.png 1179w, http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/02\/ccb9d940-50d3-48c9-815d-556d1cbe8a6f-300x186.png 300w, http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/02\/ccb9d940-50d3-48c9-815d-556d1cbe8a6f-1024x636.png 1024w, http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/02\/ccb9d940-50d3-48c9-815d-556d1cbe8a6f-768x477.png 768w\" sizes=\"(max-width: 1179px) 100vw, 1179px\" \/><\/li><\/ul>\n\t\t\t\t<ul class=\"marqueeflow__set\" aria-hidden=\"true\"><li class=\"marqueeflow__item\"><img fetchpriority=\"high\" width=\"843\" height=\"503\" src=\"http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/04\/image-27.png\" class=\"attachment-full size-full\" alt=\"\" decoding=\"async\" loading=\"eager\" srcset=\"http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/04\/image-27.png 843w, http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/04\/image-27-300x179.png 300w, http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/04\/image-27-768x458.png 768w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/li><li class=\"marqueeflow__item\"><img width=\"1179\" height=\"732\" src=\"http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/02\/ccb9d940-50d3-48c9-815d-556d1cbe8a6f.png\" class=\"attachment-full size-full\" alt=\"\" decoding=\"async\" loading=\"eager\" srcset=\"http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/02\/ccb9d940-50d3-48c9-815d-556d1cbe8a6f.png 1179w, http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/02\/ccb9d940-50d3-48c9-815d-556d1cbe8a6f-300x186.png 300w, http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/02\/ccb9d940-50d3-48c9-815d-556d1cbe8a6f-1024x636.png 1024w, http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/02\/ccb9d940-50d3-48c9-815d-556d1cbe8a6f-768x477.png 768w\" sizes=\"(max-width: 1179px) 100vw, 1179px\" \/><\/li><\/ul>\n\t\t\t<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center has-vivid-red-color has-text-color has-link-color wp-elements-aeb30e314a2623a9b6dc4547bebaef28 wp-block-paragraph\"><strong>2026\u5e74\u7b2c\u4e00\u5b63 \u9999\u6c5f\u73af\u7403\u539f\u521b\u97f3\u4e50PK\u5927\u8d5b \u706b\u70ed\u8fdb\u884c\u4e2d<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>\u51a0\u519b\u8d62\u5f97\u4e07\u5143\u73b0\u91d1\u5927\u5956<\/strong><\/p>\n\n\n\n<style>\n.singer-vote-box {\n  max-width: 720px;\n  margin: 40px auto;\n  padding: 0 15px;\n  font-family: system-ui, sans-serif;\n}\n.singer-item {\n  display: flex;\n  align-items: center;\n  padding: 14px 18px;\n  margin-bottom: 12px;\n  border-radius: 16px;\n  color: #fff;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n  transition: transform 0.2s;\n}\n.singer-item:hover {\n  transform: translateY(-2px);\n}\n\n\/* 20\u4e2a\u6e10\u53d8\u914d\u8272 *\/\n.singer-item:nth-child(1) { background: linear-gradient(90deg, #ff5e62, #ff9966); }\n.singer-item:nth-child(2) { background: linear-gradient(90deg, #4facfe, #00f2fe); }\n.singer-item:nth-child(3) { background: linear-gradient(90deg, #43e97b, #38f9d7); }\n.singer-item:nth-child(4) { background: linear-gradient(90deg, #fa709a, #fee140); }\n.singer-item:nth-child(5) { background: linear-gradient(90deg, #30cfd0, #330677); }\n.singer-item:nth-child(6) { background: linear-gradient(90deg, #84fab0, #8fd3f4); color:#222; }\n.singer-item:nth-child(7) { background: linear-gradient(90deg, #a8edea, #fed6e3); color:#222; }\n.singer-item:nth-child(8) { background: linear-gradient(90deg, #ffecd2, #fcb69f); color:#222; }\n.singer-item:nth-child(9) { background: linear-gradient(90deg, #2af598, #009efd); }\n.singer-item:nth-child(10){ background: linear-gradient(90deg, #ff6e7f, #bfe9ff); color:#222; }\n.singer-item:nth-child(11){ background: linear-gradient(90deg, #6441A5, #2a0845); }\n.singer-item:nth-child(12){ background: linear-gradient(90deg, #FDC830, #F37335); }\n.singer-item:nth-child(13){ background: linear-gradient(90deg, #DAE2F8, #D6A4A4); color:#222; }\n.singer-item:nth-child(14){ background: linear-gradient(90deg, #1A2980, #26D0CE); }\n.singer-item:nth-child(15){ background: linear-gradient(90deg, #C33764, #1D2671); }\n.singer-item:nth-child(16){ background: linear-gradient(90deg, #00B4DB, #0083B0); }\n.singer-item:nth-child(17){ background: linear-gradient(90deg, #F7971E, #FFD200); color:#222; }\n.singer-item:nth-child(18){ background: linear-gradient(90deg, #7F7FD5, #86A8E7, #91EAE4); }\n.singer-item:nth-child(19){ background: linear-gradient(90deg, #E0EAFC, #CFDEF3); color:#222; }\n.singer-item:nth-child(20){ background: linear-gradient(90deg, #4776E6, #8E54E9); }\n\n.singer-rank {\n  font-size: 20px;\n  font-weight: bold;\n  width: 36px;\n  text-align: center;\n  margin-right: 8px;\n}\n.singer-avatar {\n  width: 50px;\n  height: 50px;\n  border-radius: 50%;\n  object-fit: cover;\n  margin-right: 14px;\n  border: 2px solid rgba(255,255,255,0.4);\n}\n.singer-info {\n  flex: 1;\n}\n.singer-name {\n  font-size: 16px;\n  font-weight: 600;\n}\n.singer-song {\n  font-size: 13px;\n  opacity: 0.9;\n}\n.singer-votes {\n  margin-right: 12px;\n  font-size: 14px;\n  font-weight: 500;\n}\n.vote-btn, .play-btn {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: rgba(255,255,255,0.25);\n  border: none;\n  color: #fff;\n  cursor: pointer;\n  margin-left: 6px;\n}\n.vote-btn:disabled {\n  opacity: 0.5;\n}\n.audio-player {\n  display: none;\n  position: fixed;\n  bottom: 20px;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 90%;\n  max-width: 400px;\n  z-index: 999;\n}\n<\/style>\n\n<div class=\"singer-vote-box\" id=\"singerList\">\n<!-- \u6b4c\u624b1 -->\n<div class=\"singer-item\" data-votes=\"1580\">\n  <div class=\"singer-rank\">1<\/div>\n  <img decoding=\"async\" class=\"singer-avatar\" src=\"http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/06\/d020af5a-d694-4029-85bd-43a2879af6fc.png\">\n  <div class=\"singer-info\">\n    <div class=\"singer-name\">\u5305\u79cb\u6ce2<\/div>\n    <div class=\"singer-song\">\u53ef\u7b11\u7684\u4eba\u7c7b<\/div>\n  <\/div>\n  <div class=\"singer-votes\">1580\u7968<\/div>\n  <button class=\"vote-btn\" onclick=\"doVote(this)\">\u6295<\/button>\n  <button class=\"play-btn\" onclick=\"playAudio('http:\/\/www.hkssstv.com.cn\/wp-content\/uploads\/2026\/06\/342.mp3')\">\u6536\u542c<\/button>\n<\/div>\n<!-- \u6b4c\u624b2 -->\n<div class=\"singer-item\" data-votes=\"1322\">\n  <div class=\"singer-rank\">2<\/div>\n  <img decoding=\"async\" class=\"singer-avatar\" src=\"\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u624b2\u56fe\u7247\u94fe\u63a5\">\n  <div class=\"singer-info\">\n    <div class=\"singer-name\">\u6b4c\u624b2<\/div>\n    <div class=\"singer-song\">\u4ee3\u8868\u4f5c2<\/div>\n  <\/div>\n  <div class=\"singer-votes\">1322\u7968<\/div>\n  <button class=\"vote-btn\" onclick=\"doVote(this)\">\u6295<\/button>\n  <button class=\"play-btn\" onclick=\"playAudio('\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u66f22MP3\u94fe\u63a5')\">\u6536\u542c<\/button>\n<\/div>\n<!-- \u6b4c\u624b3 -->\n<div class=\"singer-item\" data-votes=\"1109\"><div class=\"singer-rank\">3<\/div><img decoding=\"async\" class=\"singer-avatar\" src=\"\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u624b3\u56fe\u7247\u94fe\u63a5\"><div class=\"singer-info\"><div class=\"singer-name\">\u6b4c\u624b3<\/div><div class=\"singer-song\">\u4ee3\u8868\u4f5c3<\/div><\/div><div class=\"singer-votes\">1109\u7968<\/div><button class=\"vote-btn\" onclick=\"doVote(this)\">\u6295<\/button><button class=\"play-btn\" onclick=\"playAudio('\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u66f23MP3\u94fe\u63a5')\">\u6536\u542c<\/button><\/div>\n<!-- \u6b4c\u624b4 -->\n<div class=\"singer-item\" data-votes=\"987\"><div class=\"singer-rank\">4<\/div><img decoding=\"async\" class=\"singer-avatar\" src=\"\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u624b4\u56fe\u7247\u94fe\u63a5\"><div class=\"singer-info\"><div class=\"singer-name\">\u6b4c\u624b4<\/div><div class=\"singer-song\">\u4ee3\u8868\u4f5c4<\/div><\/div><div class=\"singer-votes\">987\u7968<\/div><button class=\"vote-btn\" onclick=\"doVote(this)\">\u6295<\/button><button class=\"play-btn\" onclick=\"playAudio('\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u66f24MP3\u94fe\u63a5')\">\u6536\u542c<\/button><\/div>\n<!-- \u6b4c\u624b5 -->\n<div class=\"singer-item\" data-votes=\"856\"><div class=\"singer-rank\">5<\/div><img decoding=\"async\" class=\"singer-avatar\" src=\"\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u624b5\u56fe\u7247\u94fe\u63a5\"><div class=\"singer-info\"><div class=\"singer-name\">\u6b4c\u624b5<\/div><div class=\"singer-song\">\u4ee3\u8868\u4f5c5<\/div><\/div><div class=\"singer-votes\">856\u7968<\/div><button class=\"vote-btn\" onclick=\"doVote(this)\">\u6295<\/button><button class=\"play-btn\" onclick=\"playAudio('\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u66f25MP3\u94fe\u63a5')\">\u6536\u542c<\/button><\/div>\n<!-- \u6b4c\u624b6 -->\n<div class=\"singer-item\" data-votes=\"741\"><div class=\"singer-rank\">6<\/div><img decoding=\"async\" class=\"singer-avatar\" src=\"\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u624b6\u56fe\u7247\u94fe\u63a5\"><div class=\"singer-info\"><div class=\"singer-name\">\u6b4c\u624b6<\/div><div class=\"singer-song\">\u4ee3\u8868\u4f5c6<\/div><\/div><div class=\"singer-votes\">741\u7968<\/div><button class=\"vote-btn\" onclick=\"doVote(this)\">\u6295<\/button><button class=\"play-btn\" onclick=\"playAudio('\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u66f26MP3\u94fe\u63a5')\">\u6536\u542c<\/button><\/div>\n<!-- \u6b4c\u624b7 -->\n<div class=\"singer-item\" data-votes=\"632\"><div class=\"singer-rank\">7<\/div><img decoding=\"async\" class=\"singer-avatar\" src=\"\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u624b7\u56fe\u7247\u94fe\u63a5\"><div class=\"singer-info\"><div class=\"singer-name\">\u6b4c\u624b7<\/div><div class=\"singer-song\">\u4ee3\u8868\u4f5c7<\/div><\/div><div class=\"singer-votes\">632\u7968<\/div><button class=\"vote-btn\" onclick=\"doVote(this)\">\u6295<\/button><button class=\"play-btn\" onclick=\"playAudio('\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u66f27MP3\u94fe\u63a5')\">\u6536\u542c<\/button><\/div>\n<!-- \u6b4c\u624b8 -->\n<div class=\"singer-item\" data-votes=\"521\"><div class=\"singer-rank\">8<\/div><img decoding=\"async\" class=\"singer-avatar\" src=\"\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u624b8\u56fe\u7247\u94fe\u63a5\"><div class=\"singer-info\"><div class=\"singer-name\">\u6b4c\u624b8<\/div><div class=\"singer-song\">\u4ee3\u8868\u4f5c8<\/div><\/div><div class=\"singer-votes\">521\u7968<\/div><button class=\"vote-btn\" onclick=\"doVote(this)\">\u6295<\/button><button class=\"play-btn\" onclick=\"playAudio('\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u66f28MP3\u94fe\u63a5')\">\u6536\u542c<\/button><\/div>\n<!-- \u6b4c\u624b9 -->\n<div class=\"singer-item\" data-votes=\"456\"><div class=\"singer-rank\">9<\/div><img decoding=\"async\" class=\"singer-avatar\" src=\"\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u624b9\u56fe\u7247\u94fe\u63a5\"><div class=\"singer-info\"><div class=\"singer-name\">\u6b4c\u624b9<\/div><div class=\"singer-song\">\u4ee3\u8868\u4f5c9<\/div><\/div><div class=\"singer-votes\">456\u7968<\/div><button class=\"vote-btn\" onclick=\"doVote(this)\">\u6295<\/button><button class=\"play-btn\" onclick=\"playAudio('\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u66f29MP3\u94fe\u63a5')\">\u6536\u542c<\/button><\/div>\n<!-- \u6b4c\u624b10 -->\n<div class=\"singer-item\" data-votes=\"328\"><div class=\"singer-rank\">10<\/div><img decoding=\"async\" class=\"singer-avatar\" src=\"\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u624b10\u56fe\u7247\u94fe\u63a5\"><div class=\"singer-info\"><div class=\"singer-name\">\u6b4c\u624b10<\/div><div class=\"singer-song\">\u4ee3\u8868\u4f5c10<\/div><\/div><div class=\"singer-votes\">328\u7968<\/div><button class=\"vote-btn\" onclick=\"doVote(this)\">\u6295<\/button><button class=\"play-btn\" onclick=\"playAudio('\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u66f210MP3\u94fe\u63a5')\">\u6536\u542c<\/button><\/div>\n<!-- \u6b4c\u624b11 -->\n<div class=\"singer-item\" data-votes=\"297\"><div class=\"singer-rank\">11<\/div><img decoding=\"async\" class=\"singer-avatar\" src=\"\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u624b11\u56fe\u7247\u94fe\u63a5\"><div class=\"singer-info\"><div class=\"singer-name\">\u6b4c\u624b11<\/div><div class=\"singer-song\">\u4ee3\u8868\u4f5c11<\/div><\/div><div class=\"singer-votes\">297\u7968<\/div><button class=\"vote-btn\" onclick=\"doVote(this)\">\u6295<\/button><button class=\"play-btn\" onclick=\"playAudio('\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u66f211MP3\u94fe\u63a5')\">\u6536\u542c<\/button><\/div>\n<!-- \u6b4c\u624b12 -->\n<div class=\"singer-item\" data-votes=\"243\"><div class=\"singer-rank\">12<\/div><img decoding=\"async\" class=\"singer-avatar\" src=\"\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u624b12\u56fe\u7247\u94fe\u63a5\"><div class=\"singer-info\"><div class=\"singer-name\">\u6b4c\u624b12<\/div><div class=\"singer-song\">\u4ee3\u8868\u4f5c12<\/div><\/div><div class=\"singer-votes\">243\u7968<\/div><button class=\"vote-btn\" onclick=\"doVote(this)\">\u6295<\/button><button class=\"play-btn\" onclick=\"playAudio('\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u66f212MP3\u94fe\u63a5')\">\u6536\u542c<\/button><\/div>\n<!-- \u6b4c\u624b13 -->\n<div class=\"singer-item\" data-votes=\"199\"><div class=\"singer-rank\">13<\/div><img decoding=\"async\" class=\"singer-avatar\" src=\"\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u624b13\u56fe\u7247\u94fe\u63a5\"><div class=\"singer-info\"><div class=\"singer-name\">\u6b4c\u624b13<\/div><div class=\"singer-song\">\u4ee3\u8868\u4f5c13<\/div><\/div><div class=\"singer-votes\">199\u7968<\/div><button class=\"vote-btn\" onclick=\"doVote(this)\">\u6295<\/button><button class=\"play-btn\" onclick=\"playAudio('\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u66f213MP3\u94fe\u63a5')\">\u6536\u542c<\/button><\/div>\n<!-- \u6b4c\u624b14 -->\n<div class=\"singer-item\" data-votes=\"165\"><div class=\"singer-rank\">14<\/div><img decoding=\"async\" class=\"singer-avatar\" src=\"\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u624b14\u56fe\u7247\u94fe\u63a5\"><div class=\"singer-info\"><div class=\"singer-name\">\u6b4c\u624b14<\/div><div class=\"singer-song\">\u4ee3\u8868\u4f5c14<\/div><\/div><div class=\"singer-votes\">165\u7968<\/div><button class=\"vote-btn\" onclick=\"doVote(this)\">\u6295<\/button><button class=\"play-btn\" onclick=\"playAudio('\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u66f214MP3\u94fe\u63a5')\">\u6536\u542c<\/button><\/div>\n<!-- \u6b4c\u624b15 -->\n<div class=\"singer-item\" data-votes=\"132\"><div class=\"singer-rank\">15<\/div><img decoding=\"async\" class=\"singer-avatar\" src=\"\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u624b15\u56fe\u7247\u94fe\u63a5\"><div class=\"singer-info\"><div class=\"singer-name\">\u6b4c\u624b15<\/div><div class=\"singer-song\">\u4ee3\u8868\u4f5c15<\/div><\/div><div class=\"singer-votes\">132\u7968<\/div><button class=\"vote-btn\" onclick=\"doVote(this)\">\u6295<\/button><button class=\"play-btn\" onclick=\"playAudio('\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u66f215MP3\u94fe\u63a5')\">\u6536\u542c<\/button><\/div>\n<!-- \u6b4c\u624b16 -->\n<div class=\"singer-item\" data-votes=\"98\"><div class=\"singer-rank\">16<\/div><img decoding=\"async\" class=\"singer-avatar\" src=\"\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u624b16\u56fe\u7247\u94fe\u63a5\"><div class=\"singer-info\"><div class=\"singer-name\">\u6b4c\u624b16<\/div><div class=\"singer-song\">\u4ee3\u8868\u4f5c16<\/div><\/div><div class=\"singer-votes\">98\u7968<\/div><button class=\"vote-btn\" onclick=\"doVote(this)\">\u6295<\/button><button class=\"play-btn\" onclick=\"playAudio('\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u66f216MP3\u94fe\u63a5')\">\u6536\u542c<\/button><\/div>\n<!-- \u6b4c\u624b17 -->\n<div class=\"singer-item\" data-votes=\"76\"><div class=\"singer-rank\">17<\/div><img decoding=\"async\" class=\"singer-avatar\" src=\"\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u624b17\u56fe\u7247\u94fe\u63a5\"><div class=\"singer-info\"><div class=\"singer-name\">\u6b4c\u624b17<\/div><div class=\"singer-song\">\u4ee3\u8868\u4f5c17<\/div><\/div><div class=\"singer-votes\">76\u7968<\/div><button class=\"vote-btn\" onclick=\"doVote(this)\">\u6295<\/button><button class=\"play-btn\" onclick=\"playAudio('\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u66f217MP3\u94fe\u63a5')\">\u6536\u542c<\/button><\/div>\n<!-- \u6b4c\u624b18 -->\n<div class=\"singer-item\" data-votes=\"53\"><div class=\"singer-rank\">18<\/div><img decoding=\"async\" class=\"singer-avatar\" src=\"\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u624b18\u56fe\u7247\u94fe\u63a5\"><div class=\"singer-info\"><div class=\"singer-name\">\u6b4c\u624b18<\/div><div class=\"singer-song\">\u4ee3\u8868\u4f5c18<\/div><\/div><div class=\"singer-votes\">53\u7968<\/div><button class=\"vote-btn\" onclick=\"doVote(this)\">\u6295<\/button><button class=\"play-btn\" onclick=\"playAudio('\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u66f218MP3\u94fe\u63a5')\">\u6536\u542c<\/button><\/div>\n<!-- \u6b4c\u624b19 -->\n<div class=\"singer-item\" data-votes=\"32\"><div class=\"singer-rank\">19<\/div><img decoding=\"async\" class=\"singer-avatar\" src=\"\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u624b19\u56fe\u7247\u94fe\u63a5\"><div class=\"singer-info\"><div class=\"singer-name\">\u6b4c\u624b19<\/div><div class=\"singer-song\">\u4ee3\u8868\u4f5c19<\/div><\/div><div class=\"singer-votes\">32\u7968<\/div><button class=\"vote-btn\" onclick=\"doVote(this)\">\u6295<\/button><button class=\"play-btn\" onclick=\"playAudio('\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u66f219MP3\u94fe\u63a5')\">\u6536\u542c<\/button><\/div>\n<!-- \u6b4c\u624b20 -->\n<div class=\"singer-item\" data-votes=\"11\"><div class=\"singer-rank\">20<\/div><img decoding=\"async\" class=\"singer-avatar\" src=\"\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u624b20\u56fe\u7247\u94fe\u63a5\"><div class=\"singer-info\"><div class=\"singer-name\">\u6b4c\u624b20<\/div><div class=\"singer-song\">\u4ee3\u8868\u4f5c20<\/div><\/div><div class=\"singer-votes\">11\u7968<\/div><button class=\"vote-btn\" onclick=\"doVote(this)\">\u6295<\/button><button class=\"play-btn\" onclick=\"playAudio('\u66ff\u6362\u6210\u5a92\u4f53\u5e93\u6b4c\u66f220MP3\u94fe\u63a5')\">\u6536\u542c<\/button><\/div>\n<\/div>\n\n<audio class=\"audio-player\" id=\"audioPlayer\" controls=\"\">\n\n<script>\n\/\/ \u6295\u7968\u529f\u80fd\nfunction doVote(btn) {\n  if(btn.disabled) return;\n  let item = btn.closest('.singer-item');\n  let voteNum = item.querySelector('.singer-votes');\n  let current = parseInt(item.dataset.votes);\n  current++;\n  item.dataset.votes = current;\n  voteNum.textContent = current + '\u7968';\n  btn.disabled = true;\n  sortSingers();\n}\n\/\/ \u81ea\u52a8\u6309\u7968\u6570\u6392\u5e8f\u66f4\u65b0\u6392\u540d\nfunction sortSingers() {\n  const box = document.getElementById('singerList');\n  const items = Array.from(box.querySelectorAll('.singer-item'));\n  items.sort((a,b)=>parseInt(b.dataset.votes)-parseInt(a.dataset.votes));\n  items.forEach(i=>box.appendChild(i));\n  box.querySelectorAll('.singer-rank').forEach((el,i)=>{el.textContent=i+1});\n}\n\/\/ \u97f3\u9891\u64ad\u653e\nfunction playAudio(url) {\n  const player = document.getElementById('audioPlayer');\n  player.src = url;\n  player.style.display = 'block';\n  player.play();\n}\nwindow.onload = sortSingers;\n<\/script><\/audio>\n\n\n\n<style>\n.piano-box {\n  max-width: 820px;\n  margin: 35px auto;\n  text-align: center;\n  font-family: system-ui, sans-serif;\n  user-select: none;\n}\n.piano-title {\n  font-size: 24px;\n  font-weight: bold;\n  color: #222;\n  margin-bottom: 22px;\n}\n.piano-wrap {\n  display: flex;\n  justify-content: center;\n  height: 190px;\n  background: #1a1a1a;\n  padding: 12px;\n  border-radius: 14px;\n  gap: 3px;\n  position: relative;\n}\n\/* \u767d\u952e *\/\n.key-white {\n  width: 52px;\n  height: 100%;\n  background: #ffffff;\n  border-radius: 0 0 7px 7px;\n  cursor: pointer;\n  position: relative;\n  z-index: 1;\n  border: 1px solid #ddd;\n}\n.key-white:active {\n  background: #e6e6e6;\n}\n\/* \u9ed1\u952e *\/\n.key-black {\n  width: 33px;\n  height: 115px;\n  background: #000000;\n  border-radius: 0 0 5px 5px;\n  margin-left: -17px;\n  margin-right: -17px;\n  z-index: 2;\n  cursor: pointer;\n  position: relative;\n}\n.key-black:active {\n  background: #2b2b2b;\n}\n\/* \u79fb\u52a8\u7aef\u9002\u914d\u7f29\u5c0f *\/\n@media screen and (max-width:768px) {\n  .key-white { width: 38px; }\n  .key-black { width: 24px; margin-left: -12px; margin-right: -12px; height: 100px; }\n  .piano-wrap { height: 150px; }\n  .piano-title { font-size: 20px; }\n}\n<\/style>\n\n<div class=\"piano-box\">\n  <div class=\"piano-title\">\u3010\u9999\u6c5f\u6587\u65c5\u00b7\u4f11\u95f2\u5a31\u4e50\u533a \u5f39\u4e50\u5668\u3011<\/div>\n  <div class=\"piano-wrap\">\n    <!-- C4 Do -->\n    <div class=\"key-white\" data-freq=\"261.63\"><\/div>\n    <!-- C#4 -->\n    <div class=\"key-black\" data-freq=\"277.18\"><\/div>\n    <!-- D4 Re -->\n    <div class=\"key-white\" data-freq=\"293.66\"><\/div>\n    <!-- D#4 -->\n    <div class=\"key-black\" data-freq=\"311.13\"><\/div>\n    <!-- E4 Mi -->\n    <div class=\"key-white\" data-freq=\"329.63\"><\/div>\n    <!-- F4 Fa -->\n    <div class=\"key-white\" data-freq=\"349.23\"><\/div>\n    <!-- F#4 -->\n    <div class=\"key-black\" data-freq=\"369.99\"><\/div>\n    <!-- G4 Sol -->\n    <div class=\"key-white\" data-freq=\"392.00\"><\/div>\n    <!-- G#4 -->\n    <div class=\"key-black\" data-freq=\"415.30\"><\/div>\n    <!-- A4 La -->\n    <div class=\"key-white\" data-freq=\"440.00\"><\/div>\n    <!-- A#4 -->\n    <div class=\"key-black\" data-freq=\"466.16\"><\/div>\n    <!-- B4 Si -->\n    <div class=\"key-white\" data-freq=\"493.88\"><\/div>\n    <!-- C5 \u9ad8\u97f3Do -->\n    <div class=\"key-white\" data-freq=\"523.25\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\n\/\/ \u5168\u5c40\u97f3\u9891\u4e0a\u4e0b\u6587\uff0c\u751f\u6210\u6807\u51c6\u94a2\u7434\u5355\u97f3\uff0c\u65e0\u9700\u5916\u90e8\u97f3\u9891\u6587\u4ef6\nlet audioCtx = null;\nfunction playNote(freq) {\n  \/\/ \u9996\u6b21\u70b9\u51fb\u521d\u59cb\u5316\u97f3\u9891\uff08\u6d4f\u89c8\u5668\u5b89\u5168\u7b56\u7565\u8981\u6c42\u4ea4\u4e92\u540e\u521b\u5efa\uff09\n  if (!audioCtx) audioCtx = new (window.AudioContext || window.webkitAudioContext)();\n  const oscillator = audioCtx.createOscillator();\n  const gainNode = audioCtx.createGain();\n\n  \/\/ \u94a2\u7434\u6b63\u5f26\u6ce2\u97f3\u8272\n  oscillator.type = 'sine';\n  oscillator.frequency.value = freq;\n  gainNode.gain.setValueAtTime(0.4, audioCtx.currentTime);\n  \/\/ \u97f3\u91cf\u8870\u51cf\uff0c\u6a21\u62df\u94a2\u7434\u677e\u624b\u51cf\u5f31\n  gainNode.gain.exponentialRampToValueAtTime(0.001, audioCtx.currentTime + 0.8);\n\n  oscillator.connect(gainNode);\n  gainNode.connect(audioCtx.destination);\n  oscillator.start();\n  oscillator.stop(audioCtx.currentTime + 0.8);\n}\n\n\/\/ \u7ed1\u5b9a\u6240\u6709\u6309\u952e\u70b9\u51fb\u4e8b\u4ef6\ndocument.querySelectorAll('.key-white, .key-black').forEach(key => {\n  key.addEventListener('click', () => {\n    const frequency = Number(key.dataset.freq);\n    playNote(frequency);\n  });\n});\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u97f3\u4e50TOP\u699c<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"danye.php","meta":{"footnotes":""},"class_list":["post-1117","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.hkssstv.com.cn\/index.php?rest_route=\/wp\/v2\/pages\/1117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.hkssstv.com.cn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.hkssstv.com.cn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.hkssstv.com.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.hkssstv.com.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1117"}],"version-history":[{"count":81,"href":"http:\/\/www.hkssstv.com.cn\/index.php?rest_route=\/wp\/v2\/pages\/1117\/revisions"}],"predecessor-version":[{"id":1418,"href":"http:\/\/www.hkssstv.com.cn\/index.php?rest_route=\/wp\/v2\/pages\/1117\/revisions\/1418"}],"wp:attachment":[{"href":"http:\/\/www.hkssstv.com.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}