首页/导航图标：修订间差异

2026年4月1日 (三) 15:09的版本

   <input type="radio" name="game-selector" id="game-1" checked>
   <input type="radio" name="game-selector" id="game-2">
   <input type="radio" name="game-selector" id="game-3">
   <input type="radio" name="game-selector" id="game-4">

       <label for="game-1" class="nav-text-btn btn-blue">少女前线</label>
       <label for="game-2" class="nav-text-btn btn-green">少女前线2</label>
       <label for="game-3" class="nav-text-btn btn-orange">云图计划</label>
       <label for="game-4" class="nav-text-btn btn-red">逆向坍塌</label>

File:人形图鉴测试icon.png

人形图鉴

           这里是少前2的内容...

           这里是云图的内容...

           这里是面包房的内容...

@@ 第1行： / 第1行： @@
-<div style="display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap; margin-bottom: 30px; padding: 10px;">
+<div class="game-nav-tabs">
+    <input type="radio" name="game-selector" id="game-1" checked>
-     <div class="mw-customtoggle-game1 nav-text-btn btn-blue">
+     <input type="radio" name="game-selector" id="game-2">
-        少女前线
+     <input type="radio" name="game-selector" id="game-3">
-     </div>
+     <input type="radio" name="game-selector" id="game-4">
-     <div class="mw-customtoggle-game2 nav-text-btn btn-green">
+     <div class="game-button-row">
-        少女前线2
+        <label for="game-1" class="nav-text-btn btn-blue">少女前线</label>
+        <label for="game-2" class="nav-text-btn btn-green">少女前线2</label>
+        <label for="game-3" class="nav-text-btn btn-orange">云图计划</label>
+        <label for="game-4" class="nav-text-btn btn-red">逆向坍塌</label>
      </div>
-     <div class="mw-customtoggle-game3 nav-text-btn btn-orange">
+     <div class="game-content-container">
-        云图计划
+        <div class="game-content" id="content-game-1">
-    </div>
+             <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;">
+                <div class="nav-sub-item">
+                    [[File:人形图鉴测试icon.png|100px|center|link=少女前线/图鉴/战术人形]]
+                    <div class="nav-sub-text">人形图鉴</div>
+                </div>
+                </div>
+        </div>
-    <div class="mw-customtoggle-game4 nav-text-btn btn-red">
+        <div class="game-content" id="content-game-2">
-        逆向坍塌
+            这里是少前2的内容...
-    </div>
+        </div>
-</div>
+        <div class="game-content" id="content-game-3">
+            这里是云图的内容...
+        </div>
-<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-game1" style="background: rgba(0,0,0,0.03); border-radius: 12px; padding: 20px; margin-bottom: 20px;">
+        <div class="game-content" id="content-game-4">
-    <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;">
+            这里是面包房的内容...
-        <div class="nav-sub-item">
-            [[File:人形图鉴测试icon.png|100px|center|link=少女前线/图鉴/战术人形]]
-            <div class="nav-sub-text">[[少女前线/图鉴/战术人形|人形图鉴]]</div>
-        </div>
-        <div class="nav-sub-item">
-            [[File:弹匣 状态弹 空尖弹.png|100px|center|link=少女前线/图鉴/装备]]
-            <div class="nav-sub-text">[[少女前线/图鉴/装备|装备图鉴]]</div>
-        </div>
-        <div class="nav-sub-item">
-            [[File:你的图标3.png|80px|center|link=目标页面名字]]
-            <div class="nav-sub-text">[[目标页面名字|剧情一览]]</div>
          </div>
      </div>
-</div>
-<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-game2" style="background: rgba(0,0,0,0.03); border-radius: 12px; padding: 20px; text-align: center;">
-    这里是《少女前线2》的详细导航...
-</div>
-<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-game3" style="background: rgba(0,0,0,0.03); border-radius: 12px; padding: 20px; text-align: center;">
-    这里是《云图计划》的详细导航...
-</div>
-<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-game4" style="background: rgba(0,0,0,0.03); border-radius: 12px; padding: 20px; text-align: center;">
-    这里是《逆向坍塌：面包房行动》的详细导航...
 </div>