/*!
 * fullPage 2.9.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-scrollable{overflow:hidden;position:relative}.fp-scroller{overflow:hidden}.iScrollIndicator{border:0!important}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}#fp-nav.right{right:17px}#fp-nav.left{left:17px}.fp-slidesNav{position:absolute;z-index:4;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0);left:0!important;right:0;margin:0 auto!important}.fp-slidesNav.bottom{bottom:17px}.fp-slidesNav.top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.right{right:20px}#fp-nav ul li .fp-tooltip.left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important}:root{--page-spacing: 40px;--github-color: #000}@media (width <= 1024px){:root{--page-spacing: 20px}}body{background-color:#121212;color:#fff}.index-header{position:fixed;inset:var(--page-spacing) auto auto var(--page-spacing);z-index:9999}.index-header h1 a{display:flex}@media (width <= 768px){.index-header h1 a svg{width:60px}}#fp-nav{--fp-nav-size: 16px;--fp-nav-active-size: 28px;--fp-nav-gap: 20px}#fp-nav.right{inset-inline-end:var(--page-spacing)}#fp-nav ul{display:flex;flex-flow:column nowrap;gap:var(--fp-nav-gap)}#fp-nav ul li{inline-size:auto;block-size:auto;margin:0}#fp-nav ul li a{display:block;text-align:right;color:#595959;font-size:var(--fp-nav-size);transition:all .2s}#fp-nav ul li a:after{content:""}#fp-nav ul li a.active{color:#fff;font-size:var(--fp-nav-active-size);font-weight:500}#fp-nav ul li a span{display:none}#fp-nav ul li:nth-child(1) a:after{content:"intro"}#fp-nav ul li:nth-child(2) a:after{content:"about"}#fp-nav ul li:nth-child(3) a:after{content:"experience"}#fp-nav ul li:nth-child(4) a:after{content:"workflow"}#fp-nav ul li:nth-child(5){display:none}@media (width <= 1024px){#fp-nav{--fp-nav-size: 14px;--fp-nav-active-size: 14px;margin-top:0!important;inset-block-start:var(--page-spacing)}#fp-nav ul{flex-flow:row wrap;align-items:center}}@media (width <= 768px){#fp-nav{--fp-nav-size: 14px;--fp-nav-active-size: 14px;--fp-nav-gap: 10px}}.section.intro .section-wrap{display:flex;align-items:center;justify-content:center}.section.intro .section-wrap svg{inline-size:100%;max-inline-size:675px}@media (width <= 1024px){.section.intro .section-wrap svg{inline-size:80%}}@media (width <= 768px){.section.intro .section-wrap svg{inline-size:50%}}.section.about .section-wrap{text-align:center}.section.about .section-wrap>h2{font-size:52px;margin-block-end:20px}@media (width <= 1024px){.section.about .section-wrap>h2{font-size:32px}}@media (width <= 768px){.section.about .section-wrap>h2{font-size:24px;margin-block-end:20px}}.section.about .section-wrap>p{font-size:16px;line-height:1.4;margin-block-end:60px;font-weight:300}@media (width <= 1024px){.section.about .section-wrap>p{font-size:14px}}@media (width <= 768px){.section.about .section-wrap>p{display:none}}.section.about .section-wrap .profile-list{display:flex;flex-flow:row wrap;justify-content:center;gap:40px}.section.about .section-wrap .profile-list li .profile-img{inline-size:200px;aspect-ratio:1;border:1px solid #292929;border-radius:50%;margin-bottom:20px;background-position:center;background-size:cover}.section.about .section-wrap .profile-list li .profile-img.cjw{background-image:url(/images/cjw.avif)}.section.about .section-wrap .profile-list li .profile-img.pms{background-image:url(/images/pms.avif)}.section.about .section-wrap .profile-list li .profile-img.jhj{background-image:url(/images/jhj.avif)}.section.about .section-wrap .profile-list li .profile-img.jgy{background-image:url(/images/jgy.avif)}.section.about .section-wrap .profile-list li h3{font-size:24px;margin-bottom:5px}.section.about .section-wrap .profile-list li p{font-size:14px;font-weight:300;color:#595959;margin-bottom:20px}.section.about .section-wrap .profile-list li a{display:inline-flex;gap:5px;background-color:#d9d9d9;border-radius:999px;font-size:12px;align-items:center;padding:5px 10px;color:var(--github-color)}.section.about .section-wrap .profile-list li:hover{--github-color: #fff}.section.about .section-wrap .profile-list li:hover .profile-img{background-color:#292929}.section.about .section-wrap .profile-list li:hover .profile-img.cjw{background-image:url(/images/cjw-h.avif)}.section.about .section-wrap .profile-list li:hover .profile-img.pms{background-image:url(/images/pms-h.avif)}.section.about .section-wrap .profile-list li:hover .profile-img.jhj{background-image:url(/images/jhj-h.avif)}.section.about .section-wrap .profile-list li:hover .profile-img.jgy{background-image:url(/images/jgy-h.avif)}.section.about .section-wrap .profile-list li:hover a{background-color:#f33}@media (width <= 1024px){.section.about .section-wrap .profile-list{gap:20px;padding-inline:20px}.section.about .section-wrap .profile-list li{width:calc(25% - 15px)}.section.about .section-wrap .profile-list li .profile-img{inline-size:100%}}@media (width <= 768px){.section.about .section-wrap .profile-list li{width:calc(50% - 10px)}.section.about .section-wrap .profile-list li .profile-img{inline-size:80%;margin:0 auto 10px}.section.about .section-wrap .profile-list li h3{font-size:16px}.section.about .section-wrap .profile-list li p{font-size:12px;margin-bottom:10px}.section.about .section-wrap .profile-list li a{font-size:10px;padding:3px 7px}}.section.experience{--hover-icon-px: 20px;text-align:center}.section.experience .section-wrap{display:inline-grid;grid-template-columns:repeat(5,150px);grid-template-rows:repeat(3,150px);grid-template-areas:"header footer main page page" "landing account search page page" "profile modal layout page page"}.section.experience .section-wrap a{--taing-color: #595959;position:relative;align-content:center;font-size:14px;color:#595959;border:1px solid #292929;margin-inline-end:-1px;margin-block-end:-1px;transition:color .2s}.section.experience .section-wrap a:after,.section.experience .section-wrap a:before{content:"";position:absolute;inline-size:15px;aspect-ratio:1;background-repeat:no-repeat;background-size:cover;transition:all .2s;opacity:0}.section.experience .section-wrap a:after{background-image:url(/icon/icon-giuk.svg);inset:var(--hover-icon-px) var(--hover-icon-px) auto auto;translate:20px -20px}.section.experience .section-wrap a:before{background-image:url(/icon/icon-nien.svg);inset:auto auto var(--hover-icon-px) var(--hover-icon-px);translate:-20px 20px}.section.experience .section-wrap a:hover{--taing-color: #fff;color:#fff;border:1px solid #fff;z-index:1}.section.experience .section-wrap a:hover:after,.section.experience .section-wrap a:hover:before{opacity:1;translate:0}.section.experience .section-wrap a:nth-child(1){grid-area:header}.section.experience .section-wrap a:nth-child(2){grid-area:footer}.section.experience .section-wrap a:nth-child(3){grid-area:main}.section.experience .section-wrap a:nth-child(4){grid-area:landing}.section.experience .section-wrap a:nth-child(5){grid-area:account}.section.experience .section-wrap a:nth-child(6){grid-area:search}.section.experience .section-wrap a:nth-child(7){grid-area:profile}.section.experience .section-wrap a:nth-child(8){grid-area:modal}.section.experience .section-wrap a:nth-child(9){grid-area:layout}.section.experience .section-wrap a:nth-child(10){grid-area:page}@media (width <= 768px){.section.experience .section-wrap{grid-template-columns:repeat(3,100px);grid-template-rows:repeat(4,100px);grid-template-areas:"header footer main" "landing account search" "profile modal layout" "page page page"}.section.experience .section-wrap a{--taing-color: #fff;font-size:12px;border:1px solid #fff;color:#fff}.section.experience .section-wrap a:hover:after,.section.experience .section-wrap a:hover:before{display:none}}.section.workflow .section-wrap{max-inline-size:1024px;display:flex;flex-flow:column nowrap;margin:0 auto}.section.workflow .section-wrap .workflow-nav{inline-size:100%;display:flex;flex-flow:row wrap;border:1px solid #292929;border-bottom:0}.section.workflow .section-wrap .workflow-nav li{inline-size:25%;text-align:center;border-inline-end:1px solid #292929}.section.workflow .section-wrap .workflow-nav li button{padding:20px 0;color:#595959;transition:color .2s;display:block;inline-size:100%}.section.workflow .section-wrap .workflow-nav li:last-child{border-inline-end:0}.section.workflow .section-wrap .workflow-nav li:hover button{color:#fff}.section.workflow .section-wrap .workflow-nav li.active{background-color:#f33}.section.workflow .section-wrap .workflow-nav li.active button{color:#fff}.section.workflow .section-wrap .workflow-area{background-color:#292929;padding:30px;block-size:50vh;overflow-y:auto}.section.workflow .section-wrap .workflow-area::-webkit-scrollbar{width:16px}.section.workflow .section-wrap .workflow-area::-webkit-scrollbar-track{background:transparent;border-radius:999px}.section.workflow .section-wrap .workflow-area::-webkit-scrollbar-thumb{background:#393939;background-clip:padding-box;border-left:6px solid transparent}@media (width <= 1024px){.section.workflow{padding-inline:20px}.section.workflow .section-wrap .workflow-nav li button{font-size:12px}}@media (width <= 768px){.section.workflow .section-wrap .workflow-area{padding:20px}}.section.footer{text-align:center;background-color:#000;padding:30px 0}.workflow-wrap{inline-size:100%;display:flex;flex-flow:column nowrap;row-gap:40px;color:#fff;background-color:transparent}.workflow-wrap h4,.workflow-wrap h5{margin:0}.workflow-wrap .day-section{inline-size:100%;border-block-end:2px dashed #444;display:flex;flex-flow:column nowrap;row-gap:15px;padding-block-end:40px}.workflow-wrap .day-section .section-title{font-size:26px}.workflow-wrap .day-section .section-description{font-size:16px;margin-block-end:10px}.workflow-wrap .day-section .section-list{display:flex;flex-flow:column nowrap;gap:15px}.workflow-wrap .day-section .section-list .section-item{font-size:14px}.workflow-wrap .day-section .section-list .section-item strong{display:block;margin-bottom:5px}.workflow-wrap .day-section .section-list .section-item p{margin-bottom:5px}.workflow-wrap .enhanced-table{inline-size:100%;border-collapse:collapse;margin:10px 0;background-color:#ffffff0d;border-radius:8px;overflow:hidden}.workflow-wrap .enhanced-table th{background-color:#ffffff1a;padding:12px 15px;text-align:left;font-weight:700;font-size:16px;border-block-end:2px solid #444}.workflow-wrap .enhanced-table td{padding:10px 15px;border-block-end:1px solid rgba(255,255,255,.1);font-size:14px}.workflow-wrap .enhanced-table tr:hover{background-color:#ffffff14}.workflow-wrap .enhanced-table tr:last-child td{border-block-end:none}.workflow-wrap .code-highlight{background-color:#ffffff1a;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}.workflow-wrap .example-box{background-color:#00ff641a;border-inline-start:4px solid #00ff64;padding:15px;margin:10px 0;border-radius:0 8px 8px 0}.workflow-wrap .warning-box{background-color:#ffc1071a;border-inline-start:4px solid #ffc107;padding:15px;margin:10px 0;border-radius:0 8px 8px 0}.workflow-wrap .enhanced-item{padding:8px 0;line-height:1.6}.workflow-wrap .branch-item{background-color:#ffffff0d;padding:12px;border-radius:6px;margin:8px 0;border-inline-start:3px solid #00ff64}.workflow-wrap .retrospect-list{display:flex;flex-flow:column nowrap;gap:30px}.workflow-wrap .retrospect-list li{background-color:#ffffff0d;padding:20px;border-radius:4px;border-inline-start:4px solid #ff3333}.workflow-wrap .retrospect-list li strong{display:block;font-size:21px;margin-block-end:10px}