/* QY creative studio first screen, adapted from the supplied homepage package. */
@font-face{font-family:Jost;src:url('/assets/fonts/jost-latin-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Jost;src:url('/assets/fonts/jost-latin-500-normal.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Jost;src:url('/assets/fonts/jost-latin-600-normal.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Jost;src:url('/assets/fonts/jost-latin-700-normal.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}

.hero.source-hero{
  position:relative;display:block;max-width:none;width:100%;height:calc(100svh - 86px);min-height:650px;
  margin:0;padding:0;overflow:hidden;isolation:isolate;
  background:linear-gradient(100deg,#d2def5,#ece6ee 64%,#fae4d5);
}
.source-film{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.source-film video,.source-film .source-fallback{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.source-film .source-fallback{display:none}
.source-film.is-unavailable video{display:none}
.source-film.is-unavailable .source-fallback{display:block}
.source-intro{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;width:min(53%,790px);height:100%;margin-left:clamp(32px,5vw,86px);padding:35px 0 115px;pointer-events:none}
.source-intro :is(a,button){pointer-events:auto}
.source-kicker{display:flex;align-items:center;gap:14px;margin:0 0 clamp(18px,2.25vw,34px);color:#4b688c;font:700 clamp(10px,.9vw,15px)/1.3 'Courier New',monospace;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.source-kicker::before{content:'';flex:none;width:30px;height:1px;background:#ff7b26}
.source-title{margin:0 0 clamp(20px,2.4vw,40px);color:#193b8a;font-family:Jost,'URW Gothic',Arial,sans-serif;font-size:clamp(42px,4.55vw,88px);font-weight:400;line-height:1.04;letter-spacing:-.052em;white-space:nowrap;text-shadow:none}
.source-title .source-blue{color:#075ac8}
.source-title .source-dot{color:#ff7b26}
.source-title [lang="en"],.source-title [lang="zh-CN"]{display:none}
html[lang="en"] .source-title [lang="en"],html:not([lang="en"]) .source-title [lang="zh-CN"]{display:inline}
html:not([lang="en"]) .source-title{font-family:'Alibaba PuHuiTi','Noto Sans CJK SC',sans-serif;font-size:clamp(48px,5.3vw,95px);letter-spacing:-.065em}
.source-promises{display:grid;grid-template-columns:max-content max-content;grid-template-rows:auto auto;column-gap:clamp(20px,3.15vw,60px);row-gap:3px;align-items:baseline;justify-content:start;list-style:none;padding:0;margin:0;color:#163d82;font-family:Jost,'URW Gothic',Arial,sans-serif;font-size:clamp(25px,2.5vw,47px);font-weight:400;line-height:1.1;letter-spacing:-.035em}
.source-promises li:nth-child(1){grid-area:1/1}.source-promises li:nth-child(2){grid-area:2/1}.source-promises li:nth-child(3){grid-area:1/2}.source-promises li:nth-child(4){grid-area:2/2;color:#075ac8}
html:not([lang="en"]) .source-promises{font-family:'Alibaba PuHuiTi','Noto Sans CJK SC',sans-serif;letter-spacing:-.045em}
.source-description{max-width:min(61ch,42vw);margin:clamp(22px,2.8vw,40px) 0 clamp(20px,2.5vw,36px);color:rgba(25,41,57,.58);font-family:Jost,'URW Gothic',Arial,sans-serif;font-size:clamp(16px,1.45vw,25px);font-weight:400;line-height:1.48;letter-spacing:0}
html:not([lang="en"]) .source-description{font-family:'Alibaba PuHuiTi','Noto Sans CJK SC',sans-serif;max-width:30em}
.source-contact{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;width:clamp(178px,17vw,244px);min-height:60px;padding:7px 7px 7px 20px;border:1px solid rgba(255,255,255,.6);border-radius:22px;background:linear-gradient(110deg,#075bc5,#194183);color:#fff;font:700 14px/1.2 'Courier New',monospace;letter-spacing:.04em;box-shadow:0 10px 25px rgba(23,67,139,.16);transition:transform .2s,box-shadow .2s}
.source-contact:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(23,67,139,.28)}
.source-contact-icon{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;border-radius:15px;background:#ffb482;color:#173b72}
.source-contact-icon svg{width:25px;height:25px}
.source-desk-note{position:absolute;z-index:1;left:clamp(32px,5vw,86px);bottom:42px;display:flex;align-items:center;gap:.55em;margin:0;color:#344435;font-family:Jost,Arial,sans-serif;font-size:clamp(11px,1.02vw,17px)}
.source-desk-note::before{content:'*';color:#8a3d22;font-size:1.25em}
.source-film-toolbar{position:absolute;z-index:4;bottom:14px;left:50%;transform:translateX(-50%);width:280px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:8px 10px;border:1px solid rgba(255,255,255,.6);border-radius:12px;background:rgba(255,255,255,.7);backdrop-filter:blur(16px);color:#294669;pointer-events:auto;font-family:Jost,Arial,sans-serif;font-size:10px}
.source-film-meta{display:flex;align-items:center;gap:7px;white-space:nowrap}
.source-live-dot{width:6px;height:6px;border-radius:50%;background:#2d886d}
.source-film-time{color:#536985;font-size:9px;font-variant-numeric:tabular-nums}
.source-film-actions{display:flex;align-items:center;margin-left:auto;gap:4px}
.source-film-actions button{display:grid;place-items:center;min-width:26px;min-height:26px;padding:3px;border:0;border-radius:6px;background:transparent;color:#294669;cursor:pointer}
.source-film-actions button:hover{background:#fff}.source-film-actions svg{width:16px;height:16px}
.source-film-progress{flex-basis:100%;height:2px;overflow:hidden;border-radius:9px;background:rgba(62,95,136,.16)}
.source-film-progress span{display:block;width:0;height:100%;background:#075bd5}
.source-hero :is(a,button):focus-visible{outline:3px solid #3b82f6;outline-offset:3px}
@media(max-width:1100px) and (min-width:900px){.source-intro{width:57%;margin-left:4.5%}.source-title{font-size:clamp(41px,4.45vw,58px)}.source-promises{font-size:clamp(22px,2.3vw,33px)}.source-description{font-size:clamp(15px,1.4vw,19px)}}
@media(max-width:899px){
  .hero.source-hero{display:flex;flex-direction:column;height:auto;min-height:max(650px,calc(100svh - 72px));padding:0;overflow:hidden}
  .source-film{position:absolute;inset:0;width:100%;margin:0;overflow:hidden}
  .source-film video,.source-film .source-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:76% center}
  .source-film::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(220,230,249,.96),rgba(226,231,248,.82) 54%,rgba(234,229,241,.08));pointer-events:none}
  .source-intro{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;width:calc(100% - 40px);height:auto;min-height:max(650px,calc(100svh - 72px));max-width:680px;margin:0 auto;padding:clamp(44px,8vh,88px) 0 96px}
  .source-copy-head,.source-copy-body{position:relative;z-index:2;width:100%;max-width:none;margin:0}
  .source-copy-head{order:0}.source-copy-body{order:1;padding-top:22px}
  .source-kicker{margin-bottom:14px}.source-title{margin:0;font-size:clamp(27px,6.8vw,58px)}
  html:not([lang="en"]) .source-title{font-size:clamp(29px,8.5vw,66px)}
  .source-film-toolbar{bottom:14px;left:50%;right:auto;transform:translateX(-50%);width:280px;max-width:86%}
  .source-desk-note{display:none}
  .source-promises{font-size:clamp(20px,4.4vw,32px);column-gap:clamp(14px,3.2vw,29px)}
  .source-description{max-width:61ch;margin:21px 0;font-size:clamp(16px,2.65vw,21px)}
  .source-contact{min-height:56px}
}
@media(max-width:560px){
  .source-intro{width:calc(100% - 36px);padding-top:42px;padding-bottom:100px}
  .source-film video,.source-film .source-fallback{object-position:78% center}
  .source-film::after{background:linear-gradient(180deg,rgba(220,230,249,.98) 0%,rgba(222,230,249,.94) 42%,rgba(227,230,248,.6) 67%,rgba(230,224,241,.08) 100%)}
  .source-kicker{font-size:9px;gap:8px}.source-kicker::before{width:18px}
  .source-title{font-size:clamp(22px,7.1vw,40px)}
  html:not([lang="en"]) .source-title{font-size:clamp(27px,8.2vw,45px)}
  .source-copy-body{padding-top:23px}
  .source-promises{font-size:clamp(17px,4.25vw,24px);column-gap:clamp(16px,4.5vw,28px)}
  .source-description{font-size:clamp(15px,3.6vw,18px);line-height:1.5}
  .source-contact{width:174px;min-height:54px;font-size:12px;border-radius:18px}.source-contact-icon{width:40px;height:40px;flex-basis:40px;border-radius:13px}
  .source-film-toolbar{bottom:12px;width:220px;padding:5px 8px}
}
@media(prefers-reduced-motion:reduce){.source-film-toolbar{transition:none}}