.zpc{--zpc-navy: #071f4f;--zpc-ink: #183767;--zpc-blue: #075fdd;--zpc-orange: #ff7015;--zpc-ease: cubic-bezier(.22, 1, .36, 1);position:relative;isolation:isolate;overflow:hidden;min-height:1120px;color:var(--zpc-ink);background:radial-gradient(circle at 51% 24%,rgba(93,179,255,.1),transparent 36%),linear-gradient(180deg,#fff,#fcfdff 70%,#f2f8ff);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.zpc:before{content:"";position:absolute;z-index:-1;inset:auto -15% -34% 42%;height:63%;border-radius:50%;background:#429bff12;filter:blur(48px)}.zpc__inner{width:min(1360px,calc(100% - 64px));margin:0 auto;padding:52px 0 48px}.zpc__heading{text-align:center}.zpc__kicker{display:flex;align-items:center;justify-content:center;gap:19px;color:var(--zpc-blue);font-size:16px;font-weight:820;letter-spacing:.24em;opacity:0;transform:translateY(12px)}.zpc__kicker:before,.zpc__kicker:after{content:"";width:78px;height:2px;background:linear-gradient(90deg,transparent,#1679ee)}.zpc__kicker:after{background:linear-gradient(90deg,#1679ee,transparent)}.zpc__title{max-width:1000px;margin:22px auto 18px;color:var(--zpc-navy);font-size:clamp(43px,4vw,58px);font-weight:850;line-height:1.2;letter-spacing:-.052em;word-break:keep-all;opacity:0;transform:translateY(15px)}.zpc__lead{max-width:890px;margin:0 auto;color:#526b91;font-size:16px;line-height:1.72;letter-spacing:.01em;word-break:keep-all;opacity:0;transform:translateY(15px)}.zpc__sceneTitle{display:flex;align-items:center;justify-content:center;gap:15px;margin:26px 0 11px;color:var(--zpc-blue);font-size:16px;font-weight:800;letter-spacing:.04em}.zpc__sceneTitle:before,.zpc__sceneTitle:after{content:"";width:46px;height:1px;background:#197cf0}.zpc__story{position:relative;opacity:0;transform:translateY(20px)}.zpc__comparison{position:relative;height:292px;overflow:hidden;border-radius:22px;background:linear-gradient(115deg,#f7fbfffa,#fffc);box-shadow:0 18px 48px #194c8912,inset 0 0 0 1px #1e5ba412}.zpc__comparison:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(33,111,199,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(33,111,199,.045) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 20%,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 20%,#000 82%,transparent 100%)}.zpc__comparison:after{content:"";position:absolute;right:4%;bottom:17px;left:4%;height:19px;background:repeating-linear-gradient(90deg,rgba(60,102,147,.18) 0 1px,transparent 1px 15px);border-top:1px solid rgba(54,102,157,.2)}.zpc__products{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:46px;width:76%;height:100%;padding:10px 5% 18px}.zpc__product{position:relative;min-width:0;text-align:center}.zpc__art{position:relative;display:block;width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 auto;filter:drop-shadow(0 18px 16px rgba(34,58,83,.12))}.zpc__art img{display:block;width:100%;height:208px;width:auto;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;mix-blend-mode:multiply}.zpc__hole{position:absolute;z-index:4;top:71%;left:74%;width:36px;height:36px;border:3px solid var(--zpc-orange);border-radius:50%;box-shadow:0 0 0 5px #ff701512}.zpc__hole:before{content:"";position:absolute;top:4px;left:-13px;width:30px;height:30px;border:2px dashed var(--zpc-orange);border-radius:50%;opacity:.85}.zpc__hole:after{content:"";position:absolute;top:50%;right:-34px;width:32px;border-top:2px solid var(--zpc-orange)}.zpc__label{display:inline-flex;align-items:center;gap:9px;margin-top:-2px;color:var(--zpc-navy);font-size:16px;font-weight:820}.zpc__label .zpc__mark{display:grid;place-items:center;width:28px;height:28px;color:#fff;border-radius:50%;background:var(--zpc-blue);font-size:16px}.zpc__product--current .zpc__label{color:#bd4a07}.zpc__product--current .zpc__label .zpc__mark{background:var(--zpc-orange)}.zpc__annotation{position:absolute;z-index:5;top:62px;left:78%;width:19%;color:var(--zpc-orange);font-size:12px;font-weight:780;line-height:1.55;word-break:keep-all}.zpc__annotationLine{display:block;position:relative;width:110px;height:41px;margin-bottom:7px;border-top:2px solid var(--zpc-orange);border-right:2px solid var(--zpc-orange)}.zpc__annotationLine:before{content:"";position:absolute;top:-7px;left:-5px;width:112px;height:50px;border:2px solid var(--zpc-orange);border-radius:18px}.zpc__annotationLine:after{content:"";position:absolute;right:-5px;bottom:-5px;width:8px;height:8px;border-radius:50%;background:var(--zpc-orange)}.zpc__annotation strong{display:block;margin-bottom:4px;color:#ed610c;font-size:13px}.zpc__annotation em{display:block;margin-top:7px;font-style:normal;color:#f1782e}.zpc__sceneNote{position:absolute;z-index:4;right:22px;bottom:27px;color:#7b8ba1;font-size:11px}.zpc__trace{position:absolute;z-index:1;right:96px;top:198px;width:228px;height:392px;border-right:2px dashed var(--zpc-orange);border-bottom:2px dashed var(--zpc-orange);border-radius:0 0 17px;opacity:0}.zpc__trace:before,.zpc__trace:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--zpc-orange)}.zpc__trace:before{right:-5px;top:-4px}.zpc__trace:after{right:-5px;bottom:-5px}.zpc__process{position:relative;z-index:2;margin-top:27px;padding-right:158px}.zpc__processLine{position:absolute;top:0;right:158px;left:0;height:3px;border-radius:99px;background:#176fe6;transform:scaleX(0);transform-origin:left center}.zpc__processLine:after{content:"";position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;background:var(--zpc-orange)}.zpc__steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.zpc__step{position:relative;padding-top:29px;opacity:0;transform:translateY(13px)}.zpc__stepNo{position:absolute;top:-16px;left:8px;display:grid;place-items:center;width:34px;height:34px;color:var(--zpc-blue);border:2px solid currentColor;border-radius:50%;background:#fff;font-size:11px;font-weight:850}.zpc__step:last-child .zpc__stepNo{color:var(--zpc-orange)}.zpc__stepIcon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 6px;color:#092d77}.zpc__stepIcon svg{width:43px;height:43px}.zpc__step h3{margin:0 0 12px;color:#075fda;font-size:16px;font-weight:840;text-align:center;letter-spacing:-.02em;word-break:keep-all}.zpc__step:last-child h3{color:var(--zpc-orange)}.zpc__detail{min-height:145px;padding:13px 13px 12px;border:1px solid #c7dcf3;border-radius:13px;background:linear-gradient(145deg,#f8fcfffa,#eef7ffbf);box-shadow:0 9px 24px #1a53940a}.zpc__step:last-child .zpc__detail{border-color:#ff70157a;background:linear-gradient(145deg,#fffaf6,#fff2e7)}.zpc__detail strong{display:block;margin-bottom:8px;color:#1269d7;font-size:11px;font-weight:820;line-height:1.35;word-break:keep-all}.zpc__step:last-child .zpc__detail strong{color:#e7620e}.zpc__detail ul{margin:0;padding:0;list-style:none;color:#223b60;font-size:10px;font-weight:660;line-height:1.5}.zpc__detail li{position:relative;margin:5px 0;padding-left:10px;word-break:keep-all}.zpc__detail li:before{content:"";position:absolute;top:.62em;left:0;width:4px;height:4px;border-radius:50%;background:#172b48}.zpc__approval{position:absolute;right:0;top:81px;display:grid;place-items:center;width:132px;height:132px;color:#075ed6;border:2px solid #075ed6;border-radius:50%;background:#fffffff0;box-shadow:0 15px 35px #0c54b314;text-align:center;opacity:0}.zpc__approval>div{display:grid;place-items:center}.zpc__approval:before{content:"";position:absolute;top:50%;left:-42px;width:31px;height:4px;background:var(--zpc-orange);transform:translateY(-50%)}.zpc__approval:after{content:"";position:absolute;top:50%;left:-14px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:13px solid var(--zpc-orange);transform:translateY(-50%)}.zpc__approval svg{width:47px;height:47px;margin-bottom:2px}.zpc__approval span{font-size:16px;font-weight:840}.zpc__closing{display:grid;grid-template-columns:115px 1fr 115px;gap:24px;align-items:center;margin:36px 0 0;color:var(--zpc-navy);font-size:16px;font-weight:760;text-align:center;letter-spacing:.015em;word-break:keep-all}.zpc__closing:before,.zpc__closing:after{content:"";height:1px;background:linear-gradient(90deg,transparent,#1674e7)}.zpc__closing:after{background:linear-gradient(90deg,#1674e7,transparent)}.zpc--live .zpc__kicker{animation:zpc-rise .64s var(--zpc-ease) .04s forwards}.zpc--live .zpc__title{animation:zpc-rise .72s var(--zpc-ease) .11s forwards}.zpc--live .zpc__lead{animation:zpc-rise .72s var(--zpc-ease) .18s forwards}.zpc--live .zpc__story{animation:zpc-rise .82s var(--zpc-ease) .25s forwards}.zpc--live .zpc__processLine{animation:zpc-draw .72s var(--zpc-ease) .5s forwards}.zpc--live .zpc__step{animation:zpc-rise .58s var(--zpc-ease) forwards}.zpc--live .zpc__step:nth-child(1){animation-delay:.62s}.zpc--live .zpc__step:nth-child(2){animation-delay:.76s}.zpc--live .zpc__step:nth-child(3){animation-delay:.9s}.zpc--live .zpc__step:nth-child(4){animation-delay:1.04s}.zpc--live .zpc__step:nth-child(5){animation-delay:1.18s}.zpc--live .zpc__trace{animation:zpc-fade .6s var(--zpc-ease) 1.32s forwards}.zpc--live .zpc__approval{animation:zpc-fade .6s var(--zpc-ease) 1.5s forwards}@keyframes zpc-rise{to{opacity:1;transform:translateY(0)}}@keyframes zpc-draw{to{transform:scaleX(1)}}@keyframes zpc-fade{to{opacity:.9}}@media(max-width:800px){.zpc{min-height:auto}.zpc__inner{width:100%;padding:45px 12px 52px}.zpc__kicker{gap:10px;font-size:11px;letter-spacing:.18em}.zpc__kicker:before,.zpc__kicker:after{width:31px}.zpc__title{margin:17px auto 13px;font-size:31px;line-height:1.22;letter-spacing:-.047em;text-align:center}.zpc__lead{font-size:12px;line-height:1.62;text-align:left}.zpc__sceneTitle{gap:8px;margin:20px 0 8px;font-size:11px}.zpc__sceneTitle:before,.zpc__sceneTitle:after{width:25px}.zpc__comparison{height:232px;border-radius:15px}.zpc__comparison:before{background-size:19px 19px}.zpc__comparison:after{right:3%;bottom:27px;left:3%;height:10px;background-size:8px 100%}.zpc__products{width:100%;gap:8px;padding:8px 3px 24px}.zpc__art{margin-top:6px}.zpc__art img{height:100px}.zpc__hole{width:20px;height:20px;border-width:2px}.zpc__hole:before{top:2px;left:-8px;width:17px;height:17px;border-width:1px}.zpc__hole:after{right:-13px;width:12px;border-width:1px}.zpc__label{gap:4px;margin-top:1px;font-size:9px}.zpc__label .zpc__mark{width:17px;height:17px;font-size:10px}.zpc__annotation{top:auto;bottom:46px;left:4%;width:92%;padding-left:0;text-align:center;font-size:8px;line-height:1.4}.zpc__annotationLine{display:none}.zpc__annotation strong{font-size:8px}.zpc__annotation em{margin-top:4px}.zpc__sceneNote{right:7px;bottom:9px;font-size:8px}.zpc__trace{display:none}.zpc__process{margin-top:21px;padding:0 0 0 19px}.zpc__processLine{inset:0 auto 79px 8px;width:2px;height:auto;transform:scaleY(0);transform-origin:top center}.zpc--live .zpc__processLine{animation-name:zpc-draw-y}.zpc__processLine:after{top:auto;right:-3px;bottom:-3px}.zpc__steps{grid-template-columns:1fr;gap:9px}.zpc__step{display:grid;grid-template-columns:46px 1fr;gap:9px;align-items:center;padding:0;min-height:73px}.zpc__stepNo{top:11px;left:-26px;width:28px;height:28px;font-size:9px}.zpc__stepIcon{width:42px;height:42px;margin:0}.zpc__stepIcon svg{width:34px;height:34px}.zpc__step h3{margin:0 0 5px;font-size:13px;text-align:left}.zpc__detail{min-height:0;padding:10px 11px}.zpc__detail strong{margin-bottom:4px;font-size:9px;white-space:nowrap}.zpc__detail ul{display:flex;flex-wrap:wrap;gap:2px 13px;font-size:8px;line-height:1.35}.zpc__detail li{margin:2px 0}.zpc__approval{position:relative;top:auto;right:auto;width:100%;height:52px;margin:11px 0 0;display:flex;gap:13px;border-radius:10px}.zpc__approval>div{display:flex;align-items:center;gap:12px}.zpc__approval:before{top:-14px;left:50%;width:2px;height:12px;background:#075ed6}.zpc__approval:after{top:-5px;left:50%;border-top:7px solid #075ed6;border-right:5px solid transparent;border-bottom:0;border-left:5px solid transparent;transform:translate(-45%)}.zpc__approval svg{width:34px;height:34px;margin:0}.zpc__approval span{font-size:14px}.zpc__closing{grid-template-columns:1fr;margin-top:19px;padding:0 8px;font-size:10px;line-height:1.55;text-align:left}.zpc__closing:before,.zpc__closing:after{display:none}}@keyframes zpc-draw-y{to{transform:scaleY(1)}}@media(max-width:370px){.zpc__inner{padding-right:10px;padding-left:10px}.zpc__title{font-size:28px}.zpc__lead{font-size:11px}.zpc__comparison{height:206px}.zpc__annotation{bottom:44px}.zpc__step{grid-template-columns:40px 1fr}.zpc__stepIcon{width:38px;height:38px}.zpc__detail ul{gap:2px 8px}}@media(prefers-reduced-motion:reduce){.zpc *,.zpc *:before,.zpc *:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.zpc__kicker,.zpc__title,.zpc__lead,.zpc__story,.zpc__step,.zpc__approval,.zpc__trace{opacity:1;transform:none}.zpc__processLine{transform:none}}