fix: 優化關閉按鈕位置，更貼近右上角

Author: yulin0629

.vscode/settings.json

@@ -12,5 +12,6 @@
     { "file": "./.github/instructions/javascript.instructions.md" },
     { "file": "./.github/instructions/testing.instructions.md" },
     { "file": "./.github/instructions/agent-mode.instructions.md" }
-  ]
+  ],
+  "liveServer.settings.port": 5501
 }

index.html

@@ -8,7 +8,7 @@
     <meta http-equiv="Expires" content="0">
     <meta name="theme-color" content="#000000">
     <title>GitHub Copilot 教學專案</title>
-    <link rel="stylesheet" href="style.css?v=20250603007">
+    <link rel="stylesheet" href="style.css?v=20250603009">
     <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js"></script>
 </head>
@@ -352,6 +352,6 @@ <h3 style="font-size: 1.25rem; font-weight: 600; color: #1d1d1f; margin-bottom:
         </div>
     </div>
 
-    <script src="script.js?v=20250603007"></script>
+    <script src="script.js?v=20250603009"></script>
 </body>
 </html>

style.css

@@ -661,12 +661,10 @@ body {
 
 .markdown-close {
     position: sticky;
-    top: 15px;
-    float: right;
-    margin-left: 20px;
+    top: -30px;
+    margin-left: auto;
+    margin-right: -30px;
     margin-bottom: 20px;
-    margin-top: -20px;
-    margin-right: -20px;
     width: 36px;
     height: 36px;
     cursor: pointer;
@@ -720,9 +718,8 @@ body {
 
 @media (max-width: 768px) {
     .markdown-close {
-        top: 10px;
-        margin-right: -10px;
-        margin-top: -10px;
+        top: -20px;
+        margin-right: -20px;
         width: 32px;
         height: 32px;
         border-radius: 16px;