From a194246bb9d75b06a81a43c0695b4dac1bcd2d4b Mon Sep 17 00:00:00 2001
From: Tiaotiao <65841827@qq.com>
Date: Sat, 29 Nov 2025 10:08:10 +0800
Subject: [PATCH 01/17] Add styles for comment dialog and related elements

---
 styles/comment.css | 63 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 63 insertions(+)
 create mode 100644 styles/comment.css

diff --git a/styles/comment.css b/styles/comment.css
new file mode 100644
index 0000000..262ebfb
--- /dev/null
+++ b/styles/comment.css
@@ -0,0 +1,63 @@
+dialog {
+   position: fixed;
+   top: 0%;
+   left: 0%;
+   height: 100%;
+   width: 100%;
+   border: none;
+   z-index: 100;
+   overflow: hidden;
+}
+
+#dt {
+   position: absolute;
+   top: 10%;
+   left: 0%;
+   height: 90%;
+   width: 100%;
+   border: none;
+   font-size: 3vh;
+}
+
+#dh {
+   position: absolute;
+   top: 0%;
+   left: 0%;
+   height: 10%;
+   width: 100%;
+   background-color: #eee;
+ }
+
+.red {
+   background-color: #e00;
+   position: absolute;
+   top: 20%;
+   left: 88%;
+   height: 60%;
+   width: 10%;
+   color: white;
+   font-size: 2.5vh;
+   border-radius: 10px;
+}
+
+.mid {
+   position: absolute;
+   top: -10%;
+   left: 8%;
+}
+
+#start {
+  height: 30px;
+  width: 50%;
+  border: 1px solid #111;
+  border-radius: none;
+  text-align: left;
+  color: gray;
+  background-color: #eee;
+}
+
+textarea:focus {
+    border-color: rgba(0,0,0,0);
+    outline: none;
+    box-shadow: 0 0 0.1px rgba(255,255,255,0);
+}

From 1f4de04085990127be38bd77c28cf052c4404afd Mon Sep 17 00:00:00 2001
From: Tiaotiao <65841827@qq.com>
Date: Sat, 29 Nov 2025 11:34:11 +0800
Subject: [PATCH 02/17] Implement comment dialog functionality

---
 scripts/comment.js | 70 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 70 insertions(+)
 create mode 100644 scripts/comment.js

diff --git a/scripts/comment.js b/scripts/comment.js
new file mode 100644
index 0000000..1f57fe8
--- /dev/null
+++ b/scripts/comment.js
@@ -0,0 +1,70 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const dialog = document.querySelector('dialog');
+    const originalText = dialog.innerHTML.trim(); // 获取原始文本 "编辑评论内容"
+    
+    // 解析属性
+    const types = dialog.dataset.type.split(',');
+    const inputPlaceholder = dialog.dataset.ed;
+    const [methodStr, btnClass, btnText] = dialog.dataset.eb.split(',');
+    const methodName = methodStr.replace('()', ''); // 提取方法名 "sm"
+
+    // 清空dialog原有内容
+    dialog.innerHTML = '';
+
+    // 创建输入框
+    const input = document.createElement('textarea');
+    input.id='dt';
+    input.placeholder = inputPlaceholder;
+    dialog.appendChild(input);
+
+    const header = document.createElement('div');
+    header.id='dh';
+    header.innerHTML='<img src="return.png" height="80%" onclick="document.querySelector(\'dialog\').close();"/><h2 class="mid">'+inputPlaceholder+'</h2>';
+    dialog.appendChild(header);
+
+    // 创建提交按钮
+    const submitBtn = document.createElement('button');
+    submitBtn.className = btnClass;
+    submitBtn.textContent = btnText;
+    header.appendChild(submitBtn);
+
+    // 提交按钮点击事件
+    submitBtn.addEventListener('click', () => {
+        if (typeof window[methodName] === 'function') {
+            window[methodName](input.value); // 调用sm函数并传入输入值
+        }
+        dialog.close();
+    });
+
+    // 点击外部关闭对话框
+    dialog.addEventListener('click', (e) => {
+        const rect = dialog.getBoundingClientRect();
+        if (
+            e.clientX < rect.left ||
+            e.clientX > rect.right ||
+            e.clientY < rect.top ||
+            e.clientY > rect.bottom
+        ) {
+            dialog.close();
+        }
+    });
+
+    // 创建触发按钮并添加到页面
+    const trigger = document.createElement('button');
+    trigger.textContent = originalText;
+    trigger.id='start';
+    trigger.style.margin = '10px'; // 添加间距
+    document.body.insertBefore(trigger, dialog); // 插入到dialog前面
+
+    // 点击触发按钮打开对话框
+    trigger.addEventListener('click', () => {
+        dialog.showModal();
+        input.focus(); // 自动聚焦输入框
+    });
+});
+
+/* 示例sm函数 */
+function sm(value) {
+    //向服务器通信
+    document.querySelector('dialog').close();
+}

From 124e0ca6fec1335379fd0a48a00b2eb4344201bd Mon Sep 17 00:00:00 2001
From: Tiaotiao <65841827@qq.com>
Date: Sat, 29 Nov 2025 12:05:29 +0800
Subject: [PATCH 03/17] Implement AuthService for user authentication
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

新增了 AuthService 类以处理用户登录，并存储 API 响应主体到 session。
---
 getv.php | 143 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 143 insertions(+)
 create mode 100644 getv.php

