*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

@font-face{
  font-family:Poppins;
  src:url('../fonts/Poppins.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:Poppins;
  src:url('../fonts/Poppins-SemiBold.ttf') format('truetype');
  font-weight:600;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:Poppins-SemiBold;
  src:url('../fonts/Poppins-SemiBold.ttf') format('truetype');
  font-weight:600;
  font-style:normal;
  font-display:swap;
}

:root{
  color:rgba(255,255,255,.92);
  background:#050b16;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
}

html,
body,
#app{
  width:100%;
  min-height:100%;
}

body{
  overflow:hidden;
  background:#050b16;
}

body.resources-active{
  overflow:auto;
  overflow-x:hidden;
  color:#17213d;
  background:#fff;
  font-family:Poppins,Poppins-SemiBold,Arial,"Microsoft YaHei","微软雅黑",SimHei,"黑体",sans-serif;
}

.atmosphere{
  position:fixed;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle at 50% 50%, rgba(21,115,187,.16) 0%, rgba(8,18,48,.24) 34%, transparent 66%),
    radial-gradient(circle at 20% 18%, rgba(115,165,255,.08), transparent 46%),
    radial-gradient(circle at 78% 78%, rgba(34,91,180,.07), transparent 42%),
    linear-gradient(180deg, rgba(3,7,18,.98), rgba(5,13,31,.96));
}

#three-canvas{
  position:fixed;
  inset:0;
  z-index:2;
  pointer-events:auto;
}

.language-switch{
  position:fixed;
  top:32px;
  right:42px;
  z-index:8;
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  box-shadow:0 18px 46px rgba(0,0,0,.18);
  backdrop-filter:blur(18px);
}

.language-option{
  border:0;
  color:rgba(255,255,255,.58);
  background:transparent;
  font:inherit;
  font-size:.78rem;
  line-height:1;
  letter-spacing:.12em;
  cursor:pointer;
  transition:color .28s ease, transform .28s ease;
}

.language-option:hover,
.language-option.is-active{
  color:#fff;
}

.language-option:hover{
  transform:translateY(-1px);
}

.language-option.is-active{
  font-weight:600;
}

.language-divider{
  width:1px;
  height:13px;
  background:rgba(255,255,255,.18);
}

body.resources-active .language-switch{
  border-color:rgba(0,0,0,.12);
  background:rgba(255,255,255,.92);
  box-shadow:0 4px 20px rgba(0,0,0,.06);
}

body.resources-active .language-option{
  color:rgba(0,0,0,.55);
}

body.resources-active .language-option:hover,
body.resources-active .language-option.is-active{
  color:#27477f;
}

body.resources-active .language-divider{
  background:rgba(0,0,0,.14);
}

.brand-intro{
  position:relative;
  z-index:3;
  width:100%;
  height:100vh;
  display:grid;
  place-items:center;
  padding:9vh 6vw 9vh;
  perspective:1400px;
}

.logo-stage{
  position:relative;
  width:min(52.2vw,620px);
  height:min(27vh,282px);
  display:grid;
  place-items:center;
  transform-style:preserve-3d;
}

.logo-mount{
  position:absolute;
  width:100%;
  display:grid;
  place-items:center;
  color:#fff;
  opacity:0;
  filter:drop-shadow(0 22px 58px rgba(0,0,0,.46));
  transform-origin:50% 50%;
  z-index:5;
}

.logo-mount svg{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
  shape-rendering:geometricPrecision;
}

.logo-mount path,
.logo-mount circle,
.logo-mount polygon,
.logo-mount rect,
.logo-mount text{
  fill:#fff !important;
  stroke:transparent;
  shape-rendering:geometricPrecision;
}

.symbol-entry{
  position:absolute;
  left:27.2%;
  top:20.5%;
  z-index:9;
  width:18.5%;
  aspect-ratio:1;
  border-radius:50%;
  opacity:0;
  cursor:pointer;
  pointer-events:none;
}

.symbol-entry.is-ready{
  pointer-events:auto;
}

