.navigation[data-v-7e5d7674]{position:relative;flex-shrink:0}.mobile-menu-toggle[data-v-7e5d7674]{display:none;background:none;border:none;color:var(--white);cursor:pointer;min-height:44px;min-width:44px;padding:.5rem;position:relative;z-index:1001;flex-direction:column;align-items:center;justify-content:center;gap:4px}.hamburger-line[data-v-7e5d7674]{width:24px;height:2px;background:var(--white);border-radius:2px;transition:all var(--transition-base);transform-origin:center}.mobile-menu-toggle.active .hamburger-line[data-v-7e5d7674]:first-child{transform:translateY(6px) rotate(45deg)}.mobile-menu-toggle.active .hamburger-line[data-v-7e5d7674]:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-toggle.active .hamburger-line[data-v-7e5d7674]:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.menu-backdrop[data-v-7e5d7674]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;animation:fadeIn .3s ease-out}.nav-menu[data-v-7e5d7674]{display:flex;gap:2rem;align-items:center}.nav-link[data-v-7e5d7674]{color:var(--slate-300);text-decoration:none;font-weight:500;transition:all var(--transition-base);padding:.5rem 1rem;border-radius:var(--radius-sm);min-height:44px;display:flex;align-items:center;justify-content:center;white-space:nowrap;position:relative;overflow:hidden}.nav-link[data-v-7e5d7674]:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-blue-hover);transition:all var(--transition-base);transform:translateX(-50%)}.nav-link[data-v-7e5d7674]:hover:before{width:80%}.nav-link[data-v-7e5d7674]:hover{color:var(--white);background:hsla(0,0%,100%,.1);transform:translateY(-1px)}@media (max-width:768px){.mobile-menu-toggle[data-v-7e5d7674]{display:flex;min-height:32px;min-width:32px;padding:.2rem}.nav-menu[data-v-7e5d7674]{position:fixed;inset:0;width:100%;height:100vh;background:var(--navy-dark);flex-direction:column;gap:0;padding:calc(3.5rem + env(safe-area-inset-top, 0px)) 0 2rem;box-shadow:var(--shadow-xl);transform:translateX(100%);opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:1000;overflow-y:auto}@supports (height:100dvh){.nav-menu[data-v-7e5d7674]{height:100dvh}}.mobile-menu-close[data-v-7e5d7674]{position:absolute;top:calc(.75rem + env(safe-area-inset-top, 0px));right:1rem;background:none;border:none;color:var(--white);font-size:2rem;line-height:1;cursor:pointer;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.nav-menu--open[data-v-7e5d7674]{transform:translateX(0);opacity:1;visibility:visible}.nav-link[data-v-7e5d7674]{padding:1rem 1.5rem;width:100%;text-align:center;border-bottom:1px solid hsla(0,0%,100%,.1);transition:all var(--transition-fast);color:var(--white);font-size:1.125rem}.nav-link[data-v-7e5d7674]:active{background:hsla(0,0%,100%,.2)}.nav-link[data-v-7e5d7674]:last-child{border-bottom:none}}@media (max-width:640px){.mobile-menu-toggle[data-v-7e5d7674]{font-size:1rem;min-height:36px;min-width:36px;padding:.15rem}.nav-link[data-v-7e5d7674]{font-size:1rem}}@media (max-width:480px){.mobile-menu-toggle[data-v-7e5d7674]{font-size:.95rem;min-height:36px;min-width:36px;padding:.1rem}}@keyframes slideDown-7e5d7674{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.language-selector-container[data-v-27e16aa4]{position:relative;flex-shrink:0}.language-selector[data-v-27e16aa4]{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:.25rem;padding:.5rem 1rem;color:var(--white);font-size:.875rem;cursor:pointer;transition:background-color .3s ease;min-height:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.language-selector[data-v-27e16aa4]:hover{background:hsla(0,0%,100%,.3)}.language-selector[data-v-27e16aa4]:focus{outline:none;background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5)}.language-selector option[data-v-27e16aa4]{background:var(--dark-gray);color:var(--white);padding:.5rem}@media (max-width:768px){.language-selector[data-v-27e16aa4]{font-size:.75rem;padding:.25rem .4rem;padding-right:1.5rem;background-size:1em 1em;background-position:right .3rem center;min-height:32px}}@media (max-width:640px){.language-selector[data-v-27e16aa4]{font-size:.7rem;padding:.2rem .35rem;padding-right:1.3rem;min-width:42px;min-height:30px}}@media (max-width:480px){.language-selector[data-v-27e16aa4]{font-size:.65rem;padding:.15rem .3rem;padding-right:1.2rem;background-size:.9em .9em;background-position:right .2rem center;min-width:38px;min-height:28px}}.header[data-v-4f76d151]{background:var(--navy-dark);color:var(--white);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-lg);border-bottom:1px solid var(--navy-card);backdrop-filter:blur(10px);animation:slideDown-4f76d151 .5s ease-out}.header-content[data-v-4f76d151]{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;min-width:0}.logo[data-v-4f76d151]{font-size:1.5rem;font-weight:700;color:var(--white);text-decoration:none;transition:all var(--transition-base);position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0;display:flex;align-items:center;gap:.5rem}.logo-icon[data-v-4f76d151]{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.logo-text[data-v-4f76d151]{display:inline-block}.logo[data-v-4f76d151]:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-blue-hover);transition:width var(--transition-base)}.logo[data-v-4f76d151]:hover:after{width:100%}.logo[data-v-4f76d151]:hover{opacity:.9;transform:translateY(-1px)}.header-actions[data-v-4f76d151]{display:flex;align-items:center;gap:2rem;flex-shrink:1;min-width:0}@media (max-width:768px){.header[data-v-4f76d151]{padding:.5rem 0}.header-content[data-v-4f76d151]{flex-direction:row!important;gap:.5rem}.header-actions[data-v-4f76d151]{gap:.5rem}.logo[data-v-4f76d151]{font-size:1rem}.logo-icon[data-v-4f76d151]{width:28px;height:28px}}@media (max-width:640px){.header-content[data-v-4f76d151]{flex-direction:row!important;gap:.375rem}.header-actions[data-v-4f76d151]{gap:.25rem}.logo[data-v-4f76d151]{font-size:.95rem}.logo-icon[data-v-4f76d151]{width:24px;height:24px}}@media (max-width:480px){.header-content[data-v-4f76d151]{flex-direction:row!important;gap:.25rem}.header-actions[data-v-4f76d151]{gap:.125rem}.logo[data-v-4f76d151]{font-size:.875rem;gap:.375rem}.logo-icon[data-v-4f76d151]{width:20px;height:20px}}@keyframes slideDown-4f76d151{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.footer[data-v-c854d9a0]{background:var(--navy-dark);color:var(--white);padding:4rem 0 0;margin-top:auto;position:relative;overflow:hidden}.footer[data-v-c854d9a0]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-blue),transparent)}.footer-content[data-v-c854d9a0]{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:2rem}.footer-section[data-v-c854d9a0]{animation:fadeIn-c854d9a0 .8s ease-out}.footer-section--main[data-v-c854d9a0]{max-width:400px}.footer-title[data-v-c854d9a0]{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--white);position:relative;display:inline-block}.footer-title[data-v-c854d9a0]:after{content:"";position:absolute;bottom:-4px;left:0;width:40px;height:2px;background:var(--primary-400)}.footer-subtitle[data-v-c854d9a0]{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--white)}.footer-description[data-v-c854d9a0]{color:hsla(0,0%,100%,.8);line-height:1.6;margin-bottom:1.5rem}.footer-contact[data-v-c854d9a0]{display:flex;flex-direction:column;gap:.75rem}.footer-contact-item[data-v-c854d9a0]{display:flex;align-items:center;gap:.75rem;color:var(--slate-300);font-size:.9rem;transition:transform var(--transition-base)}.footer-contact-item[data-v-c854d9a0]:hover{transform:translateX(5px);color:var(--white)}.footer-contact-item svg[data-v-c854d9a0]{color:var(--primary-400);flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.footer-links[data-v-c854d9a0]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.footer-link[data-v-c854d9a0]{color:var(--slate-300);text-decoration:none;transition:all var(--transition-base);font-size:.95rem;padding:.25rem 0;position:relative}.footer-link[data-v-c854d9a0]:before{content:"";position:absolute;left:-15px;top:50%;width:0;height:1px;background:var(--primary-400);transition:width var(--transition-base);transform:translateY(-50%)}.footer-link[data-v-c854d9a0]:hover:before{width:10px}.footer-link[data-v-c854d9a0]:hover{color:var(--white);padding-left:20px}.footer-bottom[data-v-c854d9a0]{border-top:1px solid hsla(0,0%,100%,.1);padding:2rem 0;margin-top:2rem;background:rgba(0,0,0,.2)}.footer-bottom-content[data-v-c854d9a0]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-copyright[data-v-c854d9a0]{color:hsla(0,0%,100%,.7);font-size:.9rem;margin:0}.footer-bottom-links[data-v-c854d9a0]{display:flex;gap:2rem}.footer-bottom-link[data-v-c854d9a0]{color:hsla(0,0%,100%,.7);text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-bottom-link[data-v-c854d9a0]:hover{color:var(--white)}@media (max-width:1024px){.footer-content[data-v-c854d9a0]{grid-template-columns:1fr 1fr;gap:2rem}.footer-section--main[data-v-c854d9a0]{grid-column:1/-1;max-width:none}}@media (max-width:768px){.footer[data-v-c854d9a0]{padding:3rem 0 0}.footer-content[data-v-c854d9a0]{grid-template-columns:1fr;gap:2rem}.footer-section--main[data-v-c854d9a0]{grid-column:1}.footer-title[data-v-c854d9a0]{font-size:1.25rem}.footer-subtitle[data-v-c854d9a0]{font-size:1rem}.footer-bottom-content[data-v-c854d9a0]{flex-direction:column;text-align:center}.footer-bottom-links[data-v-c854d9a0]{justify-content:center}}@media (max-width:640px){.footer[data-v-c854d9a0]{padding:2rem 0 0}.footer-content[data-v-c854d9a0]{gap:1.5rem}.footer-contact-item[data-v-c854d9a0]{font-size:.85rem}.footer-link[data-v-c854d9a0]{font-size:.9rem}.footer-bottom-links[data-v-c854d9a0]{flex-direction:column;gap:1rem}.footer-bottom-link[data-v-c854d9a0],.footer-copyright[data-v-c854d9a0]{font-size:.85rem}}@keyframes fadeIn-c854d9a0{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sticky-bar-text[data-v-26534ac8]{display:flex;flex-direction:column;gap:.25rem;font-size:var(--font-size-sm);flex:1;min-width:0}.sticky-bar-text strong[data-v-26534ac8]{color:var(--gray-800)}.sticky-bar-text span[data-v-26534ac8]{color:var(--gray-600);font-size:var(--font-size-xs)}.sticky-bar-content .btn[data-v-26534ac8]{flex:2;padding:.5rem 1rem;font-size:var(--font-size-sm);min-height:40px}*{-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family-primary),sans-serif;line-height:var(--line-height-normal);color:var(--gray-800);background-color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility}body.menu-open{overflow:hidden}body.menu-open .floating-action{opacity:0;pointer-events:none}.feature-card,.hero,.product-card,.section{transform:translateZ(0);contain:layout style paint}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--primary-blue:#1e3a8a;--primary-blue-hover:#2563eb;--primary-blue-light:#dbeafe;--primary-blue-dark:#1e40af;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-500:#f59e0b;--amber-600:#d97706;--accent-orange:#ea580c;--accent-orange-light:#fed7aa;--accent-gold:#d97706;--accent-gold-light:#fde68a;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--navy-dark:#0f172a;--navy-card:#1e293b;--navy-border:#334155;--teal:var(--primary-blue);--teal-dark:var(--primary-blue-dark);--teal-light:var(--primary-blue-hover);--teal-bg:var(--primary-blue-light);--icon-bg:var(--primary-100);--icon-fg:var(--primary-600);--icon-bg-dark:var(--primary-800);--icon-fg-dark:#fff;--card-bg:#fff;--card-border:var(--slate-200);--card-shadow:0 1px 3px rgba(0,0,0,.1);--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--light-gray:var(--gray-50);--dark-gray:var(--gray-800);--medium-gray:var(--gray-500);--section-light:var(--gray-50);--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-blue:0 4px 14px 0 rgba(30,64,175,.15);--shadow-blue-lg:0 10px 25px -3px rgba(30,64,175,.2);--shadow-orange:0 4px 14px 0 rgba(234,88,12,.15);--shadow-gold:0 4px 14px 0 rgba(217,119,6,.15);--shadow-teal:var(--shadow-blue);--shadow-teal-lg:var(--shadow-blue-lg);--font-family-primary:"PingFang TC","Microsoft JhengHei","Heiti TC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-headings:"PingFang TC","Microsoft JhengHei UI","Heiti TC","Microsoft YaHei UI",-apple-system,BlinkMacSystemFont,"Segoe UI Semibold",system-ui,sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Consolas","Courier New",monospace;--font-size-h1:3rem;--font-size-h2:2.25rem;--font-size-h3:1.75rem;--font-size-h4:1.5rem;--font-size-h5:1.25rem;--font-size-h6:1.125rem;--font-size-xl:1.25rem;--font-size-lg:1.125rem;--font-size-base:1rem;--font-size-sm:0.875rem;--font-size-xs:0.75rem;--line-height-tight:1.25;--line-height-normal:1.6;--line-height-relaxed:1.8;--line-height-loose:2.0;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--section-padding-y:var(--space-4xl);--section-padding-y-sm:var(--space-3xl);--card-padding:var(--space-xl);--card-gap:var(--space-xl);--text-block-spacing:var(--space-lg);--radius-xs:0.25rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--glass-bg:hsla(0,0%,100%,.1);--glass-border:hsla(0,0%,100%,.2);--shine-gradient:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);--z-dropdown:1000;--z-sticky:1010;--z-modal:1020;--z-floating:1030;--badge-material:var(--primary-blue)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-headings),sans-serif;font-weight:600;line-height:var(--line-height-tight);margin-bottom:var(--text-block-spacing);color:var(--gray-900);letter-spacing:-.02em}h1{font-size:var(--font-size-h1);line-height:1.1}h1,h2{font-weight:700}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h3,h4{font-weight:600}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h5,h6{font-weight:600}h6{font-size:var(--font-size-h6)}p{margin-bottom:var(--space-md);color:var(--gray-600);line-height:var(--line-height-normal)}.container{max-width:1200px}.container,.container-content{margin:0 auto;padding:0 var(--space-md)}.container-content{max-width:900px}.container-narrow{max-width:600px}.container-full,.container-narrow{margin:0 auto;padding:0 var(--space-md)}.container-full{max-width:1400px}.section{padding:var(--section-padding-y) 0;position:relative}.section:before{content:"";position:absolute;top:0;left:50%;width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--primary-blue),transparent);transform:translateX(-50%);opacity:.7}.section-title{text-align:center;font-size:var(--font-size-h2);margin-bottom:var(--space-2xl);color:var(--gray-900);font-family:var(--font-family-headings),sans-serif;font-weight:700;position:relative;padding-bottom:var(--space-md)}.section-title:after{content:"";position:absolute;bottom:0;left:50%;width:80px;height:3px;background:linear-gradient(90deg,var(--primary-blue),var(--primary-blue-hover),var(--primary-blue));transform:translateX(-50%);border-radius:var(--radius-full)}.section-dark .section-title,.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4,.section-dark h5,.section-dark h6,.section-dark p{color:#fff!important}.grid{display:grid;gap:var(--card-gap)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base);font-weight:600;text-decoration:none;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);min-height:44px;min-width:44px;box-shadow:var(--shadow-sm);font-family:var(--font-family-primary),sans-serif;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--shine-gradient);transition:left var(--transition-slow)}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-dark) 100%);color:var(--white);box-shadow:var(--shadow-blue)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-blue-lg)}.btn-secondary{background:hsla(0,0%,100%,.1);color:var(--white);border:2px solid var(--white);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--white);color:var(--primary-blue);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-tertiary{background:transparent;color:var(--primary-blue);border:none;box-shadow:none;padding:var(--space-sm) var(--space-md);text-decoration:underline}.btn-tertiary:hover{color:var(--primary-blue-hover);text-decoration:none;transform:none;box-shadow:none}.btn-icon{display:inline-flex;align-items:center;gap:var(--space-sm)}.btn-icon svg{width:20px;height:20px}.btn-large{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg)}.card{background:var(--white);border-radius:var(--radius-xl);padding:var(--card-padding);box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-blue),var(--primary-blue-hover));transform:scaleX(0);transition:transform var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card:hover:before{transform:scaleX(1)}.card-title{font-size:1.25rem;margin-bottom:1rem;color:var(--dark-gray)}.card-content{color:var(--gray-600)}.header{background:var(--navy-dark);color:var(--white);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-lg);border-bottom:1px solid var(--navy-card)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--white);text-decoration:none}.nav{gap:2rem}.nav,.nav-link{display:flex;align-items:center}.nav-link{color:var(--white);text-decoration:none;font-weight:500;transition:opacity .3s ease;padding:.5rem;min-height:44px}.nav-link:hover{opacity:.8}.language-selector{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:.25rem;padding:.5rem;color:var(--white);min-height:44px;cursor:pointer}.hero{background:var(--white);padding:6rem 0;text-align:center}.hero,.hero-title{color:var(--navy-dark)}.hero-title{font-size:3rem;margin-bottom:1.5rem;font-weight:700}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem;color:var(--slate-500);max-width:600px;margin-left:auto;margin-right:auto}.features{background-color:var(--light-gray)}.section-light{background:radial-gradient(circle at 20% 80%,rgba(30,64,175,.03) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(217,119,6,.03) 0,transparent 50%),var(--gray-50);position:relative}.section-light:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20c0-5.5-4.5-10-10-10S0 14.5 0 20s4.5 10 10 10 10-4.5 10-10zm10-10c5.5 0 10-4.5 10-10s-4.5-10-10-10S20-5.5 20 0s4.5 10 10 10z' fill-opacity='.01'/%3E%3C/svg%3E");opacity:.5;pointer-events:none}.section-lighter{background:var(--gray-100);position:relative}.section-accent{background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%),radial-gradient(circle at 30% 30%,rgba(30,64,175,.05),transparent);position:relative}.section-premium{background:linear-gradient(135deg,var(--white) 0,var(--accent-gold-light) 10%,var(--gray-50) 100%),url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 30c0-8.25-6.75-15-15-15S0 21.75 0 30s6.75 15 15 15 15-6.75 15-15zm15-15c8.25 0 15-6.75 15-15s-6.75-15-15-15S30-8.25 30 0s6.75 15 15 15z' fill='%23d97706' fill-opacity='.02' fill-rule='evenodd'/%3E%3C/svg%3E");position:relative}.section-industrial{background:var(--slate-100);color:var(--slate-800);position:relative}.section-dark{background:var(--slate-900);color:#fff}.text-mixed{font-feature-settings:"kern" 1;text-rendering:optimizeLegibility;word-spacing:.1em}.text-chinese{line-height:var(--line-height-loose);letter-spacing:.02em}.text-long-form{line-height:var(--line-height-relaxed);text-align:justify;text-justify:inter-ideograph}.text-xl{font-size:var(--font-size-xl)}.text-lg,.text-xl{line-height:var(--line-height-normal)}.text-lg{font-size:var(--font-size-lg)}.text-sm{font-size:var(--font-size-sm)}.text-sm,.text-xs{line-height:var(--line-height-normal)}.text-xs{font-size:var(--font-size-xs)}.feature-icon{width:64px;height:64px;background-color:var(--primary-blue);color:var(--white)}.products{background-color:var(--white)}.product-card{text-align:center;padding:2rem;background:var(--white);border-radius:.5rem;box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--gray-200)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-blue-light)}.product-image{width:100%;height:200px;background-color:var(--gray-200);border-radius:.5rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;color:var(--gray-600)}.trust{background-color:var(--slate-50);text-align:center}.trust,.trust .section-title{color:var(--navy-dark)}.stats{display:flex;justify-content:space-around;margin:3rem 0;flex-wrap:wrap;gap:2rem}.stat{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;display:block;margin-bottom:.5rem}.stat-label{font-size:1rem;opacity:.9}.contact{background-color:var(--white)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-form{background:var(--light-gray);padding:2rem;border-radius:.5rem}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;margin-bottom:var(--space-sm);font-weight:500;color:var(--gray-800)}.form-input,.form-label,.form-textarea{font-family:var(--font-family-primary),sans-serif}.form-input,.form-textarea{width:100%;padding:var(--space-sm);border:1px solid var(--gray-300);border-radius:.5rem;font-size:var(--font-size-base);line-height:var(--line-height-normal);transition:border-color .3s ease;min-height:44px}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-blue)}.form-textarea{resize:vertical;min-height:120px}.contact-info h3{margin-bottom:1.5rem;color:var(--dark-gray)}.contact-item{display:flex;align-items:center;margin-bottom:var(--space-md);gap:var(--space-sm)}.contact-icon{width:20px;height:20px;color:var(--primary-blue);flex-shrink:0}.footer{background-color:var(--navy-dark);color:var(--white);padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-2xl);margin-bottom:var(--space-xl)}.footer-section h3{margin-bottom:var(--space-md);color:var(--white);font-family:var(--font-family-headings),sans-serif}.footer-section p{color:hsla(0,0%,100%,.8);margin-bottom:var(--space-md);line-height:var(--line-height-normal)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--space-xs)}.footer-links a{color:hsla(0,0%,100%,.8);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--white)}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);padding-top:var(--space-xl);text-align:center;color:hsla(0,0%,100%,.8);font-family:var(--font-family-primary),sans-serif}@media (max-width:1024px){.container{padding:0 var(--space-lg)}.grid-cols-3{grid-template-columns:repeat(2,1fr)}.contact-content,.footer-content{grid-template-columns:1fr;gap:var(--space-xl)}}@media (max-width:768px){.section{padding:var(--section-padding-y-sm) 0}.section-title{font-size:var(--font-size-h3);line-height:var(--line-height-tight);margin-bottom:var(--space-xl)}body{font-size:.95rem;line-height:var(--line-height-relaxed)}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);margin-bottom:var(--space-md)}.btn,.contact-item,.footer-link,.nav-link{min-height:48px;min-width:48px}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.header-content{flex-direction:column;gap:var(--space-md)}.nav{flex-wrap:wrap}.nav,.stats{gap:var(--space-md)}.stats{flex-direction:column}.btn{width:100%;text-align:center}.mobile-menu-toggle{display:block;background:none;border:none;color:var(--white);font-size:1.5rem;cursor:pointer;min-height:44px;min-width:44px}}@media (max-width:640px){.container{padding:0 var(--space-lg)}.card,.contact-form{padding:var(--space-lg)}h1{font-size:var(--font-size-h3)}.section-title{font-size:var(--font-size-h4)}}@media (min-width:1200px){.container{max-width:1200px;padding:0 var(--space-lg)}.section-title{font-size:calc(var(--font-size-h2) + .25rem);margin-bottom:calc(var(--space-2xl) + var(--space-md))}.hero-title{font-size:calc(var(--font-size-h1) + .5rem)}.section{padding:calc(var(--section-padding-y) + var(--space-xl)) 0}}@media (min-width:1440px){.container{max-width:1400px}.section-title{font-size:calc(var(--font-size-h1));letter-spacing:-.02em}.hero-title{font-size:calc(var(--font-size-h1) + 1rem);letter-spacing:-.03em}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.spacing-xs{margin:var(--space-xs)}.spacing-sm{margin:var(--space-sm)}.spacing-md{margin:var(--space-md)}.spacing-lg{margin:var(--space-lg)}.spacing-xl{margin:var(--space-xl)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--gray-300),transparent);margin:var(--space-xl) 0}.divider-thick{height:2px;background:linear-gradient(90deg,transparent,var(--primary-blue),transparent);margin:var(--space-2xl) 0}.content-breathing{margin-bottom:calc(var(--space-lg)*1.5);line-height:var(--line-height-relaxed)}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.section{animation:fadeIn .6s ease-out}.header{animation:slideDown .5s ease-out}.feature-icon{width:80px;height:80px;background:var(--primary-100);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--primary-600);font-size:1.5rem;box-shadow:var(--shadow-sm);position:relative;transition:all var(--transition-base)}.feature-icon:hover{background:var(--primary-200);transform:scale(1.05)}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(10px)}.btn,.card,.product-card{will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:all .6s ease-out}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.skeleton-loading{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.glow{position:relative}.glow:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--primary-blue),var(--primary-blue-hover),var(--primary-blue));border-radius:inherit;opacity:0;z-index:-1;transition:opacity var(--transition-base);filter:blur(10px)}.glow:hover:after{opacity:.5}.ripple{position:relative;overflow:hidden}.ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.5);transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple:hover:before{width:300px;height:300px}.article-card,.btn,.card,.feature-card,.nav-link,.product-card{will-change:transform}:hover{backface-visibility:hidden;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.breadcrumbs{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) 0;font-size:var(--font-size-sm);color:var(--gray-600)}.breadcrumb-back{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:9999px;color:var(--gray-700);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.breadcrumb-back:hover{background:var(--gray-200);color:var(--primary-blue);border-color:var(--gray-300)}.breadcrumb-back-arrow{font-size:1rem;line-height:1}.breadcrumb-back-text{line-height:1}.breadcrumb-trail{display:flex;align-items:center;gap:.5rem}.breadcrumb-link,.breadcrumbs a{color:var(--primary-blue);text-decoration:none;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s ease}.breadcrumb-link:hover,.breadcrumbs a:hover{color:var(--primary-blue-dark);background:rgba(30,64,175,.08);text-decoration:none}.breadcrumb-separator{color:var(--gray-400);font-size:1rem;font-weight:300}.breadcrumb-current{color:var(--gray-600);font-weight:500;padding:.25rem .5rem}@media (max-width:640px){.breadcrumbs{gap:.75rem}.breadcrumb-back{padding:.375rem .625rem;font-size:.8125rem}.breadcrumb-back-text{display:none}.breadcrumb-trail{gap:.375rem;font-size:.8125rem}}.floating-action{position:fixed;bottom:2rem;right:2rem;z-index:var(--z-floating)}@media (max-width:768px){.floating-action{bottom:calc(5rem + env(safe-area-inset-bottom, 0px));right:calc(1.5rem + env(safe-area-inset-right, 0px));transition:bottom var(--transition-base)}.floating-action.sticky-bar-active{bottom:calc(9.5rem + env(safe-area-inset-bottom, 0px))}}.floating-action-trigger{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:var(--white);border:none;cursor:pointer;box-shadow:var(--shadow-xl);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.floating-action-trigger:hover{transform:scale(1.1) rotate(90deg);box-shadow:var(--shadow-2xl)}.floating-action-menu{position:absolute;bottom:70px;right:0;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);min-width:200px;opacity:0;transform:translateY(10px);visibility:hidden;transition:all var(--transition-base)}.floating-action-menu.active{opacity:1;transform:translateY(0);visibility:visible}.floating-action-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);text-decoration:none;color:var(--gray-800);transition:background var(--transition-base)}.floating-action-item:hover{background:var(--gray-100)}.floating-action-icon{width:24px;height:24px;flex-shrink:0}.sticky-bar{position:fixed;bottom:0;left:0;right:0;background:var(--white);box-shadow:0 -4px 6px -1px rgba(0,0,0,.1);padding:var(--space-md);z-index:var(--z-sticky);transform:translateY(100%);transition:transform var(--transition-base)}.sticky-bar.visible{transform:translateY(0)}.sticky-bar-content{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);max-width:1200px;margin:0 auto}@media (min-width:769px){.sticky-bar{display:none}}.badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-material{background:var(--badge-material);color:var(--white)}.badge-primary{background:var(--primary-blue);color:var(--white)}.badge-accent{background:var(--accent-orange);color:var(--white)}.product-card-image-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-md)}.product-card-image-wrapper img{transition:transform var(--transition-slow)}.product-card:hover .product-card-image-wrapper img{transform:scale(1.1)}.product-card-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base)}.product-card:hover .product-card-overlay{opacity:1}.quick-view-btn{background:var(--white);color:var(--primary-blue);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);border:none;cursor:pointer;font-weight:600;transform:translateY(10px);transition:all var(--transition-base)}.product-card:hover .quick-view-btn{transform:translateY(0)}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;background:var(--primary-blue);color:var(--white);border:none;border-radius:50%;cursor:pointer;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:var(--z-sticky)}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}#app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}