世界地图：修订间差异

←上一编辑下一编辑→

2026年4月16日 (四) 12:06的版本

语言：中文繁體日本語 English

@@ 第11行： / 第11行： @@
 </div>
-<!-- 地图容器 -->
+<!-- 地图+详情并排 -->
+<div style="display:flex; gap:12px; align-items:flex-start;">
+<!-- 左：地图 -->
+<div style="flex:1; min-width:0;">
 <div id="world-map" style="width:100%; height:600px; background:#0d2137; border-radius:6px; border:1px solid #2a4a6c;"></div>
+</div>
-<!-- 城市详情面板 -->
+<!-- 右：城市详情 -->
-<div id="city-detail" style="display:none; margin-top:16px; padding:16px; background:#111e30; border:1px solid #2a4a6c; border-radius:6px;">
+<div id="city-detail" style="width:280px; flex-shrink:0; display:none; padding:16px; background:#111e30; border:1px solid #2a4a6c; border-radius:6px;">
-<h3 id="city-detail-name" style="color:#c9a84c; margin:0 0 12px 0;"></h3>
+<h3 id="city-detail-name" style="color:#c9a84c; margin:0 0 12px 0; font-size:1.1em;"></h3>
-<table class="wikitable" style="width:100%; max-width:500px;">
+<table class="wikitable" style="width:100%;">
 <tr><th>城市类型</th><td id="city-detail-type"></td></tr>
-<tr><th>文化圈</th><td id="city-detail-region"></td></tr>
+<tr><th>地区</th><td id="city-detail-region"></td></tr>
 <tr><th>国家</th><td id="city-detail-country"></td></tr>
 <tr><th>坐标</th><td id="city-detail-coord"></td></tr>
 <tr><th>船厂</th><td id="city-detail-shipyard"></td></tr>
 </table>
-<p style="margin-top:8px;"><a id="city-detail-link" href="#">查看详细页面 →</a></p>
+<p style="margin-top:8px;"><a id="city-detail-link" href="#" style="color:#c9a84c;">查看详细页面 →</a></p>
 </div>
+</div>
 </div>
 </html>

城市类型
地区
国家
坐标
船厂