mosaic-headless 1.8.0 → 1.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.ja.md +1 -1
- package/README.ko.md +1 -1
- package/README.md +1 -1
- package/README.zh-TW.md +1 -1
- package/SKILL.md +11 -7
- package/assets/templates/platforms/claude-ai.json +1 -1
- package/assets/templates/platforms/claude-code.json +1 -1
- package/assets/templates/platforms/codex-cli.json +1 -1
- package/assets/templates/platforms/copilot.json +1 -1
- package/assets/templates/platforms/gemini-cli.json +1 -1
- package/bin/check-release.mjs +2 -2
- package/data/browser-verification.csv +18 -15
- package/data/design-audit.csv +2 -2
- package/data/intro-verification.csv +13 -12
- package/data/rwd-verification.csv +1 -1
- package/package.json +1 -1
- package/sites/_moksa.py +107 -20
- package/sites/moksa.json +1422 -427
- package/tools/verify_intro.py +49 -5
package/sites/moksa.json
CHANGED
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"data": {
|
|
55
55
|
"attrID": "mk-motion-css",
|
|
56
56
|
"insertLocation": "head",
|
|
57
|
-
"content": "<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&family=Noto+Sans+TC:wght@300;400;500&display=swap\">\n<style id=\"mk-motion\">\n@keyframes mk-linein{from{transform:translateY(110%)}to{transform:translateY(0)}}\n@keyframes mk-softin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}\n@keyframes mk-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}\n@keyframes mk-drawx{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n@keyframes mk-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes mk-progress{from{width:0%}to{width:100%}}\n@keyframes mk-headrule{from{opacity:0}to{opacity:1}}\n@keyframes mk-headbg{from{background:rgba(250,250,247,0)}to{background:rgba(250,250,247,.9)}}\n@keyframes mk-caret{0%,45%{opacity:1}50%,95%{opacity:0}100%{opacity:1}}\n@keyframes mk-cuearrow{0%{transform:translateY(-3px) rotate(45deg);opacity:0}25%{opacity:1}70%{opacity:1}100%{transform:translateY(20px) rotate(45deg);opacity:0}}\n@keyframes mk-cuefade{0%,25%{opacity:1}100%{opacity:0}}\n@keyframes mk-digit{from{transform:translateY(105%)}to{transform:translateY(0)}}\n@keyframes mk-sweep{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n@keyframes mk-markin{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}\n@keyframes mk-idxon{from,to{color:rgb(255,90,54);letter-spacing:.2em}}\n@keyframes mk-dotin{from{transform:scale(0)}to{transform:scale(1)}}\n@keyframes mk-pan{from{transform:translateX(2%)}to{transform:translateX(-34%)}}\n@keyframes mk-fillscrub{from{background-position:100% 0}to{background-position:0 0}}\n@keyframes mk-flow{0%{transform:translateX(-7px);opacity:.2}45%{opacity:1}100%{transform:translateX(7px);opacity:.2}}\n#mk-doc{position:relative}\n#mk-doc::before,#mk-doc::after{content:\"\";position:fixed;top:0;bottom:0;width:1px;background:rgba(22,24,28,.16);z-index:1;pointer-events:none}\n#mk-doc::before{left:40px}\n#mk-doc::after{right:40px}\n@media (max-width:1079px){#mk-doc::before{left:28px}#mk-doc::after{right:28px}}\n@media (max-width:767px){#mk-doc::before,#mk-doc::after{display:none}}\n#mk-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(250,250,247,0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}\n#mk-header::after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(22,24,28,.16);opacity:0}\n#mk-nav>*{position:relative}\n#mk-nav>*::after{content:\"\";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:rgb(255,90,54);transition:right .28s cubic-bezier(.2,.7,.3,1)}\n#mk-nav>*:hover::after{right:0}\n@media (hover:none){#mk-nav>*::after{right:0;opacity:.45}}\n#mk-progress-track{position:fixed;top:0;left:0;right:0;height:2px;z-index:101;pointer-events:none;background:rgba(255,90,54,.16)}\n#mk-progress{position:absolute;left:0;top:0;width:0;height:100%;background:rgb(255,90,54)}\n#mk-mast-in{padding-top:128px}\n@media (max-width:1079px){#mk-mast-in{padding-top:104px}}\n@media (max-width:767px){#mk-mast-in{padding-top:88px}}\n#mk-caret{width:13px;height:19px;background:rgb(255,90,54)}\n#mk-plate-dash{width:34px;height:1px;background:rgb(191,68,40)}\n#mk-mast-rule,#mk-spec-rule{height:1px;background:rgba(22,24,28,.16);transform:scaleX(0);transform-origin:0 50%}\n#mk-fig-0>div>*,#mk-fig-1>div>*,#mk-fig-2>div>*,#mk-fig-3>div>*{display:block;transform:translateY(105%)}\n#mk-work-0,#mk-work-1,#mk-work-2,#mk-work-3,#mk-work-4,#mk-work-5,#mk-work-6,#mk-work-7,#mk-work-8{position:relative;transition:background-color .2s ease,padding-left .28s cubic-bezier(.2,.7,.3,1)}\n#mk-work-0::after,#mk-work-1::after,#mk-work-2::after,#mk-work-3::after,#mk-work-4::after,#mk-work-5::after,#mk-work-6::after,#mk-work-7::after,#mk-work-8::after{content:\"\";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:rgb(255,90,54);transform:scaleX(0);transform-origin:0 50%}\n#mk-work-0:hover,#mk-work-1:hover,#mk-work-2:hover,#mk-work-3:hover,#mk-work-4:hover,#mk-work-5:hover,#mk-work-6:hover,#mk-work-7:hover,#mk-work-8:hover{background-color:rgba(255,90,54,.06);padding-left:14px}\n#mk-work-0:hover #mk-work-idx-0,#mk-work-1:hover #mk-work-idx-1,#mk-work-2:hover #mk-work-idx-2,#mk-work-3:hover #mk-work-idx-3,#mk-work-4:hover #mk-work-idx-4,#mk-work-5:hover #mk-work-idx-5,#mk-work-6:hover #mk-work-idx-6,#mk-work-7:hover #mk-work-idx-7,#mk-work-8:hover #mk-work-idx-8{color:rgb(255,90,54)}\n#mk-mark-0,#mk-mark-1,#mk-mark-2,#mk-mark-3{position:fixed;width:13px;height:13px;z-index:2;pointer-events:none;opacity:0}\n#mk-mark-0{top:66px;left:40px;border-left:1px solid rgba(22,24,28,.42);border-top:1px solid rgba(22,24,28,.42)}\n#mk-mark-1{top:66px;right:40px;border-right:1px solid rgba(22,24,28,.42);border-top:1px solid rgba(22,24,28,.42)}\n#mk-mark-2{bottom:20px;left:40px;border-left:1px solid rgba(22,24,28,.42);border-bottom:1px solid rgba(22,24,28,.42)}\n#mk-mark-3{bottom:20px;right:40px;border-right:1px solid rgba(22,24,28,.42);border-bottom:1px solid rgba(22,24,28,.42)}\n@media (max-width:1279px){#mk-mark-0,#mk-mark-1,#mk-mark-2,#mk-mark-3{display:none}}\n#mk-index{position:fixed;left:8px;top:50%;transform:translateY(-50%);z-index:3;display:grid;row-gap:11px;pointer-events:auto;background:rgb(250,250,247);padding:14px 10px;border:1px solid rgba(22,24,28,.16)}\n@media (max-width:1439px){#mk-index{display:none}}\n#mk-proc-dot-0,#mk-proc-dot-1,#mk-proc-dot-2,#mk-proc-dot-3{width:7px;height:7px;background:rgb(255,90,54);border-radius:50%;transform:scale(0);margin-top:-4px}\n#mk-tag-0-0:hover,#mk-tag-0-1:hover,#mk-tag-0-2:hover,#mk-tag-0-3:hover,#mk-tag-0-4:hover,#mk-tag-1-0:hover,#mk-tag-1-1:hover,#mk-tag-1-2:hover,#mk-tag-1-3:hover,#mk-tag-1-4:hover,#mk-tag-2-0:hover,#mk-tag-2-1:hover,#mk-tag-2-2:hover,#mk-tag-2-3:hover,#mk-tag-2-4:hover,#mk-tag-3-0:hover,#mk-tag-3-1:hover,#mk-tag-3-2:hover,#mk-tag-3-3:hover,#mk-tag-3-4:hover,#mk-tag-4-0:hover,#mk-tag-4-1:hover,#mk-tag-4-2:hover,#mk-tag-4-3:hover,#mk-tag-4-4:hover{border-color:rgb(255,90,54)}\n#mk-ticker-track{display:flex;width:max-content;will-change:transform}\n#mk-ticker:hover #mk-ticker-track{animation-play-state:paused}\nhtml{scroll-behavior:smooth}\n#services,#works,#products,#contact{scroll-margin-top:82px}\n#mk-home{scroll-margin-top:0}\n@media (max-width:767px){#services,#works,#products,#contact{scroll-margin-top:68px}}\n#mk-cue{position:fixed;right:40px;bottom:24px;z-index:90;display:flex;align-items:center;column-gap:10px;pointer-events:none}\n#mk-cue-rail{position:relative;width:9px;height:24px}\n#mk-cue-rail::after{content:\"\";position:absolute;left:50%;top:0;width:7px;height:7px;margin-left:-4px;opacity:0;border-right:1px solid rgb(255,90,54);border-bottom:1px solid rgb(255,90,54)}\n@media (max-width:1079px){#mk-cue{right:28px}}\n@media (max-width:767px){#mk-cue{right:18px;bottom:16px}}\n#mk-boot{display:none}\n@property --mk-n{syntax:'<integer>';initial-value:0;inherits:true}\n@keyframes mk-count{to{--mk-n:100}}\n@keyframes mk-boot-out{0%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 100% 0);visibility:hidden}}\n@keyframes mk-boot-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n@keyframes mk-boot-line{from{opacity:.14}60%{opacity:1;color:rgb(255,90,54)}to{opacity:.55;color:rgb(107,109,113)}}\n@keyframes mk-boot-scan{from{transform:translateY(0)}to{transform:translateY(100vh)}}\n@keyframes mk-boot-fade{from{opacity:0}to{opacity:1}}\n@keyframes mk-boot-type{from{clip-path:inset(0 100% 0 0);opacity:.3}to{clip-path:inset(0 0 0 0);opacity:1}}\n@keyframes mk-boot-caret{0%,49%{opacity:1}50%,99%{opacity:0}}\n@keyframes mk-boot-cross{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}\n@keyframes mk-boot-tick{from{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}\n@keyframes mk-boot-stamp{0%{opacity:0;transform:scale(1.35)}55%{opacity:1;transform:scale(.97)}100%{opacity:1;transform:scale(1)}}\n@media (prefers-reduced-motion:no-preference){\n #mk-boot{display:grid;position:fixed;inset:0;z-index:999;background:rgb(250,250,247);align-content:center;justify-items:center;row-gap:20px;overflow:hidden;animation:mk-boot-out .62s cubic-bezier(.7,0,.3,1) 2.95s forwards}\n #mk-boot-head,#mk-boot-foot{position:absolute;left:40px;right:40px;display:flex;justify-content:space-between;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.2em;color:rgb(107,109,113);animation:mk-boot-fade .4s ease both}\n #mk-boot-head{top:34px}\n #mk-boot-foot{bottom:30px;animation-delay:.1s}\n #mk-boot-num{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:104px;font-weight:500;line-height:1;letter-spacing:-.04em;color:rgb(22,24,28);font-variant-numeric:tabular-nums;min-width:3ch;text-align:right;animation:mk-count 2.05s linear .3s both}\n #mk-boot-num::after{counter-reset:n var(--mk-n);content:counter(n)}\n #mk-boot-row{display:flex;align-items:flex-end;column-gap:8px;line-height:1}\n #mk-boot-pct{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:18px;color:rgb(191,68,40);padding-bottom:12px}\n #mk-boot-track{width:min(420px,62vw);height:1px;background:rgba(22,24,28,.14);position:relative}\n #mk-boot-fill{position:absolute;inset:0;background:rgb(255,90,54);transform-origin:0 50%;animation:mk-boot-fill 2.05s linear .3s both}\n #mk-boot-track::after{content:\"\";position:absolute;left:0;right:0;top:-3px;height:3px;background:repeating-linear-gradient(90deg,rgba(22,24,28,.22) 0 1px,transparent 1px 42px);animation:mk-boot-fade .5s ease .15s both}\n #mk-boot-list{display:flex;column-gap:18px;row-gap:8px;flex-wrap:wrap;justify-content:center;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.18em}\n #mk-boot-list>*{opacity:.14;animation:mk-boot-line .62s ease both}\n #mk-boot-c0{animation-delay:700ms}\n #mk-boot-c1{animation-delay:900ms}\n #mk-boot-c2{animation-delay:1100ms}\n #mk-boot-c3{animation-delay:1300ms}\n #mk-boot-c4{animation-delay:1500ms}\n #mk-boot-c5{animation-delay:1700ms}\n #mk-boot-c6{animation-delay:1900ms}\n #mk-boot::before{content:\"\";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(22,24,28,.045) 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,rgba(22,24,28,.045) 0 1px,transparent 1px 72px);animation:mk-boot-fade .5s ease both}\n #mk-boot-scan{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(255,90,54,0),rgba(255,90,54,.55),rgba(255,90,54,0));animation:mk-boot-scan 1.45s linear .15s 2 both}\n #mk-boot .mk-x,#mk-boot-x0,#mk-boot-x1,#mk-boot-x2,#mk-boot-x3{position:absolute;width:14px;height:14px;animation:mk-boot-cross .5s cubic-bezier(.16,1,.3,1) both}\n #mk-boot-x0{top:64px;left:40px;border-left:1px solid rgba(22,24,28,.42);border-top:1px solid rgba(22,24,28,.42);animation-delay:.08s}\n #mk-boot-x1{top:64px;right:40px;border-right:1px solid rgba(22,24,28,.42);border-top:1px solid rgba(22,24,28,.42);animation-delay:.16s}\n #mk-boot-x2{bottom:56px;left:40px;border-left:1px solid rgba(22,24,28,.42);border-bottom:1px solid rgba(22,24,28,.42);animation-delay:.24s}\n #mk-boot-x3{bottom:56px;right:40px;border-right:1px solid rgba(22,24,28,.42);border-bottom:1px solid rgba(22,24,28,.42);animation-delay:.32s}\n #mk-boot-ruler{position:absolute;left:40px;top:50%;transform:translateY(-50%);display:grid;row-gap:9px}\n #mk-boot-ruler>*{width:9px;height:1px;background:rgba(22,24,28,.42);transform-origin:0 50%;animation:mk-boot-tick .3s ease both}\n #mk-boot-t0{animation-delay:120ms}\n #mk-boot-t1{animation-delay:146ms}\n #mk-boot-t2{animation-delay:172ms}\n #mk-boot-t3{animation-delay:198ms}\n #mk-boot-t4{animation-delay:224ms}\n #mk-boot-t5{animation-delay:250ms}\n #mk-boot-t6{animation-delay:276ms}\n #mk-boot-t7{animation-delay:302ms}\n #mk-boot-t8{animation-delay:328ms}\n #mk-boot-t9{animation-delay:354ms}\n #mk-boot-t10{animation-delay:380ms}\n #mk-boot-t11{animation-delay:406ms}\n #mk-boot-t12{animation-delay:432ms}\n @media (max-width:1023px){#mk-boot-ruler{display:none}}\n #mk-boot-log{display:grid;row-gap:7px;justify-items:start;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.16em;color:rgb(107,109,113);min-height:64px}\n #mk-boot-log>*{animation:mk-boot-type .42s steps(24,end) both}\n #mk-boot-l0{animation-delay:550ms}\n #mk-boot-l1{animation-delay:930ms}\n #mk-boot-l2{animation-delay:1310ms}\n #mk-boot-l3{animation-delay:1690ms}\n #mk-boot-cursor{width:7px;height:11px;background:rgb(255,90,54);animation:mk-boot-caret .62s steps(1,end) .5s infinite}\n #mk-boot-ready{border:1px solid rgb(191,68,40);padding:5px 12px;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.24em;color:rgb(191,68,40);opacity:0;animation:mk-boot-stamp .42s cubic-bezier(.16,1,.3,1) 2.42s both}\n @media (max-width:767px){#mk-boot-num{font-size:62px}#mk-boot-head,#mk-boot-foot{left:18px;right:18px}}\n #mk-hl1-mask>*,#mk-hl2-mask>*{transform:translateY(112%);animation:mk-linein .95s cubic-bezier(.16,1,.3,1) forwards}\n #mk-hl1-mask>*{animation-delay:3.16s}\n #mk-hl2-mask>*{animation-delay:3.28s}\n #mk-mast-meta,#mk-mast-lede,#mk-mast-cta{opacity:0;animation:mk-softin .8s cubic-bezier(.16,1,.3,1) forwards}\n #mk-mast-meta{animation-delay:3.06s}\n #mk-mast-lede{animation-delay:3.54s}\n #mk-mast-cta{animation-delay:3.66s}\n #mk-ar-a-0>*,#mk-ar-b-0>*,#mk-ar-a-1>*,#mk-ar-b-1>*,#mk-ar-a-2>*,#mk-ar-b-2>*{animation:mk-flow 1.9s ease-in-out infinite}\n #mk-ar-a-0>*{animation-delay:0ms}\n #mk-ar-b-0>*{animation-delay:130ms}\n #mk-ar-a-1>*{animation-delay:260ms}\n #mk-ar-b-1>*{animation-delay:390ms}\n #mk-ar-a-2>*{animation-delay:520ms}\n #mk-ar-b-2>*{animation-delay:650ms}\n #mk-caret{animation:mk-caret 1.15s steps(1,end) infinite;animation-delay:3.84s}\n #mk-mast-rule{animation:mk-drawx .9s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:3.40s}\n #mk-spec-rule{animation:mk-drawx .9s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:.9s}\n #mk-cue{opacity:0;animation:mk-softin .8s ease forwards;animation-delay:1.1s}\n #mk-cue-rail::after{animation:mk-cuearrow 1.9s cubic-bezier(.4,0,.5,1) infinite}\n #mk-ticker-track{animation:mk-ticker 40s linear infinite}\n #mk-mark-0,#mk-mark-1,#mk-mark-2,#mk-mark-3{animation:mk-markin .5s cubic-bezier(.16,1,.3,1) forwards}\n #mk-mark-0{animation-delay:1.15s}\n #mk-mark-1{animation-delay:1.24s}\n #mk-mark-2{animation-delay:1.33s}\n #mk-mark-3{animation-delay:1.42s}\n @supports (animation-timeline:view()){\n #mk-spec,#mk-svc-head,#mk-svc-0,#mk-svc-1,#mk-svc-2,#mk-svc-3,#mk-proc-head,#mk-proc-0,#mk-proc-1,#mk-proc-2,#mk-proc-3,#mk-works-head,#mk-work-0,#mk-work-1,#mk-work-2,#mk-work-3,#mk-work-4,#mk-work-5,#mk-work-6,#mk-work-7,#mk-work-8,#mk-plate-num,#mk-plate-t,#mk-mx-head,#mk-mx-cols,#mk-mx-r-0,#mk-mx-r-1,#mk-mx-r-2,#mk-mx-r-3,#mk-mx-r-4,#mk-mx-r-5,#mk-mx-r-6,#mk-mx-r-7,#mk-fig2-head,#mk-fl-a-0,#mk-fl-b-0,#mk-fl-c-0,#mk-fl-a-1,#mk-fl-b-1,#mk-fl-c-1,#mk-fl-a-2,#mk-fl-b-2,#mk-fl-c-2,#mk-spec2-head,#mk-spec2-r-0,#mk-spec2-r-1,#mk-spec2-r-2,#mk-spec2-r-3,#mk-stack-head,#mk-stack-0,#mk-stack-1,#mk-stack-2,#mk-stack-3,#mk-stack-4,#mk-prod-head,#mk-prod-0,#mk-prod-1,#mk-voice-head,#mk-voice-0,#mk-voice-1,#mk-voice-2,#mk-contact-head{animation:mk-rise .01s linear both;animation-timeline:view();animation-range:entry 2% cover 36%}\n #mk-svc-0{animation-range:entry 6% cover 40%}\n #mk-svc-1{animation-range:entry 10% cover 44%}\n #mk-svc-2{animation-range:entry 14% cover 48%}\n #mk-svc-3{animation-range:entry 18% cover 52%}\n #mk-proc-0{animation-range:entry 6% cover 40%}\n #mk-proc-1{animation-range:entry 10% cover 44%}\n #mk-proc-2{animation-range:entry 14% cover 48%}\n #mk-proc-3{animation-range:entry 18% cover 52%}\n #mk-work-0{animation-range:entry 6% cover 40%}\n #mk-work-1{animation-range:entry 6% cover 40%}\n #mk-work-2{animation-range:entry 10% cover 44%}\n #mk-work-3{animation-range:entry 10% cover 44%}\n #mk-work-4{animation-range:entry 14% cover 48%}\n #mk-work-5{animation-range:entry 14% cover 48%}\n #mk-work-6{animation-range:entry 18% cover 52%}\n #mk-work-7{animation-range:entry 18% cover 52%}\n #mk-work-8{animation-range:entry 22% cover 56%}\n #mk-plate-t{animation-range:entry 6% cover 40%}\n #mk-mx-cols{animation-range:entry 6% cover 40%}\n #mk-mx-r-0{animation-range:entry 6% cover 40%}\n #mk-mx-r-1{animation-range:entry 10% cover 44%}\n #mk-mx-r-2{animation-range:entry 10% cover 44%}\n #mk-mx-r-3{animation-range:entry 14% cover 48%}\n #mk-mx-r-4{animation-range:entry 14% cover 48%}\n #mk-mx-r-5{animation-range:entry 18% cover 52%}\n #mk-mx-r-6{animation-range:entry 18% cover 52%}\n #mk-mx-r-7{animation-range:entry 22% cover 56%}\n #mk-fl-a-0{animation-range:entry 6% cover 40%}\n #mk-fl-b-0{animation-range:entry 10% cover 44%}\n #mk-fl-c-0{animation-range:entry 14% cover 48%}\n #mk-fl-a-1{animation-range:entry 10% cover 44%}\n #mk-fl-b-1{animation-range:entry 14% cover 48%}\n #mk-fl-c-1{animation-range:entry 18% cover 52%}\n #mk-fl-a-2{animation-range:entry 14% cover 48%}\n #mk-fl-b-2{animation-range:entry 18% cover 52%}\n #mk-fl-c-2{animation-range:entry 22% cover 56%}\n #mk-spec2-r-0{animation-range:entry 6% cover 40%}\n #mk-spec2-r-1{animation-range:entry 10% cover 44%}\n #mk-spec2-r-2{animation-range:entry 14% cover 48%}\n #mk-spec2-r-3{animation-range:entry 18% cover 52%}\n #mk-stack-0{animation-range:entry 6% cover 40%}\n #mk-stack-1{animation-range:entry 10% cover 44%}\n #mk-stack-2{animation-range:entry 14% cover 48%}\n #mk-stack-3{animation-range:entry 18% cover 52%}\n #mk-stack-4{animation-range:entry 22% cover 56%}\n #mk-prod-0{animation-range:entry 6% cover 40%}\n #mk-prod-1{animation-range:entry 10% cover 44%}\n #mk-voice-0{animation-range:entry 6% cover 40%}\n #mk-voice-1{animation-range:entry 10% cover 44%}\n #mk-voice-2{animation-range:entry 14% cover 48%}\n #mk-fig-0>div>*,#mk-fig-1>div>*,#mk-fig-2>div>*,#mk-fig-3>div>*{animation:mk-digit .7s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--d,0ms)}\n #mk-fig-0>div,#mk-fig-1>div,#mk-fig-2>div,#mk-fig-3>div{animation:mk-rise .01s linear both;animation-timeline:view();animation-range:entry 0% entry 1%}\n #mk-work-0::after,#mk-work-1::after,#mk-work-2::after,#mk-work-3::after,#mk-work-4::after,#mk-work-5::after,#mk-work-6::after,#mk-work-7::after,#mk-work-8::after{animation:mk-sweep .01s linear both;animation-timeline:view();animation-range:entry 12% cover 24%}\n #mk-proc-dot-0,#mk-proc-dot-1,#mk-proc-dot-2,#mk-proc-dot-3{animation:mk-dotin .01s linear both;animation-timeline:view();animation-range:entry 14% cover 26%}\n #mk-pan-track{animation:mk-pan linear both;animation-timeline:view();animation-range:cover 0% cover 100%}\n #mk-plate-t h2{background-image:linear-gradient(90deg,rgb(22,24,28) 0 50%,rgb(107,109,113) 50% 100%);background-size:220% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);animation:mk-fillscrub linear both;animation-timeline:view();animation-range:entry 24% cover 58%}\n }\n @supports (timeline-scope:--x){\n #mk-doc{timeline-scope:--mk-s1,--mk-s2,--mk-s3,--mk-s4,--mk-s5,--mk-s6,--mk-s7}\n#services{view-timeline-name:--mk-s1;view-timeline-inset:45% 45%}\n#process{view-timeline-name:--mk-s2;view-timeline-inset:45% 45%}\n#works{view-timeline-name:--mk-s3;view-timeline-inset:45% 45%}\n#stack{view-timeline-name:--mk-s4;view-timeline-inset:45% 45%}\n#products{view-timeline-name:--mk-s5;view-timeline-inset:45% 45%}\n#mk-voices{view-timeline-name:--mk-s6;view-timeline-inset:45% 45%}\n#contact{view-timeline-name:--mk-s7;view-timeline-inset:45% 45%}\n #mk-idx-0{animation:mk-idxon linear;animation-timeline:--mk-s1;animation-range:cover 0% cover 100%}\n #mk-idx-1{animation:mk-idxon linear;animation-timeline:--mk-s2;animation-range:cover 0% cover 100%}\n #mk-idx-2{animation:mk-idxon linear;animation-timeline:--mk-s3;animation-range:cover 0% cover 100%}\n #mk-idx-3{animation:mk-idxon linear;animation-timeline:--mk-s4;animation-range:cover 0% cover 100%}\n #mk-idx-4{animation:mk-idxon linear;animation-timeline:--mk-s5;animation-range:cover 0% cover 100%}\n #mk-idx-5{animation:mk-idxon linear;animation-timeline:--mk-s6;animation-range:cover 0% cover 100%}\n #mk-idx-6{animation:mk-idxon linear;animation-timeline:--mk-s7;animation-range:cover 0% cover 100%}\n }\n @supports (animation-timeline:scroll()){\n #mk-progress{animation:mk-progress linear both;animation-timeline:scroll(root)}\n #mk-cue{animation:mk-cuefade linear both;animation-timeline:scroll(root);animation-range:0px 260px}\n #mk-header{animation:mk-headbg linear both;animation-timeline:scroll(root);animation-range:20px 120px}\n #mk-header::after{animation:mk-headrule linear both;animation-timeline:scroll(root);animation-range:20px 120px}\n }\n}\n</style>",
|
|
57
|
+
"content": "<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&family=Noto+Sans+TC:wght@300;400;500&display=swap\">\n<style id=\"mk-motion\">\n@keyframes mk-linein{from{transform:translateY(110%)}to{transform:translateY(0)}}\n@keyframes mk-softin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}\n@keyframes mk-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}\n@keyframes mk-drawx{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n@keyframes mk-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes mk-progress{from{width:0%}to{width:100%}}\n@keyframes mk-headrule{from{opacity:0}to{opacity:1}}\n@keyframes mk-headbg{from{background:rgba(250,250,247,0)}to{background:rgba(250,250,247,.9)}}\n@keyframes mk-caret{0%,45%{opacity:1}50%,95%{opacity:0}100%{opacity:1}}\n@keyframes mk-cuearrow{0%{transform:translateY(-3px) rotate(45deg);opacity:0}25%{opacity:1}70%{opacity:1}100%{transform:translateY(20px) rotate(45deg);opacity:0}}\n@keyframes mk-cuefade{0%,25%{opacity:1}100%{opacity:0}}\n@keyframes mk-digit{from{transform:translateY(105%)}to{transform:translateY(0)}}\n@keyframes mk-sweep{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n@keyframes mk-markin{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}\n@keyframes mk-idxon{from,to{color:rgb(255,90,54);letter-spacing:.2em}}\n@keyframes mk-dotin{from{transform:scale(0)}to{transform:scale(1)}}\n@keyframes mk-pan{from{transform:translateX(2%)}to{transform:translateX(-34%)}}\n@keyframes mk-panloop{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes mk-fillscrub{from{background-position:100% 0}to{background-position:0 0}}\n@keyframes mk-flow{0%{transform:translateX(-7px);opacity:.2}45%{opacity:1}100%{transform:translateX(7px);opacity:.2}}\n#mk-doc{position:relative}\n#mk-doc::before,#mk-doc::after{content:\"\";position:fixed;top:0;bottom:0;width:1px;background:rgba(22,24,28,.16);z-index:1;pointer-events:none}\n#mk-doc::before{left:40px}\n#mk-doc::after{right:40px}\n@media (max-width:1079px){#mk-doc::before{left:28px}#mk-doc::after{right:28px}}\n@media (max-width:767px){#mk-doc::before,#mk-doc::after{display:none}}\n#mk-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(250,250,247,0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}\n#mk-header::after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(22,24,28,.16);opacity:0}\n#mk-nav>*{position:relative}\n#mk-nav>*::after{content:\"\";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:rgb(255,90,54);transition:right .28s cubic-bezier(.2,.7,.3,1)}\n#mk-nav>*:hover::after{right:0}\n@media (hover:none){#mk-nav>*::after{right:0;opacity:.45}}\n#mk-progress-track{position:fixed;top:0;left:0;right:0;height:2px;z-index:101;pointer-events:none;background:rgba(255,90,54,.16)}\n#mk-progress{position:absolute;left:0;top:0;width:0;height:100%;background:rgb(255,90,54)}\n#mk-mast-in{padding-top:128px}\n@media (max-width:1079px){#mk-mast-in{padding-top:104px}}\n@media (max-width:767px){#mk-mast-in{padding-top:88px}}\n#mk-caret{width:13px;height:19px;background:rgb(255,90,54)}\n#mk-plate-dash{width:34px;height:1px;background:rgb(191,68,40)}\n@property --mk-s{syntax:'<integer>';initial-value:0;inherits:true}\n@property --mk-m{syntax:'<integer>';initial-value:0;inherits:true}\n@keyframes mk-secs{to{--mk-s:60}}\n@keyframes mk-mins{to{--mk-m:60}}\n@keyframes mk-livedot{0%,55%{opacity:1}56%,100%{opacity:.15}}\n#mk-clock{display:flex;align-items:baseline;column-gap:5px;margin-left:18px;padding-left:18px;border-left:1px solid rgba(22,24,28,.16)}\n#mk-clock-dot{width:5px;height:5px;background:rgb(255,90,54);align-self:center;margin-right:3px}\n#mk-clock-m,#mk-clock-s{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:rgb(22,24,28);font-variant-numeric:tabular-nums;letter-spacing:0.02em}\n#mk-clock-s::after{counter-reset:s var(--mk-s);content:counter(s,decimal-leading-zero)}\n#mk-clock-m::after{counter-reset:m var(--mk-m);content:counter(m,decimal-leading-zero)}\n@media (max-width:1023px){#mk-clock{display:none}}\n@keyframes mk-sweepdown{from{transform:translateY(-10vh)}to{transform:translateY(110vh)}}\n#mk-sweep{content:\"\";position:fixed;left:0;right:0;top:0;height:1px;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(255,90,54,0),rgba(255,90,54,.30) 22%,rgba(255,90,54,.30) 78%,rgba(255,90,54,0))}\n@keyframes mk-railrun{from{background-position:0 -40vh}to{background-position:0 140vh}}\n#mk-mast-rule,#mk-spec-rule{height:1px;background:rgba(22,24,28,.16);transform:scaleX(0);transform-origin:0 50%}\n#mk-fig-0>div>*,#mk-fig-1>div>*,#mk-fig-2>div>*,#mk-fig-3>div>*{display:block;transform:translateY(105%)}\n#mk-work-0,#mk-work-1,#mk-work-2,#mk-work-3,#mk-work-4,#mk-work-5,#mk-work-6,#mk-work-7,#mk-work-8{position:relative;transition:background-color .2s ease,padding-left .28s cubic-bezier(.2,.7,.3,1)}\n#mk-work-0::after,#mk-work-1::after,#mk-work-2::after,#mk-work-3::after,#mk-work-4::after,#mk-work-5::after,#mk-work-6::after,#mk-work-7::after,#mk-work-8::after{content:\"\";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:rgb(255,90,54);transform:scaleX(0);transform-origin:0 50%}\n#mk-work-0:hover,#mk-work-1:hover,#mk-work-2:hover,#mk-work-3:hover,#mk-work-4:hover,#mk-work-5:hover,#mk-work-6:hover,#mk-work-7:hover,#mk-work-8:hover{background-color:rgba(255,90,54,.06);padding-left:14px}\n#mk-work-0:hover #mk-work-idx-0,#mk-work-1:hover #mk-work-idx-1,#mk-work-2:hover #mk-work-idx-2,#mk-work-3:hover #mk-work-idx-3,#mk-work-4:hover #mk-work-idx-4,#mk-work-5:hover #mk-work-idx-5,#mk-work-6:hover #mk-work-idx-6,#mk-work-7:hover #mk-work-idx-7,#mk-work-8:hover #mk-work-idx-8{color:rgb(255,90,54)}\n#mk-mark-0,#mk-mark-1,#mk-mark-2,#mk-mark-3{position:fixed;width:13px;height:13px;z-index:2;pointer-events:none;opacity:0}\n#mk-mark-0{top:66px;left:40px;border-left:1px solid rgba(22,24,28,.42);border-top:1px solid rgba(22,24,28,.42)}\n#mk-mark-1{top:66px;right:40px;border-right:1px solid rgba(22,24,28,.42);border-top:1px solid rgba(22,24,28,.42)}\n#mk-mark-2{bottom:20px;left:40px;border-left:1px solid rgba(22,24,28,.42);border-bottom:1px solid rgba(22,24,28,.42)}\n#mk-mark-3{bottom:20px;right:40px;border-right:1px solid rgba(22,24,28,.42);border-bottom:1px solid rgba(22,24,28,.42)}\n@media (max-width:1279px){#mk-mark-0,#mk-mark-1,#mk-mark-2,#mk-mark-3{display:none}}\n#mk-index{position:fixed;left:8px;top:50%;transform:translateY(-50%);z-index:3;display:grid;row-gap:11px;pointer-events:auto;background:rgb(250,250,247);padding:14px 10px;border:1px solid rgba(22,24,28,.16)}\n#mk-index>*{display:flex;column-gap:8px;align-items:baseline}\n@media (max-width:1679px){#mk-idx-w-0,#mk-idx-w-1,#mk-idx-w-2,#mk-idx-w-3,#mk-idx-w-4,#mk-idx-w-5,#mk-idx-w-6{display:none}#mk-index{padding:12px 7px;left:4px}}\n@media (max-width:1439px){#mk-index{display:none}}\n#mk-proc-dot-0,#mk-proc-dot-1,#mk-proc-dot-2,#mk-proc-dot-3{width:7px;height:7px;background:rgb(255,90,54);border-radius:50%;transform:scale(0);margin-top:-4px}\n#mk-tag-0-0:hover,#mk-tag-0-1:hover,#mk-tag-0-2:hover,#mk-tag-0-3:hover,#mk-tag-0-4:hover,#mk-tag-1-0:hover,#mk-tag-1-1:hover,#mk-tag-1-2:hover,#mk-tag-1-3:hover,#mk-tag-1-4:hover,#mk-tag-2-0:hover,#mk-tag-2-1:hover,#mk-tag-2-2:hover,#mk-tag-2-3:hover,#mk-tag-2-4:hover,#mk-tag-3-0:hover,#mk-tag-3-1:hover,#mk-tag-3-2:hover,#mk-tag-3-3:hover,#mk-tag-3-4:hover,#mk-tag-4-0:hover,#mk-tag-4-1:hover,#mk-tag-4-2:hover,#mk-tag-4-3:hover,#mk-tag-4-4:hover{border-color:rgb(255,90,54)}\n#mk-ticker-track{display:flex;width:max-content;will-change:transform}\n#mk-ticker:hover #mk-ticker-track{animation-play-state:paused}\nhtml{scroll-behavior:smooth}\n#services,#works,#products,#contact{scroll-margin-top:82px}\n#mk-home{scroll-margin-top:0}\n@media (max-width:767px){#services,#works,#products,#contact{scroll-margin-top:68px}}\n#mk-cue{position:fixed;right:40px;bottom:24px;z-index:90;display:flex;align-items:center;column-gap:10px;pointer-events:none}\n#mk-cue-rail{position:relative;width:9px;height:24px}\n#mk-cue-rail::after{content:\"\";position:absolute;left:50%;top:0;width:7px;height:7px;margin-left:-4px;opacity:0;border-right:1px solid rgb(255,90,54);border-bottom:1px solid rgb(255,90,54)}\n@media (max-width:1079px){#mk-cue{right:28px}}\n@media (max-width:767px){#mk-cue{right:18px;bottom:16px}}\n#mk-boot{display:none}\n@property --mk-n{syntax:'<integer>';initial-value:0;inherits:true}\n@keyframes mk-count{to{--mk-n:100}}\n@keyframes mk-boot-out{0%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 100% 0);visibility:hidden}}\n@keyframes mk-boot-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n@keyframes mk-boot-line{from{opacity:.14}60%{opacity:1;color:rgb(255,90,54)}to{opacity:.55;color:rgb(107,109,113)}}\n@keyframes mk-boot-scan{from{transform:translateY(0)}to{transform:translateY(100vh)}}\n@keyframes mk-boot-fade{from{opacity:0}to{opacity:1}}\n@keyframes mk-boot-type{from{clip-path:inset(0 100% 0 0);opacity:.3}to{clip-path:inset(0 0 0 0);opacity:1}}\n@keyframes mk-boot-caret{0%,49%{opacity:1}50%,99%{opacity:0}}\n@keyframes mk-boot-cross{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}\n@keyframes mk-boot-tick{from{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}\n@keyframes mk-boot-stamp{0%{opacity:0;transform:scale(1.35)}55%{opacity:1;transform:scale(.97)}100%{opacity:1;transform:scale(1)}}\n@media (prefers-reduced-motion:no-preference){\n #mk-boot{display:grid;position:fixed;inset:0;z-index:999;background:rgb(250,250,247);align-content:center;justify-items:center;row-gap:20px;overflow:hidden;animation:mk-boot-out .62s cubic-bezier(.7,0,.3,1) 2.95s forwards}\n #mk-boot-head,#mk-boot-foot{position:absolute;left:40px;right:40px;display:flex;justify-content:space-between;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.2em;color:rgb(107,109,113);animation:mk-boot-fade .4s ease both}\n #mk-boot-head{top:34px}\n #mk-boot-foot{bottom:30px;animation-delay:.1s}\n #mk-boot-num{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:104px;font-weight:500;line-height:1;letter-spacing:-.04em;color:rgb(22,24,28);font-variant-numeric:tabular-nums;min-width:3ch;text-align:right;animation:mk-count 2.05s linear .3s both}\n #mk-boot-num::after{counter-reset:n var(--mk-n);content:counter(n)}\n #mk-boot-row{display:flex;align-items:flex-end;column-gap:8px;line-height:1}\n #mk-boot-pct{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:18px;color:rgb(191,68,40);padding-bottom:12px}\n #mk-boot-track{width:min(420px,62vw);height:1px;background:rgba(22,24,28,.14);position:relative}\n #mk-boot-fill{position:absolute;inset:0;background:rgb(255,90,54);transform-origin:0 50%;animation:mk-boot-fill 2.05s linear .3s both}\n #mk-boot-track::after{content:\"\";position:absolute;left:0;right:0;top:-3px;height:3px;background:repeating-linear-gradient(90deg,rgba(22,24,28,.22) 0 1px,transparent 1px 42px);animation:mk-boot-fade .5s ease .15s both}\n #mk-boot-list{display:flex;column-gap:18px;row-gap:8px;flex-wrap:wrap;justify-content:center;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.18em}\n #mk-boot-list>*{opacity:.14;animation:mk-boot-line .62s ease both}\n #mk-boot-c0{animation-delay:700ms}\n #mk-boot-c1{animation-delay:900ms}\n #mk-boot-c2{animation-delay:1100ms}\n #mk-boot-c3{animation-delay:1300ms}\n #mk-boot-c4{animation-delay:1500ms}\n #mk-boot-c5{animation-delay:1700ms}\n #mk-boot-c6{animation-delay:1900ms}\n #mk-boot::before{content:\"\";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(22,24,28,.045) 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,rgba(22,24,28,.045) 0 1px,transparent 1px 72px);animation:mk-boot-fade .5s ease both}\n #mk-boot-scan{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(255,90,54,0),rgba(255,90,54,.55),rgba(255,90,54,0));animation:mk-boot-scan 1.45s linear .15s 2 both}\n #mk-boot .mk-x,#mk-boot-x0,#mk-boot-x1,#mk-boot-x2,#mk-boot-x3{position:absolute;width:14px;height:14px;animation:mk-boot-cross .5s cubic-bezier(.16,1,.3,1) both}\n #mk-boot-x0{top:64px;left:40px;border-left:1px solid rgba(22,24,28,.42);border-top:1px solid rgba(22,24,28,.42);animation-delay:.08s}\n #mk-boot-x1{top:64px;right:40px;border-right:1px solid rgba(22,24,28,.42);border-top:1px solid rgba(22,24,28,.42);animation-delay:.16s}\n #mk-boot-x2{bottom:56px;left:40px;border-left:1px solid rgba(22,24,28,.42);border-bottom:1px solid rgba(22,24,28,.42);animation-delay:.24s}\n #mk-boot-x3{bottom:56px;right:40px;border-right:1px solid rgba(22,24,28,.42);border-bottom:1px solid rgba(22,24,28,.42);animation-delay:.32s}\n #mk-boot-ruler{position:absolute;left:40px;top:50%;transform:translateY(-50%);display:grid;row-gap:9px}\n #mk-boot-ruler>*{width:9px;height:1px;background:rgba(22,24,28,.42);transform-origin:0 50%;animation:mk-boot-tick .3s ease both}\n #mk-boot-t0{animation-delay:120ms}\n #mk-boot-t1{animation-delay:146ms}\n #mk-boot-t2{animation-delay:172ms}\n #mk-boot-t3{animation-delay:198ms}\n #mk-boot-t4{animation-delay:224ms}\n #mk-boot-t5{animation-delay:250ms}\n #mk-boot-t6{animation-delay:276ms}\n #mk-boot-t7{animation-delay:302ms}\n #mk-boot-t8{animation-delay:328ms}\n #mk-boot-t9{animation-delay:354ms}\n #mk-boot-t10{animation-delay:380ms}\n #mk-boot-t11{animation-delay:406ms}\n #mk-boot-t12{animation-delay:432ms}\n @media (max-width:1023px){#mk-boot-ruler{display:none}}\n #mk-boot-log{display:grid;row-gap:7px;justify-items:start;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.16em;color:rgb(107,109,113);min-height:64px}\n #mk-boot-log>*{animation:mk-boot-type .42s steps(24,end) both}\n #mk-boot-l0{animation-delay:550ms}\n #mk-boot-l1{animation-delay:930ms}\n #mk-boot-l2{animation-delay:1310ms}\n #mk-boot-l3{animation-delay:1690ms}\n #mk-boot-cursor{width:7px;height:11px;background:rgb(255,90,54);animation:mk-boot-caret .62s steps(1,end) .5s infinite}\n #mk-boot-ready{border:1px solid rgb(191,68,40);padding:5px 12px;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.24em;color:rgb(191,68,40);opacity:0;animation:mk-boot-stamp .42s cubic-bezier(.16,1,.3,1) 2.42s both}\n @media (max-width:767px){#mk-boot-num{font-size:62px}#mk-boot-head,#mk-boot-foot{left:18px;right:18px}}\n #mk-hl1-mask>*,#mk-hl2-mask>*{transform:translateY(112%);animation:mk-linein .95s cubic-bezier(.16,1,.3,1) forwards}\n #mk-hl1-mask>*{animation-delay:3.16s}\n #mk-hl2-mask>*{animation-delay:3.28s}\n #mk-mast-meta,#mk-mast-lede,#mk-mast-cta{opacity:0;animation:mk-softin .8s cubic-bezier(.16,1,.3,1) forwards}\n #mk-mast-meta{animation-delay:3.06s}\n #mk-mast-lede{animation-delay:3.54s}\n #mk-mast-cta{animation-delay:3.66s}\n #mk-ar-a-0>*,#mk-ar-b-0>*,#mk-ar-a-1>*,#mk-ar-b-1>*,#mk-ar-a-2>*,#mk-ar-b-2>*{animation:mk-flow 1.9s ease-in-out infinite}\n #mk-clock-s{animation:mk-secs 60s steps(60,end) infinite}\n #mk-clock-m{animation:mk-mins 3600s steps(60,end) infinite}\n #mk-clock-dot{animation:mk-livedot 2s steps(1,end) infinite}\n #mk-sweep{animation:mk-sweepdown 11s linear infinite}\n #mk-pan-loop{animation:mk-panloop 26s linear infinite}\n #mk-doc::before,#mk-doc::after{background-image:linear-gradient(180deg,rgba(255,90,54,0),rgba(255,90,54,.55) 45%,rgba(255,90,54,.55) 55%,rgba(255,90,54,0));background-size:1px 34vh;background-repeat:no-repeat;animation:mk-railrun 9s linear infinite}\n #mk-ar-a-0>*{animation-delay:0ms}\n #mk-ar-b-0>*{animation-delay:130ms}\n #mk-ar-a-1>*{animation-delay:260ms}\n #mk-ar-b-1>*{animation-delay:390ms}\n #mk-ar-a-2>*{animation-delay:520ms}\n #mk-ar-b-2>*{animation-delay:650ms}\n #mk-caret{animation:mk-caret 1.15s steps(1,end) infinite;animation-delay:3.84s}\n #mk-mast-rule{animation:mk-drawx .9s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:3.40s}\n #mk-spec-rule{animation:mk-drawx .9s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:.9s}\n #mk-cue{opacity:0;animation:mk-softin .8s ease forwards;animation-delay:1.1s}\n #mk-cue-rail::after{animation:mk-cuearrow 1.9s cubic-bezier(.4,0,.5,1) infinite}\n #mk-ticker-track{animation:mk-ticker 40s linear infinite}\n #mk-mark-0,#mk-mark-1,#mk-mark-2,#mk-mark-3{animation:mk-markin .5s cubic-bezier(.16,1,.3,1) forwards}\n #mk-mark-0{animation-delay:1.15s}\n #mk-mark-1{animation-delay:1.24s}\n #mk-mark-2{animation-delay:1.33s}\n #mk-mark-3{animation-delay:1.42s}\n @supports (animation-timeline:view()){\n #mk-spec,#mk-svc-head,#mk-svc-0,#mk-svc-1,#mk-svc-2,#mk-svc-3,#mk-proc-head,#mk-proc-0,#mk-proc-1,#mk-proc-2,#mk-proc-3,#mk-works-head,#mk-work-0,#mk-work-1,#mk-work-2,#mk-work-3,#mk-work-4,#mk-work-5,#mk-work-6,#mk-work-7,#mk-work-8,#mk-plate-num,#mk-plate-t,#mk-mx-head,#mk-mx-cols,#mk-mx-r-0,#mk-mx-r-1,#mk-mx-r-2,#mk-mx-r-3,#mk-mx-r-4,#mk-mx-r-5,#mk-mx-r-6,#mk-mx-r-7,#mk-fig2-head,#mk-fl-a-0,#mk-fl-b-0,#mk-fl-c-0,#mk-fl-a-1,#mk-fl-b-1,#mk-fl-c-1,#mk-fl-a-2,#mk-fl-b-2,#mk-fl-c-2,#mk-spec2-head,#mk-spec2-r-0,#mk-spec2-r-1,#mk-spec2-r-2,#mk-spec2-r-3,#mk-stack-head,#mk-stack-0,#mk-stack-1,#mk-stack-2,#mk-stack-3,#mk-stack-4,#mk-prod-head,#mk-prod-0,#mk-prod-1,#mk-voice-head,#mk-voice-0,#mk-voice-1,#mk-voice-2,#mk-contact-head{animation:mk-rise .01s linear both;animation-timeline:view();animation-range:entry 2% cover 36%}\n #mk-svc-0{animation-range:entry 6% cover 40%}\n #mk-svc-1{animation-range:entry 10% cover 44%}\n #mk-svc-2{animation-range:entry 14% cover 48%}\n #mk-svc-3{animation-range:entry 18% cover 52%}\n #mk-proc-0{animation-range:entry 6% cover 40%}\n #mk-proc-1{animation-range:entry 10% cover 44%}\n #mk-proc-2{animation-range:entry 14% cover 48%}\n #mk-proc-3{animation-range:entry 18% cover 52%}\n #mk-work-0{animation-range:entry 6% cover 40%}\n #mk-work-1{animation-range:entry 6% cover 40%}\n #mk-work-2{animation-range:entry 10% cover 44%}\n #mk-work-3{animation-range:entry 10% cover 44%}\n #mk-work-4{animation-range:entry 14% cover 48%}\n #mk-work-5{animation-range:entry 14% cover 48%}\n #mk-work-6{animation-range:entry 18% cover 52%}\n #mk-work-7{animation-range:entry 18% cover 52%}\n #mk-work-8{animation-range:entry 22% cover 56%}\n #mk-plate-t{animation-range:entry 6% cover 40%}\n #mk-mx-cols{animation-range:entry 6% cover 40%}\n #mk-mx-r-0{animation-range:entry 6% cover 40%}\n #mk-mx-r-1{animation-range:entry 10% cover 44%}\n #mk-mx-r-2{animation-range:entry 10% cover 44%}\n #mk-mx-r-3{animation-range:entry 14% cover 48%}\n #mk-mx-r-4{animation-range:entry 14% cover 48%}\n #mk-mx-r-5{animation-range:entry 18% cover 52%}\n #mk-mx-r-6{animation-range:entry 18% cover 52%}\n #mk-mx-r-7{animation-range:entry 22% cover 56%}\n #mk-fl-a-0{animation-range:entry 6% cover 40%}\n #mk-fl-b-0{animation-range:entry 10% cover 44%}\n #mk-fl-c-0{animation-range:entry 14% cover 48%}\n #mk-fl-a-1{animation-range:entry 10% cover 44%}\n #mk-fl-b-1{animation-range:entry 14% cover 48%}\n #mk-fl-c-1{animation-range:entry 18% cover 52%}\n #mk-fl-a-2{animation-range:entry 14% cover 48%}\n #mk-fl-b-2{animation-range:entry 18% cover 52%}\n #mk-fl-c-2{animation-range:entry 22% cover 56%}\n #mk-spec2-r-0{animation-range:entry 6% cover 40%}\n #mk-spec2-r-1{animation-range:entry 10% cover 44%}\n #mk-spec2-r-2{animation-range:entry 14% cover 48%}\n #mk-spec2-r-3{animation-range:entry 18% cover 52%}\n #mk-stack-0{animation-range:entry 6% cover 40%}\n #mk-stack-1{animation-range:entry 10% cover 44%}\n #mk-stack-2{animation-range:entry 14% cover 48%}\n #mk-stack-3{animation-range:entry 18% cover 52%}\n #mk-stack-4{animation-range:entry 22% cover 56%}\n #mk-prod-0{animation-range:entry 6% cover 40%}\n #mk-prod-1{animation-range:entry 10% cover 44%}\n #mk-voice-0{animation-range:entry 6% cover 40%}\n #mk-voice-1{animation-range:entry 10% cover 44%}\n #mk-voice-2{animation-range:entry 14% cover 48%}\n #mk-fig-0>div>*,#mk-fig-1>div>*,#mk-fig-2>div>*,#mk-fig-3>div>*{animation:mk-digit .7s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--d,0ms)}\n #mk-fig-0>div,#mk-fig-1>div,#mk-fig-2>div,#mk-fig-3>div{animation:mk-rise .01s linear both;animation-timeline:view();animation-range:entry 0% entry 1%}\n #mk-work-0::after,#mk-work-1::after,#mk-work-2::after,#mk-work-3::after,#mk-work-4::after,#mk-work-5::after,#mk-work-6::after,#mk-work-7::after,#mk-work-8::after{animation:mk-sweep .01s linear both;animation-timeline:view();animation-range:entry 12% cover 24%}\n #mk-proc-dot-0,#mk-proc-dot-1,#mk-proc-dot-2,#mk-proc-dot-3{animation:mk-dotin .01s linear both;animation-timeline:view();animation-range:entry 14% cover 26%}\n #mk-pan-track{animation:mk-pan linear both;animation-timeline:view();animation-range:cover 0% cover 100%}\n #mk-plate-t h2{background-image:linear-gradient(90deg,rgb(22,24,28) 0 50%,rgb(107,109,113) 50% 100%);background-size:220% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);animation:mk-fillscrub linear both;animation-timeline:view();animation-range:entry 24% cover 58%}\n }\n @supports (timeline-scope:--x){\n #mk-doc{timeline-scope:--mk-s1,--mk-s2,--mk-s3,--mk-s4,--mk-s5,--mk-s6,--mk-s7}\n#services{view-timeline-name:--mk-s1;view-timeline-inset:45% 45%}\n#process{view-timeline-name:--mk-s2;view-timeline-inset:45% 45%}\n#works{view-timeline-name:--mk-s3;view-timeline-inset:45% 45%}\n#stack{view-timeline-name:--mk-s4;view-timeline-inset:45% 45%}\n#products{view-timeline-name:--mk-s5;view-timeline-inset:45% 45%}\n#mk-voices{view-timeline-name:--mk-s6;view-timeline-inset:45% 45%}\n#contact{view-timeline-name:--mk-s7;view-timeline-inset:45% 45%}\n #mk-idx-0{animation:mk-idxon linear;animation-timeline:--mk-s1;animation-range:cover 0% cover 100%}\n #mk-idx-1{animation:mk-idxon linear;animation-timeline:--mk-s2;animation-range:cover 0% cover 100%}\n #mk-idx-2{animation:mk-idxon linear;animation-timeline:--mk-s3;animation-range:cover 0% cover 100%}\n #mk-idx-3{animation:mk-idxon linear;animation-timeline:--mk-s4;animation-range:cover 0% cover 100%}\n #mk-idx-4{animation:mk-idxon linear;animation-timeline:--mk-s5;animation-range:cover 0% cover 100%}\n #mk-idx-5{animation:mk-idxon linear;animation-timeline:--mk-s6;animation-range:cover 0% cover 100%}\n #mk-idx-6{animation:mk-idxon linear;animation-timeline:--mk-s7;animation-range:cover 0% cover 100%}\n }\n @supports (animation-timeline:scroll()){\n #mk-progress{animation:mk-progress linear both;animation-timeline:scroll(root)}\n #mk-cue{animation:mk-cuefade linear both;animation-timeline:scroll(root);animation-range:0px 260px}\n #mk-header{animation:mk-headbg linear both;animation-timeline:scroll(root);animation-range:20px 120px}\n #mk-header::after{animation:mk-headrule linear both;animation-timeline:scroll(root);animation-range:20px 120px}\n }\n}\n</style>",
|
|
58
58
|
"processShortcodes": "0"
|
|
59
59
|
}
|
|
60
60
|
},
|
|
@@ -212,6 +212,92 @@
|
|
|
212
212
|
}
|
|
213
213
|
]
|
|
214
214
|
},
|
|
215
|
+
{
|
|
216
|
+
"type": "div",
|
|
217
|
+
"data": {
|
|
218
|
+
"attrID": "mk-clock"
|
|
219
|
+
},
|
|
220
|
+
"style": {
|
|
221
|
+
"&": {
|
|
222
|
+
"_": {}
|
|
223
|
+
}
|
|
224
|
+
},
|
|
225
|
+
"children": [
|
|
226
|
+
{
|
|
227
|
+
"type": "div",
|
|
228
|
+
"data": {
|
|
229
|
+
"attrID": "mk-clock-dot"
|
|
230
|
+
},
|
|
231
|
+
"style": {
|
|
232
|
+
"&": {
|
|
233
|
+
"_": {}
|
|
234
|
+
}
|
|
235
|
+
},
|
|
236
|
+
"children": []
|
|
237
|
+
},
|
|
238
|
+
{
|
|
239
|
+
"type": "text",
|
|
240
|
+
"data": {
|
|
241
|
+
"tagName": "p"
|
|
242
|
+
},
|
|
243
|
+
"text": "T+",
|
|
244
|
+
"style": {
|
|
245
|
+
"&": {
|
|
246
|
+
"_": {
|
|
247
|
+
"color": {
|
|
248
|
+
"token": "--mk-faint"
|
|
249
|
+
},
|
|
250
|
+
"fontSize": "10px",
|
|
251
|
+
"fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
|
|
252
|
+
"letterSpacing": "0.18em"
|
|
253
|
+
}
|
|
254
|
+
}
|
|
255
|
+
}
|
|
256
|
+
},
|
|
257
|
+
{
|
|
258
|
+
"type": "div",
|
|
259
|
+
"data": {
|
|
260
|
+
"attrID": "mk-clock-m"
|
|
261
|
+
},
|
|
262
|
+
"style": {
|
|
263
|
+
"&": {
|
|
264
|
+
"_": {}
|
|
265
|
+
}
|
|
266
|
+
},
|
|
267
|
+
"children": []
|
|
268
|
+
},
|
|
269
|
+
{
|
|
270
|
+
"type": "text",
|
|
271
|
+
"data": {
|
|
272
|
+
"tagName": "p"
|
|
273
|
+
},
|
|
274
|
+
"text": ":",
|
|
275
|
+
"style": {
|
|
276
|
+
"&": {
|
|
277
|
+
"_": {
|
|
278
|
+
"color": {
|
|
279
|
+
"token": "--mk-faint"
|
|
280
|
+
},
|
|
281
|
+
"fontSize": "11px",
|
|
282
|
+
"fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace"
|
|
283
|
+
}
|
|
284
|
+
}
|
|
285
|
+
}
|
|
286
|
+
},
|
|
287
|
+
{
|
|
288
|
+
"type": "div",
|
|
289
|
+
"data": {
|
|
290
|
+
"attrID": "mk-clock-s"
|
|
291
|
+
},
|
|
292
|
+
"style": {
|
|
293
|
+
"&": {
|
|
294
|
+
"_": {}
|
|
295
|
+
}
|
|
296
|
+
},
|
|
297
|
+
"children": []
|
|
298
|
+
}
|
|
299
|
+
]
|
|
300
|
+
},
|
|
215
301
|
{
|
|
216
302
|
"type": "menu",
|
|
217
303
|
"data": {
|
|
@@ -1979,7 +2065,62 @@
|
|
|
1979
2065
|
}
|
|
1980
2066
|
}
|
|
1981
2067
|
},
|
|
1982
|
-
"
|
|
2068
|
+
"children": [
|
|
2069
|
+
{
|
|
2070
|
+
"type": "div",
|
|
2071
|
+
"data": {
|
|
2072
|
+
"attrID": "mk-idx-n-0"
|
|
2073
|
+
},
|
|
2074
|
+
"style": {
|
|
2075
|
+
"&": {
|
|
2076
|
+
"_": {}
|
|
2077
|
+
}
|
|
2078
|
+
},
|
|
2079
|
+
"children": [
|
|
2080
|
+
{
|
|
2081
|
+
"type": "text",
|
|
2082
|
+
"data": {
|
|
2083
|
+
"tagName": "p"
|
|
2084
|
+
},
|
|
2085
|
+
"text": "§01",
|
|
2086
|
+
"style": {
|
|
2087
|
+
"&": {
|
|
2088
|
+
"_": {
|
|
2089
|
+
"fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
|
|
2090
|
+
}
|
|
2091
|
+
}
|
|
2092
|
+
}
|
|
2093
|
+
}
|
|
2094
|
+
]
|
|
2095
|
+
},
|
|
2096
|
+
{
|
|
2097
|
+
"type": "div",
|
|
2098
|
+
"data": {
|
|
2099
|
+
"attrID": "mk-idx-w-0"
|
|
2100
|
+
},
|
|
2101
|
+
"style": {
|
|
2102
|
+
"&": {
|
|
2103
|
+
"_": {}
|
|
2104
|
+
}
|
|
2105
|
+
},
|
|
2106
|
+
"children": [
|
|
2107
|
+
{
|
|
2108
|
+
"type": "text",
|
|
2109
|
+
"data": {
|
|
2110
|
+
"tagName": "p"
|
|
2111
|
+
},
|
|
2112
|
+
"text": "SERVICES",
|
|
2113
|
+
"style": {
|
|
2114
|
+
"&": {
|
|
2115
|
+
"_": {
|
|
2116
|
+
"fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
|
|
2117
|
+
}
|
|
2118
|
+
}
|
|
2119
|
+
}
|
|
2120
|
+
}
|
|
2121
|
+
]
|
|
2122
|
+
}
|
|
2123
|
+
]
|
|
1983
2124
|
},
|
|
1984
2125
|
{
|
|
1985
2126
|
"type": "menu-link",
|
|
@@ -2016,7 +2157,62 @@
|
|
|
2016
2157
|
}
|
|
2017
2158
|
}
|
|
2018
2159
|
},
|
|
2019
|
-
"
|
|
2160
|
+
"children": [
|
|
2161
|
+
{
|
|
2162
|
+
"type": "div",
|
|
2163
|
+
"data": {
|
|
2164
|
+
"attrID": "mk-idx-n-1"
|
|
2165
|
+
},
|
|
2166
|
+
"style": {
|
|
2167
|
+
"&": {
|
|
2168
|
+
"_": {}
|
|
2169
|
+
}
|
|
2170
|
+
},
|
|
2171
|
+
"children": [
|
|
2172
|
+
{
|
|
2173
|
+
"type": "text",
|
|
2174
|
+
"data": {
|
|
2175
|
+
"tagName": "p"
|
|
2176
|
+
},
|
|
2177
|
+
"text": "§02",
|
|
2178
|
+
"style": {
|
|
2179
|
+
"&": {
|
|
2180
|
+
"_": {
|
|
2181
|
+
"fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
|
|
2182
|
+
}
|
|
2183
|
+
}
|
|
2184
|
+
}
|
|
2185
|
+
}
|
|
2186
|
+
]
|
|
2187
|
+
},
|
|
2188
|
+
{
|
|
2189
|
+
"type": "div",
|
|
2190
|
+
"data": {
|
|
2191
|
+
"attrID": "mk-idx-w-1"
|
|
2192
|
+
},
|
|
2193
|
+
"style": {
|
|
2194
|
+
"&": {
|
|
2195
|
+
"_": {}
|
|
2196
|
+
}
|
|
2197
|
+
},
|
|
2198
|
+
"children": [
|
|
2199
|
+
{
|
|
2200
|
+
"type": "text",
|
|
2201
|
+
"data": {
|
|
2202
|
+
"tagName": "p"
|
|
2203
|
+
},
|
|
2204
|
+
"text": "PROCESS",
|
|
2205
|
+
"style": {
|
|
2206
|
+
"&": {
|
|
2207
|
+
"_": {
|
|
2208
|
+
"fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
|
|
2209
|
+
}
|
|
2210
|
+
}
|
|
2211
|
+
}
|
|
2212
|
+
}
|
|
2213
|
+
]
|
|
2214
|
+
}
|
|
2215
|
+
]
|
|
2020
2216
|
},
|
|
2021
2217
|
{
|
|
2022
2218
|
"type": "menu-link",
|
|
@@ -2053,7 +2249,62 @@
|
|
|
2053
2249
|
}
|
|
2054
2250
|
}
|
|
2055
2251
|
},
|
|
2056
|
-
"
|
|
2252
|
+
"children": [
|
|
2253
|
+
{
|
|
2254
|
+
"type": "div",
|
|
2255
|
+
"data": {
|
|
2256
|
+
"attrID": "mk-idx-n-2"
|
|
2257
|
+
},
|
|
2258
|
+
"style": {
|
|
2259
|
+
"&": {
|
|
2260
|
+
"_": {}
|
|
2261
|
+
}
|
|
2262
|
+
},
|
|
2263
|
+
"children": [
|
|
2264
|
+
{
|
|
2265
|
+
"type": "text",
|
|
2266
|
+
"data": {
|
|
2267
|
+
"tagName": "p"
|
|
2268
|
+
},
|
|
2269
|
+
"text": "§03",
|
|
2270
|
+
"style": {
|
|
2271
|
+
"&": {
|
|
2272
|
+
"_": {
|
|
2273
|
+
"fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
|
|
2274
|
+
}
|
|
2275
|
+
}
|
|
2276
|
+
}
|
|
2277
|
+
}
|
|
2278
|
+
]
|
|
2279
|
+
},
|
|
2280
|
+
{
|
|
2281
|
+
"type": "div",
|
|
2282
|
+
"data": {
|
|
2283
|
+
"attrID": "mk-idx-w-2"
|
|
2284
|
+
},
|
|
2285
|
+
"style": {
|
|
2286
|
+
"&": {
|
|
2287
|
+
"_": {}
|
|
2288
|
+
}
|
|
2289
|
+
},
|
|
2290
|
+
"children": [
|
|
2291
|
+
{
|
|
2292
|
+
"type": "text",
|
|
2293
|
+
"data": {
|
|
2294
|
+
"tagName": "p"
|
|
2295
|
+
},
|
|
2296
|
+
"text": "WORKS",
|
|
2297
|
+
"style": {
|
|
2298
|
+
"&": {
|
|
2299
|
+
"_": {
|
|
2300
|
+
"fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
|
|
2301
|
+
}
|
|
2302
|
+
}
|
|
2303
|
+
}
|
|
2304
|
+
}
|
|
2305
|
+
]
|
|
2306
|
+
}
|
|
2307
|
+
]
|
|
2057
2308
|
},
|
|
2058
2309
|
{
|
|
2059
2310
|
"type": "menu-link",
|
|
@@ -2090,34 +2341,89 @@
|
|
|
2090
2341
|
}
|
|
2091
2342
|
}
|
|
2092
2343
|
},
|
|
2093
|
-
"
|
|
2094
|
-
|
|
2095
|
-
|
|
2096
|
-
|
|
2097
|
-
|
|
2098
|
-
|
|
2099
|
-
|
|
2100
|
-
|
|
2101
|
-
|
|
2102
|
-
|
|
2103
|
-
|
|
2104
|
-
|
|
2105
|
-
|
|
2106
|
-
|
|
2107
|
-
|
|
2108
|
-
|
|
2109
|
-
|
|
2110
|
-
|
|
2111
|
-
|
|
2112
|
-
|
|
2113
|
-
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
-
|
|
2119
|
-
|
|
2120
|
-
|
|
2344
|
+
"children": [
|
|
2345
|
+
{
|
|
2346
|
+
"type": "div",
|
|
2347
|
+
"data": {
|
|
2348
|
+
"attrID": "mk-idx-n-3"
|
|
2349
|
+
},
|
|
2350
|
+
"style": {
|
|
2351
|
+
"&": {
|
|
2352
|
+
"_": {}
|
|
2353
|
+
}
|
|
2354
|
+
},
|
|
2355
|
+
"children": [
|
|
2356
|
+
{
|
|
2357
|
+
"type": "text",
|
|
2358
|
+
"data": {
|
|
2359
|
+
"tagName": "p"
|
|
2360
|
+
},
|
|
2361
|
+
"text": "§04",
|
|
2362
|
+
"style": {
|
|
2363
|
+
"&": {
|
|
2364
|
+
"_": {
|
|
2365
|
+
"fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
|
|
2366
|
+
}
|
|
2367
|
+
}
|
|
2368
|
+
}
|
|
2369
|
+
}
|
|
2370
|
+
]
|
|
2371
|
+
},
|
|
2372
|
+
{
|
|
2373
|
+
"type": "div",
|
|
2374
|
+
"data": {
|
|
2375
|
+
"attrID": "mk-idx-w-3"
|
|
2376
|
+
},
|
|
2377
|
+
"style": {
|
|
2378
|
+
"&": {
|
|
2379
|
+
"_": {}
|
|
2380
|
+
}
|
|
2381
|
+
},
|
|
2382
|
+
"children": [
|
|
2383
|
+
{
|
|
2384
|
+
"type": "text",
|
|
2385
|
+
"data": {
|
|
2386
|
+
"tagName": "p"
|
|
2387
|
+
},
|
|
2388
|
+
"text": "STACK",
|
|
2389
|
+
"style": {
|
|
2390
|
+
"&": {
|
|
2391
|
+
"_": {
|
|
2392
|
+
"fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
|
|
2393
|
+
}
|
|
2394
|
+
}
|
|
2395
|
+
}
|
|
2396
|
+
}
|
|
2397
|
+
]
|
|
2398
|
+
}
|
|
2399
|
+
]
|
|
2400
|
+
},
|
|
2401
|
+
{
|
|
2402
|
+
"type": "menu-link",
|
|
2403
|
+
"data": {
|
|
2404
|
+
"attrID": "mk-idx-4",
|
|
2405
|
+
"url": "#products"
|
|
2406
|
+
},
|
|
2407
|
+
"style": {
|
|
2408
|
+
"&": {
|
|
2409
|
+
"_": {
|
|
2410
|
+
"display": "flex",
|
|
2411
|
+
"columnGap": "8px",
|
|
2412
|
+
"alignItems": "baseline",
|
|
2413
|
+
"cursor": "pointer",
|
|
2414
|
+
"color": {
|
|
2415
|
+
"token": "--mk-faint"
|
|
2416
|
+
},
|
|
2417
|
+
"fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
|
|
2418
|
+
"fontSize": "10px",
|
|
2419
|
+
"letterSpacing": "0.14em",
|
|
2420
|
+
"transitionAll": "220ms ease"
|
|
2421
|
+
}
|
|
2422
|
+
},
|
|
2423
|
+
"hover": {
|
|
2424
|
+
"_": {
|
|
2425
|
+
"color": {
|
|
2426
|
+
"token": "--mk-ink"
|
|
2121
2427
|
}
|
|
2122
2428
|
}
|
|
2123
2429
|
},
|
|
@@ -2127,7 +2433,62 @@
|
|
|
2127
2433
|
}
|
|
2128
2434
|
}
|
|
2129
2435
|
},
|
|
2130
|
-
"
|
|
2436
|
+
"children": [
|
|
2437
|
+
{
|
|
2438
|
+
"type": "div",
|
|
2439
|
+
"data": {
|
|
2440
|
+
"attrID": "mk-idx-n-4"
|
|
2441
|
+
},
|
|
2442
|
+
"style": {
|
|
2443
|
+
"&": {
|
|
2444
|
+
"_": {}
|
|
2445
|
+
}
|
|
2446
|
+
},
|
|
2447
|
+
"children": [
|
|
2448
|
+
{
|
|
2449
|
+
"type": "text",
|
|
2450
|
+
"data": {
|
|
2451
|
+
"tagName": "p"
|
|
2452
|
+
},
|
|
2453
|
+
"text": "§05",
|
|
2454
|
+
"style": {
|
|
2455
|
+
"&": {
|
|
2456
|
+
"_": {
|
|
2457
|
+
"fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
|
|
2458
|
+
}
|
|
2459
|
+
}
|
|
2460
|
+
}
|
|
2461
|
+
}
|
|
2462
|
+
]
|
|
2463
|
+
},
|
|
2464
|
+
{
|
|
2465
|
+
"type": "div",
|
|
2466
|
+
"data": {
|
|
2467
|
+
"attrID": "mk-idx-w-4"
|
|
2468
|
+
},
|
|
2469
|
+
"style": {
|
|
2470
|
+
"&": {
|
|
2471
|
+
"_": {}
|
|
2472
|
+
}
|
|
2473
|
+
},
|
|
2474
|
+
"children": [
|
|
2475
|
+
{
|
|
2476
|
+
"type": "text",
|
|
2477
|
+
"data": {
|
|
2478
|
+
"tagName": "p"
|
|
2479
|
+
},
|
|
2480
|
+
"text": "PRODUCTS",
|
|
2481
|
+
"style": {
|
|
2482
|
+
"&": {
|
|
2483
|
+
"_": {
|
|
2484
|
+
"fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
|
|
2485
|
+
}
|
|
2486
|
+
}
|
|
2487
|
+
}
|
|
2488
|
+
}
|
|
2489
|
+
]
|
|
2490
|
+
}
|
|
2491
|
+
]
|
|
2131
2492
|
},
|
|
2132
2493
|
{
|
|
2133
2494
|
"type": "menu-link",
|
|
@@ -2164,7 +2525,62 @@
|
|
|
2164
2525
|
}
|
|
2165
2526
|
}
|
|
2166
2527
|
},
|
|
2167
|
-
"
|
|
2528
|
+
"children": [
|
|
2529
|
+
{
|
|
2530
|
+
"type": "div",
|
|
2531
|
+
"data": {
|
|
2532
|
+
"attrID": "mk-idx-n-5"
|
|
2533
|
+
},
|
|
2534
|
+
"style": {
|
|
2535
|
+
"&": {
|
|
2536
|
+
"_": {}
|
|
2537
|
+
}
|
|
2538
|
+
},
|
|
2539
|
+
"children": [
|
|
2540
|
+
{
|
|
2541
|
+
"type": "text",
|
|
2542
|
+
"data": {
|
|
2543
|
+
"tagName": "p"
|
|
2544
|
+
},
|
|
2545
|
+
"text": "§06",
|
|
2546
|
+
"style": {
|
|
2547
|
+
"&": {
|
|
2548
|
+
"_": {
|
|
2549
|
+
"fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
|
|
2550
|
+
}
|
|
2551
|
+
}
|
|
2552
|
+
}
|
|
2553
|
+
}
|
|
2554
|
+
]
|
|
2555
|
+
},
|
|
2556
|
+
{
|
|
2557
|
+
"type": "div",
|
|
2558
|
+
"data": {
|
|
2559
|
+
"attrID": "mk-idx-w-5"
|
|
2560
|
+
},
|
|
2561
|
+
"style": {
|
|
2562
|
+
"&": {
|
|
2563
|
+
"_": {}
|
|
2564
|
+
}
|
|
2565
|
+
},
|
|
2566
|
+
"children": [
|
|
2567
|
+
{
|
|
2568
|
+
"type": "text",
|
|
2569
|
+
"data": {
|
|
2570
|
+
"tagName": "p"
|
|
2571
|
+
},
|
|
2572
|
+
"text": "VOICES",
|
|
2573
|
+
"style": {
|
|
2574
|
+
"&": {
|
|
2575
|
+
"_": {
|
|
2576
|
+
"fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
|
|
2577
|
+
}
|
|
2578
|
+
}
|
|
2579
|
+
}
|
|
2580
|
+
}
|
|
2581
|
+
]
|
|
2582
|
+
}
|
|
2583
|
+
]
|
|
2168
2584
|
},
|
|
2169
2585
|
{
|
|
2170
2586
|
"type": "menu-link",
|
|
@@ -2201,7 +2617,62 @@
|
|
|
2201
2617
|
}
|
|
2202
2618
|
}
|
|
2203
2619
|
},
|
|
2204
|
-
"
|
|
2620
|
+
"children": [
|
|
2621
|
+
{
|
|
2622
|
+
"type": "div",
|
|
2623
|
+
"data": {
|
|
2624
|
+
"attrID": "mk-idx-n-6"
|
|
2625
|
+
},
|
|
2626
|
+
"style": {
|
|
2627
|
+
"&": {
|
|
2628
|
+
"_": {}
|
|
2629
|
+
}
|
|
2630
|
+
},
|
|
2631
|
+
"children": [
|
|
2632
|
+
{
|
|
2633
|
+
"type": "text",
|
|
2634
|
+
"data": {
|
|
2635
|
+
"tagName": "p"
|
|
2636
|
+
},
|
|
2637
|
+
"text": "§07",
|
|
2638
|
+
"style": {
|
|
2639
|
+
"&": {
|
|
2640
|
+
"_": {
|
|
2641
|
+
"fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
|
|
2642
|
+
}
|
|
2643
|
+
}
|
|
2644
|
+
}
|
|
2645
|
+
}
|
|
2646
|
+
]
|
|
2647
|
+
},
|
|
2648
|
+
{
|
|
2649
|
+
"type": "div",
|
|
2650
|
+
"data": {
|
|
2651
|
+
"attrID": "mk-idx-w-6"
|
|
2652
|
+
},
|
|
2653
|
+
"style": {
|
|
2654
|
+
"&": {
|
|
2655
|
+
"_": {}
|
|
2656
|
+
}
|
|
2657
|
+
},
|
|
2658
|
+
"children": [
|
|
2659
|
+
{
|
|
2660
|
+
"type": "text",
|
|
2661
|
+
"data": {
|
|
2662
|
+
"tagName": "p"
|
|
2663
|
+
},
|
|
2664
|
+
"text": "CONTACT",
|
|
2665
|
+
"style": {
|
|
2666
|
+
"&": {
|
|
2667
|
+
"_": {
|
|
2668
|
+
"fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
|
|
2669
|
+
}
|
|
2670
|
+
}
|
|
2671
|
+
}
|
|
2672
|
+
}
|
|
2673
|
+
]
|
|
2674
|
+
}
|
|
2675
|
+
]
|
|
2205
2676
|
}
|
|
2206
2677
|
]
|
|
2207
2678
|
},
|
|
@@ -2250,6 +2721,18 @@
|
|
|
2250
2721
|
}
|
|
2251
2722
|
]
|
|
2252
2723
|
},
|
|
2724
|
+
{
|
|
2725
|
+
"type": "div",
|
|
2726
|
+
"data": {
|
|
2727
|
+
"attrID": "mk-sweep"
|
|
2728
|
+
},
|
|
2729
|
+
"style": {
|
|
2730
|
+
"&": {
|
|
2731
|
+
"_": {}
|
|
2732
|
+
}
|
|
2733
|
+
},
|
|
2734
|
+
"children": []
|
|
2735
|
+
},
|
|
2253
2736
|
{
|
|
2254
2737
|
"type": "section",
|
|
2255
2738
|
"data": {
|
|
@@ -10144,13 +10627,7 @@
|
|
|
10144
10627
|
"style": {
|
|
10145
10628
|
"&": {
|
|
10146
10629
|
"_": {
|
|
10147
|
-
"
|
|
10148
|
-
"columnGap": "56px",
|
|
10149
|
-
"alignItems": "baseline",
|
|
10150
|
-
"customStyles": "white-space:nowrap;width:max-content;"
|
|
10151
|
-
},
|
|
10152
|
-
"_m": {
|
|
10153
|
-
"columnGap": "30px"
|
|
10630
|
+
"customStyles": "width:max-content;"
|
|
10154
10631
|
}
|
|
10155
10632
|
}
|
|
10156
10633
|
},
|
|
@@ -10158,497 +10635,1015 @@
|
|
|
10158
10635
|
{
|
|
10159
10636
|
"type": "div",
|
|
10160
10637
|
"data": {
|
|
10161
|
-
"attrID": "mk-pan-
|
|
10638
|
+
"attrID": "mk-pan-loop"
|
|
10162
10639
|
},
|
|
10163
10640
|
"style": {
|
|
10164
10641
|
"&": {
|
|
10165
|
-
"_": {
|
|
10642
|
+
"_": {
|
|
10643
|
+
"display": "flex",
|
|
10644
|
+
"columnGap": "56px",
|
|
10645
|
+
"alignItems": "baseline",
|
|
10646
|
+
"customStyles": "white-space:nowrap;width:max-content;"
|
|
10647
|
+
},
|
|
10648
|
+
"_m": {
|
|
10649
|
+
"columnGap": "30px"
|
|
10650
|
+
}
|
|
10166
10651
|
}
|
|
10167
10652
|
},
|
|
10168
10653
|
"children": [
|
|
10169
10654
|
{
|
|
10170
|
-
"type": "
|
|
10655
|
+
"type": "div",
|
|
10171
10656
|
"data": {
|
|
10172
|
-
"
|
|
10657
|
+
"attrID": "mk-pan-n-0-0"
|
|
10173
10658
|
},
|
|
10174
|
-
"text": "01",
|
|
10175
10659
|
"style": {
|
|
10176
10660
|
"&": {
|
|
10177
|
-
"_": {
|
|
10178
|
-
"color": "rgb(22,24,28)",
|
|
10179
|
-
"fontSize": "11px",
|
|
10180
|
-
"letterSpacing": "0.18em",
|
|
10181
|
-
"fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
|
|
10182
|
-
"fontWeight": "400"
|
|
10183
|
-
}
|
|
10661
|
+
"_": {}
|
|
10184
10662
|
}
|
|
10185
|
-
}
|
|
10186
|
-
}
|
|
10187
|
-
]
|
|
10188
|
-
},
|
|
10189
|
-
{
|
|
10190
|
-
"type": "div",
|
|
10191
|
-
"data": {
|
|
10192
|
-
"attrID": "mk-pan-w-0"
|
|
10193
|
-
},
|
|
10194
|
-
"style": {
|
|
10195
|
-
"&": {
|
|
10196
|
-
"_": {}
|
|
10197
|
-
}
|
|
10198
|
-
},
|
|
10199
|
-
"children": [
|
|
10200
|
-
{
|
|
10201
|
-
"type": "text",
|
|
10202
|
-
"data": {
|
|
10203
|
-
"tagName": "p"
|
|
10204
10663
|
},
|
|
10205
|
-
"
|
|
10206
|
-
|
|
10207
|
-
|
|
10208
|
-
"
|
|
10209
|
-
"
|
|
10210
|
-
"token": "--mk-ink"
|
|
10211
|
-
},
|
|
10212
|
-
"fontSize": "58px",
|
|
10213
|
-
"fontWeight": "600",
|
|
10214
|
-
"fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
|
|
10215
|
-
"letterSpacing": "-0.02em",
|
|
10216
|
-
"lineHeight": "1"
|
|
10217
|
-
},
|
|
10218
|
-
"_t": {
|
|
10219
|
-
"fontSize": "44px"
|
|
10664
|
+
"children": [
|
|
10665
|
+
{
|
|
10666
|
+
"type": "text",
|
|
10667
|
+
"data": {
|
|
10668
|
+
"tagName": "p"
|
|
10220
10669
|
},
|
|
10221
|
-
"
|
|
10222
|
-
|
|
10670
|
+
"text": "01",
|
|
10671
|
+
"style": {
|
|
10672
|
+
"&": {
|
|
10673
|
+
"_": {
|
|
10674
|
+
"color": "rgb(22,24,28)",
|
|
10675
|
+
"fontSize": "11px",
|
|
10676
|
+
"letterSpacing": "0.18em",
|
|
10677
|
+
"fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
|
|
10678
|
+
"fontWeight": "400"
|
|
10679
|
+
}
|
|
10680
|
+
}
|
|
10223
10681
|
}
|
|
10224
10682
|
}
|
|
10225
|
-
|
|
10226
|
-
}
|
|
10227
|
-
]
|
|
10228
|
-
},
|
|
10229
|
-
{
|
|
10230
|
-
"type": "div",
|
|
10231
|
-
"data": {
|
|
10232
|
-
"attrID": "mk-pan-n-1"
|
|
10233
|
-
},
|
|
10234
|
-
"style": {
|
|
10235
|
-
"&": {
|
|
10236
|
-
"_": {}
|
|
10237
|
-
}
|
|
10238
|
-
},
|
|
10239
|
-
"children": [
|
|
10683
|
+
]
|
|
10684
|
+
},
|
|
10240
10685
|
{
|
|
10241
|
-
"type": "
|
|
10686
|
+
"type": "div",
|
|
10242
10687
|
"data": {
|
|
10243
|
-
"
|
|
10688
|
+
"attrID": "mk-pan-w-0-0"
|
|
10244
10689
|
},
|
|
10245
|
-
"text": "02",
|
|
10246
10690
|
"style": {
|
|
10247
10691
|
"&": {
|
|
10248
|
-
"_": {
|
|
10249
|
-
|
|
10250
|
-
|
|
10251
|
-
|
|
10252
|
-
|
|
10253
|
-
|
|
10692
|
+
"_": {}
|
|
10693
|
+
}
|
|
10694
|
+
},
|
|
10695
|
+
"children": [
|
|
10696
|
+
{
|
|
10697
|
+
"type": "text",
|
|
10698
|
+
"data": {
|
|
10699
|
+
"tagName": "p"
|
|
10700
|
+
},
|
|
10701
|
+
"text": "WEB",
|
|
10702
|
+
"style": {
|
|
10703
|
+
"&": {
|
|
10704
|
+
"_": {
|
|
10705
|
+
"color": {
|
|
10706
|
+
"token": "--mk-ink"
|
|
10707
|
+
},
|
|
10708
|
+
"fontSize": "58px",
|
|
10709
|
+
"fontWeight": "600",
|
|
10710
|
+
"fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
|
|
10711
|
+
"letterSpacing": "-0.02em",
|
|
10712
|
+
"lineHeight": "1"
|
|
10713
|
+
},
|
|
10714
|
+
"_t": {
|
|
10715
|
+
"fontSize": "44px"
|
|
10716
|
+
},
|
|
10717
|
+
"_m": {
|
|
10718
|
+
"fontSize": "31px"
|
|
10719
|
+
}
|
|
10720
|
+
}
|
|
10254
10721
|
}
|
|
10255
10722
|
}
|
|
10256
|
-
|
|
10257
|
-
}
|
|
10258
|
-
]
|
|
10259
|
-
},
|
|
10260
|
-
{
|
|
10261
|
-
"type": "div",
|
|
10262
|
-
"data": {
|
|
10263
|
-
"attrID": "mk-pan-w-1"
|
|
10264
|
-
},
|
|
10265
|
-
"style": {
|
|
10266
|
-
"&": {
|
|
10267
|
-
"_": {}
|
|
10268
|
-
}
|
|
10269
|
-
},
|
|
10270
|
-
"children": [
|
|
10723
|
+
]
|
|
10724
|
+
},
|
|
10271
10725
|
{
|
|
10272
|
-
"type": "
|
|
10726
|
+
"type": "div",
|
|
10273
10727
|
"data": {
|
|
10274
|
-
"
|
|
10728
|
+
"attrID": "mk-pan-n-0-1"
|
|
10275
10729
|
},
|
|
10276
|
-
"text": "COMMERCE",
|
|
10277
10730
|
"style": {
|
|
10278
10731
|
"&": {
|
|
10279
|
-
"_": {
|
|
10280
|
-
|
|
10281
|
-
|
|
10282
|
-
|
|
10283
|
-
|
|
10284
|
-
|
|
10285
|
-
|
|
10286
|
-
"
|
|
10287
|
-
"lineHeight": "1"
|
|
10288
|
-
},
|
|
10289
|
-
"_t": {
|
|
10290
|
-
"fontSize": "44px"
|
|
10732
|
+
"_": {}
|
|
10733
|
+
}
|
|
10734
|
+
},
|
|
10735
|
+
"children": [
|
|
10736
|
+
{
|
|
10737
|
+
"type": "text",
|
|
10738
|
+
"data": {
|
|
10739
|
+
"tagName": "p"
|
|
10291
10740
|
},
|
|
10292
|
-
"
|
|
10293
|
-
|
|
10741
|
+
"text": "02",
|
|
10742
|
+
"style": {
|
|
10743
|
+
"&": {
|
|
10744
|
+
"_": {
|
|
10745
|
+
"color": "rgb(22,24,28)",
|
|
10746
|
+
"fontSize": "11px",
|
|
10747
|
+
"letterSpacing": "0.18em",
|
|
10748
|
+
"fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
|
|
10749
|
+
"fontWeight": "400"
|
|
10750
|
+
}
|
|
10751
|
+
}
|
|
10294
10752
|
}
|
|
10295
10753
|
}
|
|
10296
|
-
|
|
10297
|
-
}
|
|
10298
|
-
]
|
|
10299
|
-
},
|
|
10300
|
-
{
|
|
10301
|
-
"type": "div",
|
|
10302
|
-
"data": {
|
|
10303
|
-
"attrID": "mk-pan-n-2"
|
|
10304
|
-
},
|
|
10305
|
-
"style": {
|
|
10306
|
-
"&": {
|
|
10307
|
-
"_": {}
|
|
10308
|
-
}
|
|
10309
|
-
},
|
|
10310
|
-
"children": [
|
|
10754
|
+
]
|
|
10755
|
+
},
|
|
10311
10756
|
{
|
|
10312
|
-
"type": "
|
|
10757
|
+
"type": "div",
|
|
10313
10758
|
"data": {
|
|
10314
|
-
"
|
|
10759
|
+
"attrID": "mk-pan-w-0-1"
|
|
10315
10760
|
},
|
|
10316
|
-
"text": "03",
|
|
10317
10761
|
"style": {
|
|
10318
10762
|
"&": {
|
|
10319
|
-
"_": {
|
|
10320
|
-
|
|
10321
|
-
|
|
10322
|
-
|
|
10323
|
-
|
|
10324
|
-
|
|
10763
|
+
"_": {}
|
|
10764
|
+
}
|
|
10765
|
+
},
|
|
10766
|
+
"children": [
|
|
10767
|
+
{
|
|
10768
|
+
"type": "text",
|
|
10769
|
+
"data": {
|
|
10770
|
+
"tagName": "p"
|
|
10771
|
+
},
|
|
10772
|
+
"text": "COMMERCE",
|
|
10773
|
+
"style": {
|
|
10774
|
+
"&": {
|
|
10775
|
+
"_": {
|
|
10776
|
+
"color": {
|
|
10777
|
+
"token": "--mk-ink"
|
|
10778
|
+
},
|
|
10779
|
+
"fontSize": "58px",
|
|
10780
|
+
"fontWeight": "600",
|
|
10781
|
+
"fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
|
|
10782
|
+
"letterSpacing": "-0.02em",
|
|
10783
|
+
"lineHeight": "1"
|
|
10784
|
+
},
|
|
10785
|
+
"_t": {
|
|
10786
|
+
"fontSize": "44px"
|
|
10787
|
+
},
|
|
10788
|
+
"_m": {
|
|
10789
|
+
"fontSize": "31px"
|
|
10790
|
+
}
|
|
10791
|
+
}
|
|
10325
10792
|
}
|
|
10326
10793
|
}
|
|
10327
|
-
|
|
10328
|
-
}
|
|
10329
|
-
]
|
|
10330
|
-
},
|
|
10331
|
-
{
|
|
10332
|
-
"type": "div",
|
|
10333
|
-
"data": {
|
|
10334
|
-
"attrID": "mk-pan-w-2"
|
|
10335
|
-
},
|
|
10336
|
-
"style": {
|
|
10337
|
-
"&": {
|
|
10338
|
-
"_": {}
|
|
10339
|
-
}
|
|
10340
|
-
},
|
|
10341
|
-
"children": [
|
|
10794
|
+
]
|
|
10795
|
+
},
|
|
10342
10796
|
{
|
|
10343
|
-
"type": "
|
|
10797
|
+
"type": "div",
|
|
10344
10798
|
"data": {
|
|
10345
|
-
"
|
|
10799
|
+
"attrID": "mk-pan-n-0-2"
|
|
10346
10800
|
},
|
|
10347
|
-
"text": "AUTOMATION",
|
|
10348
10801
|
"style": {
|
|
10349
10802
|
"&": {
|
|
10350
|
-
"_": {
|
|
10351
|
-
|
|
10352
|
-
|
|
10353
|
-
|
|
10354
|
-
|
|
10355
|
-
|
|
10356
|
-
|
|
10357
|
-
"
|
|
10358
|
-
"lineHeight": "1"
|
|
10359
|
-
},
|
|
10360
|
-
"_t": {
|
|
10361
|
-
"fontSize": "44px"
|
|
10803
|
+
"_": {}
|
|
10804
|
+
}
|
|
10805
|
+
},
|
|
10806
|
+
"children": [
|
|
10807
|
+
{
|
|
10808
|
+
"type": "text",
|
|
10809
|
+
"data": {
|
|
10810
|
+
"tagName": "p"
|
|
10362
10811
|
},
|
|
10363
|
-
"
|
|
10364
|
-
|
|
10812
|
+
"text": "03",
|
|
10813
|
+
"style": {
|
|
10814
|
+
"&": {
|
|
10815
|
+
"_": {
|
|
10816
|
+
"color": "rgb(22,24,28)",
|
|
10817
|
+
"fontSize": "11px",
|
|
10818
|
+
"letterSpacing": "0.18em",
|
|
10819
|
+
"fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
|
|
10820
|
+
"fontWeight": "400"
|
|
10821
|
+
}
|
|
10822
|
+
}
|
|
10365
10823
|
}
|
|
10366
10824
|
}
|
|
10367
|
-
|
|
10368
|
-
}
|
|
10369
|
-
]
|
|
10370
|
-
},
|
|
10371
|
-
{
|
|
10372
|
-
"type": "div",
|
|
10373
|
-
"data": {
|
|
10374
|
-
"attrID": "mk-pan-n-3"
|
|
10375
|
-
},
|
|
10376
|
-
"style": {
|
|
10377
|
-
"&": {
|
|
10378
|
-
"_": {}
|
|
10379
|
-
}
|
|
10380
|
-
},
|
|
10381
|
-
"children": [
|
|
10825
|
+
]
|
|
10826
|
+
},
|
|
10382
10827
|
{
|
|
10383
|
-
"type": "
|
|
10828
|
+
"type": "div",
|
|
10384
10829
|
"data": {
|
|
10385
|
-
"
|
|
10830
|
+
"attrID": "mk-pan-w-0-2"
|
|
10386
10831
|
},
|
|
10387
|
-
"text": "04",
|
|
10388
10832
|
"style": {
|
|
10389
10833
|
"&": {
|
|
10390
|
-
"_": {
|
|
10391
|
-
"color": "rgb(22,24,28)",
|
|
10392
|
-
"fontSize": "11px",
|
|
10393
|
-
"letterSpacing": "0.18em",
|
|
10394
|
-
"fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
|
|
10395
|
-
"fontWeight": "400"
|
|
10396
|
-
}
|
|
10834
|
+
"_": {}
|
|
10397
10835
|
}
|
|
10398
|
-
}
|
|
10399
|
-
|
|
10400
|
-
|
|
10401
|
-
|
|
10402
|
-
|
|
10403
|
-
|
|
10404
|
-
|
|
10405
|
-
|
|
10406
|
-
|
|
10407
|
-
|
|
10408
|
-
|
|
10409
|
-
|
|
10410
|
-
|
|
10411
|
-
|
|
10412
|
-
|
|
10836
|
+
},
|
|
10837
|
+
"children": [
|
|
10838
|
+
{
|
|
10839
|
+
"type": "text",
|
|
10840
|
+
"data": {
|
|
10841
|
+
"tagName": "p"
|
|
10842
|
+
},
|
|
10843
|
+
"text": "AUTOMATION",
|
|
10844
|
+
"style": {
|
|
10845
|
+
"&": {
|
|
10846
|
+
"_": {
|
|
10847
|
+
"color": {
|
|
10848
|
+
"token": "--mk-ink"
|
|
10849
|
+
},
|
|
10850
|
+
"fontSize": "58px",
|
|
10851
|
+
"fontWeight": "600",
|
|
10852
|
+
"fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
|
|
10853
|
+
"letterSpacing": "-0.02em",
|
|
10854
|
+
"lineHeight": "1"
|
|
10855
|
+
},
|
|
10856
|
+
"_t": {
|
|
10857
|
+
"fontSize": "44px"
|
|
10858
|
+
},
|
|
10859
|
+
"_m": {
|
|
10860
|
+
"fontSize": "31px"
|
|
10861
|
+
}
|
|
10862
|
+
}
|
|
10863
|
+
}
|
|
10864
|
+
}
|
|
10865
|
+
]
|
|
10866
|
+
},
|
|
10867
|
+
{
|
|
10868
|
+
"type": "div",
|
|
10869
|
+
"data": {
|
|
10870
|
+
"attrID": "mk-pan-n-0-3"
|
|
10871
|
+
},
|
|
10872
|
+
"style": {
|
|
10873
|
+
"&": {
|
|
10874
|
+
"_": {}
|
|
10875
|
+
}
|
|
10876
|
+
},
|
|
10877
|
+
"children": [
|
|
10878
|
+
{
|
|
10879
|
+
"type": "text",
|
|
10880
|
+
"data": {
|
|
10881
|
+
"tagName": "p"
|
|
10882
|
+
},
|
|
10883
|
+
"text": "04",
|
|
10884
|
+
"style": {
|
|
10885
|
+
"&": {
|
|
10886
|
+
"_": {
|
|
10887
|
+
"color": "rgb(22,24,28)",
|
|
10888
|
+
"fontSize": "11px",
|
|
10889
|
+
"letterSpacing": "0.18em",
|
|
10890
|
+
"fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
|
|
10891
|
+
"fontWeight": "400"
|
|
10892
|
+
}
|
|
10893
|
+
}
|
|
10894
|
+
}
|
|
10895
|
+
}
|
|
10896
|
+
]
|
|
10897
|
+
},
|
|
10898
|
+
{
|
|
10899
|
+
"type": "div",
|
|
10900
|
+
"data": {
|
|
10901
|
+
"attrID": "mk-pan-w-0-3"
|
|
10902
|
+
},
|
|
10903
|
+
"style": {
|
|
10904
|
+
"&": {
|
|
10905
|
+
"_": {}
|
|
10906
|
+
}
|
|
10907
|
+
},
|
|
10908
|
+
"children": [
|
|
10909
|
+
{
|
|
10910
|
+
"type": "text",
|
|
10911
|
+
"data": {
|
|
10912
|
+
"tagName": "p"
|
|
10913
|
+
},
|
|
10914
|
+
"text": "AI",
|
|
10915
|
+
"style": {
|
|
10916
|
+
"&": {
|
|
10917
|
+
"_": {
|
|
10918
|
+
"color": {
|
|
10919
|
+
"token": "--mk-ink"
|
|
10920
|
+
},
|
|
10921
|
+
"fontSize": "58px",
|
|
10922
|
+
"fontWeight": "600",
|
|
10923
|
+
"fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
|
|
10924
|
+
"letterSpacing": "-0.02em",
|
|
10925
|
+
"lineHeight": "1"
|
|
10926
|
+
},
|
|
10927
|
+
"_t": {
|
|
10928
|
+
"fontSize": "44px"
|
|
10929
|
+
},
|
|
10930
|
+
"_m": {
|
|
10931
|
+
"fontSize": "31px"
|
|
10932
|
+
}
|
|
10933
|
+
}
|
|
10934
|
+
}
|
|
10935
|
+
}
|
|
10936
|
+
]
|
|
10937
|
+
},
|
|
10938
|
+
{
|
|
10939
|
+
"type": "div",
|
|
10940
|
+
"data": {
|
|
10941
|
+
"attrID": "mk-pan-n-0-4"
|
|
10942
|
+
},
|
|
10943
|
+
"style": {
|
|
10944
|
+
"&": {
|
|
10945
|
+
"_": {}
|
|
10946
|
+
}
|
|
10947
|
+
},
|
|
10948
|
+
"children": [
|
|
10949
|
+
{
|
|
10950
|
+
"type": "text",
|
|
10951
|
+
"data": {
|
|
10952
|
+
"tagName": "p"
|
|
10953
|
+
},
|
|
10954
|
+
"text": "05",
|
|
10955
|
+
"style": {
|
|
10956
|
+
"&": {
|
|
10957
|
+
"_": {
|
|
10958
|
+
"color": "rgb(22,24,28)",
|
|
10959
|
+
"fontSize": "11px",
|
|
10960
|
+
"letterSpacing": "0.18em",
|
|
10961
|
+
"fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
|
|
10962
|
+
"fontWeight": "400"
|
|
10963
|
+
}
|
|
10964
|
+
}
|
|
10965
|
+
}
|
|
10966
|
+
}
|
|
10967
|
+
]
|
|
10968
|
+
},
|
|
10969
|
+
{
|
|
10970
|
+
"type": "div",
|
|
10971
|
+
"data": {
|
|
10972
|
+
"attrID": "mk-pan-w-0-4"
|
|
10973
|
+
},
|
|
10974
|
+
"style": {
|
|
10975
|
+
"&": {
|
|
10976
|
+
"_": {}
|
|
10977
|
+
}
|
|
10978
|
+
},
|
|
10979
|
+
"children": [
|
|
10980
|
+
{
|
|
10981
|
+
"type": "text",
|
|
10982
|
+
"data": {
|
|
10983
|
+
"tagName": "p"
|
|
10984
|
+
},
|
|
10985
|
+
"text": "ERP",
|
|
10986
|
+
"style": {
|
|
10987
|
+
"&": {
|
|
10988
|
+
"_": {
|
|
10989
|
+
"color": {
|
|
10990
|
+
"token": "--mk-ink"
|
|
10991
|
+
},
|
|
10992
|
+
"fontSize": "58px",
|
|
10993
|
+
"fontWeight": "600",
|
|
10994
|
+
"fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
|
|
10995
|
+
"letterSpacing": "-0.02em",
|
|
10996
|
+
"lineHeight": "1"
|
|
10997
|
+
},
|
|
10998
|
+
"_t": {
|
|
10999
|
+
"fontSize": "44px"
|
|
11000
|
+
},
|
|
11001
|
+
"_m": {
|
|
11002
|
+
"fontSize": "31px"
|
|
11003
|
+
}
|
|
11004
|
+
}
|
|
11005
|
+
}
|
|
11006
|
+
}
|
|
11007
|
+
]
|
|
11008
|
+
},
|
|
11009
|
+
{
|
|
11010
|
+
"type": "div",
|
|
11011
|
+
"data": {
|
|
11012
|
+
"attrID": "mk-pan-n-0-5"
|
|
11013
|
+
},
|
|
11014
|
+
"style": {
|
|
11015
|
+
"&": {
|
|
11016
|
+
"_": {}
|
|
11017
|
+
}
|
|
11018
|
+
},
|
|
11019
|
+
"children": [
|
|
11020
|
+
{
|
|
11021
|
+
"type": "text",
|
|
11022
|
+
"data": {
|
|
11023
|
+
"tagName": "p"
|
|
11024
|
+
},
|
|
11025
|
+
"text": "06",
|
|
11026
|
+
"style": {
|
|
11027
|
+
"&": {
|
|
11028
|
+
"_": {
|
|
11029
|
+
"color": "rgb(22,24,28)",
|
|
11030
|
+
"fontSize": "11px",
|
|
11031
|
+
"letterSpacing": "0.18em",
|
|
11032
|
+
"fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
|
|
11033
|
+
"fontWeight": "400"
|
|
11034
|
+
}
|
|
11035
|
+
}
|
|
11036
|
+
}
|
|
11037
|
+
}
|
|
11038
|
+
]
|
|
11039
|
+
},
|
|
11040
|
+
{
|
|
11041
|
+
"type": "div",
|
|
11042
|
+
"data": {
|
|
11043
|
+
"attrID": "mk-pan-w-0-5"
|
|
11044
|
+
},
|
|
11045
|
+
"style": {
|
|
11046
|
+
"&": {
|
|
11047
|
+
"_": {}
|
|
11048
|
+
}
|
|
11049
|
+
},
|
|
11050
|
+
"children": [
|
|
11051
|
+
{
|
|
11052
|
+
"type": "text",
|
|
11053
|
+
"data": {
|
|
11054
|
+
"tagName": "p"
|
|
11055
|
+
},
|
|
11056
|
+
"text": "SEO",
|
|
11057
|
+
"style": {
|
|
11058
|
+
"&": {
|
|
11059
|
+
"_": {
|
|
11060
|
+
"color": {
|
|
11061
|
+
"token": "--mk-ink"
|
|
11062
|
+
},
|
|
11063
|
+
"fontSize": "58px",
|
|
11064
|
+
"fontWeight": "600",
|
|
11065
|
+
"fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
|
|
11066
|
+
"letterSpacing": "-0.02em",
|
|
11067
|
+
"lineHeight": "1"
|
|
11068
|
+
},
|
|
11069
|
+
"_t": {
|
|
11070
|
+
"fontSize": "44px"
|
|
11071
|
+
},
|
|
11072
|
+
"_m": {
|
|
11073
|
+
"fontSize": "31px"
|
|
11074
|
+
}
|
|
11075
|
+
}
|
|
11076
|
+
}
|
|
11077
|
+
}
|
|
11078
|
+
]
|
|
11079
|
+
},
|
|
11080
|
+
{
|
|
11081
|
+
"type": "div",
|
|
11082
|
+
"data": {
|
|
11083
|
+
"attrID": "mk-pan-n-0-6"
|
|
11084
|
+
},
|
|
11085
|
+
"style": {
|
|
11086
|
+
"&": {
|
|
11087
|
+
"_": {}
|
|
11088
|
+
}
|
|
11089
|
+
},
|
|
11090
|
+
"children": [
|
|
11091
|
+
{
|
|
11092
|
+
"type": "text",
|
|
11093
|
+
"data": {
|
|
11094
|
+
"tagName": "p"
|
|
11095
|
+
},
|
|
11096
|
+
"text": "07",
|
|
11097
|
+
"style": {
|
|
11098
|
+
"&": {
|
|
11099
|
+
"_": {
|
|
11100
|
+
"color": "rgb(22,24,28)",
|
|
11101
|
+
"fontSize": "11px",
|
|
11102
|
+
"letterSpacing": "0.18em",
|
|
11103
|
+
"fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
|
|
11104
|
+
"fontWeight": "400"
|
|
11105
|
+
}
|
|
11106
|
+
}
|
|
11107
|
+
}
|
|
11108
|
+
}
|
|
11109
|
+
]
|
|
11110
|
+
},
|
|
11111
|
+
{
|
|
11112
|
+
"type": "div",
|
|
11113
|
+
"data": {
|
|
11114
|
+
"attrID": "mk-pan-w-0-6"
|
|
11115
|
+
},
|
|
11116
|
+
"style": {
|
|
11117
|
+
"&": {
|
|
11118
|
+
"_": {}
|
|
11119
|
+
}
|
|
11120
|
+
},
|
|
11121
|
+
"children": [
|
|
11122
|
+
{
|
|
11123
|
+
"type": "text",
|
|
11124
|
+
"data": {
|
|
11125
|
+
"tagName": "p"
|
|
11126
|
+
},
|
|
11127
|
+
"text": "SOFTWARE",
|
|
11128
|
+
"style": {
|
|
11129
|
+
"&": {
|
|
11130
|
+
"_": {
|
|
11131
|
+
"color": {
|
|
11132
|
+
"token": "--mk-ink"
|
|
11133
|
+
},
|
|
11134
|
+
"fontSize": "58px",
|
|
11135
|
+
"fontWeight": "600",
|
|
11136
|
+
"fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
|
|
11137
|
+
"letterSpacing": "-0.02em",
|
|
11138
|
+
"lineHeight": "1"
|
|
11139
|
+
},
|
|
11140
|
+
"_t": {
|
|
11141
|
+
"fontSize": "44px"
|
|
11142
|
+
},
|
|
11143
|
+
"_m": {
|
|
11144
|
+
"fontSize": "31px"
|
|
11145
|
+
}
|
|
11146
|
+
}
|
|
11147
|
+
}
|
|
11148
|
+
}
|
|
11149
|
+
]
|
|
11150
|
+
},
|
|
10413
11151
|
{
|
|
10414
|
-
"type": "
|
|
11152
|
+
"type": "div",
|
|
10415
11153
|
"data": {
|
|
10416
|
-
"
|
|
11154
|
+
"attrID": "mk-pan-n-1-0"
|
|
10417
11155
|
},
|
|
10418
|
-
"text": "AI",
|
|
10419
11156
|
"style": {
|
|
10420
11157
|
"&": {
|
|
10421
|
-
"_": {
|
|
10422
|
-
|
|
10423
|
-
|
|
10424
|
-
|
|
10425
|
-
|
|
10426
|
-
|
|
10427
|
-
|
|
10428
|
-
"
|
|
10429
|
-
"lineHeight": "1"
|
|
11158
|
+
"_": {}
|
|
11159
|
+
}
|
|
11160
|
+
},
|
|
11161
|
+
"children": [
|
|
11162
|
+
{
|
|
11163
|
+
"type": "text",
|
|
11164
|
+
"data": {
|
|
11165
|
+
"tagName": "p"
|
|
10430
11166
|
},
|
|
10431
|
-
"
|
|
10432
|
-
|
|
11167
|
+
"text": "01",
|
|
11168
|
+
"style": {
|
|
11169
|
+
"&": {
|
|
11170
|
+
"_": {
|
|
11171
|
+
"color": "rgb(22,24,28)",
|
|
11172
|
+
"fontSize": "11px",
|
|
11173
|
+
"letterSpacing": "0.18em",
|
|
11174
|
+
"fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
|
|
11175
|
+
"fontWeight": "400"
|
|
11176
|
+
}
|
|
11177
|
+
}
|
|
11178
|
+
}
|
|
11179
|
+
}
|
|
11180
|
+
]
|
|
11181
|
+
},
|
|
11182
|
+
{
|
|
11183
|
+
"type": "div",
|
|
11184
|
+
"data": {
|
|
11185
|
+
"attrID": "mk-pan-w-1-0"
|
|
11186
|
+
},
|
|
11187
|
+
"style": {
|
|
11188
|
+
"&": {
|
|
11189
|
+
"_": {}
|
|
11190
|
+
}
|
|
11191
|
+
},
|
|
11192
|
+
"children": [
|
|
11193
|
+
{
|
|
11194
|
+
"type": "text",
|
|
11195
|
+
"data": {
|
|
11196
|
+
"tagName": "p"
|
|
10433
11197
|
},
|
|
10434
|
-
"
|
|
10435
|
-
|
|
11198
|
+
"text": "WEB",
|
|
11199
|
+
"style": {
|
|
11200
|
+
"&": {
|
|
11201
|
+
"_": {
|
|
11202
|
+
"color": {
|
|
11203
|
+
"token": "--mk-ink"
|
|
11204
|
+
},
|
|
11205
|
+
"fontSize": "58px",
|
|
11206
|
+
"fontWeight": "600",
|
|
11207
|
+
"fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
|
|
11208
|
+
"letterSpacing": "-0.02em",
|
|
11209
|
+
"lineHeight": "1"
|
|
11210
|
+
},
|
|
11211
|
+
"_t": {
|
|
11212
|
+
"fontSize": "44px"
|
|
11213
|
+
},
|
|
11214
|
+
"_m": {
|
|
11215
|
+
"fontSize": "31px"
|
|
11216
|
+
}
|
|
11217
|
+
}
|
|
10436
11218
|
}
|
|
10437
11219
|
}
|
|
10438
|
-
|
|
10439
|
-
}
|
|
10440
|
-
|
|
10441
|
-
|
|
10442
|
-
|
|
10443
|
-
|
|
10444
|
-
|
|
10445
|
-
|
|
10446
|
-
|
|
10447
|
-
|
|
10448
|
-
|
|
10449
|
-
|
|
10450
|
-
|
|
10451
|
-
|
|
10452
|
-
|
|
11220
|
+
]
|
|
11221
|
+
},
|
|
11222
|
+
{
|
|
11223
|
+
"type": "div",
|
|
11224
|
+
"data": {
|
|
11225
|
+
"attrID": "mk-pan-n-1-1"
|
|
11226
|
+
},
|
|
11227
|
+
"style": {
|
|
11228
|
+
"&": {
|
|
11229
|
+
"_": {}
|
|
11230
|
+
}
|
|
11231
|
+
},
|
|
11232
|
+
"children": [
|
|
11233
|
+
{
|
|
11234
|
+
"type": "text",
|
|
11235
|
+
"data": {
|
|
11236
|
+
"tagName": "p"
|
|
11237
|
+
},
|
|
11238
|
+
"text": "02",
|
|
11239
|
+
"style": {
|
|
11240
|
+
"&": {
|
|
11241
|
+
"_": {
|
|
11242
|
+
"color": "rgb(22,24,28)",
|
|
11243
|
+
"fontSize": "11px",
|
|
11244
|
+
"letterSpacing": "0.18em",
|
|
11245
|
+
"fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
|
|
11246
|
+
"fontWeight": "400"
|
|
11247
|
+
}
|
|
11248
|
+
}
|
|
11249
|
+
}
|
|
11250
|
+
}
|
|
11251
|
+
]
|
|
11252
|
+
},
|
|
11253
|
+
{
|
|
11254
|
+
"type": "div",
|
|
11255
|
+
"data": {
|
|
11256
|
+
"attrID": "mk-pan-w-1-1"
|
|
11257
|
+
},
|
|
11258
|
+
"style": {
|
|
11259
|
+
"&": {
|
|
11260
|
+
"_": {}
|
|
11261
|
+
}
|
|
11262
|
+
},
|
|
11263
|
+
"children": [
|
|
11264
|
+
{
|
|
11265
|
+
"type": "text",
|
|
11266
|
+
"data": {
|
|
11267
|
+
"tagName": "p"
|
|
11268
|
+
},
|
|
11269
|
+
"text": "COMMERCE",
|
|
11270
|
+
"style": {
|
|
11271
|
+
"&": {
|
|
11272
|
+
"_": {
|
|
11273
|
+
"color": {
|
|
11274
|
+
"token": "--mk-ink"
|
|
11275
|
+
},
|
|
11276
|
+
"fontSize": "58px",
|
|
11277
|
+
"fontWeight": "600",
|
|
11278
|
+
"fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
|
|
11279
|
+
"letterSpacing": "-0.02em",
|
|
11280
|
+
"lineHeight": "1"
|
|
11281
|
+
},
|
|
11282
|
+
"_t": {
|
|
11283
|
+
"fontSize": "44px"
|
|
11284
|
+
},
|
|
11285
|
+
"_m": {
|
|
11286
|
+
"fontSize": "31px"
|
|
11287
|
+
}
|
|
11288
|
+
}
|
|
11289
|
+
}
|
|
11290
|
+
}
|
|
11291
|
+
]
|
|
11292
|
+
},
|
|
11293
|
+
{
|
|
11294
|
+
"type": "div",
|
|
11295
|
+
"data": {
|
|
11296
|
+
"attrID": "mk-pan-n-1-2"
|
|
11297
|
+
},
|
|
11298
|
+
"style": {
|
|
11299
|
+
"&": {
|
|
11300
|
+
"_": {}
|
|
11301
|
+
}
|
|
11302
|
+
},
|
|
11303
|
+
"children": [
|
|
11304
|
+
{
|
|
11305
|
+
"type": "text",
|
|
11306
|
+
"data": {
|
|
11307
|
+
"tagName": "p"
|
|
11308
|
+
},
|
|
11309
|
+
"text": "03",
|
|
11310
|
+
"style": {
|
|
11311
|
+
"&": {
|
|
11312
|
+
"_": {
|
|
11313
|
+
"color": "rgb(22,24,28)",
|
|
11314
|
+
"fontSize": "11px",
|
|
11315
|
+
"letterSpacing": "0.18em",
|
|
11316
|
+
"fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
|
|
11317
|
+
"fontWeight": "400"
|
|
11318
|
+
}
|
|
11319
|
+
}
|
|
11320
|
+
}
|
|
11321
|
+
}
|
|
11322
|
+
]
|
|
11323
|
+
},
|
|
11324
|
+
{
|
|
11325
|
+
"type": "div",
|
|
11326
|
+
"data": {
|
|
11327
|
+
"attrID": "mk-pan-w-1-2"
|
|
11328
|
+
},
|
|
11329
|
+
"style": {
|
|
11330
|
+
"&": {
|
|
11331
|
+
"_": {}
|
|
11332
|
+
}
|
|
11333
|
+
},
|
|
11334
|
+
"children": [
|
|
11335
|
+
{
|
|
11336
|
+
"type": "text",
|
|
11337
|
+
"data": {
|
|
11338
|
+
"tagName": "p"
|
|
11339
|
+
},
|
|
11340
|
+
"text": "AUTOMATION",
|
|
11341
|
+
"style": {
|
|
11342
|
+
"&": {
|
|
11343
|
+
"_": {
|
|
11344
|
+
"color": {
|
|
11345
|
+
"token": "--mk-ink"
|
|
11346
|
+
},
|
|
11347
|
+
"fontSize": "58px",
|
|
11348
|
+
"fontWeight": "600",
|
|
11349
|
+
"fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
|
|
11350
|
+
"letterSpacing": "-0.02em",
|
|
11351
|
+
"lineHeight": "1"
|
|
11352
|
+
},
|
|
11353
|
+
"_t": {
|
|
11354
|
+
"fontSize": "44px"
|
|
11355
|
+
},
|
|
11356
|
+
"_m": {
|
|
11357
|
+
"fontSize": "31px"
|
|
11358
|
+
}
|
|
11359
|
+
}
|
|
11360
|
+
}
|
|
11361
|
+
}
|
|
11362
|
+
]
|
|
11363
|
+
},
|
|
11364
|
+
{
|
|
11365
|
+
"type": "div",
|
|
11366
|
+
"data": {
|
|
11367
|
+
"attrID": "mk-pan-n-1-3"
|
|
11368
|
+
},
|
|
11369
|
+
"style": {
|
|
11370
|
+
"&": {
|
|
11371
|
+
"_": {}
|
|
11372
|
+
}
|
|
11373
|
+
},
|
|
11374
|
+
"children": [
|
|
11375
|
+
{
|
|
11376
|
+
"type": "text",
|
|
11377
|
+
"data": {
|
|
11378
|
+
"tagName": "p"
|
|
11379
|
+
},
|
|
11380
|
+
"text": "04",
|
|
11381
|
+
"style": {
|
|
11382
|
+
"&": {
|
|
11383
|
+
"_": {
|
|
11384
|
+
"color": "rgb(22,24,28)",
|
|
11385
|
+
"fontSize": "11px",
|
|
11386
|
+
"letterSpacing": "0.18em",
|
|
11387
|
+
"fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
|
|
11388
|
+
"fontWeight": "400"
|
|
11389
|
+
}
|
|
11390
|
+
}
|
|
11391
|
+
}
|
|
11392
|
+
}
|
|
11393
|
+
]
|
|
11394
|
+
},
|
|
11395
|
+
{
|
|
11396
|
+
"type": "div",
|
|
11397
|
+
"data": {
|
|
11398
|
+
"attrID": "mk-pan-w-1-3"
|
|
11399
|
+
},
|
|
11400
|
+
"style": {
|
|
11401
|
+
"&": {
|
|
11402
|
+
"_": {}
|
|
11403
|
+
}
|
|
11404
|
+
},
|
|
11405
|
+
"children": [
|
|
11406
|
+
{
|
|
11407
|
+
"type": "text",
|
|
11408
|
+
"data": {
|
|
11409
|
+
"tagName": "p"
|
|
11410
|
+
},
|
|
11411
|
+
"text": "AI",
|
|
11412
|
+
"style": {
|
|
11413
|
+
"&": {
|
|
11414
|
+
"_": {
|
|
11415
|
+
"color": {
|
|
11416
|
+
"token": "--mk-ink"
|
|
11417
|
+
},
|
|
11418
|
+
"fontSize": "58px",
|
|
11419
|
+
"fontWeight": "600",
|
|
11420
|
+
"fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
|
|
11421
|
+
"letterSpacing": "-0.02em",
|
|
11422
|
+
"lineHeight": "1"
|
|
11423
|
+
},
|
|
11424
|
+
"_t": {
|
|
11425
|
+
"fontSize": "44px"
|
|
11426
|
+
},
|
|
11427
|
+
"_m": {
|
|
11428
|
+
"fontSize": "31px"
|
|
11429
|
+
}
|
|
11430
|
+
}
|
|
11431
|
+
}
|
|
11432
|
+
}
|
|
11433
|
+
]
|
|
11434
|
+
},
|
|
10453
11435
|
{
|
|
10454
|
-
"type": "
|
|
11436
|
+
"type": "div",
|
|
10455
11437
|
"data": {
|
|
10456
|
-
"
|
|
11438
|
+
"attrID": "mk-pan-n-1-4"
|
|
10457
11439
|
},
|
|
10458
|
-
"text": "05",
|
|
10459
11440
|
"style": {
|
|
10460
11441
|
"&": {
|
|
10461
|
-
"_": {
|
|
10462
|
-
|
|
10463
|
-
|
|
10464
|
-
|
|
10465
|
-
|
|
10466
|
-
|
|
11442
|
+
"_": {}
|
|
11443
|
+
}
|
|
11444
|
+
},
|
|
11445
|
+
"children": [
|
|
11446
|
+
{
|
|
11447
|
+
"type": "text",
|
|
11448
|
+
"data": {
|
|
11449
|
+
"tagName": "p"
|
|
11450
|
+
},
|
|
11451
|
+
"text": "05",
|
|
11452
|
+
"style": {
|
|
11453
|
+
"&": {
|
|
11454
|
+
"_": {
|
|
11455
|
+
"color": "rgb(22,24,28)",
|
|
11456
|
+
"fontSize": "11px",
|
|
11457
|
+
"letterSpacing": "0.18em",
|
|
11458
|
+
"fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
|
|
11459
|
+
"fontWeight": "400"
|
|
11460
|
+
}
|
|
11461
|
+
}
|
|
10467
11462
|
}
|
|
10468
11463
|
}
|
|
10469
|
-
|
|
10470
|
-
}
|
|
10471
|
-
]
|
|
10472
|
-
},
|
|
10473
|
-
{
|
|
10474
|
-
"type": "div",
|
|
10475
|
-
"data": {
|
|
10476
|
-
"attrID": "mk-pan-w-4"
|
|
10477
|
-
},
|
|
10478
|
-
"style": {
|
|
10479
|
-
"&": {
|
|
10480
|
-
"_": {}
|
|
10481
|
-
}
|
|
10482
|
-
},
|
|
10483
|
-
"children": [
|
|
11464
|
+
]
|
|
11465
|
+
},
|
|
10484
11466
|
{
|
|
10485
|
-
"type": "
|
|
11467
|
+
"type": "div",
|
|
10486
11468
|
"data": {
|
|
10487
|
-
"
|
|
11469
|
+
"attrID": "mk-pan-w-1-4"
|
|
10488
11470
|
},
|
|
10489
|
-
"text": "ERP",
|
|
10490
11471
|
"style": {
|
|
10491
11472
|
"&": {
|
|
10492
|
-
"_": {
|
|
10493
|
-
|
|
10494
|
-
|
|
10495
|
-
|
|
10496
|
-
|
|
10497
|
-
|
|
10498
|
-
|
|
10499
|
-
"
|
|
10500
|
-
"lineHeight": "1"
|
|
10501
|
-
},
|
|
10502
|
-
"_t": {
|
|
10503
|
-
"fontSize": "44px"
|
|
11473
|
+
"_": {}
|
|
11474
|
+
}
|
|
11475
|
+
},
|
|
11476
|
+
"children": [
|
|
11477
|
+
{
|
|
11478
|
+
"type": "text",
|
|
11479
|
+
"data": {
|
|
11480
|
+
"tagName": "p"
|
|
10504
11481
|
},
|
|
10505
|
-
"
|
|
10506
|
-
|
|
11482
|
+
"text": "ERP",
|
|
11483
|
+
"style": {
|
|
11484
|
+
"&": {
|
|
11485
|
+
"_": {
|
|
11486
|
+
"color": {
|
|
11487
|
+
"token": "--mk-ink"
|
|
11488
|
+
},
|
|
11489
|
+
"fontSize": "58px",
|
|
11490
|
+
"fontWeight": "600",
|
|
11491
|
+
"fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
|
|
11492
|
+
"letterSpacing": "-0.02em",
|
|
11493
|
+
"lineHeight": "1"
|
|
11494
|
+
},
|
|
11495
|
+
"_t": {
|
|
11496
|
+
"fontSize": "44px"
|
|
11497
|
+
},
|
|
11498
|
+
"_m": {
|
|
11499
|
+
"fontSize": "31px"
|
|
11500
|
+
}
|
|
11501
|
+
}
|
|
10507
11502
|
}
|
|
10508
11503
|
}
|
|
10509
|
-
|
|
10510
|
-
}
|
|
10511
|
-
]
|
|
10512
|
-
},
|
|
10513
|
-
{
|
|
10514
|
-
"type": "div",
|
|
10515
|
-
"data": {
|
|
10516
|
-
"attrID": "mk-pan-n-5"
|
|
10517
|
-
},
|
|
10518
|
-
"style": {
|
|
10519
|
-
"&": {
|
|
10520
|
-
"_": {}
|
|
10521
|
-
}
|
|
10522
|
-
},
|
|
10523
|
-
"children": [
|
|
11504
|
+
]
|
|
11505
|
+
},
|
|
10524
11506
|
{
|
|
10525
|
-
"type": "
|
|
11507
|
+
"type": "div",
|
|
10526
11508
|
"data": {
|
|
10527
|
-
"
|
|
11509
|
+
"attrID": "mk-pan-n-1-5"
|
|
10528
11510
|
},
|
|
10529
|
-
"text": "06",
|
|
10530
11511
|
"style": {
|
|
10531
11512
|
"&": {
|
|
10532
|
-
"_": {
|
|
10533
|
-
|
|
10534
|
-
|
|
10535
|
-
|
|
10536
|
-
|
|
10537
|
-
|
|
11513
|
+
"_": {}
|
|
11514
|
+
}
|
|
11515
|
+
},
|
|
11516
|
+
"children": [
|
|
11517
|
+
{
|
|
11518
|
+
"type": "text",
|
|
11519
|
+
"data": {
|
|
11520
|
+
"tagName": "p"
|
|
11521
|
+
},
|
|
11522
|
+
"text": "06",
|
|
11523
|
+
"style": {
|
|
11524
|
+
"&": {
|
|
11525
|
+
"_": {
|
|
11526
|
+
"color": "rgb(22,24,28)",
|
|
11527
|
+
"fontSize": "11px",
|
|
11528
|
+
"letterSpacing": "0.18em",
|
|
11529
|
+
"fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
|
|
11530
|
+
"fontWeight": "400"
|
|
11531
|
+
}
|
|
11532
|
+
}
|
|
10538
11533
|
}
|
|
10539
11534
|
}
|
|
10540
|
-
|
|
10541
|
-
}
|
|
10542
|
-
]
|
|
10543
|
-
},
|
|
10544
|
-
{
|
|
10545
|
-
"type": "div",
|
|
10546
|
-
"data": {
|
|
10547
|
-
"attrID": "mk-pan-w-5"
|
|
10548
|
-
},
|
|
10549
|
-
"style": {
|
|
10550
|
-
"&": {
|
|
10551
|
-
"_": {}
|
|
10552
|
-
}
|
|
10553
|
-
},
|
|
10554
|
-
"children": [
|
|
11535
|
+
]
|
|
11536
|
+
},
|
|
10555
11537
|
{
|
|
10556
|
-
"type": "
|
|
11538
|
+
"type": "div",
|
|
10557
11539
|
"data": {
|
|
10558
|
-
"
|
|
11540
|
+
"attrID": "mk-pan-w-1-5"
|
|
10559
11541
|
},
|
|
10560
|
-
"text": "SEO",
|
|
10561
11542
|
"style": {
|
|
10562
11543
|
"&": {
|
|
10563
|
-
"_": {
|
|
10564
|
-
|
|
10565
|
-
|
|
10566
|
-
|
|
10567
|
-
|
|
10568
|
-
|
|
10569
|
-
|
|
10570
|
-
"
|
|
10571
|
-
"lineHeight": "1"
|
|
10572
|
-
},
|
|
10573
|
-
"_t": {
|
|
10574
|
-
"fontSize": "44px"
|
|
11544
|
+
"_": {}
|
|
11545
|
+
}
|
|
11546
|
+
},
|
|
11547
|
+
"children": [
|
|
11548
|
+
{
|
|
11549
|
+
"type": "text",
|
|
11550
|
+
"data": {
|
|
11551
|
+
"tagName": "p"
|
|
10575
11552
|
},
|
|
10576
|
-
"
|
|
10577
|
-
|
|
11553
|
+
"text": "SEO",
|
|
11554
|
+
"style": {
|
|
11555
|
+
"&": {
|
|
11556
|
+
"_": {
|
|
11557
|
+
"color": {
|
|
11558
|
+
"token": "--mk-ink"
|
|
11559
|
+
},
|
|
11560
|
+
"fontSize": "58px",
|
|
11561
|
+
"fontWeight": "600",
|
|
11562
|
+
"fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
|
|
11563
|
+
"letterSpacing": "-0.02em",
|
|
11564
|
+
"lineHeight": "1"
|
|
11565
|
+
},
|
|
11566
|
+
"_t": {
|
|
11567
|
+
"fontSize": "44px"
|
|
11568
|
+
},
|
|
11569
|
+
"_m": {
|
|
11570
|
+
"fontSize": "31px"
|
|
11571
|
+
}
|
|
11572
|
+
}
|
|
10578
11573
|
}
|
|
10579
11574
|
}
|
|
10580
|
-
|
|
10581
|
-
}
|
|
10582
|
-
]
|
|
10583
|
-
},
|
|
10584
|
-
{
|
|
10585
|
-
"type": "div",
|
|
10586
|
-
"data": {
|
|
10587
|
-
"attrID": "mk-pan-n-6"
|
|
10588
|
-
},
|
|
10589
|
-
"style": {
|
|
10590
|
-
"&": {
|
|
10591
|
-
"_": {}
|
|
10592
|
-
}
|
|
10593
|
-
},
|
|
10594
|
-
"children": [
|
|
11575
|
+
]
|
|
11576
|
+
},
|
|
10595
11577
|
{
|
|
10596
|
-
"type": "
|
|
11578
|
+
"type": "div",
|
|
10597
11579
|
"data": {
|
|
10598
|
-
"
|
|
11580
|
+
"attrID": "mk-pan-n-1-6"
|
|
10599
11581
|
},
|
|
10600
|
-
"text": "07",
|
|
10601
11582
|
"style": {
|
|
10602
11583
|
"&": {
|
|
10603
|
-
"_": {
|
|
10604
|
-
|
|
10605
|
-
|
|
10606
|
-
|
|
10607
|
-
|
|
10608
|
-
|
|
11584
|
+
"_": {}
|
|
11585
|
+
}
|
|
11586
|
+
},
|
|
11587
|
+
"children": [
|
|
11588
|
+
{
|
|
11589
|
+
"type": "text",
|
|
11590
|
+
"data": {
|
|
11591
|
+
"tagName": "p"
|
|
11592
|
+
},
|
|
11593
|
+
"text": "07",
|
|
11594
|
+
"style": {
|
|
11595
|
+
"&": {
|
|
11596
|
+
"_": {
|
|
11597
|
+
"color": "rgb(22,24,28)",
|
|
11598
|
+
"fontSize": "11px",
|
|
11599
|
+
"letterSpacing": "0.18em",
|
|
11600
|
+
"fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
|
|
11601
|
+
"fontWeight": "400"
|
|
11602
|
+
}
|
|
11603
|
+
}
|
|
10609
11604
|
}
|
|
10610
11605
|
}
|
|
10611
|
-
|
|
10612
|
-
}
|
|
10613
|
-
]
|
|
10614
|
-
},
|
|
10615
|
-
{
|
|
10616
|
-
"type": "div",
|
|
10617
|
-
"data": {
|
|
10618
|
-
"attrID": "mk-pan-w-6"
|
|
10619
|
-
},
|
|
10620
|
-
"style": {
|
|
10621
|
-
"&": {
|
|
10622
|
-
"_": {}
|
|
10623
|
-
}
|
|
10624
|
-
},
|
|
10625
|
-
"children": [
|
|
11606
|
+
]
|
|
11607
|
+
},
|
|
10626
11608
|
{
|
|
10627
|
-
"type": "
|
|
11609
|
+
"type": "div",
|
|
10628
11610
|
"data": {
|
|
10629
|
-
"
|
|
11611
|
+
"attrID": "mk-pan-w-1-6"
|
|
10630
11612
|
},
|
|
10631
|
-
"text": "SOFTWARE",
|
|
10632
11613
|
"style": {
|
|
10633
11614
|
"&": {
|
|
10634
|
-
"_": {
|
|
10635
|
-
|
|
10636
|
-
|
|
10637
|
-
|
|
10638
|
-
|
|
10639
|
-
|
|
10640
|
-
|
|
10641
|
-
"
|
|
10642
|
-
"lineHeight": "1"
|
|
10643
|
-
},
|
|
10644
|
-
"_t": {
|
|
10645
|
-
"fontSize": "44px"
|
|
11615
|
+
"_": {}
|
|
11616
|
+
}
|
|
11617
|
+
},
|
|
11618
|
+
"children": [
|
|
11619
|
+
{
|
|
11620
|
+
"type": "text",
|
|
11621
|
+
"data": {
|
|
11622
|
+
"tagName": "p"
|
|
10646
11623
|
},
|
|
10647
|
-
"
|
|
10648
|
-
|
|
11624
|
+
"text": "SOFTWARE",
|
|
11625
|
+
"style": {
|
|
11626
|
+
"&": {
|
|
11627
|
+
"_": {
|
|
11628
|
+
"color": {
|
|
11629
|
+
"token": "--mk-ink"
|
|
11630
|
+
},
|
|
11631
|
+
"fontSize": "58px",
|
|
11632
|
+
"fontWeight": "600",
|
|
11633
|
+
"fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
|
|
11634
|
+
"letterSpacing": "-0.02em",
|
|
11635
|
+
"lineHeight": "1"
|
|
11636
|
+
},
|
|
11637
|
+
"_t": {
|
|
11638
|
+
"fontSize": "44px"
|
|
11639
|
+
},
|
|
11640
|
+
"_m": {
|
|
11641
|
+
"fontSize": "31px"
|
|
11642
|
+
}
|
|
11643
|
+
}
|
|
10649
11644
|
}
|
|
10650
11645
|
}
|
|
10651
|
-
|
|
11646
|
+
]
|
|
10652
11647
|
}
|
|
10653
11648
|
]
|
|
10654
11649
|
}
|