AbTcrAI/index.html at main · XSLiuLab/AbTcrAI · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ImmunoAI - 免疫受体 AI 设计平台</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <nav class="container">
            <a href="#" class="logo">ImmunoAI</a>
            <ul class="nav-links">
                <li><a href="#home">首页</a></li>
                <li><a href="#features">核心优势</a></li>
                <li class="dropdown">
                    <a href="#services">数据资源</a>
                    <div class="dropdown-content">
                        <a href="tsmpdb.html">肿瘤膜蛋白数据库</a>
                        <a href="neodb_page.html">肿瘤新抗原数据库</a>
                    </div>
                </li>
                <li class="dropdown">
                    <a href="#tools">AI设计工具</a>
                    <div class="dropdown-content">
                        <a href="antibody_design.html">抗体设计</a>
                        <a href="tcr_design.html">TCR设计</a>
                        <a href="antide.html">定向进化</a>
                    </div>
                </li>
                <li><a href="contact_page.html">联系我们</a></li>
            </ul>
        </nav>
    </header>

    <section id="home" class="hero">
        <div class="container">
            <div class="hero-content">
                <h1>免疫受体AI设计平台</h1>
                <p>整合数据库与人工智能技术，引领免疫治疗研究与开发的未来</p>
                <a href="#services" class="cta-button">探索平台</a>
            </div>
        </div>
    </section>

    <main class="main-content">
        <section id="features" class="features">
            <div class="container">
                <h2 class="section-title">核心优势</h2>
                <div class="features-grid">
                    <div class="feature-card">
                        <div class="feature-icon">🧬</div>
                        <h3>前沿AI技术</h3>
                        <p>基于扩散模型、蛋白质语言模型和预训练BERT模型，实现抗体和TCR的智能从头设计。</p>
                    </div>
                    <div class="feature-card">
                        <div class="feature-icon">🎯</div>
                        <h3>肿瘤靶点挖掘</h3>
                        <p>提供肿瘤特异性膜蛋白和新抗原的全面数据库，支持多维度检索，为精准免疫治疗提供可靠的候选靶点。</p>
                    </div>
                    <div class="feature-card">
                        <div class="feature-icon">🚀</div>
                        <h3>定向进化优化</h3>
                        <p>创新的AntiDE系统提供多维度优化方案，基于动态药效反馈的迭代机制，持续提升药物的肿瘤靶向杀伤效能。</p>
                    </div>
                </div>
            </div>
        </section>

        <section id="services" class="services">
            <div class="container">
                <h2 class="section-title">数据资源中心</h2>
                <div class="services-container">
                    <div class="service-section">
                        <h3>🧪 肿瘤特异膜蛋白数据库</h3>
                        <div class="service-item">
                            <h4>多元化肿瘤类型覆盖</h4>
                            <p>集成多种肿瘤类型的特异性膜蛋白表达数据，提供全面的候选靶点信息，支持个性化精准治疗方案的制定。</p>
                        </div>
                        <div class="service-item">
                            <h4>多组学整合</h4>
                            <p>包括单细胞转录组、常规组织转录组、蛋白组等多组学数据，支持快速查询和筛选，为靶向药物开发提供科学依据。</p>
                        </div>
                        <div class="service-item">
                            <h4>智能检索系统</h4>
                            <p>提供多条件组合检索功能，结合靶向价值和靶向难度多指标筛选优质的免疫治疗靶点。</p>
                        </div>
                        <a href="tsmpdb.html" class="access-button">立即访问</a>
                    </div>

                    <div class="service-section">
                        <h3>🔬 肿瘤新抗原数据库</h3>
                        <div class="service-item">
                            <h4>全维度新抗原信息</h4>
                            <p>提供突变位点详细信息、HLA结合预测结果、免疫原性评分等多维度数据，为TCR-T细胞疗法研发奠定基础。</p>
                        </div>
                        <div class="service-item">
                            <h4>精准预测模型</h4>
                            <p>整合先进的计算预测算法，评估新抗原的免疫反应强度，提高治疗效果预测的准确性和可靠性。</p>
                        </div>
                        <div class="service-item">
                            <h4>个性化检索方案</h4>
                            <p>支持按癌症类型、突变类型、预测免疫反应强度等多条件检索，满足不同研究需求的个性化查询要求。</p>
                        </div>
                        <a href="neodb_page.html" class="access-button">立即访问</a>
                    </div>
                </div>
            </div>
        </section>

        <section id="ai-tools" class="ai-tools">
            <div class="container">
                <h2 class="section-title" style="color: white;">AI设计工具</h2>
                <div class="tools-grid">
                    <div class="tool-card">
                        <h3>抗体智能设计</h3>
                        <div class="tool-name">DnAbDesign</div>
                        <p>基于扩散模型和蛋白质语言大模型的抗体从头生成AI系统，能够针对特定抗原设计高特异性抗体。在抗体序列生成、三维结构预测及抗原-抗体功能理解方面均达到行业领先水平，为抗体药物开发提供强有力的技术支撑。</p>
                        <a href="antibody_design.html" class="start-button">开始使用</a>
                    </div>

                    <div class="tool-card">
                        <h3>TCR智能设计</h3>
                        <div class="tool-name">TcrDesign</div>
                        <p>首创的TCR从头设计AI模型，基于预训练BERT模型和Seq2Seq架构，能够生成抗原特异性的完整TCR序列。已成功应用于多种肿瘤新抗原TCR-T的开发，在T细胞激活和靶细胞杀伤效果方面展现出优异的性能表现。</p>
                        <a href="tcr_design.html" class="start-button">开始使用</a>
                    </div>

                    <div class="tool-card">
                        <h3>免疫受体定向进化</h3>
                        <div class="tool-name">AntiDE</div>
                        <p>创新的多维度优化平台，专注于提升免疫受体的亲和力、降低脱靶风险并改善可开发性。采用基于动态药效反馈的迭代机制，模型能够持续学习和改进，确保突变优化方案不断逼近理论最优解，显著提升治疗效果。</p>
                        <a href="antide.html" class="start-button">开始使用</a>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <footer id="contact">
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h4>关于我们</h4>
                    <p>专注于肿瘤靶点挖掘与免疫受体AI设计，致力于推动免疫治疗领域的技术创新与临床应用。</p>
                </div>
                <div class="footer-section">
                    <h4>核心技术</h4>
                    <p>膜蛋白数据库 | 新抗原数据库<br>
                    抗体设计 | TCR设计<br>
                    定向进化 | 动态反馈优化</p>
                </div>
                <div class="footer-section">
                    <h4>联系方式</h4>
                    <p>邮箱: liuxs@shanghaitech.edu.cn<br>
                    电话: +86-21-20685430<br>
                    地址: 中国·上海·浦东新区·上海科技大学</p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 ImmunoAI. 专业免疫受体AI设计平台 | 引领免疫治疗未来</p>
            </div>
        </div>
    </footer>

    <script>
        // 平滑滚动效果
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });

        // 导航栏滚动效果
        window.addEventListener('scroll', function() {
            const header = document.querySelector('header');
            if (window.scrollY > 100) {
                header.style.background = 'rgba(255, 255, 255, 0.98)';
                header.style.boxShadow = '0 2px 30px rgba(0, 0, 0, 0.15)';
            } else {
                header.style.background = 'rgba(255, 255, 255, 0.95)';
                header.style.boxShadow = '0 2px 20px rgba(0, 0, 0, 0.1)';
            }
        });

        // 卡片动画效果
        const observerOptions = {
            threshold: 0.1,
            rootMargin: '0px 0px -50px 0px'
        };

        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.style.opacity = '1';
                    entry.target.style.transform = 'translateY(0)';
                }
            });
        }, observerOptions);

        document.querySelectorAll('.feature-card, .tool-card, .service-item').forEach(card => {
            card.style.opacity = '0';
            card.style.transform = 'translateY(30px)';
            card.style.transition = 'all 0.6s ease-out';
            observer.observe(card);
        });
    </script>
</body>
</html>