.margin-tb-zero,.markdown-body ol ol,.markdown-body ol ul,.markdown-body ol ul ol,.markdown-body ol ul ul,.markdown-body ul ol,.markdown-body ul ul,.markdown-body ul ul ol,.markdown-body ul ul ul{margin-top:0;margin-bottom:0}.markdown-body{font-family:Helvetica Neue,Helvetica,Segoe UI,Arial,freesans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;color:#333;line-height:1.6;word-wrap:break-word;padding:45px;background:#fff;border:1px solid #ddd;border-radius:0 0 3px 3px}.markdown-body>:first-child{margin-top:0!important}.markdown-body>:last-child{margin-bottom:0!important}.markdown-body *{-moz-box-sizing:border-box;box-sizing:border-box}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:1em;margin-bottom:16px;font-weight:700;line-height:1.4}.markdown-body blockquote,.markdown-body dl,.markdown-body ol,.markdown-body p,.markdown-body pre,.markdown-body table,.markdown-body ul{margin-top:0;margin-bottom:16px}.markdown-body h1{margin:.67em 0;font-size:2.25em;line-height:1.2}.markdown-body h1,.markdown-body h2{padding-bottom:.3em;border-bottom:1px solid #eee}.markdown-body h2{font-size:1.75em;line-height:1.225}.markdown-body h3{font-size:1.5em;line-height:1.43}.markdown-body h4{font-size:1.25em}.markdown-body h5{font-size:1em}.markdown-body h6{font-size:1em;color:#777}.markdown-body ol,.markdown-body ul{padding-left:2em}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ol ul,.markdown-body ul ul{list-style-type:circle}.markdown-body ol ul ul,.markdown-body ul ul ul{list-style-type:square}.markdown-body ol{list-style-type:decimal}.markdown-body ul{list-style-type:disc}.markdown-body blockquote{margin-left:0;margin-right:0;padding:0 15px;color:#777;border-left:4px solid #ddd}.markdown-body table{display:block;width:100%;overflow:auto;word-break:normal;word-break:keep-all;border-collapse:collapse;border-spacing:0}.markdown-body table tr{background-color:#fff;border-top:1px solid #ccc}.markdown-body table tr:nth-child(2n){background-color:#fafafa}.markdown-body table td,.markdown-body table th{padding:6px 13px;border:1px solid #ddd}.markdown-body pre{word-wrap:normal;padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f7f7f7;border-radius:3px}.markdown-body pre code{display:inline;max-width:none;padding:0;margin:0;overflow:visible;overflow:initial;font-size:100%;line-height:inherit;word-wrap:normal;white-space:pre;border:0;border-radius:3px;background-color:transparent}.markdown-body pre code:after,.markdown-body pre code:before{content:normal}.markdown-body code{font-family:Consolas,Liberation Mono,Menlo,Courier,monospace;padding:.2em 0;margin:0;font-size:85%;background-color:rgba(0,0,0,.04);border-radius:3px}.markdown-body code:after,.markdown-body code:before{letter-spacing:-.2em;content:" "}.markdown-body a{color:#4078c0;text-decoration:none;background:transparent}.markdown-body img{max-width:100%;max-height:100%;border-radius:4px;box-shadow:0 0 10px #555}.markdown-body strong{font-weight:700}.markdown-body em{font-style:italic}.markdown-body del{text-decoration:line-through}.task-list-item{list-style-type:none}.task-list-item input{font:13px/1.4 Helvetica,arial,nimbussansl,liberationsans,freesans,clean,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;margin:0 .35em .25em -1.6em;vertical-align:middle}.task-list-item input[disabled]{cursor:default}.task-list-item input[type=checkbox],.task-list-item input[type=radio]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0}header{position:fixed;top:0;width:100%;font-size:16px;line-height:normal;padding:0 10vw;color:#212121;background:rgba(255,255,255,.75);backdrop-filter:blur(3px);z-index:999;-webkit-transition:top .5s;transition:top .5s;box-shadow:0 0 8px 0 rgba(0,0,0,.06)}header .header-title{display:inline-block;margin:12px;cursor:pointer;color:var(--tiffany);font-size:24px;font-family:Patrick Hand,cursive}header nav{float:right;margin-right:30px}header nav>ul{height:54px;margin:0;display:-webkit-flex;display:flex;list-style:none}header nav>ul>li{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:relative}header nav>ul>li:before{left:0;top:0}header nav>ul>li:after,header nav>ul>li:before{display:block;content:" ";height:3px;background-color:var(--tiffany);position:absolute;width:0;-webkit-transition:all .3s;transition:all .3s}header nav>ul>li:after{right:0;bottom:-1px}header nav>ul>li.active:after,header nav>ul>li.active:before,header nav>ul>li:hover:after,header nav>ul>li:hover:before{width:100%}header nav>ul>li.active>a,header nav>ul>li:hover>a{-webkit-filter:grayscale(0);filter:grayscale(0)}header nav>ul>li>a{text-decoration:none;color:inherit;-webkit-transition:all .3s linear;transition:all .3s linear;display:block;padding:8px 32px;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(62%);filter:grayscale(62%)}header nav>ul>li>a.active{color:#333}header nav>ul>li>a:hover{cursor:pointer}header .mine{position:relative}header .mine>ul{position:absolute;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;top:60px;left:-30px;opacity:0;-webkit-transition:all .3s;transition:all .3s;list-style:none;padding:0;-webkit-transform:scale(0);transform:scale(0)}header .mine>ul>li{-webkit-transition:all .3s ease;transition:all .3s ease;width:160px}header .mine>ul>li:first-child{-webkit-transform:translateY(10px);transform:translateY(10px)}header .mine>ul>li:nth-child(2){-webkit-transform:translateY(25px);transform:translateY(25px)}header .mine>ul>li:nth-child(3){-webkit-transform:translateY(45px);transform:translateY(45px)}header .mine>ul>li:nth-child(4){-webkit-transform:translateY(75px);transform:translateY(75px)}header .mine>ul a{display:block;box-shadow:0 0 5px #e3e3e3;background:rgba(255,255,255,.9);backdrop-filter:blur(5px);border-radius:3px;margin:8px 0;padding:10px 8px;color:#333;text-decoration:none;text-align:center;-webkit-transition:all .3s;transition:all .3s}header .mine>ul a:hover{background:var(--tiffany-hover);color:#fff}header .mine:hover>ul{opacity:1;-webkit-transform:scale(1);transform:scale(1)}header .mine:hover>ul li:first-child,header .mine:hover>ul li:nth-child(2),header .mine:hover>ul li:nth-child(3),header .mine:hover>ul li:nth-child(4){-webkit-transform:translateY(0);transform:translateY(0)}:root{--tiffany:#81d8d0;--tiffany-hover:#81d8d0;--deep-pink:#ff1493;--dark-pink:#ff90cd;--white-bg:#fafafa}article,aside,dialog,figure,footer,header,main,menu,nav,section{display:block}html{-moz-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-moz-box-sizing:inherit;box-sizing:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width:1024px){.info-wrapper{position:static;border:none;margin-top:70px;width:100%}nav{display:none}.info-message,.info-photo{width:100%}.skill-badge{margin:10px 5px;width:80px;height:80px}.home{padding-top:40px}.blogs-category,.home{width:90vw!important}}@media (min-width:1024px){nav{display:inline-block}.skill-badge{margin:25px;width:80px;height:80px}main{padding:80px 20px 50px}}main{background:var(--white-bg)}body{margin:0;padding:0;background-color:var(--white-bg);color:#333;font-size:16px;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Verdana,"sans-serif";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-size:18px}blockquote{border-left:5px solid #81d8d0;padding-left:10px}.blog{-webkit-transition:box-shadow .5s linear;transition:box-shadow .5s linear;opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;border-radius:8px}.blog figure{margin:0;padding-top:56px;position:relative;overflow:hidden}.blog figure:hover .blog-img{-webkit-transform:scale(1.1);transform:scale(1.1)}.blog figure .blog-img{width:100%;object-fit:cover;margin:0;height:38.2vh;border-radius:0;-webkit-transition:all .6s;transition:all .6s}.blog figure figcaption{position:absolute;bottom:0;left:-webkit-calc((100% - 1200px)/2);left:calc((100% - 1200px)/2);color:#fff;font-size:12px;padding-bottom:10px;padding-left:10px}.blog figure figcaption .blog-name{word-break:break-all;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:36px}.blog figure figcaption .blog-date{font-size:14px;color:#fff}.blog figure figcaption .tag-box{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;padding-top:8px}.blog figure figcaption .tag{display:inline-block;background-color:#f8f8f8;border-radius:6px;font-size:12px;color:#999;padding:0 12px;margin-right:5px}.blog .md-box{margin:0 auto;width:1200px;padding:10px 48px 80px;background:#fff}.blog img{width:100%;object-fit:contain;margin:12px auto;display:block;border-radius:5px}@media screen and (max-width:1024px){.blog{overflow-x:scroll}.blog .md-box{width:100vw;padding:1vh 4vw}.blog figure figcaption{left:1vw}.blog figure figcaption .blog-name{white-space:normal}}@media screen and (min-width:1024px){.md-box{-webkit-animation:bounce-in-bottom 1.1s both;animation:bounce-in-bottom 1.1s both}}@-webkit-keyframes bounce-in-bottom{0%{-webkit-transform:translateY(500px);transform:translateY(500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(65px);transform:translateY(65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(28px);transform:translateY(28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(8px);transform:translateY(8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes bounce-in-bottom{0%{-webkit-transform:translateY(500px);transform:translateY(500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(65px);transform:translateY(65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(28px);transform:translateY(28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(8px);transform:translateY(8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.my-md pre{padding:1em;margin:0;background:#1d1f21;border-radius:5px;font-size:16px;overflow-x:auto;line-height:1.3}.my-md pre code{padding:0;margin:0}.my-md code,.my-md pre code{font:normal 10pt Consolas,Monaco,monospace;font-size:15px}.my-md code{padding:1px 8px;margin:0 3px;overflow-x:auto;color:#c5c8c6;background:#1d1f21;border-radius:3px}.my-md a{-webkit-transition:color .3s;transition:color .3s}.my-md a,.my-md a:link{color:var(--deep-pink)}.my-md a:visited{color:var(--dark-pink)}.my-md a:hover{color:var(--deep-pink)}