MediaWiki:Common.css：修订间差异

←上一编辑下一编辑→

@@ 第135行： / 第135行： @@
      left: -12px;
 }
-/* == 武器图鉴核心样式 == */
+/* ===== 爪类武器专用样式 ===== */
-/* 卡片式布局系统 */
+/* 网格容器 */
-.weapon-card {
+.claw-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 1.5rem;
+    margin: 2rem 0;
+}
+/* 武器卡片 */
+.claw-card {
      display: flex;
      align-items: center;
+    background: #1a1a1a;
+    border-radius: 8px;
      padding: 12px;
-     margin-bottom: 15px;
+     margin-bottom: 1rem;
-    background-color: #2a2a2a;
+     transition: transform 0.2s;
-    border-radius: 8px;
-     transition: transform 0.3s ease;  /* 添加悬停动效 */
 }
-.weapon-card:hover {
+.claw-card:hover {
-     transform: translateX(8px);
+     transform: translateX(5px);
 }
-/* 图标容器 */
+/* 图标样式 */
-.weapon-icon {
+.claw-icon {
+    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));
+    margin-right: 20px;
      flex-shrink: 0;
-    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));  /* 增强立体感 */
 }
-/* 文字信息区块 */
+/* 文字信息区 */
-.weapon-info {
+.claw-info {
-    margin-left: 20px;
      flex-grow: 1;
 }
-/* 武器名称样式 */
+/* 武器名称 */
-.weapon-name {
+.claw-name {
-     color: #d9b779;
+     color: #ffffff;
-     font-size: 1.2em;
+     font-size: 1.3em;
-    margin-bottom: 5px;
+     font-weight: 600;
-     font-family: "Arial", "Helvetica", sans-serif;  /* 兼容字体栈 */
+     margin-bottom: 4px;
-     text-shadow: 1px 1px 2px #00000080;  /* 文字投影 */
-}
-/* 响应式栅格系统 */
-.mw-grid.mw-grid-gap-4 {
-    gap: 1rem;  /* 改用rem单位 */
 }
-.mw-grid-col.mw-6-col {
+/* 需求信息 */
-     width: calc(50% - 0.5rem);  /* 精确计算间距 */
+.claw-require {
+     color: #8c8c8c;
+    font-size: 0.9em;
 }
 /* 移动端适配 */
-@media screen and (max-width: 768px) {
+@media (max-width: 768px) {
-     .mw-grid-col.mw-6-col {
+     .claw-grid {
-         width: 100%;
+         grid-template-columns: 1fr;
-        margin-bottom: 1.5rem;
      }
-     .weapon-card {
+     .claw-card {
          flex-direction: column;
          text-align: center;
      }
-     .weapon-info {
+     .claw-icon {
-         margin-left: 0;
+         margin-right: 0;
-         margin-top: 10px;
+         margin-bottom: 10px;
      }
 }
-/* 颜色扩展系统 */
-.weapon-rarity-1 { background: linear-gradient(90deg, #3a3a3a, #2a2a2a) }
-.weapon-rarity-2 { background: linear-gradient(90deg, #2d4a2d, #1e321e) }
-.weapon-rarity-3 { background: linear-gradient(90deg, #4a2d2d, #321e1e) }
-/* 辅助类 */
-.text-gold { color: #d9b779 }
-.bg-dark { background-color: #1a1a1a }
-.rounded-lg { border-radius: 12px }