模板:角色图鉴/影画：修订间差异

2024年7月5日 (五) 19:08的版本

影画1

影画2

影画3

@@ 第27行： / 第27行： @@
 {{#CSS:
-.weapon-item-container{
+.weapon-item-container {
      position: relative;
-     bottom: 10px;
+     width: 60vw; /* 容器的宽度 */
-     top: -10;
+     padding-top: calc(60vw * (872 / 1589)); /* 根据比例计算顶部填充 */
-     width: 60vw;
+    background: linear-gradient(to bottom, #000, #333);
+     border-radius: 5px;
+    border: 2px solid #555;
+     overflow: hidden; /* 隐藏多余部分 */
 }
 .soc-focus-c {
-     width: 60vw !important;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+     width: 100%; /* 占满父容器 */
+    height: 100%; /* 占满父容器 */
 }
 .soc-focus-c .swiper-slide {
+    width: 100%;
+    height: 100%;
      background: none!important;
 }
-<!-- 标签选中时 -->
+/* 标签选中时 */
 .tabber__tab[aria-selected='true'], .tabber__tab[aria-selected='true']:visited {
      color: #222122 !important;
      background: #d8fa00;
 }
-<!-- 标签下面的样式线 -->
+/* 标签下面的样式线 */
 .tabber__indicator {
      background: #222122;
 }
-<!-- 选中时的文字的下划线 -->
+/* 选中时的文字的下划线 */
 .so-content-in a:hover, .so-content-in a:focus {
      text-decoration: none !important;
 }
-<!-- 未选中标签的文字被按住时 -->
+/* 未选中标签的文字被按住时 */
 .so-content-in a:active {
      color: #BAD700 !important;
 }
-<!-- 调整标签位置 -->
+/* 调整标签位置 */
 .tabber__tabs {
      padding-left: 6px;
      padding-right: 6px;
 }
-.tabber__panel{
+.tabber__panel {
      padding-left: 0px !important;
      padding-right: 0px !important;
      padding: 0 !important;
-}
-.weapon-item-container {
-    <!-- width: 100%; /* 调整为100%，使其填充父容器 */ -->
-    width: 60vw;
-    background: linear-gradient(to bottom, #000, #333);
-    border-radius: 5px;
-    border: 2px solid #555;
-    position: relative;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-.weapon-item-image {
-    width: 90%;
-    height: auto;
-    z-index: 2;
 }
@@ 第92行： / 第93行： @@
      height: 14px;
      background-color: #8f6f216e;
+}
+.soc-focus-c .swiper-slide .title {
+    font-weight: bold; /* 加粗文字 */
+    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; /* 黑色描边 */
 }