Template:首页导航：修订间差异

@@ 第1行： / 第1行： @@
-<div style="display:flex;width:100%;border-radius:8px;overflow:hidden;border:1px solid #ddd;justify-content: space-between;align-items:center;
+<div id="mainpagenav" style="
-}">
+  max-width: 100%;
-{| class="wikitable"
+  margin: 16px auto;
-! colspan="4" |NavLite
+  border: 1px solid var(--border-color-base, #a2a9b1);
-|-
+  background-color: var(--color-surface-0, #ffffff);
-|[[首页/动物园文化＆吉吉国文化|动物园文化＆吉吉国文化]]
+  color: var(--color-base, #202122);
-|[[首页/哈基米音乐|哈基米音乐]]
+  box-sizing: border-box;
-|c
+">
-|d
+  <!-- 标题区域 -->
-|-
+  <div style="
-|
+    background-color: var(--color-primary, #36c);
-* [[首页/动物园文化＆吉吉国文化/电棍otto|电棍otto]]
+    color: #ffffff;
-* [[首页/动物园文化＆吉吉国文化/炫神|炫神]]
+    padding: 12px 16px;
+    font-weight: 700;
+    font-size: 1.1em;
+    letter-spacing: 0.05em;
+    text-transform: uppercase;
+    border-bottom: 1px solid var(--border-color-subtle, #004bb3);
+  ">
+<span style="margin-right: 8px;">&#x1F5FA;</span>精简导航
+</div>
+  <!-- 主内容区：使用 Flexbox 模拟网格 -->
+  <div style="
+    display: flex;
+    flex-wrap: wrap;
+    background-color: var(--color-surface-0, #ffffff);
+  ">
+    <!-- 栏目1：动物园 -->
+    <div style="
+      flex: 1 1 280px;
+      padding: 16px 20px;
+      border-bottom: 1px solid var(--border-color-subtle, #eaecf0);
+      border-right: 1px solid var(--border-color-subtle, #eaecf0);
+      border-left: 5px solid #4CAF50;
+      box-sizing: border-box;
+    ">
+      <div style="
+        font-weight: 700;
+        margin-bottom: 12px;
+        color: var(--color-base, #202122);
+        font-size: 1.05em;
+        padding-bottom: 6px;
+        border-bottom: 1px solid var(--border-color-subtle, #eee);
+      ">
+[[导航:泛ACG亚文化百科/动物园文化＆吉吉国文化|&#x267f; 动物园 & 吉吉国]]
+</div>
+<div style="line-height: 1.8; font-size: 0.95em;">
+        <div style="display:flex; align-items:center;">
+<span style="display:inline-block; width:8px; height:8px; background:#2196F3; margin-right:8px; flex-shrink:0;"></span>
+[[导航:泛ACG亚文化百科/动物园文化＆吉吉国文化/电棍otto|电棍otto]]
+        </div>
+        <div style="display:flex; align-items:center;">
+<span style="display:inline-block; width:8px; height:8px; background:#d32f2f; margin-right:8px; flex-shrink:0;"></span>
+[[导航:泛ACG亚文化百科/动物园文化＆吉吉国文化/山泥若|山泥若]]
+</div>
+<div style="display:flex; align-items:center;">
+<span style="display:inline-block; width:8px; height:8px; background:#e6ac23; margin-right:8px; flex-shrink:0;"></span>
+[[导航:泛ACG亚文化百科/动物园文化＆吉吉国文化/炫神|炫神]]
+</div>
+<div style="margin-top:6px; font-weight:600; font-size:0.9em; opacity:0.8;">
+[[导航:泛ACG亚文化百科/动物园文化＆吉吉国文化/重要人物＆重要团体|→ 更多动物园人物 ↓下滑其它]]
+</div>
+</div>
+</div>
+    <!-- 栏目2：蕾忍宗 -->
+    <div style="
+      flex: 1 1 280px;
+      padding: 16px 20px;
+      border-bottom: 1px solid var(--border-color-subtle, #eaecf0);
+      border-right: 1px solid var(--border-color-subtle, #eaecf0);
+      border-left: 5px solid #757575;
+      box-sizing: border-box;
+    ">
+      <div style="
+        font-weight: 700;
+        margin-bottom: 12px;
+        color: var(--color-base, #202122);
+        font-size: 1.05em;
+        padding-bottom: 6px;
+        border-bottom: 1px solid var(--border-color-subtle, #eee);
+      ">
+[[导航:泛ACG亚文化百科/蕾忍宗|&#x1F977; 蕾忍宗]]
+      </div>
+      <div style="line-height: 1.8; font-size: 0.95em;">
+<div>&#x1F539; [[忍者]]</div>
+<div>&#x1F539; [[安奈师傅]]</div>
+<div>&#x1F539; [[叛忍999]]</div>
+        <div style="visibility:hidden;">.</div>
+      </div>
+    </div>
+    <!-- 栏目3：豌豆笑传 -->
+    <div style="
+      flex: 1 1 280px;
+      padding: 16px 20px;
+      border-bottom: 1px solid var(--border-color-subtle, #eaecf0);
+      border-left: 5px solid #ef6c00;
+      box-sizing: border-box;
+    ">
+      <div style="
+        font-weight: 700;
+        margin-bottom: 12px;
+        color: var(--color-base, #202122);
+        font-size: 1.05em;
+        padding-bottom: 6px;
+        border-bottom: 1px solid var(--border-color-subtle, #eee);
+      ">
+[[导航:泛ACG亚文化百科/豌豆笑传|&#x1F418; 豌豆笑传]]
+      </div>
+      <div style="line-height: 1.8; font-size: 0.95em;">
+<div>&#x1F539; [[袁伟江]]</div>
+<div>&#x1F539; [[栗瑞明]]</div>
+<div>&#x1F539; [[豌豆]]</div>
+<div>&#x1F539; [[大蓝象]] / [[踩踩背]]</div>
+      </div>
+    </div>
+  </div>
-* [[首页/动物园文化＆吉吉国文化/山泥若|山泥若]]
+  <!-- 底部区域 -->
-|
+<div style="
-* a
+    padding: 12px;
-* b
+    background-color: var(--color-surface-1, #f8f9fa); /* 浅灰背景，深色模式下会变深灰 */
-* c
+    text-align: right;
-|
+    border-top: 1px solid var(--border-color-base, #a2a9b1);
-* c
+    display: flex;
-* d
+    align-items: center;
-* e
+    justify-content: flex-end;
-|
+    gap: 10px;
-* d
+  ">
-* e
+<span>需要查找更多内容？</span>
-* f
+{{CustomButton|泛ACG亚文化百科|查看完整导航 →|class=mw-ui-progressive}}
-|}
+  </div>
 </div>
+[[分类:首页模板]]

棍牧典​（留言 | 贡献）

2026年1月8日 (四) 20:00的最新版本

棍牧典（留言 | 贡献）