From 72ba923654288db4549a11b7f2fbf69393830fab Mon Sep 17 00:00:00 2001
From: SeeChen <leeseechen@gmail.com>
Date: Sun, 27 Oct 2024 16:37:40 +0800
Subject: [PATCH] Update

---
 CSS/travel/footprint_country.css | 42 ++++++++++++++++++++++++++++++--
 Travel/index.html                |  1 +
 2 files changed, 41 insertions(+), 2 deletions(-)

diff --git a/CSS/travel/footprint_country.css b/CSS/travel/footprint_country.css
index a1d77f0..b0014bf 100644
--- a/CSS/travel/footprint_country.css
+++ b/CSS/travel/footprint_country.css
@@ -59,6 +59,10 @@
     position: relative;
 }
 
+#country_img_area .country_img:hover div {
+    height: 65%;
+}
+
 #country_img_area .country_img div {
     background: #ffffffaa;
     height: 35%;
@@ -70,7 +74,8 @@
     margin: auto;
     border-radius: 1em;
     box-shadow: 2px 2px 2px #CCC;
-    font-family: aabairimengxiangjia;
+    font-family: "aabairimengxiangjia";
+    transition: all 0.5s;
 }
 
 #country_img_area .country_img div > p:first-child {
@@ -118,4 +123,37 @@
 
 #country_img_area .country_img div > p:nth-child(3):hover::-webkit-scrollbar-thumb {
     background: #888888FF;
-}
\ No newline at end of file
+}
+
+#country_img_area .country_img div > p:nth-child(4) {
+    font-family: "aabairimengxiangjia";
+    color: #00000000;
+    font-size: 1.1em;
+    text-align: left;
+    margin: 0.5em 1em;
+    transition: all 0.5s;
+}
+
+#country_img_area .country_img:hover div > p:nth-child(4) {
+    color: #000000aa;
+}
+
+@media screen and (max-width: 750px) {
+
+    #country_img_area .country_img {
+        height: 10em;
+        width: 85%;
+        margin: 0.5em;
+        margin-bottom: 4.5em;
+    }
+
+    #country_img_area .country_img:active div {
+        height: 100%;
+    }
+
+    #country_img_area .country_img div {
+        height: 55%;
+        bottom: -20%;
+    }
+}
+
diff --git a/Travel/index.html b/Travel/index.html
index 2a5421b..3679ffb 100644
--- a/Travel/index.html
+++ b/Travel/index.html
@@ -231,6 +231,7 @@ <h1>您好！</h1>
                             <p>Title</p>
                             <p>city, province, country.</p>
                             <p><span>Label 1</span><span>Label 2</span><span>Label 3</span><span>Label 4</span><span>Label 5</span><span>Label 5</span><span>Label 7</span></p>
+                            <p>Description Description Description</p>
                         </div>
                     </div>