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,84 @@
+.item {
+        display: flex;
+        background: #fff;
+        border-radius: 14px;
+        box-shadow: 0 6px 18px rgba(0,0,0,0.08);
+        margin-bottom: 22px;
+        overflow: hidden;
+    }
+
+    .item img {
+        width: 200px;
+        height: 200px;
+        object-fit: contain;
+        background: #fafafa;
+        padding: 14px;
+    }
+
+    .info {
+        flex: 1;
+        padding: 18px 22px;
+    }
+
+    .name {
+        font-size: 26px;
+        font-weight: 800;
+        margin-bottom: 6px;
+    }
+
+    /* 品质颜色 */
+    .q1 { color: #999; }
+    .q2 { color: #2ecc71; }
+    .q3 { color: #3498db; }
+    .q4 { color: #9b59b6; }
+    .q5 { color: #e67e22; }
+
+    .meta {
+        font-size: 15px;
+        color: #555;
+        margin-bottom: 12px;
+    }
+
+    .meta span {
+        margin-right: 16px;
+    }
+
+    .tip {
+        background: #f8f9fb;
+        border-left: 4px solid #d93939;
+        padding: 8px 12px;
+        font-size: 14px;
+        color: #555;
+        margin-bottom: 14px;
+    }
+
+    .attrs {
+        display: grid;
+        grid-template-columns: repeat(5, 1fr);
+        gap: 10px;
+    }
+
+    .attr {
+        background: #fafafa;
+        border-radius: 10px;
+        padding: 10px;
+        text-align: center;
+    }
+
+    .attr-name {
+        font-size: 13px;
+        color: #777;
+        margin-bottom: 4px;
+    }
+
+    .attr-value {
+        font-size: 17px;
+        font-weight: 700;
+        color: #333;
+    }
+
+    .footer {
+        margin-top: 10px;
+        font-size: 14px;
+        color: #777;
+    }