调整UI

app/static/css/play.css

@@ -980,10 +980,8 @@ a.play-meta__tag:focus-visible {
   width: 12px;
   height: 12px;
   border-radius: 999px;
-  background:
-    url("/static/images/coin.png") center / 8px 8px no-repeat,
-    linear-gradient(135deg, #e9c977 0%, #d9a94a 100%);
-  border: 1px solid #e9c977;
+  background: url("/static/images/lock.svg") center / 8px 8px no-repeat, var(--accent-deep);
+  border: 1px solid var(--accent);
   box-sizing: border-box;
 }
 
@@ -1817,3 +1815,45 @@ a.play-meta__tag:focus-visible {
     line-height: 18px;
   }
 }
+
+/* 简介下方标签行 */
+.play-synopsis__tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 12px;
+}
+
+.play-synopsis__tag {
+  padding: 3px 10px;
+  border-radius: var(--radius-sm);
+  color: var(--text-muted);
+  font-size: 12px;
+  line-height: 18px;
+  text-decoration: none;
+  background: rgba(255, 255, 255, 0.06);
+}
+
+.play-synopsis__tag::before {
+  content: "#";
+  margin-right: 2px;
+  color: var(--accent);
+}
+
+a.play-synopsis__tag:hover {
+  color: var(--text);
+  background: rgba(236, 35, 127, 0.12);
+}
+
+@media (max-width: 768px) {
+  .play-synopsis__tags {
+    gap: 6px;
+    margin-top: 10px;
+  }
+
+  .play-synopsis__tag {
+    padding: 2px 8px;
+    font-size: 11px;
+    line-height: 16px;
+  }
+}