:root{--color-primary:#f8c426;--color-primary-dark:#e6af0a;--color-primary-light:#fbdd82;--color-accent:#10b981;--color-accent-dark:#059669;--color-accent-light:#34d399;--color-text:#1f2937;--color-text-light:#6b7280;--color-text-lighter:#9ca3af;--color-bg:#fff;--color-bg-light:#f9fafb;--color-bg-lighter:#f3f4f6;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-border-dark:#d1d5db;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-overlay:#00000080;--color-overlay-light:#0000001a}[data-theme=dark],.dark{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-accent:#34d399;--color-accent-dark:#10b981;--color-accent-light:#6ee7b7;--color-text:#f9fafb;--color-text-light:#d1d5db;--color-text-lighter:#9ca3af;--color-bg:#111827;--color-bg-light:#1f2937;--color-bg-lighter:#374151;--color-border:#374151;--color-border-light:#4b5563;--color-border-dark:#1f2937;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-overlay:#000000b3;--color-overlay-light:#0000004d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-accent:#34d399;--color-accent-dark:#10b981;--color-accent-light:#6ee7b7;--color-text:#f9fafb;--color-text-light:#d1d5db;--color-text-lighter:#9ca3af;--color-bg:#111827;--color-bg-light:#1f2937;--color-bg-lighter:#374151;--color-border:#374151;--color-border-light:#4b5563;--color-border-dark:#1f2937;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-overlay:#000000b3;--color-overlay-light:#0000004d}}:root{--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--font-sans-zh:Noto Sans TC,-apple-system,BlinkMacSystemFont,sans-serif;--font-sans-en:Inter,-apple-system,BlinkMacSystemFont,sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition:all .2s ease-in-out;--transition-fast:all .15s ease-in-out;--transition-slow:all .3s ease-in-out;--header-height:40px;--header-top-spacing:.5rem;--header-total-height:calc(40px + .5rem*2)}@media (min-width:768px){:root{--header-height:48px;--header-total-height:calc(48px + .5rem*2)}}@media (min-width:1024px){:root{--header-top-spacing:.75rem;--header-total-height:calc(48px + .75rem*2)}}[data-theme=dark],.dark{--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009}}.carousel{width:100%;height:100%;position:relative;overflow:hidden}.carousel-container{width:100%;height:100%;position:relative}.carousel-item{opacity:0;z-index:0;pointer-events:none;width:100%;height:100%;transition:opacity .6s ease-in-out;position:absolute;top:0;left:0}.carousel-item.active{opacity:1;z-index:1;pointer-events:auto}.carousel-image,.carousel-video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background-color:#0000001a;width:100%;min-width:100%;height:100%;min-height:100%;display:block;position:absolute;top:0;left:0}.carousel-button{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;color:#fff;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:all .3s;display:flex;position:absolute}.carousel-button:hover{background:#ffffff4d;transform:scale(1.1)}.carousel-button:active{transform:scale(.95)}.carousel-button:focus{outline-offset:2px;outline:2px solid #ffffff80}.carousel-button svg{width:20px;height:20px}.carousel-controls{bottom:var(--spacing-xl);align-items:center;gap:var(--spacing-md);z-index:10;display:flex;position:absolute;left:50%;transform:translate(-50%)}.carousel-button-prev{flex-shrink:0;position:relative;top:auto;left:auto;transform:none}.carousel-button-prev:hover{transform:scale(1.1)}.carousel-button-prev:active{transform:scale(.95)}.carousel-button-next{flex-shrink:0;position:relative;top:auto;right:auto;transform:none}.carousel-button-next:hover{transform:scale(1.1)}.carousel-button-next:active{transform:scale(.95)}.carousel-button-pause{bottom:var(--spacing-xl);right:var(--spacing-xl);flex-shrink:0;position:absolute;left:auto;transform:none}.carousel-button-pause:hover{transform:scale(1.1)}.carousel-button-pause:active{transform:scale(.95)}.carousel-indicators{gap:var(--spacing-sm);padding:var(--spacing-xs);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;border-radius:9999px;display:flex}.carousel-indicator{cursor:pointer;background:0 0;border:2px solid #ffffff80;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.carousel-indicator:hover{background:#ffffff80;transform:scale(1.2)}.carousel-indicator.active{background:#fff;border-color:#fff;border-radius:9999px;width:24px}.carousel-indicator:focus{outline-offset:2px;outline:2px solid #ffffff80}@media (min-width:768px){.carousel-button{width:56px;height:56px}.carousel-button svg{width:24px;height:24px}.carousel-controls{gap:var(--spacing-lg)}.carousel-button-pause{right:var(--spacing-lg)}}[data-theme=dark] .carousel-button,.dark .carousel-button{background:#0006;border-color:#fff3}[data-theme=dark] .carousel-button:hover,.dark .carousel-button:hover{background:#0009}[data-theme=dark] .carousel-indicators,.dark .carousel-indicators{background:#00000080}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .carousel-button{background:#0006;border-color:#fff3}:root:not([data-theme=light]) .carousel-button:hover{background:#0009}:root:not([data-theme=light]) .carousel-indicators{background:#00000080}}
:root{--color-primary:#f8c426;--color-primary-dark:#e6af0a;--color-primary-light:#fbdd82;--color-accent:#10b981;--color-accent-dark:#059669;--color-accent-light:#34d399;--color-text:#1f2937;--color-text-light:#6b7280;--color-text-lighter:#9ca3af;--color-bg:#fff;--color-bg-light:#f9fafb;--color-bg-lighter:#f3f4f6;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-border-dark:#d1d5db;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-overlay:#00000080;--color-overlay-light:#0000001a}[data-theme=dark],.dark{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-accent:#34d399;--color-accent-dark:#10b981;--color-accent-light:#6ee7b7;--color-text:#f9fafb;--color-text-light:#d1d5db;--color-text-lighter:#9ca3af;--color-bg:#111827;--color-bg-light:#1f2937;--color-bg-lighter:#374151;--color-border:#374151;--color-border-light:#4b5563;--color-border-dark:#1f2937;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-overlay:#000000b3;--color-overlay-light:#0000004d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-accent:#34d399;--color-accent-dark:#10b981;--color-accent-light:#6ee7b7;--color-text:#f9fafb;--color-text-light:#d1d5db;--color-text-lighter:#9ca3af;--color-bg:#111827;--color-bg-light:#1f2937;--color-bg-lighter:#374151;--color-border:#374151;--color-border-light:#4b5563;--color-border-dark:#1f2937;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-overlay:#000000b3;--color-overlay-light:#0000004d}}:root{--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--font-sans-zh:Noto Sans TC,-apple-system,BlinkMacSystemFont,sans-serif;--font-sans-en:Inter,-apple-system,BlinkMacSystemFont,sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition:all .2s ease-in-out;--transition-fast:all .15s ease-in-out;--transition-slow:all .3s ease-in-out;--header-height:40px;--header-top-spacing:.5rem;--header-total-height:calc(40px + .5rem*2)}@media (min-width:768px){:root{--header-height:48px;--header-total-height:calc(48px + .5rem*2)}}@media (min-width:1024px){:root{--header-top-spacing:.75rem;--header-total-height:calc(48px + .75rem*2)}}[data-theme=dark],.dark{--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009}}.hero{scroll-snap-align:start;justify-content:center;align-items:center;height:100vh;min-height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-carousel{z-index:0;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-carousel .carousel-image,.hero-carousel .carousel-video{-o-object-position:center center;object-position:center center}.hero-bg-image,.hero-bg-video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}.hero-bg-overlay{z-index:1;background:linear-gradient(#00000013,#00000080);width:100%;height:100%;position:absolute;top:0;left:0}[data-theme=dark] .hero-bg-overlay,.dark .hero-bg-overlay{background:linear-gradient(#00000080,#000000b3)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hero-bg-overlay{background:linear-gradient(#00000080,#000000b3)}}.hero-container{z-index:2;max-width:1440px;padding:0 var(--spacing-sm);width:100%;margin:0 auto;position:relative}@media (min-width:768px){.hero-container{padding:0 var(--spacing-xl)}}.hero-content{text-align:center;color:#fff;padding:var(--spacing-2xl)0;position:relative}@media (max-width:639px){.hero-content{flex-direction:column;justify-content:flex-end;min-height:60vh;display:flex}}@media (min-width:1024px){.hero-content{text-align:left}}.hero-text-overlay{display:none}@media (min-width:1024px){.hero-text-overlay{z-index:-1;pointer-events:none;filter:blur(40px);background:radial-gradient(#e1e0cb8f 0%,#524c4056 50%,#0000 100%);border-radius:50%;width:120%;height:150%;animation:4s ease-in-out infinite pulseOverlay;display:block;position:absolute;top:50%;left:30%;transform:translate(-50%,-50%)}}@keyframes pulseOverlay{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.1)}}.hero-tagline{color:#fff;margin-bottom:var(--spacing-xs);text-shadow:0 1px 2px #00000080;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:700}@media (min-width:768px){.hero-tagline{font-size:1rem}}@media (max-width:639px){.hero-tagline{display:none}}.hero-title{margin-bottom:var(--spacing-md);color:#fff;text-shadow:0 2px 2px #000000b7;letter-spacing:-.03em;font-size:2rem;font-weight:900;line-height:1.1;display:inline-block;position:relative}@media (min-width:768px){.hero-title{font-size:2rem}}@media (min-width:1024px){.hero-title{font-size:3.5rem}}@media (max-width:639px){.hero-title{display:none}}.hero-title:after{content:"";z-index:-1;background:linear-gradient(#f8c426e6 0%,#f8c426cc 50%,#f8c426b3 100%);border-radius:2px;width:100%;height:.65em;position:absolute;bottom:0;left:0;transform:skew(-8deg)}.hero-subtitle{color:#fff;margin-bottom:var(--spacing-xl);text-shadow:0 1px 4px #00000080;font-size:1rem;font-weight:700;line-height:1.7}@media (max-width:639px){.hero-subtitle{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.hero-cta{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:639px){.hero-cta{display:none}}@media (min-width:1024px){.hero-cta{justify-content:flex-start}}.hero-social-proof{color:#fffc;text-shadow:0 1px 2px #0000004d;font-size:.875rem}.hero-image-credit{bottom:calc(var(--spacing-xl) - 2.5rem);color:#ffffffb3;text-shadow:0 1px 2px #0000004d;white-space:nowrap;z-index:10;font-size:.75rem;position:absolute;left:50%;transform:translate(-50%)}.hero-visual,.hero-image-placeholder,.placeholder-content{display:none}
:root{--color-primary:#f8c426;--color-primary-dark:#e6af0a;--color-primary-light:#fbdd82;--color-accent:#10b981;--color-accent-dark:#059669;--color-accent-light:#34d399;--color-text:#1f2937;--color-text-light:#6b7280;--color-text-lighter:#9ca3af;--color-bg:#fff;--color-bg-light:#f9fafb;--color-bg-lighter:#f3f4f6;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-border-dark:#d1d5db;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-overlay:#00000080;--color-overlay-light:#0000001a}[data-theme=dark],.dark{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-accent:#34d399;--color-accent-dark:#10b981;--color-accent-light:#6ee7b7;--color-text:#f9fafb;--color-text-light:#d1d5db;--color-text-lighter:#9ca3af;--color-bg:#111827;--color-bg-light:#1f2937;--color-bg-lighter:#374151;--color-border:#374151;--color-border-light:#4b5563;--color-border-dark:#1f2937;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-overlay:#000000b3;--color-overlay-light:#0000004d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-accent:#34d399;--color-accent-dark:#10b981;--color-accent-light:#6ee7b7;--color-text:#f9fafb;--color-text-light:#d1d5db;--color-text-lighter:#9ca3af;--color-bg:#111827;--color-bg-light:#1f2937;--color-bg-lighter:#374151;--color-border:#374151;--color-border-light:#4b5563;--color-border-dark:#1f2937;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-overlay:#000000b3;--color-overlay-light:#0000004d}}:root{--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--font-sans-zh:Noto Sans TC,-apple-system,BlinkMacSystemFont,sans-serif;--font-sans-en:Inter,-apple-system,BlinkMacSystemFont,sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition:all .2s ease-in-out;--transition-fast:all .15s ease-in-out;--transition-slow:all .3s ease-in-out;--header-height:40px;--header-top-spacing:.5rem;--header-total-height:calc(40px + .5rem*2)}@media (min-width:768px){:root{--header-height:48px;--header-total-height:calc(48px + .5rem*2)}}@media (min-width:1024px){:root{--header-top-spacing:.75rem;--header-total-height:calc(48px + .75rem*2)}}[data-theme=dark],.dark{--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009}}.use-case-carousel-card{--items:5;--width:clamp(180px,24vw,min(280px,calc(100vw - 32px)));--height:clamp(360px,46vw,520px);--x:calc(var(--active)*800%);--y:calc(var(--active)*200%);--rot:calc(var(--active)*120deg);--opacity:calc(var(--zIndex)/var(--items)*3 - 2);z-index:var(--zIndex);width:var(--width);height:var(--height);margin:calc(var(--height)*-.5)0 0 calc(var(--width)*-.5);-webkit-user-select:none;user-select:none;transform-origin:0 100%;pointer-events:all;cursor:pointer;transform:translate(var(--x),var(--y))rotate(var(--rot));transition:transform .8s cubic-bezier(0,.02,0,1),width .8s cubic-bezier(0,.02,0,1),margin .8s cubic-bezier(0,.02,0,1);position:absolute;top:50%;left:50%;overflow:visible}.use-case-carousel-card.expanded{--width:clamp(280px,48vw,min(550px,calc(100vw - 32px)));--y:calc(var(--active)*200% - 50px);z-index:calc(var(--zIndex) + 10)}.use-case-carousel-card.expanded .use-case-carousel-card-box:before{opacity:.85}.use-case-carousel-card.expanded .use-case-carousel-card-short-desc{opacity:1}.use-case-carousel-card.expanded .use-case-carousel-card-header{transform:scale(1.1)}.use-case-carousel-card:not(.expanded):hover .use-case-carousel-card-box:before{opacity:.6}.use-case-carousel-card-box{z-index:1;width:100%;height:100%;opacity:var(--opacity);padding:var(--spacing-md);background:var(--color-bg-light);border-radius:16px;flex-direction:column;justify-content:flex-end;transition:opacity .8s cubic-bezier(0,.02,0,1);display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 10px 50px 10px #0000004d}.use-case-carousel-card-box:before{content:"";z-index:1;background:linear-gradient(#0000004d,#0000 30% 50%,#000000b3);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.use-case-carousel-card-bg-image{-o-object-fit:cover;object-fit:cover;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.use-case-carousel-card-header{z-index:10;top:calc(var(--spacing-lg)*-1.5);left:calc(var(--spacing-md)*-1);align-items:flex-end;gap:var(--spacing-xs);pointer-events:none;opacity:var(--opacity);background:linear-gradient(transparent 50%,var(--color-primary)50%,var(--color-primary-dark)100%,transparent 95%);width:fit-content;padding:0 6px;transition:all .8s cubic-bezier(0,.02,0,1);display:flex;position:absolute}.use-case-carousel-card-number{color:#ffffffe6;text-shadow:0 1px 2px #00000080;flex-shrink:0;font-size:clamp(40px,8vw,70px);font-weight:700;line-height:1}.use-case-carousel-card-title{color:#ffffffe6;text-shadow:0 1px 2px #00000080;font-size:clamp(30px,2.5vw,32px);font-weight:700;line-height:1.2}.use-case-carousel-card-short-desc{z-index:3;color:#ffffffe6;text-shadow:0 1px 1px #0000004d;font-size:clamp(14px,1.5vw,16px);line-height:1.5;transition:opacity .3s;position:relative}@media (min-width:768px){.use-case-carousel-card-short-desc{position:relative}}@media (min-width:1024px){.use-case-carousel-card{--width:clamp(240px,25vw,350px);--height:clamp(440px,50vw,620px)}.use-case-carousel-card.expanded{--width:clamp(420px,52vw,720px);--y:calc(var(--active)*200% - 60px)}}@media (min-width:768px){.use-case-carousel-card{--width:clamp(190px,28vw,min(300px,calc(100vw - 48px)));--height:clamp(400px,54vw,560px)}.use-case-carousel-card.expanded{--width:clamp(360px,52vw,min(520px,calc(100vw - 48px)));--y:calc(var(--active)*200% - 50px)}.use-case-carousel-card-box{padding:var(--spacing-md)}}@media (min-width:640px){.use-case-carousel-card-header{gap:var(--spacing-sm)}.use-case-carousel-card-number{font-size:clamp(36px,7vw,55px)}.use-case-carousel-card-title{font-size:clamp(18px,2.2vw,24px)}}@media (max-width:639px){.use-case-carousel-card{--width:clamp(180px,60vw,min(260px,calc(100vw - 64px)));--height:clamp(280px,70vw,400px);--x:calc(var(--active)*500%);--y:calc(var(--active)*150% - 100px);--rot:calc(var(--active)*80deg)}.use-case-carousel-card.expanded{--width:clamp(280px,70vw,min(440px,calc(100vw - 64px)));--y:calc(var(--active)*150% - 130px)}.use-case-carousel-card-box{padding:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.use-case-carousel-card-box:before{background:linear-gradient(#0003,#0000 25% 60%,#00000080)}.use-case-carousel-card-header{top:calc(var(--spacing-md)*-1);left:calc(var(--spacing-sm)*-.5);gap:var(--spacing-sm)}.use-case-carousel-card-number{font-size:clamp(32px,10vw,50px)}.use-case-carousel-card-title{font-size:clamp(16px,2vw,20px)}.use-case-carousel-card-short-desc{width:140%;max-width:calc(100vw - 32px);padding:var(--spacing-sm)var(--spacing-md);-webkit-backdrop-filter:blur(10px);text-align:center;z-index:2;background:#000000d9;border:1px solid #ffffff1a;border-radius:12px;font-size:clamp(12px,3vw,14px);line-height:1.4;transition:opacity .3s,transform .3s;position:absolute;bottom:-70px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}.use-case-carousel-card.expanded .use-case-carousel-card-short-desc{opacity:1;pointer-events:auto}}
:root{--color-primary:#f8c426;--color-primary-dark:#e6af0a;--color-primary-light:#fbdd82;--color-accent:#10b981;--color-accent-dark:#059669;--color-accent-light:#34d399;--color-text:#1f2937;--color-text-light:#6b7280;--color-text-lighter:#9ca3af;--color-bg:#fff;--color-bg-light:#f9fafb;--color-bg-lighter:#f3f4f6;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-border-dark:#d1d5db;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-overlay:#00000080;--color-overlay-light:#0000001a}[data-theme=dark],.dark{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-accent:#34d399;--color-accent-dark:#10b981;--color-accent-light:#6ee7b7;--color-text:#f9fafb;--color-text-light:#d1d5db;--color-text-lighter:#9ca3af;--color-bg:#111827;--color-bg-light:#1f2937;--color-bg-lighter:#374151;--color-border:#374151;--color-border-light:#4b5563;--color-border-dark:#1f2937;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-overlay:#000000b3;--color-overlay-light:#0000004d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-accent:#34d399;--color-accent-dark:#10b981;--color-accent-light:#6ee7b7;--color-text:#f9fafb;--color-text-light:#d1d5db;--color-text-lighter:#9ca3af;--color-bg:#111827;--color-bg-light:#1f2937;--color-bg-lighter:#374151;--color-border:#374151;--color-border-light:#4b5563;--color-border-dark:#1f2937;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-overlay:#000000b3;--color-overlay-light:#0000004d}}:root{--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--font-sans-zh:Noto Sans TC,-apple-system,BlinkMacSystemFont,sans-serif;--font-sans-en:Inter,-apple-system,BlinkMacSystemFont,sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition:all .2s ease-in-out;--transition-fast:all .15s ease-in-out;--transition-slow:all .3s ease-in-out;--header-height:40px;--header-top-spacing:.5rem;--header-total-height:calc(40px + .5rem*2)}@media (min-width:768px){:root{--header-height:48px;--header-total-height:calc(48px + .5rem*2)}}@media (min-width:1024px){:root{--header-top-spacing:.75rem;--header-total-height:calc(48px + .75rem*2)}}[data-theme=dark],.dark{--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009}}.glowing-edge-card{--glow-sens:30;--card-bg:linear-gradient(8deg,var(--color-bg)75%,color-mix(in srgb,var(--color-bg),white 2.5%)75.5%);--blend:soft-light;--glow-blend:plus-lighter;--glow-color:40deg 80% 80%;--glow-boost:0%;--color-sens:calc(var(--glow-sens) + 20);--pointer-deg:45deg;--pointer-x:50%;--pointer-y:50%;--pointer-d:0;isolation:isolate;background:var(--card-bg);background-repeat:no-repeat;border:1px solid #ffffff40;border-radius:1.768em;width:100%;height:100%;display:grid;position:relative;transform:translateZ(.01px);box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a,0 4px 8px #0000001a,0 8px 16px #0000001a,0 16px 32px #0000001a,0 32px 64px #0000001a}.glowing-edge-card:before{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(var(--card-bg)0 100%)padding-box,linear-gradient(#fff0 0% 100%)border-box,radial-gradient(at 80% 55%,#be85ff 0px,transparent 50%)border-box,radial-gradient(at 69% 34%,#ff7a93 0px,transparent 50%)border-box,radial-gradient(at 8% 6%,#8fffad 0px,transparent 50%)border-box,radial-gradient(at 41% 38%,#47daff 0px,transparent 50%)border-box,radial-gradient(at 86% 85%,#7af2ff 0px,transparent 50%)border-box,radial-gradient(at 82% 18%,#ffe74c 0px,transparent 50%)border-box,radial-gradient(at 51% 4%,#ff8d70 0px,transparent 50%)border-box,linear-gradient(#c299ff 0 100%)border-box;opacity:calc((var(--pointer-d) - var(--color-sens))/(100 - var(--color-sens)));-webkit-mask-image:conic-gradient(from var(--pointer-deg)at center,black 25%,transparent 40%,transparent 60%,black 75%);-webkit-mask-image:conic-gradient(from var(--pointer-deg)at center,black 25%,transparent 40%,transparent 60%,black 75%);mask-image:conic-gradient(from var(--pointer-deg)at center,black 25%,transparent 40%,transparent 60%,black 75%);border:1px solid #0000;transition:opacity .25s ease-out;position:absolute;inset:0}.glowing-edge-card:after{content:"";border-radius:inherit;z-index:-1;-webkit-mask-image:linear-gradient(to bottom,black,black),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--pointer-deg)at center,transparent 5%,black 15%,black 85%,transparent 95%);-webkit-mask-image:linear-gradient(to bottom,black,black),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--pointer-deg)at center,transparent 5%,black 15%,black 85%,transparent 95%);mask-image:linear-gradient(to bottom,black,black),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--pointer-deg)at center,transparent 5%,black 15%,black 85%,transparent 95%);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;opacity:calc((var(--pointer-d) - var(--color-sens))/(100 - var(--color-sens)));mix-blend-mode:var(--blend);background:radial-gradient(at 80% 55%,#be85ff 0,#0000 50%) padding-box padding-box,radial-gradient(at 69% 34%,#ff7a93 0,#0000 50%) padding-box padding-box,radial-gradient(at 8% 6%,#8fffad 0,#0000 50%) padding-box padding-box,radial-gradient(at 41% 38%,#47daff 0,#0000 50%) padding-box padding-box,radial-gradient(at 86% 85%,#7af2ff 0,#0000 50%) padding-box padding-box,radial-gradient(at 82% 18%,#ffe74c 0,#0000 50%) padding-box padding-box,radial-gradient(at 51% 4%,#ff8d70 0,#0000 50%) padding-box padding-box,linear-gradient(#c299ff 0 100%) padding-box padding-box;border:1px solid #0000;transition:opacity .25s ease-out;position:absolute;inset:0;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.glowing-edge-card:not(:hover):not(.animating):before,.glowing-edge-card:not(:hover):not(.animating):after,.glowing-edge-card:not(:hover):not(.animating) .glowing-edge-card__glow{opacity:0;transition:opacity .75s ease-in-out}.glowing-edge-card__glow{content:"";border-radius:inherit;z-index:1;--outset:40px;inset:0;inset:calc(var(--outset)*-1);pointer-events:none;-webkit-mask-image:conic-gradient(from var(--pointer-deg)at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);-webkit-mask-image:conic-gradient(from var(--pointer-deg)at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);mask-image:conic-gradient(from var(--pointer-deg)at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);opacity:calc((var(--pointer-d) - var(--glow-sens))/(100 - var(--glow-sens)));mix-blend-mode:var(--glow-blend);transition:opacity .25s ease-out;position:absolute}.glowing-edge-card__glow:before{content:"";inset:var(--outset);border-radius:inherit;box-shadow:inset 0 0 0 1px hsl(var(--glow-color)/100%),inset 0 0 1px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 60%)),inset 0 0 3px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 50%)),inset 0 0 6px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 40%)),inset 0 0 15px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 30%)),inset 0 0 25px 2px hsl(var(--glow-color)/calc(var(--glow-boost) + 20%)),inset 0 0 50px 2px hsl(var(--glow-color)/calc(var(--glow-boost) + 10%)),0 0 1px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 60%)),0 0 3px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 50%)),0 0 6px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 40%)),0 0 15px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 30%)),0 0 25px 2px hsl(var(--glow-color)/calc(var(--glow-boost) + 20%)),0 0 50px 2px hsl(var(--glow-color)/calc(var(--glow-boost) + 10%));position:absolute}.glowing-edge-card__inner{z-index:1;scrollbar-width:none;-webkit-backdrop-filter:url(#glass)blur(10px);border-radius:inherit;background-color:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.glowing-edge-card__inner:before{content:"";opacity:.04;pointer-events:none;z-index:1;border-radius:inherit;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%'><filter id='noise'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23noise)'/></svg>");position:absolute;inset:0}.glowing-edge-card__inner:after{content:"";z-index:0;opacity:.6;pointer-events:none;border-radius:inherit;background-image:radial-gradient(circle at 80% 20%,#e7ae7166 0%,#0000 50%),radial-gradient(circle at 20% 80%,#9fb5ed59 0%,#0000 50%),linear-gradient(135deg,#32c5e240 0%,#0000 60%),linear-gradient(#0000 0%,#0000004d 100%);position:absolute;inset:0}.glowing-edge-card__inner::-webkit-scrollbar{display:none}[data-theme=dark] .glowing-edge-card,.dark .glowing-edge-card{--blend:darken;--glow-blend:luminosity;--glow-color:280deg 90% 95%;--glow-boost:15%}[data-theme=dark] .glowing-edge-card__inner,.dark .glowing-edge-card__inner{background-color:#000000bf}[data-theme=dark] .glowing-edge-card__inner:after,.dark .glowing-edge-card__inner:after{opacity:.5;background-image:radial-gradient(circle at 80% 20%,#e7ae714d 0%,#0000 50%),radial-gradient(circle at 20% 80%,#9fb5ed40 0%,#0000 50%),linear-gradient(135deg,#32c5e233 0%,#0000 60%),linear-gradient(#0000 0%,#0006 100%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .glowing-edge-card{--blend:darken;--glow-blend:luminosity;--glow-color:280deg 90% 95%;--glow-boost:15%}:root:not([data-theme=light]) .glowing-edge-card__inner{background-color:#000000bf}:root:not([data-theme=light]) .glowing-edge-card__inner:after{opacity:.5;background-image:radial-gradient(circle at 80% 20%,#e7ae714d 0%,#0000 50%),radial-gradient(circle at 20% 80%,#9fb5ed40 0%,#0000 50%),linear-gradient(135deg,#32c5e233 0%,#0000 60%),linear-gradient(#0000 0%,#0006 100%)}}@media (prefers-reduced-motion:reduce){.glowing-edge-card:before,.glowing-edge-card:after,.glowing-edge-card .glowing-edge-card__glow{transition:none!important}}
:root{--color-primary:#f8c426;--color-primary-dark:#e6af0a;--color-primary-light:#fbdd82;--color-accent:#10b981;--color-accent-dark:#059669;--color-accent-light:#34d399;--color-text:#1f2937;--color-text-light:#6b7280;--color-text-lighter:#9ca3af;--color-bg:#fff;--color-bg-light:#f9fafb;--color-bg-lighter:#f3f4f6;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-border-dark:#d1d5db;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-overlay:#00000080;--color-overlay-light:#0000001a}[data-theme=dark],.dark{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-accent:#34d399;--color-accent-dark:#10b981;--color-accent-light:#6ee7b7;--color-text:#f9fafb;--color-text-light:#d1d5db;--color-text-lighter:#9ca3af;--color-bg:#111827;--color-bg-light:#1f2937;--color-bg-lighter:#374151;--color-border:#374151;--color-border-light:#4b5563;--color-border-dark:#1f2937;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-overlay:#000000b3;--color-overlay-light:#0000004d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-accent:#34d399;--color-accent-dark:#10b981;--color-accent-light:#6ee7b7;--color-text:#f9fafb;--color-text-light:#d1d5db;--color-text-lighter:#9ca3af;--color-bg:#111827;--color-bg-light:#1f2937;--color-bg-lighter:#374151;--color-border:#374151;--color-border-light:#4b5563;--color-border-dark:#1f2937;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-overlay:#000000b3;--color-overlay-light:#0000004d}}:root{--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--font-sans-zh:Noto Sans TC,-apple-system,BlinkMacSystemFont,sans-serif;--font-sans-en:Inter,-apple-system,BlinkMacSystemFont,sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition:all .2s ease-in-out;--transition-fast:all .15s ease-in-out;--transition-slow:all .3s ease-in-out;--header-height:40px;--header-top-spacing:.5rem;--header-total-height:calc(40px + .5rem*2)}@media (min-width:768px){:root{--header-height:48px;--header-total-height:calc(48px + .5rem*2)}}@media (min-width:1024px){:root{--header-top-spacing:.75rem;--header-total-height:calc(48px + .75rem*2)}}[data-theme=dark],.dark{--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009}}.use-cases-carousel-section{background:var(--color-bg);width:100%;height:auto;min-height:300vh;position:relative;overflow:visible}.use-cases-carousel-section:before{content:"";background:var(--color-bg);z-index:-1;position:absolute;inset:100vh 0 0}.use-cases-sticky-container{background:var(--color-bg);flex-direction:column;justify-content:center;width:100%;height:100vh;display:flex;position:sticky;top:0;left:0;overflow:hidden}.use-cases-sticky-container:after{content:"SCROLL TO EXPLORE";bottom:calc(var(--spacing-xl)*3);letter-spacing:.2em;color:var(--color-text-light);opacity:.3;pointer-events:none;font-size:10px;font-weight:500;transition:opacity .3s;animation:2s ease-in-out infinite scrollHint;position:absolute;left:50%;transform:translate(-50%)}@media (min-width:640px){.use-cases-sticky-container:after{bottom:calc(var(--spacing-xl)*2.5)}}.use-cases-sticky-container.at-end:after{opacity:0;animation:none}@keyframes scrollHint{0%,to{opacity:.2}50%{opacity:.4}}.use-cases-header{z-index:10;padding:0 var(--spacing-xl);justify-content:flex-end;display:flex;position:relative}@media (min-width:768px){.use-cases-header{padding:0 var(--spacing-md)}}@media (max-width:639px){.use-cases-header{justify-content:center}}.use-cases-header .section-title{text-align:right;margin:0 0 var(--spacing-md);width:100%;font-size:1.5rem}@media (min-width:768px){.use-cases-header .section-title{font-size:2rem}}@media (min-width:1024px){.use-cases-header .section-title{font-size:2.5rem}}@media (max-width:639px){.use-cases-header .section-title{text-align:center}}.use-cases-tagline{z-index:10;padding:0 var(--spacing-xl);margin-bottom:var(--spacing-lg);text-align:right;color:var(--color-text-light);text-transform:uppercase;opacity:.5;letter-spacing:.05em;white-space:nowrap;font-size:10px;line-height:1.4;position:relative}@media (min-width:768px){.use-cases-tagline{padding:0 var(--spacing-md);font-size:11px}}@media (min-width:640px){.use-cases-tagline{padding:0 var(--spacing-sm);font-size:9px}}@media (max-width:639px){.use-cases-tagline{display:none}}.use-cases-carousel-wrapper{justify-content:center;align-items:center;width:100%;height:80vh;min-height:500px;display:flex;position:relative}@media (min-width:768px){.use-cases-carousel-wrapper{height:75vh;min-height:600px}}@media (min-width:1024px){.use-cases-carousel-wrapper{height:80vh;min-height:650px}}.use-cases-carousel{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.use-cases-carousel-layout{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.use-cases-carousel-layout:before{content:"";z-index:0;filter:blur(40px);background:radial-gradient(circle,#e7ae7140 0%,#e7ae711a 40%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:8s ease-in-out infinite float;position:absolute;top:-10%;left:5%}@media (min-width:768px){.use-cases-carousel-layout:before{width:200px;height:200px;left:2%}}@media (min-width:640px){.use-cases-carousel-layout:before{display:none}}.use-cases-carousel-layout:after{content:"";z-index:0;filter:blur(50px);background:radial-gradient(#9fb5ed4d 0%,#32c5e226 40%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:10s ease-in-out infinite reverse float;position:absolute;bottom:-15%;right:5%}@media (min-width:768px){.use-cases-carousel-layout:after{width:250px;height:250px;right:2%}}@media (min-width:640px){.use-cases-carousel-layout:after{display:none}}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}.use-cases-content-panel{z-index:20;opacity:0;pointer-events:none;width:clamp(280px,35vw,420px);max-width:420px;height:auto;max-height:60vh;transition:opacity .5s,transform .5s;position:absolute;bottom:0;left:10%}.use-cases-content-panel.visible{opacity:1;pointer-events:all;transform:translateY(-50%)translate(0)}.use-cases-content-panel:before{content:"";z-index:-1;filter:blur(30px);opacity:0;background:radial-gradient(circle,#e7ae7166 0%,#e7ae7133 50%,#0000 70%);border-radius:50%;width:180px;height:180px;transition:opacity .5s .3s;animation:4s ease-in-out infinite pulse;position:absolute;top:-60px;right:-60px}.use-cases-content-panel:after{content:"";z-index:-1;filter:blur(25px);opacity:0;background:radial-gradient(circle,#32c5e266 0%,#9fb5ed59 50%,#0000 70%);border-radius:50%;width:150px;height:150px;transition:opacity .5s .3s;animation:5s ease-in-out 1s infinite pulse;position:absolute;bottom:-50px;left:-50px}.use-cases-content-panel.visible:before,.use-cases-content-panel.visible:after{opacity:1}@media (min-width:768px){.use-cases-content-panel{left:var(--spacing-xl);width:clamp(260px,40vw,380px);max-width:380px;height:auto;max-height:55vh}.use-cases-content-panel:before{width:140px;height:140px;top:-40px;right:-40px}.use-cases-content-panel:after{width:120px;height:120px;bottom:-40px;left:-40px}}@media (max-width:639px){.use-cases-content-panel{display:none}}.use-cases-content-panel-glowing{width:100%;height:100%}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.use-cases-content-panel-inner{width:100%;min-height:100%;padding:var(--spacing-lg);flex-direction:column;align-items:flex-end;display:flex;position:relative}.use-cases-content-panel-inner>*{z-index:2;position:relative}@media (min-width:768px){.use-cases-content-panel-inner{padding:var(--spacing-md)}}@media (max-width:639px){.use-cases-content-panel-inner{padding:var(--spacing-sm)}}.use-cases-content-panel-text{z-index:2;color:var(--color-text);text-shadow:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-self:stretch;width:100%;font-size:clamp(14px,1.5vw,16px);font-weight:500;line-height:1.7;position:relative}.use-cases-content-panel-cta{z-index:2;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)0;width:fit-content;color:var(--color-text);cursor:pointer;white-space:nowrap;opacity:.8;background:0 0;border:none;font-size:clamp(13px,1.3vw,15px);font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.use-cases-content-panel-cta:hover{opacity:1}.use-cases-content-panel-cta:hover .use-cases-content-panel-cta-arrow{transform:translate(4px)}.use-cases-content-panel-cta:active{transform:scale(.98)}.use-cases-content-panel-cta-text{transition:transform .3s}.use-cases-content-panel-cta-arrow{font-size:1.2em;transition:transform .3s;display:inline-block}.use-cases-content-panel-decoration{z-index:0;pointer-events:none;filter:blur(30px);opacity:0;border-radius:50%;transition:opacity .5s .3s;position:absolute}.use-cases-content-panel.visible .use-cases-content-panel-decoration{opacity:1}.use-cases-content-panel-decoration.decoration-pink{background:radial-gradient(circle,#ff69b466 0%,#ffb6c14d 50%,#0000 70%);width:140px;height:140px;animation:4.5s ease-in-out .5s infinite pulse;top:-40px;left:-40px}@media (min-width:768px){.use-cases-content-panel-decoration.decoration-pink{width:110px;height:110px;top:-30px;left:-30px}}.use-cases-content-panel-decoration.decoration-green{background:radial-gradient(circle,#34d39966 0%,#86efac4d 50%,#0000 70%);width:160px;height:160px;animation:5.5s ease-in-out 1.5s infinite pulse;bottom:-50px;right:-50px}@media (min-width:768px){.use-cases-content-panel-decoration.decoration-green{width:120px;height:120px;bottom:-40px;right:-40px}}@media (max-width:639px){.use-cases-content-panel-decoration{display:none}}.use-cases-carousel-indicator{bottom:var(--spacing-xl);z-index:10;gap:var(--spacing-sm);flex-direction:row;justify-content:center;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}@media (min-width:640px){.use-cases-carousel-indicator{bottom:var(--spacing-lg);gap:var(--spacing-xs)}}.use-cases-carousel-indicator-dot{background:var(--color-text-light);opacity:.3;cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s;position:relative}.use-cases-carousel-indicator-dot:after{content:"";border-radius:50%;width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.use-cases-carousel-indicator-dot:hover{opacity:.6;transform:scale(1.3)}.use-cases-carousel-indicator-dot.active{opacity:1;background:var(--color-primary);border-radius:4px;width:32px}.use-cases-carousel-cursor{z-index:100;--size:40px;width:var(--size);height:var(--size);border:1px solid var(--color-primary);opacity:.4;margin:calc(var(--size)*-.5)0 0 calc(var(--size)*-.5);pointer-events:none;border-radius:50%;transition:transform .85s cubic-bezier(0,.02,0,1);display:none;position:fixed;top:0;left:0}@media (pointer:fine){.use-cases-carousel-cursor{display:block}}@media (min-width:640px){.use-cases-carousel-cursor{display:none}}.use-cases-carousel-cursor2{--size:8px;background:var(--color-primary);opacity:.6;border:none;transition-duration:.7s}.liquid-glass-filter{visibility:hidden;pointer-events:none;width:0;height:0;position:absolute}[data-theme=dark] .use-cases-carousel-section,.dark .use-cases-carousel-section{background:var(--color-bg)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .use-cases-carousel-section{background:var(--color-bg)}}@media (prefers-reduced-motion:reduce){.use-cases-carousel-cursor,.use-cases-carousel-cursor2{display:none}.use-cases-carousel-card{transition:transform .3s!important}.use-cases-carousel-layout:before,.use-cases-carousel-layout:after,.use-cases-content-panel:before,.use-cases-content-panel:after,.use-cases-content-panel-decoration{animation:none!important}.use-cases-content-panel-inner{transition:none!important}}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-accent:#34d399;--color-accent-dark:#10b981;--color-accent-light:#6ee7b7;--color-text:#f9fafb;--color-text-light:#d1d5db;--color-text-lighter:#9ca3af;--color-bg:#111827;--color-bg-light:#1f2937;--color-bg-lighter:#374151;--color-border:#374151;--color-border-light:#4b5563;--color-border-dark:#1f2937;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-overlay:#000000b3;--color-overlay-light:#0000004d}}@media (min-width:768px){:root{--header-height:48px;--header-total-height:calc(48px + .5rem*2)}}@media (min-width:1024px){:root{--header-top-spacing:.75rem;--header-total-height:calc(48px + .75rem*2)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009}}:root{--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--font-sans-zh:Noto Sans TC,-apple-system,BlinkMacSystemFont,sans-serif;--font-sans-en:Inter,-apple-system,BlinkMacSystemFont,sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition:all .2s ease-in-out;--transition-fast:all .15s ease-in-out;--transition-slow:all .3s ease-in-out;--header-height:40px;--header-top-spacing:.5rem;--header-total-height:calc(40px + .5rem*2)}@media (min-width:768px){:root{--header-height:48px;--header-total-height:calc(48px + .5rem*2)}}@media (min-width:1024px){:root{--header-top-spacing:.75rem;--header-total-height:calc(48px + .75rem*2)}}[data-theme=dark],.dark{--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009}}:root{--color-primary:#f8c426;--color-primary-dark:#e6af0a;--color-primary-light:#fbdd82;--color-accent:#10b981;--color-accent-dark:#059669;--color-accent-light:#34d399;--color-text:#1f2937;--color-text-light:#6b7280;--color-text-lighter:#9ca3af;--color-bg:#fff;--color-bg-light:#f9fafb;--color-bg-lighter:#f3f4f6;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-border-dark:#d1d5db;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-overlay:#00000080;--color-overlay-light:#0000001a}[data-theme=dark],.dark{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-accent:#34d399;--color-accent-dark:#10b981;--color-accent-light:#6ee7b7;--color-text:#f9fafb;--color-text-light:#d1d5db;--color-text-lighter:#9ca3af;--color-bg:#111827;--color-bg-light:#1f2937;--color-bg-lighter:#374151;--color-border:#374151;--color-border-light:#4b5563;--color-border-dark:#1f2937;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-overlay:#000000b3;--color-overlay-light:#0000004d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-accent:#34d399;--color-accent-dark:#10b981;--color-accent-light:#6ee7b7;--color-text:#f9fafb;--color-text-light:#d1d5db;--color-text-lighter:#9ca3af;--color-bg:#111827;--color-bg-light:#1f2937;--color-bg-lighter:#374151;--color-border:#374151;--color-border-light:#4b5563;--color-border-dark:#1f2937;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-overlay:#000000b3;--color-overlay-light:#0000004d}}.workflow-boost{padding:var(--spacing-3xl)0;background:#0a0a0a;overflow:hidden}@media (prefers-color-scheme:light){[data-theme=light] .workflow-boost,:root:not([data-theme=dark]) .workflow-boost{background:#111827}}.container{width:100%;max-width:1440px;padding:0 var(--spacing-md);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--spacing-lg)}}.workflow-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.workflow-title{color:#fff;margin:0;font-size:1.5rem;font-weight:700}@media (min-width:768px){.workflow-title{font-size:2rem}}@media (min-width:1024px){.workflow-title{font-size:2.5rem}}.workflow-nav-arrows{gap:var(--spacing-sm);display:flex}.nav-arrow{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.nav-arrow:hover{color:#fff;background:#ffffff1a;border-color:#fff6}.nav-arrow:active{transform:scale(.95)}.workflow-cards{gap:var(--spacing-md);height:480px;display:flex}@media (min-width:768px){.workflow-cards{height:520px}}@media (min-width:1024px){.workflow-cards{height:560px}}.workflow-card{cursor:pointer;border-radius:16px;flex-shrink:0;width:100px;transition:transform .3s,box-shadow .3s,flex .4s;position:relative;overflow:hidden}@media (min-width:768px){.workflow-card{width:120px}}@media (min-width:1024px){.workflow-card{width:140px}}.workflow-card:focus{outline:2px solid var(--card-color,#f8c426);outline-offset:2px}.workflow-card:hover:not(.active){transform:translateY(-4px);box-shadow:0 12px 24px #0000004d}.workflow-card.active{flex:1;min-width:0}.workflow-card.active .card-collapsed{width:100px}@media (min-width:768px){.workflow-card.active .card-collapsed{width:120px}}@media (min-width:1024px){.workflow-card.active .card-collapsed{width:140px}}.workflow-card.active .card-expanded{opacity:1;visibility:visible;transform:translate(0)}.card-collapsed{background:linear-gradient(180deg,var(--card-gradient-from,#fda4af)0%,var(--card-gradient-to,#fb923c)100%);width:100%;height:100%;transition:width .4s;position:relative;overflow:hidden}.card-background{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.card-bg-illustration{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.card-label{top:var(--spacing-md);left:var(--spacing-md);color:#fff;text-shadow:0 2px 4px #0000004d;z-index:2;font-size:1rem;font-weight:600;position:absolute}.workflow-card:not(.active) .card-label{writing-mode:vertical-lr;text-orientation:mixed;top:var(--spacing-lg);left:50%;transform:translate(-50%)}@media (min-width:1024px){.workflow-card:not(.active) .card-label{font-size:1.125rem}}.workflow-card.active .card-label{writing-mode:vertical-lr;text-orientation:mixed;top:var(--spacing-lg);left:50%;transform:translate(-50%)}.card-expanded{opacity:0;visibility:hidden;background:linear-gradient(135deg,#94a3b8f2 0%,#94a3b8d9 100%);border-left:none;flex-direction:column;transition:opacity .4s,visibility .4s,transform .4s;display:flex;position:absolute;inset:0 0 0 100px;overflow:hidden;transform:translate(-20px)}@media (min-width:768px){.card-expanded{left:120px}}@media (min-width:1024px){.card-expanded{left:140px}}@keyframes expandPanel{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.expanded-content{padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}@media (min-width:768px){.expanded-content{padding:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:row}}@media (min-width:1024px){.expanded-content{padding:var(--spacing-2xl);gap:var(--spacing-xl)}}.expanded-text{gap:var(--spacing-md);z-index:1;flex-direction:column;flex:1;min-width:200px;min-height:0;display:flex;overflow-y:auto}.expanded-profession{color:#1e293bcc;margin:0;font-size:1.125rem;font-weight:500}@media (min-width:768px){.expanded-profession{font-size:1.25rem}}.expanded-headline{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700;line-height:1.2}@media (min-width:768px){.expanded-headline{font-size:1.5rem}}@media (min-width:1024px){.expanded-headline{font-size:2rem}}.expanded-description{color:#1e293bcc;max-width:500px;font-size:.875rem;line-height:1.6}@media (min-width:768px){.expanded-description{font-size:1rem}}@media (min-width:1024px){.expanded-description{font-size:1.125rem}}.expanded-visual{display:none}@media (min-width:768px){.expanded-visual{flex-shrink:1;justify-content:center;align-items:center;width:200px;min-width:150px;display:flex}}@media (min-width:1024px){.expanded-visual{width:280px;min-width:200px}}@media (min-width:1280px){.expanded-visual{width:380px;min-width:280px}}.panel-illustration{width:100%;height:auto;max-height:320px}.expanded-footer{padding:var(--spacing-md)var(--spacing-xl);background:inherit;border-top:1px solid #ffffff1a;flex-shrink:0;justify-content:flex-end;display:flex}@media (min-width:768px){.expanded-footer{padding:var(--spacing-lg)var(--spacing-2xl)}}.view-more-btn{border-radius:9999px;padding:12px 28px;font-weight:500;transition:all .2s;box-shadow:0 2px 8px #0000001a;color:#1e293b!important;background:#fff!important;border:none!important}.view-more-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026;background:#f8fafc!important}@media (max-width:639px){.workflow-cards{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);height:auto;display:grid}.workflow-card{cursor:pointer;height:180px;width:100%!important}.workflow-card:hover:not(.active){box-shadow:none;transform:none}.workflow-card.active{flex:none}.workflow-card.active .card-collapsed{width:100%;height:100%}.workflow-card.active .card-expanded{display:none}.card-expanded{display:none!important}.workflow-card:not(.active) .card-label,.workflow-card.active .card-label{writing-mode:horizontal-tb;text-orientation:initial;top:var(--spacing-md);left:var(--spacing-md);transform:none}}.workflow-card.active .card-collapsed .card-background{transform:scale(1.05)}.card-background{transition:transform .5s cubic-bezier(.4,0,.2,1)}