|
|
@@ -6978,7 +6978,7 @@
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
- background: #920783;
|
|
|
+ // background: #920783;
|
|
|
// background: linear-gradient(140deg, #920783 65%, #ea5413 100%);
|
|
|
color: white;
|
|
|
border-radius: 20px;
|
|
|
@@ -6987,44 +6987,87 @@
|
|
|
padding: 40px 20px;
|
|
|
}
|
|
|
|
|
|
- p {
|
|
|
- font-size: 1.25rem;
|
|
|
-
|
|
|
- @media (max-width: 575px) {
|
|
|
- font-size: 1rem !important;
|
|
|
- }
|
|
|
+ a {
|
|
|
+ text-decoration: none;
|
|
|
}
|
|
|
|
|
|
- a {
|
|
|
+ // p {
|
|
|
+ // font-size: 1.25rem;
|
|
|
+
|
|
|
+ // @media (max-width: 575px) {
|
|
|
+ // font-size: 1rem !important;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+ // a {
|
|
|
+ // display: block;
|
|
|
+ // margin: 15px auto 5px;
|
|
|
+ // padding: 15px 40px;
|
|
|
+ // color: white !important;
|
|
|
+ // font-size: 1.25rem;
|
|
|
+ // font-weight: bold;
|
|
|
+ // text-decoration: none;
|
|
|
+ // border-radius: 100px;
|
|
|
+ // transition: all .2s;
|
|
|
+ // background-color: #ea5413;
|
|
|
+ // border: 2px solid #920783;
|
|
|
+ // box-shadow: 0 0 0 4px #ea5413, 0 0 0 4px #920783;
|
|
|
+
|
|
|
+ // &:hover {
|
|
|
+ // opacity: .8;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+ // p {
|
|
|
+ // text-align: center;
|
|
|
+ // }
|
|
|
+
|
|
|
+ // h2 {
|
|
|
+ // color: white;
|
|
|
+ // font-size: 2.5rem;
|
|
|
+
|
|
|
+ // @media (max-width: 575px) {
|
|
|
+ // font-size: 2rem;
|
|
|
+ // margin-bottom: 15px;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+ .pulse-button {
|
|
|
display: block;
|
|
|
- margin: 15px auto 5px;
|
|
|
- padding: 15px 40px;
|
|
|
- color: white !important;
|
|
|
- font-size: 1.25rem;
|
|
|
+ width: 250px;
|
|
|
+ font-size: 1.5rem;
|
|
|
font-weight: bold;
|
|
|
- text-decoration: none;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ text-transform: uppercase;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 80px;
|
|
|
+ color: white;
|
|
|
+ border: none;
|
|
|
border-radius: 100px;
|
|
|
- transition: all .2s;
|
|
|
- background-color: #ea5413;
|
|
|
- border: 2px solid #920783;
|
|
|
- box-shadow: 0 0 0 4px #ea5413, 0 0 0 4px #920783;
|
|
|
+ background: #ea5413;
|
|
|
+ cursor: pointer;
|
|
|
+ box-shadow: 0 0 0 0 rgba(234, 84, 19, 0.5);
|
|
|
+ animation: pulse 1.5s infinite;
|
|
|
|
|
|
&:hover {
|
|
|
- opacity: .8;
|
|
|
+ animation: none;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- p {
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
+ @keyframes pulse {
|
|
|
+ 0% {
|
|
|
+ transform: scale(0.9);
|
|
|
+ }
|
|
|
|
|
|
- h2 {
|
|
|
- color: white;
|
|
|
- font-size: 2.5rem;
|
|
|
+ 70% {
|
|
|
+ transform: scale(1);
|
|
|
+ box-shadow: 0 0 0 50px rgba(255, 102, 40, 0);
|
|
|
+ /* 調整為相近的橘色光暈 */
|
|
|
+ }
|
|
|
|
|
|
- @media (max-width: 575px) {
|
|
|
- font-size: 2rem;
|
|
|
- margin-bottom: 15px;
|
|
|
+ 100% {
|
|
|
+ transform: scale(0.9);
|
|
|
+ box-shadow: 0 0 0 0 rgba(255, 102, 40, 0);
|
|
|
}
|
|
|
}
|
|
|
}
|