.resources-page{
  min-height:100vh;
  padding:54px 6vw 0;
  overflow:hidden;
  background:#fff;
}

.resources-shell{
  width:min(1180px,100%);
  margin:0 auto;
}

.resources-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:32px;
}

.back-link{
  order:2;
  display:inline-flex;
  margin-top:4px;
  margin-left:auto;
  padding-bottom:4px;
  color:#27477f;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:6px;
  font-size:.72rem;
  font-weight:700;
}

body.resources-active.lang-zh .back-link{
  letter-spacing:.08em;
}

.resources-brandline{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:58px;
  padding:9px 24px 9px 70px;
  color:#fff;
}

.resources-brandline::before{
  content:'';
  position:absolute;
  top:50%;
  left:45px;
  right:0;
  height:40px;
  background:#27477f;
  clip-path:polygon(0 0, calc(100% - 25px) 0, 100% 50%, calc(100% - 25px) 100%, 0 100%);
  transform:translateY(-50%);
}

.resources-brandline h2{
  position:relative;
  z-index:2;
  color:#fff;
  font-size:1.02rem;
  line-height:1.15;
  font-weight:600;
  letter-spacing:.01em;
  white-space:nowrap;
}

.resources-emblem{
  position:absolute;
  left:0;
  top:50%;
  z-index:3;
  width:58px;
  height:58px;
  border:4px solid #fff;
  border-radius:50%;
  background:#27477f;
  box-shadow:0 8px 24px rgba(47,49,139,.16), inset 0 0 0 1px rgba(255,255,255,.08);
  transform:translateY(-50%);
  overflow:hidden;
}

.resources-emblem svg{
  position:absolute;
  left:50%;
  top:50%;
  width:34px;
  height:auto;
  transform:translate(-50%,-50%);
  overflow:visible;
}

.resources-emblem path,
.resources-emblem circle,
.resources-emblem polygon,
.resources-emblem rect,
.resources-emblem text{
  fill:#fff !important;
  stroke:transparent !important;
}

.resources-emblem .dc-symbol{
  animation-play-state:running;
}

.resources-emblem .is-emblem-hidden{
  display:none !important;
}

.resource-categories{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
  margin-top:22px;
}

.category-chip{
  min-height:34px;
  padding:8px 16px;
  border:1px solid rgba(46,58,140,.16);
  border-radius:999px;
  color:#5f6f89;
  background:rgba(255,255,255,.38);
  font:inherit;
  font-size:.76rem;
  cursor:pointer;
  transition:color .28s ease, background .28s ease, border-color .28s ease, transform .28s ease;
}

.category-chip:hover,
.category-chip.is-active{
  border-color:rgba(47,49,139,.76);
  color:#fff;
  background:#27477f;
}

.category-chip:hover{
  transform:translateY(-1px);
}

.resource-list{
  margin-top:28px;
}

.resource-section{
  position:relative;
  z-index:0;
  padding:28px 0;
}

.resource-section::before{
  content:'';
  position:absolute;
  top:0;
  left:50%;
  width:100vw;
  height:100%;
  z-index:-1;
  pointer-events:none;
  transform:translateX(-50%);
}

.resource-section:nth-child(odd)::before{
  background:#f4f7fc;
}

.resource-section.is-hidden,
.resource-card.is-hidden{
  display:none;
}

.section-heading{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  width:max-content;
  margin-bottom:14px;
  color:#27477f;
  font-size:1.125rem;
  font-weight:400;
  letter-spacing:-.025em;
}

.section-heading::after{
  content:'';
  width:100%;
  height:1px;
  margin-top:0;
  border-radius:999px;
  background:#27477f;
}

.section-cards{
  display:grid;
  gap:20px;
}

.section-cards.cols-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.section-cards.cols-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.section-cards.cols-4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.resource-card{
  display:flex;
  flex-direction:column;
  border:1px solid rgba(46,58,140,.10);
  border-radius:14px;
  background:#fff;
  box-shadow:0 4px 20px rgba(47,49,139,.04);
  overflow:hidden;
  transition:box-shadow .3s ease, transform .3s ease;
}

