查看“︁模板:首页导航”︁的源代码

<div class="nav-container" style="
  max-width: 95%;
  margin: 20px auto;
  font-family: Arial, sans-serif;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  border-radius: 8px;
  overflow: hidden;
">
  <!-- 标题 -->
  <div class="nav-header" style="
    background-color: #4CAF50;
    color: white;
    font-size: 1.2em;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  ">
精简导航
  </div>

  <!-- 主内容区 -->
  <div class="nav-grid" style="
    display: flex;
    flex-wrap: wrap;
    background: white;
  ">
    <!-- 每个栏目区块 -->
    <div class="nav-column" style="
      flex: 1;
      min-width: 250px;
      border: 1px solid #ddd;
      padding: 12px 15px;
    ">
      <div class="nav-main-link" style="
        text-align: center;
        margin-bottom: 10px;
        font-weight: bold;
        font-size: 1.1em;
      ">
[[导航:泛ACG亚文化百科/动物园文化＆吉吉国文化|'''动物园文化＆吉吉国文化''']]
      </div>
      <div class="nav-sub-links">
[[导航:泛ACG亚文化百科/动物园文化＆吉吉国文化/电棍otto|{{color|blue|电棍otto}}]]<br/>
[[导航:泛ACG亚文化百科/动物园文化＆吉吉国文化/山泥若|{{color|darkred|山泥若}}]]<br/>
[[导航:泛ACG亚文化百科/动物园文化＆吉吉国文化/炫神|{{color|#e6ac23|炫神}}]]<br/>
[[导航:泛ACG亚文化百科/动物园文化＆吉吉国文化/重要人物＆重要团体|动物园UP主]]
      </div>
    </div>

    <div class="nav-column" style="
      flex: 1;
      min-width: 250px;
      border: 1px solid #ddd;
      padding: 12px 15px;
    ">
      <div class="nav-main-link" style="
        text-align: center;
        margin-bottom: 10px;
        font-weight: bold;
        font-size: 1.1em;
      ">
[[导航:泛ACG亚文化百科/哈基米音乐|'''哈基米音乐''']]
      </div>
      <div class="nav-sub-links">
[[猫反七|{{color|#b39d7b|猫反七}}]]<br/>
[[奇诺の旅的奇诺|{{color|#838476|奇诺の旅的奇诺}}]]<br/>
[[显卡人|{{color|#b89265|显卡人}}]]<br/>
[[圆头耄耋|{{color|#dbb07d|圆头耄耋}}]]<br/>
[[导航:泛ACG亚文化百科/哈基米音乐/用语|相关用语]]
      </div>
    </div>

    <div class="nav-column" style="
      flex: 1;
      min-width: 250px;
      border: 1px solid #ddd;
      padding: 12px 15px;
    ">
      <div class="nav-main-link" style="
        text-align: center;
        margin-bottom: 10px;
        font-weight: bold;
        font-size: 1.1em;
      ">
[[导航:泛ACG亚文化百科/蕾忍宗|'''蕾忍宗''']]
      </div>
      <div class="nav-sub-links">
[[LexBurner|{{color|silver|LexBurner}}]]<br/>
[[忍者|{{color|#5e5e5e|忍者}}]]<br/>
[[安奈师傅|{{color|#5e5e5e|安奈师傅}}]]<br/>
[[叛忍999|{{color|#5e5e5e|叛忍999}}]]
      </div>
    </div>

    <div class="nav-column" style="
      flex: 1;
      min-width: 250px;
      border: 1px solid #ddd;
      padding: 12px 15px;
    ">
      <div class="nav-main-link" style="
        text-align: center;
        margin-bottom: 10px;
        font-weight: bold;
        font-size: 1.1em;
      ">
[[导航:泛ACG亚文化百科/豌豆笑传|'''豌豆笑传''']]
</div>
      <div class="nav-sub-links">
[[袁伟江]]<br/>
[[栗瑞明]]<br/>
[[豌豆]]<br/>
[[大蓝象]]<br/>
[[踩踩背]]
      </div>
    </div>
  </div>

  <!-- 底部链接 -->
  <div class="nav-footer" style="
    padding: 12px 15px;
    border: 1px solid #ddd;
    text-align: right;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background: white;
  ">
[[泛ACG亚文化百科|查看完整导航 →]]
  </div>
</div>