diff --git a/getv.php b/getv.php
new file mode 100644
index 0000000..b9a6485
--- /dev/null
+++ b/getv.php
@@ -0,0 +1,143 @@
+<?php
+session_start();
+$username = "匿名用户";
+$token = "";
+$authCode = "";
+$responseBody = ""; // 新增：用于存储响应主体
+
+class AuthService {
+    private $baseUrl = 'http://nlm-api-cn.turtlesim.com/';
+    private $username;
+    private $password;
+    public $token;
+    public $authCode;
+    public $responseBody; // 新增：存储API响应主体
+
+    public function __construct($username, $password) {
+        $this->username = $username;
+        $this->password = $password;
+    }
+
+    public function login() {
+        $identifier = bin2hex(random_bytes(20));
+        $identifier = str_pad($identifier, 40, '0', STR_PAD_LEFT);
+
+        $requestData = [
+            'Login' => $this->username,
+            'Password' => $this->password,
+            'Version' => 2411,
+            'Device' => [
+                'Identifier' => $identifier,
+                'Language' => "Chinese",
+            ],
+            'Statistic' => null,
+        ];
+
+        $headers = [
+            "Content-Type: application/json",
+            "Accept: application/json",
+            "Accept-Language: zh-CN",
+        ];
+
+        $response = $this->postRequest("Users/Authenticate", $requestData, $headers);
+        $statusCode = $response['status'];
+        $this->responseBody = $response['body']; // 存储原始响应主体
+        
+        $responseData = json_decode($this->responseBody, true);
+        
+        // 检查JSON解码是否成功
+        if (json_last_error() !== JSON_ERROR_NONE) {
+            throw new Exception("API响应格式错误: " . json_last_error_msg());
+        }
+        
+        // 优先检查业务状态码
+        if (isset($responseData['Status'])) {
+            if ($responseData['Status'] === 200) {
+                $this->token = $responseData['Token'] ?? '';
+                $this->authCode = $responseData['AuthCode'] ?? '';
+                return $responseData;
+            } else {
+                $errorMsg = $responseData['Message'] ?? '登录失败';
+                throw new Exception($errorMsg);
+            }
+        } 
+        // 处理 HTTP 错误
+        elseif ($statusCode >= 400) {
+            $errorMap = [
+                403 => '访问被拒绝(403)',
+                404 => '资源不存在(404)',
+                500 => '服务器错误(500)'
+            ];
+            $errorMsg = $errorMap[$statusCode] ?? "HTTP 错误: $statusCode";
+            throw new Exception($errorMsg);
+        } 
+        // 完全无效的响应
+        else {
+            throw new Exception("无效的API响应");
+        }
+    }
+
+    private function postRequest($endpoint, $data, $headers = []) {
+        $url = $this->baseUrl . $endpoint;
+        
+        $ch = curl_init($url);
+        curl_setopt_array($ch, [
+            CURLOPT_RETURNTRANSFER => true,
+            CURLOPT_HEADER => true,
+            CURLOPT_POST => true,
+            CURLOPT_HTTPHEADER => $headers,
+            CURLOPT_POSTFIELDS => json_encode($data),
+            CURLOPT_FOLLOWLOCATION => true,
+            CURLOPT_TIMEOUT => 15,
+            CURLOPT_USERAGENT => 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36',
+            CURLOPT_SSL_VERIFYPEER => true,
+        ]);
+        
+        $response = curl_exec($ch);
+        
+        if ($response === false) {
+            $error = curl_error($ch);
+            curl_close($ch);
+            throw new Exception("请求失败: $error");
+        }
+        
+        $statusCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
+        $headerSize = curl_getinfo($ch, CURLINFO_HEADER_SIZE);
+        
+        $body = substr($response, $headerSize);
+        
+        curl_close($ch);
+        
+        return [
+            'status' => $statusCode,
+            'body' => $body
+        ];
+    }
+}
+
+try {
+    if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+        $username = $_POST['username'] ?? '';
+        $password = $_POST['password'] ?? '';
+        
+        if (!empty($username) && !empty($password)) {
+            $authService = new AuthService($username, $password);
+            $loginData = $authService->login();
+            
+            // 登录成功，保存到session
+            $_SESSION['username'] = $username;
+            $_SESSION['token'] = $authService->token;
+            $_SESSION['authCode'] = $authService->authCode;
+            $_SESSION['responseBody'] = $authService->responseBody; // 存储响应主体到session
+            
+            // 重定向或显示成功消息
+            header('Location: /');
+            exit;
+        } else {
+            $error = "用户名和密码不能为空";
+        }
+    }
+} catch (Exception $e) {
+    
+}
+?>

From 562e3f974d88c801f96b2d950a1a031799dcd464 Mon Sep 17 00:00:00 2001
From: Tiaotiao <65841827@qq.com>
Date: Sat, 29 Nov 2025 12:06:34 +0800
Subject: [PATCH 04/17] Refactor login method to remove constructor

Removed constructor and initialized login credentials as empty strings.
---
 getv.php | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/getv.php b/getv.php
