11

2026-08-04 00:17:25 +08:00
parent 4b6c86a32b
commit a4a01dc16d
138 changed files with 6328 additions and 8130 deletions
@@ -0,0 +1,155 @@
+.goods-image {
+        display: block;
+        width: 100%;
+        border-radius: 16px;
+        box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12);
+        margin-bottom: 14px;
+    }
+
+    .goods-desc {
+        font-size: 16px;
+        line-height: 1.8;
+        color: #444;
+        margin: 0 0 10px;
+        text-align: left;
+    }
+
+    .meta-row {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-wrap: wrap;
+        gap: 20px 40px;
+        font-size: 18px;
+        margin-bottom: 30px;
+    }
+
+    .meta-row .price {
+        color: #d93939;
+        font-weight: 800;
+    }
+
+    .table-wrapper {
+        display: grid;
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+        gap: 20px;
+        align-items: start;
+    }
+
+    .table-card {
+        width: 100%;
+        min-width: 0;
+    }
+
+    .table-title {
+        font-size: 20px;
+        font-weight: 700;
+        margin-bottom: 8px;
+        text-align: center;
+        color: #d93939;
+    }
+
+    .table-scroll {
+        width: 100%;
+        overflow-x: auto;
+        border-radius: 12px;
+        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
+    }table {
+        min-width: 420px;
+        text-align: left;
+    }th,
+    td {
+        white-space: nowrap;
+    }
+
+    th {
+        font-weight: 700;
+    }
+
+    .server-col {
+        font-weight: 600;
+    }
+
+    .price-col {
+        color: #d93939;
+        font-weight: 700;
+    }
+
+    .empty-row {
+        height: 80px;
+        padding: 28px 10px;
+        text-align: center;
+        color: #999999;
+        font-weight: 400;
+    }
+
+    /* ===== 万宝楼公示（蓝色） ===== */
+
+    .table-card.notice .table-title {
+        color: #1e6bd6;
+    }
+
+    .table-card.notice .price-col {
+        color: #1e6bd6;
+    }
+
+    .table-card.notice thead {
+        background: #1e6bd6;
+    }
+
+    /* ===== 万宝楼在售（绿色） ===== */
+
+    .table-card.sale .table-title {
+        color: #2e8b57;
+    }
+
+    .table-card.sale .price-col {
+        color: #2e8b57;
+    }
+
+    .table-card.sale thead {
+        background: #2e8b57;
+    }
+
+    /* ===== 查询区服（紫色） ===== */
+
+    .table-card.query .table-title {
+        color: #8a4fd3;
+    }
+
+    .table-card.query .price-col {
+        color: #8a4fd3;
+    }
+
+    .table-card.query thead {
+        background: #8a4fd3;
+    }
+
+    @media (max-width: 1100px) {
+        .table-wrapper {
+            grid-template-columns: repeat(2, minmax(0, 1fr));
+        }
+    }
+
+    @media (max-width: 720px) {
+        body {
+            padding: 12px;
+        }
+
+        h1 {
+            font-size: 24px;
+        }
+
+        .goods-desc {
+            font-size: 14px;
+        }
+
+        .meta-row {
+            gap: 12px 20px;
+            font-size: 16px;
+        }
+
+        .table-wrapper {
+            grid-template-columns: 1fr;
+        }
+    }