Template:Infobox Backrooms：修订间差异

2026年6月12日 (五) 07:41的版本

生存难度：

等级 ?

?

   ◆ 信息未提供

@@ 第1行： / 第1行： @@
-<div class="sd-container" style="width: 100%; max-width: 400px; margin: 1em 0; font-family: sans-serif;">
+<div style="background: #1a1a2e; color: #e0e0e0; margin: 1em 0; position: relative; overflow: hidden; min-height: 120px; border-radius: 4px;">
+  <!-- 顶部条 -->
-    <!-- 上半部分：标题 + 菱形 -->
+  <div style="background: linear-gradient(90deg, #4a4a4a 0%, #f5c518 40%, #f5c518 100%); padding: 10px 16px; position: relative; z-index: 2;">
-    <div class="sd-top" style="position: relative; background: linear-gradient(90deg, #5a4a1a 0%, #f4c430 40%, #f4c430 60%, #5a4a1a 100%); padding: 12px 16px; min-height: 60px; border-radius: 4px 4px 0 0;">
+    <div style="font-size: 1.5em; font-weight: bold; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.6);">生存难度：</div>
+    <div style="font-size: 1.2em; color: #fff; font-style: italic;">等级 {{{等级|?}}}</div>
-        <!-- 左侧文字 -->
+    <!-- 斜线装饰 -->
-        <div style="position: relative; z-index: 2;">
+    <div style="position: absolute; right: 90px; top: -10px; bottom: -10px; width: 40px; background: #1a1a2e; transform: skewX(-35deg);"></div>
-            <div style="font-size: 18px; font-weight: bold; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); line-height: 1.3;">
+    <div style="position: absolute; right: 55px; top: -10px; bottom: -10px; width: 40px; background: #1a1a2e; transform: skewX(-35deg);"></div>
-                生存难度：
+  </div>
-            </div>
-            <div style="font-size: 15px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);">
+  <!-- 菱形图标 -->
-                等级 {{{等级|0}}}
+  <div style="position: absolute; right: -30px; top: -30px; width: 160px; height: 160px; background: #f5c518; transform: rotate(45deg); box-shadow: -3px 3px 10px rgba(0,0,0,0.4); z-index: 1;">
-            </div>
+    <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg);">
-        </div>
+      <div style="width: 55px; height: 55px; border: 4px solid #1a1a2e; display: flex; align-items: center; justify-content: center; font-size: 2em; font-weight: bold; color: #1a1a2e; font-family: serif;">{{{等级|?}}}</div>
-        <!-- 右侧菱形 -->
-        <div style="position: absolute; right: 20px; top: 50%; transform: translateY(-50%) rotate(45deg); width: 50px; height: 50px; background: #f4c430; border: 2px solid #1a1a2e; display: flex; align-items: center; justify-content: center; z-index: 2; box-shadow: 0 0 10px rgba(244,196,48,0.5);">
-            <div style="transform: rotate(-45deg); font-size: 24px; font-weight: bold; color: #1a1a2e;">
-                {{{等级|0}}}
-            </div>
-        </div>
-        <!-- 菱形背景装饰（可选） -->
-        <div style="position: absolute; right: 20px; top: 50%; transform: translateY(-50%) rotate(45deg); width: 50px; height: 50px; background: rgba(244,196,48,0.3); border: 1px solid rgba(244,196,48,0.5); z-index: 1;"></div>
      </div>
+  </div>
-    <!-- 下半部分：描述列表 -->
-    <div class="sd-bottom" style="background: #1a1a2e; padding: 12px 16px; border-radius: 0 0 4px 4px; border: 2px solid #857858; border-top: none;">
+  <!-- 描述 -->
-        <ul style="margin: 0; padding-left: 20px; list-style: none; color: #e0e0e0; line-height: 1.8;">
+  <div style="padding: 20px 180px 20px 24px; line-height: 1.8; font-size: 1.1em;">
-            {{{描述|}}}
+    {{{描述|◆ 信息未提供}}}
-        </ul>
+  </div>
-    </div>
 </div>