update

projects.html

@@ -216,7 +216,7 @@ <h4>Home Above Market: Ascending by Steps</h4>
                                 <div class="corner bottom-left" style="bottom: 0px; left: 0px; border-left: 2px solid var(--color-cornor); border-bottom: 2px solid var(--color-cornor);"></div>
                                 <div class="corner bottom-right" style="bottom: 0px; right: 0px; border-right: 2px solid var(--color-cornor); border-bottom: 2px solid var(--color-cornor);"></div>
                             </div>
-                            <div class="caption_b">
+                            <div class="caption caption_b">
                                 <a onclick="showDescription('parcel')" id="parcel_read">
                                     <span class="date">7/2022 - 8/2022</span>
                                     <h4>Parcel Hub Under the Highway</h4>

projects/styles.css

@@ -376,43 +376,25 @@ a:hover {
     margin: 0px 0;
 }
 
-.caption_b {
-    position: absolute;
-    bottom: 12px;
-    left: 12px;
-    right: 20px;
+.caption_b a {
     color: #2b2b2b;
-    padding: 12px;
-    z-index: 1; /* 确保文字在图片之上 */
+    text-decoration: underline 1px;
+    text-decoration-color: #2b2b2b;
 }
 
-.caption_b a{
-    color: #2b2b2b;
-    text-decoration: underline 1px; /* 给所有行加下划线 */
-    text-decoration-skip-ink: none; /* 确保下划线完整 */
-    text-underline-offset: 3px;
-}
-
-.caption_b a:hover, h4:hover
-{
+.caption_b a:hover, .caption_b h4:hover {
     color: #2b2b2b;
     text-decoration: none;
 }
 
 .caption_b .date {
-    font-size: 0.8vw;
-    font-weight: 400;
-    line-height: 2;
+    color: #2b2b2b;
 }
 
 .caption_b h4 {
-    font-size: 1.2vw;
-    font-weight: 600;
-    line-height: 1.1;
-    margin: 0px 0;
+    color: #2b2b2b;
 }
 
-
 .d-fade-out {
     opacity: 0;
     transition: opacity 0.5s ease;