/*! Font Awesome Free 6.0.0 subset - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT) */ @font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(/fonts/fa-solid-subset.woff2) format("woff2")}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(/fonts/fa-regular-subset.woff2) format("woff2")}.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fas{font-family:"Font Awesome 6 Free";font-weight:900}.far{font-family:"Font Awesome 6 Free";font-weight:400}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-bell:before{content:"\f0f3"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-desktop:before{content:"\f390"}.fa-door-open:before{content:"\f52b"}.fa-envelope:before{content:"\f0e0"}.fa-eye:before{content:"\f06e"}.fa-globe-asia:before{content:"\f57e"}.fa-handshake:before{content:"\f2b5"}.fa-hospital:before{content:"\f0f8"}.fa-info:before{content:"\f129"}.fa-link:before{content:"\f0c1"}.fa-magic:before{content:"\f0d0"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-medkit:before{content:"\f0fa"}.fa-phone-alt:before{content:"\f879"}.fa-seedling:before{content:"\f4d8"}.fa-star:before{content:"\f005"}.fa-tools:before{content:"\f7d9"}.fa-tv:before{content:"\f26c"}.fa-user-injured:before{content:"\f728"}.fa-lightbulb:before{content:"\f0eb"}
:root{--wc-text: #4a4a4a;--wc-deep: #202936;--wc-peach: #fdb6a4;--wc-peach-soft: #fff0ed;--wc-blue: #83e1fd;--wc-blue-dark: #54bbd9;--wc-blue-soft: #e6f9ff;--wc-muted: #9ba1a4;--wc-white: #ffffff}*{box-sizing: border-box}:where(img[width][height]){height: auto}html{color-scheme: light;background: var(--wc-white)}body.wc-live-page, .wc-live-scope{margin: 0;color: var(--wc-text);font-family: "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background: var(--wc-white)}body{background-color: var(--wc-white)}input, textarea, select, button{color-scheme: light}input, textarea, select{background-color: var(--wc-white);color: var(--wc-deep)}.bg-white, .bg-white\/60, .bg-white\/80, .bg-white\/85, .bg-white\/90, .bg-white\/95{color-scheme: light}body.wc-live-page, .watercolor-bg{background-color: #fdfcfb;background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.36) 42%, rgba(255, 255, 255, 0.58) 100%), url("About%20Us/about-watercolor-bg.webp");background-position: center top, center top;background-size: cover, cover;background-repeat: no-repeat, no-repeat;background-attachment: fixed, fixed}#page-about{position: relative;isolation: isolate;overflow: hidden;background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.08) 42%, rgba(255, 255, 255, 0.2) 100%)}#page-about::before, #page-about::after{content: "";position: absolute;inset: 0;pointer-events: none}#page-about::before{z-index: -2;background: radial-gradient(ellipse at 50% 12%, rgba(255, 255, 255, 0.66) 0%, transparent 38%), radial-gradient(ellipse at 50% 48%, rgba(255, 255, 255, 0.36) 0%, transparent 52%);filter: blur(18px)}#page-about::after{z-index: -1;opacity: 0.5;background-image: repeating-radial-gradient(circle at 16% 24%, rgba(255, 255, 255, 0.34) 0 1px, transparent 1px 7px), repeating-linear-gradient(108deg, rgba(255, 255, 255, 0.18) 0 1px, transparent 1px 13px);mix-blend-mode: soft-light}#page-about > *{position: relative;z-index: 1}#page-about{padding-top: 7rem !important;padding-bottom: 3.5rem !important}#page-about .banner-section{margin-bottom: 2.5rem !important}#page-about > section{padding-top: 2.5rem !important;padding-bottom: 2.5rem !important;margin-bottom: 2.75rem !important}#page-about > section:last-child{margin-bottom: 0 !important}#page-about .gap-16{gap: 2.75rem !important}#page-about .mb-16{margin-bottom: 2.5rem !important}#page-about .mb-12{margin-bottom: 2rem !important}#page-about .mb-6{margin-bottom: 1.1rem !important}#page-about .p-10{padding: 2rem !important}#page-about .about-value-card{display: flex;min-height: 26rem;padding: 1.25rem 1.25rem 2rem !important;flex-direction: column;justify-content: flex-start}#page-about .about-value-image{width: min(15rem, 100%);aspect-ratio: 1 / 1;flex-shrink: 0;overflow: hidden;border-radius: 1.75rem;background: rgba(255, 255, 255, 0.34)}#page-about .about-value-image img{display: block}#page-about > section.bg-white\/60{background: rgba(255, 255, 255, 0.46);border-color: rgba(255, 255, 255, 0.74);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 24px 80px rgba(84, 187, 217, 0.08)}#page-about > section.bg-gray-50\/50{background: rgba(255, 255, 255, 0.38);border-color: rgba(255, 255, 255, 0.68)}@media (max-width: 768px){body.wc-live-page, .watercolor-bg{background-attachment: scroll, scroll}}.blob-shape{border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;animation: morph 8s ease-in-out infinite}@keyframes morph{0%, 100%{border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%}34%{border-radius: 70% 30% 50% 50% / 30% 30% 70% 70%}67%{border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%}}body.lang-en .zh{display: none !important}body.lang-zh .en{display: none !important}body.lang-en .en, body.lang-zh .zh{animation: langSwitchEffect 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards}@keyframes langSwitchEffect{from{opacity: 0}to{opacity: 1}}.reveal{opacity: 0;transform: translateY(40px);transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1), transform 0.8s cubic-bezier(0.5, 0, 0, 1);will-change: opacity, transform}.reveal.active{opacity: 1;transform: translateY(0);will-change: auto}.product-card, .sol-product-card{opacity: 1;transform: scale(1);transition: opacity 0.4s ease, transform 0.4s ease}a.sol-product-card{color: inherit;display: block;text-decoration: none;cursor: pointer}.hidden-item{display: none !important}.animating-out{opacity: 0 !important;transform: scale(0.8) !important}.filter-btn.active, .sol-filter-btn.active{border-color: #7ce3ff;background-color: #7ce3ff;color: #ffffff;font-weight: 700}#toast-modal{opacity: 0;transform: translate(-50%, -150%);transition: opacity 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55)}#toast-modal.show{opacity: 1;transform: translate(-50%, 20px)}.wc-container{width: min(1180px, calc(100% - 40px));margin: 0 auto}.sku_wrapper, .product_meta .sku_wrapper, .woocommerce .sku_wrapper{display: none !important}.wc-marquee{height: 36px;overflow: hidden;background: var(--wc-peach);color: var(--wc-white);display: flex;align-items: center;white-space: nowrap;font-size: 14px}.wc-marquee span{display: inline-block;min-width: 100%;animation: wc-marquee 26s linear infinite}@keyframes wc-marquee{from{transform: translateX(100%)}to{transform: translateX(-100%)}}.wc-site-header{position: fixed;top: 0;left: 0;right: 0;z-index: 50;background: transparent;transition: transform 0.35s ease;will-change: transform}.wc-site-header::before{content: "";position: absolute;inset: 0;background: rgba(255, 255, 255, 0.96);box-shadow: 0 8px 22px rgba(32, 41, 54, 0.09);opacity: 0;pointer-events: none;transition: opacity 0.35s ease;z-index: -1}.wc-site-header.header-hidden{transform: translateY(-100%);pointer-events: none}.wc-site-header.header-solid::before{opacity: 1}.wc-site-header.header-solid .wc-marquee{display: none}.wc-nav{min-height: 74px;display: grid;grid-template-columns: 170px minmax(0, 1fr) auto;align-items: center;gap: 16px}.wc-logo{display: inline-flex;align-items: center;text-decoration: none}.wc-logo img{display: block;width: 145px;height: auto}.wc-menu{display: flex;justify-content: center;align-items: center;gap: clamp(14px, 2.1vw, 28px);margin: 0;padding: 0;list-style: none}.wc-menu a{position: relative;display: inline-flex;align-items: center;min-height: 54px;color: var(--wc-deep);text-decoration: none;font-size: 15px;font-weight: 500}.wc-menu a::after{content: "";position: absolute;left: 0;right: 0;bottom: 12px;height: 2px;background: var(--wc-blue-dark);transform: scaleX(0);transform-origin: center;transition: transform 0.2s ease}.wc-menu a:hover::after, .wc-menu a.is-active::after{transform: scaleX(1)}.wc-nav-actions{justify-self: end;display: inline-flex;align-items: center;gap: 10px}.wc-lang-switch{display: inline-flex;align-items: center;justify-content: center;min-width: 44px;min-height: 40px;padding: 8px 12px;border-radius: 999px;color: var(--wc-blue-dark);background: rgba(255, 255, 255, 0.78);box-shadow: inset 0 0 0 1px rgba(37, 116, 169, 0.18);text-decoration: none;font-size: 13px;font-weight: 800;line-height: 1;white-space: nowrap;transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease}.wc-lang-switch:hover{background: var(--wc-white);box-shadow: inset 0 0 0 1px rgba(37, 116, 169, 0.34), 0 8px 18px rgba(37, 116, 169, 0.12);transform: translateY(-1px)}.wc-book{display: inline-flex;align-items: center;justify-content: center;min-width: 104px;min-height: 40px;padding: 9px 16px;border-radius: 999px;background: var(--wc-blue);color: var(--wc-white);text-decoration: none;text-transform: uppercase;letter-spacing: 1px;font-size: 13px;line-height: 1;white-space: nowrap;transition: background 0.2s ease, transform 0.2s ease}.wc-book:hover{background: var(--wc-blue-dark);transform: translateY(-1px)}.wc-mobile-toggle{display: none;justify-self: end;width: 42px;height: 42px;border: 0;border-radius: 999px;color: var(--wc-deep);background: var(--wc-white);box-shadow: 0 0 0 1px rgba(32, 41, 54, 0.08);cursor: pointer}.wc-mobile-panel{display: none;padding: 0 20px 18px;background: var(--wc-blue-soft)}.wc-mobile-panel.open{display: block}.wc-mobile-panel a{display: block;padding: 13px 0;color: var(--wc-deep);text-decoration: none;border-bottom: 1px solid rgba(32, 41, 54, 0.08)}.wc-hero{position: relative;min-height: 620px;overflow: hidden;background: linear-gradient(135deg, rgba(230, 249, 255, 0.9), rgba(255, 240, 237, 0.78))}.wc-hero-video-only{min-height: 0;height: auto;aspect-ratio: 16 / 9;background: #000}.wc-video-bg, .wc-video-bg iframe{position: absolute;inset: 0;width: 100%;height: 100%}.wc-video-bg iframe{width: 120%;height: 120%;left: -10%;top: -10%;border: 0;pointer-events: none;opacity: 0.32}.wc-video-bg video{position: absolute;inset: 0;display: block;width: 100%;height: 100%;object-fit: contain}.wc-hero-video-only .wc-video-bg iframe{left: 0;top: 0;width: 100%;height: 100%;opacity: 1}.wc-hero-video-only .wc-video-bg{position: absolute;inset: 0}.wc-hero .wc-book{justify-self: start}.wc-section{padding: 82px 0}.wc-gradient-section{background: linear-gradient(135deg, var(--wc-blue-soft), var(--wc-peach-soft))}.wc-section-title{margin: 0;color: var(--wc-deep);text-align: center;font-size: clamp(30px, 3.4vw, 46px);line-height: 1.2;font-weight: 700}.wc-divider{width: 92px;height: 3px;margin: 20px auto 42px;background: var(--wc-blue)}.wc-solution-grid, .wc-product-grid, .wc-news-grid{display: grid;gap: 24px}.wc-solution-grid{grid-template-columns: repeat(4, 1fr)}.wc-product-grid{grid-template-columns: repeat(4, 1fr)}.wc-news-grid{grid-template-columns: repeat(3, 1fr)}.wc-card{overflow: hidden;border: 2px solid #f9fafb;border-radius: 35px;background: var(--wc-white);text-align: center;box-shadow: 0 0 0 rgba(0, 0, 0, 0);transition: transform 0.22s ease, box-shadow 0.22s ease}.wc-card:hover{transform: translateY(-4px);box-shadow: 0 6px 12px rgba(175, 175, 175, 0.47)}.wc-card img{display: block;width: 100%;aspect-ratio: 1 / 1;object-fit: cover}.wc-card-body{padding: 20px 20px 24px}.wc-solution-grid > .wc-card:not(.wc-custom-solution), .wc-product-grid > .wc-card{display: flex;flex-direction: column}.wc-solution-grid > .wc-card:not(.wc-custom-solution) > img, .wc-product-grid > .wc-card > img{flex-shrink: 0}.wc-solution-grid > .wc-card:not(.wc-custom-solution) > .wc-card-body, .wc-product-grid > .wc-card > .wc-card-body{display: flex;flex: 1;flex-direction: column}.wc-solution-grid > .wc-card:not(.wc-custom-solution) > .wc-card-body > .wc-small-button, .wc-product-grid > .wc-card > .wc-card-body > .wc-product-link{margin-top: auto;align-self: center;max-width: 100%}#product-grid > .product-card > a{display: flex;flex-direction: column;height: 100%}#product-grid > .product-card > a > .h-64{flex-shrink: 0}#product-grid > .product-card > a > .p-6{display: flex;flex: 1;flex-direction: column}#product-grid > .product-card > a > .p-6 > span:last-child{margin-top: auto;align-self: center;max-width: 100%}.wc-solutions-catalog > a, main > section.py-6 > .grid.grid-cols-2 > a{display: flex;flex-direction: column;min-width: 0}.wc-solutions-catalog > a > img, main > section.py-6 > .grid.grid-cols-2 > a > img{flex-shrink: 0}.wc-solutions-catalog > a > span:last-child, main > section.py-6 > .grid.grid-cols-2 > a > span:last-child{margin-top: auto}.wc-solutions-catalog > a > span:last-child > i, main > section.py-6 > .grid.grid-cols-2 > a > span:last-child > i{flex-shrink: 0}.wc-card h3, .wc-card h4{margin: 0 0 12px;color: var(--wc-deep);font-size: 20px;line-height: 1.35;font-weight: 700}.wc-solution-grid .wc-card h3{display: flex;flex-direction: column;align-items: center;gap: 2px}.wc-system-name, .wc-system-title{display: block;width: 100%}.wc-system-name{margin-bottom: 2px;background: linear-gradient(135deg, var(--wc-blue-dark), #22a9cf 55%, var(--wc-deep));-webkit-background-clip: text;background-clip: text;color: transparent;font-family: "Caveat", "Nunito", "Noto Sans TC", sans-serif;font-size: 1.6em;font-weight: 700;letter-spacing: 0;line-height: 1}.wc-system-title{color: var(--wc-deep)}.wc-card p{margin: 0 0 18px;color: var(--wc-text);font-size: 15px;line-height: 1.7}.wc-small-button, .wc-product-link{display: inline-flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 8px;border-radius: 999px;padding: 10px 20px;background: var(--wc-blue);color: var(--wc-white);text-decoration: none;text-transform: uppercase;letter-spacing: 1px;font-size: 14px}.wc-small-button i, .wc-product-link i{flex: 0 0 auto}.wc-button-text{white-space: nowrap}.wc-custom-solution{grid-column: 1 / -1;background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(230, 249, 255, 0.92))}.wc-custom-solution .wc-card-body{display: grid;grid-template-columns: minmax(180px, 0.85fr) minmax(260px, 1.65fr) auto;align-items: center;gap: 24px;padding: 28px 34px;text-align: left}.wc-custom-solution h3, .wc-custom-solution p{margin: 0}.wc-custom-solution h3{align-items: flex-start}.wc-custom-solution .wc-small-button{justify-self: end}.wc-product-category{display: block;margin: -8px 0 10px;color: var(--wc-blue-dark);font-size: 14px}.wc-story{display: grid;grid-template-columns: 1fr 1fr;align-items: center;gap: 54px}.wc-kicker{display: inline-block;margin: 0 0 16px;color: var(--wc-peach);font-size: 16px;font-weight: 700;letter-spacing: 1px}.wc-story h2{margin: 0 0 12px;color: var(--wc-deep);font-size: clamp(30px, 4vw, 52px);line-height: 1.18}.wc-story h3{margin: 0 0 22px;color: var(--wc-blue-dark);font-size: clamp(24px, 3vw, 38px)}.wc-story p{margin: 0 0 14px;font-size: 17px;line-height: 1.9}.wc-story-video{overflow: hidden;border-radius: 35px;background: #111;aspect-ratio: 16 / 9;box-shadow: 0 16px 34px rgba(32, 41, 54, 0.14)}.wc-story-video iframe, .wc-story-video video{display: block;width: 100%;height: 100%;border: 0;pointer-events: none}.wc-story-video video{object-fit: cover}.wc-news-card img{aspect-ratio: 16 / 9}.wc-news-card h4{font-size: 18px}.wc-footer{background: var(--wc-blue-soft);color: var(--wc-text)}.wc-footer-top{display: grid;grid-template-columns: 1.3fr 1fr 0.7fr;gap: 42px;padding: 64px 0 42px}.wc-footer-logo{display: block;width: 190px;height: auto;margin-bottom: 18px}.wc-footer-brand{display: flex;flex-direction: column;align-items: flex-start}.wc-footer-top > div:nth-child(2), .wc-footer-top > div:nth-child(3){padding-top: 72px}.wc-footer p{width: min(100%, 360px);margin: 0 0 12px;line-height: 1.8;text-align: left}.wc-footer ul{margin: 0;padding: 0;list-style: none}.wc-footer li{margin-bottom: 12px}.wc-footer a{color: var(--wc-deep);text-decoration: none}.wc-social{display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;border-radius: 999px;background: var(--wc-blue);color: var(--wc-white) !important;font-weight: 700}.wc-footer-bottom{padding: 20px 0 30px;text-align: center;color: var(--wc-muted);border-top: 1px solid rgba(32, 41, 54, 0.08);font-size: 14px}.wc-designer{margin-top: 6px;color: var(--wc-muted)}.wc-floating-book{position: fixed;right: 32px;bottom: 32px;z-index: 60;display: flex;flex-direction: column;align-items: center;color: var(--wc-blue-dark);text-decoration: none;background: transparent !important;box-shadow: none !important;animation: wc-float 3s ease-in-out infinite}.wc-floating-label{margin-bottom: 8px;padding: 6px 12px;border-radius: 10px;background: var(--wc-white);color: var(--wc-blue-dark);font-size: 13px;font-weight: 700;white-space: nowrap;box-shadow: 0 8px 18px rgba(32, 41, 54, 0.12);opacity: 0;transform: translateY(8px);transition: opacity 0.2s ease, transform 0.2s ease}.wc-floating-book:hover .wc-floating-label{opacity: 1;transform: translateY(0)}.wc-floating-icon{width: 78px;height: 78px;display: block;position: relative;border: 0;border-radius: 0;background: transparent;color: transparent;font-size: 0;text-indent: -9999px;overflow: visible;box-shadow: none;transition: transform 0.2s ease}.wc-floating-img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: contain;display: block;transition: opacity 0.18s ease}.wc-floating-img-hover{opacity: 0}.wc-floating-book:hover .wc-floating-img-normal{opacity: 0}.wc-floating-book:hover .wc-floating-img-hover{opacity: 1}.wc-floating-book:hover .wc-floating-icon{transform: scale(1.08)}.wc-back-top{position: fixed;right: 112px;bottom: 40px;z-index: 55;width: 48px;height: 48px;border: 1px solid rgba(32, 41, 54, 0.08);border-radius: 999px;background: rgba(255, 255, 255, 0.86);color: var(--wc-text);box-shadow: 0 8px 18px rgba(32, 41, 54, 0.1);cursor: pointer;opacity: 0;pointer-events: none;transform: translateY(18px);transition: opacity 0.25s ease, transform 0.25s ease}.wc-back-top.visible{opacity: 1;pointer-events: auto;transform: translateY(0)}@keyframes wc-float{0%, 100%{transform: translateY(0) rotate(0deg)}50%{transform: translateY(-10px) rotate(2deg)}}.wc-reveal{opacity: 0;transition: opacity 0.5s ease}.wc-reveal.is-armed{will-change: opacity}.wc-reveal.in-view{opacity: 1;will-change: auto}.wc-reveal-delay-1{transition-delay: 0.08s}.wc-reveal-delay-2{transition-delay: 0.16s}.wc-reveal-delay-3{transition-delay: 0.24s}@media (prefers-reduced-motion: reduce){.wc-reveal, .reveal{opacity: 1;transform: none;transition: none}}html.low-end .wc-reveal, html.low-end .reveal{opacity: 1;transform: none;transition: none;will-change: auto}@media (prefers-color-scheme: dark){html, body{background: var(--wc-white) !important;color: var(--wc-text) !important;color-scheme: light}body.wc-live-page, .watercolor-bg{background-color: #fdfcfb !important;background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.36) 42%, rgba(255, 255, 255, 0.58) 100%), url("About%20Us/about-watercolor-bg.webp") !important;background-position: center top, center top !important;background-size: cover, cover !important;background-repeat: no-repeat, no-repeat !important;background-attachment: fixed, fixed !important;color: var(--wc-text) !important}.wc-live-scope, .wc-card, .wc-site-header.header-solid, .wc-mobile-panel, .wc-footer, .bg-white, .bg-white\/60, .bg-white\/80, .bg-white\/85, .bg-white\/90, .bg-white\/95{color-scheme: light}.wc-card, .wc-mobile-panel, .bg-white, .bg-white\/60, .bg-white\/80, .bg-white\/85, .bg-white\/90, .bg-white\/95{background-color: rgba(255, 255, 255, 0.94) !important}.wc-gradient-section, .wc-footer{background: linear-gradient(135deg, var(--wc-blue-soft), var(--wc-peach-soft)) !important}h1, h2, h3, h4, label, .wc-section-title, .wc-card h3, .wc-card h4, .wc-menu a, .wc-footer a, .text-gray-800, .text-gray-700{color: var(--wc-deep) !important}p, .wc-card p, .text-gray-600, .text-gray-500, .text-brand-text{color: var(--wc-text) !important}input, textarea, select{background-color: #f9fafb !important;border-color: #e5e7eb !important;color: var(--wc-deep) !important;caret-color: var(--wc-deep)}input::placeholder, textarea::placeholder{color: #9ba1a4 !important}}@media (max-width: 760px){.wc-nav{grid-template-columns: minmax(120px, 1fr) auto auto;gap: 10px}.wc-floating-book{right: 20px;bottom: 22px}.wc-back-top{right: 92px;bottom: 30px}.wc-menu, .wc-nav > nav{display: none}.wc-nav-actions{display: inline-flex;grid-column: 2}.wc-nav-actions .wc-lang-switch{display: none}.wc-nav-actions .wc-book{min-width: auto;min-height: 36px;padding: 8px 12px;font-size: 11px;letter-spacing: 0.5px}.wc-mobile-toggle{display: inline-flex;align-items: center;justify-content: center;grid-column: 3;justify-self: end}.wc-solution-grid, .wc-product-grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 18px}.wc-story, .wc-footer-top{grid-template-columns: 1fr}.wc-news-grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 18px}.wc-custom-solution .wc-card-body{grid-template-columns: 1fr;gap: 16px;text-align: center}.wc-custom-solution h3{align-items: center}.wc-custom-solution .wc-small-button{justify-self: center}.wc-footer-top > div:nth-child(2), .wc-footer-top > div:nth-child(3){padding-top: 0}}@media (max-width: 560px){.wc-container{width: min(100% - 28px, 1180px)}.wc-nav{min-height: 64px}.wc-logo img{width: 128px}.wc-solution-grid, .wc-product-grid, .wc-news-grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px}.wc-section{padding: 56px 0}.wc-card{border-radius: 20px}.wc-card-body{padding: 14px 10px 16px}.wc-card h3, .wc-card h4{font-size: 16px}.wc-card p{font-size: 13px;line-height: 1.55}.wc-small-button, .wc-product-link{gap: 5px;padding: 8px 10px;font-size: 11px;letter-spacing: 0.3px}.wc-system-name{font-size: 1em}#product-grid{gap: 12px}#product-grid .h-64{height: 11rem}#product-grid .p-6{padding: 14px 10px 16px}#product-grid h3{min-height: 2.8rem;font-size: 15px;line-height: 1.35}#product-grid .px-7{padding-right: 12px;padding-left: 12px}main .grid.grid-cols-2 > a{padding: 18px;border-radius: 18px}main .grid.grid-cols-2 > a h3{font-size: 17px;line-height: 1.3}main .grid.grid-cols-2 > a p{font-size: 13px;line-height: 1.55}}body.wc-live-page main, .watercolor-bg main{background: transparent}body.wc-live-page main > section, .watercolor-bg main > section, body.wc-live-page .wc-section, .watercolor-bg .wc-section{background-color: transparent !important;background-image: none !important}body.wc-live-page .wc-gradient-section, .watercolor-bg .wc-gradient-section, body.wc-live-page main > section.bg-white\/60, .watercolor-bg main > section.bg-white\/60, body.wc-live-page main > section.bg-gray-50\/50, .watercolor-bg main > section.bg-gray-50\/50{background: rgba(255, 255, 255, 0.24) !important;border-color: rgba(255, 255, 255, 0.56) !important;backdrop-filter: blur(8px)}body.wc-live-page main :is( .wc-card, .product-card, .sol-product-card, .bg-white, .bg-white\/50, .bg-white\/60, .bg-white\/80, .bg-white\/90, .bg-gray-50, .bg-gray-50\/50 ), .watercolor-bg main :is( .wc-card, .product-card, .sol-product-card, .bg-white, .bg-white\/50, .bg-white\/60, .bg-white\/80, .bg-white\/90, .bg-gray-50, .bg-gray-50\/50 ){background: rgba(255, 255, 255, 0.52) !important;border-color: rgba(255, 255, 255, 0.68) !important;backdrop-filter: blur(10px)}body.wc-live-page main :is(.product-card, .sol-product-card, .wc-card), .watercolor-bg main :is(.product-card, .sol-product-card, .wc-card){box-shadow: 0 18px 48px rgba(84, 187, 217, 0.1)}body.wc-live-page main :is(.product-card, .sol-product-card) :is(.bg-white, .bg-gray-50), .watercolor-bg main :is(.product-card, .sol-product-card) :is(.bg-white, .bg-gray-50){background: rgba(255, 255, 255, 0.34) !important}body.wc-live-page main :is(input, textarea, select), .watercolor-bg main :is(input, textarea, select){background: rgba(255, 255, 255, 0.68) !important;backdrop-filter: blur(8px)}body.wc-live-page main :is(.filter-btn.active, .sol-filter-btn.active), .watercolor-bg main :is(.filter-btn.active, .sol-filter-btn.active){border-color: #7ce3ff !important;background: #7ce3ff !important;color: #ffffff !important;backdrop-filter: none}body.wc-live-page main :is(.product-card, .sol-product-card) .bg-brand-blue, .watercolor-bg main :is(.product-card, .sol-product-card) .bg-brand-blue{background-color: #54bbd9 !important;color: #ffffff !important}@media (max-width: 768px){body.wc-live-page, .watercolor-bg{background-attachment: scroll, scroll !important}}#contact-form input[type="text"], #contact-form input[type="email"], #contact-form input[type="tel"], #contact-form select, #contact-form textarea{width: 100%;padding: 12px 16px;border-radius: 12px;border: 1px solid #e5e7eb;background-color: #f9fafb;color: #202936;font-size: 15px;font-family: inherit;box-sizing: border-box}#contact-form input[type="text"]:focus, #contact-form input[type="email"]:focus, #contact-form input[type="tel"]:focus, #contact-form select:focus, #contact-form textarea:focus{outline: none;border-color: #7ce3ff;background-color: #ffffff;box-shadow: 0 0 0 3px rgba(124, 227, 255, 0.3)}#contact-form textarea{resize: none;min-height: 90px}#contact-form select{cursor: pointer}@media (max-width: 480px){#contact-form #booking-district{padding-inline: 12px;font-size: 14px}}#contact-form button[type="submit"]{width: 100%;padding: 16px;border: 0;border-radius: 12px;background: linear-gradient(90deg, #7ce3ff 0%, #4abddb 100%);color: #ffffff;font-weight: 700;font-size: 18px;cursor: pointer;box-shadow: 0 4px 12px rgba(74, 189, 219, 0.25);transition: transform 0.2s ease, box-shadow 0.2s ease}#contact-form button[type="submit"]:hover{transform: translateY(-2px);box-shadow: 0 6px 16px rgba(74, 189, 219, 0.35)}.solution-glow-warm{background-color: rgba(255, 180, 162, 0.2);transition: background-color 0.3s ease}.group:hover .solution-glow-warm{background-color: rgba(255, 180, 162, 0.4)}.solution-glow-blue{background-color: rgba(124, 227, 255, 0.2);transition: background-color 0.3s ease}.group:hover .solution-glow-blue{background-color: rgba(124, 227, 255, 0.4)}.font-script{font-family: "Caveat", "Nunito", "Noto Sans TC", cursive;font-weight: 700;letter-spacing: 0.01em;line-height: 1}.solution-visual-frame{overflow: visible !important;isolation: isolate;border-color: transparent !important;background: transparent !important;box-shadow: 0 20px 50px rgba(79, 129, 143, 0.07) !important}.solution-visual-frame::before{content: "";position: absolute;inset: -30px;z-index: 0;border-radius: 3rem;background: radial-gradient(ellipse at 50% 50%, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.9) 44%, rgba(255, 255, 255, 0.54) 66%, rgba(255, 255, 255, 0.18) 82%, transparent 100%), radial-gradient(ellipse at 26% 18%, rgba(255, 255, 255, 0.72) 0%, transparent 42%), radial-gradient(ellipse at 78% 86%, rgba(255, 255, 255, 0.62) 0%, transparent 46%);filter: blur(20px);opacity: 1;pointer-events: none}.solution-visual-frame::after{content: "";position: absolute;inset: -44px;z-index: 0;border-radius: 3.2rem;pointer-events: none;background: radial-gradient(circle at 13% 22%, var(--solution-glow, rgba(124, 227, 255, 0.22)) 0%, rgba(255, 255, 255, 0.2) 22%, transparent 44%), radial-gradient(circle at 82% 18%, rgba(255, 255, 255, 0.68) 0%, transparent 32%), radial-gradient(circle at 92% 72%, var(--solution-glow, rgba(124, 227, 255, 0.18)) 0%, transparent 42%), radial-gradient(circle at 23% 93%, rgba(255, 255, 255, 0.6) 0%, transparent 38%), radial-gradient(ellipse at 50% 100%, var(--solution-glow, rgba(124, 227, 255, 0.12)) 0%, transparent 54%);filter: blur(22px);opacity: 0.95}.solution-visual-frame > img{width: calc(100% - 24px) !important;height: calc(100% - 24px) !important;margin: 12px;border-radius: 1.25rem;-webkit-mask-image: none;mask-image: none;box-shadow: 0 10px 28px rgba(79, 129, 143, 0.08)}.solution-visual-frame > *{position: relative;z-index: 1}.solution-applications-copy{display: flex;flex-direction: column;align-items: center;text-align: center}.solution-applications-copy h3{justify-content: center}.solution-applications-copy .flex.flex-wrap{justify-content: center}@media (min-width: 1024px){.solution-applications-copy{align-items: flex-end;text-align: right}.solution-applications-copy h3{justify-content: flex-end}.solution-applications-copy .flex.flex-wrap{justify-content: flex-end}}body.wc-modal-open{overflow: hidden}.wc-product-modal{position: fixed;inset: 0;z-index: 9999;display: grid;place-items: center;padding: 24px;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 0.25s ease, visibility 0.25s ease}.wc-product-modal.is-open{opacity: 1;visibility: visible;pointer-events: auto}.wc-product-modal-backdrop{position: absolute;inset: 0;background: rgba(18, 31, 45, 0.66);backdrop-filter: blur(5px)}.wc-product-modal-panel{position: relative;display: grid;grid-template-columns: minmax(260px, 0.9fr) minmax(320px, 1.1fr);width: min(920px, 100%);max-height: min(720px, calc(100vh - 48px));overflow: auto;border-radius: 28px;background: #fff;box-shadow: 0 28px 80px rgba(18, 31, 45, 0.28);transform: translateY(18px) scale(0.98);transition: transform 0.25s ease}.wc-product-modal.is-open .wc-product-modal-panel{transform: translateY(0) scale(1)}.wc-product-modal-close{position: absolute;top: 14px;right: 16px;z-index: 2;display: grid;width: 42px;height: 42px;place-items: center;border: 0;border-radius: 50%;background: rgba(255, 255, 255, 0.94);color: #34495e;font-size: 30px;line-height: 1;box-shadow: 0 5px 18px rgba(18, 31, 45, 0.14);cursor: pointer}.wc-product-modal-image-wrap{display: grid;min-height: 440px;place-items: center;padding: 36px;background: linear-gradient(145deg, #f2fbff, #f8f5ff)}.wc-product-modal-image{width: 100%;max-height: 420px;object-fit: contain}.wc-product-modal-content{align-self: center;padding: 56px 48px}.wc-product-modal-category{display: block;margin-bottom: 12px;color: #23a9d8;font-size: 0.82rem;font-weight: 800;letter-spacing: 0.08em}.wc-product-modal-content h2{margin: 0 0 22px;color: #27384a;font-size: clamp(1.75rem, 3vw, 2.5rem);line-height: 1.2}.wc-product-modal-description{margin: 0 0 22px;color: #647386;font-size: 1rem;line-height: 1.9}.wc-product-modal-contact{display: inline-flex;align-items: center;justify-content: center;padding: 13px 24px;border-radius: 999px;background: #23a9d8;color: #fff;font-weight: 800;text-decoration: none;transition: background 0.2s ease, transform 0.2s ease}.wc-product-modal-contact:hover{background: #1688b4;transform: translateY(-2px)}@media (max-width: 720px){.wc-product-modal{padding: 14px}.wc-product-modal-panel{grid-template-columns: 1fr;max-height: calc(100vh - 28px);border-radius: 22px}.wc-product-modal-image-wrap{min-height: 240px;padding: 30px}.wc-product-modal-image{max-height: 230px}.wc-product-modal-content{padding: 28px 24px 34px}}
:root{--wc-ink-blue: #0a7290;--wc-ink-blue-hover: #08647e;--wc-ink-blue-display: #1a8fb2;--wc-ink-coral: #a94a35;--wc-ink-coral-display: #c4604a;--wc-ink-muted: #5f6b72;--wc-ease-out: cubic-bezier(0.22, 1, 0.36, 1);--wc-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);--wc-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);--wc-dur-fast: 160ms;--wc-dur-base: 280ms;--wc-dur-slow: 640ms;--wc-stagger-step: 70ms;--wc-focus-ring: 0 0 0 3px #ffffff, 0 0 0 6px var(--wc-ink-blue);--wc-muted: var(--wc-ink-muted)}:where(img[width][height]){height: auto}.wc-visually-hidden{position: absolute !important;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}html, body{overflow-x: clip}@media (max-width: 1100px){.solution-visual-frame::before{inset: -12px}.solution-visual-frame::after{inset: -16px}}.wc-hero-video-only{background: #f4f1ec}.wc-hero-movie, .wc-story-movie{background: transparent}.text-brand-blue, .text-brand-darkblue, .wc-product-category, .wc-story h3, .wc-lang-switch, .wc-floating-label{color: var(--wc-ink-blue) !important}.text-brand-blue\/70{color: var(--wc-ink-blue) !important}.text-brand-warm, .text-brand-warm\/70, .wc-kicker{color: var(--wc-ink-coral) !important}h1 .text-brand-blue, h2 .text-brand-blue, .text-3xl.text-brand-blue, .text-4xl.text-brand-blue{color: var(--wc-ink-blue-display) !important}h1 .text-brand-warm, h2 .text-brand-warm, .text-3xl.text-brand-warm, .text-4xl.text-brand-warm{color: var(--wc-ink-coral-display) !important}.text-gray-400{color: var(--wc-ink-muted) !important}.wc-system-name{background: linear-gradient(135deg, var(--wc-ink-blue-display), var(--wc-ink-blue) 55%, var(--wc-deep));-webkit-background-clip: text;background-clip: text}.wc-footer-bottom, .wc-designer{color: var(--wc-ink-muted)}body.wc-live-page main #contact-form :is(input:not([tabindex="-1"]), textarea, select), .watercolor-bg main #contact-form :is(input:not([tabindex="-1"]), textarea, select){border: 1px solid #b7c6cd !important;background: rgba(255, 255, 255, 0.92) !important;color: var(--wc-deep);transition: border-color var(--wc-dur-fast) ease, box-shadow var(--wc-dur-fast) ease, background-color var(--wc-dur-fast) ease}body.wc-live-page main #contact-form :is(input, textarea, select):hover, .watercolor-bg main #contact-form :is(input, textarea, select):hover{border-color: #8fa6b0 !important}body.wc-live-page main #contact-form :is(input, textarea, select):focus, .watercolor-bg main #contact-form :is(input, textarea, select):focus{border-color: var(--wc-ink-blue) !important;background: #ffffff !important;box-shadow: 0 0 0 3px rgba(10, 114, 144, 0.22);outline: none}#contact-form label{color: #33414d}.wc-reveal{opacity: 0;transform: translate3d(0, 18px, 0);transition: opacity var(--wc-dur-slow) var(--wc-ease-out), transform calc(var(--wc-dur-slow) + 80ms) var(--wc-ease-out), box-shadow var(--wc-dur-base) var(--wc-ease-out);transition-delay: calc(var(--wc-stagger, 0) * var(--wc-stagger-step))}.wc-reveal.in-view{opacity: 1;transform: none}.wc-reveal.wc-settled{transition-delay: 0s}.reveal{transform: translate3d(0, 24px, 0);transition: opacity var(--wc-dur-slow) var(--wc-ease-out), transform calc(var(--wc-dur-slow) + 80ms) var(--wc-ease-out);transition-delay: calc(var(--wc-stagger, 0) * var(--wc-stagger-step))}.reveal.active.wc-settled{transition-delay: 0s}.wc-divider, .w-20.h-1.mx-auto.rounded-full.bg-brand-darkblue{width: 120px;height: 14px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14'%3E%3Cpath d='M3 9.5C18 5.5 34 4 52 5.2c14 .9 22 3.4 38 3 10-.3 18-2 27-4.2' fill='none' stroke='%237ce3ff' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M8 11c22-3 44-3.4 66-1.6 14 1.1 26 .8 40-1.6' fill='none' stroke='%230a7290' stroke-opacity='.35' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat !important;border-radius: 0 !important;clip-path: inset(0 100% 0 0);transition: clip-path 900ms var(--wc-ease-in-out) 200ms}.wc-divider.is-painted, .w-20.h-1.mx-auto.rounded-full.bg-brand-darkblue.is-painted{clip-path: inset(0 0 0 0)}.wc-card, .product-card, .sol-product-card, .wc-solutions-catalog > a{transition: transform var(--wc-dur-base) var(--wc-ease-out), box-shadow var(--wc-dur-base) var(--wc-ease-out), border-color var(--wc-dur-base) ease, opacity var(--wc-dur-slow) var(--wc-ease-out)}@media (hover: hover){.wc-card.in-view:hover, .wc-card:not(.wc-reveal):hover, body.wc-live-page main :is(.product-card, .sol-product-card):hover, .watercolor-bg main :is(.product-card, .sol-product-card):hover{transform: translate3d(0, -6px, 0);box-shadow: 0 22px 48px rgba(10, 114, 144, 0.16) !important}.wc-card > img{transition: transform 700ms var(--wc-ease-out)}.wc-card:hover > img{transform: scale(1.04)}.wc-small-button i, .wc-solutions-catalog > a > span:last-child > i, main a:hover > .fa-arrow-right, main a .fa-arrow-right{transition: transform var(--wc-dur-base) var(--wc-ease-spring)}.wc-small-button:hover i, .wc-solutions-catalog > a:hover > span:last-child > i, main a:hover .fa-arrow-right{transform: translateX(4px)}main a:hover .fa-arrow-left{transform: translateX(-4px)}}main a .fa-arrow-left{transition: transform var(--wc-dur-base) var(--wc-ease-spring)}:is(.wc-book, .wc-small-button, .wc-product-link, .wc-lang-switch, .wc-social, .filter-btn, .sol-filter-btn, .wc-back-top, .wc-mobile-toggle, #contact-form button[type="submit"]){transition: transform var(--wc-dur-fast) var(--wc-ease-out), background-color var(--wc-dur-base) ease, box-shadow var(--wc-dur-base) ease, color var(--wc-dur-base) ease}:is(.wc-book, .wc-small-button, .wc-product-link, .wc-lang-switch, .wc-social, .filter-btn, .sol-filter-btn, .wc-back-top, .wc-mobile-toggle, #contact-form button[type="submit"]):active{transform: scale(0.96) !important;transition-duration: 80ms}::view-transition-group(*){animation-duration: 420ms;animation-timing-function: var(--wc-ease-out)}.animating-out{transition: opacity 260ms ease, transform 260ms var(--wc-ease-out) !important}body main #contact-form :is(input, select, textarea).is-touched:invalid{border-color: var(--wc-ink-coral) !important;box-shadow: 0 0 0 3px rgba(169, 74, 53, 0.14)}#contact-form .wc-field-hint{display: block;min-height: 1.2em;margin-top: 4px;color: var(--wc-ink-coral);font-size: 12.5px;line-height: 1.35}#contact-form .wc-field-hint:empty{min-height: 0;margin-top: 0}#contact-form button[type="submit"].is-loading{cursor: progress;opacity: 0.92}.wc-spinner{display: inline-block;width: 1em;height: 1em;margin-right: 10px;vertical-align: -0.15em;border: 2px solid rgba(255, 255, 255, 0.45);border-top-color: #ffffff;border-radius: 50%;animation: wc-spin 700ms linear infinite}@keyframes wc-spin{to{transform: rotate(360deg)}}.wc-form-status{margin-top: 14px;border-radius: 14px;font-size: 15px;line-height: 1.6;outline: none}.wc-form-status:empty{display: none}.wc-form-status.is-error{padding: 12px 16px;border: 1px solid rgba(169, 74, 53, 0.3);background: #fff3ef;color: var(--wc-ink-coral)}.wc-form-status.is-success{display: flex;align-items: center;gap: 14px;padding: 14px 18px;border: 1px solid rgba(10, 114, 144, 0.22);background: #eefaff;color: var(--wc-deep);animation: wc-pop-in 520ms var(--wc-ease-spring) both}.wc-form-status.is-success img{flex: 0 0 auto;width: 64px;height: 64px;animation: wc-wizz-wave 1.6s var(--wc-ease-in-out) 300ms 2}@keyframes wc-pop-in{from{opacity: 0;transform: translateY(8px) scale(0.97)}to{opacity: 1;transform: none}}@keyframes wc-wizz-wave{0%, 100%{transform: rotate(0deg) translateY(0)}30%{transform: rotate(-8deg) translateY(-6px)}60%{transform: rotate(6deg) translateY(-2px)}}.wc-marquee:hover span, .wc-marquee:focus-within span{animation-play-state: paused}:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible{outline: 3px solid var(--wc-ink-blue);outline-offset: 3px;border-radius: 6px}:is(.wc-book, .wc-small-button, .wc-product-link, .wc-lang-switch, .wc-social, .filter-btn, .sol-filter-btn, .wc-back-top, .wc-mobile-toggle):focus-visible{outline: none;box-shadow: var(--wc-focus-ring);border-radius: 999px}.wc-floating-book:focus-visible{outline: none}.wc-floating-book:focus-visible .wc-floating-icon{border-radius: 50%;box-shadow: var(--wc-focus-ring)}.wc-floating-book:focus-visible .wc-floating-label{opacity: 1;transform: none}.wc-menu a:focus-visible::after{transform: scaleX(1)}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto !important}*, *::before, *::after{animation-duration: 1ms !important;animation-iteration-count: 1 !important;transition-duration: 1ms !important;transition-delay: 0s !important}.wc-marquee{overflow-x: auto}.wc-marquee span{animation: none !important;transform: none !important;padding-left: 20px}.blob-shape, .wc-floating-book, .wc-form-status.is-success img{animation: none !important}.wc-reveal, .reveal, .wc-divider, .w-20.h-1.mx-auto.rounded-full.bg-brand-darkblue{opacity: 1 !important;transform: none !important;clip-path: none !important}.wc-card:hover, .wc-card:hover > img, .product-card:hover, .sol-product-card:hover{transform: none !important}::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*){animation: none !important}}.wc-lang-switch, .wc-book, .wc-mobile-toggle{min-height: 44px}.wc-mobile-toggle{width: 44px;height: 44px}.wc-social{width: 44px;height: 44px}.filter-btn, .sol-filter-btn{min-height: 44px}main .banner-section > a.inline-flex{min-height: 44px}.wc-footer li a{display: inline-flex;align-items: center;min-height: 44px}.wc-footer li{margin-bottom: 0}.wc-mobile-toggle .wc-toggle-icon{position: relative;display: block;width: 18px;height: 12px}.wc-mobile-toggle .wc-toggle-icon::before, .wc-mobile-toggle .wc-toggle-icon::after, .wc-mobile-toggle .wc-toggle-icon span{content: "";position: absolute;left: 0;width: 100%;height: 2px;border-radius: 2px;background: var(--wc-deep);transition: transform var(--wc-dur-base) var(--wc-ease-out), opacity var(--wc-dur-fast) ease, top var(--wc-dur-base) var(--wc-ease-out)}.wc-mobile-toggle .wc-toggle-icon::before{top: 0}.wc-mobile-toggle .wc-toggle-icon span{top: 5px}.wc-mobile-toggle .wc-toggle-icon::after{top: 10px}.wc-mobile-toggle[aria-expanded="true"] .wc-toggle-icon::before{top: 5px;transform: rotate(45deg)}.wc-mobile-toggle[aria-expanded="true"] .wc-toggle-icon span{opacity: 0}.wc-mobile-toggle[aria-expanded="true"] .wc-toggle-icon::after{top: 5px;transform: rotate(-45deg)}@media (max-width: 760px){.wc-nav-actions .wc-book{min-height: 44px;padding: 10px 14px;font-size: 12px}.wc-mobile-panel{position: absolute;top: 100%;left: 0;right: 0;display: flex;flex-direction: column;height: calc(100dvh - var(--wc-header-h, 100px));padding: 12px 24px calc(28px + env(safe-area-inset-bottom));overflow-y: auto;overscroll-behavior: contain;background: radial-gradient(120% 60% at 100% 0%, rgba(255, 240, 237, 0.9), transparent 60%), radial-gradient(120% 60% at 0% 100%, rgba(230, 249, 255, 0.95), transparent 60%), #ffffff;border-top: 1px solid rgba(32, 41, 54, 0.06);opacity: 0;visibility: hidden;transform: translateY(-8px);transition: opacity var(--wc-dur-base) var(--wc-ease-out), transform var(--wc-dur-base) var(--wc-ease-out), visibility 0s linear var(--wc-dur-base)}.wc-mobile-panel.open{display: flex;opacity: 1;visibility: visible;transform: none;transition: opacity var(--wc-dur-base) var(--wc-ease-out), transform var(--wc-dur-base) var(--wc-ease-out), visibility 0s}.wc-mobile-panel a{display: flex;align-items: center;justify-content: space-between;min-height: 60px;padding: 0 4px;color: var(--wc-deep);font-size: 22px;font-weight: 500;border-bottom: 1px solid rgba(32, 41, 54, 0.08);opacity: 0;transform: translateY(10px);transition: opacity var(--wc-dur-base) var(--wc-ease-out), transform var(--wc-dur-base) var(--wc-ease-out), color var(--wc-dur-fast) ease}.wc-mobile-panel a::after{content: "→";color: var(--wc-ink-blue);font-size: 18px}.wc-mobile-panel.open a{opacity: 1;transform: none}.wc-mobile-panel.open a:nth-child(1){transition-delay: 40ms}.wc-mobile-panel.open a:nth-child(2){transition-delay: 80ms}.wc-mobile-panel.open a:nth-child(3){transition-delay: 120ms}.wc-mobile-panel.open a:nth-child(4){transition-delay: 160ms}.wc-mobile-panel.open a:nth-child(5){transition-delay: 200ms}.wc-mobile-panel.open a:nth-child(6){transition-delay: 240ms}.wc-mobile-panel.open a:nth-child(7){transition-delay: 280ms}.wc-mobile-panel a.is-current{color: var(--wc-ink-blue);font-weight: 700}.wc-mobile-panel a.wc-mobile-lang{margin-top: 8px;font-size: 17px;border-bottom: 0}.wc-mobile-panel a.wc-mobile-lang::after{content: "⇄"}.wc-mobile-panel a.wc-mobile-cta{justify-content: center;margin-top: auto;min-height: 54px;border: 0;border-radius: 999px;background: var(--wc-blue);color: #ffffff;font-size: 17px;font-weight: 700;letter-spacing: 0.5px}.wc-mobile-panel a.wc-mobile-cta::after{content: none}.wc-mobile-panel .wc-mobile-contact{margin: 18px 0 0;color: var(--wc-ink-muted);font-size: 14px;line-height: 1.7;text-align: center}.wc-mobile-panel .wc-mobile-contact a{display: inline;min-height: 0;padding: 0;border: 0;color: var(--wc-ink-blue);font-size: 14px;opacity: 1;transform: none}.wc-mobile-panel .wc-mobile-contact a::after{content: none}body.wc-menu-open{overflow: hidden}body.wc-menu-open .wc-site-header{transform: none !important;pointer-events: auto !important}body.wc-menu-open .wc-site-header::before{opacity: 1}body.wc-menu-open :is(.wc-floating-book, .wc-back-top){opacity: 0 !important;pointer-events: none !important}.wc-small-button, .wc-product-link{min-height: 44px}}@media (max-width: 639px){#product-grid{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;gap: 12px !important}#product-grid .h-64{height: auto !important;aspect-ratio: 1 / 1;padding: 10px !important}#product-grid .p-6{padding: 12px 10px 14px !important}#product-grid .p-6 > span:first-child{margin-bottom: 6px;font-size: 12px}#product-grid h3{min-height: 2.7em !important;margin-bottom: 12px !important;font-size: 14.5px !important}#product-grid .px-7{min-height: 40px;padding: 8px 12px !important;font-size: 11.5px !important;letter-spacing: 0.08em !important}.filter-btn{padding-left: 18px !important;padding-right: 18px !important}}.wc-floating-book{transition: transform var(--wc-dur-base) var(--wc-ease-out), opacity var(--wc-dur-base) ease}.wc-floating-book.is-tucked{animation: none;opacity: 0.55;transform: translateX(46px) scale(0.86)}@media (max-width: 760px){.wc-floating-icon{width: 58px;height: 58px}.wc-floating-book{right: 14px;bottom: calc(14px + env(safe-area-inset-bottom))}.wc-floating-label{display: none}.wc-back-top{right: 82px;bottom: calc(20px + env(safe-area-inset-bottom));width: 44px;height: 44px}.wc-floating-book.is-tucked{transform: translateX(38px) scale(0.86)}.wc-back-top.visible:not(.is-recalled){opacity: 0;pointer-events: none;transform: translateY(18px)}.wc-footer-bottom{padding-bottom: calc(96px + env(safe-area-inset-bottom))}}
.wc-faq{padding: 72px 0 88px}.wc-faq-list{display: grid;gap: 14px;max-width: 860px;margin: 0 auto}.wc-faq-item{border: 2px solid #f9fafb;border-radius: 24px;background: rgba(255, 255, 255, 0.9);box-shadow: 0 2px 10px rgba(32, 41, 54, 0.05);transition: border-color var(--wc-dur-base, 280ms) ease, box-shadow var(--wc-dur-base, 280ms) ease}.wc-faq-item[open]{border-color: var(--wc-blue);box-shadow: 0 6px 12px rgba(175, 175, 175, 0.35)}.wc-faq-item summary{display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 20px 24px;border-radius: 22px;color: var(--wc-deep);font-size: 18px;font-weight: 700;line-height: 1.5;list-style: none;cursor: pointer}.wc-faq-item summary::-webkit-details-marker{display: none}.wc-faq-item summary::after{content: "+";display: grid;flex: none;place-items: center;width: 32px;height: 32px;border-radius: 50%;background: var(--wc-blue-soft);color: var(--wc-ink-blue, #0a7290);font-size: 22px;font-weight: 500;line-height: 1;transition: transform var(--wc-dur-base, 280ms) var(--wc-ease-out, ease)}.wc-faq-item[open] summary::after{transform: rotate(45deg)}.wc-faq-item summary:hover{color: var(--wc-ink-blue, #0a7290)}.wc-faq-item summary:focus-visible{outline: none;box-shadow: var(--wc-focus-ring, 0 0 0 3px #0a7290)}.wc-faq-answer{padding: 0 24px 22px;color: var(--wc-text);font-size: 16px;line-height: 1.8}.wc-faq-answer p{margin: 0}@media (max-width: 640px){.wc-faq{padding: 56px 0 64px}.wc-faq-item{border-radius: 20px}.wc-faq-item summary{padding: 16px 18px;font-size: 16px}.wc-faq-answer{padding: 0 18px 18px;font-size: 15px}}@media (prefers-reduced-motion: reduce){.wc-faq-item, .wc-faq-item summary::after{transition: none}}