@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&family=Sora:wght@700;800&display=swap";
.landing-page{color:#f7f4ee;background:#050505;width:100vw;height:100dvh;font-family:Noto Sans SC,Inter,sans-serif;overflow:hidden}.landing-scene{--cursor-x:-500px;--cursor-y:-500px;--activation-x:50vw;--activation-y:85vh;isolation:isolate;background:#050505;width:100%;height:100%;position:relative;overflow:hidden}.landing-filing{color:#ffffff85;z-index:10;font-size:12px;text-decoration:none;position:absolute;bottom:16px;left:20px}.landing-filing:hover{color:#ffd629}.landing-background,.landing-video,.landing-vignette{position:absolute;inset:0}.landing-background{background:50%/cover no-repeat;transition:opacity .65s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1)}.landing-empty{z-index:1;background-image:-webkit-image-set(url(/landing/hero-empty.webp) 1x type("image/webp"),url(/landing/hero-empty.png) 1x type("image/png"));background-image:image-set("/landing/hero-empty.webp" 1x type("image/webp"),"/landing/hero-empty.png" 1x type("image/png"))}.landing-background,.landing-reveal-canvas,.landing-video{transform:scale(1.045)}.landing-reveal-canvas{pointer-events:none;z-index:2;width:100%;height:100%;transition:opacity .32s;position:absolute;inset:0}.stage-transition .landing-reveal-canvas,.stage-auth .landing-reveal-canvas{opacity:0}.landing-final{opacity:0;z-index:4;background-image:-webkit-image-set(url(/landing/hero-final.webp) 1x type("image/webp"),url(/landing/hero-final.jpg) 1x type("image/jpeg"));background-image:image-set("/landing/hero-final.webp" 1x type("image/webp"),"/landing/hero-final.jpg" 1x type("image/jpeg"));transition:opacity .22s cubic-bezier(.16,1,.3,1)}.landing-video{object-fit:cover;opacity:0;z-index:5;width:100%;height:100%;transition:opacity 1.5s cubic-bezier(.16,1,.3,1)}.stage-transition .landing-video{opacity:1;transition-duration:0s}.stage-auth .landing-video{opacity:0;transition-duration:.12s}.stage-auth .landing-final{opacity:1;transition-duration:.36s}.landing-vignette{pointer-events:none;z-index:6;background:linear-gradient(90deg,#02020252 0%,#02020217 34%,#0000 58%,#0202027a 100%),linear-gradient(#0000 68%,#00000047 100%)}.landing-route{opacity:.55;pointer-events:none;z-index:7;border:1px solid #ffd62947;border-radius:50%;width:460px;height:460px;position:absolute}.route-one{top:34%;left:-310px}.route-two{top:-220px;right:-355px}.landing-brand,.landing-slogan,.landing-entry,.auth-panel{z-index:8;position:absolute}.landing-brand{align-items:center;gap:20px;display:flex;top:clamp(26px,3vh,40px);right:clamp(30px,2.5vw,52px)}.landing-logo{object-fit:contain;width:172px;height:54px;display:block}.landing-slogan{gap:22px;display:grid;top:50%;right:clamp(50px,7vw,150px);transform:translateY(-50%)}.landing-slogan strong{letter-spacing:.018em;text-shadow:0 10px 35px #00000052;font:800 clamp(58px,6vw,112px)/1.08 Sora,Inter,sans-serif}.landing-slogan__line{transform-origin:0;display:block}.landing-slogan strong:first-child{color:#f7f4ee}.landing-slogan strong:last-child{color:#ffd629}.specular-button{--sb-radius:18px;--sb-tint:#fff;--sb-tint-opacity:0;--sb-blur:0px;--sb-text-color:#f5f5f5;-webkit-backdrop-filter:blur(var(--sb-blur));backdrop-filter:blur(var(--sb-blur));background:color-mix(in srgb,var(--sb-tint) calc(var(--sb-tint-opacity) * 100%),transparent);border-radius:var(--sb-radius);color:var(--sb-text-color);cursor:pointer;letter-spacing:.01em;border:0;outline:none;justify-content:center;align-items:center;margin:0;font-family:inherit;font-weight:500;line-height:1;transition:transform .15s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff0a,0 8px 24px #00000040}.specular-button:active{transform:scale(.97)}.specular-button:focus-visible{outline:2px solid color-mix(in srgb,var(--sb-text-color) 60%,transparent);outline-offset:3px}.specular-button:disabled{cursor:default;opacity:.55}.specular-button:disabled:active{transform:none}.specular-button--sm{padding:10px 22px;font-size:.85rem}.specular-button--md{padding:14px 30px;font-size:1rem}.specular-button--lg{padding:18px 40px;font-size:1.15rem}.specular-button__fx{pointer-events:none;z-index:1;position:absolute;inset:-20px}.specular-button__fx canvas{width:100%;height:100%;display:block}.specular-button__label{z-index:2;position:relative}.landing-entry{color:#f8f3e8;min-height:58px;padding:8px 28px;transition:opacity .2s,transform .2s;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.landing-entry .specular-button__label{justify-items:center;gap:4px;display:grid}.landing-entry b{color:#ffd629;letter-spacing:.11em;font-size:18px}.landing-entry small{color:#ffffffa8;letter-spacing:.18em;font:600 11px/1 Inter,sans-serif}.stage-activating .landing-entry,.stage-transition .landing-entry,.stage-auth .landing-entry{opacity:0;pointer-events:none;transform:translate(-50%,12px)}.auth-panel{-webkit-backdrop-filter:blur(22px)saturate(115%);backdrop-filter:blur(22px)saturate(115%);opacity:0;pointer-events:none;z-index:9;background:#0a0a0ac2;border:1px solid #ffffff26;border-radius:26px;width:min(420px,100vw - 100px);padding:31px;transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1),filter .75s;top:50%;left:clamp(54px,10vw,190px);overflow:hidden;transform:translateY(calc(26px - 46%))scale(.985);box-shadow:inset 0 1px #ffffff21,0 30px 80px #0000007a}.auth-panel.visible{filter:blur();opacity:1;pointer-events:auto;transform:translateY(-46%)scale(1)}.auth-gloss{pointer-events:none;background:linear-gradient(135deg,#ffffff1c,#0000 32% 70%,#ffd6291a);position:absolute;inset:0}.auth-panel>:not(.auth-gloss){position:relative}.auth-eyebrow{color:#ffd629;letter-spacing:.16em;margin:0 0 12px;font:700 10px/1 Inter,sans-serif}.auth-panel h1{letter-spacing:-.045em;margin:0;font-size:28px}.auth-subtitle{color:#ffffff9e;margin:8px 0 24px;font-size:13px}.auth-tabs{border-bottom:1px solid #ffffff1f;grid-template-columns:1fr 1fr;margin-bottom:22px;display:grid}.auth-tabs button{color:#ffffff85;background:0 0;border:0;padding:0 0 12px;font-weight:700;position:relative}.auth-tabs button.active{color:#ffd629}.auth-tabs button.active:after{content:"";background:#ffd629;height:2px;position:absolute;bottom:-1px;left:31%;right:31%}.employee-login,.supplier-login{gap:14px;display:grid}.employee-login p,.employee-login small,.supplier-login small{color:#ffffffa1;margin:0;font-size:13px;line-height:1.6}.wecom-button,.auth-submit{color:#151515;background:#ffd629;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:50px;font-weight:800;transition:transform .18s,filter .18s;display:flex}.wecom-button:hover,.auth-submit:hover{filter:brightness(1.06);transform:translateY(-1px)}.wecom-mark{align-items:center;gap:2px;display:flex}.wecom-mark i{background:#1e9b63;border-radius:50%;width:8px;height:8px;display:block}.wecom-mark i:nth-child(2){background:#4dbd82}.wecom-mark i:nth-child(3){background:#159a90}.supplier-login label{color:#ffffffa6;gap:7px;font-size:12px;font-weight:700;display:grid}.supplier-login input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;outline:none;min-height:47px;padding:0 13px}.supplier-login input:focus{border-color:#ffd629;box-shadow:0 0 0 3px #ffd6291f}.supplier-login>div{gap:16px;display:flex}.supplier-login>div button,.supplier-register{color:#ffffffa6;text-align:left;background:0 0;border:0;padding:0;font-size:12px}.supplier-register{color:#ffd629;font-weight:700}.auth-notice{color:#ffffffc4;border-left:2px solid #ffd629;margin:19px 0 0;padding-left:10px;font-size:12px;line-height:1.6}@media (max-height:820px){.landing-slogan{top:50%}.landing-slogan strong{font-size:clamp(54px,5.6vw,90px)}.landing-entry{bottom:18px}.auth-panel{padding:25px}}.demo-account{color:#ffffff80;letter-spacing:.03em;font:500 11px/1.5 Inter,sans-serif}.test-login{gap:12px;display:grid}.test-login label{color:#ffffffa6;gap:7px;font-size:12px;font-weight:700;display:grid}.test-login input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;outline:none;min-height:47px;padding:0 13px}.test-login input:focus{border-color:#ffd629;box-shadow:0 0 0 3px #ffd6291f}.test-login__toggle,.test-login__back{color:#ffffffb3;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:12px}.test-login__toggle{color:#ffd629;font-weight:700}.test-login small{color:#ffffff8c;font-size:11px;line-height:1.5}.test-login__error{color:#ff9b95;margin:0;font-size:12px}@media (prefers-reduced-motion:reduce){.landing-background,.landing-video,.auth-panel,.landing-entry{transition:none}.landing-route{animation:none}}@media (max-width:767px){.landing-background{transform:none}.landing-empty{background-position:52%}.landing-final,.landing-reveal-canvas,.landing-video,.landing-route{display:none}.landing-vignette{background:linear-gradient(#0006 0%,#00000014 45%,#000000d1 100%)}.landing-brand{left:20px;right:auto;top:max(24px,env(safe-area-inset-top));gap:10px}.landing-logo{width:110px;height:36px}.landing-logo+.landing-logo{width:76px}.landing-slogan{gap:2px;top:116px;left:20px;right:16px;transform:none}.landing-slogan strong{font-size:clamp(40px,11.8vw,52px);line-height:1.02}.landing-entry{display:none}.auth-panel,.auth-panel.visible{bottom:max(20px,env(safe-area-inset-bottom));opacity:1;pointer-events:auto;width:auto;padding:23px 20px;top:auto;left:16px;right:16px;transform:none}.auth-panel h1{font-size:27px}.auth-subtitle{margin:8px 0 20px;font-size:12px;line-height:1.55}.employee-login{gap:12px}.employee-login p{font-size:12px}}