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

@@ 第1行： / 第1行： @@
-<div class="nav-container" style="
+<div style="
-  max-width: 95%;
+max-width:98%;
-  margin: 20px auto;
+margin:16px auto;
-  font-family: Arial, sans-serif;
+border:1px solid #e0e0e0;
-  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+border-radius:8px;
-  border-radius: 8px;
+background:#ffffff;
-  overflow: hidden;
+"><!-- 标题区域 -->
-">
+<div style="
-  <!-- 标题 -->
+background-color:#4CAF50;
-  <div class="nav-header" style="
+color:white;
-    background-color: #4CAF50;
+padding:16px;
-    color: white;
+text-align:center;
-    font-size: 1.2em;
+border-radius:8px 8px 0 0;
-    height: 60px;
+">&#x1F5FA;精简导航</div><!-- 主内容区 -->
-    display: flex;
+<div style="
-    align-items: center;
+display:flex;
-    justify-content: center;
+flex-wrap:wrap;
-    border-top-left-radius: 8px;
+border-bottom:1px solid #e0e0e0;
-    border-top-right-radius: 8px;
+"><!-- 栏目1 -->
-  ">
+<div style="
-精简导航
+flex:1 0 25%;
-  </div>
+min-width:200px;
+padding:16px;
-  <!-- 主内容区 -->
+border-right:1px solid #e0e0e0;
-  <div class="nav-grid" style="
+border-bottom:1px solid #e0e0e0;
-    display: flex;
+box-sizing:border-box;
-    flex-wrap: wrap;
+"><div style="
-    background: white;
+text-align:center;
-  ">
+margin-bottom:12px;
-    <!-- 每个栏目区块 -->
+padding-bottom:8px;
-    <div class="nav-column" style="
+border-bottom:2px solid #4CAF50;
-      flex: 1;
+color:#2E7D32;
-      min-width: 250px;
+">[[导航:泛ACG亚文化百科/动物园文化＆吉吉国文化|'''&#x1F418;动物园文化＆吉吉国文化''']]</div><div>
-      border: 1px solid #ddd;
+<div>[[导航:泛ACG亚文化百科/动物园文化＆吉吉国文化/电棍otto|{{color|blue|&#x1F539;电棍otto}}]]</div>
-      padding: 12px 15px;
+<div>[[导航:泛ACG亚文化百科/动物园文化＆吉吉国文化/山泥若|{{color|darkred|&#x1F539;山泥若}}]]</div>
-    ">
+<div>[[导航:泛ACG亚文化百科/动物园文化＆吉吉国文化/炫神|{{color|#e6ac23|&#x1F539;炫神}}]]</div>
-      <div class="nav-main-link" style="
+<div>[[导航:泛ACG亚文化百科/动物园文化＆吉吉国文化/重要人物＆重要团体|&#x1F538;动物园UP主]]</div>
-        text-align: center;
+</div></div><!-- 栏目2 -->
-        margin-bottom: 10px;
+<div style="
-        font-weight: bold;
+flex:1 0 25%;
-        font-size: 1.1em;
+min-width:200px;
-      ">
+padding:16px;
-[[导航:泛ACG亚文化百科/动物园文化＆吉吉国文化|'''动物园文化＆吉吉国文化''']]
+border-right:1px solid #e0e0e0;
-      </div>
+border-bottom:1px solid #e0e0e0;
-      <div class="nav-sub-links">
+box-sizing:border-box;
-[[导航:泛ACG亚文化百科/动物园文化＆吉吉国文化/电棍otto|{{color|blue|电棍otto}}]]<br/>
+"><div style="
-[[导航:泛ACG亚文化百科/动物园文化＆吉吉国文化/山泥若|{{color|darkred|山泥若}}]]<br/>
+text-align:center;
-[[导航:泛ACG亚文化百科/动物园文化＆吉吉国文化/炫神|{{color|#e6ac23|炫神}}]]<br/>
+margin-bottom:12px;
-[[导航:泛ACG亚文化百科/动物园文化＆吉吉国文化/重要人物＆重要团体|动物园UP主]]
+padding-bottom:8px;
-      </div>
+border-bottom:2px solid #b39d7b;
-    </div>
+color:#8d6e63;
+">[[导航:泛ACG亚文化百科/哈基米音乐|'''&#x1F3B5;哈基米音乐''']]</div><div>
-    <div class="nav-column" style="
+<div>[[猫反七|{{color|#b39d7b|&#x1F539;猫反七}}]]</div>
-      flex: 1;
+<div>[[奇诺の旅的奇诺|{{color|#838476|&#x1F539;奇诺の旅的奇诺}}]]</div>
-      min-width: 250px;
+<div>[[显卡人|{{color|#b89265|&#x1F539;显卡人}}]]</div>
-      border: 1px solid #ddd;
+<div>[[圆头耄耋|{{color|#dbb07d|&#x1F539;圆头耄耋}}]]</div>
-      padding: 12px 15px;
+<div>[[导航:泛ACG亚文化百科/哈基米音乐/用语|&#x1F538;相关用语]]</div>
-    ">
+</div></div><!-- 栏目3 -->
-      <div class="nav-main-link" style="
+<div style="
-        text-align: center;
+flex:1 0 25%;
-        margin-bottom: 10px;
+min-width:200px;
-        font-weight: bold;
+padding:16px;
-        font-size: 1.1em;
+border-right:1px solid #e0e0e0;
-      ">
+border-bottom:1px solid #e0e0e0;
-[[导航:泛ACG亚文化百科/哈基米音乐|'''哈基米音乐''']]
+box-sizing:border-box;
-      </div>
+"><div style="
-      <div class="nav-sub-links">
+text-align:center;
-[[猫反七|{{color|#b39d7b|猫反七}}]]<br/>
+margin-bottom:12px;
-[[奇诺の旅的奇诺|{{color|#838476|奇诺の旅的奇诺}}]]<br/>
+padding-bottom:8px;
-[[显卡人|{{color|#b89265|显卡人}}]]<br/>
+border-bottom:2px solid #5e5e5e;
-[[圆头耄耋|{{color|#dbb07d|圆头耄耋}}]]<br/>
+color:#424242;
-[[导航:泛ACG亚文化百科/哈基米音乐/用语|相关用语]]
+">[[导航:泛ACG亚文化百科/蕾忍宗|'''&#x1F977;蕾忍宗''']]</div><div>
-      </div>
+<div>[[LexBurner|{{color|silver|&#x1F539;LexBurner}}]]</div>
-    </div>
+<div>[[忍者|{{color|#5e5e5e|&#x1F539;忍者}}]]</div>
+<div>[[安奈师傅|{{color|#5e5e5e|&#x1F539;安奈师傅}}]]</div>
-    <div class="nav-column" style="
+<div>[[叛忍999|{{color|#5e5e5e|&#x1F539;叛忍999}}]]</div>
-      flex: 1;
+</div></div><!-- 栏目4 -->
-      min-width: 250px;
+<div style="
-      border: 1px solid #ddd;
+flex:1 0 25%;
-      padding: 12px 15px;
+min-width:200px;
-    ">
+padding:16px;
-      <div class="nav-main-link" style="
+border-bottom:1px solid #e0e0e0;
-        text-align: center;
+box-sizing:border-box;
-        margin-bottom: 10px;
+"><div style="
-        font-weight: bold;
+text-align:center;
-        font-size: 1.1em;
+margin-bottom:12px;
-      ">
+padding-bottom:8px;
-[[导航:泛ACG亚文化百科/蕾忍宗|'''蕾忍宗''']]
+border-bottom:2px solid #ff9800;
-      </div>
+color:#ef6c00;
-      <div class="nav-sub-links">
+">[[导航:泛ACG亚文化百科/豌豆笑传|'''&#x1F604;豌豆笑传''']]</div><div>
-[[LexBurner|{{color|silver|LexBurner}}]]<br/>
+<div>[[袁伟江|&#x1F539;袁伟江]]</div>
-[[忍者|{{color|#5e5e5e|忍者}}]]<br/>
+<div>[[栗瑞明|&#x1F539;栗瑞明]]</div>
-[[安奈师傅|{{color|#5e5e5e|安奈师傅}}]]<br/>
+<div>[[豌豆|&#x1F539;豌豆]]</div>
-[[叛忍999|{{color|#5e5e5e|叛忍999}}]]
+<div>[[大蓝象|&#x1F539;大蓝象]]</div>
-      </div>
+<div>[[踩踩背|&#x1F539;踩踩背]]</div>
-    </div>
+</div></div></div><!-- 底部区域 -->
+<div style="
-    <div class="nav-column" style="
+padding:16px;
-      flex: 1;
+text-align:center;
-      min-width: 250px;
+"><span style="
-      border: 1px solid #ddd;
+display:inline-block;
-      padding: 12px 15px;
+background-color:#4CAF50;
-    ">
+color:white;
-      <div class="nav-main-link" style="
+padding:10px 24px;
-        text-align: center;
+border-radius:4px;
-        margin-bottom: 10px;
+">[[泛ACG亚文化百科|查看完整导航 →]]</span></div></div>
-        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>