模板:武器图鉴/基本信息：修订间差异

2024年6月14日 (五) 14:25的最新版本

深海访客

特制的大功率变温型音擎，兼具极强的制冷能力与输出功率，是艾莲惯用的音擎款式。

名称	深海访客
属性	强攻电
高级属性	暴击率
音擎效果	对于[]角色，能够触发以下效果
诸洋之王	攻击增加20% ，对敌人施加冰冻后，暴击率增加27%，持续6秒。

@@ 第14行： / 第14行： @@
          <table>
              <tr><th>名称</th><td>{{#var:武器名称国服}}</td></tr>
-             <tr><th>属性</th><td>
+             <tr><th>属性</th><td>{{图标居左30px|{{#var:属性}}}}</td></tr>
-<div class="flex-row-left"><div class="flex-row-icon">[[{{#switch: {{#var:属性}}
-| 火|火 = File:IconFire.png
-| 电|电 = File:IconElectric.png
-| 冰|冰 = File:IconIce.png
-| 物理|物理 = File:IconPhysical.png
-| 以太|以太 = File:IconEther.png
-| 强攻|强攻 = File:强攻.png
-| 击破|击破 = File:击破.png
-| 异常|异常 = File:异常.png
-| 支援|支援 = File:支援.png
-| 防护|防护 = File:防护.png
-| #default = File:{{#var:属性}}.png
-}}|30px|link=]]<center></center>{{#var:属性}}</div></div>
-            </td></tr>
              <tr><th>高级属性</th><td>{{#var:高级属性}}</td></tr>
              <tr><th>音擎效果</th><td>{{#var:音擎效果}}</td></tr>
@@ 第37行： / 第23行： @@
 {{#css:
 .item-container {
-     width: 1200px;
+     <!-- width: 1200px; -->
+    width: 95%;
      margin: 20px auto;
      background: linear-gradient(to bottom, #333333, #12121A); /* 修改渐变背景适应深色背景 */
@@ 第105行： / 第92行： @@
      font-size: 14px;
      width: 70%;
+}
+/* 基本样式适用于桌面版 */
+/* 响应式调整用于移动设备 */
+@media screen and (max-width: 768px) {
+    .item-container {
+        width: 100%; /* 使用全屏宽度 */
+    }
+    .item-header {
+        flex-direction: column; /* 项目垂直排列 */
+        align-items: center; /* 居中对齐 */
+    }
+    .item-image img {
+        width: 120px; /* 减小图片尺寸 */
+        height: 120px;
+    }
+    .item-info {
+        margin-left: 0;
+        text-align: center; /* 文本居中 */
+    }
+    .item-details th, .item-details td {
+        padding: 8px; /* 减小内边距 */
+    }
+    .item-details th {
+        font-size: 14px; /* 减小字体大小 */
+    }
+    .item-details td {
+        font-size: 12px;
+    }
+    .item-rarity {
+        display: flex;
+        justify-content: center !important;
+    }
 }