@charset "UTF-8";:root{--color-slate-100:oklch(0.95 0.01 246.45);--color-slate-200:oklch(0.90 0.02 246.45);--color-slate-300:oklch(0.82 0.03 246.45);--color-slate-400:oklch(0.70 0.04 246.45);--color-slate-500:oklch(0.55 0.05 246.45);--color-slate-600:oklch(0.45 0.055 246.45);--color-slate-700:oklch(0.40 0.058 246.45);--color-slate-800:oklch(0.32 0.06 246.45);--color-slate-900:oklch(0.22 0.06 246.45)}@view-transition{navigation:auto}body{font-family:system-ui, -apple-system, "Noto Sans TC", BlinkMacSystemFont, 'Microsoft Jhenghei', sans-serif;overflow-x:hidden;font-display:swap;background:-webkit-linear-gradient(282deg, #1e293b 30%, #223451, #334f7d 60%, #fbffc7);background:-o-linear-gradient(282deg, #1e293b 30%, #223451, #334f7d 60%, #fbffc7);background:linear-gradient(168deg, #1e293b 30%, #223451, #334f7d 60%, #fbffc7);background-attachment:fixed}#header-top:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FEE685), to(transparent));background:-webkit-linear-gradient(left, transparent, #FEE685, transparent);background:-o-linear-gradient(left, transparent, #FEE685, transparent);background:linear-gradient(to right, transparent, #FEE685, transparent)}.top-header-inner{position:relative}.menu-nav li{text-align:left}@media screen and (max-width:1024px){.menu-nav li{text-align:center}}.menu-in{display:block!important;position:absolute;background:rgba(30, 41, 59, 0.5);width:200px;left:-1rem;top:37px;height:calc(100vh - 56px);height:calc(100dvh - 56px)}.menu-in:after{content:'';-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:block;position:absolute;width:100%;height:100%;left:0;top:0;background:#48cdb2;z-index:-1}.menu-in ul{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:1rem;position:relative;z-index:1}.menu-in li{width:100%;margin-bottom:1rem}.menu-in a{font-size:20px;color:#fff;-webkit-filter:drop-shadow(rgba(0, 0, 0, 0.07) 0px 4px 3px) drop-shadow(rgba(0, 0, 0, 0.06) 0px 2px 2px);filter:drop-shadow(rgba(0, 0, 0, 0.07) 0px 4px 3px) drop-shadow(rgba(0, 0, 0, 0.06) 0px 2px 2px)}@media screen and (max-width:1024px){.menu-in{top:44px;width:calc(100% + 2em)}.menu-in:after{background:-webkit-gradient(linear, left top, right top, from(rgba(94, 199, 194, 0.5)), color-stop(rgba(32, 227, 178, 0.5)), to(rgba(12, 235, 235, 0.5)));background:-webkit-linear-gradient(left, rgba(94, 199, 194, 0.5), rgba(32, 227, 178, 0.5), rgba(12, 235, 235, 0.5));background:-o-linear-gradient(left, rgba(94, 199, 194, 0.5), rgba(32, 227, 178, 0.5), rgba(12, 235, 235, 0.5));background:linear-gradient(to right, rgba(94, 199, 194, 0.5), rgba(32, 227, 178, 0.5), rgba(12, 235, 235, 0.5))}}@media screen and (max-width:767px){.menu-in{top:37px;height:calc(100vh - 44px);height:calc(100dvh - 44px);-webkit-transition:opacity 1.5s;-o-transition:opacity 1.5s;transition:opacity 1.5s}@starting-style{.menu-in{opacity:0}}}.menu-nav2{opacity:0;pointer-events:none;-webkit-transition:500ms all;-o-transition:500ms all;transition:500ms all;position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:29}.menu-nav2 a{display:inline-block;text-decoration:none;color:#fff;font-size:10vw;opacity:0;-webkit-transition:500ms opacity;-o-transition:500ms opacity;transition:500ms opacity;font-weight:700;background:#163550;border-radius:15px;line-height:1;-webkit-box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px}.menu-nav2 a:first-child{font-size:10vw}.menu-nav2 a:nth-child(2){font-size:12vw}.menu-nav2 a:nth-child(3){font-size:8vw}.menu-nav2 a:nth-child(4){font-size:5vw}.menu-nav2 a:nth-child(5){font-size:4vw}.menu-nav2 a:hover{background:#1c4264;color:#FEE685}@media screen and (max-width:600px){.menu-nav2 a:first-child{font-size:20vw}.menu-nav2 a:nth-child(2){font-size:22vw}.menu-nav2 a:nth-child(3){font-size:16vw}.menu-nav2 a:nth-child(4){font-size:10vw}.menu-nav2 a:nth-child(5){font-size:8vw}}.menu-in2{opacity:1;pointer-events:all;background:rgba(0, 0, 0, 0.5)}.menu-cates{container-type:scroll-state}.menu-cates>div{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transition:opacity 0.5s, -webkit-transform 1s ease;transition:opacity 0.5s, -webkit-transform 1s ease;-o-transition:transform 1s ease, opacity 0.5s;transition:transform 1s ease, opacity 0.5s;transition:transform 1s ease, opacity 0.5s, -webkit-transform 1s ease}@container scroll-state(stuck:top){.menu-cates>div{-webkit-transform:scaleX(0.1);-ms-transform:scaleX(0.1);transform:scaleX(0.1);opacity:0}}@supports not (container-type:scroll-state){.menu-cates>div{display:block}}.menu-cates-inner{background:-webkit-linear-gradient(2deg, #163550 80%, transparent);background:-o-linear-gradient(2deg, #163550 80%, transparent);background:linear-gradient(88deg, #163550 80%, transparent)}.post-inner{max-width:750px;font-size:var(--reading-font-size, 16px);line-height:2rem;opacity:1;will-change:contents;contain:layout style paint}.post-inner #ipfm-content,.post-inner .google-auto-placed,.post-inner blockquote,.post-inner code,.post-inner h1,.post-inner h2,.post-inner h3,.post-inner h4,.post-inner h5,.post-inner h6,.post-inner hr,.post-inner iframe,.post-inner ol,.post-inner p,.post-inner pre,.post-inner table,.post-inner ul{max-width:750px;margin-left:auto;margin-right:auto;width:100%}.post-inner p{margin-bottom:var(--reading-paragraph-spacing, 24px);font-weight:400;line-height:var(--reading-line-height, 2.2)}.post-inner p+ol,.post-inner p+ul{margin-top:-20px}.post-inner p:first-of-type,.post-inner p:nth-child(2),.post-inner p:nth-child(3){content-visibility:visible;contain-intrinsic-size:auto 150px;font-display:swap}.post-inner img{aspect-ratio:attr(width)/attr(height)}.post-inner img:hover{opacity:.95}.post-inner img+br{display:none}.post-inner a{color:#06c;text-decoration:underline;overflow-wrap:anywhere}.post-inner a:hover{color:#004d99}.post-inner h2:before,.post-inner h3:before{content:'';display:block;position:absolute;border-radius:50%}.post-inner h2{color:#4ED27F;margin:30px auto 10px;border-bottom:1px solid #4ED27F;font-size:30px;font-weight:700;padding-bottom:10px;line-height:1.4;position:relative}.post-inner h2:before{width:14px;height:14px;background-color:#4ED27F;left:-24px;top:14px}.post-inner h3{margin-bottom:10px;margin-top:10px;color:#d94a3e;padding-bottom:10px;border-bottom:1px solid #d94a3e;font-weight:700;font-size:22px;line-height:1.4;position:relative}.post-inner h3:before{width:10px;height:10px;background-color:#d94a3e;left:-24px;top:10px}.post-inner h4{margin-bottom:10px;margin-top:10px;color:#858585;padding-bottom:10px;border-bottom:2px solid #858585;font-weight:700;font-size:19px;line-height:1.4}.post-inner hr{margin-bottom:1em}.post-inner blockquote{margin:0 auto 20px;font-family:arial, sans-serif;width:100%;position:relative;display:block;padding:20px;border-radius:5px;background-color:#eee;border-left:2px solid #ccc}.post-inner blockquote:before{color:#ccc;content:"❝";font-size:4em;line-height:1;margin-right:0;vertical-align:0;position:absolute;left:0;top:-0.2em;z-index:0}.post-inner blockquote p{margin-bottom:0}.post-inner blockquote p+ol,.post-inner blockquote p+ul{margin-top:10px}.post-inner strong{background:-webkit-gradient(linear, left top, right top, from(#fefc9a), to(#feffe4));background:-webkit-linear-gradient(left, #fefc9a 0%, #feffe4 100%);background:-o-linear-gradient(left, #fefc9a 0%, #feffe4 100%);background:linear-gradient(to right, #fefc9a 0%, #feffe4 100%)}.post-inner span[style='color:red'],.post-inner strong[style='color:red']{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 221, 221, 0)), color-stop(rgba(255, 238, 238, 0.45)), to(#fff9f9));background:-webkit-linear-gradient(left, rgba(255, 221, 221, 0), rgba(255, 238, 238, 0.45), #fff9f9);background:-o-linear-gradient(left, rgba(255, 221, 221, 0), rgba(255, 238, 238, 0.45), #fff9f9);background:linear-gradient(to right, rgba(255, 221, 221, 0), rgba(255, 238, 238, 0.45), #fff9f9)}.post-inner iframe{aspect-ratio:560/315;height:auto;margin-bottom:10px}.post-inner .size-full{width:auto;height:auto}.post-inner code{background:#ded;padding:0px 5px;display:inline-block;border-radius:5px;width:auto;vertical-align:middle;text-indent:0;font-family:courier;font-size:0.9em;font-weight:bold;line-height:1.5}.post-inner code span[style='color:red'],.post-inner code strong[style='color:red']{background:none}.post-inner ul{list-style:none;-webkit-margin-after:1em;margin-block-end:1em;list-style-position:inside;text-indent:0;padding-left:1.4em}.post-inner ul>li{list-style:disc}.post-inner ol{list-style-type:decimal;-webkit-margin-after:1em;margin-block-end:1em;list-style-position:inside;text-indent:-1em;padding-left:1.2em}.post-inner table{margin-bottom:1em;margin-top:0.5em;border-collapse:collapse;border-spacing:0;border-color:gray}.post-inner td,.post-inner th{padding:10px;border:1px solid #ccc}.post-inner td ol,.post-inner td ul,.post-inner th ol,.post-inner th ul{-webkit-margin-after:0;margin-block-end:0}.post-inner th{background-color:#eee}.post-inner pre{background:#fff;color:#000;border:1px dashed #ccc;width:100%;padding:16px;border-radius:3px;font-size:1.6rem;word-wrap:break-word;overflow:auto}@media screen and (max-width:800px){.post-inner code{max-width:100%;overflow-wrap:anywhere;display:inline}}@media screen and (max-width:700px){.table-rwd{background:#eee;padding:12px 15px 5px}.table-rwd:before{content:'作者很懶，沒有另外排一套小螢幕版表格，請自行往右捲動';display:block;color:#555;font-size:11px;line-height:1.2}.table-rwd table{background:#fff}}.top-contacts{-webkit-transition:800ms background, 500ms padding, 500ms border-radius;-o-transition:800ms background, 500ms padding, 500ms border-radius;transition:800ms background, 500ms padding, 500ms border-radius}.top-contacts>a{display:inline-block;-webkit-filter:drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));filter:drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06))}@media screen and (max-width:1024px){.top-contacts{top:3px;right:0}}@media screen and (max-width:500px){.top-contacts{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}}.top-cate-links a{padding:8px 16px;display:block;margin-right:15px;color:#fff;-webkit-transition:500ms all;-o-transition:500ms all;transition:500ms all}.top-cate-links a:hover{color:#eee}@media screen and (max-width:1285px){.top-cate-links{max-width:100%}.top-cate-links a{margin-right:0}}@media screen and (max-width:1120px){.top-cate-links>a:nth-child(n+7){display:none}}@media screen and (max-width:900px){.top-cate-links>a:nth-child(n+5){display:none}}@media screen and (max-width:610px){.top-cate-links>a:nth-child(n+3){display:none}}@media screen and (max-width:768px){.top-cate-links a{padding:7px 16px}.top-cate-links a:first-child{padding-left:0}}#cate-menu>a{color:#fff;display:none;margin-right:0}#cate-menu>a:hover{background:#163550;color:#FEE685}#cate-menu>a:nth-child(n+8){display:block}@media screen and (max-width:1120px){#cate-menu>a:nth-child(n+7){display:block}}@media screen and (max-width:900px){#cate-menu>a:nth-child(n+5){display:block}}@media screen and (max-width:610px){#cate-menu>a:nth-child(n+3){display:block}}@media screen and (max-width:640px){#cate-menu{width:100%;position:fixed;left:0;top:84px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;right:0;bottom:auto;min-width:auto;border:0;border-radius:0 0 15px 15px}#cate-menu>a{width:50%;padding-right:3px}}#btn-cate:checked~#cate-menu{opacity:1;pointer-events:all}#ez-toc-container li,#ez-toc-container ul,#ez-toc-container ul li,div.ez-toc-widget-container,div.ez-toc-widget-container li{background:0 0;list-style:none;line-height:1.6;margin:0;overflow:hidden;text-indent:0}#ez-toc-container{margin:1em 0;background:#f9f9f9;border:1px solid #aaa;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);display:table;padding:10px 20px 10px 10px;position:relative;width:auto}#ez-toc-container .ez-toc-title-toggle{display:none}#ez-toc-container .ez-toc-title{font-size:120%;margin-bottom:0;padding-bottom:10px}#ez-toc-container a{color:#444;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;text-shadow:none;display:block;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:nowrap;flex-wrap:nowrap}#ez-toc-container a:hover{text-decoration:underline}#ez-toc-container .ez-toc-list{padding-left:0}#ez-toc-container li{margin-bottom:5px}#ez-toc-container .ez-toc-list-level-3{padding-left:14px;margin-top:4px;margin-bottom:4px;margin-left:12px;border-left:2px solid #cdd5dc}#ez-toc-container .ez-toc-list-level-3>li{margin-bottom:2px;font-size:0.9em}#ez-toc-container .ez-toc-list-level-3>li>a{color:#666}#ez-toc-container .ez-toc-heading-level-2>a{font-weight:600}#ez-toc-container nav{max-height:50vh;overflow:auto}#ez-toc-container.side-fixed{position:fixed;left:0;top:50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px;border-radius:0 6px 6px 0;margin:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:11;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(249, 249, 249, 0.7);border:0}#ez-toc-container.side-fixed nav{display:none;padding-left:10px;border-left:1px solid #ccc;line-height:1.5}#ez-toc-container.side-fixed li{margin-bottom:12px}#ez-toc-container.side-fixed .ez-toc-title-container{width:auto;border-bottom:0}#ez-toc-container.side-fixed .ez-toc-title{-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;padding:0;font-size:12px}#ez-toc-container.side-fixed .ez-toc-title-toggle{display:none}#ez-toc-container.side-fixed:hover{-webkit-box-shadow:0 10px 20px rgba(0, 0, 0, 0.2);box-shadow:0 10px 20px rgba(0, 0, 0, 0.2);background:#fff}#ez-toc-container.side-fixed:hover nav{display:block}@media screen and (max-width:800px){#ez-toc-container.side-fixed{padding:10px 1px;border:1px solid #ddd}#ez-toc-container.side-fixed li{margin-bottom:5px}#ez-toc-container.side-fixed .ez-toc-title{line-height:1.9}#ez-toc-container.side-fixed:hover nav{display:none}#ez-toc-container.side-fixed.in{width:calc(100% - 5px)}#ez-toc-container.side-fixed.in nav{width:calc(100% - 5px);display:block}}#ez-toc-sticky-container li{border-bottom:1px dotted #aaa;padding-top:10px}.ez-toc-title-container{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;border-bottom:1px solid #ccc;margin-bottom:5px}.ez-toc-list .google-auto-placed{display:none}.ez-toc-open-icon{top:50%}#ez-toc-container .ez-toc-js-icon-con,#ez-toc-container .ez-toc-toggle label,.ez-toc-cssicon{float:right;position:relative;font-size:16px;padding:0;border:1px solid #999191;border-radius:5px;cursor:pointer;left:10px;width:35px}.ez-toc-icon-toggle-span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:35px;height:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;direction:ltr}@font-face{font-family:'cubic';font-style:normal;font-weight:500;src:url(../fonts/Cubic_11_1.010_R.woff2) format("woff2"), url(../fonts/Cubic_11_1.010_R.woff) format("woff"), url(../fonts/Cubic_11_1.010_R.ttf) format("truetype")}.font-title{font-family:cubic, "microsoft jhenghei", sans-serif}.post-title{text-shadow:0 5px 2px rgba(0, 0, 0, 0.1);opacity:1;line-height:1.5;text-align:center}.post-title+time{opacity:1}.post-title:after{-webkit-transition:opacity 3s;-o-transition:opacity 3s;transition:opacity 3s;content:attr(data-title);display:block;position:fixed;font-size:10vw;left:0;width:100%;top:10.5%;line-height:1;background:url(../images/textbg.png);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:100px 1400px;text-shadow:none;font-family:"Noto Sans TC",sans-serif;font-style:italic;z-index:0;opacity:.2;pointer-events:none;font-weight:700;text-align:center}@starting-style{.post-title:after{opacity:0}}@media screen and (max-width:640px){.post-title:after{font-size:2vw;animation:postTitleMobile 10s 0s infinite alternate-reverse steps(10, end);display:none}}@-webkit-keyframes postTitleMobile{0%{font-size:2vw}to{font-size:20vw}}@keyframes postTitleMobile{0%{font-size:2vw}to{font-size:20vw}}.all-tag-list{background:-webkit-gradient(linear, left top, left bottom, from(rgba(248, 250, 252, 0)), color-stop(#929292), to(#3b3b3b));background:-webkit-linear-gradient(top, rgba(248, 250, 252, 0), #929292, #3b3b3b);background:-o-linear-gradient(top, rgba(248, 250, 252, 0), #929292, #3b3b3b);background:linear-gradient(to bottom, rgba(248, 250, 252, 0), #929292, #3b3b3b)}.all-tag-list a{color:#222;margin-right:7px;margin-bottom:7px;display:inline-block;font-family:roboto, "Noto Sans TC", sans-serif;font-weight:300;color:#222;font-family:roboto;display:inline-block;background:#5f5f5f;color:#e7e0e0;margin-right:-5px;padding:2px 5px;border-radius:100%;aspect-ratio:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:-1rem;-webkit-transition:500ms all;-o-transition:500ms all;transition:500ms all}.all-tag-list a.text-2xl,.all-tag-list a.text-lg,.all-tag-list a.text-xl{font-weight:bold;z-index:1;background:#3f3f3f}@media screen and (min-width:640px){.all-tag-list a.text-lg{margin-bottom:-2rem}.all-tag-list a.text-xl{margin-bottom:-3rem}.all-tag-list a.text-2xl{margin-bottom:-4rem}}.all-tag-list a:hover{font-size:20px;background:#222}.all-tag-list.scrolling a:nth-child(2n+2){-webkit-animation:ballmoving .5s 0s forwards;animation:ballmoving .5s 0s forwards}.all-tag-list.scrolling a:nth-child(3n+2){-webkit-animation:ballmoving .6s 0s forwards;animation:ballmoving .6s 0s forwards}.all-tag-list.scrolling a:nth-child(4n+1){-webkit-animation:ballmoving .7s 0s forwards;animation:ballmoving .7s 0s forwards}.all-tag-list.scrolling a:nth-child(5n+2){-webkit-animation:ballmoving .8s 0s forwards;animation:ballmoving .8s 0s forwards}.all-tag-list.brick a{margin-right:5px;border-radius:3px;aspect-ratio:auto;margin-bottom:5px}@media screen and (min-width:640px){.all-tag-list.brick a.text-lg{margin-bottom:5px}.all-tag-list.brick a.text-xl{margin-bottom:5px}.all-tag-list.brick a.text-2xl{margin-bottom:5px}}.toggle-checkbox:checked{right:0}@-webkit-keyframes ball{30%{margin-bottom:-1rem}70%{margin-bottom:-1.5rem}to{margin-bottom:0rem}}@keyframes ball{30%{margin-bottom:-1rem}70%{margin-bottom:-1.5rem}to{margin-bottom:0rem}}@-webkit-keyframes ballmoving{0%{-webkit-transform:translateY(0rem);transform:translateY(0rem)}50%{-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}to{-webkit-transform:translateY(0rem);transform:translateY(0rem)}}@keyframes ballmoving{0%{-webkit-transform:translateY(0rem);transform:translateY(0rem)}50%{-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}to{-webkit-transform:translateY(0rem);transform:translateY(0rem)}}@supports (animation-timeline:view()){@-webkit-keyframes fade-in-on-enter--fade-out-on-exit{entry 0%{opacity:0;-webkit-transform:perspective(300px) rotateX(-10deg) scale(0.7);transform:perspective(300px) rotateX(-10deg) scale(0.7)}entry 50%{opacity:0.6;-webkit-transform:translateY(0);transform:translateY(0)}entry to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}exit 0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}exit to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes fade-in-on-enter--fade-out-on-exit{entry 0%{opacity:0;-webkit-transform:perspective(300px) rotateX(-10deg) scale(0.7);transform:perspective(300px) rotateX(-10deg) scale(0.7)}entry 50%{opacity:0.6;-webkit-transform:translateY(0);transform:translateY(0)}entry to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}exit 0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}exit to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.post-list>article{-webkit-animation:linear fade-in-on-enter--fade-out-on-exit;animation:linear fade-in-on-enter--fade-out-on-exit;animation-timeline:view()}}#searchDialog.finding{background:-webkit-gradient(linear, left top, right top, color-stop(10%, rgba(12, 235, 235, 0)), color-stop(50%, rgba(12, 235, 235, 0.5)), color-stop(60%, rgba(12, 235, 235, 0))) #f4f4f4;background:-webkit-linear-gradient(left, rgba(12, 235, 235, 0) 10%, rgba(12, 235, 235, 0.5) 50%, rgba(12, 235, 235, 0) 60%) #f4f4f4;background:-o-linear-gradient(left, rgba(12, 235, 235, 0) 10%, rgba(12, 235, 235, 0.5) 50%, rgba(12, 235, 235, 0) 60%) #f4f4f4;background:linear-gradient(90deg, rgba(12, 235, 235, 0) 10%, rgba(12, 235, 235, 0.5) 50%, rgba(12, 235, 235, 0) 60%) #f4f4f4;-webkit-animation:1.3s searching ease-in-out infinite;animation:1.3s searching ease-in-out infinite;background-size:200% 100%;background-position-x:180%}dialog[open]{opacity:1;-webkit-transition:all 2s;-o-transition:all 2s;transition:all 2s}#contactDialog{overflow:hidden;-webkit-transition:background-color .6s ease-out .5s;-o-transition:background-color .6s ease-out .5s;transition:background-color .6s ease-out .5s}#contactDialog a,#contactDialog button,#contactDialog h2,#contactDialog h3,#contactDialog input,#contactDialog span{-webkit-transition:opacity 0.4s ease-out, -webkit-transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);transition:opacity 0.4s ease-out, -webkit-transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);-o-transition:transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease-out;transition:transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease-out;transition:transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease-out, -webkit-transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1)}#contactDialog[open]{background-color:white}#contactDialog[open] a,#contactDialog[open] button,#contactDialog[open] h2,#contactDialog[open] h3,#contactDialog[open] input,#contactDialog[open] span{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}@starting-style{#contactDialog[open]{background-color:transparent}#contactDialog[open] h2{-webkit-transform:translate(0, -200%);-ms-transform:translate(0, -200%);transform:translate(0, -200%);opacity:0}#contactDialog[open] h2 span{-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0);opacity:0}#contactDialog[open] h2 .btn-close{-webkit-transform:translate(100%, -50%) rotate(180deg);-ms-transform:translate(100%, -50%) rotate(180deg);transform:translate(100%, -50%) rotate(180deg);opacity:0}#contactDialog[open] .flex-wrap:first-of-type h3{-webkit-transform:translate(-150%, -50%);-ms-transform:translate(-150%, -50%);transform:translate(-150%, -50%);opacity:0}#contactDialog[open] .flex-wrap:first-of-type input{-webkit-transform:translate(120%, 0);-ms-transform:translate(120%, 0);transform:translate(120%, 0);opacity:0}#contactDialog[open] .flex-wrap:first-of-type button{-webkit-transform:translate(-80%, 100%);-ms-transform:translate(-80%, 100%);transform:translate(-80%, 100%);opacity:0}#contactDialog[open] .flex-wrap:first-of-type a{-webkit-transform:translate(100%, 80%);-ms-transform:translate(100%, 80%);transform:translate(100%, 80%);opacity:0}#contactDialog[open] .flex-wrap:nth-of-type(2) h3{-webkit-transform:translate(150%, -30%);-ms-transform:translate(150%, -30%);transform:translate(150%, -30%);opacity:0}#contactDialog[open] .flex-wrap:nth-of-type(2) input{-webkit-transform:translate(-100%, 50%);-ms-transform:translate(-100%, 50%);transform:translate(-100%, 50%);opacity:0}#contactDialog[open] .flex-wrap:nth-of-type(2) button{-webkit-transform:translate(80%, 120%);-ms-transform:translate(80%, 120%);transform:translate(80%, 120%);opacity:0}#contactDialog[open] .flex-wrap:nth-of-type(2) a{-webkit-transform:translate(-120%, 80%);-ms-transform:translate(-120%, 80%);transform:translate(-120%, 80%);opacity:0}#contactDialog[open] .flex-wrap:nth-of-type(3) h3{-webkit-transform:translate(-80%, 100%);-ms-transform:translate(-80%, 100%);transform:translate(-80%, 100%);opacity:0}#contactDialog[open] .flex-wrap:nth-of-type(3) a:first-of-type{-webkit-transform:translate(-150%, 50%);-ms-transform:translate(-150%, 50%);transform:translate(-150%, 50%);opacity:0}#contactDialog[open] .flex-wrap:nth-of-type(3) a:last-of-type{-webkit-transform:translate(150%, 50%);-ms-transform:translate(150%, 50%);transform:translate(150%, 50%);opacity:0}#contactDialog[open] .flex-wrap:nth-of-type(4) h3{-webkit-transform:translate(100%, 80%);-ms-transform:translate(100%, 80%);transform:translate(100%, 80%);opacity:0}#contactDialog[open] .flex-wrap:nth-of-type(4) input{-webkit-transform:translate(0, 150%);-ms-transform:translate(0, 150%);transform:translate(0, 150%);opacity:0}#contactDialog[open] .flex-wrap:nth-of-type(4) button{-webkit-transform:translate(-100%, 100%);-ms-transform:translate(-100%, 100%);transform:translate(-100%, 100%);opacity:0}#contactDialog[open] .flex-wrap:nth-of-type(4) a{-webkit-transform:translate(100%, 100%);-ms-transform:translate(100%, 100%);transform:translate(100%, 100%);opacity:0}}#contactDialog h2 span{-webkit-transition-delay:0.05s;-o-transition-delay:0.05s;transition-delay:0.05s}#contactDialog h2 .btn-close{-webkit-transition-delay:0.1s;-o-transition-delay:0.1s;transition-delay:0.1s}#contactDialog .flex-wrap:first-of-type h3{-webkit-transition-delay:0.1s;-o-transition-delay:0.1s;transition-delay:0.1s}#contactDialog .flex-wrap:first-of-type input{-webkit-transition-delay:0.15s;-o-transition-delay:0.15s;transition-delay:0.15s}#contactDialog .flex-wrap:first-of-type button{-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s}#contactDialog .flex-wrap:first-of-type a{-webkit-transition-delay:0.25s;-o-transition-delay:0.25s;transition-delay:0.25s}#contactDialog .flex-wrap:nth-of-type(2) h3{-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s}#contactDialog .flex-wrap:nth-of-type(2) input{-webkit-transition-delay:0.25s;-o-transition-delay:0.25s;transition-delay:0.25s}#contactDialog .flex-wrap:nth-of-type(2) button{-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}#contactDialog .flex-wrap:nth-of-type(2) a{-webkit-transition-delay:0.35s;-o-transition-delay:0.35s;transition-delay:0.35s}#contactDialog .flex-wrap:nth-of-type(3) h3{-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}#contactDialog .flex-wrap:nth-of-type(3) a:first-of-type{-webkit-transition-delay:0.35s;-o-transition-delay:0.35s;transition-delay:0.35s}#contactDialog .flex-wrap:nth-of-type(3) a:last-of-type{-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s}#contactDialog .flex-wrap:nth-of-type(4) h3{-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s}#contactDialog .flex-wrap:nth-of-type(4) input{-webkit-transition-delay:0.45s;-o-transition-delay:0.45s;transition-delay:0.45s}#contactDialog .flex-wrap:nth-of-type(4) button{-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s}#contactDialog .flex-wrap:nth-of-type(4) a{-webkit-transition-delay:0.55s;-o-transition-delay:0.55s;transition-delay:0.55s}@-webkit-keyframes searching{to{background-position-x:-20%}}@keyframes searching{to{background-position-x:-20%}}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.archive-list h2{text-shadow:10px 5px 5px #aaa}@supports (animation-timeline:view()){@-webkit-keyframes fade-in-out-archive{entry 0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-filter:blur(1.5rem);filter:blur(1.5rem)}entry 50%{opacity:0.5;-webkit-transform:scale(0.7);transform:scale(0.7);z-index:1;-webkit-filter:blur(0.1rem);filter:blur(0.1rem)}entry to{opacity:1;-webkit-transform:scale(1) skew(0, 0deg);transform:scale(1) skew(0, 0deg);z-index:1;-webkit-filter:blur(0rem);filter:blur(0rem)}exit 0%{opacity:1;-webkit-transform:scale(1) skew(0, 0deg);transform:scale(1) skew(0, 0deg);-webkit-filter:blur(0rem);filter:blur(0rem)}exit 30%{opacity:1;-webkit-transform:scale(1) skew(0, 0deg);transform:scale(1) skew(0, 0deg);-webkit-filter:blur(0rem);filter:blur(0rem)}exit 50%{opacity:0.5;-webkit-transform:scale(0.7) skew(0, 6deg);transform:scale(0.7) skew(0, 6deg);-webkit-filter:blur(1rem);filter:blur(1rem)}exit to{opacity:0;-webkit-transform:scale(0.5) skew(0, 15deg);transform:scale(0.5) skew(0, 15deg);-webkit-filter:blur(1.5rem);filter:blur(1.5rem)}}@keyframes fade-in-out-archive{entry 0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-filter:blur(1.5rem);filter:blur(1.5rem)}entry 50%{opacity:0.5;-webkit-transform:scale(0.7);transform:scale(0.7);z-index:1;-webkit-filter:blur(0.1rem);filter:blur(0.1rem)}entry to{opacity:1;-webkit-transform:scale(1) skew(0, 0deg);transform:scale(1) skew(0, 0deg);z-index:1;-webkit-filter:blur(0rem);filter:blur(0rem)}exit 0%{opacity:1;-webkit-transform:scale(1) skew(0, 0deg);transform:scale(1) skew(0, 0deg);-webkit-filter:blur(0rem);filter:blur(0rem)}exit 30%{opacity:1;-webkit-transform:scale(1) skew(0, 0deg);transform:scale(1) skew(0, 0deg);-webkit-filter:blur(0rem);filter:blur(0rem)}exit 50%{opacity:0.5;-webkit-transform:scale(0.7) skew(0, 6deg);transform:scale(0.7) skew(0, 6deg);-webkit-filter:blur(1rem);filter:blur(1rem)}exit to{opacity:0;-webkit-transform:scale(0.5) skew(0, 15deg);transform:scale(0.5) skew(0, 15deg);-webkit-filter:blur(1.5rem);filter:blur(1.5rem)}}.archive-item{-webkit-animation:linear fade-in-out-archive;animation:linear fade-in-out-archive;animation-timeline:view()}}@media screen and (max-width:600px){.archive-post-item{-webkit-animation:none;animation:none}.archive-list h2{text-shadow:10px 5px 5px #ccc}}@supports (animation-timeline:view()){@-webkit-keyframes fade-in-out-hot{entry 0%{opacity:0;-webkit-transform:perspective(300px) rotateX(-10deg) scale(0.7);transform:perspective(300px) rotateX(-10deg) scale(0.7)}entry 80%{opacity:0.6;-webkit-transform:translateY(0);transform:translateY(0)}entry to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}exit 0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}exit to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes fade-in-out-hot{entry 0%{opacity:0;-webkit-transform:perspective(300px) rotateX(-10deg) scale(0.7);transform:perspective(300px) rotateX(-10deg) scale(0.7)}entry 80%{opacity:0.6;-webkit-transform:translateY(0);transform:translateY(0)}entry to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}exit 0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}exit to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.footer-new-post-list>li{-webkit-animation:linear fade-in-out-hot;animation:linear fade-in-out-hot;animation-timeline:view()}.footer-hot-post-list>li{-webkit-animation:linear fade-in-out-hot;animation:linear fade-in-out-hot;animation-timeline:view()}}#drawCanvas{position:absolute;top:0;left:0;width:100vw;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}@media screen and (max-width:1400px){#drawCanvas{display:none}}.pencil{position:absolute;top:150px;right:50px;font-size:30px;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none}@media screen and (max-width:1400px){.pencil{display:none}}.imageModal-inner{height:calc(100dvh - 60px)}#searchDialog{opacity:0;-webkit-transform:translateY(-10px) scale(0.98);-ms-transform:translateY(-10px) scale(0.98);transform:translateY(-10px) scale(0.98);-webkit-transition:opacity 0.3s ease, display 0.3s allow-discrete, overlay 0.3s allow-discrete, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, display 0.3s allow-discrete, overlay 0.3s allow-discrete, -webkit-transform 0.3s ease;-o-transition:opacity 0.3s ease, transform 0.3s ease, display 0.3s allow-discrete, overlay 0.3s allow-discrete;transition:opacity 0.3s ease, transform 0.3s ease, display 0.3s allow-discrete, overlay 0.3s allow-discrete;transition:opacity 0.3s ease, transform 0.3s ease, display 0.3s allow-discrete, overlay 0.3s allow-discrete, -webkit-transform 0.3s ease}#searchDialog[open]{opacity:1;-webkit-transform:translateY(0) scale(1);-ms-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}#searchDialog::-webkit-backdrop{background:rgba(0, 0, 0, 0);-webkit-transition:background 0.3s ease, display 0.3s allow-discrete, overlay 0.3s allow-discrete;-o-transition:background 0.3s ease, display 0.3s allow-discrete, overlay 0.3s allow-discrete;transition:background 0.3s ease, display 0.3s allow-discrete, overlay 0.3s allow-discrete}#searchDialog::backdrop{background:rgba(0, 0, 0, 0);-webkit-transition:background 0.3s ease, display 0.3s allow-discrete, overlay 0.3s allow-discrete;-o-transition:background 0.3s ease, display 0.3s allow-discrete, overlay 0.3s allow-discrete;transition:background 0.3s ease, display 0.3s allow-discrete, overlay 0.3s allow-discrete}#searchDialog[open]::-webkit-backdrop{background:rgba(0, 0, 0, 0.5)}#searchDialog[open]::backdrop{background:rgba(0, 0, 0, 0.5)}@starting-style{#searchDialog[open]{opacity:0;-webkit-transform:translateY(-10px) scale(0.98);-ms-transform:translateY(-10px) scale(0.98);transform:translateY(-10px) scale(0.98)}#searchDialog[open]::-webkit-backdrop{background:rgba(0, 0, 0, 0)}#searchDialog[open]::backdrop{background:rgba(0, 0, 0, 0)}}
/*# sourceMappingURL=style.css.map */