\1\n \n \1\n \n \1\n \n \1\n \n 点击链接直接访问我的社交媒体主页

\n \n \n \n \n \1\n 欢迎来到清叙·拾光·寻心·问道！请在这里留下您的宝贵意见。

\n \n \n \n \n \1\n \n \1\n \n \1\n \n \1\n \n \n \n \1\n \n \n \1\n\n\n\n// 留言板功能\ndocument.addEventListener(“DOMContentLoaded”, function() {\n const messageForm = document.getElementById(“message-form”);\n const messagesContainer = document.getElementById(“messages-container”);\n \n // 从localStorage加载留言\n function loadMessages() {\n const messages = JSON.parse(localStorage.getItem(“site_messages”)) || [];\n messagesContainer.innerHTML = “”;\n \n messages.forEach(msg => {\n const messageDiv = document.createElement(“div”);\n messageDiv.style.cssText = “background: #f8f9fa; padding: 15px; margin-bottom: 10px; border-radius: 8px; border-left: 3px solid #5ac8fa;”;\n \n const date = new Date(msg.timestamp);\n const dateStr = date.toLocaleDateString(“zh-CN”, {\n year: “numeric”,\n month: “2-digit”,\n day: “2-digit”\n });\n \n messageDiv.innerHTML = `\n \1\n ${msg.message}

\n `;\n \n messagesContainer.appendChild(messageDiv);\n });\n \n // 滚动到底部\n messagesContainer.scrollTop = messagesContainer.scrollHeight;\n }\n \n // 提交留言\n messageForm.addEventListener(“submit”, function(e) {\n e.preventDefault();\n \n const name = document.getElementById(“name”).value.trim();\n const email = document.getElementById(“email”).value.trim();\n const message = document.getElementById(“message”).value.trim();\n \n if (!name) {\n alert(“请输入您的姓名”);\n return;\n }\n \n if (!message) {\n alert(“请输入留言内容”);\n return;\n }\n \n // 获取现有留言\n const messages = JSON.parse(localStorage.getItem(“site_messages”)) || [];\n \n // 添加新留言\n const newMessage = {\n name: name,\n email: email,\n message: message,\n timestamp: new Date().toISOString()\n };\n \n messages.push(newMessage);\n \n // 保存到localStorage\n localStorage.setItem(“site_messages”, JSON.stringify(messages));\n \n // 重新加载留言\n loadMessages();\n \n // 清空表单\n messageForm.reset();\n \n // 显示成功消息\n alert(“留言提交成功！感谢您的反馈。”);\n });\n \n // 页面加载时加载留言\n loadMessages();\n});\n\n\n\n@media (max-width: 768px) {\n div[style*=“max-width: 800px”] {\n padding: 10px;\n }\n div[style*=“grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))”] {\n grid-template-columns: 1fr;\n }\n div[style*=“padding: 30px”] {\n padding: 20px;\n }\n}\n