🍃 Forest Net - My oc word

这是一个给我的oc们基于 React 开发的社交卡片组件，设计灵感来源于森林与自然的和谐色调。

✨ 核心特性

• 森林系视觉设计：采用 #5d7a54 深绿与淡绿交织的配色方案，还原手绘自然感。

• 深度对齐布局：主评论与多级子回复通过 Flexbox 精准对齐，无论缩进多少层，右侧 reply 按钮始终保持垂直一线。

• 沉浸式滚动体验：内容区与评论区共享 detail-scroll-content 滚动容器，而头像与底部输入框保持固定，确保交互便捷。

• 动态交互：

  • 支持点击 reply 自动填充 @用户名。

  • 实时评论发送与列表渲染。

  • 去掉多余的文字下划线，保持界面纯净。

🛠️ 技术栈

• 框架: React (Hooks)

• 样式: CSS3 (Flexbox, Custom Scrollbars)

• 字体: Handlee (手写风格字体)

🚀 快速开始

1. 克隆项目

   Bash

   git clone https://github.com/your-username/forest-net.git
   

2. 安装依赖

   Bash

   npm install
   

3. 运行开发服务器

   Bash

   npm start
   

📸 界面预览

动态详情	评论对齐逻辑
森林感背景与卡片	完美的右侧按钮对齐

📝 待办清单 (Roadmap)

• 详情页 UI 还原

• 多级回复对齐逻辑

• 评论发送功能逻辑对接

• 图片上传与预览功能

• 森林系点赞动画 (🍃 飘落效果)