凱茂資訊 — GPU 伺服器 · AI 運算平台 · 企業資安 · IT 委外服務

[v-cloak]{opacity:0}:root{--clr-primary:#29B6F6;--clr-secondary:#E84B8A;--clr-accent:#F5A623;--clr-bg:#1b2540;--clr-bg-alt:#162034;--clr-footer-bg:#131b2e;--clr-btn-end:#0288D1;--clr-cta-start:#29B6F6;--clr-cta-end:#0288D1;--clr-header-scrolled:rgba(4,4,15,.95);--btn-gradient:linear-gradient(135deg,var(--clr-cta-start),var(--clr-cta-end));--logo-gradient:linear-gradient(120deg,#fff 0%,var(--clr-primary) 60%,var(--clr-secondary) 100%);--glass-bg:rgba(255,255,255,.08);--glass-border:rgba(var(--clr-primary-rgb),.25);--clr-primary-rgb:41,182,246;--clr-soft-rgb:74,156,201;--clr-secondary-rgb:232,75,138;--clr-dark-rgb:52,90,130;--clr-warn-rgb:239,68,68}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:fixed;left:16px;top:16px;width:auto;height:auto;padding:10px 20px;background:var(--clr-primary);color:#1e2840;font-weight:700;border-radius:8px;z-index:99999;text-decoration:none}html{scroll-behavior:smooth}body{background:var(--clr-bg);font-family:var(--font-sans);color:rgba(255,255,255,.96);overflow-x:hidden;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.8;letter-spacing:.02em}#preloader{position:fixed;inset:0;z-index:99999;background:var(--clr-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;transition:opacity .45s,visibility .4s}#preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}#scroll-progress{position:fixed;top:0;left:0;height:3px;z-index:9998;background:linear-gradient(90deg,var(--clr-primary),var(--clr-secondary),var(--clr-accent));width:0%}#app{position:relative;z-index:2}#hdr{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:calc(100% - 48px);max-width:1200px;z-index:2000;display:flex;align-items:center;justify-content:space-between;padding:12px 28px;background:transparent;border:1px solid transparent;border-radius:20px}#hdr.scrolled{background:var(--clr-header-scrolled);border-color:rgba(var(--clr-primary-rgb),.22);backdrop-filter:blur(32px) saturate(1.4);-webkit-backdrop-filter:blur(32px) saturate(1.4)}#hdr img{height:40px;width:auto;cursor:pointer}.hnav{display:flex;align-items:center;gap:2px}.hnav a{font-size:14px;font-weight:500;color:rgba(255,255,255,.92);padding:8px 14px;border-radius:10px;text-decoration:none;white-space:nowrap}.hnav-cta{background:linear-gradient(135deg,rgba(var(--clr-primary-rgb),.2),rgba(var(--clr-dark-rgb),.15));border:1px solid rgba(var(--clr-primary-rgb),.35)!important;color:var(--clr-primary)!important;font-weight:700!important}.hb{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;z-index:2100;border-radius:8px}.hb span{display:block;width:22px;height:2px;background:var(--clr-primary);border-radius:2px}#mnav{position:fixed;inset:0;z-index:2050;background:rgba(4,4,15,.98);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;padding:80px 24px 40px;transform:translateY(-100%);overflow-y:auto}#mnav.open{transform:none}.grad{background:linear-gradient(120deg,var(--clr-primary) 0%,#7dd8fb 40%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.eyebrow{font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:.28em;color:var(--clr-primary);text-transform:uppercase;display:flex;align-items:center;gap:12px}@keyframes revFallback{to{opacity:1;transform:none}}.rev{opacity:0;transform:translateY(30px);transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);animation:revFallback 0s 3s forwards}.rev.on{opacity:1;transform:none;animation:none}.rev-stagger>*{opacity:0;transform:translateY(20px);animation:revFallback 0s 3s forwards}.rev-stagger.on>*{opacity:1;transform:none;animation:none}.rev.on{opacity:1;transform:none}.page-hero .rev,.page-hero .rev.on,#hero .rev,#hero .rev.on{opacity:1;transform:none;transition:none}.hdr-actions{display:flex;align-items:center;gap:4px}.hdr-search{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;color:var(--clr-primary);text-decoration:none}.hdr-phone{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--clr-primary);text-decoration:none;padding:6px 14px;border-radius:10px;min-height:44px}@media(max-width:768px){.hb{display:flex}.hnav{display:none}.hdr-actions{order:1;gap:0}.hdr-phone span{display:none}.hdr-phone{padding:8px;min-width:44px;justify-content:center}#hdr{top:10px;width:calc(100% - 24px);border-radius:16px;padding:10px 18px}#hero{padding:100px 4% 80px}.hero-ctas{flex-direction:column;width:100%}.hero-ctas a{width:100%;justify-content:center}} window.dataLayer=window.dataLayer||[]; function gtag(){window.dataLayer.push(arguments);} function trackEvent(e,p){window.dataLayer=window.