武外梗百科:首页：修订间差异

←上一编辑下一编辑→

可视化wikitext

@@ 第1行： / 第1行： @@
-<!-- Home Container -->
+/* ===== Home Layout ===== */
-<div class="home">
-   <div class="home-grid">
+.home {
+   max-width: 1100px;
+  margin: 0 auto;
+  padding: 24px 16px;
+}
-    <!-- Latest Pages -->
+.home-grid {
-    <section class="home-section">
+  display: grid;
-      <h2 class="section-title">最新页面</h2>
+  grid-template-columns: 1fr 1fr;
+  gap: 32px;
+}
-      <div class="latest-list">
+@media (max-width: 768px) {
-        {{LatestPages}}
+  .home-grid {
-      </div>
+    grid-template-columns: 1fr;
+  }
+}
-      <div class="section-footer">
+.home-section {
-        [[Special:NewPages|查看全部 →]]
+  margin-bottom: 32px;
-      </div>
+}
-    </section>
-    <!-- Featured Pages -->
+.section-title {
-    <section class="home-section">
+  font-size: 1.4em;
-      <h2 class="section-title">推荐 / 典范条目</h2>
+  font-weight: 600;
+  margin-bottom: 16px;
+}
-      <div class="featured-list">
+/* ===== Latest Pages ===== */
-        {{FeaturedPages}}
-      </div>
-      <div class="section-footer">
+.latest-list {
-        [[分类:典范条目|查看全部 →]]
+  border: 1px solid #e5e7eb;
-      </div>
+  border-radius: 8px;
-    </section>
+  overflow: hidden;
+}
-   </div>
+.latest-item {
+   padding: 12px 16px;
+  border-bottom: 1px solid #e5e7eb;
+}
-</div>
+.latest-item:last-child {
+  border-bottom: none;
+}
+.latest-title a {
+  text-decoration: none;
+  color: #111827;
+  font-weight: 500;
+}
+.latest-title a:hover {
+  text-decoration: underline;
+}
+/* ===== Featured Pages ===== */
+.featured-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.featured-item {
+  padding: 14px 16px;
+  border: 1px solid #fde68a;
+  border-radius: 8px;
+  background: #fffbeb;
+}
+.featured-title a {
+  text-decoration: none;
+  color: #92400e;
+  font-weight: 600;
+}
+.featured-title a:hover {
+  text-decoration: underline;
+}
+/* ===== Footer Link ===== */
+.section-footer {
+  margin-top: 12px;
+  font-size: 0.9em;
+}