MediaWiki:Common.css：修订间差异

←上一编辑

@@ 第22行： / 第22行： @@
      position: relative;
      padding: 15px 20px 15px 35px;
-     margin-bottom: 25px;
+     margin-bottom: 20px;
      border-radius: 4px;
      background: rgba(255,255,255,0.95);
@@ 第134行： / 第134行： @@
      opacity: 0.6;
      left: -12px;
+}
+/* ===== 爪类武器专用样式 ===== */
+/* 网格容器 */
+.claw-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 0.5rem;
+    margin: 1rem 0;
+}
+/* 武器卡片 */
+.claw-card {
+    display: flex;
+    align-items: center;
+    background: #1a1a1a;
+    border-radius: 8px;
+    padding: 12px;
+    margin-bottom: 1rem;
+    transition: transform 0.2s;
+}
+.claw-card:hover {
+    transform: translateX(5px);
 }
-/* 仅桌面端生效 */
+/* 图标样式 */
-@media screen and (min-width: 768px) {
+.claw-icon {
-     .season-block {
+    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));
-        position: relative;
+    margin-right: 20px;
-        padding: 15px 20px 15px 35px;
+    flex-shrink: 0;
-        /* 其他桌面端专属样式 */
+}
+/* 文字信息区 */
+.claw-info {
+     flex-grow: 1;
+}
+/* 武器名称 */
+.claw-name {
+    color: #ffffff;
+    font-size: 1.3em;
+    font-weight: 600;
+    margin-bottom: 4px;
+}
+/* 需求信息 */
+.claw-require {
+    color: #8c8c8c;
+    font-size: 0.9em;
+}
+/* 移动端适配 */
+@media (max-width: 768px) {
+    .claw-grid {
+        grid-template-columns: 1fr;
      }
-     .decorative-line {
-         width: 5px;
+     .claw-card {
-         height: 90%;
+         flex-direction: column;
-        /* 其他装饰线动画 */
+         text-align: center;
      }
-     /* 其他需要禁用的移动端样式 */
+    .claw-icon {
+        margin-right: 0;
+        margin-bottom: 10px;
+    }
+}
+/* 星级 */
+.mw-star-rating {
+    color: #ffc53d;
+    letter-spacing: 2px;
+    font-size: 1.2em;
+    unicode-bidi: bidi-override; /* 防止RTL语言导致符号反转 */
 }