产品名称:Science.AI 一句话定义:学术思想市场的 AI 增强型公共基础设施——让论证质量变得可见,让思想传承变得可追溯。 核心定位:在预印本与期刊之外,构建一个独立于发表权力的、以论证检验和公共辩论为驱动的第三层学术交流空间。
三条核心准则:
- 身份平等,论证优先:以论证质量为唯一评判尺度,不预设身份门槛
- AI守底线,人做判断:AI仅校验论证形式规范,不评判观点对错,最终判断交还用户
- 重沉淀,轻流量:不做算法推荐,聚焦可引用、可追溯的公共知识沉淀
生态定位:SA 不是预印本服务器,不是期刊数据库,也不是传统学术论坛。它是第三层学术交流空间——以论证质量检验为核心,以 AI 辅助审查和结构化公共辩论为驱动,以可追溯、可引用的思想沉淀为目标的学术公共基础设施。
science-ai-demo/
├── index.html # 主入口(顶部导航 + 内容容器 + 用户菜单)
│
├── css/
│ └── style.css # 全局样式
│
├── js/
│ ├── common.js # 全局逻辑:SPA路由、页面加载、导航历史栈、PDF渲染、AI演示对话、学派、辩论模式切换、质检面板
│ └── chat.js # 对话模块专属逻辑
│
├── data/
│ └── mockData.js # 统一Mock数据(submissions、debates、scholars、schools等)
│
├── papers/
│ └── demo.pdf # 默认加载演示PDF论文
│
└── pages/ # 页面片段文件夹(SPA动态加载)
├── home.html # AI助手(功能演示浏览器)
├── submission.html # 预印本投稿列表
├── forum.html # 自由论坛列表 + 详情
├── debate.html # 学术辩论列表 + 正式辩论详情
├── recruit-detail.html # 辩论招募详情(主动求真/观点交锋双模式)
├── news.html # 新闻资讯列表 + 详情
├── journal.html # 期刊分区列表 + 详情
├── archive.html # 学者归档列表 + 详情(含学派归属)
├── school.html # 学派/学术社群详情
├── profile.html # 用户个人主页
├── paper.html # 论文详情 + PDF阅读器 + AI质检面板 + 评论区
├── message.html # 消息通知页
├── settings.html # 系统设置聚合页
└── about.html # 关于项目
- 视图层:纯原生 HTML + Tailwind CSS(CDN 引入,全局自定义配色)
- 交互层:原生 JavaScript,无前端框架依赖
- 图标:Font Awesome 6.4
- PDF渲染:PDF.js CDN(自适应容器尺寸、DPR高清抗模糊、分页控制)
- 数据:前端 Mock 数据驱动渲染,无后端依赖
- 单页动态页面加载(SPA):基于
switchTab(tabName)动态请求pages/xxx.html页面片段,通过initPage(tabName)完成页面初始化,无需整页刷新 - 自定义导航历史栈:由于 SPA 不产生浏览器历史,实现了
tabHistory数组 +goBack()函数管理页面回退,支持跨模块跳转的完整返回链路 - 数据驱动渲染:所有内容统一从
window.MOCK_DATA读取,JS 动态拼接 HTML 插入指定容器,视图与数据解耦 - 防御性编码规范:所有 DOM 获取、数据读取前均做非空校验,增加重试兜底逻辑,避免空值白屏报错
- 统一组件体系:卡片、按钮、标签、侧边色、hover动效、文本截断等全部复用统一 Tailwind 规范
- JS逻辑统一管理:由于 SPA 通过
innerHTML动态加载的页面片段中的<script>标签不会执行,所有核心交互逻辑(AI演示对话、辩论模式切换、质检面板等)均集中在common.js中管理
- 主色:
primary: #1e40af(全站统一蓝色系) - 阵营色:正方蓝
proSide: #2563eb、反方红conSide: #dc2626 - 状态色:通过绿(pass)、橙(flagged)、红(fail)三档标识
- 中性色:
dark: #111827、灰阶体系沿用 Tailwind 默认
- 功能演示浏览器:左侧边栏改造为10个功能菜单项(文献检索、论文摘要、文献综述、论文质检、头脑风暴、模拟审稿、写作润色、数据解读、热点追踪、压力疏导)
- 点击任意功能,右侧主区域切换为对应的静态示例对话,展示 AI 辅助学术工作的可能场景
- 左侧边栏顶部新增搜索框 + 收起/展开按钮,支持侧边栏收起后主区域显示展开按钮
- 底部输入区保留原有模式切换单选框,发送按钮标注为静态演示占位
- 状态:UI 完整,十个功能对话全部落地,为静态演示
- 一级列表页:学科分类筛选、投稿卡片列表(学科标签、发布时间、AI质检状态标签、标题、摘要、作者、附议/评论/阅读数据)
- AI质检三档状态标签:
AI质检通过(绿)、AI质检存疑(橙)、AI质检未通过(红)——所有投稿经过AI筛选后展示,不做准入拦截,只做质量标记 - 论文详情页数据绑定:通过
jumpToPaper(paperId)→openPaperDetail(paperId)从 Mock 数据动态填充标题、作者、摘要、分类、日期、互动数据 - AI质检报告侧边面板:论文详情页操作栏新增蓝底白字"AI质检结果"按钮,点击右侧滑入 400px 面板,展示论证完整性、证据基础、图片异常检测、概念溯源、文本异常扫描五个维度,每项标注可疑点与置信度
- 评论区:论文详情页底部包含评论输入框 + 静态评论列表示例(含联动八角笼的评论)
- 投稿卡片"查看质检"按钮已替换为 AI 质检状态标签
- 状态:列表渲染完整,论文详情页 Mock 数据动态绑定完成,AI质检面板交互完成
- 一级列表页:左侧分类侧边栏、发布新帖按钮、右侧帖子列表
- 二级详情页:帖子全文展示、作者信息、评论区、评论发布输入框
- 联动:支持从辩论详情跳转论坛,帖子支持关联辩论标识
- 状态:列表与详情 UI 完整,评论发布为静态占位
- 一级列表页(分层差异化布局):
- 学术焦点、正在交锋、待招募辩题、论战归档四个层级
- 二级详情页(正式辩论):背景模块、双方立场VS布局、核心交锋回合(时间轴+阵营色侧边+关联文献)、开放讨论区入口
- 辩论招募详情页(本次新增):
recruit-detail.html,支持主动求真/观点交锋双模式按钮轮切- 主动求真(前置探索):辩题背景 + 正方/反方招募要求 + 已报名学者 + 申请加入按钮
- 观点交锋(后置对抗):辩题背景 + 关联论文卡片 + 挑战方核心质疑 + 被挑战方状态 + 接受/暂不回应按钮
- 联动:回合关联文献可跳转论文详情,学者名称可跳转学者详情,被挑战方状态与论文详情页联动
- 状态:列表与正式辩论详情全量完成,招募详情双模式切换完成
- 一级列表页 + 二级详情页:期刊信息、投稿录用参考、收录论文列表、相关辩论列表
- 联动:论文详情PDF阅读功能落地
- 状态:列表与详情 UI 全量完成
- 一级列表页 + 二级详情页:分类筛选、资讯卡片网格布局
- 状态:列表与详情全量完成
- 一级列表页 + 二级详情页:学者基本信息、学术贡献、思想年表、代表著作
- 学派归属集成:学者详情页内展示所属学派标签(卡片式按钮),点击跳转学派详情
- 学者标签体系:完整展示17个学者标签(身份认证、诚信记录、学术贡献、学术声誉四个维度),支持正面激励标签与负面风险警示标签共存
- 联动:支持从辩论、期刊、资讯、论文详情跳转对应学者页
- 状态:列表与详情全量完成,标签体系完整
- 学派详情页:
school.html,作为独立跳转页面,展示学派基本信息、思想范式标签、介绍、核心成员、所属文章、相关辩论、学派关系网络 - 类型标签:页面头部带类型标签(学派/传统/运动),同一模板可承载不同粒度的学术社群
- 联动:学者详情页的学派归属标签 → 跳转学派详情;学派详情页核心成员 → 跳转学者详情;所属文章 → 跳转论文详情;相关辩论 → 跳转八角笼
- 状态:维也纳学派示例数据完整,可扩展至更多学派/传统/运动
- 页面顶部置顶返回按钮,一键回退上一页
- 第一模块:论文标题 + 完整作者信息 + 学者标签 + 学派归属
- 期刊分区/发布时间/学科分类/互动数据横向信息栏
- 论文摘要 + 底部横向全套论文状态小标签(三行分层:状态类/收录等级类/影响力类)
- 操作按钮组:收藏论文、引用格式、导出PDF、AI质检结果(蓝底白字,点击弹出侧边面板)
- 第二模块:PDF.js高清全文阅读区(自适应容器尺寸、无滚动条、分页控制)
- 评论区模块:输入框 + 示例评论列表(含联动八角笼的评论)
- AI质检报告侧边面板:五维度质检卡片,每项标注可疑点与置信度,底部统一声明
- 论文详情 Mock 数据动态绑定:通过
openPaperDetail(paperId)从 Mock 数据填充全部动态字段 - 全局跳转联动:
jumpToPaper(paperId)统一跳转入口
- 消息通知页:
message.html,分类筛选(研究更新/系统通知/互动提醒)、未读标记(蓝色圆点)、消息列表 - 右上角用户下拉菜单中消息通知入口,带未读数红点气泡
- 状态:UI 完整,3条静态示例消息
- 顶部导航栏用户下拉菜单:个人主页、消息通知(带未读红点)、系统设置、退出登录
- 个人主页:左侧用户信息栏 + 右侧Tab切换(投稿/发帖/辩论/质检记录/收藏)
- 状态:UI 全量完成,无真实账号体系
- 完整的产品理念说明页
- 已集成至系统设置聚合页中作为子模块
settings.html聚合页:账号设置、实名认证、隐私偏好、通知管理、关于Science.AI、版本信息- 顶部导航栏"关于项目"已替换为"系统设置"
- 全链路跨模块跳转校验:统一核对所有关联入口的跳转正确性——学者→学派、辩论→学者、论文列表→论文详情、消息→对应页面,确保无死链、无字段不匹配
- 系统设置聚合页内容补全:settings.html 框架已建,需补充账号设置、隐私偏好、通知管理等子模块的完整内容
- 基础交互功能落地:点赞、评论、收藏、投票、发帖、投稿的真实前端业务逻辑
- 搜索功能落地:全局搜索与各模块内搜索的结果页与筛选逻辑
- 账号设置、实名认证等用户配套页面
- AI 协作者真实对话能力对接
- 实时在线辩论功能
- 完整用户权限体系与后台管理系统
- 数据可视化、推荐逻辑等增强功能
- 先完成跳转校验,确保所有核心路径闭环,形成完整可演示的 MVP 原型
- 固化当前代码规范与组件体系,新增功能沿用「数据驱动 + DOM非空校验 + 统一跳转函数」的统一模式
- 正式工程化启动前,先明确技术栈升级方向:是否迁移至 Vue/React 框架、是否引入后端、是否对接真实 AI 能力,避免纯静态原型持续堆叠导致后续重构成本过高
- 项目必须通过Web服务运行,禁止直接双击本地HTML打开(file协议会拦截PDF.js本地静态PDF读取)
- 全局PDF.js依赖CDN统一在根目录
index.html头部引入,无需在 page.html 页面片段重复引入 - 页面切换时序依托
switchTab+initPage架构,切换 paper 页面自动初始化 PDF 渲染控件 - SPA 架构下,所有核心交互逻辑(showDemoChat、switchDebateMode、toggleQCpanel、openPaperDetail 等)集中在
common.js中管理,不依赖页面片段中的<script>标签
- 当前版本:v0.1.0 原型演示版
- 更新日期:2026年7月
- 开发者:独立前端开发,AI 辅助构建
- 项目定位深化:新增“一句话定义”和“生态定位”,明确SA是独立于预印本与期刊的第三层学术交流空间
- 新增模块记录:学派详情页、消息通知页、辩论招募双模式页、AI质检侧边面板、评论区
- AI质检体系完善:三档状态标签(pass/flagged/fail)、侧边面板五维度报告、与首页AI助手对话联动
- 技术架构更新:新增自定义导航历史栈、JS逻辑统一管理(SPA内script不执行问题的解决方案)
- 待开发项更新:高优先级收尾项调整为跳转校验和设置页补全,AI质检报告和招募详情已标记为完成
- 学者标签体系:完整记录17个学者标签的四个维度设计
- 辩论招募双模式:主动求真(前置探索)/ 观点交锋(后置对抗)的设计理念与实现