查看“︁用户:辛瑞杰”︁的源代码

<!-- 顶部容器：统一居中+柔和背景 -->
<div style="max-width:950px;margin:20px auto;padding:0 15px;">
	<!-- 1. 头像与基础信息区（卡片式设计） -->
	<div style="background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.05);padding:25px;overflow:hidden;margin-bottom:30px;">
		<!-- 头像：加阴影+ hover放大 -->
		<div style="float:left;margin-right:30px;margin-bottom:15px;">
			<div style="width:130px;height:130px;border-radius:50%;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,0.1);transition:transform 0.3s;"> [[File:辛瑞杰头像.jpg|130px|辛瑞杰的头像]] </div>
			<div style="text-align:center;margin-top:10px;font-size:0.85em;color:#666;">点击查看原图</div>
		</div>
		<!-- 信息内容：层次分明 -->
		<div style="padding-top:10px;overflow:hidden;">
			<h1 style="margin:0 0 8px;font-size:1.7em;color:#2d3748;font-weight:600;">辛瑞杰</h1>
			<div style="font-size:1em;color:#718096;margin-bottom:15px;">Wiki昵称：XRJ_Edit | 注册时间：2023年9月15日</div>
			<!-- 标签：柔和底色+圆角 -->
			<div style="margin-bottom:18px;">
				<span style="background:#e6f7ff;color:#1890ff;padding:5px 12px;border-radius:20px;font-size:0.85em;margin-right:10px;">技术词条维护者</span>
				<span style="background:#f0f9eb;color:#52c41a;padding:5px 12px;border-radius:20px;font-size:0.85em;margin-right:10px;">活跃贡献者</span>
				<span style="background:#fff1f0;color:#f5222d;padding:5px 12px;border-radius:20px;font-size:0.85em;">新手指导师</span>
			</div>
			<!-- 简介：带背景+内边距 -->
			<div style="background:#f7fafc;padding:12px 15px;border-radius:8px;line-height:1.6;color:#4a5568;font-size:0.95em;"> 专注于MediaWiki技术生态与开源工具类内容创作，擅长将复杂技术逻辑转化为通俗Wiki词条，累计优化200+条技术内容，致力于让知识更易获取。 </div>
			<!-- 编辑入口：hover变色 --> {{#ifeq:{{USERNAME}}|辛瑞杰| <div style="margin-top:15px;">
				<a href="User:辛瑞杰/编辑资料" style="background:#f7fafc;color:#1890ff;padding:8px 16px;border-radius:6px;font-size:0.9em;text-decoration:none;margin-right:10px;transition:background 0.3s;">编辑资料</a>
				<a href="Special:Upload?wpDestFile=辛瑞杰头像.png" style="background:#f7fafc;color:#1890ff;padding:8px 16px;border-radius:6px;font-size:0.9em;text-decoration:none;transition:background 0.3s;">更换头像</a>
			</div> |}}
		</div>
	</div>
	<!-- 2. 核心数据面板（卡片网格） -->
	<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:30px;">
		<!-- 数据卡片1 -->
		<div style="background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.05);padding:20px;text-align:center;">
			<div style="font-size:2.2em;font-weight:700;color:#1890ff;margin-bottom:5px;">216</div>
			<div style="font-size:0.9em;color:#718096;">累计编辑次数</div>
		</div>
		<!-- 数据卡片2 -->
		<div style="background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.05);padding:20px;text-align:center;">
			<div style="font-size:2.2em;font-weight:700;color:#52c41a;margin-bottom:5px;">48</div>
			<div style="font-size:0.9em;color:#718096;">新增词条数量</div>
		</div>
		<!-- 数据卡片3 -->
		<div style="background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.05);padding:20px;text-align:center;">
			<div style="font-size:2.2em;font-weight:700;color:#faad14;margin-bottom:5px;">8</div>
			<div style="font-size:0.9em;color:#718096;">核心维护词条</div>
		</div>
		<!-- 数据卡片4 -->
		<div style="background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.05);padding:20px;text-align:center;">
			<div style="font-size:2.2em;font-weight:700;color:#f5222d;margin-bottom:5px;">73</div>
			<div style="font-size:0.9em;color:#718096;">帮助他人次数</div>
		</div>
	</div>
	<!-- 3. 贡献与协作区（双列布局） -->
	<div style="display:grid;grid-template-columns:65% 33%;gap:2%;margin-bottom:30px;">
		<!-- 左侧：近期贡献（带滚动条） -->
		<div style="background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.05);padding:22px;">
			<h2 style="margin:0 0 18px;font-size:1.3em;color:#2d3748;border-left:4px solid #1890ff;padding-left:12px;">近期Wiki贡献</h2>
			<div style="max-height:380px;overflow-y:auto;padding-right:8px;">
				<ul style="list-style:none;padding:0;margin:0;">
					<!-- 贡献项：hover高亮 -->
					<li style="padding:12px 15px;border-radius:8px;margin-bottom:10px;transition:background 0.3s;">
						<div style="font-weight:500;color:#2d3748;">2024年5月20日 | 编辑词条</div>
						<div style="margin-top:5px;color:#4a5568;font-size:0.95em;">[[MediaWiki扩展开发入门]] - 补充“钩子注册与使用”全流程示例</div>
					</li>
					<li style="padding:12px 15px;border-radius:8px;margin-bottom:10px;transition:background 0.3s;">
						<div style="font-weight:500;color:#2d3748;">2024年5月18日 | 创建词条</div>
						<div style="margin-top:5px;color:#4a5568;font-size:0.95em;">[[前端样式适配Wiki默认皮肤指南]] - 整理Vector皮肤适配技巧与常见问题</div>
					</li>
					<li style="padding:12px 15px;border-radius:8px;margin-bottom:10px;transition:background 0.3s;">
						<div style="font-weight:500;color:#2d3748;">2024年5月15日 | 内容优化</div>
						<div style="margin-top:5px;color:#4a5568;font-size:0.95em;">[[开源软件协作模式解析]] - 修正“分支管理”章节数据错误，补充案例</div>
					</li>
					<li style="padding:12px 15px;border-radius:8px;margin-bottom:10px;transition:background 0.3s;">
						<div style="font-weight:500;color:#2d3748;">2024年5月10日 | 互动回复</div>
						<div style="margin-top:5px;color:#4a5568;font-size:0.95em;">回复用户“小李”在[[PHP后端接口对接]]讨论页的“数据同步异常”问题</div>
					</li>
					<li style="padding:12px 15px;border-radius:8px;transition:background 0.3s;">
						<div style="font-weight:500;color:#2d3748;">2024年5月5日 | 文件上传</div>
						<div style="margin-top:5px;color:#4a5568;font-size:0.95em;">上传“MediaWiki架构图_v2.png”至[[MediaWiki基础架构]]页面，替换旧图</div>
					</li>
				</ul>
			</div>
			<!-- 查看更多：右对齐 -->
			<div style="margin-top:15px;text-align:right;">
			</div>
		</div>
		<!-- 右侧：协作与联系（卡片堆叠） -->
		<div>
			<!-- 协作卡片 -->
			<div style="background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.05);padding:22px;margin-bottom:20px;">
				<h2 style="margin:0 0 18px;font-size:1.3em;color:#2d3748;border-left:4px solid #faad14;padding-left:12px;">协作方向</h2>
				<div style="margin-bottom:15px;">
					<div style="font-weight:500;color:#2d3748;margin-bottom:8px;">可协作领域：</div>
					<ul style="list-style:none;padding:0;margin:0;">
						<li style="margin-bottom:8px;color:#4a5568;font-size:0.95em;">🔹 MediaWiki扩展开发与功能优化</li>
						<li style="margin-bottom:8px;color:#4a5568;font-size:0.95em;">🔹 技术类词条标准化编辑</li>
						<li style="margin-bottom:8px;color:#4a5568;font-size:0.95em;">🔹 新手编辑技巧培训与指导</li>
						<li style="color:#4a5568;font-size:0.95em;">🔹 Wiki内容可视化呈现优化</li>
					</ul>
				</div>
			</div>
			<!-- 联系卡片 -->
			<div style="background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.05);padding:22px;">
				<h2 style="margin:0 0 18px;font-size:1.3em;color:#2d3748;border-left:4px solid #52c41a;padding-left:12px;">联系方式</h2>
				<div style="background:#f7fafc;border-radius:8px;padding:15px;">
					<ul style="list-style:none;padding:0;margin:0;">
						<li style="margin-bottom:12px;font-size:0.95em;">
							<span style="display:inline-block;width:24px;color:#1890ff;">💬</span> 辛瑞杰"讨论页留言（优先回复）
						</li>
						<li style="margin-bottom:12px;font-size:0.95em;">
							<span style="display:inline-block;width:24px;color:#1890ff;">✉️</span> 站内消息（24小时内回复）
						</li>
						<li style="font-size:0.95em;">
							<span style="display:inline-block;width:24px;color:#1890ff;">👥</span> 协作群"加入Wiki协作群
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- 4. 底部说明（柔和提示） -->
	<div style="background:#f0f7ff;border-radius:10px;padding:15px;text-align:center;color:#657786;font-size:0.9em;"> 本页面为辛瑞杰的MediaWiki个人主页，信息更新至2024年5月。如有内容错误或协作需求，可通过上述联系方式反馈。 </div>
</div>