:root{--primary-text: rgba(255, 255, 255, .95);--secondary-text: rgba(255, 255, 255, .8);--tertiary-text: rgba(255, 255, 255, .6);--nav-bg: rgba(255, 255, 255, .1);--nav-hover: rgba(255, 255, 255, .2);--overlay-bg: rgba(0, 0, 0, .3);font-size:.9em;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden}#app{position:relative;min-height:100vh;width:100%}.nav{position:fixed;top:env(safe-area-inset-top,0);left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:.5rem 2rem;background:transparent}.hamburger{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;flex-direction:column;gap:.3rem;transition:all .3s ease}.hamburger-line{width:24px;height:2px;background:var(--primary-text);transition:all .3s ease}.hamburger:hover{background:var(--nav-hover);border-radius:4px}.logo-btn{background:none;border:none;cursor:pointer;padding:.5rem;transition:all .3s ease}.logo-placeholder{width:40px;height:40px;background:var(--primary-text);border-radius:4px;transform:rotate(45deg);transition:all .3s ease}.logo-btn:hover .logo-placeholder{background:var(--secondary-text);transform:rotate(45deg) scale(1.1)}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#1c020b4d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:2000;opacity:0;visibility:hidden;transition:all .3s ease}.nav-overlay.active{opacity:1;visibility:visible}body.nav-open .hamburger{opacity:0;visibility:hidden}.nav-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;position:relative}.nav-close{position:absolute;top:2rem;left:2rem;background:none;border:none;color:var(--primary-text);font-size:2rem;cursor:pointer;padding:.5rem;transition:all .3s ease}.nav-close:hover{background:var(--nav-hover);border-radius:4px}.nav-list{list-style:none;text-align:center;max-width:800px;padding:0 2rem}.nav-list li{margin:1.5rem 0}.nav-link{color:#f7f7f5;text-decoration:none;font-size:1.8rem;font-weight:300;letter-spacing:.5px;transition:all .3s ease;display:block;padding:1rem;border-radius:8px}.nav-link:hover{color:#333;background:var(--nav-hover);transform:translateY(-2px)}.hero{height:100vh;height:100dvh;display:flex;align-items:flex-end;position:relative;overflow:hidden}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0000004d,#00000080);z-index:1}.hero-content{position:relative;z-index:2;width:100%;padding:2rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom))}.company-info{max-width:600px}.company-name{font-size:clamp(1.5rem,5vw,2.8rem);font-weight:700;color:#fffffffa;letter-spacing:1px;margin-bottom:.4rem;text-shadow:0 3px 15px rgba(0,0,0,.5);line-height:1.2}.company-tagline{font-size:clamp(.95rem,2.5vw,1rem);font-weight:400;color:#ffffffe6;letter-spacing:.8px;margin-bottom:.8rem;text-shadow:0 2px 8px rgba(0,0,0,.4)}.company-copyright{font-size:clamp(.8rem,1.8vw,.8rem);color:#ffffffbf;font-weight:300;margin-bottom:.3rem;text-shadow:0 1px 4px rgba(0,0,0,.4)}.site-credit{font-size:clamp(.7rem,1.2vw,.9rem);color:var(--tertiary-text);font-weight:300;opacity:.8}@media (max-width: 768px){.nav{padding:.5rem 1.5rem;padding-top:calc(.5rem + env(safe-area-inset-top,0))}.nav-close{top:1rem;left:1.5rem}.nav-list{padding:0 1rem}.nav-link{font-size:1.1rem;padding:.8rem}body.homepage .hero{align-items:flex-start;justify-content:center}body.homepage .hero-content{position:fixed;bottom:8vh;left:2rem;transform:none;width:auto;max-width:calc(100% - 4rem);text-align:left;z-index:10;padding:0}}@media (max-width: 480px){.nav{padding:.3rem 1rem;padding-top:calc(.3rem + env(safe-area-inset-top,0));padding-left:calc(1rem + env(safe-area-inset-left,0));padding-right:calc(1rem + env(safe-area-inset-right,0))}.nav-close{top:.8rem;left:1rem}.hamburger-line{width:20px}.logo-placeholder{width:32px;height:32px}.nav-list{padding:0 .5rem}.nav-link{font-size:1.1rem;padding:.6rem}body.homepage .hero-content{bottom:4vh;left:1rem;max-width:calc(100% - 2rem)}.company-name{font-size:clamp(1.5rem,7vw,2.5rem);margin-bottom:.3rem}.company-tagline{font-size:clamp(1rem,3.5vw,1.3rem);margin-bottom:.8rem}.company-copyright{font-size:clamp(.8rem,2.2vw,.95rem);margin-bottom:.3rem}}.page-banner{height:40vh;min-height:300px;max-height:500px;overflow:hidden;position:relative;margin-top:0}.banner-image{width:100%;height:100%;object-fit:cover;object-position:center}.banner-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#65656533,#0006)}.page-content{max-width:1200px;margin:0 auto;padding:4rem 2rem;background:#f8f9fa;min-height:60vh}.content-section{text-align:center;margin-bottom:4rem}.section-title{margin-bottom:2rem}.title-box{display:inline-block;border:2px solid #5c5b5b;padding:1rem 2rem;font-size:1.1rem;font-weight:500;border-radius:8px;background:none}.intro-text{max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.8;color:#5c5b5b;text-align:justify}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:3rem;margin-bottom:4rem}.service-item{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.service-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.service-item h3{font-size:1.4rem;font-weight:600;color:#333;margin-bottom:1.5rem;text-align:center}.service-item p{font-size:1rem;line-height:1.7;color:#555;text-align:justify}.divider{width:100%;height:1px;background:#ddd;margin:4rem 0 3rem}.contact-section{text-align:center;background:transparent;padding:2rem 0;border-radius:0;box-shadow:none}.contact-section h2{font-size:1.1rem;color:#333;margin-bottom:1rem}.contact-section p{font-size:1rem;color:#666;line-height:1.6;max-width:600px;margin:0 auto}.sponsor-images{display:flex;justify-content:center;gap:3rem;margin-top:2rem;flex-direction:row}.sponsor-images img{max-width:300px;height:auto;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease}.sponsor-images img:hover{transform:scale(1.05)}@media (max-width: 768px){.sponsor-images{flex-direction:column;align-items:center;gap:2rem}.sponsor-images img{max-width:250px}}.contact-info{text-align:center;margin-top:1.5rem}.contact-info strong{font-size:1.2rem;color:#000;background:#f0f8ff;padding:.8rem 1.5rem;border-radius:8px;display:inline-block}.wechat-info{text-align:center;margin-top:1.5rem}.wechat-section{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.wechat-logo{width:80px;height:80px;object-fit:contain}.wechat-qr{width:150px;height:150px;object-fit:contain;border:2px solid #ddd;border-radius:8px}@media (max-width: 768px){.wechat-section{flex-direction:column;gap:1rem}.wechat-logo{width:60px;height:60px}.wechat-qr{width:120px;height:120px}}@media (max-width: 768px){.page-banner{height:30vh;min-height:250px}.page-content{padding:2rem 1rem}.services-grid{grid-template-columns:1fr;gap:2rem}.service-item{padding:2rem}.intro-text{font-size:1rem;text-align:left}.service-item p{text-align:left}}@media (max-width: 480px){.page-banner{height:25vh;min-height:200px}.page-content{padding:1.5rem 1rem}.service-item{padding:1.5rem}.title-box{padding:.8rem 1.5rem;font-size:1rem}}.description-text{max-width:900px;margin:2rem auto;font-size:1.1rem;line-height:1.8;color:#444;text-align:justify}.target-audience{max-width:800px;margin:3rem auto;text-align:center}.target-audience h3{font-size:1.3rem;color:#333;margin-bottom:1.5rem;text-align:center}.target-audience ul{list-style:none;padding:0;display:inline-block;text-align:left}.target-audience li{font-size:1rem;line-height:1.7;color:#555;margin-bottom:1rem;padding-left:1.5rem;position:relative;text-align:left}.target-audience li:before{content:"•";color:#2563eb;font-size:1.2rem;position:absolute;left:0;top:0}@media (max-width: 768px){.target-audience{margin:2rem auto;padding:0 1rem}.description-text{font-size:1rem;text-align:left;margin:1.5rem auto}.target-audience li{font-size:.95rem}}@media (max-width: 480px){.target-audience{margin:1.5rem auto}.target-audience h3{font-size:1.2rem}}.services-grid,.contact-section{animation:fadeInUp .6s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:system-ui-fallback;src:local("system-ui"),local("-apple-system"),local("Segoe UI"),local("Roboto");font-display:swap}body.homepage{height:100vh;height:100dvh;overflow-y:hidden}body.homepage #app{height:100vh;height:100dvh}@media screen and (max-width: 768px){body.homepage{position:fixed;width:100%;height:100%;overflow:hidden}body.homepage #app,body.homepage .hero{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}body.homepage .hero-content{position:fixed!important;bottom:max(4vh,40px)!important;left:2rem!important;transform:none!important;width:auto!important;max-width:calc(100vw - 4rem)!important}}.hamburger:hover,.logo-btn:hover,.nav-link:hover,.service-item:hover{transform:translateZ(0);will-change:transform,background-color,opacity}.banner-image,.hero-video{image-rendering:optimizeQuality;loading:eager}