Revision as of 02:33, 12 April 2025

🧬

Welcome to the Lab of Synthetic Biopharmaceutics

Please log in to access Labwiki content.

Group Introduction

@@ Line 2: / Line 2: @@
 {{#if:{{#ifeq:{{USERID}}|0|0|1}}|
+<!-- 🌑 未登录视图：极简暗黑风 + 动画 DNA + 按钮 -->
+<html>
+  <style>
+    /* 🌌 极暗背景 + 白字 */
+    body {
+      background-color: #0d0d0d;
+      color: #ffffff;
+      font-family: 'Segoe UI', sans-serif;
+    }
-<!-- 未登录视图：欢迎区结构 -->
+    /* 📦 顶部栏默认隐藏，鼠标悬停再显示 */
-<div class="dna1">🧬</div>
+    body.page-Main_Page #mw-head-base,
-<div class="dna2">🧬</div>
+    body.page-Main_Page #p-personal,
-<div class="dna3">🧬</div>
+    body.page-Main_Page #mw-panel,
+    body.page-Main_Page #mw-page-base,
+    body.page-Main_Page #mw-head {
+      opacity: 0;
+      pointer-events: none;
+      transition: opacity 0.4s ease;
+    }
-<div class="welcome-container">
+    body.page-Main_Page:hover #mw-head-base,
+    body.page-Main_Page:hover #p-personal,
+    body.page-Main_Page:hover #mw-panel,
+    body.page-Main_Page:hover #mw-page-base,
+    body.page-Main_Page:hover #mw-head {
+      opacity: 1;
+      pointer-events: auto;
+    }
-  <h1>Welcome to the Lab of Synthetic Biopharmaceutics</h1>
+    /* 🔬 浮动 DNA 动画 */
+    @keyframes floatDNA {
+% { transform: translateY(0); opacity: 0.5; }
+% { transform: translateY(-20px); opacity: 0.2; }
+% { transform: translateY(0); opacity: 0.5; }
+    }
-  <p>Please log in to access Labwiki content.</p>
+    .floating-dna {
+      font-size: 28px;
+      color: #bbb;
+      position: absolute;
+      animation: floatDNA 6s ease-in-out infinite;
+      pointer-events: none;
+      z-index: 0;
+    }
-   <div class="button-group">
+    .dna1 { top: 15%; left: 12%; animation-delay: 0s; }
-     <a href="/index.php?title=Special:UserLogin&returnto=Project:Dashboard" class="login-btn">Log in</a>
+    .dna2 { top: 35%; left: 78%; animation-delay: 1.5s; }
-    <a href="/index.php?title=Project:GroupIntro" class="intro-btn">Group Introduction</a>
+    .dna3 { top: 60%; left: 50%; animation-delay: 3s; }
-  </div>
+    /* 🔘 按钮样式（透明边框） */
+    .login-btn, .intro-btn {
+      background: none;
+      color: white;
+      border: 2px solid white;
+      padding: 12px 32px;
+      border-radius: 8px;
+      text-decoration: none;
+      font-size: 16px;
+      transition: all 0.3s ease;
+    }
+    .login-btn:hover, .intro-btn:hover {
+      background-color: rgba(255, 255, 255, 0.15);
+      transform: scale(1.05);
+    }
+    /* 🧼 隐藏 logo */
+    #p-logo, .mw-logo-wordmark, .firstHeading {
+      display: none !important;
+    }
+    /* 🔒 页脚备案字体调浅 */
+    .footer {
+      color: #aaa;
+    }
+  </style>
+  <!-- 🧬 DNA Icons -->
+  <div class="floating-dna dna1">🧬</div>
+  <div class="floating-dna dna2">🧬</div>
+   <div class="floating-dna dna3">🧬</div>
+  <!-- 🎯 欢迎内容 -->
+  <div style="display:flex; flex-direction:column; align-items:center; justify-content:center; height:90vh; text-align:center; padding: 20px; position:relative; z-index:2;">
+    <h1 style="font-size: 32px; margin-bottom: 16px; color: black;">
+      Welcome to the Lab of Synthetic Biopharmaceutics
+    </h1>
+    <p style="font-size: 16px; color: #ccc; margin-bottom: 40px;">
+      Please log in to access Labwiki content.
+    </p>
+     <!-- 🔘 按钮组 -->
+    <div style="display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;">
+      <a href="/index.php?title=Special:UserLogin&returnto=Project:Dashboard" class="login-btn">Log in</a>
+      <a href="/index.php?title=Project:GroupIntro" class="intro-btn">Group Introduction</a>
+    </div>
+    <div style="margin-top: 60px; font-size: 12px; color: #888;">
+      © 2025 Yangwa Lab ·
+      <a href="https://beian.miit.gov.cn" target="_blank" style="color: #999; text-decoration: none;">蜀ICP备2025131392号</a>
+    </div>
-  <div class="footer">
-    © 2025 Yangwa Lab · <a href="https://beian.miit.gov.cn" target="_blank">蜀ICP备2025131392号</a>
    </div>
+</html>
-</div>
 |