feat: Update database connection and error display settings

- Changed database connection credentials in footer.php for improved security.
- Disabled error display in ajax.inc.php to prevent sensitive information exposure.
- Added comprehensive design documentation for the news flow application.
- Implemented a modernized index.php layout with responsive design and enhanced user experience.
- Developed main.js for dynamic news loading, including infinite scroll and date filtering functionalities.
- Structured interaction.md to detail core interactive features of the application.
- Organized outline.md to clarify project structure and core functionalities.
- Populated mock-data.json with realistic news data for testing and development purposes.

news/outline.md

@@ -0,0 +1,46 @@
+# 新闻流前端应用项目结构
+
+## 项目概述
+创建一个现代化的新闻流阅读器，支持新闻标题展示、内容展开、按日期排序和无限滚动加载功能。
+
+## 文件结构
+```
+/mnt/okcomputer/output/
+├── index.html          # 主页面
+├── main.js            # 主要JavaScript逻辑
+├── resources/         # 资源文件夹
+│   └── mock-data.json # 模拟API数据
+└── README.md          # 项目说明
+```
+
+## 核心功能模块
+
+### 1. 主页面 (index.html)
+- 响应式布局设计
+- 新闻列表容器
+- 加载状态指示器
+- 导航栏和页脚
+
+### 2. JavaScript逻辑 (main.js)
+- 新闻数据获取和渲染
+- 点击展开/收起功能
+- 无限滚动加载机制
+- 日期排序和格式化
+- 加载状态管理
+
+### 3. 模拟数据 (mock-data.json)
+- 符合API格式的测试数据
+- 包含多条新闻记录
+- 不同日期的新闻内容
+
+## 技术栈
+- HTML5 + CSS3 + JavaScript (ES6+)
+- Tailwind CSS (通过CDN)
+- 现代浏览器API (Intersection Observer)
+
+## 设计特色
+- 简洁现代的界面设计
+- 流畅的动画效果
+- 响应式布局
+- 优雅的色彩搭配
+- 直观的用户交互