:root { --awards-navy: #0f335f; --awards-cyan: #00f0ff; --awards-blue: #74bce7; }
html { font-family: Arial, sans-serif; font-weight: 300; color: #fff; background: #051932; }
* { box-sizing: border-box; }
.main { height: auto; min-height: 100vh; max-height: none; }
.main.is-page-stack, .main:has(.page-stack) { overflow: visible; height: auto; max-height: none; }
.page-stack { margin-top: var(--header-height); }
@media (prefers-reduced-motion:reduce) {
.page-stack [class*="-trAnim-"], .page-stack [class*="awds-"] { opacity: 1 !important; transform: none !important; transition: none !important; }
}
/* ===== Awards 页入场动画（js-reveal.active 触发）===== */
[class*="awds-rise-"], [class*="awds-left-"], [class*="awds-right-"], [class*="awds-scale-"] { opacity: 0; transition-property: opacity, transform; transition-duration: .7s; transition-timing-function: cubic-bezier(.25, .46, .45, .94); }
[class*="awds-fade-"] { opacity: 0; transition: opacity .7s ease; }
.awds-rise-1, .awds-fade-1, .awds-left-1, .awds-right-1, .awds-scale-1 { transition-delay: .05s; }
.awds-rise-2, .awds-fade-2, .awds-left-2, .awds-right-2, .awds-scale-2 { transition-delay: .12s; }
.awds-rise-3, .awds-fade-3, .awds-left-3, .awds-right-3, .awds-scale-3 { transition-delay: .2s; }
.awds-rise-4, .awds-fade-4, .awds-left-4, .awds-right-4, .awds-scale-4 { transition-delay: .28s; }
.awds-rise-5, .awds-fade-5, .awds-left-5, .awds-right-5, .awds-scale-5 { transition-delay: .36s; }
.awds-rise-6, .awds-fade-6, .awds-left-6, .awds-right-6, .awds-scale-6 { transition-delay: .44s; }
[class*="awds-rise-"] { transform: translate3d(0, 2.5rem, 0); }
[class*="awds-left-"] { transform: translate3d(-2.5rem, 0, 0); }
[class*="awds-right-"] { transform: translate3d(2.5rem, 0, 0); }
[class*="awds-scale-"] { transform: scale(.96); }
.page-stack .active[class*="awds-rise-"], .page-stack .active[class*="awds-left-"], .page-stack .active[class*="awds-right-"], .page-stack .active[class*="awds-scale-"], .page-stack .active[class*="awds-fade-"], .page-stack .active [class*="awds-rise-"], .page-stack .active [class*="awds-left-"], .page-stack .active [class*="awds-right-"], .page-stack .active [class*="awds-scale-"], .page-stack .active [class*="awds-fade-"] { opacity: 1; transform: none; }
.awards-page { position: relative; width: 100%; padding: 0; background-color: #051932; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; }
.awards-page__mask { position: relative; inset: 0; z-index: 0; }
.awards-page__mask img { width: 100%; height: 100%; object-fit: cover; }
.awards-page__inner { position: absolute; left: 0; bottom: 0; z-index: 2; margin: 0 auto; width: 100%; padding: 0 2rem; }
.awards-hero { display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 1600px; margin: 0 auto 8rem; }
.awards-hero__title { margin: 1.5rem 0 0; font-size: clamp(1.75rem, 3.4vw, 3rem); font-weight: 700; line-height: 1.25; color: #ffffff; }
.awards-hero__title--accent { margin-top: 4rem; font-size: 1.25rem; font-weight: 300; line-height: 1.25; width: 100%; max-width: 960px; color: #ffffff; }
.awards-hero__subtitle { margin: 1.25rem 0 0; font-size: 1.125rem; font-weight: 300; line-height: 1.6; color: #ffffff; }
.awards-hero__desc { margin: 1.25rem 0 0; max-width: 720px; font-size: .9375rem; font-weight: 300; line-height: 1.7; color: #ffffff; }
.awards-who { margin: 0 auto 15rem; }
.awards-who__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; margin: 0 auto; max-width: 940px; width: 100% }
.awards-who__card { position: relative; min-height: 9.5rem; padding: 0; background: transparent; border: none; border-radius: 0; }
.awards-who__card::before, .awards-who__card::after, .awards-who__frame::before, .awards-who__frame::after { content: ''; position: absolute; width: 1rem; height: 1rem; border: 1px solid var(--awards-cyan); pointer-events: none; }
.awards-who__card::before { top: 0; right: 0; border-left: none; border-bottom: none; }
.awards-who__card::after { bottom: 0; left: 0; border-top: none; border-right: none; }
.awards-who__frame { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 9.5rem; padding: 1rem; text-align: center; }
.awards-who__frame::before { top: 0; left: 0; border-right: none; border-bottom: none; }
.awards-who__frame::after { right: 0; bottom: 0; border-top: none; border-left: none; }
.awards-who__num { font-size: clamp(2.25rem, 4vw, 3.5rem); font-weight: 700; line-height: 1; color: var(--awards-cyan); }
.awards-who__label { margin-top: 1rem; font-size: 1rem; font-weight: 400; line-height: 1.4; height: 32px; line-height: 17px; color: var(--awards-cyan); }
.awards-certs { position: relative; width: 100%; padding: 6% 0 7%; background: #051932; }
.awards-certs__inner { margin: 0 auto; width: 100%; max-width: 1400px; padding: 0 2rem; }
.awards-certs__header { display: flex; flex-direction: column; align-items: center; max-width: 920px; margin: 0 auto 3.5rem; text-align: center; }
.awards-certs__title { margin: 0; font-size: clamp(1.75rem, 3.2vw, 2.75rem); font-weight: 700; line-height: 1.3; color: #ffffff; }
.awards-certs__line { width: 5.5rem; height: 2px; margin: 1.25rem 0 0; background: var(--awards-cyan); }
.awards-certs__subtitle { margin: 1.25rem 0 0; font-size: 1.0625rem; font-weight: 300; line-height: 1.7; color: #74bce7; }
.awards-certs__desc { margin: 1.25rem 0 0; font-size: .9375rem; font-weight: 300; line-height: 1.85; color: #a0aec0; }
.awards-certs__desc p { margin: 0 0 .75rem; color: inherit; }
.awards-certs__desc p:last-child { margin-bottom: 0; }
.awards-certs__panel-bg1 { position: absolute; z-index: 0; left: 0px; top: 0px; width: 100%; height: auto; }
.awards-certs__panel-bg2 { position: absolute; z-index: 0; left: 0px; bottom: 0px; width: 100%; height: auto; }
.awards-certs__ball { position: absolute; z-index: 0; right: 0px; top: 0px; width: 50%; max-width: 580px; height: auto; }
.awards-certs__panel { position: relative; padding: 3.5rem 2.5rem 2.25rem; border: 1px solid rgba(116, 188, 231, .28); border-radius: 36px; overflow: hidden; box-shadow: 0 0 40px rgba(0, 240, 255, .12); }
.awards-certs__heading { position: relative; z-index: 1; max-width: 42rem; margin: 0 0 2.75rem; }
.awards-certs__label { margin: 0; font-size: .9375rem; font-weight: 400; line-height: 1.5; color: #74bce7; }
.awards-certs__heading-title { margin: .65rem 0 0; font-size: clamp(1.5rem, 2.6vw, 2.25rem); font-weight: 700; line-height: 1.3; color: #ffffff; }
.awards-certs__heading-sub { margin: .75rem 0 0; font-size: 1.5rem; font-weight: 300; line-height: 1.6; color: #ffffff; }
.awards-certs__panel-bg { position: absolute; inset: 0; z-index: 0; background: #0a192f; pointer-events: none; }
.awards-certs__swiper { position: relative; padding: 20px; z-index: 1; padding-bottom: 2.25rem; }
.awards-certs__swiper .swiper-wrapper { align-items: stretch; }
.awards-certs__swiper .swiper-slide { height: auto; display: flex; }
.awards-cert { position: relative; display: flex; flex-direction: column; width: 100%; min-height: 28rem; padding: 1.5rem 1.25rem 2.75rem; border: 1px solid rgba(116, 188, 231, .38); background: rgba(15, 51, 95, 0.2); box-shadow: 0px 0px 20px 1px rgba(116, 188, 231, 0.2); border-radius: 15px; border: 1px solid; border-image-source: linear-gradient(197.72deg, #74BCE7 -1.17%, #0F335F 50.48%, #416981 102.14%); }
.awards-cert__title { margin: 0; font-size: 1.5rem; font-weight: 700; line-height: 1.4; color: var(--awards-cyan); }
.awards-cert__line { width: 45px; height: 1px; margin: .75rem 0 0; background: #FFFFFF; }
.awards-cert__text { margin: .85rem 0 0; font-size: .8125rem; font-weight: 300; line-height: 1.7; min-height: 285px; color: #d1d5db; }
.awards-cert__text p { margin: 0 0 .5rem; color: inherit; }
.awards-cert__text p:last-child { margin-bottom: 0; }
.awards-cert__media { display: flex; align-items: center; justify-content: center; flex: 1 1 auto; margin-top: 1.5rem; min-height: 12.5rem; }
.awards-cert__media img { display: block; max-width: 100%; max-height: 15rem; width: auto; height: auto; object-fit: contain; }
.awards-cert__index { position: absolute; right: 1rem; bottom: .85rem; font-size: .875rem; font-weight: 400; line-height: 1; color: rgba(255, 255, 255, .32); letter-spacing: .04em; }
.awards-certs__pagination { bottom: 0 !important; }
.awards-certs__pagination .swiper-pagination-bullet { width: 7px; height: 7px; background: rgba(255, 255, 255, .35); opacity: 1; }
.awards-certs__pagination .swiper-pagination-bullet-active { background: var(--awards-cyan); }
.awards-certs__swiper.swiper-container-lock { padding-bottom: 0; }
.awards-certs__swiper.swiper-container-lock .awards-certs__pagination { display: none; }
.body-zh .awards-cert__title { height: 50px; }
.body-zh .awards-certs__swiper .swiper-slide:nth-child(3) .awards-cert__title { max-width: 70%; font-size: 20px; }
.body-zh .awards-certs__swiper .swiper-slide:nth-child(4) .awards-cert__title { max-width: 70%; font-size: 20px; }
.body-zh .awards-cert__text { min-height: 200px; }
.body-zh .awards-hero__title--accent { font-size: 36px; line-height: 1.4; }
@media screen and (max-width:991px) {
.body-zh .awards-cert__title { height: auto; min-height: 40px; }
.body-zh .awards-certs__swiper .swiper-slide:nth-child(3) .awards-cert__title,
.body-zh .awards-certs__swiper .swiper-slide:nth-child(4) .awards-cert__title { max-width: 100%; font-size: 18px; }
.body-zh .awards-cert__text { min-height: 140px; }
.body-zh .awards-hero__title--accent { font-size: 28px; }
}
@media screen and (max-width:576px) {
.body-zh .awards-cert__title { min-height: 0; }
.body-zh .awards-certs__swiper .swiper-slide:nth-child(3) .awards-cert__title,
.body-zh .awards-certs__swiper .swiper-slide:nth-child(4) .awards-cert__title { font-size: 16px; }
.body-zh .awards-cert__text { min-height: 0; }
.body-zh .awards-hero__title--accent { font-size: 22px; }
}
@media screen and (max-width:1400px) {
.awards-hero__title--accent { margin-top: 3rem; }
.awards-who { margin-bottom: 10rem; }
}
@media screen and (max-width:1200px) {
.awards-certs__panel { padding: 2.75rem 1.75rem 2rem; }
.awards-cert { min-height: 26rem; }
}
@media screen and (max-width:991px) {
.awards-page { padding: 0% 0 8%; }
.awards-page__inner { padding: 0 1.25rem; }
.awards-hero { margin-bottom: 3.5rem; }
.awards-who__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.awards-certs { padding: 10% 0 12%; }
.awards-certs__inner { padding: 0 1.25rem; }
.awards-certs__header { margin-bottom: 2.5rem; }
.awards-certs__panel { padding: 2rem 1.25rem 1.75rem; border-radius: 24px; }
.awards-certs__heading { margin-bottom: 2rem; }
.awards-cert { min-height: 24rem; padding: 1.25rem 1rem 2.5rem; }
}
@media screen and (max-width:576px) {
.awards-page { padding: 0; }
.awards-hero { margin-bottom: 15px; padding-bottom: 0px; }
.awards-hero__title--accent { margin-top: 15px; }
.awards-hero__subtitle { font-size: 1rem; }
.awards-who__label { margin-top: 5px; font-size: 13px; line-height: 12px; height: 24px; }
.awards-hero__desc { font-size: .875rem; }
.awards-who { margin-bottom: 20px; }
.awards-who__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.awards-who__frame { min-height: 4rem; padding: 5px; }
.awards-who__card { min-height: 4.5rem; }
.awards-certs__title { font-size: 1.5rem; }
.awards-certs__subtitle { font-size: .9375rem; }
.awards-certs__desc { font-size: .875rem; }
.awards-certs__panel { padding: 1.5rem 1rem 1.25rem; border-radius: 18px; }
.awards-certs__heading { margin-bottom: 1.5rem; }
.awards-certs__label { font-size: .8125rem; }
.awards-certs__heading-sub { font-size: .875rem; }
.awards-cert { min-height: 22rem; }
.awards-cert__title { font-size: 1rem; }
}
.awards-honors { position: relative; width: 100%; padding: 6% 0 7%; overflow: hidden; color: #334155; background: #ffffff; }
.awards-honors__inner { position: relative; z-index: 1; margin: 0 auto; width: 100%; max-width: 1400px; padding: 0 2rem; }
.awards-honors__header { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(220px, .7fr); gap: 3rem 4rem; align-items: end; margin-bottom: 4rem; }
.awards-honors__label { margin: 0; font-size: .9375rem; font-weight: 400; line-height: 1.5; color: #94a3b8; }
.awards-honors__title { margin: .6rem 0 0; font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 700; line-height: 1.3; color: #0f335f; }
.awards-honors__desc { margin: 1.25rem 0 0; max-width: 38rem; font-size: .9375rem; font-weight: 300; line-height: 1.85; color: #64748b; }
.awards-honors__desc p { margin: 0 0 .75rem; color: inherit; }
.awards-honors__desc p:last-child { margin-bottom: 0; }
.awards-honors__aside { margin: 0 0 .35rem auto; max-width: 22rem; font-size: .875rem; font-weight: 300; line-height: 1.2; text-align: right; color: #94a3b8; }
.awards-honors__cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem 4.5rem; }
.awards-honors__col { display: flex; flex-direction: column; }
.awards-honors__thead, .awards-honors__row { display: grid; grid-template-columns: minmax(0, 1.55fr) .7fr minmax(0, 1fr) 64px; gap: .75rem 1rem; align-items: center; }
.awards-honors__thead { padding: 0 0 .85rem; font-size: .75rem; font-weight: 400; line-height: 1.4; color: #94a3b8; }
.awards-honors__thead span:last-child { text-align: right; }
.awards-honors__row { padding: .9rem 0; border-bottom: 1px solid #e8eef3; font-size: .875rem; font-weight: 400; line-height: 1.45; color: #334155; }
.awards-honors__name { min-width: 0; }
.awards-honors__date, .awards-honors__place { color: #475569; }
.awards-honors__product { display: flex; justify-content: flex-end; align-items: center; }
.awards-honors__product img { display: block; width: 56px; height: 42px; object-fit: contain; }
.awards-honors__deco { width: min(300px, 72%); margin: auto 0 0 auto; }
.awards-honors__white-ball { display: block; width: 100%; height: auto; mix-blend-mode: multiply; }
@media screen and (max-width:1200px) {
.awards-honors__header { gap: 2rem 2.5rem; margin-bottom: 3rem; }
.awards-honors__cols { gap: 2rem 2.5rem; }
.awards-honors__thead, .awards-honors__row { grid-template-columns: minmax(0, 1.4fr) .65fr minmax(0, .9fr) 56px; gap: .5rem .75rem; }
}
@media screen and (max-width:991px) {
.awards-honors { padding: 12% 0; }
.awards-honors__inner { padding: 0 1.25rem; }
.awards-honors__header { grid-template-columns: 1fr; gap: 1.25rem; margin-bottom: 2.5rem; }
.awards-honors__aside { margin: 0; max-width: none; text-align: left; }
.awards-honors__cols { grid-template-columns: 1fr; gap: 2.5rem; }
.awards-honors__thead-last { display: none; }
.awards-honors__cols { gap: 0rem; }
.awards-honors__deco { width: min(220px, 58%); margin: 1.5rem auto 0; }
}
@media screen and (max-width:576px) {
.awards-honors__title { font-size: 1.5rem; }
.awards-honors__desc, .awards-honors__aside { font-size: .875rem; }
.awards-honors__thead { font-size: .6875rem; }
.awards-honors__row { padding: .75rem 0; font-size: .8125rem; }
.awards-honors__thead, .awards-honors__row { grid-template-columns: minmax(0, 1.3fr) .7fr minmax(0, .9fr) 48px; gap: .4rem .5rem; }
.awards-honors__product img { width: 44px; height: 34px; }
.awards-honors__deco { width: min(160px, 52%); margin: 1rem auto 0; }
}
.awards-years { width: 100%; padding: 6% 0 7%; color: #1a1a1a; background: #e6e6e6; }
.awards-years__inner { margin: 0 auto; width: 100%; max-width: 1400px; padding: 0 2rem; }
.awards-years__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem 6rem; padding: 2.75rem 0; border-bottom: 1px solid #c8c8c8; }
.awards-years__row:first-child { padding-top: 0; }
.awards-years__row:last-child { padding-bottom: 0; border-bottom: none; }
.awards-years__year { margin: 0; font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 700; line-height: 1.2; color: #111111; }
.awards-years__list { margin: .85rem 0 0; padding: 0; list-style: none; }
.awards-years__list li { font-size: .9375rem; font-weight: 400; line-height: 1.7; color: #2b2b2b; }
.awards-years__logos { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem; margin-top: 1.5rem; }
.awards-years__logos img { display: block; width: auto; height: 56px; max-width: 140px; object-fit: contain; }
@media screen and (max-width:991px) {
.awards-years { padding: 12% 0; }
.awards-years__inner { padding: 0 1.25rem; }
.awards-years__row { grid-template-columns: 1fr; gap: 2.5rem; padding: 2.25rem 0; text-align: left; }
.awards-years__logos { justify-content: left; }
}
@media screen and (max-width:576px) {
.awards-years__year { font-size: 1.5rem; }
.awards-years__list li { font-size: .875rem; }
.awards-years__logos img { height: 48px; }
}
.awards-evidence { width: 100%; padding: 7% 0 8%; color: #ffffff; background: #051932; }
.awards-evidence__inner { display: flex; flex-direction: column; align-items: center; margin: 0 auto; width: 100%; max-width: 920px; padding: 0 2rem; text-align: center; }
.awards-evidence__title { margin: 0; font-size: clamp(1.75rem, 3.2vw, 2.75rem); font-weight: 700; line-height: 1.35; color: #ffffff; }
.awards-evidence__line { width: 5.5rem; height: 2px; margin: 1.25rem 0 0; background: var(--awards-cyan); }
.awards-evidence__desc { margin: 1.5rem 0 0; max-width: 800px; font-size: .9375rem; font-weight: 300; line-height: 1.85; color: rgba(255, 255, 255, .82); }
@media screen and (max-width:991px) {
.awards-evidence { padding: 12% 0; }
.awards-evidence__inner { padding: 0 1.25rem; }
}
@media screen and (max-width:576px) {
.awards-evidence__title { font-size: 1.5rem; }
.awards-evidence__desc { font-size: .875rem; line-height: 1.75; }
}