.resource-card:hover{
  box-shadow:0 8px 32px rgba(47,49,139,.08);
  transform:translateY(-2px);
}

.resource-card.is-placeholder{
  opacity:1;
}

.manual-card{
  flex-direction:row;
}

.manual-cover{
  position:relative;
  width:38%;
  flex-shrink:0;
  aspect-ratio:3/4;
  overflow:hidden;
  border-radius:14px 0 0 14px;
  background:#f0f3f8;
}

.manual-cover img,
.video-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.manual-info{
  flex:1;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:16px 18px 16px 16px;
}

.manual-info h4,
.video-info h4,
.cert-info h4{
  color:#17213d;
  font-size:.875rem;
  line-height:1.25;
  font-weight:400;
  letter-spacing:-.02em;
}

.manual-info h4{
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

.manual-info p{
  display:-webkit-box;
  margin-top:8px;
  color:#63738c;
  font-size:.82rem;
  line-height:1.12;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.download-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  min-height:32px;
  margin-top:auto;
  padding:6px 14px;
  border:0;
  border-radius:999px;
  color:#fff;
  background:#27477f;
  text-decoration:none;
  font-size:.5rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  transition:color .28s ease, background .28s ease;
}

.download-btn:hover{
  color:#fff;
  background:#000;
}

body.resources-active.lang-zh .download-btn{
  min-width:72px;
  padding:7px 18px;
  font-size:.68rem;
  letter-spacing:.12em;
}

.video-cover{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#1a1a2e;
}

.play-btn{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  background:rgba(0,0,0,.28);
  cursor:pointer;
  transition:background .28s ease;
}

.play-btn::before{
  content:'';
  width:48px;
  height:48px;
  border-radius:50%;
  background:rgba(255,255,255,.95) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2327477f' d='M8 5.14v13.72a1 1 0 0 0 1.5.86l11.04-6.86a1 1 0 0 0 0-1.72L9.5 4.28A1 1 0 0 0 8 5.14z'/%3E%3C/svg%3E") center/20px no-repeat;
  transition:transform .28s ease;
}

.play-btn:hover{
  background:rgba(0,0,0,.40);
}

.play-btn:hover::before{
  transform:scale(1.1);
}

.video-info,
.cert-info{
  text-align:center;
}

.video-info{
  padding:10px 14px 12px;
}

.cert-info{
  padding:12px 14px 14px;
}

.cert-cover{
  position:relative;
  width:100%;
  padding:15%;
  aspect-ratio:3/4;
  background:linear-gradient(180deg,#f1f2f6,#b2d4ee);
  overflow:hidden;
}

.cert-frame{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.cert-enlarge{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  cursor:pointer;
}

.cert-enlarge img{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#fff;
  box-shadow:0 0 0 2px #fff, 0 4px 16px rgba(0,0,0,.10);
  transition:box-shadow .28s ease;
}

.cert-enlarge:hover img{
  box-shadow:0 0 0 2px #fff, 0 6px 24px rgba(0,0,0,.18);
}

.cert-frame .placeholder-thumb{
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:4px;
  background:linear-gradient(135deg,#f5f7fa,#e8ecf2);
  color:#8a96a8;
  font-size:.8rem;
  letter-spacing:.08em;
  box-shadow:0 0 0 2px #fff;
}

.placeholder-thumb{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  color:#8a96a8;
  background:linear-gradient(135deg,#f5f7fa,#e8ecf2);
  font-size:.8rem;
  letter-spacing:.08em;
}

.video-overlay{
  position:fixed;
  inset:0;
  z-index:20;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(4,8,18,.72);
}

.video-modal,
.lightbox-modal{
  position:relative;
  width:min(920px,92vw);
  max-height:86vh;
}

.video-modal video,
.lightbox-modal img{
  display:block;
  width:100%;
  max-height:86vh;
  object-fit:contain;
  border-radius:12px;
  background:#fff;
}

.video-close{
  position:absolute;
  top:-14px;
  right:-14px;
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:#fff;
  cursor:pointer;
}

.video-close::before,
.video-close::after{
  content:'';
  position:absolute;
  left:9px;
  top:16px;
  width:16px;
  height:2px;
  background:#27477f;
}

.video-close::before{
  transform:rotate(45deg);
}

.video-close::after{
  transform:rotate(-45deg);
}

.site-footer{
  margin-top:0;
  margin-right:-6vw;
  margin-left:-6vw;
  padding:30px 6vw 18px;
  color:#fff;
  background:linear-gradient(180deg,#27477f,#183866);
}

.footer-shell{
  position: relative;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: var(--footer-brand-width, 272px) minmax(0, 1fr) var(--footer-contact-width, 290px);
  column-gap: clamp(32px, 4vw, 56px);
  align-items: center;
}

body.resources-active.lang-en .footer-shell{
  --footer-brand-width:272px;
  --footer-contact-width:310px;
}

body.resources-active.lang-zh .footer-shell{
  --footer-brand-width:232px;
  --footer-contact-width:300px;
  width:min(1180px, 100%);
  grid-template-columns:var(--footer-brand-width) 390px var(--footer-contact-width);
  column-gap:0;
  justify-content:space-between;
}

.footer-brand{
  grid-column:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:var(--footer-brand-width, 272px);
  justify-self:start;
}

.footer-logo{
  display:block;
  width:var(--footer-logo-width, 272px);
  line-height:0;
}

.footer-logo svg{
  display:block;
  width:100%;
  height:auto;
  filter:brightness(0) invert(1);
}

body.resources-active.lang-en .footer-logo{
  --footer-logo-width:272px;
}

body.resources-active.lang-zh .footer-logo{
  --footer-logo-width:242px;
}

.footer-socials{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:14px;
}

.footer-about{
  grid-column:2;
  color:rgba(255,255,255,1.0);
  font-size:.6875rem;
  font-style: normal;
  line-height:1.9;
  font-weight:400;
}

.footer-about p{
  text-align: center;
  margin:0;
}

html[lang="en"] .footer-about{
  font-style: italic;
}

.footer-social{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:50px;
  height:50px;
  border:1px solid rgba(255,255,255,.9);
  border-radius:50%;
  color:#fff;
  background:transparent;
  text-decoration:none;
  font-size:1rem;
  transition:color .28s ease, background .28s ease, border-color .28s ease, transform .28s ease;
}

.footer-social:hover{
  border-color:#fff;
  color:#27477f;
  background:#fff;
  transform:translateY(-2px);
}

.footer-social-svg{
  display:block;
  width:20px;
  height:20px;
  background:currentColor;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;
  mask-repeat:no-repeat;
}

.footer-social-svg.is-alibaba{
  width:30px;
  height:30px;
  -webkit-mask-image:url('../images/alibaba.svg');
  mask-image:url('../images/alibaba.svg');
}

.footer-social-svg.is-youtube{
  width:30px;
  height:30px;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.58 7.19a2.58 2.58 0 0 0-1.82-1.82C18.16 4.94 12 4.94 12 4.94s-6.16 0-7.76.43a2.58 2.58 0 0 0-1.82 1.82A26.9 26.9 0 0 0 2 12a26.9 26.9 0 0 0 .42 4.81 2.58 2.58 0 0 0 1.82 1.82c1.6.43 7.76.43 7.76.43s6.16 0 7.76-.43a2.58 2.58 0 0 0 1.82-1.82A26.9 26.9 0 0 0 22 12a26.9 26.9 0 0 0-.42-4.81zM10 15.06V8.94L15.2 12 10 15.06z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.58 7.19a2.58 2.58 0 0 0-1.82-1.82C18.16 4.94 12 4.94 12 4.94s-6.16 0-7.76.43a2.58 2.58 0 0 0-1.82 1.82A26.9 26.9 0 0 0 2 12a26.9 26.9 0 0 0 .42 4.81 2.58 2.58 0 0 0 1.82 1.82c1.6.43 7.76.43 7.76.43s6.16 0 7.76-.43a2.58 2.58 0 0 0 1.82-1.82A26.9 26.9 0 0 0 22 12a26.9 26.9 0 0 0-.42-4.81zM10 15.06V8.94L15.2 12 10 15.06z'/%3E%3C/svg%3E");
}

.footer-social-svg.is-google{
  width:30px;
  height:30px;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.6 12.23c0-.72-.06-1.24-.19-1.78H12v3.24h5.52c-.11.8-.71 2.01-2.04 2.82l-.02.11 2.96 2.01.2.02c1.84-1.49 2.98-3.7 2.98-6.42z'/%3E%3Cpath fill='%23000' d='M12 22c2.7 0 4.96-.78 6.62-2.14l-3.16-2.35c-.85.52-1.98.88-3.46.88-2.65 0-4.89-1.53-5.69-3.65l-.12.01-3.08 2.1-.04.1C4.72 19.94 8.08 22 12 22z'/%3E%3Cpath fill='%23000' d='M6.31 14.74A5.58 5.58 0 0 1 6 12.93c0-.63.11-1.24.29-1.81l-.01-.12-3.12-2.13-.1.04A8.89 8.89 0 0 0 2 12.93c0 1.45.38 2.82 1.06 4.02l3.25-2.21z'/%3E%3Cpath fill='%23000' d='M12 7.47c1.88 0 3.15.71 3.87 1.31l2.83-2.42C16.96 4.94 14.7 4.07 12 4.07c-3.92 0-7.28 2.06-8.94 5.04l3.24 2.21C7.11 9 9.35 7.47 12 7.47z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.6 12.23c0-.72-.06-1.24-.19-1.78H12v3.24h5.52c-.11.8-.71 2.01-2.04 2.82l-.02.11 2.96 2.01.2.02c1.84-1.49 2.98-3.7 2.98-6.42z'/%3E%3Cpath fill='%23000' d='M12 22c2.7 0 4.96-.78 6.62-2.14l-3.16-2.35c-.85.52-1.98.88-3.46.88-2.65 0-4.89-1.53-5.69-3.65l-.12.01-3.08 2.1-.04.1C4.72 19.94 8.08 22 12 22z'/%3E%3Cpath fill='%23000' d='M6.31 14.74A5.58 5.58 0 0 1 6 12.93c0-.63.11-1.24.29-1.81l-.01-.12-3.12-2.13-.1.04A8.89 8.89 0 0 0 2 12.93c0 1.45.38 2.82 1.06 4.02l3.25-2.21z'/%3E%3Cpath fill='%23000' d='M12 7.47c1.88 0 3.15.71 3.87 1.31l2.83-2.42C16.96 4.94 14.7 4.07 12 4.07c-3.92 0-7.28 2.06-8.94 5.04l3.24 2.21C7.11 9 9.35 7.47 12 7.47z'/%3E%3C/svg%3E");
}

.footer-social-svg.is-tiktok,
.footer-social-svg.is-douyin{
  width:30px;
  height:30px;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17.6 5.1c-1-.75-1.55-1.75-1.72-3.1h-3.3v13.14c0 1.68-1.08 2.74-2.55 2.74-1.36 0-2.47-1.08-2.47-2.43 0-1.55 1.2-2.63 2.87-2.36V9.74c-3.56-.2-6.22 2.13-6.22 5.7 0 3.38 2.65 5.56 5.76 5.56 3.31 0 5.94-2.17 5.94-5.86V8.5c1.34.96 2.82 1.48 4.46 1.52V6.7c-1.02-.12-1.93-.55-2.77-1.6z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17.6 5.1c-1-.75-1.55-1.75-1.72-3.1h-3.3v13.14c0 1.68-1.08 2.74-2.55 2.74-1.36 0-2.47-1.08-2.47-2.43 0-1.55 1.2-2.63 2.87-2.36V9.74c-3.56-.2-6.22 2.13-6.22 5.7 0 3.38 2.65 5.56 5.76 5.56 3.31 0 5.94-2.17 5.94-5.86V8.5c1.34.96 2.82 1.48 4.46 1.52V6.7c-1.02-.12-1.93-.55-2.77-1.6z'/%3E%3C/svg%3E");
}

.footer-social-svg.is-facebook{
  width:30px;
  height:30px;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14.02 8.7V6.95c0-.84.2-1.25 1.34-1.25h1.68V2.56A22.52 22.52 0 0 0 14.59 2c-2.43 0-4.1 1.49-4.1 4.22V8.7H7.74v3.52h2.75V22h3.53v-9.78h2.76l.44-3.52h-3.2z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14.02 8.7V6.95c0-.84.2-1.25 1.34-1.25h1.68V2.56A22.52 22.52 0 0 0 14.59 2c-2.43 0-4.1 1.49-4.1 4.22V8.7H7.74v3.52h2.75V22h3.53v-9.78h2.76l.44-3.52h-3.2z'/%3E%3C/svg%3E");
}

.footer-social-svg.is-weixin{
  width:30px;
  height:27px;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 24'%3E%3Cpath fill='%23000' d='M11.1 3.2c-5 0-9.1 3.28-9.1 7.33 0 2.32 1.36 4.38 3.48 5.72l-.88 2.63 3.13-1.53c1.04.32 2.17.5 3.37.5 5.03 0 9.1-3.28 9.1-7.32 0-4.05-4.07-7.33-9.1-7.33zm-3.15 5.76a1.06 1.06 0 1 1 0-2.12 1.06 1.06 0 0 1 0 2.12zm6.3 0a1.06 1.06 0 1 1 0-2.12 1.06 1.06 0 0 1 0 2.12z'/%3E%3Cpath fill='%23000' d='M18.4 9.4c4.2 0 7.6 2.72 7.6 6.08 0 1.93-1.13 3.63-2.9 4.74l.73 2.18-2.6-1.27c-.87.26-1.8.41-2.83.41-4.2 0-7.6-2.72-7.6-6.06s3.4-6.08 7.6-6.08zm-2.62 4.78a.88.88 0 1 0 0-1.76.88.88 0 0 0 0 1.76zm5.25 0a.88.88 0 1 0 0-1.76.88.88 0 0 0 0 1.76z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 24'%3E%3Cpath fill='%23000' d='M11.1 3.2c-5 0-9.1 3.28-9.1 7.33 0 2.32 1.36 4.38 3.48 5.72l-.88 2.63 3.13-1.53c1.04.32 2.17.5 3.37.5 5.03 0 9.1-3.28 9.1-7.32 0-4.05-4.07-7.33-9.1-7.33zm-3.15 5.76a1.06 1.06 0 1 1 0-2.12 1.06 1.06 0 0 1 0 2.12zm6.3 0a1.06 1.06 0 1 1 0-2.12 1.06 1.06 0 0 1 0 2.12z'/%3E%3Cpath fill='%23000' d='M18.4 9.4c4.2 0 7.6 2.72 7.6 6.08 0 1.93-1.13 3.63-2.9 4.74l.73 2.18-2.6-1.27c-.87.26-1.8.41-2.83.41-4.2 0-7.6-2.72-7.6-6.06s3.4-6.08 7.6-6.08zm-2.62 4.78a.88.88 0 1 0 0-1.76.88.88 0 0 0 0 1.76zm5.25 0a.88.88 0 1 0 0-1.76.88.88 0 0 0 0 1.76z'/%3E%3C/svg%3E");
}

.footer-social-svg.is-bilibili{
  width:30px;
  height:25px;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 22'%3E%3Cpath fill='%23000' d='M9.2 1.1 12 4h4l2.8-2.9a1.15 1.15 0 0 1 1.63 1.63L19.2 4h2.35A4.45 4.45 0 0 1 26 8.45v7.1A4.45 4.45 0 0 1 21.55 20H6.45A4.45 4.45 0 0 1 2 15.55v-7.1A4.45 4.45 0 0 1 6.45 4H8.8L7.57 2.73A1.15 1.15 0 0 1 9.2 1.1zM6.6 8.2a1.6 1.6 0 0 0-1.6 1.6v4.4a1.6 1.6 0 0 0 1.6 1.6h14.8a1.6 1.6 0 0 0 1.6-1.6V9.8a1.6 1.6 0 0 0-1.6-1.6H6.6zm3.4 2.4c.55 0 1 .45 1 1v1.8a1 1 0 1 1-2 0v-1.8c0-.55.45-1 1-1zm8 0c.55 0 1 .45 1 1v1.8a1 1 0 1 1-2 0v-1.8c0-.55.45-1 1-1z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 22'%3E%3Cpath fill='%23000' d='M9.2 1.1 12 4h4l2.8-2.9a1.15 1.15 0 0 1 1.63 1.63L19.2 4h2.35A4.45 4.45 0 0 1 26 8.45v7.1A4.45 4.45 0 0 1 21.55 20H6.45A4.45 4.45 0 0 1 2 15.55v-7.1A4.45 4.45 0 0 1 6.45 4H8.8L7.57 2.73A1.15 1.15 0 0 1 9.2 1.1zM6.6 8.2a1.6 1.6 0 0 0-1.6 1.6v4.4a1.6 1.6 0 0 0 1.6 1.6h14.8a1.6 1.6 0 0 0 1.6-1.6V9.8a1.6 1.6 0 0 0-1.6-1.6H6.6zm3.4 2.4c.55 0 1 .45 1 1v1.8a1 1 0 1 1-2 0v-1.8c0-.55.45-1 1-1zm8 0c.55 0 1 .45 1 1v1.8a1 1 0 1 1-2 0v-1.8c0-.55.45-1 1-1z'/%3E%3C/svg%3E");
}

.footer-social-svg.is-xiaohongshu{
  width:30px;
  height:25px;
  -webkit-mask-image:url('../images/xiaohongshu.svg');
  mask-image:url('../images/xiaohongshu.svg');
}

.footer-contact{
  grid-column:3;
  justify-self:end;
  display:grid;
  gap:0;
  font-style:normal;
}

.footer-contact span,
.footer-contact a{
  color:rgba(255,255,255,.86);
  font-size:.6875rem;
  font-size:.75rem;
  line-height:1.55;
  font-weight:400;
  text-decoration:none;
}

.footer-company-group,
.footer-contact-group{
  display:grid;
  gap:0;
  margin-bottom: 6px;
}

.footer-contact .footer-company{
  display:block;
  color:#fff;
  font-family:inherit;
  font-size:.6875rem;
  font-weight:700;
  -webkit-text-stroke:0;
  letter-spacing:.04em;
}

html[lang="en"] .footer-contact .footer-company{
  font-weight:700;
}

.footer-contact-line{
  display:grid;
  grid-template-columns:1.28571429em minmax(0,1fr);
  gap:9px;
  align-items:start;
}

.footer-address-line span{
  max-width:420px;
}

.footer-contact-line .fa{
  margin-top:.22em;
  color:#fff;
  font-size:14px;
  line-height:1;
}

.footer-contact-line .fa-envelope-o,
.footer-contact-line .fa-phone,
.footer-contact-line .fa-globe{
  font-size:12px;
}

body.resources-active.lang-zh .footer-about{
  width:390px;
  max-width:390px;
  justify-self:center;
}

body.resources-active.lang-zh .footer-contact{
  width:300px;
  max-width:300px;
  justify-self:end;
}

body.resources-active.lang-zh .footer-address-line span{
  max-width:270px;
}

.footer-website-line{
  margin-top:0;
}

.footer-contact a:hover{
  color:#fff;
}

.footer-divider{
  height:1px;
  margin:24px -6vw 24px;
  background:rgba(255,255,255,.5);
}

.footer-copyright{
  margin:0;
  color:#fff;
  font-size: .75rem;
  font-style: normal;
  text-align:center;
}
html[lang="en"] .footer-copyright{
  font-style: italic;
}

@media (max-width: 1100px){
  body.resources-active .back-link{
    margin-top:52px;
  }

  .footer-shell{
    grid-template-columns:minmax(220px, max-content) minmax(260px, 1fr);
    row-gap:24px;
    column-gap:clamp(28px, 5vw, 56px);
    align-items:start;
  }

  body.resources-active.lang-en .footer-shell,
  body.resources-active.lang-zh .footer-shell{
    width:min(760px, 100%);
    grid-template-columns:minmax(220px, max-content) minmax(260px, 1fr);
    column-gap:clamp(28px, 5vw, 56px);
    justify-content:center;
  }

  .footer-about{
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
    max-width:760px;
    justify-self:center;
    order:3;
  }

  body.resources-active.lang-zh .footer-about{
    width:100%;
    max-width:760px;
  }

  .footer-brand{
    grid-column:1;
  }

  .footer-contact{
    grid-column:2;
    align-self:start;
  }
}

@media (max-width: 768px){
  .language-switch{
    top:20px;
    right:20px;
  }

  .logo-stage{
    width:min(87.75vw,620px);
  }

  .resources-page{
    padding:56px 20px 0;
  }

  .resources-header{
    display:block;
    padding-right:0;
  }

  .back-link{
    justify-content:flex-end;
    width:100%;
    margin-top:4px;
    margin-bottom:18px;
  }

  .resources-brandline{
    min-height:52px;
    padding:8px 30px 8px 58px;
  }

  .resources-brandline h2{
    font-size:.95rem;
  }

  .resources-emblem{
    width:52px;
    height:52px;
  }

  .resources-emblem svg{
    width:30px;
  }

  .resource-categories{
    justify-content:flex-start;
    margin-top:18px;
  }

  .section-cards{
    grid-template-columns:1fr !important;
  }

  .footer-shell{
    grid-template-columns:1fr;
    gap:28px;
    justify-items:start;
  }

  body.resources-active.lang-en .footer-shell,
  body.resources-active.lang-zh .footer-shell{
    width:100%;
    grid-template-columns:1fr;
    justify-content:center;
  }

  .footer-brand,
  .footer-about,
  .footer-contact{
    grid-column:auto;
    justify-self:start;
  }

  .footer-about,
  .footer-contact{
    width:100%;
    max-width:100%;
  }

  .footer-about{
    grid-row:auto;
    order:initial;
    text-align:left;
  }

  .footer-about p{
    text-align:left;
  }

  .manual-card{
    flex-direction:column;
  }

  .manual-cover{
    width:100%;
    border-radius:12px 12px 0 0;
    aspect-ratio:3/4;
  }

  .manual-info{
    display:block;
    padding:18px 16px 18px;
  }

  .manual-info p{
    margin-top:10px;
  }

  .manual-info .download-btn{
    margin-top:14px;
  }

  .resource-list .resource-card.is-placeholder{
    display:none;
  }

  .site-footer{
    margin-right:-20px;
    margin-left:-20px;
    padding:24px 20px 26px;
  }

  .footer-shell{
    grid-template-columns:1fr;
    gap:22px;
    justify-items:start;
  }

  .footer-brand,
  .footer-contact{
    grid-column:1;
  }

  .footer-divider{
    margin-right:-20px;
    margin-left:-20px;
  }

  .footer-brand{
    align-items:flex-start;
  }

  .footer-socials{
    max-width:100%;
  }

  body.resources-active.lang-zh .footer-about,
  body.resources-active.lang-zh .footer-contact{
    width:100%;
    max-width:100%;
  }

  .footer-logo{
    width:var(--footer-mobile-logo-width, 200px);
  }

  body.resources-active.lang-en .footer-logo{
    --footer-mobile-logo-width:220px;
  }

  body.resources-active.lang-zh .footer-logo{
    --footer-mobile-logo-width:200px;
  }
}