1

src/index.css

@@ -962,6 +962,13 @@ body {
   font-size: 0.62rem;
   font-weight: 900;
   line-height: 1;
+  overflow: hidden;
+}
+
+.platform-public-work-card__author-avatar-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
 }
 
 .platform-ranking-panel {
@@ -4026,10 +4033,34 @@ button {
   object-fit: cover;
 }
 
+.platform-work-detail__cover-image--locked {
+  filter: blur(18px) saturate(0.7);
+  opacity: 0.58;
+  transform: scale(1.08);
+}
+
+.platform-work-detail__cover-lock {
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(15, 23, 42, 0.28);
+  backdrop-filter: blur(10px);
+}
+
+.platform-work-detail__cover-lock-icon {
+  width: clamp(3.6rem, 18vw, 7rem);
+  height: clamp(3.6rem, 18vw, 7rem);
+  color: rgba(255, 255, 255, 0.88);
+  filter: drop-shadow(0 1.2rem 2rem rgba(15, 23, 42, 0.34));
+}
+
 .platform-work-detail__cover-nav {
   position: absolute;
   top: 50%;
-  z-index: 2;
+  z-index: 3;
   display: inline-flex;
   height: 2.4rem;
   width: 2.4rem;
@@ -4056,7 +4087,7 @@ button {
   right: 1rem;
   bottom: 0.8rem;
   left: 1rem;
-  z-index: 2;
+  z-index: 3;
   display: flex;
   justify-content: center;
   gap: 0.38rem;