MediaWiki:Common.css：修订间差异

←上一编辑下一编辑→

@@ 第204行： / 第204行： @@
 /* 神圣石交易市场样式 */
 .sacred-stone-market {
-     background-color: white;
+     background: #f5f5f5;
+    padding: 20px;
+    max-width: 800px;
+    margin: 0 auto;
+}
+.sacred-item-card {
+    background: white;
+    border-radius: 8px;
      padding: 15px;
-     font-family: Arial, sans-serif;
+     margin-bottom: 15px;
+    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
+    position: relative;
+}
+.badge-group {
+    margin-bottom: 8px;
 }
-.sacred-stone-item {
+.badge-blue, .badge-green {
-     border: 1px solid #ddd;
+     display: inline-block;
-     border-radius: 5px;
+     padding: 3px 8px;
-     padding: 15px;
+     border-radius: 4px;
-     margin-bottom: 20px;
+     font-size: 12px;
-     background-color: #f9f9f9;
+     margin-right: 5px;
 }
-.sacred-stone-item h4 {
+.badge-blue { background: #e6f3ff; color: #1890ff; }
+.badge-green { background: #e6ffe6; color: #52c41a; }
+.transaction-header {
+    font-size: 16px;
      color: #333;
-     border-bottom: 1px solid #eee;
+     margin-bottom: 10px;
-     padding-bottom: 5px;
+}
+.fee-tag {
+    color: #ff4d4f;
+    font-size: 14px;
+}
+.price-section {
+    display: flex;
+    align-items: baseline;
+    gap: 15px;
+    margin: 10px 0;
+}
+.main-price {
+    color: #ff6a00;
+    font-size: 24px;
+    font-weight: 700;
+}
+.unit-price {
+    color: #666;
+    font-size: 14px;
+}
+.exchange-rate {
+    color: #8c8c8c;
+    font-size: 12px;
+     margin-bottom: 10px;
 }
-.sacred-stone-item ul {
+.game-info {
-     list-style-type: none;
+     color: #595959;
-     padding-left: 0;
+    font-size: 14px;
+     line-height: 1.6;
 }
-.sacred-stone-item li {
+.meta-info {
-     margin-bottom: 8px;
+    display: flex;
-     color: #555;
+    justify-content: space-between;
+     margin-top: 10px;
+     color: #8c8c8c;
+    font-size: 13px;
 }
 .buy-button {
-     display: inline-block;
+     position: absolute;
-     padding: 8px 15px;
+    right: 20px;
-     background-color: #fff;
+    bottom: 20px;
-     color: #f80;
+     padding: 8px 25px;
-     border: 2px solid #f80;
+     background: #fff;
-     border-radius: 4px;
+     border: 2px solid #ff6a00;
+     color: #ff6a00;
+     border-radius: 20px;
      font-weight: bold;
-    margin-top: 10px;
      cursor: pointer;
+    transition: all 0.3s;
 }
 .buy-button:hover {
-     background-color: #f80;
+     background: #ff6a00;
      color: white;
 }
-/* 星级评分样式 */
+/* 星级模板样式 */
 .mw-star-rating {
-    unicode-bidi: bidi-override;
+     color: #ffc53d;
-     color: #ccc;
+     letter-spacing: 2px;
-    font-size: 16px;
-    position: relative;
-     margin: 0;
-    padding: 0;
-}
-.mw-star-rating .mw-star-rating-filled {
-    color: #f80;
-    position: absolute;
-    display: block;
-    top: 0;
-    left: 0;
-    overflow: hidden;
 }