@@ -53,7 +53,7 @@
top: 50%;
left: 50%;
transform: translate(-57%, 147%);
- background-color: rgba(124, 75, 54, 1);
+ background-color: rgb(146, 117, 102);
}
@@ -39,7 +39,8 @@
font-size: 10px;
line-height: 50px;
color: #fff;
- text-shadow: 0px 0px 4px #7c4b36;
+ text-shadow: 0px 0px 8px rgb(169 51 0);
+
position: absolute;
align-self: flex-start;
@@ -348,11 +348,50 @@
+ .extra {
+ width: fit-content;
+ bottom: 20%;
+ border-radius: 20px;
+ height: 40px;
+ gap: 5px;
+ position: absolute;
+ z-index: 1;
+ left: 4%;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ background-color: rgba(0, 0, 0, 0.5);
+ padding: 0 8px;
+ cursor: pointer;
+ .icon {
+ width: 28px;
+ height: 100%;
+ & > img {
+ object-fit: contain;
+ }
+ .txt {
+ max-width: 140px;
+ font-size: 12px;
+ font-weight: 500;
+ line-height: 16px;
+ color: #fbebbd;
+ padding: 3px 0px;
.mzm {
.content {
- font-size: 16px;
- line-height: 18px;
- text-align: left;
+ text-align: justify;
+ font-size: 14px;
+ padding-top: 0px;
+ line-height: 23px;
@@ -142,13 +142,13 @@
&::after {
content: '';
width: 24px;
- height: 7px;
+ height: 4px;
z-index: -1;
bottom: 0%;
- transform: translate(-65%, 10%);
- background-color: #af8764;
+ transform: translate(-65%, -55%);
+ background-color: rgba(124, 75, 54, 0.5);