:root{--primary-color:#0f172a;--secondary-color:#334155;--accent-color:#e11d48;--bg-color:#fff;--bg-alt:#f8fafc;--text-color:#1e293b;--text-light:#64748b;--font-main:"Inter","Noto Sans TC",sans-serif;--transition:all .6s cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}#cursor-follower{border:1px solid rgba(15,23,42,.2);border-radius:50%;height:40px;mix-blend-mode:difference;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:width .3s,height .3s,background-color .3s;width:40px;z-index:9999}.cursor-hover #cursor-follower{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#ffffff1a;height:60px;width:60px}h1,h2,h3,h4,h5,h6{color:var(--primary-color);font-weight:500;line-height:1.2}.section-label{color:var(--accent-color);font-size:.85rem;font-weight:600;letter-spacing:.15em;margin-bottom:1rem}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-subtitle{color:var(--secondary-color);font-size:1.25rem;font-weight:400;margin-bottom:2rem}.container{margin:0 auto;max-width:1280px;padding:0 2rem;width:100%}.section{padding:8rem 0;position:relative}.has-bg{background-color:var(--bg-alt)}.navbar{left:0;padding:1.5rem 0;position:fixed;top:0;transition:var(--transition);width:100%;z-index:1000}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;box-shadow:0 4px 20px #0000000d;padding:1rem 0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;padding:0 5%;width:100%}.logo{align-items:baseline;color:var(--primary-color);display:flex;font-size:1.5rem;gap:.5rem;text-decoration:none}.navbar:not(.scrolled) .logo{color:#fff}.logo-bold{font-size:1.8rem;font-weight:700}.logo-text{font-size:1rem;font-weight:300;opacity:.8}.nav-links{align-items:center;display:flex;gap:2.5rem}.nav-link{color:var(--primary-color);font-size:.95rem;font-weight:500;position:relative;text-decoration:none;transition:color .3s}.navbar:not(.scrolled) .nav-link{color:#ffffffe6}.nav-link:after{background-color:var(--accent-color);bottom:-4px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.nav-btn{border:1px solid var(--primary-color);border-radius:50px;color:var(--primary-color);font-size:.9rem;font-weight:500;padding:.6rem 1.5rem;text-decoration:none;transition:var(--transition)}.navbar:not(.scrolled) .nav-btn{border-color:#fffc;color:#fff}.nav-btn:hover{background-color:var(--primary-color);color:#fff}.navbar:not(.scrolled) .nav-btn:hover{background-color:#fff;color:var(--primary-color)}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:6px}.mobile-menu-btn span{background-color:var(--primary-color);display:block;height:2px;transition:var(--transition);width:24px}.navbar:not(.scrolled) .mobile-menu-btn span{background-color:#fff}.hero{align-items:center;display:flex;height:100vh;min-height:700px;overflow:hidden;padding:0 5%;position:relative}.hero-bg-wrapper{animation:bgZoom 20s ease-out forwards;height:100%;left:0;position:absolute;top:0;transform:scale(1.05);width:100%;z-index:-1}@keyframes bgZoom{to{transform:scale(1)}}.hero-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.hero-overlay{background:linear-gradient(90deg,#000000b3,#0000004d);height:100%;left:0;position:absolute;top:0;width:100%}.hero-content{color:#fff;margin-top:5rem;max-width:800px}.hero-subtitle{border-left:2px solid var(--accent-color);font-size:1rem;letter-spacing:.2em;margin-bottom:1.5rem;opacity:.9;padding-left:1rem;text-transform:uppercase}.hero-title{color:#fff;font-size:4.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:2rem}.hero-desc{font-size:1.2rem;font-weight:300;line-height:1.8;max-width:600px;opacity:.8}.scroll-btn{align-items:center;bottom:3rem;color:#fff;display:flex;flex-direction:column;gap:1rem;opacity:.8;position:absolute;right:5%;text-decoration:none;transition:opacity .3s}.scroll-btn:hover{opacity:1}.scroll-text{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-rl}.scroll-line{background-color:#ffffff4d;height:60px;overflow:hidden;position:relative;width:1px}.scroll-line:after{animation:scrollDown 2s cubic-bezier(.65,0,.35,1) infinite;background-color:#fff;content:"";height:50%;left:0;position:absolute;top:0;width:100%}@keyframes scrollDown{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}.about-section{text-align:center}.about-section .section-header{margin-bottom:3rem}.about-text{color:var(--secondary-color);font-size:1.25rem;font-weight:300;line-height:2;margin:0 auto;max-width:800px}.split-layout{align-items:center;display:flex;gap:5rem}.split-layout.reverse{flex-direction:row-reverse}.split-text{flex:1}.split-visual{flex:1;position:relative}.section-desc{color:var(--text-light);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.feature-list{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;list-style:none}.feature-list li{align-items:center;color:var(--secondary-color);display:flex;font-weight:500;gap:.8rem}.feature-dot{background-color:var(--accent-color);border-radius:50%;display:inline-block;height:6px;width:6px}.image-grid{display:flex;gap:2rem}.image-card{background-color:#fff;border-radius:8px;box-shadow:0 20px 40px #0000000d;flex:1;overflow:hidden;position:relative}.image-card-offset{margin-top:4rem}.image-card img{display:block;height:auto;transition:transform .8s ease;width:100%}.image-card:hover img{transform:scale(1.05)}.image-caption{background-color:#fff;padding:1.5rem}.image-caption h4{font-size:1.1rem;margin-bottom:.2rem}.image-caption p{color:var(--text-light);font-size:.85rem}.lobster-section{background-color:var(--primary-color);color:#fff}.lobster-section .section-subtitle,.lobster-section .section-title,.lobster-section .spec-title{color:#fff}.lobster-section .section-desc,.lobster-section .spec-desc{color:#ffffffb3}.specs-grid{display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:3rem}.spec-item{border-top:1px solid hsla(0,0%,100%,.1);padding-top:1.5rem}.spec-title{font-size:1.1rem;margin-bottom:.5rem}.spec-desc{font-size:.95rem;line-height:1.6}.image-featured{border-radius:8px;overflow:hidden}.image-featured,.image-wrapper{position:relative}.image-featured img{box-shadow:0 30px 60px #0006;display:block;height:auto;position:relative;width:100%;z-index:2}.glow-effect{background:radial-gradient(circle,#e11d484d 0,#e11d4800 70%);filter:blur(40px);height:80%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%;z-index:1}.contact-section{background-color:var(--bg-alt);text-align:center}.contact-box{background-color:#fff;border-radius:12px;box-shadow:0 20px 40px #0000000d;margin:0 auto;max-width:800px;padding:5rem 3rem}.contact-title{font-size:2rem;margin-bottom:1rem}.contact-desc{color:var(--text-light);font-size:1.1rem;margin-bottom:3rem}.primary-btn{background-color:var(--primary-color);border-radius:50px;color:#fff;display:inline-block;font-weight:500;overflow:hidden;padding:1rem 3rem;position:relative;text-decoration:none;transition:var(--transition);z-index:1}.primary-btn:before{background-color:var(--accent-color);content:"";height:100%;left:0;position:absolute;top:0;transition:width .4s ease;width:0;z-index:-1}.primary-btn:hover:before{width:100%}.footer{background-color:#0b1120;color:#fff9;padding:4rem 0 2rem}.footer-content{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;margin-bottom:3rem;padding-bottom:3rem}.footer-logo{color:#fff;font-size:1.5rem}.footer-logo .logo-bold{font-size:1.8rem;font-weight:700}.footer-info{font-size:.95rem;text-align:right}.footer-bottom{font-size:.85rem;text-align:center}.reveal-up{transform:translateY(40px)}.reveal-left,.reveal-up{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.reveal-left{transform:translate(-40px)}.reveal-right{opacity:0;transform:translate(40px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.reveal-left.active,.reveal-right.active,.reveal-up.active{opacity:1;transform:translate(0)}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}.delay-3{transition-delay:.6s}@media(max-width:992px){.split-layout,.split-layout.reverse{flex-direction:column;gap:4rem}.hero-title{font-size:3.5rem}.section{padding:5rem 0}}@media(max-width:768px){.nav-links{display:none}.mobile-menu-btn{display:flex}.hero-title{font-size:2.8rem}.feature-list,.specs-grid{grid-template-columns:1fr}.image-grid{flex-direction:column}.image-card-offset{margin-top:0}.footer-content{flex-direction:column;gap:2rem}.footer-content,.footer-info{text-align:center}}