.ly-global-footer,
.ly-global-footer * {
box-sizing: border-box;
}
.ly-global-footer {
position: relative;
width: 100%;
overflow: hidden;
border-top: 1px solid rgba(255, 255, 255, 0.07);
background:
radial-gradient(circle at 8% 0%, rgba(49, 94, 251, 0.2), transparent 30%),
radial-gradient(circle at 96% 5%, rgba(32, 164, 122, 0.11), transparent 26%),
linear-gradient(160deg, #0b1222 0%, #080d19 56%, #070b15 100%);
color: #fff;
font-family: var(--ly-font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif);
-webkit-font-smoothing: antialiased;
}
.ly-global-footer::before {
position: absolute;
top: -220px;
left: 50%;
width: min(900px, 80vw);
height: 340px;
border: 1px solid rgba(255, 255, 255, 0.045);
border-radius: 50%;
box-shadow:
0 0 0 54px rgba(255, 255, 255, 0.012),
0 0 0 108px rgba(255, 255, 255, 0.008);
content: "";
pointer-events: none;
transform: translateX(-50%);
}
.ly-global-footer__inner {
position: relative;
z-index: 1;
width: min(1240px, calc(100% - 48px));
margin: 0 auto;
padding: 34px 0 26px;
}
.ly-global-footer__trust {
display: grid;
overflow: hidden;
margin-bottom: 64px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 18px;
background: rgba(255, 255, 255, 0.045);
box-shadow: 0 18px 54px rgba(0, 0, 0, 0.14);
grid-template-columns: repeat(3, minmax(0, 1fr));
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
}
.ly-global-footer__trust > div {
display: flex;
min-height: 76px;
align-items: center;
gap: 14px;
padding: 0 26px;
border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.ly-global-footer__trust > div:last-child {
border-right: 0;
}
.ly-global-footer__trust span {
display: grid;
width: 30px;
height: 30px;
flex: 0 0 30px;
border: 1px solid rgba(140, 164, 255, 0.28);
border-radius: 10px;
background: rgba(49, 94, 251, 0.13);
color: #aebdff;
font-size: 9px;
font-weight: 780;
letter-spacing: 0.6px;
place-items: center;
}
.ly-global-footer__trust strong {
color: #eef2ff;
font-size: 12px;
font-weight: 650;
letter-spacing: 0.1px;
line-height: 1.45;
}
.ly-global-footer__grid {
display: grid;
align-items: start;
grid-template-columns: minmax(290px, 1.55fr) repeat(3, minmax(135px, 0.72fr));
gap: clamp(40px, 5vw, 78px);
}
.ly-global-footer__brand {
max-width: 390px;
}
.ly-global-footer__logo {
display: inline-flex;
align-items: center;
gap: 13px;
color: #fff;
text-decoration: none;
}
.ly-global-footer__logo strong {
font-size: 19px;
font-weight: 760;
letter-spacing: -0.48px;
line-height: 1.2;
}
.ly-global-footer__brand > p {
max-width: 380px;
margin: 24px 0 0;
color: #9aa7bc;
font-size: 13px;
line-height: 1.9;
}
.ly-global-footer__contact-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin-top: 26px;
}
.ly-global-footer__contact {
display: inline-flex;
min-height: 44px;
align-items: center;
gap: 10px;
margin-top: 0;
padding: 0 17px;
border: 1px solid rgba(137, 161, 255, 0.22);
border-radius: 13px;
background: rgba(49, 94, 251, 0.16);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
color: #f4f6ff;
font-size: 12px;
font-weight: 680;
line-height: 1;
text-decoration: none;
transition:
border-color var(--ly-duration-fast, 160ms) ease,
background-color var(--ly-duration-fast, 160ms) ease,
transform var(--ly-duration-fast, 160ms) ease;
}
.ly-global-footer__contact--qq {
border-color: rgba(255, 255, 255, 0.11);
background: rgba(255, 255, 255, 0.055);
box-shadow: none;
}
.ly-global-footer__copy {
display: inline-flex;
min-height: 44px;
align-items: center;
justify-content: center;
padding: 0 13px;
border: 1px solid rgba(255, 255, 255, 0.11);
border-radius: 13px;
background: rgba(255, 255, 255, 0.035);
color: #9aa7bc;
cursor: pointer;
font-family: inherit;
font-size: 11px;
font-weight: 650;
}
.ly-global-footer__copy:hover,
.ly-global-footer__copy:focus-visible {
border-color: rgba(137, 161, 255, 0.35);
color: #fff;
}
.ly-global-footer__contact > span {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #39d4ac;
box-shadow: 0 0 0 4px rgba(57, 212, 172, 0.12);
}
.ly-global-footer__contact i {
color: #9fb1ff;
font-size: 11px;
font-style: normal;
transition: transform var(--ly-duration-fast, 160ms) ease;
}
.ly-global-footer__contact:hover,
.ly-global-footer__contact:focus-visible {
border-color: rgba(137, 161, 255, 0.42);
background: rgba(49, 94, 251, 0.26);
color: #fff;
transform: translateY(-2px);
}
.ly-global-footer__contact:hover i,
.ly-global-footer__contact:focus-visible i {
transform: translate(2px, -2px);
}
.ly-global-footer__brand > small {
display: block;
margin-top: 10px;
color: #6f7e95;
font-size: 10px;
line-height: 1.5;
}
.ly-global-footer__nav h2 {
margin: 3px 0 22px;
color: #f2f5fb;
font-size: 12px;
font-weight: 720;
letter-spacing: 0.2px;
line-height: 1.3;
}
.ly-global-footer__nav ul {
margin: 0;
padding: 0;
list-style: none;
}
.ly-global-footer__nav li + li {
margin-top: 13px;
}
.ly-global-footer__nav a {
display: inline-flex;
align-items: center;
gap: 5px;
color: #8f9cb0;
font-size: 11px;
font-weight: 520;
line-height: 1.5;
text-decoration: none;
transition:
color var(--ly-duration-fast, 160ms) ease,
transform var(--ly-duration-fast, 160ms) ease;
}
.ly-global-footer__nav a span {
opacity: 0;
color: #8ea4ff;
font-size: 9px;
transform: translate(-3px, 2px);
transition:
opacity var(--ly-duration-fast, 160ms) ease,
transform var(--ly-duration-fast, 160ms) ease;
}
.ly-global-footer__nav a:hover,
.ly-global-footer__nav a:focus-visible {
color: #fff;
transform: translateX(2px);
}
.ly-global-footer__nav a:hover span,
.ly-global-footer__nav a:focus-visible span {
opacity: 1;
transform: translate(0, 0);
}
.ly-global-footer__statement {
display: flex;
align-items: flex-start;
gap: 12px;
margin-top: 58px;
padding: 18px 20px;
border: 1px solid rgba(255, 255, 255, 0.07);
border-radius: 15px;
background: rgba(255, 255, 255, 0.025);
}
.ly-global-footer__statement > span {
display: grid;
width: 20px;
height: 20px;
flex: 0 0 20px;
border: 1px solid rgba(166, 183, 255, 0.24);
border-radius: 50%;
color: #9fb0f2;
font-family: Georgia, serif;
font-size: 11px;
font-weight: 700;
place-items: center;
}
.ly-global-footer__statement p {
margin: 0;
color: #77859b;
font-size: 10px;
line-height: 1.72;
}
.ly-global-footer__bottom {
display: flex;
min-height: 74px;
align-items: center;
gap: 24px;
margin-top: 22px;
border-top: 1px solid rgba(255, 255, 255, 0.07);
color: #66748a;
font-size: 10px;
line-height: 1.5;
}
.ly-global-footer__bottom p {
margin: 0 auto 0 0;
color: inherit;
font-size: inherit;
}
.ly-global-footer__bottom nav {
display: flex;
align-items: center;
gap: 16px;
}
.ly-global-footer__bottom a {
color: #78869a;
text-decoration: none;
transition: color var(--ly-duration-fast, 160ms) ease;
}
.ly-global-footer__bottom a:hover,
.ly-global-footer__bottom a:focus-visible {
color: #fff;
}
.ly-global-footer__registrations {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px 16px;
}
@media (max-width: 1024px) {
.ly-global-footer__grid {
grid-template-columns: minmax(280px, 1.35fr) repeat(2, minmax(150px, 0.8fr));
gap: 52px 46px;
}
.ly-global-footer__nav:last-child {
grid-column: 2 / 3;
}
}
@media (max-width: 760px) {
.ly-global-footer__inner {
width: min(100% - 32px, 620px);
padding-top: 24px;
}
.ly-global-footer__trust {
margin-bottom: 48px;
grid-template-columns: 1fr;
}
.ly-global-footer__trust > div {
min-height: 62px;
padding: 0 20px;
border-right: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.ly-global-footer__trust > div:last-child {
border-bottom: 0;
}
.ly-global-footer__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 44px 28px;
}
.ly-global-footer__brand {
max-width: none;
grid-column: 1 / -1;
}
.ly-global-footer__brand > p {
max-width: 560px;
}
.ly-global-footer__nav:last-child {
grid-column: auto;
}
.ly-global-footer__statement {
margin-top: 46px;
}
.ly-global-footer__bottom {
align-items: flex-start;
flex-direction: column;
gap: 14px;
padding: 24px 0;
}
.ly-global-footer__bottom p {
margin: 0;
}
.ly-global-footer__bottom nav {
flex-wrap: wrap;
gap: 10px 16px;
}
.ly-global-footer__registrations {
width: 100%;
}
}
@media (max-width: 440px) {
.ly-global-footer__inner {
width: calc(100% - 28px);
}
.ly-global-footer__grid {
grid-template-columns: 1fr;
gap: 38px;
}
.ly-global-footer__brand,
.ly-global-footer__nav:last-child {
grid-column: auto;
}
.ly-global-footer__logo strong {
font-size: 18px;
}
.ly-global-footer__brand > p {
font-size: 12px;
line-height: 1.8;
}
.ly-global-footer__contact {
flex: 1 1 100%;
justify-content: center;
}
.ly-global-footer__copy {
width: 100%;
}
.ly-global-footer__nav a {
font-size: 13px;
}
.ly-global-footer__bottom,
.ly-global-footer__statement p {
font-size: 11px;
}
.ly-global-footer__nav h2 {
margin-bottom: 18px;
}
.ly-global-footer__nav ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px 18px;
}
.ly-global-footer__nav li + li {
margin-top: 0;
}
.ly-global-footer__statement {
padding: 16px;
}
}
@media print {
.ly-global-footer__trust,
.ly-global-footer__contact-row,
.ly-global-footer__contact,
.ly-global-footer__copy,
.ly-global-footer__nav,
.ly-global-footer__statement {
display: none;
}
.ly-global-footer {
border-top: 1px solid #ddd;
background: #fff;
color: #111;
}
.ly-global-footer__inner {
padding: 20px 0;
}
.ly-global-footer__grid {
display: block;
}
.ly-global-footer__brand > p,
.ly-global-footer__brand > small,
.ly-global-footer__bottom {
color: #444;
}
} body.ly-has-contact-page .site-content > .ast-container,
body.ly-has-contact-page #primary,
body.ly-has-contact-page #main,
body.ly-has-contact-page article.ast-article-single,
body.ly-has-contact-page .entry-content {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
.ly-contact-page,
.ly-contact-page * {
box-sizing: border-box;
}
.ly-contact-page {
width: 100%;
max-width: none !important;
margin: 0 !important;
padding: 0;
background:
radial-gradient(circle at 78% 4%, rgba(49, 94, 251, 0.1), transparent 28%),
linear-gradient(180deg, #f7f9fd 0, #fff 510px);
color: var(--ly-color-ink, #090f1f);
}
.ly-contact-page__inner {
width: min(1180px, calc(100% - 48px));
max-width: none !important;
margin: 0 auto !important;
padding: 96px 0 82px;
}
.ly-contact-page__hero {
max-width: 820px;
margin: 0 !important;
}
.ly-contact-page__eyebrow {
margin: 0 0 18px !important;
color: var(--ly-color-brand, #315efb);
font-size: 10px;
font-weight: 780;
letter-spacing: 1.7px;
line-height: 1.2;
}
.ly-contact-page h1 {
max-width: 760px;
margin: 0 !important;
color: var(--ly-color-ink, #090f1f);
font-size: clamp(52px, 6.2vw, 80px);
font-weight: 830;
letter-spacing: -4px;
line-height: 1.02;
}
.ly-contact-page__lead {
max-width: 720px;
margin: 26px 0 0 !important;
color: var(--ly-color-muted, #667085);
font-size: 16px;
line-height: 1.85;
}
.ly-contact-page__actions {
display: flex;
align-items: center;
gap: 12px;
margin-top: 32px !important;
}
.ly-contact-button {
display: inline-flex;
min-height: 48px;
align-items: center;
justify-content: center;
padding: 0 22px;
border: 1px solid var(--ly-color-brand, #315efb);
border-radius: 14px;
background: var(--ly-color-brand, #315efb);
box-shadow: 0 13px 30px rgba(49, 94, 251, 0.2);
color: #fff;
cursor: pointer;
font-family: inherit;
font-size: 12px;
font-weight: 680;
line-height: 1;
text-decoration: none;
transition:
box-shadow var(--ly-duration-standard, 260ms) ease,
transform var(--ly-duration-fast, 160ms) ease;
}
.ly-contact-button--secondary,
.ly-contact-button--copy {
border-color: #dbe1eb;
background: rgba(255, 255, 255, 0.8);
box-shadow: none;
color: #273144;
}
.ly-contact-button--copy {
padding-right: 17px;
padding-left: 17px;
}
.ly-contact-button:hover,
.ly-contact-button:focus-visible {
box-shadow: 0 18px 38px rgba(49, 94, 251, 0.25);
transform: translateY(-2px);
}
.ly-contact-page__note {
display: flex;
align-items: flex-start;
gap: 8px;
margin: 14px 0 0 !important;
color: #8a95a6;
font-size: 11px;
line-height: 1.6;
}
.ly-contact-page__note span {
display: grid;
width: 16px;
height: 16px;
flex: 0 0 16px;
border: 1px solid #cbd3df;
border-radius: 50%;
font-family: Georgia, serif;
font-size: 9px;
place-items: center;
}
.ly-contact-page__fallback {
margin: 14px 0 0 !important;
color: #667085;
font-size: 12px;
line-height: 1.6;
}
.ly-contact-page__availability {
display: flex;
flex-wrap: wrap;
gap: 12px 28px;
margin-top: 42px;
padding-top: 22px;
border-top: 1px solid #e1e6ee;
}
.ly-contact-page__availability > span {
display: inline-flex;
align-items: baseline;
gap: 9px;
}
.ly-contact-page__availability small {
color: #98a2b3;
font-size: 10px;
font-weight: 700;
}
.ly-contact-page__availability strong {
color: #263145;
font-size: 13px;
font-weight: 760;
}
.ly-contact-page__process {
display: grid;
margin-top: 72px !important;
padding: 38px;
border: 1px solid #e1e6ee;
border-radius: 28px;
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 20px 52px rgba(15, 23, 42, 0.06);
grid-template-columns: minmax(220px, .68fr) minmax(0, 1.32fr);
gap: 52px;
}
.ly-contact-page__process header > p {
margin: 0 0 13px !important;
color: var(--ly-color-brand, #315efb);
font-size: 9px;
font-weight: 780;
letter-spacing: 1.4px;
}
.ly-contact-page__process header h2 {
margin: 0 !important;
color: var(--ly-color-ink, #090f1f);
font-size: 34px;
font-weight: 800;
letter-spacing: -1.3px;
}
.ly-contact-page__process header > span {
display: block;
margin-top: 14px;
color: #768194;
font-size: 12px;
line-height: 1.75;
}
.ly-contact-page__process ol {
display: grid;
margin: 0 !important;
padding: 0;
list-style: none;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0 28px;
}
.ly-contact-page__process li {
display: grid;
grid-template-columns: 30px 1fr;
gap: 12px;
padding: 15px 0;
border-bottom: 1px solid #edf0f5;
}
.ly-contact-page__process li:nth-last-child(-n + 2) {
border-bottom: 0;
}
.ly-contact-page__process li > span {
color: var(--ly-color-brand, #315efb);
font-size: 10px;
font-weight: 800;
}
.ly-contact-page__process strong {
display: block;
color: #263145;
font-size: 13px;
}
.ly-contact-page__process li p {
margin: 5px 0 0 !important;
color: #7b8798;
font-size: 11px;
line-height: 1.65;
}
.ly-contact-page__terms {
display: grid;
align-items: start;
margin-top: 72px !important;
padding: 42px;
border-radius: 28px;
background:
radial-gradient(circle at 95% 0%, rgba(92, 119, 245, 0.22), transparent 35%),
linear-gradient(145deg, #111a2e, #09101f);
box-shadow: 0 28px 70px rgba(15, 23, 42, 0.17);
color: #fff;
grid-template-columns: minmax(220px, 0.7fr) minmax(0, 1.3fr);
gap: 48px;
}
.ly-contact-page__terms h2 {
margin: 0 !important;
color: #fff;
font-size: 30px;
font-weight: 800;
letter-spacing: -1.2px;
line-height: 1.15;
}
.ly-contact-page__terms > div > p {
margin: 0 0 13px;
color: #7890c7;
font-size: 9px;
font-weight: 760;
letter-spacing: 1.4px;
}
.ly-contact-page__terms > div > strong {
display: block;
margin-top: 18px;
color: #b6c2d7;
font-size: 11px;
font-weight: 580;
line-height: 1.75;
}
.ly-contact-page__terms ul {
display: grid;
margin: 0 !important;
padding: 0;
list-style: none;
gap: 15px;
}
.ly-contact-page__terms li {
position: relative;
margin: 0;
padding-left: 24px;
color: #aeb8ca;
font-size: 12px;
line-height: 1.72;
}
.ly-contact-page__terms li::before {
position: absolute;
top: 8px;
left: 0;
width: 7px;
height: 7px;
border-radius: 50%;
background: #45d2ad;
box-shadow: 0 0 0 4px rgba(69, 210, 173, 0.11);
content: "";
}
@media (max-width: 900px) {
.ly-contact-page__process {
grid-template-columns: 1fr;
gap: 24px;
}
}
@media (max-width: 700px) {
.ly-contact-page__inner {
width: calc(100% - 32px);
padding: 68px 0 64px;
}
.ly-contact-page h1 {
font-size: clamp(46px, 14vw, 62px);
letter-spacing: -2.8px;
}
.ly-contact-page__lead {
font-size: 14px;
}
.ly-contact-page__actions {
align-items: stretch;
flex-direction: column;
}
.ly-contact-button {
width: 100%;
}
.ly-contact-page__availability {
align-items: flex-start;
flex-direction: column;
gap: 10px;
}
.ly-contact-page__process {
margin-top: 48px !important;
padding: 26px 20px;
border-radius: 22px;
}
.ly-contact-page__process ol {
grid-template-columns: 1fr;
}
.ly-contact-page__process li:nth-last-child(2) {
border-bottom: 1px solid #edf0f5;
}
.ly-contact-page__terms {
margin-top: 54px !important;
padding: 28px;
grid-template-columns: 1fr;
gap: 30px;
}
}