2025年8月29日 (五) 22:53 Banmad3n

2025-08-29T22:53:31Z

2025年8月29日 (五) 22:46 Banmad3n

2025-08-29T22:46:26Z

←上一版本		2025年8月30日 (六) 06:46的版本
第281行：		第281行：
	</h1>		</h1>

	<p class="intro-subtitle">~~传统与创新的完美融合~~</p>		<p class="intro-subtitle">“中华了解Air本文化的最好途径，中华Air本社区的活化石”</p>
	</div>		</div>

2025年8月29日 (五) 22:43 Banmad3n

2025-08-29T22:43:29Z

←上一版本		2025年8月30日 (六) 06:43的版本
第1行：		第1行：
	~~<<!DOCTYPE html>~~
	<html lang="zh-CN">		<html lang="zh-CN">
	<head>		<head>
第15行：		第14行：
	body {		body {
	font-family: "Noto Sans SC", "Microsoft YaHei", sans-serif;		font-family: "Noto Sans SC", "Microsoft YaHei", sans-serif;
	overflow: hidden;		/* -- REMOVED -- These lines caused the scrolling issue on the main page. */
	height: 100vh;		/* overflow: hidden; */
			/* height: 100vh; */
	}		}

第305行：		第305行：
	let isMuted = false;		let isMuted = false;
	let animationDuration = 4500; // 动画总时长（毫秒）		let animationDuration = 4500; // 动画总时长（毫秒）
			let animationTimer; // To clear the automatic skip

	// 创建花瓣背景		// 创建花瓣背景
第356行：		第357行：
	// 跳过动画		// 跳过动画
	function skipAnimation() {		function skipAnimation() {
			// ADDED: Restore scrolling on the body
			document.body.style.overflow = '';

			// Clear the automatic timeout if the button was clicked
			clearTimeout(animationTimer);

	container.style.opacity = '0';		container.style.opacity = '0';

第384行：		第391行：
	// 初始化		// 初始化
	function init() {		function init() {
			// ADDED: Disable scrolling on the body when the animation starts
			document.body.style.overflow = 'hidden';

	createPetals();		createPetals();

第414行：		第424行：

	// 设置自动结束		// 设置自动结束
	setTimeout(skipAnimation, animationDuration);		animationTimer = setTimeout(skipAnimation, animationDuration);

	// 事件监听		// 事件监听

2025年8月29日 (五) 22:30 Banmad3n

2025-08-29T22:30:13Z

显示更改

2025年8月29日 (五) 22:19 Banmad3n

2025-08-29T22:19:40Z

@@ 第1行： / 第1行： @@
-<div id="intro-animation-container" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 9999; display: flex; justify-content: center; align-items: center; opacity: 0; transition: opacity 1s ease-in-out;">
+<div id="intro-container" class="intro-container">
-     <div id="intro-content" style="text-align: center; transform: scale(0.8); opacity: 0; transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);">
+     <div class="intro-content">
-         <img src="https://soka.cafe/images/b/b3/%E5%85%AB%E5%8F%B6%E8%8E%B2%E5%8D%8E%E4%BC%9A%E7%A4%BE.jpg" alt="团队LOGO" style="max-width: 150px; height: auto; display: block; margin: 0 auto 20px;">
+         <img src="https://soka.cafe/images/b/b3/%E5%85%AB%E5%8F%B6%E8%8E%B2%E5%8D%8E%E4%BC%9A%E7%A4%BE.jpg" alt="团队LOGO" class="intro-logo">
-         <h1 style="color: white; font-size: 2.5em; font-weight: bold; text-shadow: 2px 2px 8px rgba(0,0,0,0.5);">
+         <h1 class="intro-title">
              八叶莲华会社
          </h1>
      </div>
 </div>
 <script>
 document.addEventListener('DOMContentLoaded', function() {
-     const container = document.getElementById('intro-animation-container');
+     const container = document.getElementById('intro-container');
-     // 确保页面加载时元素可见
+     // 1. 触发背景和内容入场动画
-     container.style.opacity = '1';
+    // 使用 requestAnimationFrame 确保在浏览器准备好渲染时才开始动画
-     // 延时触发内容动画
+     // 2. 设置动画在4.5秒后开始退场
      setTimeout(() => {
          container.style.opacity = '0';
-         // 在动画结束后，将元素从DOM中移除或隐藏，以防干扰页面后续操作
          setTimeout(() => {
              container.style.display = 'none';
-         }, 1000); // 等待淡出动画完成
+         }, 1200); // 这个时间应与 intro-container 的 transition 时长匹配
-     }, 4000); // 4秒后开始消失
 });
-</script>
+</script><noinclude>
 {{#Widget:Intro}}
 </noinclude>

微件:Intro - 版本历史

2025年8月29日 (五) 22:53 Banmad3n

2025年8月29日 (五) 22:46 Banmad3n

2025年8月29日 (五) 22:43 Banmad3n

2025年8月29日 (五) 22:30 Banmad3n

2025年8月29日 (五) 22:19 Banmad3n

Banmad3n：创建页面，内容为“

微件:Intro - 版本历史

2025年8月29日 (五) 22:53 Banmad3n

2025年8月29日 (五) 22:46 Banmad3n

2025年8月29日 (五) 22:43 Banmad3n

2025年8月29日 (五) 22:30 Banmad3n

2025年8月29日 (五) 22:19 Banmad3n

Banmad3n：​创建页面，内容为“

Banmad3n：创建页面，内容为“