index b9a6485..13b542c 100644
--- a/getv.php
+++ b/getv.php
@@ -13,18 +13,13 @@ class AuthService {
     public $authCode;
     public $responseBody; // 新增：存储API响应主体
 
-    public function __construct($username, $password) {
-        $this->username = $username;
-        $this->password = $password;
-    }
-
     public function login() {
         $identifier = bin2hex(random_bytes(20));
         $identifier = str_pad($identifier, 40, '0', STR_PAD_LEFT);
 
         $requestData = [
-            'Login' => $this->username,
-            'Password' => $this->password,
+            'Login' => '',
+            'Password' => '',
             'Version' => 2411,
             'Device' => [
                 'Identifier' => $identifier,

From 271295daf0a25ca7c610ebbff1033cc323178d8d Mon Sep 17 00:00:00 2001
From: Tiaotiao <65841827@qq.com>
Date: Sat, 29 Nov 2025 12:53:33 +0800
Subject: [PATCH 05/17] Refactor authentication to use empty credentials

Removed username and password handling from POST request.
---
 getv.php | 15 ++-------------
 1 file changed, 2 insertions(+), 13 deletions(-)

diff --git a/getv.php b/getv.php
index 13b542c..44d9142 100644
--- a/getv.php
+++ b/getv.php
@@ -1,6 +1,6 @@
 <?php
 session_start();
-$username = "匿名用户";
+$username = "";
 $token = "";
 $authCode = "";
 $responseBody = ""; // 新增：用于存储响应主体
@@ -110,13 +110,8 @@ private function postRequest($endpoint, $data, $headers = []) {
     }
 }
 
-try {
     if ($_SERVER['REQUEST_METHOD'] === 'POST') {
-        $username = $_POST['username'] ?? '';
-        $password = $_POST['password'] ?? '';
-        
-        if (!empty($username) && !empty($password)) {
-            $authService = new AuthService($username, $password);
+            $authService = new AuthService('', '');
             $loginData = $authService->login();
             
             // 登录成功，保存到session
@@ -128,11 +123,5 @@ private function postRequest($endpoint, $data, $headers = []) {
             // 重定向或显示成功消息
             header('Location: /');
             exit;
-        } else {
-            $error = "用户名和密码不能为空";
-        }
     }
-} catch (Exception $e) {
-    
-}
 ?>

From f6561b3b8336d5263cafcf0a84fc227354469cf2 Mon Sep 17 00:00:00 2001
From: Tiaotiao <65841827@qq.com>
Date: Sat, 29 Nov 2025 13:40:09 +0800
Subject: [PATCH 06/17] Refactor login handling and error management

---
 getv.php | 46 ++++++++++++++++++++++++++++------------------
 1 file changed, 28 insertions(+), 18 deletions(-)

diff --git a/getv.php b/getv.php
index 44d9142..3f42f20 100644
--- a/getv.php
+++ b/getv.php
@@ -1,17 +1,23 @@
 <?php
 session_start();
+
+// 如果已登录，重定向到首页
+if (isset($_SESSION['username']) && !empty($_SESSION['username'])) {
+    header('Location: /');
+    exit;
+}
+
 $username = "";
 $token = "";
 $authCode = "";
-$responseBody = ""; // 新增：用于存储响应主体
+$responseBody = "";
+$errorMsg = ""; // 新增：用于存储错误信息
 
 class AuthService {
     private $baseUrl = 'http://nlm-api-cn.turtlesim.com/';
-    private $username;
-    private $password;
     public $token;
     public $authCode;
-    public $responseBody; // 新增：存储API响应主体
+    public $responseBody;
 
     public function login() {
         $identifier = bin2hex(random_bytes(20));
@@ -36,7 +42,7 @@ public function login() {
 
         $response = $this->postRequest("Users/Authenticate", $requestData, $headers);
         $statusCode = $response['status'];
-        $this->responseBody = $response['body']; // 存储原始响应主体
+        $this->responseBody = $response['body'];
         
         $responseData = json_decode($this->responseBody, true);
         
@@ -110,18 +116,22 @@ private function postRequest($endpoint, $data, $headers = []) {
     }
 }
 
-    if ($_SERVER['REQUEST_METHOD'] === 'POST') {
-            $authService = new AuthService('', '');
-            $loginData = $authService->login();
-            
-            // 登录成功，保存到session
-            $_SESSION['username'] = $username;
-            $_SESSION['token'] = $authService->token;
-            $_SESSION['authCode'] = $authService->authCode;
-            $_SESSION['responseBody'] = $authService->responseBody; // 存储响应主体到session
-            
-            // 重定向或显示成功消息
-            header('Location: /');
-            exit;
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    try {
+        $authService = new AuthService();
+        $loginData = $authService->login();
+        
+        // 登录成功，保存到session
+        $_SESSION['username'] = $loginData['Data']['User']['Nickname'] ?? '匿名用户';
+        $_SESSION['token'] = $authService->token;
+        $_SESSION['authCode'] = $authService->authCode;
+        $_SESSION['responseBody'] = $authService->responseBody;
+        
+        // 重定向到首页
+        header('Location: /');
+        exit;
+    } catch (Exception $e) {
+        $errorMsg = $e->getMessage();
     }
+}
 ?>

From 19409799ec5bdeb6b316e3a514b4c2f98fea23aa Mon Sep 17 00:00:00 2001
From: Tiaotiao <65841827@qq.com>
Date: Sat, 29 Nov 2025 13:42:23 +0800
Subject: [PATCH 07/17] Add login check and redirect to getv.php

Redirect to getv.php if user is not logged in.
---
 index.php | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/index.php b/index.php
index eae1fef..2504aaa 100644
--- a/index.php
+++ b/index.php
@@ -7,7 +7,10 @@
 
 // 检查登录状态
 $isLoggedIn = isset($dt['Data']['User']['Nickname']) && $dt['Data']['User']['Nickname'] !== '点击登录';
-
+if(!$isLoggedIn){ 
+    header('Location: getv.php');
+    exit;
+}
 // 获取API数据
 function getCommunityData() {
     $apiUrl = 'https://nlm-api-cn.turtlesim.com/Users';

From 7939a13e06ef031430df2836387da4463b6c8cb9 Mon Sep 17 00:00:00 2001
From: Tiaotiao <65841827@qq.com>
Date: Sat, 29 Nov 2025 14:58:49 +0800
Subject: [PATCH 08/17] Add redirection for missing session responseBody

Redirect to getv.php if responseBody is not set in session.
---
 med.php | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/med.php b/med.php
index 66dc68a..808518f 100644
--- a/med.php
+++ b/med.php
@@ -10,6 +10,10 @@
 $dt = null;
 if (isset($_SESSION['responseBody'])) {
     $dt = is_string($_SESSION['responseBody']) ? json_decode($_SESSION['responseBody'], true) : $_SESSION['responseBody'];
+} else {
+  $redirectUrl = '/getv.php?r=' . urlencode('med.php?category=' . $category . '&id=' . $contentId . '&type=' . $type);
+  header('Location: ' . $redirectUrl);
+  exit;
 }
 
 // 获取作品详情的函数
@@ -66,7 +70,7 @@ function getContentSummary($contentId, $category, $token, $authCode) {
     $token = $_SESSION['token'] ?? '';
     $authCode = $_SESSION['authCode'] ?? '';
     
-    if (!empty($token) && !empty($authCode)) {
+    if (isset($token) && isset($authCode)) {
         $contentData = getContentSummary($contentId, $category, $token, $authCode);
     }
 }

From 5729b2103cd650c689b00cf281f334afdda398cf Mon Sep 17 00:00:00 2001
From: Tiaotiao <65841827@qq.com>
Date: Sat, 29 Nov 2025 14:59:25 +0800
Subject: [PATCH 09/17] Update redirection logic based on session response

Redirect to a specific URL if a response body is set in the session.
---
 getv.php | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/getv.php b/getv.php
index 3f42f20..bc7fde4 100644
--- a/getv.php
+++ b/getv.php
@@ -1,9 +1,9 @@
 <?php
 session_start();
-
+$r = urldecode($_GET['r']) ?? '';
 // 如果已登录，重定向到首页
-if (isset($_SESSION['username']) && !empty($_SESSION['username'])) {
-    header('Location: /');
+if (isset($_SESSION['responseBody']) && !empty($_SESSION['responseBody'])) {
+    header('Location: /' . $r);
     exit;
 }
 
@@ -116,22 +116,18 @@ private function postRequest($endpoint, $data, $headers = []) {
     }
 }
 
-if ($_SERVER['REQUEST_METHOD'] === 'POST') {
     try {
         $authService = new AuthService();
         $loginData = $authService->login();
-        
-        // 登录成功，保存到session
-        $_SESSION['username'] = $loginData['Data']['User']['Nickname'] ?? '匿名用户';
         $_SESSION['token'] = $authService->token;
         $_SESSION['authCode'] = $authService->authCode;
         $_SESSION['responseBody'] = $authService->responseBody;
         
         // 重定向到首页
-        header('Location: /');
+        header('Location: /' . $r);
         exit;
     } catch (Exception $e) {
         $errorMsg = $e->getMessage();
+        echo $errorMsg;
     }
-}
 ?>

From 11335004296c6250a8ca1c544cf5bd1343eb60c9 Mon Sep 17 00:00:00 2001
From: Tiaotiao <65841827@qq.com>
Date: Sat, 29 Nov 2025 15:00:05 +0800
Subject: [PATCH 10/17] Implement session check and redirect if not set

Add redirection logic for session response handling.
---
 index.php | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/index.php b/index.php
index 2504aaa..60a1648 100644
--- a/index.php
+++ b/index.php
@@ -3,14 +3,21 @@
 $dt = null;
 if (isset($_SESSION['responseBody'])) {
     $dt = is_string($_SESSION['responseBody']) ? json_decode($_SESSION['responseBody'], true) : $_SESSION['responseBody'];
+} else {
+    $redirectUrl = '/getv.php';
+    if (!headers_sent()) {
+        header('Location: ' . $redirectUrl);
+        exit;
+    } else {
+        // 如果已经有输出，使用JavaScript重定向作为备用
+        echo '<script>window.location.href = "' . $redirectUrl . '";</script>';
+        exit;
+    }
 }
 
 // 检查登录状态
 $isLoggedIn = isset($dt['Data']['User']['Nickname']) && $dt['Data']['User']['Nickname'] !== '点击登录';
-if(!$isLoggedIn){ 
-    header('Location: getv.php');
-    exit;
-}
+
 // 获取API数据
 function getCommunityData() {
     $apiUrl = 'https://nlm-api-cn.turtlesim.com/Users';

From 47b6bf653e216fcd440adba931f2cb5a252b7a78 Mon Sep 17 00:00:00 2001
From: Tiaotiao <65841827@qq.com>
Date: Sat, 29 Nov 2025 15:11:54 +0800
Subject: [PATCH 11/17] Add comment.html for editing comments

---
 comment/comment.html | 13 +++++++++++++
 1 file changed, 13 insertions(+)
 create mode 100644 comment/comment.html

diff --git a/comment/comment.html b/comment/comment.html
new file mode 100644
index 0000000..aa474a1
--- /dev/null
+++ b/comment/comment.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>编辑评论</title>
+    <link rel='stylesheet' href='../styles/comment.css'/>
+</head>
+<body>
+    <dialog data-type='prompt,all' data-ed='编辑 评论内容' data-eb='sm(),red,提交'>发一条友善的评论吧</dialog>
+    <script src='../scripts/comment.js'></script>
+</body>
+</html>

From 6ad20a3ac3843c84253c542b1ef8bc7446777b4c Mon Sep 17 00:00:00 2001
From: Tiaotiao <65841827@qq.com>
Date: Sat, 29 Nov 2025 19:18:46 +0800
Subject: [PATCH 12/17] Update content display logic in med.php

---
 med.php | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/med.php b/med.php
index 808518f..c76d079 100644
--- a/med.php
+++ b/med.php
@@ -76,7 +76,6 @@ function getContentSummary($contentId, $category, $token, $authCode) {
 }
 
 $content = $contentData['Data'] ?? null;
-
 // 处理日期格式
 function formatDate($timestamp) {
     return date('Y年m月d日', $timestamp / 1000);
@@ -130,7 +129,7 @@ function formatDate($timestamp) {
                     }
                 ?>');">
                     <div style="text-align: left;">
-                        <div class="title"><?= htmlspecialchars($content['LocalizedSubject']['Chinese'] ?? '未知标题') ?></div>
+                        <div class="title"><?= htmlspecialchars($content['LocalizedSubject']['Chinese'] ?? $content['Subject']) ?></div>
                         <div style="position: absolute; z-index: 100;">
                             <div class="tag" style="color: aquamarine; font-weight: bold;">
                                 <?= htmlspecialchars($content['Category'] === 'Model' ? 'Model' : 'Experiment') ?>
@@ -212,7 +211,7 @@ function formatDate($timestamp) {
                                                 <?php if ($content && isset($content['LocalizedDescription']['Chinese'])): ?>
                                                     <?= nl2br(htmlspecialchars($content['LocalizedDescription']['Chinese'])) ?>
                                                 <?php else: ?>
-                                                    <p>暂无作品介绍</p>
+                                                    <?= implode('<br>', $content['Description']) ?>
                                                 <?php endif; ?>
                                             </div>
                                         </div>

From 888e3be582ae738664f5eabdac98405d634706e9 Mon Sep 17 00:00:00 2001
From: Tiaotiao <65841827@qq.com>
Date: Sun, 30 Nov 2025 16:09:04 +0800
Subject: [PATCH 13/17] Update dialog styles and layout for responsiveness

Refactor dialog styles for improved layout and responsiveness.
---
 styles/comment.css | 191 ++++++++++++++++++++++++++++++++++-----------
 1 file changed, 147 insertions(+), 44 deletions(-)

diff --git a/styles/comment.css b/styles/comment.css
index 262ebfb..d938a86 100644
--- a/styles/comment.css
+++ b/styles/comment.css
@@ -1,33 +1,3 @@
-dialog {
-   position: fixed;
-   top: 0%;
-   left: 0%;
-   height: 100%;
-   width: 100%;
-   border: none;
-   z-index: 100;
-   overflow: hidden;
-}
-
-#dt {
-   position: absolute;
-   top: 10%;
-   left: 0%;
-   height: 90%;
-   width: 100%;
-   border: none;
-   font-size: 3vh;
-}
-
-#dh {
-   position: absolute;
-   top: 0%;
-   left: 0%;
-   height: 10%;
-   width: 100%;
-   background-color: #eee;
- }
-
 .red {
    background-color: #e00;
    position: absolute;
@@ -40,24 +10,157 @@ dialog {
    border-radius: 10px;
 }
 
+textarea:focus {
+    border-color: rgba(0,0,0,0);
+    outline: none;
+    box-shadow: 0 0 0.1px rgba(255,255,255,0);
+}
+
+/* 评论框样式修复 */
+dialog {
+    position: fixed;
+    top: 5%;
+    left: 5%;
+    z-index: 80;
+    height: 90%;
+    width: 90%;
+    border: none;
+    border-radius: 12px;
+    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
+    background: white;
+    overflow: hidden;
+}
+
+#dt {
+    position: absolute;
+    top: 10%;
+    left: 0%;
+    height: 90%;
+    width: 100%;
+    border: none;
+    font-size: 16px;
+    padding: 20px;
+    resize: none;
+    font-family: inherit;
+    line-height: 1.5;
+    background: #fafafa;
+}
+
+#dh {
+    position: absolute;
+    top: 0%;
+    left: 0%;
+    height: 10%;
+    width: 100%;
+    background-color: #f8f9fa;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 20px;
+    border-bottom: 1px solid #e9ecef;
+ }
+
+#dh img {
+    cursor: pointer;
+    padding: 8px;
+    border-radius: 50%;
+    transition: background-color 0.2s;
+}
+
+#dh img:hover {
+    background-color: rgba(0,0,0,0.1);
+}
+
 .mid {
-   position: absolute;
-   top: -10%;
-   left: 8%;
+    font-size: 18px;
+    font-weight: 600;
+    color: #333;
+    margin: 0;
+}
+
+.red {
+    background-color: red;
+    position: static;
+    height: auto;
+    width: auto;
+    color: white;
+    font-size: 14px;
+    border-radius: 10px;
+    border: none;
+    padding: 8px 20px;
+    cursor: pointer;
+    transition: background-color 0.3s;
+    margin: 0;
+}
+
+.red:hover {
+    background-color: #1060c0;
 }
 
+/* 移除原有的绝对定位样式 */
+.red,
+.mid {
+    position: static;
+    top: auto;
+    left: auto;
+}
+
+/* 移动端适配 */
+@media (max-width: 768px) {
+    dialog {
+        top: 2%;
+        left: 2%;
+        height: 96%;
+        width: 96%;
+    }
+    
+    #dt {
+        font-size: 14px;
+        padding: 15px;
+    }
+    
+    .mid {
+        font-size: 16px;
+    }
+    
+    .red {
+        padding: 6px 16px;
+        font-size: 13px;
+    }
+    
+    #dh {
+        padding: 0 15px;
+    }
+}
+
+/* 对话框背景遮罩 */
+dialog::backdrop {
+    background: rgba(0, 0, 0, 0.5);
+    backdrop-filter: blur(2px);
+}
+
+/* #start 按钮位置和尺寸修复 */
 #start {
-  height: 30px;
-  width: 50%;
-  border: 1px solid #111;
-  border-radius: none;
-  text-align: left;
-  color: gray;
-  background-color: #eee;
+    position: fixed;
+    bottom: 0px;
+    right: 0%;
+    transform: translateY(-10%);
+    height: 40px;
+    width: 48%;
+    z-index: 70;
+    border: 1px solid #111;
+    border-radius: none;
+    text-align: left;
+    color: gray;
+    background-color: #f6f6f6;
 }
 
-textarea:focus {
-    border-color: rgba(0,0,0,0);
-    outline: none;
-    box-shadow: 0 0 0.1px rgba(255,255,255,0);
+/* 移动端适配 */
+@media (max-width: 768px) {
+    #start {
+        bottom: 0px;
+        width: 98%;
+        max-width: 700px;
+        height: 45px;
+    }
 }

From a65d799745f1ec843853c0802c8cbe48d7895d9f Mon Sep 17 00:00:00 2001
From: Tiaotiao <65841827@qq.com>
Date: Sun, 30 Nov 2025 16:09:54 +0800
Subject: [PATCH 14/17] Fix image source and refactor trigger button logic

Updated image source path and modified trigger button handling.
---
 scripts/comment.js | 13 ++-----------
 1 file changed, 2 insertions(+), 11 deletions(-)

diff --git a/scripts/comment.js b/scripts/comment.js
index 1f57fe8..fa43547 100644
--- a/scripts/comment.js
+++ b/scripts/comment.js
@@ -1,4 +1,3 @@
-document.addEventListener('DOMContentLoaded', () => {
     const dialog = document.querySelector('dialog');
     const originalText = dialog.innerHTML.trim(); // 获取原始文本 "编辑评论内容"
     
@@ -19,7 +18,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
     const header = document.createElement('div');
     header.id='dh';
-    header.innerHTML='<img src="return.png" height="80%" onclick="document.querySelector(\'dialog\').close();"/><h2 class="mid">'+inputPlaceholder+'</h2>';
+    header.innerHTML='<img src="../imgs/return.png" height="80%" onclick="document.querySelector(\'dialog\').close();"/><h2 class="mid">'+inputPlaceholder+'</h2>';
     dialog.appendChild(header);
 
     // 创建提交按钮
@@ -49,19 +48,11 @@ document.addEventListener('DOMContentLoaded', () => {
         }
     });
 
-    // 创建触发按钮并添加到页面
-    const trigger = document.createElement('button');
-    trigger.textContent = originalText;
-    trigger.id='start';
-    trigger.style.margin = '10px'; // 添加间距
-    document.body.insertBefore(trigger, dialog); // 插入到dialog前面
-
     // 点击触发按钮打开对话框
-    trigger.addEventListener('click', () => {
+    document.getElementById('start').addEventListener('click', () => {
         dialog.showModal();
         input.focus(); // 自动聚焦输入框
     });
-});
 
 /* 示例sm函数 */
 function sm(value) {

From 22c2d27739d2158ea9bf0601697111cd197c4699 Mon Sep 17 00:00:00 2001
From: Tiaotiao <65841827@qq.com>
Date: Sun, 30 Nov 2025 16:10:46 +0800
Subject: [PATCH 15/17] Refactor comment.html to use a button for comments

---
 comment/comment.html | 16 +++-------------
 1 file changed, 3 insertions(+), 13 deletions(-)

diff --git a/comment/comment.html b/comment/comment.html
index aa474a1..6fcaf77 100644
--- a/comment/comment.html
+++ b/comment/comment.html
@@ -1,13 +1,3 @@
-<!DOCTYPE html>
-
-<html>
-<head>
-    <meta charset="utf-8">
-    <title>编辑评论</title>
-    <link rel='stylesheet' href='../styles/comment.css'/>
-</head>
-<body>
-    <dialog data-type='prompt,all' data-ed='编辑 评论内容' data-eb='sm(),red,提交'>发一条友善的评论吧</dialog>
-    <script src='../scripts/comment.js'></script>
-</body>
-</html>
+<button id='start' style='margin: 10px'>&nbsp;发一条友善的评论吧</button>
+<dialog data-type='prompt,all' data-ed='编辑 评论内容' data-eb='sm(),red,提交'>发一条友善的评论吧</dialog>
+<script src='../scripts/comment.js'></script>

From 4f49b28fe6dbba06f76607c72c6c0ad7fa55d738 Mon Sep 17 00:00:00 2001
From: Tiaotiao <65841827@qq.com>
Date: Sun, 30 Nov 2025 16:11:46 +0800
Subject: [PATCH 16/17] Refactor user info section with tabs

Updated the layout to include a tabbed interface for user information and comments, and removed the statistics section.
---
 med.php | 103 ++++++++++++++------------------------------------------
 1 file changed, 26 insertions(+), 77 deletions(-)

diff --git a/med.php b/med.php
index c76d079..d27151b 100644
--- a/med.php
+++ b/med.php
@@ -102,7 +102,7 @@ function formatDate($timestamp) {
     <meta name="referrer" content="no-referrer">
     <meta name="google" content="notranslate">
     <title><?= htmlspecialchars($content['LocalizedSubject']['Chinese'] ?? $pageTitle) ?> - Turtle Universe Web</title>
-    <link rel="shortcut icon" href="./assets/icons/logo.png" type="image/png">
+    <link rel='stylesheet' href='../styles/comment.css'/>
     <style>
         *{margin:0;padding:0;box-sizing:border-box}body{font-family:v-sans,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:14px;line-height:1.6;margin:0;background:#f5f7fa;color:#333}.RUser{color:cornflowerblue}a[internal]{color:cornflowerblue;text-decoration:none}.basic-layout{display:flex;height:100vh}.layout-left{flex:1;position:relative}.layout-right{flex:1;overflow:hidden}.cover{height:100%;background-size:cover;background-position:center;position:relative;display:flex;flex-direction:column;padding:20px}.return{width:2.7em;cursor:pointer}.title{font-size:24px;font-weight:bold;color:white;margin:10px 0;text-align:left}.tag{display:inline-block;padding:4px 12px;margin:2px;border-radius:16px;background:rgba(255,255,255,0.2);color:white;font-size:12px}.coverBottom{margin-top:auto}.btns{display:flex;justify-content:space-around}.enter{padding:8px 24px;border-radius:25px;background:#2080f0;color:white;border:none;cursor:pointer;font-size:14px}.scroll-container{height:100%;overflow-y:auto}.context{padding:20px}.n-tabs{width:100%}.n-tabs-wrapper{display:flex;justify-content:space-evenly}.n-tabs-tab{padding:10px 0;cursor:pointer;color:#666}.n-tabs-tab--active{color:#18a058;font-weight:500}.n-tab-pane{margin-top:20px}.gray{background:#f8f9fa;border-radius:12px;padding:15px}.intro{text-align:left;line-height:1.8}.intro p{margin-bottom:15px}.intro h1,.intro h2,.intro h3{color:#2080f0;margin:20px 0 10px}.intro ul,.intro ol{margin:10px 0;padding-left:20px}.intro li{margin:5px 0}.user-info{display:flex;align-items:center;padding:15px;background:white;border-radius:10px;margin:5px 0}.user-avatar{width:50px;height:50px;border-radius:50%;margin-right:15px}.user-details{text-align:left}.user-name{color:#007bff;margin:0;font-size:16px}.user-bio{color:gray;margin:5px 0 0}.action-buttons{display:flex;gap:10px;margin:20px 0}.btn{padding:10px 20px;border-radius:20px;border:none;cursor:pointer;font-size:14px}.btn-primary{background:#2080f0;color:white}.btn-secondary{background:#f8f9fa;color:#333;border:1px solid #ddd}.error{text-align:center;padding:60px 20px;color:#e74c3c}.empty{text-align:center;padding:60px 20px;color:#666}.back-button{position:absolute;top:20px;left:20px;background:rgba(255,255,255,0.2);color:white;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;z-index:10}.footer{position:fixed;bottom:0;left:0;right:0;background:white;display:flex;justify-content:space-around;padding:10px 0;box-shadow:0 -2px 10px rgba(0,0,0,0.1);z-index:1000}.footer div{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;color:#666}.footer div.active{color:#667eea}.footer i{font-size:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.stat-item{text-align:center;padding:10px;background:white;border-radius:8px}.stat-number{font-size:18px;font-weight:bold;color:#2080f0}.stat-label{font-size:12px;color:#666}.markdown-content h1{font-size:24px;margin:20px 0 10px}.markdown-content h2{font-size:20px;margin:15px 0 8px}.markdown-content h3{font-size:16px;margin:12px 0 6px}.markdown-content ul,.markdown-content ol{padding-left:20px}.markdown-content li{margin:5px 0}@media (max-width:768px){.basic-layout{flex-direction:column}.layout-left,.layout-right{flex:none}.layout-left{height:50vh}.layout-right{height:50vh}.stats-grid{grid-template-columns:repeat(2,1fr)}}
     </style>
@@ -154,7 +154,18 @@ function formatDate($timestamp) {
             <div class="layout-right">
                 <div class="scroll-container">
                     <div class="context">
-                        <!-- 用户信息卡片 -->
+                        <!-- 标签页 -->
+                        <div class="n-tabs">
+                            <div class="n-tabs-wrapper">
+                                <div class="n-tabs-tab n-tabs-tab--active" onclick="switchTab('intro')">简介</div>
+                                <div class="n-tabs-tab" onclick="switchTab('info')">评论(<?= $content['Comments'] ?? 0 ?>)</div>
+                            </div>
+                            
+                            <div class="n-tab-pane">
+                                <div class="gray">
+                                    <!-- 简介标签页 -->
+                                    <div id="intro-tab" class="qh">
+<!-- 用户信息卡片 -->
                         <div class="user-info">
                             <img class="user-avatar" src="<?php
                                 if ($content && isset($content['User']['Avatar'])) {
@@ -173,39 +184,7 @@ function formatDate($timestamp) {
                                 <p class="user-bio"><?= htmlspecialchars($content['User']['Signature'] ?? '暂无简介') ?></p>
                             </div>
                         </div>
-
-                        <!-- 统计数据 -->
-                        <div class="stats-grid">
-                            <div class="stat-item">
-                                <div class="stat-number"><?= $content['Visits'] ?? 0 ?></div>
-                                <div class="stat-label">访问量</div>
-                            </div>
-                            <div class="stat-item">
-                                <div class="stat-number"><?= $content['Stars'] ?? 0 ?></div>
-                                <div class="stat-label">收藏</div>
-                            </div>
-                            <div class="stat-item">
-                                <div class="stat-number"><?= $content['Supports'] ?? 0 ?></div>
-                                <div class="stat-label">支持</div>
-                            </div>
-                            <div class="stat-item">
-                                <div class="stat-number"><?= $content['Comments'] ?? 0 ?></div>
-                                <div class="stat-label">评论</div>
-                            </div>
-                        </div>
-
-                        <!-- 标签页 -->
-                        <div class="n-tabs">
-                            <div class="n-tabs-wrapper">
-                                <div class="n-tabs-tab n-tabs-tab--active" onclick="switchTab('intro')">简介</div>
-                                <div class="n-tabs-tab" onclick="switchTab('info')">详细信息</div>
-                            </div>
-                            
-                            <div class="n-tab-pane">
-                                <div class="gray">
-                                    <!-- 简介标签页 -->
-                                    <div id="intro-tab" class="tab-content">
-                                        <div style="margin: 5px; background-color: white; border-radius: 10px; padding: 15px;">
+                                        <div style="margin: 5px; background-color: white; border-radius: 10px; padding: 15px;" class='tab-content'>
                                             <h3 style="color: #2080f0; text-align: left; margin-top: 2px; margin-bottom: 10px;">作品介绍</h3>
                                             <div class="markdown-content intro">
                                                 <?php if ($content && isset($content['LocalizedDescription']['Chinese'])): ?>
@@ -218,50 +197,11 @@ function formatDate($timestamp) {
                                     </div>
 
                                     <!-- 详细信息标签页 -->
-                                    <div id="info-tab" class="tab-content" style="display: none;">
-                                        <div style="margin: 5px; background-color: white; border-radius: 10px; padding: 15px;">
-                                            <h3 style="color: #2080f0; text-align: left; margin-top: 2px; margin-bottom: 10px;">详细信息</h3>
-                                            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px;">
-                                                <div>
-                                                    <div style="font-size: 12px; color: #666;">创建时间</div>
-                                                    <div style="font-weight: bold;"><?= formatDate($content['CreationDate'] ?? 0) ?></div>
-                                                </div>
-                                                <div>
-                                                    <div style="font-size: 12px; color: #666;">更新时间</div>
-                                                    <div style="font-weight: bold;"><?= formatDate($content['UpdateDate'] ?? 0) ?></div>
-                                                </div>
-                                                <div>
-                                                    <div style="font-size: 12px; color: #666;">版本</div>
-                                                    <div style="font-weight: bold;"><?= $content['Version'] ?? '未知' ?></div>
-                                                </div>
-                                                <div>
-                                                    <div style="font-size: 12px; color: #666;">语言</div>
-                                                    <div style="font-weight: bold;"><?= htmlspecialchars($content['Language'] ?? '未知') ?></div>
-                                                </div>
-                                                <div>
-                                                    <div style="font-size: 12px; color: #666;">改编次数</div>
-                                                    <div style="font-weight: bold;"><?= $content['Remixes'] ?? 0 ?></div>
-                                                </div>
-                                                <div>
-                                                    <div style="font-size: 12px; color: #666;">模型ID</div>
-                                                    <div style="font-weight: bold; font-family: monospace;"><?= htmlspecialchars($content['ModelID'] ?? '未知') ?></div>
+                                    <div id="info-tab" class="qh" style="display: none;"><div id="comments">加载评论中...</div><?php include 'comment/comment.html' ?></div>
                                                 </div>
                                             </div>
                                         </div>
                                     </div>
-
-                                    <!-- 操作按钮 -->
-                                    <div class="action-buttons">
-                                        <button class="btn btn-primary" onclick="favoriteExperiment()">
-                                            ❤ 收藏 (<?= $content['Stars'] ?? 0 ?>)
-                                        </button>
-                                        <button class="btn btn-secondary" onclick="shareExperiment()">
-                                            ↗ 分享
-                                        </button>
-                                        <button class="btn btn-secondary" onclick="remixExperiment()">
-                                            🔄 改编 (<?= $content['Remixes'] ?? 0 ?>)
-                                        </button>
-                                    </div>
                                 </div>
                             </div>
                         </div>
@@ -275,7 +215,7 @@ function formatDate($timestamp) {
         // 标签页切换
         function switchTab(tabName) {
             // 隐藏所有标签内容
-            document.querySelectorAll('.tab-content').forEach(tab => {
+            document.querySelectorAll('.qh').forEach(tab => {
                 tab.style.display = 'none';
             });
             
@@ -320,6 +260,15 @@ function shareExperiment() {
         function remixExperiment() {
             alert('改编功能即将开放');
         }
-    </script>
+// 使用JavaScript动态加载评论
+fetch('/comment/?category=<?= $category ?>&id=<?= $contentId ?>')
+    .then(response => response.text())
+    .then(html => {
+        document.getElementById('comments').innerHTML = html;
+    })
+    .catch(error => {
+        document.getElementById('comments').innerHTML = '<div class="error">加载评论失败</div>';
+    });
+  </script>
 </body>
 </html>

From 7997007444fd3ef9596d683f25e06850925b5a96 Mon Sep 17 00:00:00 2001
From: Tiaotiao <65841827@qq.com>
Date: Sun, 30 Nov 2025 16:12:56 +0800
Subject: [PATCH 17/17] Add comment handling functionality in index.php

---
 comment/index.php | 388 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 388 insertions(+)
 create mode 100644 comment/index.php

diff --git a/comment/index.php b/comment/index.php
new file mode 100644
index 0000000..0f9698e
--- /dev/null
+++ b/comment/index.php
@@ -0,0 +1,388 @@
+<?php
+session_start();
+
+// 获取参数
+$category = $_GET['category'] ?? 'Model';
+$contentId = $_GET['id'] ?? '';
+$skp = number_format($_GET['skip']) ?? 0;
+
+// 获取用户数据
+$dt = null;
+if (isset($_SESSION['responseBody'])) {
+    $dt = is_string($_SESSION['responseBody']) ? json_decode($_SESSION['responseBody'], true) : $_SESSION['responseBody'];
+} else {
+  $redirectUrl = '/getv.php?r=' . urlencode('med.php?category=' . $category . '&id=' . $contentId . '&skip=' . $skp);
+  header('Location: ' . $redirectUrl);
+  exit;
+}
+
+// 类形式的实现（可选）
+class MessageService {
+    private $token;
+    private $authCode;
+    private $baseUrl = 'http://nlm-api-cn.turtlesim.com/';
+    
+    public function __construct($token = null, $authCode = null) {
+        $this->token = $token;
+        $this->authCode = $authCode;
+    }
+    
+    /**
+     * 获取留言/评论信息
+     */
+    public function getMessages(
+        $ID, 
+        $type = "Discussion", 
+        $take = 20, 
+        $from = null, 
+        $skip = 0
+    ) {
+        // 验证必需参数
+        if (empty($ID)) {
+            throw new Exception("ID参数不能为空");
+        }
+        
+        if (empty($type)) {
+            throw new Exception("类型参数不能为空");
+        }
+        
+        if ($take > 100) {
+            throw new Exception("消息获取数量一次最多为100条");
+        }
+        
+        $take = -$take;
+        
+        $requestData = [
+            'TargetID' => $ID,
+            'TargetType' => $type,
+            'Take' => $take,
+            'Skip' => $skip,
+        ];
+        
+        // 只有在提供了from参数时才添加CommentID字段
+        if ($from !== null) {
+            $requestData['CommentID'] = $from;
+        }
+        
+        $headers = [
+            'Content-Type: application/json',
+            'Accept: application/json',
+            'Accept-Language: zh-CN',
+        ];
+        
+        if ($this->token && !empty($this->token)) {
+            $headers[] = 'x-API-Token: ' . $this->token;
+        }
+        
+        if ($this->authCode && !empty($this->authCode)) {
+            $headers[] = 'x-API-AuthCode: ' . $this->authCode;
+        }
+        
+        $url = $this->baseUrl . 'Messages/GetComments';
+        
+        $ch = curl_init();
+        curl_setopt_array($ch, [
+            CURLOPT_URL => $url,
+            CURLOPT_POST => true,
+            CURLOPT_POSTFIELDS => json_encode($requestData),
+            CURLOPT_HTTPHEADER => $headers,
+            CURLOPT_RETURNTRANSFER => true,
+            CURLOPT_SSL_VERIFYPEER => false,
+            CURLOPT_TIMEOUT => 30,
+        ]);
+        
+        $response = curl_exec($ch);
+        $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
+        $error = curl_error($ch);
+        curl_close($ch);
+        
+        if ($error) {
+            throw new Exception("请求失败: " . $error);
+        }
+        
+        if ($httpCode !== 200) {
+            $errorInfo = '';
+            if ($response) {
+                $responseData = json_decode($response, true);
+                if (isset($responseData['Message'])) {
+                    $errorInfo = ' - ' . $responseData['Message'];
+                }
+            }
+            throw new Exception("API请求失败，HTTP状态码: " . $httpCode . $errorInfo);
+        }
+        
+        $data = json_decode($response, true);
+        
+        if (json_last_error() !== JSON_ERROR_NONE) {
+            throw new Exception("JSON解析失败: " . json_last_error_msg());
+        }
+        
+        // 检查API返回的业务状态码
+        if (isset($data['Status']) && $data['Status'] !== 200) {
+            $errorMsg = $data['Message'] ?? '未知错误';
+            throw new Exception("API返回错误: " . $errorMsg);
+        }
+        
+        return $data;
+    }
+    
+    // 设置认证信息
+    public function setAuth($token, $authCode) {
+        $this->token = $token;
+        $this->authCode = $authCode;
+        return $this;
+    }
+}
+
+// 类形式的使用示例：
+$messageService = new MessageService($_SESSION['token'], $_SESSION['authCode']);
+try {
+    $messages = $messageService->getMessages($contentId, $category, 20);
+    $target = $messages['Data']['Target'] ?? [];
+    $comments = $messages['Data']['Comments'] ?? [];
+    $totalComments = $messages['Data']['Count'] ?? 0;
+} catch (Exception $e) {
+    echo "错误: " . $e->getMessage();
+}
+
+// 生成头像URL函数
+function getAvatarUrl($userID, $avatarNumber) {
+    // 根据用户ID构建头像路径
+    $part1 = substr($userID, 0, 4);
+    $part2 = substr($userID, 4, 2);
+    $part3 = substr($userID, 6, 2);
+    $part4 = substr($userID, 8, 16);
+    
+    return "http://netlogo-static-cn.turtlesim.com/users/avatars/{$part1}/{$part2}/{$part3}/{$part4}/{$avatarNumber}.jpg!full";
+}
+
+// 格式化时间函数
+function formatCommentTime($timestamp) {
+    if (!$timestamp) return '未知时间';
+    
+    // 如果是毫秒时间戳，转换为秒
+    if ($timestamp > 9999999999) {
+        $timestamp = $timestamp / 1000;
+    }
+    
+    $date = date('n/j', $timestamp);
+    $hour = date('G', $timestamp);
+    $minute = date('i', $timestamp);
+    
+    // 转换为12小时制并添加上午/下午
+    if ($hour < 12) {
+        $period = '上午';
+        $displayHour = $hour == 0 ? 12 : $hour;
+    } else {
+        $period = '下午';
+        $displayHour = $hour > 12 ? $hour - 12 : $hour;
+    }
+    
+    return "{$date} {$period}{$displayHour}:{$minute}";
+}
+
+// 处理回复内容中的@用户标签
+function processReplyContent($content) {
+    // 匹配 <user=用户ID>@用户名 格式
+    $pattern = '/<user=([a-f0-9]+)>@([^<]+)/';
+    $replacement = '<span class="RUser" data-user="$1">@$2</span>';
+    
+    return preg_replace($pattern, $replacement, $content);
+}
+?>
+    <style>
+       /* * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+        }
+        
+        body {
+            background-color: #f5f7fa;
+            color: #333;
+            line-height: 1.6;
+        }*/
+        
+        .scroll-container {
+            max-width: 80vh;
+            margin: 0 auto;
+            /*padding: 16px;*/
+        }
+        
+        #notification_container {
+            display: flex;
+            padding: 12px 0;
+            align-items: flex-start;
+        }
+        
+        .img {
+            margin-right: 12px;
+            flex-shrink: 0;
+        }
+        
+        #avatar {
+            width: 40px;
+            height: 40px;
+            border-radius: 50%;
+            object-fit: cover;
+            border: 1px solid #e0e0e0;
+        }
+        
+        .notification {
+            flex: 1;
+            min-width: 0;
+        }
+        
+        .notification_title {
+            display: flex;
+            align-items: center;
+            margin-bottom: 4px;
+        }
+        
+        .name {
+            font-weight: 600;
+            font-size: 15px;
+            color: #1a1a1a;
+            flex: 1;
+        }
+        
+        .time {
+            font-size: 13px;
+            color: #999;
+            margin-left: 8px;
+        }
+        
+        .notification_message {
+            margin-top: 2px;
+        }
+        
+        .notification_text {
+            font-size: 15px;
+            color: #333;
+            line-height: 1.4;
+            word-break: break-word;
+        }
+        
+        .RUser {
+            color: #1890ff;
+            font-weight: 500;
+        }
+        
+        .n-divider {
+            display: flex;
+            align-items: center;
+            margin: 16px 0;
+        }
+        
+        .n-divider__line {
+            flex: 1;
+            height: 1px;
+            background-color: #efeff5;
+        }
+        
+        .n-divider__line--left {
+            margin-right: 0;
+        }
+        
+        .observer-element {
+            height: 20px;
+        }
+        
+        .error-message {
+            background: #fff2f0;
+            border: 1px solid #ffccc7;
+            border-radius: 6px;
+            padding: 12px 16px;
+            margin-bottom: 16px;
+            color: #a8071a;
+        }
+        
+        .empty-state {
+            text-align: center;
+            padding: 40px 20px;
+            color: #999;
+        }
+        
+        .empty-state i {
+            font-size: 48px;
+            margin-bottom: 16px;
+            color: #d9d9d9;
+        }
+    </style>
+    <div class="scroll-container">
+        <?php if (isset($error)): ?>
+            <div class="error-message">
+                <strong>加载失败：</strong><?= htmlspecialchars($error) ?>
+            </div>
+        <?php endif; ?>
+        
+        <?php if (empty($comments)): ?>
+            <div class="empty-state">
+                <p>暂无评论</p>
+            </div>
+        <?php else: ?>
+            <?php foreach ($comments as $index => $comment): ?>
+                <div>
+                    <div id="notification_container">
+                        <div class="img">
+                            <img id="avatar" 
+                                 src="<?= getAvatarUrl($comment['UserID'] ?? '', $comment['Avatar'] ?? 0) ?>" 
+                                 alt="<?= htmlspecialchars($comment['Nickname'] ?? '用户') ?>"
+                                 onerror="this.src='data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMjAiIGZpbGw9IiNGRjVFNjYiLz4KPHN2ZyB4PSI4IiB5PSI4IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyQzIgMTcuNTIgNi40OCAyMiAxMiAyMkMxNy41MiAyMiAyMiAxNy41MiAyMiAxMkMyMiA2LjQ4IDE3LjUyIDIgMTIgMlpNMTIgNUMxMy42NiA1IDE1IDYuMzQgMTUgOEMxNSA5LjY2IDEzLjY2IDExIDEyIDExQzEwLjM0IDExIDkgOS42NiA5IDhDOSA2LjM0IDEwLjM0IDUgMTIgNVpNMTIgMTkuMkM5LjUgMTkuMiA3LjIxIDE3LjkyIDYgMTUuOThDNi4wMSAxMy45OSAxMCAxMi45IDEyIDEyLjlDMTMuOTkgMTIuOSAxNy45OSAxMy45OSAxOCAxNS45OEMxNi43OSAxNy45MiAxNC41IDE5LjIgMTIgMTkuMloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo8L3N2Zz4K'">
+                        </div>
+                        <div id="notification" class="notification">
+                            <div id="notification_title" class="notification_title">
+                                <div class="name"><?= htmlspecialchars($comment['Nickname'] ?? '匿名用户') ?></div>
+                                <div class="time"><?= formatCommentTime($comment['Timestamp'] ?? 0) ?></div>
+                            </div>
+                            <div id="notification_message" class="notification_message">
+                                <div id="notification_text" class="notification_text">
+                                    <?= processReplyContent(nl2br(htmlspecialchars($comment['Content'] ?? ''))) ?>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    
+                    <?php if ($index < count($comments) - 1): ?>
+                    <div role="separator" class="n-divider n-divider--no-title" style="--n-bezier: cubic-bezier(0.4, 0, 0.2, 1); --n-color: rgb(239, 239, 245); --n-text-color: rgb(31, 34, 37); --n-font-weight: 500; margin: 0px;">
+                        <div class="n-divider__line n-divider__line--left"></div>
+                    </div>
+                    <?php endif; ?>
+                </div>
+            <?php endforeach; ?>
+            
+            <div class="observer-element" style="margin-top: 0px;"></div>
+        <?php endif; ?>
+    </div>
+
+    <script>
+        // 添加点击用户名的交互功能
+        document.addEventListener('DOMContentLoaded', function() {
+            // 点击用户头像或名称时跳转到用户页面
+            const userElements = document.querySelectorAll('#notification_container');
+            userElements.forEach(container => {
+                const avatar = container.querySelector('#avatar');
+                const name = container.querySelector('.name');
+                
+                const onClick = function() {
+                    // 这里可以添加跳转到用户页面的逻辑
+                    console.log('点击用户:', this.textContent || this.alt);
+                };
+                
+                if (avatar) avatar.addEventListener('click', onClick);
+                if (name) name.addEventListener('click', onClick);
+            });
+            
+            // 点击@用户时跳转到对应用户页面
+            const rUsers = document.querySelectorAll('.RUser');
+            rUsers.forEach(rUser => {
+                rUser.addEventListener('click', function() {
+                    const userId = this.getAttribute('data-user');
+                    const userName = this.textContent;
+                    console.log('点击@用户:', userName, 'ID:', userId);
+                    // 这里可以添加跳转到对应用户页面的逻辑
+                });
+            });
+        });
+    </script>