.nfc-shop :is(h1,h2,h3,h4,h5,h6,b,strong,th,dt){font-weight:500}:root{--orange:#F97D1B;--orange-dark:#D46A17;--teal:#043043;--teal-soft:#0E4A61;--white:#FFFFFF;--bg-sub:#F7F7F5;--bg-orange:#FFF2E9;--bg-teal:#EDF3F4;--text-main:#043043;--ink:#06445F;--v2-line:rgb(61 195 255 / 24%);--v2-shadow:0 30px 60px -30px rgb(4 48 67 / 24%);--v2-shadow-hover:0 36px 64px -28px rgb(4 48 67 / 32%);--v2-radius:20px;--text-sub:#59666B;--text-muted:#8B969A;--line:#DCE3E5;--radius-lg:24px;--radius-md:14px;--radius-sm:10px;--shadow-card:0 6px 24px rgba(4,48,67,.06);--shadow-hover:0 16px 40px rgba(4,48,67,.12);--font-en:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;--font-tc:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;--nav-h:72px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-tc);color:var(--text-main);background:var(--white);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}ul{list-style:none}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.container{max-width:1280px;margin:0 auto;padding:0 32px}section{position:relative}.eyebrow{font-family:var(--font-en);font-size:13px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);display:block;margin-bottom:14px}.eyebrow:before{content:"";display:inline-block;width:28px;height:10px;margin-right:12px;vertical-align:.05em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 10'%3E%3Cpath d='M1 5c3.3-4 6.7-4 10 0s6.7 4 10 0 4.3-3 6-2' fill='none' stroke='%233DC3FF' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain}.scene-txt .eyebrow:before{content:none}.sec-head{max-width:640px;margin-bottom:56px}.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}.sec-title{font-size:clamp(28px,3.4vw,40px);font-weight:500;line-height:1.35;letter-spacing:.02em}.sec-desc{margin-top:14px;color:var(--text-sub);font-size:16px}html:not(:lang(zh)):not(:lang(ja)) .sec-head{max-width:900px}html:not(:lang(zh)):not(:lang(ja)) .products .sec-head{max-width:640px}.btn{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:500;letter-spacing:.04em;padding:15px 32px;border-radius:12px;transition:all .25s ease;white-space:nowrap}.btn .arr{transition:transform .25s ease;font-family:var(--font-en)}.btn:hover .arr{transform:translate(5px)}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 8px 20px #f97d1b47}.btn-primary:hover{background:var(--orange-dark);transform:translateY(-2px)}.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55)}.btn-ghost:hover{background:#ffffff1f}.link-more{display:inline-flex;align-items:center;gap:8px;color:var(--teal);font-weight:500;font-size:15px}.link-more .arr{color:var(--orange);transition:transform .25s ease}.link-more:hover .arr{transform:translate(5px)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;transition:all .3s ease;background:linear-gradient(to bottom,#ffffffd9,#fff0)}.nav.scrolled{background:#ffffffe6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 2px 16px #04304312}.nav-inner{width:100%;max-width:1280px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-family:var(--font-en);font-size:21px;font-weight:700;letter-spacing:.14em;color:var(--teal);display:flex;align-items:center;gap:10px}.nav.scrolled .logo{color:var(--teal)}.logo-mark{width:38px;height:38px;border-radius:50%;overflow:hidden;display:grid;place-items:center;flex-shrink:0;box-shadow:0 8px 22px #0430432e}.logo-mark img{width:100%;height:100%;object-fit:contain}.nav-links{display:flex;align-items:center;gap:36px}.nav-links a{font-size:15px;font-weight:500;color:var(--teal);position:relative;padding:6px 0;transition:color .2s}.nav.scrolled .nav-links a{color:var(--teal)}.nav-links a:hover,.nav.scrolled .nav-links a:hover{color:var(--orange)}.nav-links a:not([href]),.mobile-menu a:not([href]),.foot-col .list a:not([href]){cursor:default}.nav-links a:not([href]):hover,.nav.scrolled .nav-links a:not([href]):hover{color:var(--teal)}.nav-links a.active:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-4px;width:22px;height:3px;border-radius:2px;background:var(--orange)}.nav-actions{display:flex;align-items:center;gap:12px}.nav-demo-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;transition:transform .2s,background .2s,opacity .2s}.nav-demo-btn:hover{transform:translateY(-1px)}.nav-cart-btn,.nav-lang-btn{position:relative;width:40px;height:40px;background:#fffffff0;color:var(--teal);border:1px solid rgba(4,48,67,.12);box-shadow:0 8px 22px #04304329}.nav-cart-btn svg,.nav-lang-btn svg{width:21px;height:21px;display:block;pointer-events:none}.nav-cart-btn:hover,.nav-lang-btn:hover{background:var(--orange);color:#fff;border-color:var(--orange);opacity:1}.nav-cart-btn:focus-visible,.nav-lang-btn:focus-visible{outline:3px solid rgba(249,125,27,.35);outline-offset:3px}.nav.scrolled .nav-cart-btn,.nav.scrolled .nav-lang-btn{background:#fff;color:var(--teal);box-shadow:none}.nav.scrolled .nav-cart-btn:hover,.nav.scrolled .nav-lang-btn:hover{background:var(--orange);color:#fff;border-color:var(--orange)}.nav-cart-count{position:absolute;top:-6px;right:-7px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:var(--orange);color:#fff;font-family:var(--font-en);font-size:10px;font-weight:500;line-height:1;box-shadow:0 4px 10px #f97d1b57}.nav-cart-count[hidden],.nav-burger{display:none}.mobile-menu{position:fixed;inset:var(--nav-h) 0 auto 0;z-index:99;background:#fffffff7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:12px 32px 28px;box-shadow:0 20px 40px #0430431f;transform:translateY(calc(-100% - var(--nav-h) - 40px));visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s}.mobile-menu.open{transform:translateY(0);visibility:visible;transition:transform .3s ease}@media(min-width:1025px){.mobile-menu{display:none}}.mobile-menu a{display:block;padding:15px 4px;font-size:16px;font-weight:500;color:var(--teal);border-bottom:1px solid var(--line);transition:color .2s,border-color .2s}.mobile-menu a.active{color:var(--orange);font-weight:500;border-color:#f97d1b59}.footer{background:#06445f;padding:50px 0;font-size:15px;color:#eff2f4}.foot-top{display:flex;gap:64px;align-items:flex-start;margin-bottom:55px}.foot-sitemap{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(max-content,1.3fr) minmax(0,1.5fr);gap:42px}.foot-col{display:flex;flex-direction:column;gap:20px;padding:0 10px}.foot-col h4{color:#ff8310;font-size:17px;font-weight:500;line-height:25px;letter-spacing:.02em}.foot-col .list{display:flex;flex-direction:column;gap:10px}.foot-col .list a{color:#eff2f4;font-size:15px;font-weight:500;line-height:24px;white-space:nowrap;transition:color .2s}.foot-col .list a:hover{color:#ff8310}.foot-col .list a:not([href]):hover{color:#eff2f4}@media(min-width:1025px)and (max-width:1279px){.foot-top{flex-direction:column;gap:36px}.foot-sitemap{width:100%}}.foot-business .list span{color:#eff2f4;font-size:14px;font-weight:500;line-height:24px;overflow-wrap:anywhere}.foot-app h4{color:#f97d1b}.store-row{display:flex;gap:16px}.store-row a{display:block;transition:transform .2s,opacity .2s}.store-row a:hover{transform:translateY(-2px);opacity:.9}.store-badge{height:45px;display:block}.store-badge.gp{width:130px;background:#262626;border-radius:6px;display:flex;align-items:center;justify-content:center}.store-badge.gp img{width:110px;height:26px}.foot-divider{height:1px;background:#4d7586}.foot-bottom{display:flex;align-items:center;gap:50px;padding-top:20px}.social-row{display:flex;gap:20px}.social-row a{width:38px;height:38px;display:block;transition:opacity .2s,transform .2s}.social-row a:hover{opacity:.75;transform:translateY(-2px)}.social-row svg{width:38px;height:38px;display:block}.foot-copy{flex:1;text-align:right;font-size:14px;font-weight:500;line-height:20px;color:#a6c0d1}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:1024px){.nav-links{display:none}.nav-burger{display:grid;width:42px;height:42px;border-radius:12px;place-items:center}.nav:not(.scrolled) .nav-burger{color:var(--teal)}.nav.scrolled .nav-burger{color:var(--teal)}.nav-burger svg{width:23px;height:23px}.mobile-menu{inset:var(--nav-h) 0 0;height:calc(100vh - var(--nav-h));height:calc(100dvh - var(--nav-h));padding:20px 32px 32px;overflow-y:auto;overscroll-behavior:contain}body.mobile-menu-open{overflow:hidden}.foot-top{flex-direction:column;gap:36px}.foot-sitemap{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:36px}}@media(max-width:640px){.container{padding:0 20px}.nav-inner{padding:0 16px;gap:10px}.logo{font-size:16px;letter-spacing:.08em}.logo-mark{width:32px;height:32px}.nav-actions{gap:8px}.mobile-menu{padding:16px 20px 28px}.foot-top{flex-direction:column;gap:36px;margin-bottom:36px}.foot-sitemap{grid-template-columns:1fr;gap:32px}.foot-col{padding:0}.foot-bottom{flex-direction:column;align-items:flex-start;gap:20px}.foot-copy{text-align:left}.sec-head{margin-bottom:40px}}@media(max-width:600px){.nav-cart-btn{width:38px;height:38px}.nav-cart-btn svg{width:20px;height:20px}}.language-drawer{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;visibility:hidden;pointer-events:none}.language-drawer.is-open{visibility:visible;pointer-events:auto}.language-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:#04304347;opacity:0;transition:opacity .28s ease;cursor:pointer}.language-drawer.is-open .language-backdrop{opacity:1}.language-panel{position:absolute;top:0;right:0;width:min(390px,100%);height:100%;padding:28px;background:#fff;box-shadow:-24px 0 70px #0430432e;transform:translate(102%);transition:transform .32s cubic-bezier(.2,.8,.2,1);overflow-y:auto}.language-drawer.is-open .language-panel{transform:translate(0)}.language-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--line)}.language-panel-head h2{margin:0;font-size:24px;line-height:1.3;color:var(--teal)}.language-close{width:42px;height:42px;border:0;border-radius:50%;background:var(--sc-neutral-100,#EFF2F4);color:var(--teal);display:grid;place-items:center;cursor:pointer;transition:background .2s}.language-close:hover{background:var(--sc-neutral-150,#E5E8EA)}.language-close svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.language-list{display:grid;gap:10px;margin:24px 0 0;padding:0;list-style:none}.language-list li{margin:0;padding:0}.language-list button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--teal);font:600 16px/1.3 inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.language-list button:hover,.language-list button:focus-visible{border-color:var(--orange);background:#f97d1b14;transform:translate(-2px);outline:0}.language-list button[aria-pressed=true]{border-color:var(--orange);background:#f97d1b1f;color:var(--orange-dark,var(--orange))}.language-list small{font-size:12px;font-weight:500;color:var(--text-sub);letter-spacing:.08em}.language-list button[aria-pressed=true] small{color:var(--orange-dark,var(--orange))}body.language-open{overflow:hidden}.mobile-lang-toggle{display:block;width:100%;padding:15px 4px;border:0;background:none;text-align:left;font-size:16px;font-weight:500;color:var(--teal);border-bottom:1px solid var(--line);cursor:pointer}.mobile-lang-toggle:hover{color:var(--orange)}@media(max-width:1024px){.nav-lang-btn{display:none}}@media(max-width:640px){.language-panel{width:min(360px,92vw);padding:22px}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/spidercard-chrome.css.map */