补充主题静态资源与归档模板

assets/css/frontend/resource-meta/part-5.css

@@ -0,0 +1,55 @@
+    position: absolute;
+    left: -2px;
+    right: -2px;
+    top: 50%;
+    height: 1px;
+    background: var(--color-ink-4);
+    transform: rotate(-8deg);
+}
+
+/* ============================================================
+ * 视频播放器容器
+ * ============================================================ */
+.resource-video-container {
+    position: relative;
+    width: 100%;
+    padding-bottom: 56.25%;
+    margin: 16px 0;
+    border-radius: var(--radius-lg);
+    overflow: hidden;
+    background: #000;
+}
+
+.resource-video-container iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: none;
+}
+
+/* ============================================================
+ * 付费图库预览
+ * ============================================================ */
+.resource-gallery-locked {
+    position: relative;
+    filter: blur(8px);
+    pointer-events: none;
+    user-select: none;
+}
+
+.resource-gallery-locked::after {
+    content: '\f023';
+    font-family: 'Font Awesome 5 Free';
+    font-weight: 900;
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 32px;
+    color: rgba(255, 255, 255, 0.8);
+    background: rgba(0, 0, 0, 0.3);
+}
+