:root{--enter-duration:1500ms;--enter-ease:cubic-bezier(.22,.61,.36,1);--scroll-height:120vh;--lift:520px;--max-rotY:70deg;--fz-h1-min:32px;--fz-h1-vw:7vw;--fz-h1-max:72px;--fz-h2-min:12px;--fz-h2-vw:1.8vw;--fz-h2-max:18px;--fz-btn-min:14px;--fz-btn-vw:1.6vw;--fz-btn-max:18px;--vh:1vh}@media (max-width:768px){:root{--scroll-height:50vh;--lift:200px}}.hero-intro-wrapper,.hero-intro-wrapper *{box-sizing:border-box}.hero-intro-wrapper{background:#000;width:100%}body,html{background:#000;color:#fff}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,PingFang TC,Microsoft JhengHei,Arial,sans-serif;margin:0;padding:0}.hero-section{background:#000;display:grid;inset:0;min-height:calc(var(--vh)*100);place-items:center;position:fixed;transition:opacity .8s ease,visibility .8s ease;z-index:10}.hero-section.hidden{opacity:0;pointer-events:none;visibility:hidden}.hero-content{align-items:center;display:flex;flex-direction:column;gap:22px;justify-content:center;width:min(92vw,960px)}.hero-logo{display:block;filter:drop-shadow(0 8px 28px rgba(0,0,0,.45));height:auto;max-width:960px;user-select:none;width:min(92vw,760px);-webkit-user-drag:none}.hero-btn{animation:floatIn .7s ease .65s forwards;background:hsla(0,0%,100%,.14);border:0;border-radius:999px;color:#fff!important;display:inline-block;font-size:clamp(var(--fz-btn-min),var(--fz-btn-vw),var(--fz-btn-max));letter-spacing:.2px;opacity:0;outline:none;padding:14px 36px;text-decoration:none;transform:translateY(4px);transition:background .25s ease,transform .15s ease}.hero-btn:hover{background:hsla(0,0%,100%,.28);transform:translateY(0)}.hero-btn:focus-visible{box-shadow:0 0 0 3px hsla(0,0%,100%,.45)}@keyframes floatIn{to{opacity:1;transform:translateY(0)}}.intro-section{background:#000;height:var(--scroll-height);position:relative}.video-scene{height:calc(var(--vh)*100);overflow:hidden;perspective:1400px;perspective-origin:50% 50%;position:sticky;top:0;transform-style:preserve-3d}.video-bg{backface-visibility:hidden;-webkit-backface-visibility:hidden;height:100%;object-fit:cover;object-position:center;opacity:0;transform:translateY(10%) rotateY(-65deg) translateZ(0);transform-origin:50% 50%;width:100%;will-change:transform,opacity;z-index:1}.video-bg,.video-overlay{inset:0;position:absolute}.video-overlay{background:rgba(0,0,0,.35);pointer-events:none;z-index:2}.video-content{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);will-change:transform,opacity;z-index:3}.video-content *,.video-content h1,.video-content h2{color:#fff!important}.video-content h2{font-size:clamp(var(--fz-h2-min),var(--fz-h2-vw),var(--fz-h2-max));font-weight:500;letter-spacing:2px;margin:0 0 .4rem;opacity:.9}.video-content h1{font-size:clamp(var(--fz-h1-min),var(--fz-h1-vw),var(--fz-h1-max));font-weight:900;letter-spacing:.5px;margin:0;text-shadow:0 1px 18px rgba(0,0,0,.25)}.scroll-indicator{align-items:center;animation:bounce 1.6s infinite;bottom:28px;display:flex;justify-content:center;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:4}.scroll-indicator-icon{display:block;height:auto;width:36px}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}.intro-section.entering .video-bg{animation:videoEnter var(--enter-duration) var(--enter-ease) forwards}@keyframes videoEnter{0%{opacity:0;transform:translateY(10%) rotateY(-65deg) translateZ(0)}to{opacity:1;transform:translateY(0) rotateY(0deg) translateZ(0)}}@media (max-width:1024px){:root{--scroll-height:170vh;--lift:440px}}@media (max-width:768px){:root{--scroll-height:120vh;--lift:250px;--max-rotY:50deg}.video-bg{object-position:center}.scroll-indicator{bottom:20px}.scroll-indicator-icon{width:32px}}@media (max-width:480px){:root{--scroll-height:110vh;--lift:200px;--max-rotY:40deg}.hero-btn{padding:12px 22px}.scroll-indicator{bottom:16px}.scroll-indicator-icon{width:28px}}@media (max-height:520px) and (orientation:landscape){:root{--scroll-height:130vh;--lift:260px;--max-rotY:38deg}.scroll-indicator{bottom:12px}}@media (prefers-reduced-motion:reduce){.scroll-indicator{animation:none!important}.intro-section.entering .video-bg{animation:!重要 none}.video-bg,.video-content{transition:none!important}.video-bg{opacity:1;transform:translateY(0) rotateY(0)!important}.video-content{transform:translate(-50%,-50%)!important}}