refactor CSS for responsive design

WillQvQ · WillQvQ · commit b25907016bf3 · 2025-11-24T19:24:12.000+08:00
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -175,7 +175,6 @@ li {
 
 /* People content area - extend to the right to fit one more column */
 #people-main .people-content {
-  margin-right: 0;
   max-width: calc(100% + 160px);
 }
 
@@ -686,7 +685,7 @@ html[lang="zh-CN"] .highlight-card h3 {
 }
 
 .pub-support {
-  font-style: italic;
+  font-style: normal;
   color: var(--text-light);
   font-weight: 400;
 }
@@ -1349,9 +1348,22 @@ h3.year-badge {
   }
 }
 
-@media (min-width: 1280px) {
+/* 中等大屏到超大屏：margin-right 线性变化 (1280px→110px, 1920px→-20px) */
+@media (min-width: 1280px) and (max-width: 1920px) {
+  .people-content, .alumni-content, .resources-content {
+    margin-right: calc(110px - (100vw - 1280px) * 130 / 640);
+    /* 计算公式: 110px - (当前宽度 - 1280px) * (110px - -20px) / (1920px - 1280px) */
+  }
+  
+  .team-members {
+    gap: 20px 12px; /* 保持最小列间距 12px */
+  }
+}
+
+/* 超大屏：固定 -20px 右边距 */
+@media (min-width: 1921px) {
   .people-content, .alumni-content, .resources-content {
-    margin-right: 240px;
+    margin-right: -20px;
   }
 }
 
diff --git a/assets/js/i18n.js b/assets/js/i18n.js
@@ -20,11 +20,11 @@
 
             // 研究方向
             'research.title': '研究方向',
-            'research.intro': '我们的研究聚焦于大语言模型的核心技术突破与创新应用，涵盖人工智能基建、多模态理解与生成、智能体系统、具身智能、模型可解释性和新架构探索等前沿方向',
+            'research.intro': '我们的研究聚焦于大语言模型的核心技术突破与创新应用，涵盖AI 系统与基础设施、多模态理解与生成、智能体系统、具身智能、模型可解释性和新架构探索等前沿方向',
             'research.highlights.title': '最新亮点',
             'research.publications.title': '代表工作',
-            'pillar.infra.title': '人工智能基建',
-            'pillar.infra.desc': '探索各类大语言模型的推理与训练加速方法，支持企业级人工智能基建',
+            'pillar.infra.title': 'AI 系统与基础设施',
+            'pillar.infra.desc': '探索各类大语言模型的推理与训练加速方法，支持企业级 AI 系统与基础设施',
             'pillar.multimodal.title': '多模态基础模型',
             'pillar.multimodal.desc': '统一理解与生成文本、图像、视频和音频，实现跨模态语义对齐与协同推理',
             'pillar.reasoning.title': '智能体与强化学习',
@@ -143,7 +143,7 @@
 
             // 网页设计
             'webmaster.title': '开发团队',
-            'webmaster.intro': '了解维护 OpenMOSS 官网体验的设计与前端志愿者，保持界面一致性与可访问性。',
+            'webmaster.intro': '了解维护 OpenMOSS 官网体验的网页设计与开发志愿者。',
             'webmaster.contribute.title': '如何贡献',
             'webmaster.contribute.text': '欢迎通过提交 Pull Request 的方式参与网站开发和改进！仓库地址：'
         },
@@ -166,11 +166,11 @@
 
             // Research
             'research.title': 'Research',
-            'research.intro': 'Our research focuses on core technological breakthroughs and innovative applications of large language models, covering frontier areas including AI infrastructure, multimodal understanding and generation, agent systems, embodied intelligence, model interpretability, and novel architectures.',
+            'research.intro': 'Our research focuses on core technological breakthroughs and innovative applications of large language models, covering frontier areas including AI systems and infrastructure, multimodal understanding and generation, agent systems, embodied intelligence, model interpretability, and novel architectures.',
             'research.highlights.title': 'Highlights',
             'research.publications.title': 'Publications',
-            'pillar.infra.title': 'AI Infra',
-            'pillar.infra.desc': 'Exploring inference and training acceleration for various large language models, supporting enterprise-grade AI infrastructure.',
+            'pillar.infra.title': 'AI Systems & Infrastructure',
+            'pillar.infra.desc': 'Exploring inference and training acceleration for various large language models, supporting enterprise-grade AI systems and infrastructure.',
             'pillar.multimodal.title': 'Multimodal Foundation Models',
             'pillar.multimodal.desc': 'Unified understanding and generation of text, images, videos, and audio, with cross-modal semantic alignment and collaborative reasoning.',
             'pillar.reasoning.title': 'Agents & Reinforcement Learning',
