update
This commit is contained in:
telangpu
707
0000_gb_points_temp/public/pages/assets/css/footer_styles_1.css
Normal file
707
0000_gb_points_temp/public/pages/assets/css/footer_styles_1.css
Normal file
@@ -0,0 +1,707 @@
|
||||
*,
|
||||
:after,
|
||||
:before {
|
||||
--tw-border-spacing-x: 0;
|
||||
--tw-border-spacing-y: 0;
|
||||
--tw-translate-x: 0;
|
||||
--tw-translate-y: 0;
|
||||
--tw-rotate: 0;
|
||||
--tw-skew-x: 0;
|
||||
--tw-skew-y: 0;
|
||||
--tw-scale-x: 1;
|
||||
--tw-scale-y: 1;
|
||||
--tw-pan-x: ;
|
||||
--tw-pan-y: ;
|
||||
--tw-pinch-zoom: ;
|
||||
--tw-scroll-snap-strictness: proximity;
|
||||
--tw-gradient-from-position: ;
|
||||
--tw-gradient-via-position: ;
|
||||
--tw-gradient-to-position: ;
|
||||
--tw-ordinal: ;
|
||||
--tw-slashed-zero: ;
|
||||
--tw-numeric-figure: ;
|
||||
--tw-numeric-spacing: ;
|
||||
--tw-numeric-fraction: ;
|
||||
--tw-ring-inset: ;
|
||||
--tw-ring-offset-width: 0px;
|
||||
--tw-ring-offset-color: #fff;
|
||||
--tw-ring-color: rgb(59 130 246/0.5);
|
||||
--tw-ring-offset-shadow: 0 0#0000;
|
||||
--tw-ring-shadow: 0 0#0000;
|
||||
--tw-shadow: 0 0#0000;
|
||||
--tw-shadow-colored: 0 0#0000;
|
||||
--tw-blur: ;
|
||||
--tw-brightness: ;
|
||||
--tw-contrast: ;
|
||||
--tw-grayscale: ;
|
||||
--tw-hue-rotate: ;
|
||||
--tw-invert: ;
|
||||
--tw-saturate: ;
|
||||
--tw-sepia: ;
|
||||
--tw-drop-shadow: ;
|
||||
--tw-backdrop-blur: ;
|
||||
--tw-backdrop-brightness: ;
|
||||
--tw-backdrop-contrast: ;
|
||||
--tw-backdrop-grayscale: ;
|
||||
--tw-backdrop-hue-rotate: ;
|
||||
--tw-backdrop-invert: ;
|
||||
--tw-backdrop-opacity: ;
|
||||
--tw-backdrop-saturate: ;
|
||||
--tw-backdrop-sepia: ;
|
||||
--tw-contain-size: ;
|
||||
--tw-contain-layout: ;
|
||||
--tw-contain-paint: ;
|
||||
--tw-contain-style:
|
||||
}
|
||||
|
||||
::backdrop {
|
||||
--tw-border-spacing-x: 0;
|
||||
--tw-border-spacing-y: 0;
|
||||
--tw-translate-x: 0;
|
||||
--tw-translate-y: 0;
|
||||
--tw-rotate: 0;
|
||||
--tw-skew-x: 0;
|
||||
--tw-skew-y: 0;
|
||||
--tw-scale-x: 1;
|
||||
--tw-scale-y: 1;
|
||||
--tw-pan-x: ;
|
||||
--tw-pan-y: ;
|
||||
--tw-pinch-zoom: ;
|
||||
--tw-scroll-snap-strictness: proximity;
|
||||
--tw-gradient-from-position: ;
|
||||
--tw-gradient-via-position: ;
|
||||
--tw-gradient-to-position: ;
|
||||
--tw-ordinal: ;
|
||||
--tw-slashed-zero: ;
|
||||
--tw-numeric-figure: ;
|
||||
--tw-numeric-spacing: ;
|
||||
--tw-numeric-fraction: ;
|
||||
--tw-ring-inset: ;
|
||||
--tw-ring-offset-width: 0px;
|
||||
--tw-ring-offset-color: #fff;
|
||||
--tw-ring-color: rgb(59 130 246/0.5);
|
||||
--tw-ring-offset-shadow: 0 0#0000;
|
||||
--tw-ring-shadow: 0 0#0000;
|
||||
--tw-shadow: 0 0#0000;
|
||||
--tw-shadow-colored: 0 0#0000;
|
||||
--tw-blur: ;
|
||||
--tw-brightness: ;
|
||||
--tw-contrast: ;
|
||||
--tw-grayscale: ;
|
||||
--tw-hue-rotate: ;
|
||||
--tw-invert: ;
|
||||
--tw-saturate: ;
|
||||
--tw-sepia: ;
|
||||
--tw-drop-shadow: ;
|
||||
--tw-backdrop-blur: ;
|
||||
--tw-backdrop-brightness: ;
|
||||
--tw-backdrop-contrast: ;
|
||||
--tw-backdrop-grayscale: ;
|
||||
--tw-backdrop-hue-rotate: ;
|
||||
--tw-backdrop-invert: ;
|
||||
--tw-backdrop-opacity: ;
|
||||
--tw-backdrop-saturate: ;
|
||||
--tw-backdrop-sepia: ;
|
||||
--tw-contain-size: ;
|
||||
--tw-contain-layout: ;
|
||||
--tw-contain-paint: ;
|
||||
--tw-contain-style:
|
||||
}
|
||||
|
||||
*,
|
||||
:after,
|
||||
:before {
|
||||
box-sizing: border-box;
|
||||
border: 0 solid #e5e7eb
|
||||
}
|
||||
|
||||
:after,
|
||||
:before {
|
||||
--tw-content: ""
|
||||
}
|
||||
|
||||
:host,
|
||||
html {
|
||||
line-height: 1.5;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
|
||||
font-feature-settings: normal;
|
||||
font-variation-settings: normal;
|
||||
-webkit-tap-highlight-color: transparent
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
line-height: inherit
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: inherit
|
||||
}
|
||||
|
||||
:-moz-focusring {
|
||||
outline: auto
|
||||
}
|
||||
|
||||
:-moz-ui-invalid {
|
||||
box-shadow: none
|
||||
}
|
||||
|
||||
::-webkit-inner-spin-button,
|
||||
::-webkit-outer-spin-button {
|
||||
height: auto
|
||||
}
|
||||
|
||||
::-webkit-search-decoration {
|
||||
-webkit-appearance: none
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button;
|
||||
font: inherit
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
input::-moz-placeholder,
|
||||
textarea::-moz-placeholder {
|
||||
opacity: 1;
|
||||
color: #9ca3af
|
||||
}
|
||||
|
||||
input::placeholder,
|
||||
textarea::placeholder {
|
||||
opacity: 1;
|
||||
color: #9ca3af
|
||||
}
|
||||
|
||||
:disabled {
|
||||
cursor: default
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
vertical-align: middle
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: auto
|
||||
}
|
||||
|
||||
.b3 {
|
||||
font-size: .75rem;
|
||||
line-height: 1rem;
|
||||
font-weight: 300
|
||||
}
|
||||
|
||||
.b5 {
|
||||
font-size: .75rem;
|
||||
line-height: 150%;
|
||||
font-weight: 300
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.b5 {
|
||||
font-size: .875rem;
|
||||
line-height: 135%
|
||||
}
|
||||
}
|
||||
|
||||
.h5 {
|
||||
font-size: .875rem;
|
||||
line-height: 1.25rem;
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
.block {
|
||||
display: block
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid
|
||||
}
|
||||
|
||||
.max-w-\[922px\] {
|
||||
max-width: 922px
|
||||
}
|
||||
|
||||
.grid-cols-2 {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr))
|
||||
}
|
||||
|
||||
.flex-col {
|
||||
flex-direction: column
|
||||
}
|
||||
|
||||
.justify-between {
|
||||
justify-content: space-between
|
||||
}
|
||||
|
||||
.gap-x-2\.5 {
|
||||
-moz-column-gap: .625rem;
|
||||
column-gap: .625rem
|
||||
}
|
||||
|
||||
.gap-x-5 {
|
||||
-moz-column-gap: 1.25rem;
|
||||
column-gap: 1.25rem
|
||||
}
|
||||
|
||||
.gap-y-1 {
|
||||
row-gap: .25rem
|
||||
}
|
||||
|
||||
.gap-y-3 {
|
||||
row-gap: .75rem
|
||||
}
|
||||
|
||||
.gap-y-3\.5 {
|
||||
row-gap: .875rem
|
||||
}
|
||||
|
||||
.gap-y-4 {
|
||||
row-gap: 1rem
|
||||
}
|
||||
|
||||
.gap-y-7 {
|
||||
row-gap: 1.75rem
|
||||
}
|
||||
|
||||
.gap-y-8 {
|
||||
row-gap: 2rem
|
||||
}
|
||||
|
||||
.bg-\[\#ebebeb\] {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(235 235 235/var(--tw-bg-opacity, 1))
|
||||
}
|
||||
|
||||
.bg-blue {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(0 65 142/var(--tw-bg-opacity, 1))
|
||||
}
|
||||
|
||||
.py-10 {
|
||||
padding-top: 2.5rem;
|
||||
padding-bottom: 2.5rem
|
||||
}
|
||||
|
||||
.pb-9 {
|
||||
padding-bottom: 2.25rem
|
||||
}
|
||||
|
||||
.pt-5 {
|
||||
padding-top: 1.25rem
|
||||
}
|
||||
|
||||
.text-\[14px\] {
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
.font-medium {
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
.text-blue {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(0 65 142/var(--tw-text-opacity, 1))
|
||||
}
|
||||
|
||||
.text-white {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255/var(--tw-text-opacity, 1))
|
||||
}
|
||||
|
||||
|
||||
html[lang=zh] {
|
||||
font-family: Noto Sans TC, Poppins, Arial, Helvetica, sans-serif
|
||||
}
|
||||
|
||||
body {
|
||||
overflow-x: hidden;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(34 34 34/var(--tw-text-opacity, 1))
|
||||
}
|
||||
|
||||
* {
|
||||
outline-width: 0
|
||||
}
|
||||
|
||||
input:-internal-autofill-selected {
|
||||
background-color: #fff !important
|
||||
}
|
||||
|
||||
.content-container {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 100%;
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
max-width: 1440px
|
||||
}
|
||||
|
||||
.common-transition {
|
||||
transition-property: all;
|
||||
transition-duration: .2s;
|
||||
transition-timing-function: cubic-bezier(.4, 0, .2, 1)
|
||||
}
|
||||
|
||||
.org-chart-container ul li:before,
|
||||
.org-chart-container ul:after,
|
||||
.org-chart-container ul:before {
|
||||
border-color: var(--org-chart-node-line-color) !important
|
||||
}
|
||||
|
||||
.org-chart-container ul li:before {
|
||||
border-top-right-radius: var(--org-chart-node-border-radius) !important
|
||||
}
|
||||
|
||||
.org-chart-container ul li:after {
|
||||
border-color: var(--org-chart-node-line-color) !important;
|
||||
border-top-left-radius: var(--org-chart-node-border-radius) !important
|
||||
}
|
||||
|
||||
@media (max-width:767.98px) {
|
||||
.org-chart-container ul li:after {
|
||||
border-top-left-radius: 0 !important
|
||||
}
|
||||
|
||||
.org-chart-container ul li>ul:before {
|
||||
left: 20px;
|
||||
height: calc(var(--org-chart-node-paddingTop)*2 + var(--org-chart-node-height)/2);
|
||||
border-bottom: var(--tree-line-width) var(--tree-node-line-style) var(--org-chart-node-line-color);
|
||||
width: calc(var(--tree-node-padding) + 65px - 20px);
|
||||
border-bottom-left-radius: var(--org-chart-node-border-radius);
|
||||
border-left-color: var(--org-chart-node-line-color)
|
||||
}
|
||||
|
||||
.org-chart-container ul li>ul li:not(:first-child):before {
|
||||
height: calc(var(--org-chart-node-paddingTop)*4 + var(--org-chart-node-height)/2 + var(--tree-node-padding)*2)
|
||||
}
|
||||
|
||||
.org-chart-container ul li>ul li:before {
|
||||
left: calc((var(--tree-node-padding) + 65px - 20px)*-1 + var(--tree-node-padding));
|
||||
height: calc(var(--org-chart-node-paddingTop)*3 + var(--org-chart-node-height)/2 + var(--tree-node-padding)*2);
|
||||
border-top: 0;
|
||||
border-bottom: var(--tree-line-width) var(--tree-node-line-style) var(--org-chart-node-line-color);
|
||||
border-bottom-left-radius: var(--org-chart-node-border-radius);
|
||||
border-left: var(--tree-line-width) var(--tree-node-line-style) var(--org-chart-node-line-color);
|
||||
width: calc(var(--tree-node-padding) + 65px - 20px);
|
||||
top: calc(-1*(var(--org-chart-node-paddingTop)*2 + var(--tree-node-padding)*2))
|
||||
}
|
||||
|
||||
.org-chart-container ul li>ul li:after {
|
||||
border: 0;
|
||||
width: 0
|
||||
}
|
||||
|
||||
.org-chart-container ul li>ul li:last-of-type:before {
|
||||
border-right: 0;
|
||||
border-bottom-left-radius: var(--org-chart-node-border-radius)
|
||||
}
|
||||
|
||||
.org-chart-container>ul>li>ul>li:nth-last-child(n+2)>ul:after {
|
||||
position: absolute;
|
||||
left: calc((var(--tree-node-padding) + 65px - 20px)*-1)
|
||||
}
|
||||
|
||||
.org-chart-container>ul>li>ul>li:nth-last-child(n+2)>ul:after,
|
||||
.org-chart-container>ul>li>ul>li>ul>li:after {
|
||||
content: "";
|
||||
width: calc(65px + var(--tree-node-padding) + 65px - 20px);
|
||||
border-left: var(--tree-line-width) var(--tree-node-line-style) var(--org-chart-node-line-color);
|
||||
border-radius: 0;
|
||||
height: calc(var(--org-chart-node-height)/2 + var(--org-chart-node-paddingTop) + var(--org-chart-node-paddingTop) + var(--org-chart-node-height)/2 + var(--org-chart-node-layoutPadding)*2);
|
||||
top: calc(-1*(var(--org-chart-node-paddingTop) + var(--org-chart-node-height)/2) - var(--org-chart-node-layoutPadding))
|
||||
}
|
||||
|
||||
.org-chart-container>ul>li>ul>li>ul>li:after {
|
||||
left: calc(-1*(65px + var(--tree-node-padding) + 65px - 20px))
|
||||
}
|
||||
|
||||
.org-chart-container>ul>li>ul>li>ul>li:first-of-type:after {
|
||||
border-radius: 0
|
||||
}
|
||||
|
||||
.org-chart-container>ul>li>ul>li>ul>li:last-of-type:after {
|
||||
border: 0;
|
||||
border-left: var(--tree-line-width) var(--tree-node-line-style) var(--org-chart-node-line-color);
|
||||
border-radius: 0
|
||||
}
|
||||
}
|
||||
|
||||
.node-label:hover:not(.top-label) {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(241 248 252/var(--tw-bg-opacity, 1))
|
||||
}
|
||||
|
||||
.node-label-tooltip:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
left: 50%;
|
||||
margin-left: -21px;
|
||||
border-width: 21px 21px 15px;
|
||||
border-style: solid;
|
||||
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--tooltip-bg-color) rgba(0, 0, 0, 0)
|
||||
}
|
||||
|
||||
.node-label-tooltip.overflow-left:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: calc(0% - 21px);
|
||||
margin-left: -21px;
|
||||
border-width: 21px;
|
||||
border-style: solid;
|
||||
border-color: rgba(0, 0, 0, 0) var(--tooltip-bg-color) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
|
||||
}
|
||||
|
||||
.node-label-tooltip.overflow-right:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: calc(100% + 21px);
|
||||
margin-left: -21px;
|
||||
border-width: 21px;
|
||||
border-style: solid;
|
||||
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--tooltip-bg-color)
|
||||
}
|
||||
|
||||
.node-label-modal-content a:hover {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(0 110 165/var(--tw-text-opacity, 1))
|
||||
}
|
||||
|
||||
.swiper-navigation-containter .swiper-navigation:hover {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(227 241 249/var(--tw-bg-opacity, 1))
|
||||
}
|
||||
|
||||
.swiper-button-next:after,
|
||||
.swiper-button-prev:after {
|
||||
display: none
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.tablet\:b1 {
|
||||
font-size: .75rem;
|
||||
line-height: 1rem;
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.tablet\:b1 {
|
||||
font-size: 1rem;
|
||||
line-height: 135%
|
||||
}
|
||||
}
|
||||
|
||||
.tablet\:b4 {
|
||||
font-size: .75rem;
|
||||
line-height: 150%;
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.tablet\:b4 {
|
||||
font-size: .875rem;
|
||||
line-height: 135%
|
||||
}
|
||||
}
|
||||
|
||||
.tablet\:b6,
|
||||
.tablet\:b7 {
|
||||
font-size: .75rem;
|
||||
line-height: 150%
|
||||
}
|
||||
|
||||
.tablet\:b7 {
|
||||
font-weight: 300
|
||||
}
|
||||
}
|
||||
|
||||
.hover\:border-blue:hover {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(0 65 142/var(--tw-border-opacity, 1))
|
||||
}
|
||||
|
||||
.hover\:bg-\[\#A9D7F280\]:hover {
|
||||
background-color: #A9D7F280
|
||||
}
|
||||
|
||||
.hover\:bg-clean-blue:hover {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(227 241 249/var(--tw-bg-opacity, 1))
|
||||
}
|
||||
|
||||
.hover\:bg-white-blue-hover:hover {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 242 249/var(--tw-bg-opacity, 1))
|
||||
}
|
||||
|
||||
.hover\:text-blue:hover {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(0 65 142/var(--tw-text-opacity, 1))
|
||||
}
|
||||
|
||||
.hover\:opacity-75:hover {
|
||||
opacity: .75
|
||||
}
|
||||
|
||||
.active\:bg-blue:active {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(0 65 142/var(--tw-bg-opacity, 1))
|
||||
}
|
||||
|
||||
.active\:bg-white-blue:active {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(241 248 252/var(--tw-bg-opacity, 1))
|
||||
}
|
||||
|
||||
.active\:text-white:active {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255/var(--tw-text-opacity, 1))
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:scale-110 {
|
||||
--tw-scale-x: 1.1;
|
||||
--tw-scale-y: 1.1;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
|
||||
}
|
||||
|
||||
@keyframes bounce {
|
||||
|
||||
0%,
|
||||
to {
|
||||
transform: translateY(-25%);
|
||||
animation-timing-function: cubic-bezier(.8, 0, 1, 1)
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: none;
|
||||
animation-timing-function: cubic-bezier(0, 0, .2, 1)
|
||||
}
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:animate-bounce {
|
||||
animation: bounce 1s infinite
|
||||
}
|
||||
|
||||
@keyframes bounce-x {
|
||||
|
||||
0%,
|
||||
to {
|
||||
transform: translateX(0);
|
||||
animation-timing-function: cubic-bezier(.8, 0, 1, 1)
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: translateX(25%);
|
||||
animation-timing-function: cubic-bezier(0, 0, .2, 1)
|
||||
}
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:animate-bounce-x {
|
||||
animation: bounce-x 1s infinite
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:border-light-blue {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(0 110 165/var(--tw-border-opacity, 1))
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:bg-light-blue {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(0 110 165/var(--tw-bg-opacity, 1))
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:bg-transparent {
|
||||
background-color: transparent
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:stroke-sharp-blue {
|
||||
stroke: #003399
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:stroke-white {
|
||||
stroke: #fff
|
||||
}
|
||||
|
||||
.group:active .group-active\:border-white {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
|
||||
}
|
||||
|
||||
.group:active .group-active\:stroke-white {
|
||||
stroke: #fff
|
||||
}
|
||||
|
||||
.group:active .group-active\:text-white {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255/var(--tw-text-opacity, 1))
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.tablet\:inline-block {
|
||||
display: inline-block
|
||||
}
|
||||
|
||||
.tablet\:grid-cols-3 {
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr))
|
||||
}
|
||||
|
||||
.tablet\:flex-row {
|
||||
flex-direction: row
|
||||
}
|
||||
|
||||
.tablet\:items-center {
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.tablet\:gap-x-14 {
|
||||
-moz-column-gap: 3.5rem;
|
||||
column-gap: 3.5rem
|
||||
}
|
||||
|
||||
.tablet\:gap-y-2\.5 {
|
||||
row-gap: .625rem
|
||||
}
|
||||
|
||||
.tablet\:gap-y-4 {
|
||||
row-gap: 1rem
|
||||
}
|
||||
|
||||
.tablet\:py-\[30px\] {
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px
|
||||
}
|
||||
|
||||
.tablet\:pb-8 {
|
||||
padding-bottom: 2rem
|
||||
}
|
||||
|
||||
.tablet\:text-dark {
|
||||
--tw-text-opacity: 1
|
||||
}
|
||||
|
||||
.tablet\:text-white {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255/var(--tw-text-opacity, 1))
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.css-upvbuc:focus{border-radius:0}.css-upvbuc:focus{border-radius:4px}.css-upvbuc::-webkit-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-upvbuc::-moz-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-upvbuc::-ms-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-upvbuc:focus{outline:0}.css-upvbuc:invalid{box-shadow:none}.css-upvbuc::-webkit-search-decoration{-webkit-appearance:none}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc::-webkit-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc::-moz-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc::-ms-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc:focus::-webkit-input-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc:focus::-moz-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc:focus::-ms-input-placeholder{opacity:0.42}.css-upvbuc:-webkit-autofill{-webkit-animation-duration:5000s;animation-duration:5000s;-webkit-animation-name:mui-auto-fill;animation-name:mui-auto-fill}.css-upvbuc:-webkit-autofill{border-radius:inherit}
|
||||
@@ -0,0 +1 @@
|
||||
.css-2jyin3:hover .MuiOutlinedInput-notchedOutline{border-color:rgba(0,0,0,0.87)}@media (hover:none){.css-2jyin3:hover .MuiOutlinedInput-notchedOutline{border-color:rgba(0,0,0,0.23)}}
|
||||
@@ -0,0 +1 @@
|
||||
.css-qwdxx6::-webkit-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-qwdxx6::-moz-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-qwdxx6::-ms-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-qwdxx6:focus{outline:0}.css-qwdxx6:invalid{box-shadow:none}.css-qwdxx6::-webkit-search-decoration{-webkit-appearance:none}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6::-webkit-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6::-moz-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6::-ms-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6:focus::-webkit-input-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6:focus::-moz-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6:focus::-ms-input-placeholder{opacity:0.42}.css-qwdxx6:-webkit-autofill{-webkit-animation-duration:5000s;animation-duration:5000s;-webkit-animation-name:mui-auto-fill;animation-name:mui-auto-fill}.css-qwdxx6:-webkit-autofill{border-radius:inherit}
|
||||
@@ -0,0 +1 @@
|
||||
.css-upvbuc:focus{border-radius:0}.css-upvbuc:focus{border-radius:4px}.css-upvbuc::-webkit-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-upvbuc::-moz-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-upvbuc::-ms-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-upvbuc:focus{outline:0}.css-upvbuc:invalid{box-shadow:none}.css-upvbuc::-webkit-search-decoration{-webkit-appearance:none}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc::-webkit-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc::-moz-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc::-ms-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc:focus::-webkit-input-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc:focus::-moz-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc:focus::-ms-input-placeholder{opacity:0.42}.css-upvbuc:-webkit-autofill{-webkit-animation-duration:5000s;animation-duration:5000s;-webkit-animation-name:mui-auto-fill;animation-name:mui-auto-fill}.css-upvbuc:-webkit-autofill{border-radius:inherit}
|
||||
@@ -0,0 +1 @@
|
||||
@keyframes src-service-contentScript-browser-contentScript-contentScript__expand--31ZFO{0%{transform:scale(1)}25%{transform:scale(2)}}
|
||||
@@ -0,0 +1 @@
|
||||
#index_crossLine__2WHMH::before{border:none;content:"";height:100%;position:absolute;width:100%;z-index:2147483645;border-right:1px solid red;border-bottom:1px solid red;left:-100%;top:-100%}#index_crossLine__2WHMH::after{border:none;content:"";height:100%;position:absolute;width:100%;z-index:2147483645;border-top:1px solid red;border-left:1px solid red;left:0;top:0}
|
||||
@@ -0,0 +1 @@
|
||||
.sf-hidden{display:none!important}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes mui-auto-fill{from{display:block}}@keyframes mui-auto-fill{from{display:block}}@-webkit-keyframes mui-auto-fill-cancel{from{display:block}}@keyframes mui-auto-fill-cancel{from{display:block}}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes mui-auto-fill{from{display:block}}@keyframes mui-auto-fill{from{display:block}}@-webkit-keyframes mui-auto-fill-cancel{from{display:block}}@keyframes mui-auto-fill-cancel{from{display:block}}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes mui-auto-fill{from{display:block}}@keyframes mui-auto-fill{from{display:block}}@-webkit-keyframes mui-auto-fill-cancel{from{display:block}}@keyframes mui-auto-fill-cancel{from{display:block}}
|
||||
@@ -0,0 +1 @@
|
||||
.css-2jyin3:hover .MuiOutlinedInput-notchedOutline{border-color:rgba(0,0,0,0.87)}@media (hover:none){.css-2jyin3:hover .MuiOutlinedInput-notchedOutline{border-color:rgba(0,0,0,0.23)}}
|
||||
@@ -0,0 +1 @@
|
||||
.css-qwdxx6::-webkit-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-qwdxx6::-moz-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-qwdxx6::-ms-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-qwdxx6:focus{outline:0}.css-qwdxx6:invalid{box-shadow:none}.css-qwdxx6::-webkit-search-decoration{-webkit-appearance:none}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6::-webkit-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6::-moz-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6::-ms-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6:focus::-webkit-input-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6:focus::-moz-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6:focus::-ms-input-placeholder{opacity:0.42}.css-qwdxx6:-webkit-autofill{-webkit-animation-duration:5000s;animation-duration:5000s;-webkit-animation-name:mui-auto-fill;animation-name:mui-auto-fill}.css-qwdxx6:-webkit-autofill{border-radius:inherit}
|
||||
@@ -0,0 +1 @@
|
||||
.css-upvbuc:focus{border-radius:0}.css-upvbuc:focus{border-radius:4px}.css-upvbuc::-webkit-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-upvbuc::-moz-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-upvbuc::-ms-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-upvbuc:focus{outline:0}.css-upvbuc:invalid{box-shadow:none}.css-upvbuc::-webkit-search-decoration{-webkit-appearance:none}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc::-webkit-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc::-moz-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc::-ms-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc:focus::-webkit-input-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc:focus::-moz-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc:focus::-ms-input-placeholder{opacity:0.42}.css-upvbuc:-webkit-autofill{-webkit-animation-duration:5000s;animation-duration:5000s;-webkit-animation-name:mui-auto-fill;animation-name:mui-auto-fill}.css-upvbuc:-webkit-autofill{border-radius:inherit}
|
||||
@@ -0,0 +1 @@
|
||||
.css-2jyin3:hover .MuiOutlinedInput-notchedOutline{border-color:rgba(0,0,0,0.87)}@media (hover:none){.css-2jyin3:hover .MuiOutlinedInput-notchedOutline{border-color:rgba(0,0,0,0.23)}}
|
||||
@@ -0,0 +1 @@
|
||||
.css-qwdxx6::-webkit-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-qwdxx6::-moz-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-qwdxx6::-ms-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-qwdxx6:focus{outline:0}.css-qwdxx6:invalid{box-shadow:none}.css-qwdxx6::-webkit-search-decoration{-webkit-appearance:none}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6::-webkit-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6::-moz-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6::-ms-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6:focus::-webkit-input-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6:focus::-moz-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6:focus::-ms-input-placeholder{opacity:0.42}.css-qwdxx6:-webkit-autofill{-webkit-animation-duration:5000s;animation-duration:5000s;-webkit-animation-name:mui-auto-fill;animation-name:mui-auto-fill}.css-qwdxx6:-webkit-autofill{border-radius:inherit}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1 @@
|
||||
.css-upvbuc:focus{border-radius:0}.css-upvbuc:focus{border-radius:4px}.css-upvbuc::-webkit-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-upvbuc::-moz-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-upvbuc::-ms-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-upvbuc:focus{outline:0}.css-upvbuc:invalid{box-shadow:none}.css-upvbuc::-webkit-search-decoration{-webkit-appearance:none}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc::-webkit-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc::-moz-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc::-ms-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc:focus::-webkit-input-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc:focus::-moz-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc:focus::-ms-input-placeholder{opacity:0.42}.css-upvbuc:-webkit-autofill{-webkit-animation-duration:5000s;animation-duration:5000s;-webkit-animation-name:mui-auto-fill;animation-name:mui-auto-fill}.css-upvbuc:-webkit-autofill{border-radius:inherit}
|
||||
@@ -0,0 +1 @@
|
||||
.css-2jyin3:hover .MuiOutlinedInput-notchedOutline{border-color:rgba(0,0,0,0.87)}@media (hover:none){.css-2jyin3:hover .MuiOutlinedInput-notchedOutline{border-color:rgba(0,0,0,0.23)}}
|
||||
@@ -0,0 +1 @@
|
||||
.css-qwdxx6::-webkit-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-qwdxx6::-moz-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-qwdxx6::-ms-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-qwdxx6:focus{outline:0}.css-qwdxx6:invalid{box-shadow:none}.css-qwdxx6::-webkit-search-decoration{-webkit-appearance:none}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6::-webkit-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6::-moz-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6::-ms-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6:focus::-webkit-input-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6:focus::-moz-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6:focus::-ms-input-placeholder{opacity:0.42}.css-qwdxx6:-webkit-autofill{-webkit-animation-duration:5000s;animation-duration:5000s;-webkit-animation-name:mui-auto-fill;animation-name:mui-auto-fill}.css-qwdxx6:-webkit-autofill{border-radius:inherit}
|
||||
@@ -0,0 +1 @@
|
||||
.css-upvbuc:focus{border-radius:0}.css-upvbuc:focus{border-radius:4px}.css-upvbuc::-webkit-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-upvbuc::-moz-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-upvbuc::-ms-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-upvbuc:focus{outline:0}.css-upvbuc:invalid{box-shadow:none}.css-upvbuc::-webkit-search-decoration{-webkit-appearance:none}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc::-webkit-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc::-moz-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc::-ms-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc:focus::-webkit-input-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc:focus::-moz-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc:focus::-ms-input-placeholder{opacity:0.42}.css-upvbuc:-webkit-autofill{-webkit-animation-duration:5000s;animation-duration:5000s;-webkit-animation-name:mui-auto-fill;animation-name:mui-auto-fill}.css-upvbuc:-webkit-autofill{border-radius:inherit}
|
||||
@@ -0,0 +1 @@
|
||||
@keyframes src-service-contentScript-browser-contentScript-contentScript__expand--31ZFO{0%{transform:scale(1)}25%{transform:scale(2)}}
|
||||
@@ -0,0 +1 @@
|
||||
#index_crossLine__2WHMH::before{border:none;content:"";height:100%;position:absolute;width:100%;z-index:2147483645;border-right:1px solid red;border-bottom:1px solid red;left:-100%;top:-100%}#index_crossLine__2WHMH::after{border:none;content:"";height:100%;position:absolute;width:100%;z-index:2147483645;border-top:1px solid red;border-left:1px solid red;left:0;top:0}
|
||||
@@ -0,0 +1 @@
|
||||
.sf-hidden{display:none!important}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes mui-auto-fill{0%{display:block}}@keyframes mui-auto-fill{0%{display:block}}@-webkit-keyframes mui-auto-fill-cancel{0%{display:block}}@keyframes mui-auto-fill-cancel{0%{display:block}}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes mui-auto-fill{0%{display:block}}@keyframes mui-auto-fill{0%{display:block}}@-webkit-keyframes mui-auto-fill-cancel{0%{display:block}}@keyframes mui-auto-fill-cancel{0%{display:block}}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes mui-auto-fill{0%{display:block}}@keyframes mui-auto-fill{0%{display:block}}@-webkit-keyframes mui-auto-fill-cancel{0%{display:block}}@keyframes mui-auto-fill-cancel{0%{display:block}}
|
||||
@@ -0,0 +1 @@
|
||||
.css-2jyin3:hover .MuiOutlinedInput-notchedOutline{border-color:rgba(0,0,0,0.87)}@media (hover:none){.css-2jyin3:hover .MuiOutlinedInput-notchedOutline{border-color:rgba(0,0,0,0.23)}}
|
||||
@@ -0,0 +1 @@
|
||||
.css-qwdxx6::-webkit-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-qwdxx6::-moz-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-qwdxx6::-ms-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-qwdxx6:focus{outline:0}.css-qwdxx6:invalid{box-shadow:none}.css-qwdxx6::-webkit-search-decoration{-webkit-appearance:none}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6::-webkit-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6::-moz-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6::-ms-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6:focus::-webkit-input-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6:focus::-moz-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6:focus::-ms-input-placeholder{opacity:0.42}.css-qwdxx6:-webkit-autofill{-webkit-animation-duration:5000s;animation-duration:5000s;-webkit-animation-name:mui-auto-fill;animation-name:mui-auto-fill}.css-qwdxx6:-webkit-autofill{border-radius:inherit}
|
||||
@@ -0,0 +1 @@
|
||||
.css-upvbuc:focus{border-radius:0}.css-upvbuc:focus{border-radius:4px}.css-upvbuc::-webkit-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-upvbuc::-moz-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-upvbuc::-ms-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-upvbuc:focus{outline:0}.css-upvbuc:invalid{box-shadow:none}.css-upvbuc::-webkit-search-decoration{-webkit-appearance:none}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc::-webkit-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc::-moz-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc::-ms-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc:focus::-webkit-input-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc:focus::-moz-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-upvbuc:focus::-ms-input-placeholder{opacity:0.42}.css-upvbuc:-webkit-autofill{-webkit-animation-duration:5000s;animation-duration:5000s;-webkit-animation-name:mui-auto-fill;animation-name:mui-auto-fill}.css-upvbuc:-webkit-autofill{border-radius:inherit}
|
||||
@@ -0,0 +1 @@
|
||||
.css-2jyin3:hover .MuiOutlinedInput-notchedOutline{border-color:rgba(0,0,0,0.87)}@media (hover:none){.css-2jyin3:hover .MuiOutlinedInput-notchedOutline{border-color:rgba(0,0,0,0.23)}}
|
||||
@@ -0,0 +1 @@
|
||||
.css-qwdxx6::-webkit-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-qwdxx6::-moz-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-qwdxx6::-ms-input-placeholder{color:currentColor;opacity:0.42;-webkit-transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0ms}.css-qwdxx6:focus{outline:0}.css-qwdxx6:invalid{box-shadow:none}.css-qwdxx6::-webkit-search-decoration{-webkit-appearance:none}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6::-webkit-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6::-moz-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6::-ms-input-placeholder{opacity:0!important}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6:focus::-webkit-input-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6:focus::-moz-placeholder{opacity:0.42}label[data-shrink=false]+.MuiInputBase-formControl .css-qwdxx6:focus::-ms-input-placeholder{opacity:0.42}.css-qwdxx6:-webkit-autofill{-webkit-animation-duration:5000s;animation-duration:5000s;-webkit-animation-name:mui-auto-fill;animation-name:mui-auto-fill}.css-qwdxx6:-webkit-autofill{border-radius:inherit}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
0000_gb_points_temp/public/pages/cus2.png
Normal file
BIN
0000_gb_points_temp/public/pages/cus2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 501 KiB |
118
0000_gb_points_temp/public/pages/footer.html
Normal file
118
0000_gb_points_temp/public/pages/footer.html
Normal file
@@ -0,0 +1,118 @@
|
||||
<footer id="page-footer" class="page-footer sk-footer-container">
|
||||
<style>
|
||||
.sk-footer-container {
|
||||
background: linear-gradient(135deg, #1e1e2f 0%, #151522 100%);
|
||||
padding: 60px 20px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 -10px 30px rgba(0,0,0,0.2);
|
||||
}
|
||||
.skeleton-block {
|
||||
background: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 25%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.03) 75%);
|
||||
background-size: 400% 100%;
|
||||
animation: skeleton-loading 2s infinite ease-in-out;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
|
||||
transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
|
||||
border: 1px solid rgba(255, 255, 255, 0.02);
|
||||
}
|
||||
.skeleton-block:hover {
|
||||
transform: translateY(-3px);
|
||||
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
|
||||
border-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
@keyframes skeleton-loading {
|
||||
0% { background-position: 100% 50%; }
|
||||
100% { background-position: 0 50%; }
|
||||
}
|
||||
|
||||
/* === 响应式布局 (适配所有手机) === */
|
||||
.sk-footer-main {
|
||||
display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; gap: 40px; padding-bottom: 50px;
|
||||
}
|
||||
.sk-footer-col { flex: 1; display: flex; flex-direction: column; gap: 14px; }
|
||||
.sk-footer-col-1 { min-width: 250px; gap: 15px;}
|
||||
.sk-footer-col-nav { min-width: 150px; }
|
||||
.sk-footer-col-last { flex: 1.5; min-width: 250px; gap: 15px; }
|
||||
|
||||
.sk-footer-bottom {
|
||||
max-width: 1200px; margin: 0 auto; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 30px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.sk-footer-container { padding: 40px 15px 30px; }
|
||||
.sk-footer-main { flex-direction: column; gap: 30px; padding-bottom: 30px; }
|
||||
|
||||
/* 手机端改成全宽或两列堆叠 */
|
||||
.sk-footer-col-1 { min-width: 100%; align-items: center; text-align: center; }
|
||||
.sk-logo-sk { margin: 0 auto; }
|
||||
|
||||
/* 链接区改成两列并排 */
|
||||
.sk-nav-wrap { display: flex; flex-direction: row; gap: 20px; width: 100%; justify-content: space-between; }
|
||||
.sk-footer-col-nav { min-width: calc(50% - 10px); }
|
||||
|
||||
/* 订阅区全宽 */
|
||||
.sk-footer-col-last { min-width: 100%; align-items: center; }
|
||||
.sk-social-wrap { justify-content: center; }
|
||||
|
||||
.sk-footer-bottom { flex-direction: column; align-items: center; }
|
||||
.sk-policy-wrap { justify-content: center; }
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- 主体区块 -->
|
||||
<div class="sk-footer-main">
|
||||
<!-- 品牌/Logo区域 -->
|
||||
<div class="sk-footer-col sk-footer-col-1">
|
||||
<div class="skeleton-block sk-logo-sk" style="width: 140px; height: 40px; border-radius: 20px;"></div>
|
||||
<div class="skeleton-block" style="width: 100%; height: 12px; margin-top: 10px; max-width: 300px;"></div>
|
||||
<div class="skeleton-block" style="width: 90%; height: 12px; max-width: 270px;"></div>
|
||||
<div class="skeleton-block" style="width: 75%; height: 12px; max-width: 220px;"></div>
|
||||
</div>
|
||||
|
||||
<div class="sk-nav-wrap">
|
||||
<!-- 链接列 1 -->
|
||||
<div class="sk-footer-col sk-footer-col-nav">
|
||||
<div class="skeleton-block" style="width: 60%; height: 18px; margin-bottom: 8px;"></div>
|
||||
<div class="skeleton-block" style="width: 80%; height: 10px;"></div>
|
||||
<div class="skeleton-block" style="width: 70%; height: 10px;"></div>
|
||||
<div class="skeleton-block" style="width: 90%; height: 10px;"></div>
|
||||
<div class="skeleton-block" style="width: 75%; height: 10px;"></div>
|
||||
</div>
|
||||
|
||||
<!-- 链接列 2 -->
|
||||
<div class="sk-footer-col sk-footer-col-nav">
|
||||
<div class="skeleton-block" style="width: 55%; height: 18px; margin-bottom: 8px;"></div>
|
||||
<div class="skeleton-block" style="width: 65%; height: 10px;"></div>
|
||||
<div class="skeleton-block" style="width: 85%; height: 10px;"></div>
|
||||
<div class="skeleton-block" style="width: 75%; height: 10px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 订阅/社交区域 -->
|
||||
<div class="sk-footer-col sk-footer-col-last">
|
||||
<div class="skeleton-block" style="width: 120px; height: 18px; margin-bottom: 5px;"></div>
|
||||
<!-- 模仿输入框和大按钮 -->
|
||||
<div class="skeleton-block" style="width: 100%; max-width: 350px; height: 45px; border-radius: 25px;"></div>
|
||||
<!-- 模仿社交图标 -->
|
||||
<div class="sk-social-wrap" style="display: flex; gap: 15px; margin-top: 15px; width: 100%; max-width: 350px;">
|
||||
<div class="skeleton-block" style="width: 40px; height: 40px; border-radius: 50%;"></div>
|
||||
<div class="skeleton-block" style="width: 40px; height: 40px; border-radius: 50%;"></div>
|
||||
<div class="skeleton-block" style="width: 40px; height: 40px; border-radius: 50%;"></div>
|
||||
<div class="skeleton-block" style="width: 40px; height: 40px; border-radius: 50%;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 底部版权/协议区块 -->
|
||||
<div class="sk-footer-bottom">
|
||||
<!-- 版权 -->
|
||||
<div class="skeleton-block" style="width: 200px; height: 12px;"></div>
|
||||
<!-- 政策链接 -->
|
||||
<div class="sk-policy-wrap" style="display: flex; gap: 25px;">
|
||||
<div class="skeleton-block" style="width: 60px; height: 12px;"></div>
|
||||
<div class="skeleton-block" style="width: 60px; height: 12px;"></div>
|
||||
<div class="skeleton-block" style="width: 60px; height: 12px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
102
0000_gb_points_temp/public/pages/header.html
Normal file
102
0000_gb_points_temp/public/pages/header.html
Normal file
@@ -0,0 +1,102 @@
|
||||
<header id="page-header" class="page-header sk-header-container">
|
||||
<style>
|
||||
.sk-header-container {
|
||||
background: linear-gradient(135deg, #1e1e2f 0%, #151522 100%);
|
||||
padding: 15px 30px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 5px 20px rgba(0,0,0,0.3);
|
||||
}
|
||||
.skeleton-block {
|
||||
background: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 25%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.03) 75%);
|
||||
background-size: 400% 100%;
|
||||
animation: skeleton-loading 2s infinite ease-in-out;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
|
||||
transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
|
||||
border: 1px solid rgba(255, 255, 255, 0.02);
|
||||
}
|
||||
.skeleton-block:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
|
||||
border-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
@keyframes skeleton-loading {
|
||||
0% { background-position: 100% 50%; }
|
||||
100% { background-position: 0 50%; }
|
||||
}
|
||||
|
||||
/* === 响应式布局 (适配所有手机) === */
|
||||
.sk-header-wrap {
|
||||
max-width: 1400px; margin: 0 auto; display: flex; flex-direction: column; gap: 20px;
|
||||
}
|
||||
.sk-top-util {
|
||||
display: flex; justify-content: flex-end; gap: 20px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.05);
|
||||
}
|
||||
.sk-main-nav {
|
||||
display: flex; justify-content: space-between; align-items: center; gap: 30px; padding-top: 5px; flex-wrap: wrap;
|
||||
}
|
||||
.sk-logo-box { width: 220px; height: 50px; border-radius: 8px; }
|
||||
.sk-search-box { flex: 1; max-width: 600px; height: 42px; border-radius: 25px; min-width: 250px; }
|
||||
.sk-icons-box { display: flex; gap: 15px; align-items: center; }
|
||||
.sk-bottom-cats { display: flex; justify-content: center; gap: 50px; padding-top: 10px; flex-wrap: wrap; }
|
||||
.sk-mobile-menu-btn { display: none; width: 40px; height: 40px; border-radius: 6px; }
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.sk-header-container { padding: 10px 15px; }
|
||||
.sk-header-wrap { gap: 10px; }
|
||||
/* 手机端隐藏顶部小条和底部多列导航，收起到侧边栏按钮 */
|
||||
.sk-top-util, .sk-bottom-cats { display: none; }
|
||||
/* 重新排列主导航：菜单按钮, Logo, 购物车图标 */
|
||||
.sk-main-nav { gap: 10px; justify-content: space-between; padding-top: 0; }
|
||||
.sk-mobile-menu-btn { display: block; }
|
||||
.sk-logo-box { width: 140px; height: 35px; margin: 0 auto; }
|
||||
.sk-search-box { width: 100%; max-width: 100%; order: 4; height: 38px; margin-top: 5px;}
|
||||
.sk-user-btn { display: none; } /* 手机端通常把个人中心放到汉堡菜单里 */
|
||||
.sk-icons-box { gap: 10px; }
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="sk-header-wrap">
|
||||
|
||||
<!-- 顶部小工具栏 (Utility Bar) - 手机端隐藏 -->
|
||||
<div class="sk-top-util">
|
||||
<div class="skeleton-block" style="width: 80px; height: 12px; border-radius: 4px;"></div>
|
||||
<div class="skeleton-block" style="width: 70px; height: 12px; border-radius: 4px;"></div>
|
||||
<div class="skeleton-block" style="width: 85px; height: 12px; border-radius: 4px;"></div>
|
||||
<div class="skeleton-block" style="width: 60px; height: 12px; border-radius: 4px;"></div>
|
||||
</div>
|
||||
|
||||
<!-- 主导航条 -->
|
||||
<div class="sk-main-nav">
|
||||
|
||||
<!-- 手机端汉堡菜单占位 (仅移动端显示) -->
|
||||
<div class="skeleton-block sk-mobile-menu-btn"></div>
|
||||
|
||||
<!-- 品牌 Logo 占位 -->
|
||||
<div class="skeleton-block sk-logo-box"></div>
|
||||
|
||||
<!-- 右侧图标 (购物车等) -->
|
||||
<div class="sk-icons-box">
|
||||
<!-- 移动端隐藏的长按钮，仅保留图标 -->
|
||||
<div class="skeleton-block sk-user-btn" style="width: 110px; height: 40px; border-radius: 20px;"></div>
|
||||
<div class="skeleton-block" style="width: 40px; height: 40px; border-radius: 50%;"></div>
|
||||
</div>
|
||||
|
||||
<!-- 居中长搜索框占位 (移动端会掉到下一排占满全宽) -->
|
||||
<div class="skeleton-block sk-search-box"></div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 下方导航分类栏 - 手机端隐藏 -->
|
||||
<div class="sk-bottom-cats">
|
||||
<div class="skeleton-block" style="width: 65px; height: 16px; border-radius: 4px;"></div>
|
||||
<div class="skeleton-block" style="width: 85px; height: 16px; border-radius: 4px;"></div>
|
||||
<div class="skeleton-block" style="width: 75px; height: 16px; border-radius: 4px;"></div>
|
||||
<div class="skeleton-block" style="width: 100px; height: 16px; border-radius: 4px;"></div>
|
||||
<div class="skeleton-block" style="width: 60px; height: 16px; border-radius: 4px;"></div>
|
||||
<div class="skeleton-block" style="width: 90px; height: 16px; border-radius: 4px;"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</header>
|
||||
BIN
0000_gb_points_temp/public/pages/xp.png
Normal file
BIN
0000_gb_points_temp/public/pages/xp.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 377 B |
Reference in New Issue
Block a user