Ryblog博客系统1.0前后台页面展示

前台页面设计特点

• 首页：采用卡片式文章列表，置顶文章单独区域，支持分页；头部为渐变深色背景 + 浮动星点装饰，导航栏半透明毛玻璃效果，整体现代简约。

• 列表页（分类/归档/搜索/标签）：与首页风格统一，保持卡片列表，突出文章标题、摘要、发布日期和阅读量；分类页头部显示分类名称和描述，归档页按月展示文章计数。

• 详情页：文章内容区宽排版，支持代码高亮、图片自适应、表格/引用美化；底部集成上一页/下一页导航、标签显示和嵌套评论系统；右侧侧边栏提供搜索、分类、最新/热门文章、标签云、归档等组件。

• 响应式：移动端自动隐藏导航栏，显示汉堡菜单按钮，侧边栏下移，字体和间距适配小屏。

后台页面设计特点

• 仪表盘：卡片式数据统计（文章/分类/评论/友链数量），最新文章和评论列表，系统环境信息，布局清晰。

• 表单页面（添加/编辑文章、分类等）：采用圆角白色卡片，表单项垂直排列，富文本编辑器全功能集成，支持图片/视频上传、代码高亮、HTML编辑。

• 列表页面（文章/分类/评论/日志等）：表格化展示，支持分页、筛选（如按状态、分类）、批量操作（全选、删除、移动）；每行带快捷编辑/删除按钮。

• 侧边菜单：图标+文字，支持子菜单展开，高亮当前模块，配色深色沉稳，与内容区形成对比。

• 全局风格：深色侧边栏+浅色内容区，主色调绿色（#1abc9c），按钮统一圆角，交互反馈明显，后台整体专业、清爽。