@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700;900&display=swap";html{scroll-behavior:smooth}body{color:#e0e0e0;background:linear-gradient(135deg,#2d3a5a 0%,#1a1a2e 100%);min-height:100vh;margin:0;padding:0;font-family:Noto Sans TC,Segoe UI,sans-serif;overflow-x:hidden}.app-container{min-height:100vh;display:flex}.bg-sphere{filter:blur(80px);z-index:-1;opacity:.3;border-radius:50%;animation:20s infinite alternate float-circle;position:fixed}.sphere-1{background:#ac64ff;width:400px;height:400px;top:-100px;right:-100px}.sphere-2{background:#64c9ff;width:500px;height:500px;animation-delay:-5s;bottom:-150px;left:-150px}@keyframes float-circle{0%{transform:translate(0)scale(1)}to{transform:translate(60px,120px)scale(1.1)}}#bg-canvas{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.text-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#64c9ff,#ac64ff);-webkit-background-clip:text;background-clip:text;font-weight:900}.text-neon{color:#fff;text-shadow:0 0 10px #ac64ffcc,0 0 20px #ac64ff66}.text-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:15px 25px}.main-content{flex-direction:column;flex:1;align-items:center;margin-left:180px;padding:80px 40px;display:flex}section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff1a;border-radius:30px;width:100%;max-width:900px;margin:40px 0;padding:50px;scroll-margin-top:100px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}section:hover{background:#ffffff0f;border-color:#64c9ff66;transform:scale(1.02)translateY(-5px)}.main-header{grid-template-columns:100px 1fr 100px;align-items:center;gap:20px;width:95%;max-width:1100px;margin:40px auto;display:grid}.title-text-group{text-align:center;flex-direction:column;gap:8px;display:flex}.header-company-logo{object-fit:contain;filter:drop-shadow(0 0 10px #fff3);border-radius:12px;justify-self:end;width:100px;height:100px}.main-header:before{content:"";width:100px}.section-content-layout{align-items:center;gap:30px;display:flex}.section-text-group{flex:1}#section1 .section-side-image{width:250%;max-height:400px}.section-side-image{object-fit:cover;border-radius:15px;width:35%;min-width:200px;height:auto;max-height:300px;transition:all .3s;box-shadow:0 10px 20px #0000004d}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#141428cc;flex-direction:column;align-items:center;width:180px;height:100vh;padding-top:48px;display:flex;position:fixed;top:0;left:0;box-shadow:2px 0 15px #00000080}.sidebar li{width:100%;margin:10px 0;list-style:none;transition:all .3s}.sidebar a{color:#fff;text-align:center;padding:12px 0;text-decoration:none;display:block}.sidebar li:hover{background:#64c9ff1a;transform:translate(5px)}.back-to-top a{font-weight:900;color:#fc0!important}.sidebar-toggle{z-index:100;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:40px;height:22px;display:none;position:fixed;top:25px;left:25px;outline:none!important}.hamburger{transform-origin:0;background:#64c9ff;border-radius:10px;width:100%;height:3px;transition:all .3s;display:block}.sidebar-toggle.open .hamburger:first-child{background:#ff6b6b;transform:rotate(45deg)translate(.1px,-2px)}.sidebar-toggle.open .hamburger:nth-child(2){opacity:0;transform:translate(10px)}.sidebar-toggle.open .hamburger:nth-child(3){background:#ff6b6b;transform:rotate(-45deg)translate(.1px,2px)}.floating-top-btn{color:#fff;cursor:pointer;z-index:99;background:#6d4fe2;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 15px #0000004d}section h3:before{content:"➤";color:#ac64ff;margin-right:10px;font-size:.8em;transition:transform .3s;display:inline-block}section:hover h3:before{transform:translate(5px)}section p:before{content:"➤";color:#64c9ff;margin-right:8px;font-size:.9em}#section3 p:before{color:#ffc964}@media (width>=701px){section{border-left:4px solid #64c9ff;align-self:flex-start}section:nth-child(2n){border-left:none;border-right:4px solid #ac64ff;align-self:flex-end}section:nth-child(odd) .section-content-layout{flex-direction:row}section:nth-child(2n) .section-content-layout{flex-direction:row-reverse}.sidebar-toggle{display:none!important}}@media (width<=700px){.main-header{text-align:center;flex-direction:column;gap:15px;display:flex}.title-text-group{text-align:center}.header-company-logo{align-self:center;width:auto;height:60px}.sidebar-toggle{flex-direction:column;justify-content:space-between;display:flex}.sidebar{width:240px;transition:all .4s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:80px 20px}section{text-align:left;padding:30px;align-self:center!important}.section-content-layout{flex-direction:column;align-items:flex-start}.section-text-group{width:100%}.section-side-image{width:100%;min-width:unset;align-self:center;max-width:400px;margin-top:20px}}.activities-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px;display:grid}.activity-item{flex-direction:column;gap:8px;display:flex}.activity-item img{object-fit:cover;border-radius:12px;width:100%;height:200px;transition:all .3s;box-shadow:0 8px 20px #0000004d}.activity-item img:hover{transform:scale(1.03)}.activity-item p{text-align:center;color:#aaa;margin:0;font-size:.9em}@media (width<=700px){.activities-grid{grid-template-columns:1fr}.activity-item img{height:220px}}.activity-item:nth-child(-n+2) img{object-fit:contain;height:auto;max-height:400px}.company-layout{width:100%}.company-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:20px;display:grid}.company-image-wrap{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;padding:15px;display:flex}.company-image{object-fit:contain;border-radius:10px;width:100%;max-height:220px}@media (width<=700px){.company-grid{grid-template-columns:1fr}}