html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html,body{width:100%;min-height:100%}#root{width:100%;height:100%}*,*:before,*:after{box-sizing:border-box}@font-face{font-family:Manrope;src:url(/fonts/Manrope/Manrope-VariableFont_wght.ttf) format("truetype");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:"Noto Serif TC";src:url(/fonts/Noto_Serif_TC/NotoSerifTC-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}#root{width:100%;min-height:100vh;font-family:Manrope,"Noto Serif TC",serif;font-optical-sizing:auto}nav{position:relative}.menu-toggle{background:none;border:none;cursor:pointer;padding:0;z-index:100;position:relative}.menu-toggle img{display:block;filter:brightness(0) invert(1)}.menu-background{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .3s ease-in;z-index:50}.menu-background.open{pointer-events:auto}.menu-content{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:60;opacity:0;visibility:hidden;transition:opacity .3s ease-in,visibility .3s ease-in;pointer-events:none}.menu-content.open{opacity:1;visibility:visible;pointer-events:auto}.menu-content ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2rem;align-items:center}.menu-content li{font-size:2rem;font-weight:700;opacity:0;transform:translateY(20px);transition:opacity .3s ease-in,transform .3s ease-in}.menu-content.open li{opacity:1;transform:translateY(0)}.menu-content.open li:nth-child(1){transition-delay:.1s}.menu-content.open li:nth-child(2){transition-delay:.2s}.menu-content.open li:nth-child(3){transition-delay:.3s}.menu-content.open li:nth-child(4){transition-delay:.4s}.menu-content li a{color:#fff;text-decoration:none;transition:opacity .2s}.menu-content li a:hover{opacity:.7}@font-face{font-family:Manrope;src:url(/fonts/Manrope/Manrope-VariableFont_wght.ttf) format("truetype");font-weight:200 800;font-style:normal;font-display:swap}#root{width:100%;min-height:100vh;font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.sticky-c{width:100dvw;min-height:100dvh;color:#fff}.sticky-c nav{position:absolute;z-index:10;display:flex;top:0;left:0;width:100%;padding:2rem;box-sizing:border-box;justify-content:space-between;align-items:center}.sticky-c .video-wrapper-bg{width:100%;height:100%;position:fixed;top:0;left:0;z-index:0;display:flex;justify-content:center;align-items:center}:is(.sticky-c .video-wrapper-bg) .video-border-wrapper{width:100%;height:100%;box-sizing:border-box;border:8rem solid salmon;overflow:hidden}:is(:is(.sticky-c .video-wrapper-bg) .video-border-wrapper) video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}:is(:is(.sticky-c .video-wrapper-bg) .video-border-wrapper):after{content:"";position:absolute;inset:0;background:#0003;pointer-events:none;z-index:1}:is(.sticky-c .video-wrapper-bg) .scroll-to-navigate{z-index:20;position:absolute;display:flex;align-items:center;gap:.5rem;justify-content:center;bottom:2rem;left:50%;transform:translate(-50%);color:#fff}:is(.sticky-c .video-wrapper-bg) .hero-title{width:100%;z-index:20;text-align:center;position:absolute;font-size:clamp(4rem,8vw,8rem);font-weight:800;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}:is(.sticky-c .video-wrapper-bg) .backdrop{color:transparent;-webkit-text-stroke:1px white}:is(.sticky-c .video-wrapper-bg) .main{color:#fff}.image-container img{width:100%;height:auto;border-radius:8px}footer{position:relative;z-index:30;pointer-events:auto;background-color:#000;padding:3rem 2rem;text-align:center}footer p{margin:.5rem 0}footer a{color:#fff;margin:0 .25rem;text-decoration:underline}.intro-section{position:relative;z-index:30;pointer-events:auto;background-color:transparent;padding:4rem 2rem}.content-block{display:flex;gap:2rem;margin:3rem 0;align-items:center;max-width:1200px;margin-left:auto;margin-right:auto}.content-block.reverse{flex-direction:row-reverse}.image-container{flex:1}.image-container img{width:100%;height:auto;border:1px solid transparent;border-radius:8px;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;padding:2rem}.text-container{flex:1}.text-container h3{font-size:2rem;font-weight:700;margin-bottom:1rem}.text-container p{font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.section-title{text-align:center;font-size:3rem;font-weight:800;margin-bottom:3rem}@media(max-width:768px){.content-block,.content-block.reverse{flex-direction:column}}.loading-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:pink;z-index:1000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem;opacity:1;transition:opacity .5s ease-out}.loading-container.fade-out{opacity:0;pointer-events:none}.loading-spinner{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.loading-spinner:before{content:"";position:absolute;width:100%;height:100%;border:4px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-inner{position:relative;z-index:1;font-size:1.5rem;font-weight:600;color:#fff;font-family:Manrope,sans-serif}.loading-progress{width:300px;height:4px;background-color:#ffffff1a;border-radius:2px;overflow:hidden;position:relative}.loading-progress-bar{height:100%;background-color:#fff;border-radius:2px;animation:shimmer 1.5s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@media(max-width:768px){.loading-spinner{width:80px;height:80px}.loading-spinner-inner{font-size:1.2rem}.loading-progress{width:250px}}