diff --git a/assets/js/spa.js b/assets/js/spa.js
@@ -509,7 +509,7 @@
         return `
                 <li class="publication-item">
                   <div class="pub-main-line">
-                    ${pub.support ? '<span class="pub-support">Support</span> ' : ''}<span class="pub-title">${pub.title}</span>${pub.venue ? `, <em>${pub.venue}</em>` : ''}, ${pub.year}.
+                    ${pub.support ? '<span class="pub-support">[SUPPORT]</span> ' : ''}<span class="pub-title">${pub.title}</span>${pub.venue ? `, <em>${pub.venue}</em>` : ''}, ${pub.year}.
                     ${processedLinks}
                   </div>
                   <div class="pub-authors">${pub.alphabetical ? '<span class="pub-alphabetical">*</span> ' : ''}${pub.authors}</div>
@@ -520,7 +520,7 @@
           </div>
         `;
     }).join('')}
-        <p class="pub-note">* Authors of Support projects are listed in alphabetical order.</p>
+        <p class="pub-note">* Authors of projects are listed in alphabetical order.</p>
       </section>
     `;
   }
diff --git a/assets/js/team-data.js b/assets/js/team-data.js
@@ -36,28 +36,28 @@ const teamData = {
             email: 'chenxinchi@fudan.edu.cn',
             homepage: 'https://dalstonchen.github.io/'
         },
-        {
-            id: 'jinlan-fu',
-            name: {
-                zh: '傅金兰',
-                en: 'Jinlan Fu'
-            },
-            title: {
-                zh: '助理教授A',
-                en: 'Assistant Professor A'
-            },
-            photo: 'assets/img/Jinlan Fu.jpg',
-            homepage: 'https://jinlanfu.github.io'
-        },
+        // {
+        //     id: 'jinlan-fu',
+        //     name: {
+        //         zh: '傅金兰',
+        //         en: 'Jinlan Fu'
+        //     },
+        //     title: {
+        //         zh: '助理教授',
+        //         en: 'Assistant Professor'
+        //     },
+        //     photo: 'assets/img/Jinlan Fu.jpg',
+        //     homepage: 'https://jinlanfu.github.io'
+        // },
         {
             id: 'tao-ji',
             name: {
                 zh: '纪焘',
                 en: 'Tao Ji'
             },
             title: {
-                zh: '助理教授B',
-                en: 'Assistant Professor B'
+                zh: '助理教授',
+                en: 'Assistant Professor'
             },
             photo: 'assets/img/Tao Ji.jpeg',
             homepage: 'https://taoji.eth.link/'

Original file line number	Diff line number	Diff line change
`@@ -175,7 +175,6 @@ li {`
`175`	`175`
`176`	`176`	`/* People content area - extend to the right to fit one more column */`
`177`	`177`	`#people-main .people-content {`
`178`		`- margin-right: 0;`
`179`	`178`	`max-width: calc(100% + 160px);`
`180`	`179`	`}`
`181`	`180`
`@@ -686,7 +685,7 @@ html[lang="zh-CN"] .highlight-card h3 {`
`686`	`685`	`}`
`687`	`686`
`688`	`687`	`.pub-support {`
`689`		`- font-style: italic;`
	`688`	`+ font-style: normal;`
`690`	`689`	`color: var(--text-light);`
`691`	`690`	`font-weight: 400;`
`692`	`691`	`}`
`@@ -1349,9 +1348,22 @@ h3.year-badge {`
`1349`	`1348`	`}`
`1350`	`1349`	`}`
`1351`	`1350`
`1352`		`-@media (min-width: 1280px) {`
	`1351`	`+/* 中等大屏到超大屏：margin-right 线性变化 (1280px→110px, 1920px→-20px) */`
	`1352`	`+@media (min-width: 1280px) and (max-width: 1920px) {`
	`1353`	`+ .people-content, .alumni-content, .resources-content {`
	`1354`	`+ margin-right: calc(110px - (100vw - 1280px) * 130 / 640);`
	`1355`	`+ /* 计算公式: 110px - (当前宽度 - 1280px) * (110px - -20px) / (1920px - 1280px) */`
	`1356`	`+ }`
	`1357`	`+`
	`1358`	`+ .team-members {`
	`1359`	`+ gap: 20px 12px; /* 保持最小列间距 12px */`
	`1360`	`+ }`
	`1361`	`+}`
	`1362`	`+`
	`1363`	`+/* 超大屏：固定 -20px 右边距 */`
	`1364`	`+@media (min-width: 1921px) {`
`1353`	`1365`	`.people-content, .alumni-content, .resources-content {`
`1354`		`- margin-right: 240px;`
	`1366`	`+ margin-right: -20px;`
`1355`	`1367`	`}`
`1356`	`1368`	`}`
`1357`	`1369`