.drawer-overlay[data-v-2b5f01d9]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0006;display:flex;justify-content:flex-end}.drawer-panel[data-v-2b5f01d9]{width:600px;max-width:100vw;height:100vh;background:#131617;display:flex;flex-direction:column;gap:2px}.drawer-panel__head[data-v-2b5f01d9]{height:82px;display:flex;align-items:center;justify-content:flex-end;padding-right:72px;background:#ffffff1a}.drawer-panel__close[data-v-2b5f01d9]{width:76px;height:82px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;margin-right:-72px}.drawer-panel__close[data-v-2b5f01d9]:hover{background:#ffffff2e}.drawer-panel__nav[data-v-2b5f01d9]{display:flex;flex-direction:column;gap:2px}.drawer-item[data-v-2b5f01d9]{width:100%;height:82px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:18px 50px 18px 34px;background:#ffffff1a;color:#fff;text-align:left;transition:background .2s ease}.drawer-item[data-v-2b5f01d9]:hover{background:#ffffff2e}.drawer-item__text[data-v-2b5f01d9]{font-size:16px;line-height:1.4}.drawer-item__indicator[data-v-2b5f01d9]{width:14px;height:3px;background:var(--color-brand-red)}.drawer-fade-enter-active[data-v-2b5f01d9],.drawer-fade-leave-active[data-v-2b5f01d9]{transition:opacity .3s ease}.drawer-fade-enter-from[data-v-2b5f01d9],.drawer-fade-leave-to[data-v-2b5f01d9]{opacity:0}.drawer-slide-enter-active[data-v-2b5f01d9],.drawer-slide-leave-active[data-v-2b5f01d9]{transition:transform .35s var(--ease-out)}.drawer-slide-enter-from[data-v-2b5f01d9],.drawer-slide-leave-to[data-v-2b5f01d9]{transform:translate(100%)}.app-root{width:100%;min-height:100vh;position:relative}.page-enter-active,.page-leave-active{transition:opacity .32s ease}.page-leave-active{position:absolute;top:0;left:0;right:0;z-index:2}.page-enter-from,.page-leave-to{opacity:0}:root{--color-brand-red: #d71618;--color-brand-dark: #1b1b1b;--color-brand-darker: #131617;--color-brand-purple: #2c1cdb;--color-text-primary: #1b1b1b;--color-text-secondary: #666;--color-text-tertiary: #999;--color-text-quaternary: #ccc;--color-divider: #e5e5e5;--color-bg-page: #ffffff;--color-bg-section: #f5f5f5;--color-bg-section-2: #ededed;--font-cn: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;--font-en: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-cal: "STKaiti", "KaiTi", "KaiTi_GB2312", "楷体", serif;--font-banner-cn: var(--font-cn);--font-banner-en: var(--font-en);--layout-max-width: 1440px;--layout-max-width-xl: 1600px;--layout-section-padding-x: clamp(20px, 5vw, 72px);--section-padding-y: clamp(72px, 8vw, 120px);--hero-height: clamp(640px, 56vw, 900px);--hero-height-sm: clamp(400px, 27.7vw, 560px);--section-block-height: clamp(520px, 50vw, 732px);--grid-gap-card: clamp(14px, 1.6vw, 24px);--grid-gap-cover: clamp(10px, 1vw, 14px);--fs-h2-display: clamp(36px, 4vw, 56px);--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--banner-overlay: linear-gradient( 90deg, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .6) 55%, rgba(0, 0, 0, .5) 100% )}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;background-color:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-cn);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{overflow-x:hidden}.product-hero__copy,.hero-banner__copy,.story-banner__copy,.join-banner__copy,.lab-hero__titles,.lab-hero__copy,.campus-hero__copy,.recruit-hero__copy,.yb-hero__copy,.yb-hero__title,.job-hero__copy,.job-hero__inner{font-family:var(--font-banner-cn)}.product-hero__title-en,.hero-banner__title-en,.hero-banner__sub-en,.story-banner__copy p,.join-banner__copy p,.lab-hero__titles p,.lab-hero__copy p,.campus-hero__en,.recruit-hero__en{font-family:var(--font-banner-en)}.hero-banner:after,.product-hero:after,.join-banner:after,.story-banner:after,.yb-hero:after,.recruit-hero:after,.job-hero:after,.lab-hero:after{content:"";position:absolute;z-index:2;width:2000px;aspect-ratio:1 / 1;left:70px;top:800px;transform:translate(-50%,-50%);opacity:.2;pointer-events:none;background:url(/assets/banner-logo-overlay-D2UeqM6u.webp) center / contain no-repeat}@media(max-width:640px){.hero-banner:after,.product-hero:after,.join-banner:after,.story-banner:after,.yb-hero:after,.recruit-hero:after,.job-hero:after,.lab-hero:after{width:2000px;left:61px;top:777px}}.hg-pipeline__bg:after,.sy-flint__bg:after{content:"";position:absolute;z-index:0;width:2000px;aspect-ratio:1 / 1;left:-850px;top:50%;transform:translate(-50%,-50%);opacity:.5;pointer-events:none;background:url(/assets/banner-logo-overlay-D2UeqM6u.webp) center / contain no-repeat}#app{width:100%;min-height:100vh;position:relative}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none;cursor:pointer}button{border:none;background:transparent;font-family:inherit;cursor:pointer;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}ul,ol{list-style:none}.page-frame{width:100%;max-width:var(--layout-max-width);margin:0 auto;background-color:var(--color-bg-page)}.section-row{width:100%;max-width:var(--layout-max-width);margin:0 auto;padding:0 var(--layout-section-padding-x);box-sizing:border-box}img{max-width:100%;height:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#00000040;border-radius:3px}::-webkit-scrollbar-track{background:transparent}::selection{background:var(--color-brand-red);color:#fff}@media(max-width:640px){:root{--layout-section-padding-x: 20px}html,body{font-size:13px}body{overflow-x:hidden}}@media(min-width:1920px){:root{--hero-height: 1000px;--hero-height-sm: 620px;--section-padding-y: 144px;--section-block-height: 820px;--fs-h2-display: 64px}}@media(min-width:2560px){:root{--hero-height: 1100px;--hero-height-sm: 680px;--section-padding-y: 168px;--section-block-height: 900px;--fs-h2-display: 72px}}@media(min-width:3840px){:root{--hero-height: 1200px;--hero-height-sm: 740px;--section-padding-y: 200px;--section-block-height: 980px;--fs-h2-display: 80px}}@media(min-width:5120px){:root{--hero-height: 1280px;--hero-height-sm: 800px;--section-padding-y: 220px;--section-block-height: 1040px;--fs-h2-display: 88px}}
