Latest revision as of 13:15, 30 April 2025

🧬

Welcome to SynBio Pharmaceutical Lab

We engineer programmable therapeutic systems at the intersection of synthetic biology and nucleic acid nanotechnology.

合成生物药物实验室专注于可编程治疗策略的构建，融合 DNA/RNA origami、基因电路与药物递送系统，推动精准药物与未来药剂学的发展。

Log in 成员登录 Group Introduction 实验室介绍

@@ Line 5: / Line 5: @@
 <html>
    <style>
-     /* === 全局白底黑字 + 去灰边 === */
+     /* === 页面通用样式 === */
      html, body,
      .mw-page-container,
@@ Line 20: / Line 20: @@
        padding: 0;
        box-shadow: none !important;
-      overflow: hidden;
      }
-     /* === 隐藏顶部导航、侧栏、页脚、标题等 === */
+     /* 🧹 移除顶部和边栏元素 */
      body.skin-vector-2022.page-Main_Page #mw-panel,
      body.skin-vector-2022.page-Main_Page #mw-sidebar,
@@ Line 32: / Line 31: @@
      body.page-Main_Page .mw-indicators,
      .printfooter,
-     .mw-footer {
+     .mw-footer,
+    #toc {
        display: none !important;
      }
-     /* === 中央内容区 === */
+     /* 🎯 居中内容区域 */
      .homepage-wrapper {
        position: fixed;
@@ Line 44: / Line 44: @@
        text-align: center;
        font-family: 'Segoe UI', sans-serif;
-       z-index: 2;
+       z-index: 20;
+      max-width: 960px;
      }
      .homepage-wrapper h1 {
-       font-size: 28px;
+       font-size: 32px;
        font-weight: bold;
        margin-bottom: 16px;
@@ Line 58: / Line 59: @@
      }
-     .homepage-links a,
+     .homepage-links a {
-    .homepage-links a:visited {
        font-size: 16px;
        color: #007BFF !important;
@@ Line 70: / Line 70: @@
      }
-     /* === DNA 漂浮动画 === */
+     /* 🧬 DNA 图标动画，全屏漂浮 */
      @keyframes floatDNA {
-%   { transform: translate(0px, 0px); opacity: 0.4; }
+%   { transform: translateY(0px); opacity: 0.5; }
-%  { transform: translate(100vw, 20vh); opacity: 0.2; }
+%  { transform: translateY(-40px); opacity: 0.2; }
-%  { transform: translate(50vw, 80vh); opacity: 0.4; }
+% { transform: translateY(0px); opacity: 0.5; }
-%  { transform: translate(10vw, 50vh); opacity: 0.25; }
-% { transform: translate(0px, 0px); opacity: 0.4; }
      }
      .floating-dna {
-       position: absolute;
+       position: fixed;
        font-size: 28px;
        pointer-events: none;
-       z-index: 0;
+       z-index: 5;
-       animation: floatDNA linear infinite;
+       animation: floatDNA 6s ease-in-out infinite;
+      color: #aaa;
+      mix-blend-mode: multiply;
      }
-     .dna1 { top: 15%; left: 10%; animation-duration: 70s; }
+     .dna1 { top: 20%; left: 12%; animation-delay: 0s; }
-     .dna2 { top: 40%; left: 80%; animation-duration: 85s; }
+     .dna2 { top: 50%; left: 80%; animation-delay: 2s; }
-     .dna3 { top: 70%; left: 40%; animation-duration: 90s; }
+     .dna3 { top: 75%; left: 45%; animation-delay: 4s; }
+    .dna4 { top: 35%; left: 60%; animation-delay: 1s; }
+    .dna5 { top: 60%; left: 25%; animation-delay: 3s; }
-     /* === 固定页脚信息 === */
+     /* 📌 页脚信息固定底部 */
      .custom-footer {
        position: fixed;
@@ Line 100: / Line 102: @@
        font-size: 12px;
        color: #888;
-       z-index: 2;
+       z-index: 15;
        background: #fff;
        padding-bottom: 8px;
@@ Line 111: / Line 113: @@
    </style>
-   <!-- 🧬 DNA 漂浮图标（3 个）-->
+   <!-- 🧬 DNA Icons -->
    <div class="floating-dna dna1">🧬</div>
    <div class="floating-dna dna2">🧬</div>
    <div class="floating-dna dna3">🧬</div>
+  <div class="floating-dna dna4">🧬</div>
+  <div class="floating-dna dna5">🧬</div>
    <!-- 🎯 主内容 -->
    <div class="homepage-wrapper">
-     <h1>Welcome to the Lab of Synthetic BioPharmaceutics</h1>
+     <h1>Welcome to SynBio Pharmaceutical Lab</h1>
-     <p>Please log in to access Labwiki content.</p>
+     <p style="font-size: 18px; color: #333; margin-bottom: 24px;">
+      We engineer programmable therapeutic systems at the intersection of synthetic biology and nucleic acid nanotechnology.
+    </p>
+    <p style="font-size: 15px; color: #555;">
+      合成生物药物实验室专注于可编程治疗策略的构建，融合 DNA/RNA origami、基因电路与药物递送系统，推动精准药物与未来药剂学的发展。
+    </p>
      <div class="homepage-links">
-       <a href="/index.php?title=Special:UserLogin&returnto=Project:Dashboard">Log in</a>
+       <a href="/index.php?title=Special:UserLogin&returnto=Project:Dashboard" >Log in 成员登录</a>
-       <a href="/index.php?title=Group_Introduction">Group Introduction</a>
+       <a href="/index.php?title=Group_Introduction" >Group Introduction 实验室介绍</a>
      </div>
    </div>
-   <!-- 📎 页脚备案与链接 -->
+   <!-- 📌 固定页脚信息 -->
    <div class="custom-footer">
      <div style="margin-bottom: 4px;">
@@ Line 145: / Line 155: @@
 |
 <!-- 登录后视图 -->
-== Welcome ==
+<html>
-You are now logged in. This is the main page content visible only to authenticated users.
+  <style>
+    .mw-content-container, .mw-body, #content, .firstHeading, #toc {
+      display: none !important;
+    }
+  </style>
+</html>
 }}