@keyframes mp-lift-sm{0%{transform:translateY(0)}65%{transform:translateY(-4px)}to{transform:translateY(-3px)}}.topbar{background:linear-gradient(90deg, var(--mp-primary-dark) 0%, var(--mp-primary) 100%);color:#ffffffd9;font-size:.8125rem}.topbar .mp-container{justify-content:space-between;align-items:center;gap:1rem;height:38px;display:flex}.topbar a{color:#fff;font-weight:600}.topbar .tb-right{align-items:center;gap:1.25rem;display:flex}.header{z-index:50;transition:padding .3s var(--mp-ease);background:0 0;padding:14px 0;position:sticky;top:0}.nav-pill{-webkit-backdrop-filter:blur(20px);height:60px;transition:background .4s var(--mp-ease), box-shadow .4s var(--mp-ease), border-color .4s var(--mp-ease);background:#0b1c256b;border:1px solid #ffffff38;border-radius:999px;justify-content:space-between;align-items:center;gap:2rem;padding:0 .5rem 0 1.25rem;display:flex;box-shadow:0 1px #ffffff14,0 6px 28px #00000038}.header.scrolled .nav-pill{border-color:var(--mp-line);box-shadow:var(--mp-shadow);background:#ffffffeb}.brand{font-family:var(--mp-font-display);align-items:center;gap:.65rem;font-size:1.15rem;font-weight:600;display:flex}.brand img{background:#fff;border-radius:10px;padding:6px 12px;box-shadow:0 2px 10px #0e1e2724}.brand small{font-family:var(--mp-font-mono);letter-spacing:.18em;color:var(--mp-muted);text-transform:uppercase;font-size:.58rem;font-weight:500;display:block}.nav{color:#fff;text-shadow:0 1px 2px #0000008c,0 2px 12px #0006;gap:1.75rem;font-size:.9rem;font-weight:600;display:flex}.nav a{white-space:nowrap;transition:transform .55s cubic-bezier(.16,1,.3,1)}.nav a:hover{color:var(--mp-accent);animation:.95s cubic-bezier(.16,1,.3,1) forwards mp-lift-sm}.header.scrolled .nav{color:var(--mp-ink-2);text-shadow:none}.header.scrolled .nav a:hover{color:var(--seg)}.header-cta{align-items:center;gap:1rem;display:flex}.seg-toggle{background:var(--mp-soft);border:1px solid var(--mp-line);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.seg-toggle button{color:var(--mp-muted);transition:all .3s var(--mp-ease);border-radius:999px;padding:.5rem 1rem;font-size:.82rem;font-weight:700}.seg-toggle button .en{font-family:var(--mp-font-mono);letter-spacing:.1em;opacity:.7;font-size:.58rem;font-weight:500;display:block}body[data-segment=b2c] .seg-toggle button[data-seg=b2c],body[data-segment=b2b] .seg-toggle button[data-seg=b2b]{background:var(--seg);color:#fff}@media (max-width:1120px){.nav{gap:1.2rem;font-size:.85rem}}@media (max-width:980px){.nav-pill{border-radius:22px;flex-wrap:wrap;gap:0 1rem;height:auto;padding:8px 10px 0}.nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;border-top:1px solid #ffffff29;flex-basis:100%;order:3;gap:.5rem;margin-top:8px;padding:8px 2px 10px;font-size:.82rem;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.nav::-webkit-scrollbar{display:none}.nav a{background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;flex:none;padding:.4rem .7rem}.header.scrolled .nav{border-top-color:var(--mp-line)}.header.scrolled .nav a{background:var(--mp-soft);border-color:var(--mp-line)}}@media (max-width:760px){.topbar .tb-right span{display:none}.seg-toggle button{padding:.45rem .75rem;font-size:.76rem}}@media (max-width:640px){.header-cta .mp-btn{padding:.55rem .85rem;font-size:.82rem}}@media (max-width:460px){.seg-toggle button .en{display:none}.seg-toggle button{padding:.5rem .8rem}.brand img{height:34px!important}}@media (prefers-reduced-motion:reduce){.nav a:hover{animation:none}}@media (max-width:767px){body .promo-stack,body .fomo{display:none}}
:root{--mp-primary:#2e5e99;--mp-primary-dark:#0d2440;--mp-primary-light:#7ba4d0;--mp-accent:#7ba4d0;--mp-primary-pale:#e7f0fa;--mp-ink:#0e1e27;--mp-ink-2:#2b3d48;--mp-muted:#5c7080;--mp-line:#e1e7ea;--mp-soft:#f4f6f8;--mp-cream:#faf8f4;--mp-bg:#fff;--mp-font-sans:"Plus Jakarta Sans", "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang HK", "Microsoft JhengHei", sans-serif;--mp-font-display:"Noto Serif TC", "Fraunces", "Times New Roman", serif;--mp-font-mono:"JetBrains Mono", "SF Mono", monospace;--mp-container:1240px;--mp-radius:16px;--mp-radius-sm:10px;--mp-radius-lg:28px;--mp-shadow-sm:0 1px 2px #0e1e270d, 0 4px 12px #0e1e2708;--mp-shadow:0 8px 32px #0e1e270f, 0 24px 48px #0e1e270a;--mp-shadow-lg:0 12px 48px #0e1e2714, 0 32px 64px #0e1e270d;--mp-section-py:clamp(80px, 10vw, 140px);--mp-ease:cubic-bezier(.32, .72, 0, 1);--mp-ease-fluid:cubic-bezier(.32, .72, 0, 1);--mp-duration:.7s;--seg:var(--mp-primary);--seg-soft:#2e5e9914;--glass-bg:#ffffff8c;--glass-bg-strong:#ffffffbd;--glass-border:#fff9;--glass-blur:saturate(1.4) blur(16px);--glass-shadow:0 8px 32px #0d24401a, 0 2px 8px #0d24400d}[data-lang=zh]{--mp-font-display:"Noto Serif TC", "Songti TC", "Fraunces", serif}body[data-segment=b2c]{--seg:var(--mp-primary);--seg-soft:#2e5e9914}body[data-segment=b2b]{--seg:var(--mp-ink-2);--seg-soft:#2b3d481a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--mp-font-sans);color:var(--mp-ink);background:var(--mp-bg);line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}:focus-visible{outline:2px solid var(--mp-primary);outline-offset:2px;border-radius:var(--mp-radius-sm)}.seg-only{display:none}body[data-segment=b2c] .seg-only.b2c,body[data-segment=b2b] .seg-only.b2b{display:block}body[data-segment=b2c] .seg-only.b2c.inline,body[data-segment=b2b] .seg-only.b2b.inline{display:inline-flex}.mp-container{width:100%;max-width:var(--mp-container);margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}.mp-section{padding-top:var(--mp-section-py);padding-bottom:var(--mp-section-py)}.section{padding:clamp(40px,5.5vw,72px) 0}.mp-display{font-family:var(--mp-font-display);letter-spacing:-.02em;font-weight:600;line-height:1.12}.mp-h1{font-family:var(--mp-font-display);letter-spacing:-.03em;font-size:clamp(2.5rem,5.5vw,4rem);font-weight:600;line-height:1.1}.mp-h2{font-family:var(--mp-font-display);letter-spacing:-.02em;font-size:clamp(1.875rem,3.5vw,2.75rem);font-weight:600;line-height:1.15}.mp-h3{font-size:1.25rem;font-weight:600;line-height:1.35}.mp-body{color:var(--mp-ink-2);font-size:1.0625rem;line-height:1.7}.mp-body-sm{color:var(--mp-muted);font-size:.9375rem;line-height:1.6}.mp-kicker{font-family:var(--mp-font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--seg);font-size:.75rem;font-weight:500}.mp-pill{font-family:var(--mp-font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--seg);background:var(--seg-soft);border-radius:999px;align-items:center;gap:.5rem;padding:.375rem .875rem;font-size:.6875rem;font-weight:500;display:inline-flex}.mp-btn{border-radius:var(--mp-radius);transition:transform .2s var(--mp-ease), box-shadow .3s var(--mp-ease), background .3s var(--mp-ease);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.9375rem 1.875rem;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.mp-btn:after{content:"";pointer-events:none;width:100%;height:100%;transition:transform .7s var(--mp-ease);background:linear-gradient(120deg,#0000 22%,#fff6 50%,#0000 78%);position:absolute;top:0;left:0;transform:translate(-130%)skew(-18deg)}.mp-btn:hover:after{transform:translate(130%)skew(-18deg)}.mp-btn:hover{animation:.95s cubic-bezier(.16,1,.3,1) forwards mp-lift-sm}.mp-btn-primary{background:var(--seg);color:#fff;box-shadow:var(--mp-shadow-sm)}.mp-btn-primary:hover{filter:brightness(.92);box-shadow:0 12px 30px #2e5e9966}.mp-btn-secondary{color:var(--mp-primary);border:1.5px solid var(--mp-primary);background:0 0}.mp-btn-secondary:hover{background:var(--mp-primary);color:#fff}.mp-btn-ghost{color:inherit;background:0 0;border:1px solid #ffffff4d}.mp-btn-ghost:hover{background:#ffffff1a;border-color:#ffffff80}.mp-btn-light{color:var(--mp-ink);box-shadow:var(--mp-shadow-sm);background:#fff}.mp-btn-light:hover{box-shadow:0 12px 30px #0d244033}.mp-btn-sm{padding:.625rem 1.25rem;font-size:.875rem}.mp-btn-icon{width:2rem;height:2rem;transition:transform .3s var(--mp-ease);background:#0000000f;border-radius:50%;justify-content:center;align-items:center;margin-left:.25rem;display:inline-flex}.mp-btn:hover .mp-btn-icon{transform:translate(2px)translateY(-1px)}@keyframes mp-lift{0%{transform:translateY(0)}65%{transform:translateY(-9px)}to{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.mp-btn:hover{animation:none}.mp-btn:after{display:none}}.footer{background:var(--mp-ink);color:#fff9;padding:4rem 0 2rem}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;display:grid}.footer h5{color:#fff;font-size:.82rem;font-family:var(--mp-font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.2rem}.footer a{margin-bottom:.6rem;font-size:.9rem;display:block}.footer a:hover{color:#fff}.footer .brand{color:#fff;margin-bottom:1rem}.footer .brand small{color:#ffffff80}.footer .legal{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;font-size:.82rem;display:flex}.fab{z-index:60;width:58px;height:58px;box-shadow:var(--mp-shadow-lg);transition:transform .3s var(--mp-ease);background:#25d366;border-radius:50%;place-items:center;font-size:1.6rem;display:grid;position:fixed;bottom:24px;right:24px}.fab:hover{transform:scale(1.08)}.promo-stack{z-index:58;flex-direction:column;align-items:flex-start;gap:.55rem;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%)}.promo-tab{-webkit-backdrop-filter:blur(16px)saturate(1.4);color:#fff;max-width:60px;transition:max-width .45s var(--mp-ease), background .3s var(--mp-ease), box-shadow .3s var(--mp-ease);background:#0b1c258c;border:1px solid #ffffff38;border-left:none;border-radius:0 18px 18px 0;align-items:center;gap:.7rem;padding:.8rem .95rem;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 36px #00000047}.promo-tab:focus-visible{background:#0b1c25b3;max-width:340px;box-shadow:0 14px 44px #00000061}@media (hover:hover){.promo-tab:hover{background:#0b1c25b3;max-width:340px;box-shadow:0 14px 44px #00000061}}.promo-tab .promo-ico{flex:none;font-size:1.45rem;line-height:1;animation:2.6s ease-in-out infinite promo-bob}.promo-tab .promo-txt{white-space:nowrap;opacity:0;transition:opacity .3s var(--mp-ease);flex-direction:column;line-height:1.25;display:flex}.promo-tab:focus-visible .promo-txt{opacity:1}@media (hover:hover){.promo-tab:hover .promo-txt{opacity:1}}@media (hover:none){.offer-cb:checked+.promo-tab .promo-txt{opacity:1}}.promo-tab .promo-txt b{letter-spacing:.01em;font-size:.9rem;font-weight:700}.promo-tab .promo-txt small{color:#ffffffc7;font-size:.72rem}.promo-tab:after{content:"";background:#25d366;border:2px solid #0b1c25d9;border-radius:50%;width:9px;height:9px;animation:1.9s ease-out infinite promo-pulse;position:absolute;top:9px;left:35px}.promo-kt{border-color:#7ba4d06b}.promo-kt:after{background:var(--mp-accent);animation:1.9s ease-out infinite promo-pulse-gold}@keyframes promo-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes promo-pulse{0%{box-shadow:0 0 #25d3668c}to{box-shadow:0 0 0 9px #25d36600}}@keyframes promo-pulse-gold{0%{box-shadow:0 0 #7ba4d08c}to{box-shadow:0 0 0 9px #7ba4d000}}@media (max-width:640px){.promo-stack{top:auto;bottom:140px;transform:none}.promo-tab{max-width:56px}}@media (prefers-reduced-motion:reduce){.promo-tab .promo-ico,.promo-tab:after{animation:none}}.offer-cb{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.promo-tab.is-toggle{cursor:pointer}@media (hover:none){.offer-cb:checked+.promo-tab{background:#0b1c25b3;max-width:340px;box-shadow:0 14px 44px #00000061}}.dn-tab:after{background:var(--mp-accent);animation:1.9s ease-out infinite promo-pulse-gold}.fomo{z-index:55;pointer-events:none;width:312px;max-width:calc(100vw - 48px);height:62px;position:fixed;bottom:78px;left:24px}.fomo-toast{border:1px solid var(--mp-line);width:100%;box-shadow:var(--mp-shadow);opacity:0;animation:fomo 60s var(--mp-ease) infinite;background:#fff;border-radius:14px;align-items:center;gap:.7rem;padding:.6rem .8rem;display:flex;position:absolute;bottom:0;left:0}.fomo-toast .av{background:var(--seg-soft);width:38px;height:38px;color:var(--seg);border-radius:50%;flex:none;place-items:center;font-size:1.05rem;display:grid;position:relative}.fomo-toast .av:after{content:"";background:#25d366;border:2px solid #fff;border-radius:50%;width:10px;height:10px;animation:1.6s ease-out infinite fomo-pulse;position:absolute;top:-1px;right:-1px}.fomo-toast .tx{min-width:0;line-height:1.3}.fomo-toast .t1{color:var(--mp-ink);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:700;display:block;overflow:hidden}.fomo-toast .t2{color:var(--mp-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;display:block;overflow:hidden}.fomo-toast .t2 b{color:var(--seg);font-weight:700}.fomo-toast:first-child{animation-delay:2s}.fomo-toast:nth-child(2){animation-delay:14s}.fomo-toast:nth-child(3){animation-delay:26s}.fomo-toast:nth-child(4){animation-delay:38s}.fomo-toast:nth-child(5){animation-delay:50s}@keyframes fomo{0%{opacity:0;transform:translateY(14px)scale(.96)}1.2%{opacity:1;transform:translateY(0)scale(1)}9%{opacity:1;transform:translateY(0)scale(1)}10.5%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:0;transform:translateY(14px)scale(.96)}}@keyframes fomo-pulse{0%{box-shadow:0 0 #25d36680}to{box-shadow:0 0 0 7px #25d36600}}@media (max-width:560px){.fomo{width:284px;bottom:84px}}@media (prefers-reduced-motion:reduce){.fomo{display:none}}@keyframes mp-reveal-up{0%{opacity:0;filter:blur(4px);transform:translateY(40px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes mp-reveal-fade{0%{opacity:0}to{opacity:1}}.mp-reveal{opacity:0}.mp-reveal.is-visible{animation:mp-reveal-up var(--mp-duration) var(--mp-ease-fluid) forwards}.mp-reveal-delay-1.is-visible{animation-delay:80ms}.mp-reveal-delay-2.is-visible{animation-delay:.16s}.mp-reveal-delay-3.is-visible{animation-delay:.24s}.mp-reveal-delay-4.is-visible{animation-delay:.32s}.mp-reveal-delay-5.is-visible{animation-delay:.4s}.mp-service-card{transition:transform .35s var(--mp-ease), box-shadow .35s var(--mp-ease)}.mp-service-card:hover{box-shadow:var(--mp-shadow);transform:translateY(-6px)}.mp-service-card .card-image{transition:transform .6s var(--mp-ease)}.mp-service-card:hover .card-image{transform:scale(1.04)}.mp-link-hover{display:inline-block;position:relative}.mp-link-hover:after{content:"";width:0;height:1px;transition:width .4s var(--mp-ease);background:currentColor;position:absolute;bottom:-2px;left:0}.mp-link-hover:hover:after{width:100%}@media (max-width:980px){.mp-container{padding-left:24px;padding-right:24px}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.mp-about-grid,.mp-services-bento{grid-template-columns:1fr!important}.mp-services-bento .bento-large{grid-area:auto!important}}@media (max-width:640px){.mp-container{padding-left:18px;padding-right:18px}.footer-grid{grid-template-columns:1fr;gap:2.5rem}.footer .legal{flex-direction:column;gap:.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}