首页：修订间差异
无编辑摘要 |
无编辑摘要 |
||
| 第23行： | 第23行： | ||
</ul> | </ul> | ||
|}<!-- 顶栏结束 --> | |}<!-- 顶栏结束 --> | ||
<style> | |||
/* 保持原有CSS样式不变 */ | |||
:root { | |||
--primary-blue: #2a5cff; | |||
--dark-blue: #1a337f; | |||
--light-gray: #666; | |||
--bg-gradient: linear-gradient(135deg, #e8f4ff 0%, #ffffff 100%); | |||
} | |||
body { | |||
margin: 0; | |||
min-height: 100vh; | |||
background: var(--bg-gradient); | |||
font-family: 'Segoe UI', Arial, sans-serif; | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
padding: 2rem; | |||
} | |||
/* 以下样式保持完全不变 */ | |||
.header { text-align: center; margin-bottom: 3rem; } | |||
.title { color: var(--dark-blue); font-size: 2.5em; margin: 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.1); } | |||
.slogan { color: var(--light-gray); font-size: 1.1em; margin-top: 0.5em; } | |||
.stats-container { max-width: 600px; margin: 0 auto 2rem; } | |||
.stat-item { display: flex; align-items: center; margin: 1.5rem 0; padding: 1rem; background: rgba(255,255,255,0.8); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: transform 0.2s; } | |||
.stat-item:hover { transform: translateX(5px); } | |||
.stat-icon { font-size: 2em; margin-right: 1rem; color: var(--primary-blue); } | |||
.stat-number { color: var(--dark-blue); font-size: 1.8em; font-weight: bold; margin: 0; } | |||
.stat-label { color: var(--light-gray); font-size: 0.9em; margin-top: 0.2em; } | |||
.create-button { background: var(--primary-blue); color: white; border: none; padding: 1em 3em; border-radius: 25px; font-size: 1.1em; cursor: pointer; transition: opacity 0.2s; margin: 2rem 0; } | |||
.create-button:hover { opacity: 0.9; } | |||
.help-text { color: var(--light-gray); font-size: 0.9em; display: flex; align-items: center; gap: 0.5rem; margin-top: 1rem; } | |||
.help-icon { font-size: 1.2em; color: var(--primary-blue); } | |||
</style> | |||
</head> | |||
<body> | |||
<div class="header"> | |||
<div class="title">百度百科</div> | |||
<div class="slogan">让人类平等地认知世界</div> | |||
</div> | |||
<div class="stats-container"> | |||
<div class="stat-item"> | |||
<div class="stat-icon">📄</div> | |||
<div> | |||
<div class="stat-number">29,060,502个词条</div> | |||
</div> | |||
</div> | |||
<div class="stat-item"> | |||
<div class="stat-icon">✏️</div> | |||
<div> | |||
<div class="stat-number">267,381,122次编辑</div> | |||
</div> | |||
</div> | |||
<div class="stat-item"> | |||
<div class="stat-icon">👤</div> | |||
<div> | |||
<div class="stat-number">7,999,072人编写</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="create-button">创建词条</div> | |||
<div class="help-text"> | |||
<div class="help-icon">❓</div> | |||
<div>你在编辑过程中有疑问吗？</div> | |||
</div> | |||
<strong>欢迎来到质量人百科。</strong> | <strong>欢迎来到质量人百科。</strong> | ||
2025年6月18日 (三) 08:30的版本
|
分享质量人的知识和经验
|
<style>
/* 保持原有CSS样式不变 */
:root {
--primary-blue: #2a5cff;
--dark-blue: #1a337f;
--light-gray: #666;
--bg-gradient: linear-gradient(135deg, #e8f4ff 0%, #ffffff 100%);
}
body {
margin: 0;
min-height: 100vh;
background: var(--bg-gradient);
font-family: 'Segoe UI', Arial, sans-serif;
display: flex;
flex-direction: column;
align-items: center;
padding: 2rem;
}
/* 以下样式保持完全不变 */
.header { text-align: center; margin-bottom: 3rem; }
.title { color: var(--dark-blue); font-size: 2.5em; margin: 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.1); }
.slogan { color: var(--light-gray); font-size: 1.1em; margin-top: 0.5em; }
.stats-container { max-width: 600px; margin: 0 auto 2rem; }
.stat-item { display: flex; align-items: center; margin: 1.5rem 0; padding: 1rem; background: rgba(255,255,255,0.8); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: transform 0.2s; }
.stat-item:hover { transform: translateX(5px); }
.stat-icon { font-size: 2em; margin-right: 1rem; color: var(--primary-blue); }
.stat-number { color: var(--dark-blue); font-size: 1.8em; font-weight: bold; margin: 0; }
.stat-label { color: var(--light-gray); font-size: 0.9em; margin-top: 0.2em; }
.create-button { background: var(--primary-blue); color: white; border: none; padding: 1em 3em; border-radius: 25px; font-size: 1.1em; cursor: pointer; transition: opacity 0.2s; margin: 2rem 0; }
.create-button:hover { opacity: 0.9; }
.help-text { color: var(--light-gray); font-size: 0.9em; display: flex; align-items: center; gap: 0.5rem; margin-top: 1rem; }
.help-icon { font-size: 1.2em; color: var(--primary-blue); }
</style>
</head> <body>
百度百科
让人类平等地认知世界
29,060,502个词条
267,381,122次编辑
7,999,072人编写
你在编辑过程中有疑问吗？
欢迎来到质量人百科。