@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@800&family=Noto+Sans+TC&display=swap");@font-face{font-family:UD;src:url(/font/UDDigiKyokashoNK-R-03.ttf)}*{box-sizing:border-box}body,html{overflow-x:hidden;max-width:100%}body{font-family:Open Sans,Lato,sans-serif;margin:0}h1,h2,h3,h4,h5,h6{font-family:Mulish,sans-serif}.work_profile{text-align:center;color:var(--color-foreground)}.work_profile p{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:0}.work_profile img{max-width:100%;height:auto}.work_content{display:grid;grid-template-columns:minmax(0,1fr);color:var(--color-foreground);max-width:100%;min-width:0;overflow-x:clip;overflow-wrap:anywhere}.work_content a{color:var(--color-highlight);overflow-wrap:anywhere}.work_content code{background:var(--color-foreground-opacity)}.work_content .markdownInlineCode,.work_content code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92em;padding:.15rem .4rem;border-radius:.35rem}.work_content .markdownInlineCode{background:rgba(0,112,219,.06)}.work_content .markdownCodeBlock{margin:1.25rem 0 1.75rem;border:1px solid var(--color-line);border-radius:.75rem;overflow:hidden;width:100%;max-width:100%;min-width:0;background:var(--color-mac-content-bg);box-shadow:0 1px 2px var(--color-shadow)}.work_content .markdownCodeBlock__header{display:flex;align-items:center;justify-content:space-between;padding:.45rem .9rem;border-bottom:1px solid var(--color-line);background:var(--color-foreground-opacity)}.work_content .markdownCodeBlock__lang{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text)}.work_content .markdownCodeBlock__highlighter{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.work_content .markdownCodeBlock__highlighter--dark{display:none}.work_content .markdownCodeBlock__highlighter>code{background:transparent!important;padding:0!important;border-radius:0!important;font-size:inherit!important}.work_content .markdownDiagram{display:block;box-sizing:border-box;margin:1.25rem 0 1.75rem;padding:1rem 1.15rem;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;border:1px solid var(--color-line);border-radius:.75rem;background:var(--color-mac-content-bg);box-shadow:0 1px 2px var(--color-shadow)}.work_content .markdownDiagram code{display:inline;white-space:pre;padding:0;background:transparent!important;border-radius:0!important;font-size:.82rem;line-height:1.55;color:var(--color-foreground)}.work_content .markdownTableWrap{margin:1.25rem 0 1.75rem;width:100%;max-width:100%;min-width:0;overflow-x:hidden;border:1px solid var(--color-line);border-radius:.75rem;box-shadow:0 1px 2px var(--color-shadow)}.work_content .markdownTable{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.94rem;line-height:1.55;background:var(--color-mac-content-bg)}.work_content .markdownTable__head{background:rgba(0,112,219,.07);border-bottom:2px solid var(--color-line)}.work_content .markdownTable__cell{padding:.8rem 1rem;border-bottom:1px solid var(--color-line);vertical-align:top;text-align:left;word-break:break-word;overflow-wrap:anywhere}.work_content .markdownTable__cell--head{font-family:Mulish,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.02em;color:var(--color-foreground);border-bottom:0}.work_content .markdownTable__row:last-child .markdownTable__cell{border-bottom:0}.work_content .markdownTable__body .markdownTable__row:nth-child(2n) .markdownTable__cell{background:rgba(0,112,219,.04)}.work_content .screenshotPair{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;margin:1rem 0 2rem}@media (min-width:768px){.work_content .screenshotPair{grid-template-columns:1fr 1fr}}.work_content .screenshotPair img{margin-bottom:0}.work_content .screenshotCaption{margin:-1.25rem 0 2rem;text-align:center;font-size:.9rem;color:var(--color-text)}.work_content p:has(>em:only-child){margin:-1.25rem 0 2rem;text-align:center;font-size:.9rem;color:var(--color-text)}.work_content .badgeRow{text-align:center}.work_content p:has(.badgeImg){text-align:center}.work_content .badgeImg{width:auto!important;max-width:100%;display:inline-block;vertical-align:middle;margin-left:.175rem;margin-right:.175rem;margin-bottom:.5rem;border-radius:0}.work_content .smallImg{width:50%!important}.work_content img{width:100%;text-align:center;border-radius:.5rem;margin-bottom:2rem}.work_content .mediaFrame{position:relative;width:100%;padding-bottom:56.25%;margin:1.5rem 0 2rem}.work_content .mediaFrame iframe,.work_content .mediaFrame video{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:.5rem}.work_content hr{border:0;border-top:1px solid var(--color-line);margin:2rem 0}.work_content li::marker{color:var(--color-highlight)}.awardBlock{margin-top:2rem}.awardBlock .awardList{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.awardBlock .awardItem{text-align:center}.awardBlock .awardItem img{width:auto;max-width:10rem;margin-bottom:0}.mediaBlock{margin-top:2rem}.mediaBlock .mediaItem{margin-bottom:2rem}:root{--color-background:#fff;--color-background-opacity80:hsla(0,0%,100%,.8);--color-foreground:#000;--color-foreground-opacity:rgba(0,0,0,.2);--color-foreground-lighten20:#333;--color-foreground-lighten40:#666;--color-text:#75797e;--color-line:#cbd1daf2;--color-highlight:#0070db;--color-highlight-lighten10:#0f8aff;--color-highlight-darken10:#0056a8;--color-highlight2:#70b9ff;--color-highlight2-opacity:rgba(112,185,255,.4);--color-shadow:rgba(17,24,39,.15);--color-mac-bar:#f8f6f5;--color-mac-line:#cbd1daf2;--color-mac-content-bg:#fff;--color-alert:#ff3030;--color-button-selected:#e1eaff;--color-contact-button:#0070db}[data-theme=dark]{--color-background:#111827;--color-background-opacity80:rgba(17,24,39,.78);--color-foreground:#fff;--color-foreground-opacity:hsla(0,0%,100%,.3);--color-foreground-lighten20:#fff;--color-foreground-lighten40:#fff;--color-text:#b2b5b9;--color-line:#cbd1daf2;--color-highlight:#70b9ff;--color-highlight-lighten10:#42a3ff;--color-highlight-darken10:#0056a8;--color-highlight2:#0070db;--color-highlight2-opacity:rgba(112,185,255,.4);--color-shadow:hsla(0,0%,80%,.4);--color-mac-bar:#373739;--color-mac-line:#222224;--color-mac-content-bg:#222225;--color-button-selected:#2b323b;--color-contact-button:#0070db}[data-theme=dark] .work_content .markdownCodeBlock__highlighter--light{display:none}[data-theme=dark] .work_content .markdownCodeBlock__highlighter--dark{display:block}[data-theme=dark] .work_content .markdownInlineCode{background:rgba(112,185,255,.1)}[data-theme=dark] .work_content .markdownTable__head{background:rgba(112,185,255,.12)}[data-theme=dark] .work_content .markdownTable__body .markdownTable__row:nth-child(2n) .markdownTable__cell{background:rgba(112,185,255,.08)}.MenuButton_menuButton__46l7Y{cursor:pointer;height:48px;position:relative;transition:.4s cubic-bezier(0,0,0,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:48px;outline:none;transform:none;z-index:200}.MenuButton_menuButton__46l7Y>div{background:var(--color-foreground);height:3px;left:9px;position:absolute;width:30px;transition:all .4s cubic-bezier(0,0,0,1) 0s}.MenuButton_menuButtonActive__2iQx4{transform:rotate(-180deg)}.MenuButton_menuButtonTop__0Ursb{top:17px}.MenuButton_menuButtonTopActive__M_n46{transform:rotate(-45deg) translate(-4.26px,4.26px)}.MenuButton_menuButtonBottom__nE33l{top:29px}.MenuButton_menuButtonBottomActive__MMfDM{transform:rotate(45deg) translate(-4.26px,-4.26px)}.Backdrop_backdrop__TdRU4{background:rgba(0,0,0,.5);width:100%;height:100vh;position:fixed;top:72px;left:0;z-index:100;opacity:0;transition:opacity .4s cubic-bezier(.65,0,.35,1);display:none}.Backdrop_show__oJmcN{display:block}.Backdrop_animation__x64lR{opacity:1!important}.MawerLogo_MawerLogo__KT0m7 g{fill:var(--color-foreground)}.MawerLogo_MawerLogo__KT0m7 path:nth-of-type(2),.MawerLogo_MawerLogo__KT0m7 path:nth-of-type(3){fill:#ff56a5;-webkit-animation:MawerLogo_blush__WfcVc 5s infinite;animation:MawerLogo_blush__WfcVc 5s infinite}.MawerLogo_MawerLogo__KT0m7 path:nth-of-type(4),.MawerLogo_MawerLogo__KT0m7 path:nth-of-type(5){transform-origin:80rem 80rem;-webkit-animation:MawerLogo_blink__k01mE 10s infinite;animation:MawerLogo_blink__k01mE 10s infinite}@-webkit-keyframes MawerLogo_blush__WfcVc{0%{opacity:1}25%{opacity:0}50%{opacity:1}}@keyframes MawerLogo_blush__WfcVc{0%{opacity:1}25%{opacity:0}50%{opacity:1}}@-webkit-keyframes MawerLogo_blink__k01mE{0%{transform:rotateX(0deg)}1%{transform:rotateX(80deg)}2%{transform:rotateX(0deg)}3%{transform:rotateX(80deg)}5%{transform:rotateX(0deg)}48%{transform:rotateX(0deg)}49%{transform:rotateX(80deg)}52%{transform:rotateX(0deg)}}@keyframes MawerLogo_blink__k01mE{0%{transform:rotateX(0deg)}1%{transform:rotateX(80deg)}2%{transform:rotateX(0deg)}3%{transform:rotateX(80deg)}5%{transform:rotateX(0deg)}48%{transform:rotateX(0deg)}49%{transform:rotateX(80deg)}52%{transform:rotateX(0deg)}}.ColorButton_display-flex__3sBEf{display:flex}.ColorButton_colorButton__aAlAB{display:inline-block;width:3rem;height:3rem;text-align:center;padding:.5rem;cursor:pointer}@media (min-width:42rem){.ColorButton_colorButton__aAlAB{padding-top:1rem}}.ColorButton_colorButton__aAlAB svg{width:2rem;height:2rem;fill:var(--color-foreground)}@media (min-width:42rem){.ColorButton_colorButton__aAlAB svg{fill:var(--color-text);transition:fill .2s ease-in-out}.ColorButton_colorButton__aAlAB:hover svg{fill:var(--color-foreground)}}.MainNavigation_display-flex__ZsmHl,.MainNavigation_mainHeader__zm92B,.MainNavigation_mainLogo__4DCZb,.MainNavigation_mainNav__Khhy5,.MainNavigation_mainNav__Khhy5 .MainNavigation_mainNav__items__tbrPg,.MainNavigation_menuButtonPosition__nKFJ0,.MainNavigation_mobileNav__9cMIV .MainNavigation_mobileNav__items__RsHeO{display:flex}.MainNavigation_mainHeader__zm92B{width:100%;padding:1.25rem 1rem;background:var(--color-background-opacity80);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;z-index:1;vertical-align:middle;justify-content:space-between;align-items:center;height:4.5rem;border-bottom:1px solid var(--color-line)}.MainNavigation_mainHeader__zm92B a{text-decoration:none;font-weight:700;display:inline-block}.MainNavigation_mainLogo__4DCZb{height:3rem;flex-direction:row;justify-content:center;align-items:center}.MainNavigation_mainLogo__4DCZb .MainNavigation_logo__oTonQ{display:block;height:3rem;width:3.7rem}.MainNavigation_mainLogo__4DCZb .MainNavigation_logo__oTonQ svg{height:100%;width:100%}.MainNavigation_mainLogo__4DCZb>span{display:block;margin:0 0 0 1rem;font-size:1.3rem;color:var(--color-foreground)}.MainNavigation_menuButtonPosition__nKFJ0{text-align:right;vertical-align:middle;height:3rem}.MainNavigation_menuButtonPosition__nKFJ0>div{display:inline-block}@media (min-width:42rem){.MainNavigation_menuButtonPosition__nKFJ0{display:none}}.MainNavigation_item-link__cGSDS a,.MainNavigation_mainNav__Khhy5 .MainNavigation_mainNav__items__tbrPg .MainNavigation_mainNav__item__nA4b6 a,.MainNavigation_mobileNav__9cMIV .MainNavigation_mobileNav__items__RsHeO .MainNavigation_mobileNav__item__NdeXE a{color:var(--color-text);margin-top:1rem}.MainNavigation_item-link__cGSDS a:after,.MainNavigation_mainNav__Khhy5 .MainNavigation_mainNav__items__tbrPg .MainNavigation_mainNav__item__nA4b6 a:after,.MainNavigation_mobileNav__9cMIV .MainNavigation_mobileNav__items__RsHeO .MainNavigation_mobileNav__item__NdeXE a:after{display:block;content:"";border-bottom:3px solid var(--color-foreground);transform:scaleX(0);transition:transform .25s cubic-bezier(.25,.46,.45,.94);transform-origin:0 50%}.MainNavigation_item-link__cGSDS a.MainNavigation_active__eKPZi,.MainNavigation_item-link__cGSDS a:hover,.MainNavigation_mainNav__Khhy5 .MainNavigation_mainNav__items__tbrPg .MainNavigation_mainNav__item__nA4b6 a.MainNavigation_active__eKPZi,.MainNavigation_mainNav__Khhy5 .MainNavigation_mainNav__items__tbrPg .MainNavigation_mainNav__item__nA4b6 a:hover,.MainNavigation_mobileNav__9cMIV .MainNavigation_mobileNav__items__RsHeO .MainNavigation_mobileNav__item__NdeXE a.MainNavigation_active__eKPZi,.MainNavigation_mobileNav__9cMIV .MainNavigation_mobileNav__items__RsHeO .MainNavigation_mobileNav__item__NdeXE a:hover{color:var(--color-foreground)}.MainNavigation_item-link__cGSDS a.MainNavigation_active__eKPZi:after,.MainNavigation_item-link__cGSDS a:hover:after,.MainNavigation_mainNav__Khhy5 .MainNavigation_mainNav__items__tbrPg .MainNavigation_mainNav__item__nA4b6 a.MainNavigation_active__eKPZi:after,.MainNavigation_mainNav__Khhy5 .MainNavigation_mainNav__items__tbrPg .MainNavigation_mainNav__item__nA4b6 a:hover:after,.MainNavigation_mobileNav__9cMIV .MainNavigation_mobileNav__items__RsHeO .MainNavigation_mobileNav__item__NdeXE a.MainNavigation_active__eKPZi:after,.MainNavigation_mobileNav__9cMIV .MainNavigation_mobileNav__items__RsHeO .MainNavigation_mobileNav__item__NdeXE a:hover:after{transform:scaleX(1)}.MainNavigation_mainNav__Khhy5 .MainNavigation_mainNav__items__tbrPg{padding:0;margin:0;list-style:none}.MainNavigation_mainNav__Khhy5 .MainNavigation_mainNav__items__tbrPg .MainNavigation_mainNav__item__nA4b6{padding:.3rem .9rem .8rem;display:none}@media (min-width:42rem){.MainNavigation_mainNav__Khhy5 .MainNavigation_mainNav__items__tbrPg .MainNavigation_mainNav__item__nA4b6{display:inline-block}}.MainNavigation_mainNav__Khhy5 .MainNavigation_mainNav__items__tbrPg .MainNavigation_mainNav__itemCta__VvN4M{width:7rem}.MainNavigation_mainNav__Khhy5 .MainNavigation_mainNav__items__tbrPg .MainNavigation_mainNav__itemCta__VvN4M a:after{border-bottom:0}.MainNavigation_mainNav__Khhy5 .MainNavigation_mainNav__items__tbrPg .MainNavigation_mainNav__itemCta__VvN4M a{color:#fff;background:var(--color-contact-button);padding:.5rem 1rem;border-radius:8px;margin-top:.5rem}.MainNavigation_mainNav__Khhy5 .MainNavigation_mainNav__items__tbrPg .MainNavigation_mainNav__itemCta__VvN4M a.MainNavigation_active__eKPZi,.MainNavigation_mainNav__Khhy5 .MainNavigation_mainNav__items__tbrPg .MainNavigation_mainNav__itemCta__VvN4M a:active,.MainNavigation_mainNav__Khhy5 .MainNavigation_mainNav__items__tbrPg .MainNavigation_mainNav__itemCta__VvN4M a:hover{color:#fff;background:var(--color-highlight-darken10);border:none;-webkit-animation:MainNavigation_wiggle__zDvz5 .8s cubic-bezier(.45,0,.55,1);animation:MainNavigation_wiggle__zDvz5 .8s cubic-bezier(.45,0,.55,1)}.MainNavigation_mobileNav__9cMIV{position:fixed;z-index:200;top:4.5rem;left:0;background:var(--color-background);width:80%;height:100vh;display:none;transform:translateX(-5rem);opacity:0;transition:all .4s ease-out}.MainNavigation_mobileNav__9cMIV .MainNavigation_mobileNav__items__RsHeO{width:90%;height:calc(100% - 4.5rem);list-style:none;margin:0 auto;padding:0;flex-direction:column;justify-content:center;align-items:center}.MainNavigation_mobileNav__9cMIV .MainNavigation_mobileNav__items__RsHeO .MainNavigation_mobileNav__item__NdeXE{margin:1rem 0}.MainNavigation_mobileNav__9cMIV .MainNavigation_mobileNav__items__RsHeO .MainNavigation_mobileNav__item__NdeXE a{font-size:1.5rem;margin:0}.MainNavigation_mobileNavTrans__AjK26{opacity:1;transform:translateX(0)}.MainNavigation_show__VKCfd{display:block}@-webkit-keyframes MainNavigation_wiggle__zDvz5{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}@keyframes MainNavigation_wiggle__zDvz5{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}.Footer_display-flex__uYDAg,.Footer_mainFooter__s7u2U ul{display:flex}.Footer_mainFooter__s7u2U{padding:2rem;margin:0}.Footer_mainFooter__s7u2U ul{list-style:none;margin:0;padding:0;flex-direction:column;align-items:center}@media (min-width:42rem){.Footer_mainFooter__s7u2U ul{flex-direction:row;justify-content:center}}.Footer_mainFooter__s7u2U li{padding:.5rem 0}@media (min-width:42rem){.Footer_mainFooter__s7u2U li{padding:0 1rem}}.Footer_mainFooter__s7u2U a{color:var(--color-foreground);text-decoration:none}.Footer_mainFooter__s7u2U a:active,.Footer_mainFooter__s7u2U a:hover{color:#ccc}.Footer_icons__ujdEe{text-align:center}.Footer_icons__ujdEe .Footer_icon__TrKdB{display:inline-block;margin:0 .3rem}.Footer_icons__ujdEe .Footer_icon__TrKdB svg{width:2rem;height:2rem;fill:var(--color-foreground-lighten20)}.Footer_icons__ujdEe .Footer_icon__TrKdB a:hover svg{-webkit-animation:Footer_icon-animation__DGJST 2s infinite;animation:Footer_icon-animation__DGJST 2s infinite}.Footer_divider__xgHXI{border-bottom:1px solid var(--color-line);margin:1rem auto}@media (min-width:42rem){.Footer_mobileIcons__aZ3fL{display:none}.Footer_screenFooter__6JNnK{display:flex;justify-content:space-between;align-items:center}}.Footer_screenFooter__6JNnK .Footer_screenIcons__iJrCU{display:none}@media (min-width:42rem){.Footer_screenFooter__6JNnK .Footer_screenIcons__iJrCU{display:block}}.Footer_screenFooter__6JNnK .Footer_right__HNqXm{text-align:center;color:var(--color-foreground-lighten40)}.Footer_screenFooter__6JNnK .Footer_right__HNqXm span{display:inline-block}@-webkit-keyframes Footer_icon-animation__DGJST{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes Footer_icon-animation__DGJST{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.Layout_layout__W9mJI{min-height:100vh;width:100%;max-width:100%;display:grid;grid-template-rows:4rem auto fit-content(9.56rem);grid-template-areas:"header" "main" "footer"}.Layout_header___iH54,.Layout_layout__W9mJI,.Layout_main__NgJgX{background:var(--color-background)}.Layout_main__NgJgX{grid-area:main;min-width:0}.Layout_footer__ci1iK{grid-area:footer;background:var(--color-background)}