https://wiki.yzygzs.net/index.php?action=history&feed=atom&title=Template%3AIndex
Template:Index - 版本历史
2026-09-17T22:38:37Z
本wiki上该页面的版本历史
MediaWiki 1.46.0
https://wiki.yzygzs.net/index.php?title=Template:Index&diff=190&oldid=prev
Yzystudio：创建页面，内容为“<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes"> <title>一支烟工作室 · Wiki</title> <style> /* 全局重置 & 字体 */ * { margin: 0; padding: 0; box-sizing: border-box; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans',…”
2026-09-06T14:54:29Z
<p>创建页面，内容为“<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes"> <title>一支烟工作室 · Wiki</title> <style> <span class="autocomment">全局重置 & 字体：</span> * { margin: 0; padding: 0; box-sizing: border-box; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans',…”</p>
<p><b>新页面</b></p><div><!DOCTYPE html><br />
<br />
<html lang="zh-CN"><br />
<br />
<head><br />
<br />
<meta charset="UTF-8"><br />
<br />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes"><br />
<br />
<title>一支烟工作室 · Wiki</title><br />
<br />
<style><br />
<br />
/* 全局重置 & 字体 */<br />
<br />
* {<br />
<br />
margin: 0;<br />
<br />
padding: 0;<br />
<br />
box-sizing: border-box;<br />
<br />
font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', sans-serif;<br />
<br />
}<br />
<br />
body {<br />
<br />
min-height: 100vh;<br />
<br />
background: #0b0d10;<br />
<br />
color: #f0f3f7;<br />
<br />
}<br />
<br />
/* ----- 背景图 + 蒙版渐变 (固定在底层) ----- */<br />
<br />
.bg-hero {<br />
<br />
position: fixed;<br />
<br />
top: 0;<br />
<br />
left: 0;<br />
<br />
width: 100%;<br />
<br />
height: 100%;<br />
<br />
z-index: 0;<br />
<br />
/* ↓↓↓ 请将 background-image 中的 URL 替换为您的背景图片 ↓↓↓ */<br />
<br />
background-image: url('<nowiki>https://images.unsplash.com/photo-1541701494587-cb58502866ab?w=1600&q=80'</nowiki>);<br />
<br />
background-size: cover;<br />
<br />
background-position: center;<br />
<br />
background-repeat: no-repeat;<br />
<br />
/* 蒙版渐变: 从下到上 (底部更深，顶部透亮) */<br />
<br />
mask-image: linear-gradient(to bottom, rgba(0,0,0,0.05) 5%, rgba(0,0,0,0.45) 55%, rgba(0,0,0,0.85) 100%);<br />
<br />
-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.05) 5%, rgba(0,0,0,0.45) 55%, rgba(0,0,0,0.85) 100%);<br />
<br />
/* 叠加一层柔光，增强文字可读性 */<br />
<br />
background-blend-mode: normal;<br />
<br />
}<br />
<br />
/* 额外叠加一层半透明遮罩 (让背景更柔和) */<br />
<br />
.bg-hero::after {<br />
<br />
content: <nowiki>''</nowiki>;<br />
<br />
position: absolute;<br />
<br />
inset: 0;<br />
<br />
background: rgba(10, 12, 18, 0.35);<br />
<br />
pointer-events: none;<br />
<br />
}<br />
<br />
/* 为了让内容在背景之上 */<br />
<br />
.app-wrapper {<br />
<br />
position: relative;<br />
<br />
z-index: 2;<br />
<br />
max-width: 1260px;<br />
<br />
margin: 0 auto;<br />
<br />
padding: 24px 20px 80px;<br />
<br />
min-height: 100vh;<br />
<br />
display: flex;<br />
<br />
flex-direction: column;<br />
<br />
align-items: center;<br />
<br />
}<br />
<br />
/* ----- 工作室 logo (请替换图片) ----- */<br />
<br />
.studio-logo {<br />
<br />
margin: 12px 0 20px 0;<br />
<br />
display: flex;<br />
<br />
justify-content: center;<br />
<br />
align-items: center;<br />
<br />
filter: drop-shadow(0 8px 24px rgba(0,0,0,0.7));<br />
<br />
transition: transform 0.2s ease;<br />
<br />
width: 100%;<br />
<br />
}<br />
<br />
.studio-logo img {<br />
<br />
max-width: 340px;<br />
<br />
width: 80%;<br />
<br />
height: auto;<br />
<br />
display: block;<br />
<br />
border-radius: 20px;<br />
<br />
/* 如果logo有透明背景，可以加一点微光 */<br />
<br />
box-shadow: 0 0 40px rgba(180, 140, 100, 0.1);<br />
<br />
}<br />
<br />
.studio-logo:hover {<br />
<br />
transform: scale(1.01);<br />
<br />
}<br />
<br />
/* ----- 弹窗 (欢迎卡片) ----- */<br />
<br />
.welcome-popup {<br />
<br />
background: rgba(28, 32, 40, 0.78);<br />
<br />
backdrop-filter: blur(14px);<br />
<br />
-webkit-backdrop-filter: blur(14px);<br />
<br />
border-radius: 40px;<br />
<br />
padding: 30px 34px 26px;<br />
<br />
margin: 6px 0 28px 0;<br />
<br />
width: 100%;<br />
<br />
max-width: 820px;<br />
<br />
box-shadow: 0 20px 40px -12px rgba(0,0,0,0.7), 0 0 0 1px rgba(220, 190, 150, 0.15);<br />
<br />
border: 1px solid rgba(230, 210, 170, 0.12);<br />
<br />
transition: all 0.25s;<br />
<br />
}<br />
<br />
.welcome-popup h2 {<br />
<br />
font-size: 1.9rem;<br />
<br />
font-weight: 500;<br />
<br />
letter-spacing: 1px;<br />
<br />
margin-bottom: 16px;<br />
<br />
color: #f5e7d9;<br />
<br />
display: flex;<br />
<br />
align-items: center;<br />
<br />
gap: 10px;<br />
<br />
}<br />
<br />
.welcome-popup h2 span {<br />
<br />
font-size: 2.2rem;<br />
<br />
}<br />
<br />
.welcome-popup ul {<br />
<br />
list-style: none;<br />
<br />
margin: 12px 0 18px 0;<br />
<br />
padding-left: 8px;<br />
<br />
}<br />
<br />
.welcome-popup li {<br />
<br />
padding: 6px 0 6px 24px;<br />
<br />
position: relative;<br />
<br />
line-height: 1.6;<br />
<br />
font-size: 1.02rem;<br />
<br />
color: #d6dce5;<br />
<br />
}<br />
<br />
.welcome-popup li::before {<br />
<br />
content: "•";<br />
<br />
position: absolute;<br />
<br />
left: 2px;<br />
<br />
color: #dbbd94;<br />
<br />
font-weight: bold;<br />
<br />
font-size: 1.3rem;<br />
<br />
}<br />
<br />
.welcome-popup a {<br />
<br />
color: #e6cbaa;<br />
<br />
text-decoration: none;<br />
<br />
border-bottom: 1px dashed #a58767;<br />
<br />
transition: 0.2s;<br />
<br />
}<br />
<br />
.welcome-popup a:hover {<br />
<br />
color: #f5e2c5;<br />
<br />
border-bottom-color: #dfc094;<br />
<br />
}<br />
<br />
.popup-actions {<br />
<br />
display: flex;<br />
<br />
flex-wrap: wrap;<br />
<br />
align-items: center;<br />
<br />
justify-content: space-between;<br />
<br />
margin-top: 18px;<br />
<br />
gap: 16px 10px;<br />
<br />
}<br />
<br />
.popup-actions .btn-group {<br />
<br />
display: flex;<br />
<br />
gap: 12px;<br />
<br />
align-items: center;<br />
<br />
flex-wrap: wrap;<br />
<br />
}<br />
<br />
.btn-primary {<br />
<br />
background: #c7a77b;<br />
<br />
border: none;<br />
<br />
padding: 10px 32px;<br />
<br />
border-radius: 60px;<br />
<br />
font-weight: 600;<br />
<br />
font-size: 1.05rem;<br />
<br />
color: #1c1f26;<br />
<br />
cursor: pointer;<br />
<br />
box-shadow: 0 6px 14px rgba(0,0,0,0.3);<br />
<br />
transition: all 0.2s;<br />
<br />
letter-spacing: 0.3px;<br />
<br />
border: 1px solid #dcbf99;<br />
<br />
}<br />
<br />
.btn-primary:hover {<br />
<br />
background: #dbbc92;<br />
<br />
transform: scale(1.01);<br />
<br />
box-shadow: 0 8px 18px rgba(0,0,0,0.4);<br />
<br />
}<br />
<br />
.checkbox-reminder {<br />
<br />
display: flex;<br />
<br />
align-items: center;<br />
<br />
gap: 8px;<br />
<br />
font-size: 0.95rem;<br />
<br />
color: #bac4d0;<br />
<br />
cursor: pointer;<br />
<br />
}<br />
<br />
.checkbox-reminder input[type="checkbox"] {<br />
<br />
width: 18px;<br />
<br />
height: 18px;<br />
<br />
accent-color: #b7976e;<br />
<br />
transform: scale(1.0);<br />
<br />
filter: drop-shadow(0 1px 2px rgba(0,0,0,0.3));<br />
<br />
cursor: pointer;<br />
<br />
}<br />
<br />
/* ----- 神秘语录 (渐显+模糊) ----- */<br />
<br />
.motto-section {<br />
<br />
margin: 48px 0 40px 0;<br />
<br />
font-size: 1.8rem;<br />
<br />
font-weight: 300;<br />
<br />
letter-spacing: 4px;<br />
<br />
color: #e2d3be;<br />
<br />
text-shadow: 0 2px 12px rgba(0,0,0,0.6);<br />
<br />
text-align: center;<br />
<br />
opacity: 0.7;<br />
<br />
transition: all 0.1s;<br />
<br />
backdrop-filter: blur(2px);<br />
<br />
padding: 12px 24px;<br />
<br />
border-radius: 100px;<br />
<br />
background: rgba(0,0,0,0.1);<br />
<br />
}<br />
<br />
.motto-section span {<br />
<br />
display: inline-block;<br />
<br />
background: linear-gradient(135deg, #f3e2cb, #cfb697);<br />
<br />
-webkit-background-clip: text;<br />
<br />
background-clip: text;<br />
<br />
color: transparent;<br />
<br />
font-weight: 500;<br />
<br />
}<br />
<br />
/* ----- 模块网格 (R角矩形) ----- */<br />
<br />
.modules-grid {<br />
<br />
display: grid;<br />
<br />
grid-template-columns: repeat(3, 1fr);<br />
<br />
gap: 22px 22px;<br />
<br />
width: 100%;<br />
<br />
max-width: 1100px;<br />
<br />
margin: 12px 0 30px;<br />
<br />
}<br />
<br />
/* 通用卡片样式 — R角 + 毛玻璃 + 动态渐显模糊 */<br />
<br />
.module-card {<br />
<br />
background: rgba(30, 34, 42, 0.55);<br />
<br />
backdrop-filter: blur(10px);<br />
<br />
-webkit-backdrop-filter: blur(10px);<br />
<br />
border-radius: 28px;<br />
<br />
padding: 26px 18px 24px;<br />
<br />
box-shadow: 0 10px 28px -8px rgba(0,0,0,0.6), 0 0 0 1px rgba(210, 180, 140, 0.08);<br />
<br />
border: 1px solid rgba(225, 200, 165, 0.06);<br />
<br />
transition: all 0.3s cubic-bezier(0.15, 0.75, 0.3, 1.1);<br />
<br />
color: #eceff5;<br />
<br />
display: flex;<br />
<br />
flex-direction: column;<br />
<br />
backdrop-filter: blur(8px);<br />
<br />
/* 初始透明 + 模糊 (为滚动渐显准备) */<br />
<br />
opacity: 0.4;<br />
<br />
transform: translateY(10px);<br />
<br />
filter: blur(2px);<br />
<br />
transition: opacity 0.7s ease, transform 0.6s ease, filter 0.7s ease, box-shadow 0.3s;<br />
<br />
}<br />
<br />
/* 当卡片进入可视区 (通过JS添加类 .visible) */<br />
<br />
.module-card.visible {<br />
<br />
opacity: 1;<br />
<br />
transform: translateY(0);<br />
<br />
filter: blur(0);<br />
<br />
background: rgba(30, 34, 42, 0.65);<br />
<br />
box-shadow: 0 16px 36px -10px rgba(0,0,0,0.7), 0 0 0 1px rgba(210, 180, 140, 0.12);<br />
<br />
}<br />
<br />
/* 特殊：长条 YZY春秋 (占一整行) */<br />
<br />
.module-card.long-row {<br />
<br />
grid-column: 1 / -1;<br />
<br />
padding: 24px 26px;<br />
<br />
min-height: 90px;<br />
<br />
justify-content: center;<br />
<br />
align-items: center;<br />
<br />
text-align: center;<br />
<br />
background: rgba(40, 36, 30, 0.6);<br />
<br />
backdrop-filter: blur(12px);<br />
<br />
border: 1px solid rgba(200, 175, 135, 0.1);<br />
<br />
}<br />
<br />
.module-card.long-row h3 {<br />
<br />
font-size: 2.2rem;<br />
<br />
letter-spacing: 6px;<br />
<br />
font-weight: 400;<br />
<br />
color: #eddcc6;<br />
<br />
text-shadow: 0 2px 6px rgba(0,0,0,0.5);<br />
<br />
}<br />
<br />
.module-card.long-row h3 small {<br />
<br />
font-size: 1rem;<br />
<br />
font-weight: 300;<br />
<br />
opacity: 0.7;<br />
<br />
margin-left: 18px;<br />
<br />
letter-spacing: 2px;<br />
<br />
}<br />
<br />
/* 普通卡片标题 + 内容 */<br />
<br />
.module-card h3 {<br />
<br />
font-weight: 500;<br />
<br />
font-size: 1.4rem;<br />
<br />
letter-spacing: 1px;<br />
<br />
color: #ebddcc;<br />
<br />
margin-bottom: 12px;<br />
<br />
border-bottom: 1px solid rgba(200, 175, 140, 0.15);<br />
<br />
padding-bottom: 8px;<br />
<br />
}<br />
<br />
.module-card p, .module-card .desc {<br />
<br />
font-size: 0.98rem;<br />
<br />
line-height: 1.6;<br />
<br />
color: #cfd7e2;<br />
<br />
opacity: 0.85;<br />
<br />
}<br />
<br />
.module-card .badge-list {<br />
<br />
display: flex;<br />
<br />
flex-wrap: wrap;<br />
<br />
gap: 8px 12px;<br />
<br />
margin-top: 8px;<br />
<br />
}<br />
<br />
.module-card .badge-list span {<br />
<br />
background: rgba(220, 195, 160, 0.08);<br />
<br />
padding: 3px 12px;<br />
<br />
border-radius: 40px;<br />
<br />
font-size: 0.85rem;<br />
<br />
border: 1px solid rgba(210, 185, 145, 0.1);<br />
<br />
}<br />
<br />
.module-card .meta-link {<br />
<br />
color: #ccb99a;<br />
<br />
text-decoration: none;<br />
<br />
border-bottom: 1px dotted #7f6e58;<br />
<br />
}<br />
<br />
.module-card .friend-links {<br />
<br />
display: flex;<br />
<br />
flex-wrap: wrap;<br />
<br />
gap: 4px 16px;<br />
<br />
margin-top: 6px;<br />
<br />
}<br />
<br />
/* 响应式 */<br />
<br />
@media (max-width: 820px) {<br />
<br />
.modules-grid {<br />
<br />
grid-template-columns: repeat(2, 1fr);<br />
<br />
gap: 18px;<br />
<br />
}<br />
<br />
.module-card.long-row {<br />
<br />
grid-column: 1 / -1;<br />
<br />
}<br />
<br />
.welcome-popup {<br />
<br />
padding: 24px 20px;<br />
<br />
}<br />
<br />
.popup-actions {<br />
<br />
flex-direction: column;<br />
<br />
align-items: flex-start;<br />
<br />
}<br />
<br />
.motto-section {<br />
<br />
font-size: 1.4rem;<br />
<br />
}<br />
<br />
}<br />
<br />
@media (max-width: 520px) {<br />
<br />
.modules-grid {<br />
<br />
grid-template-columns: 1fr;<br />
<br />
gap: 16px;<br />
<br />
}<br />
<br />
.module-card.long-row h3 {<br />
<br />
font-size: 1.8rem;<br />
<br />
}<br />
<br />
.welcome-popup h2 {<br />
<br />
font-size: 1.5rem;<br />
<br />
}<br />
<br />
}<br />
<br />
</style><br />
<br />
</head><br />
<br />
<body><br />
<br />
<!-- 背景层 (请替换背景图片) --><br />
<br />
<nowiki><div class="bg-hero" style="background-image: url('https://images.unsplash.com/photo-1541701494587-cb58502866ab?w=1600&q=80');"></nowiki><br />
<br />
<!-- ↑ 将 url() 中的链接替换为您的背景图片 --><br />
<br />
<nowiki></div></nowiki><br />
<br />
<nowiki><div class="app-wrapper"></nowiki><br />
<br />
<!-- 工作室 LOGO (请替换 src 为您的图片地址) --><br />
<br />
<nowiki><div class="studio-logo"></nowiki><br />
<br />
<img src="https://via.placeholder.com/600x200/2a251e/dbc39e?text=一支烟工作室+LOGO" alt="一支烟工作室 Logo"><br />
<br />
<!-- ↑ 请将 src 替换为您的实际Logo图片URL，建议透明背景 PNG --><br />
<br />
<nowiki></div></nowiki><br />
<br />
<!-- 欢迎弹窗 --><br />
<br />
<nowiki><div class="welcome-popup" id="welcomePopup"></nowiki><br />
<br />
<nowiki><h2><span>🎉</span></nowiki> 欢迎来到一支烟工作室 Wiki！<nowiki></h2></nowiki><br />
<br />
<nowiki><ul></nowiki><br />
<br />
<nowiki><li>欢迎参与编辑！一支烟工作室 Wiki是一个社区，你需要遵守一些社区规则。</li></nowiki><br />
<br />
<nowiki><li>没有编辑的经验？推荐查阅：<a href="#">指导手册</a></nowiki><nowiki></li></nowiki><br />
<br />
<nowiki><li>加入一支烟工作室官方QQ频道 或 WIKI编辑讨论，以便更流畅地参与编辑和维护。</li></nowiki><br />
<br />
<nowiki></ul></nowiki><br />
<br />
<nowiki><div class="popup-actions"></nowiki><br />
<br />
<nowiki><div class="btn-group"></nowiki><br />
<br />
<button class="btn-primary" id="closePopupBtn">好的</button><br />
<br />
<label class="checkbox-reminder"><br />
<br />
<input type="checkbox" id="dontShowAgain"> 下次不再提醒<br />
<br />
</label><br />
<br />
<nowiki></div></nowiki><br />
<br />
<nowiki><span style="opacity:0.4; font-size:0.85rem; letter-spacing:1px;">✨ 一支烟 · 共创</span></nowiki><br />
<br />
<nowiki></div></nowiki><br />
<br />
<nowiki></div></nowiki><br />
<br />
<!-- 神秘语录 --><br />
<br />
<nowiki><div class="motto-section"></nowiki><br />
<br />
<nowiki><span>因为热爱，创造未来</span></nowiki><br />
<br />
<nowiki></div></nowiki><br />
<br />
<!-- 模块网格 --><br />
<br />
<nowiki><div class="modules-grid" id="modulesGrid"></nowiki><br />
<br />
<!-- YZY春秋 (长条) --><br />
<br />
<nowiki><div class="module-card long-row" data-delay="0"></nowiki><br />
<br />
<nowiki><h3>🌿 YZY春秋 <small>· 长卷</small></nowiki><nowiki></h3></nowiki><br />
<br />
<nowiki><p style="font-size:1rem; opacity:0.8; letter-spacing:1px;">春秋笔墨，烟云共赏</p></nowiki><br />
<br />
<nowiki></div></nowiki><br />
<br />
<!-- 守则条目 --><br />
<br />
<nowiki><div class="module-card" data-delay="50"></nowiki><br />
<br />
<nowiki><h3>📜 守则条目</h3></nowiki><br />
<br />
<nowiki><p>社区准则 · 编辑规范 · 行为公约</p></nowiki><br />
<br />
<nowiki><div class="badge-list"></nowiki><br />
<br />
<nowiki><span>尊重</span></nowiki><nowiki><span>版权</span></nowiki><nowiki><span>协作</span></nowiki><br />
<br />
<nowiki></div></nowiki><br />
<br />
<nowiki></div></nowiki><br />
<br />
<!-- 说明文档 --><br />
<br />
<nowiki><div class="module-card" data-delay="100"></nowiki><br />
<br />
<nowiki><h3>📘 说明文档</h3></nowiki><br />
<br />
<nowiki><p>Wiki语法 · 模板使用 · 命名规范</p></nowiki><br />
<br />
<nowiki><div class="desc">快速上手，轻松编辑</div></nowiki><br />
<br />
<nowiki></div></nowiki><br />
<br />
<!-- 常用见面 --><br />
<br />
<nowiki><div class="module-card" data-delay="150"></nowiki><br />
<br />
<nowiki><h3>🤝 常用见面</h3></nowiki><br />
<br />
<nowiki><p>会议室 · 编辑沙龙 · 线上茶话</p></nowiki><br />
<br />
<nowiki><div class="badge-list"><span>每周二</span></nowiki><nowiki><span>周五</span></nowiki><nowiki></div></nowiki><br />
<br />
<nowiki></div></nowiki><br />
<br />
<!-- 模板列表 --><br />
<br />
<nowiki><div class="module-card" data-delay="200"></nowiki><br />
<br />
<nowiki><h3>🧩 模板列表</h3></nowiki><br />
<br />
<nowiki><p>信息框 · 导航 · 引用 · 更多</p></nowiki><br />
<br />
<nowiki><div class="badge-list"><span>50+</span></nowiki><nowiki><span>常用</span></nowiki><nowiki></div></nowiki><br />
<br />
<nowiki></div></nowiki><br />
<br />
<!-- 特殊页面 --><br />
<br />
<nowiki><div class="module-card" data-delay="250"></nowiki><br />
<br />
<nowiki><h3>⚡ 特殊页面</h3></nowiki><br />
<br />
<nowiki><p>最近更改 · 随机页面 · 统计</p></nowiki><br />
<br />
<a href="#" class="meta-link">查看全部 →</a><br />
<br />
<nowiki></div></nowiki><br />
<br />
<!-- 友情链接 --><br />
<br />
<nowiki><div class="module-card" data-delay="300"></nowiki><br />
<br />
<nowiki><h3>🔗 友情链接</h3></nowiki><br />
<br />
<nowiki><div class="friend-links"></nowiki><br />
<br />
<a href="#" class="meta-link">烟雨社区</a><br />
<br />
<a href="#" class="meta-link">创作工坊</a><br />
<br />
<a href="#" class="meta-link">档案馆</a><br />
<br />
<nowiki></div></nowiki><br />
<br />
<nowiki><p style="margin-top:6px;">交换链接 · 合作</p></nowiki><br />
<br />
<nowiki></div></nowiki><br />
<br />
<!-- 更新记录 --><br />
<br />
<nowiki><div class="module-card" data-delay="350"></nowiki><br />
<br />
<nowiki><h3>📋 更新记录</h3></nowiki><br />
<br />
<nowiki><p>2026.09.05 · 重构首页</p></nowiki><br />
<br />
<nowiki><p style="font-size:0.9rem; opacity:0.7;">更多历史 →</p></nowiki><br />
<br />
<nowiki></div></nowiki><br />
<br />
<nowiki></div></nowiki><br />
<br />
<!-- 底部占位 --><br />
<br />
<nowiki><div style="margin: 30px 0 10px; opacity:0.3; font-size:0.9rem; letter-spacing:2px;">— 一支烟工作室 · 因热爱而创造 —</div></nowiki><br />
<br />
<nowiki></div></nowiki><br />
<br />
<script><br />
<br />
(function() {<br />
<br />
'use strict';<br />
<br />
// ---------- 弹窗控制 ----------<br />
<br />
const popup = document.getElementById('welcomePopup');<br />
<br />
const closeBtn = document.getElementById('closePopupBtn');<br />
<br />
const dontShowCheck = document.getElementById('dontShowAgain');<br />
<br />
// 检查 localStorage 是否记录 “不再提醒”<br />
<br />
const noShow = localStorage.getItem('wikiWelcomeNoShow') === 'true';<br />
<br />
if (noShow) {<br />
<br />
popup.style.display = 'none';<br />
<br />
}<br />
<br />
// 关闭弹窗<br />
<br />
function closePopup() {<br />
<br />
popup.style.display = 'none';<br />
<br />
if (dontShowCheck.checked) {<br />
<br />
localStorage.setItem('wikiWelcomeNoShow', 'true');<br />
<br />
}<br />
<br />
}<br />
<br />
closeBtn.addEventListener('click', closePopup);<br />
<br />
// ---------- 滚动渐显 (Intersection Observer) ----------<br />
<br />
const cards = document.querySelectorAll('.module-card');<br />
<br />
if ('IntersectionObserver' in window) {<br />
<br />
const observer = new IntersectionObserver((entries) => {<br />
<br />
entries.forEach(entry => {<br />
<br />
if (entry.isIntersecting) {<br />
<br />
const card = entry.target;<br />
<br />
const delay = parseInt(card.getAttribute('data-delay')) || 0;<br />
<br />
setTimeout(() => {<br />
<br />
card.classList.add('visible');<br />
<br />
}, delay);<br />
<br />
observer.unobserve(card);<br />
<br />
}<br />
<br />
});<br />
<br />
}, {<br />
<br />
threshold: 0.15,<br />
<br />
rootMargin: '0px 0px -30px 0px'<br />
<br />
});<br />
<br />
cards.forEach(card => {<br />
<br />
observer.observe(card);<br />
<br />
});<br />
<br />
} else {<br />
<br />
cards.forEach(card => {<br />
<br />
card.classList.add('visible');<br />
<br />
});<br />
<br />
}<br />
<br />
})();<br />
<br />
</script><br />
<br />
</body><br />
<br />
</html></div>
Yzystudio