diff --git a/apps/cloudmusic/index.html b/apps/cloudmusic/index.html
new file mode 100644
index 0000000..2b9ca00
--- /dev/null
+++ b/apps/cloudmusic/index.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>网易云音乐</title>
+<style>
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  html, body { width: 100%; height: 100%; overflow: hidden; background: #1a1a1a; }
+  #frame {
+    position: absolute;
+    top: 0; left: 0;
+    width: 1280px;   /* 网易云 PC 版参考宽度 */
+    height: 720px;   /* 参考高度（16:9） */
+    transform-origin: 0 0;
+    border: none;
+  }
+</style>
+</head>
+<body>
+<iframe id="frame" src="https://music.163.com/st/webplayer" allow="autoplay; encrypted-media"></iframe>
+<script>
+  // 动态缩放：使网易云 PC 版 UI 适配 Hearth 的内容区（横屏）
+  // Dynamically scale the NetEase PC UI to fit Hearth's landscape content area
+  (function () {
+    var FRAME_W = 1280;
+    var FRAME_H = 720;
+    function fit() {
+      var frame = document.getElementById('frame');
+      var w = window.innerWidth;
+      var h = window.innerHeight;
+      var scale = Math.min(w / FRAME_W, h / FRAME_H);
+      frame.style.transform = 'scale(' + scale + ')';
+      // 缩放后居中
+      var sw = FRAME_W * scale;
+      var sh = FRAME_H * scale;
+      frame.style.left = ((w - sw) / 2) + 'px';
+      frame.style.top = ((h - sh) / 2) + 'px';
+    }
+    window.addEventListener('resize', fit);
+    fit();
+  })();
+</script>
+</body>
+</html>
diff --git a/manifest.json b/manifest.json
index ce989c0..e89c745 100644
--- a/manifest.json
+++ b/manifest.json
@@ -16,7 +16,7 @@
       "id": "cloudmusic",
       "name": "网易云音乐",
       "icon": "icons/cloudmusic.svg",
-      "url": "https://music.163.com/st/webplayer"
+      "url": "apps/cloudmusic/index.html"
     }
   ]
 }
