html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{background:#D3D8E0;overflow-x:hidden}.fonts-loaded a,.fonts-loaded span,.fonts-loaded p,.fonts-loaded ul,.fonts-loaded li{font-family:"Nunito Sans", 'Lucida Sans', sans-serif}.fonts-loaded h1,.fonts-loaded h2,.fonts-loaded h3,.fonts-loaded h4{font-family:"Nunito Sans", 'Lucida Sans', sans-serif}.fonts-loaded mark{font-family:"Nunito Sans", 'Lucida Sans', sans-serif}a{text-decoration:none}a,span,p,h1,h2,h3,h4,i{color:#363F4E}a,span,p{font-family:'Lucida Sans', sans-serif}h1,h2,h3,h4,mark{margin:0;font-family:Helvetica, sans-serif}mark{background-color:transparent}svg{width:16px;aspect-ratio:1.0;fill:#363F4E;display:block;margin:auto}button{border:none;background:none;padding:0}input::-ms-clear,input::-ms-reveal{display:none;width:0;height:0}input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none}#stars{display:none;position:fixed;width:100%;height:100vh;z-index:-1;background:none}@media (min-width: 1025px){#stars{display:block}}:root{--pagewidth-desktop:calc(max(min(100vw - 18rem - 2rem, 54rem), 44rem))}.sidebar{z-index:1;flex-wrap:wrap}.sidebar ul,.sidebar li{list-style:none}.sidebar-left{display:flex}.side-banner{width:100%;text-align:center;box-shadow:0px 4px 8px 0 #aaa}.side-banner button{position:absolute;height:100%;aspect-ratio:1;top:0}.side-banner button svg{width:20px}.side-banner button:hover{background-color:rgba(191,210,212,0.7)}.side-banner #btn-nav{right:0}.side-banner #btn-search{right:38px}.side-banner #btn-brightness{right:76px}.side-banner .ico-dark{display:block}.side-banner .ico-dark.active{display:none}.side-banner .ico-light{display:none}.side-banner .ico-light.active{display:block}.site-tab img{display:none}.site-avatar img{display:none;width:9rem;aspect-ratio:1;border-radius:50%;border:0.1rem solid black;padding:0.1rem;outline:4.5rem solid rgba(64,64,64,0);outline-offset:-4.5rem;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);animation:avatarFloat 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.2))}.site-avatar img:hover{outline:4px solid #EFEEEA;outline-offset:8px;transform:scale(1.05) rotate(5deg);filter:drop-shadow(0 8px 16px rgba(0,0,0,0.3))}.site-avatar img+img{border-radius:50%}@keyframes avatarFloat{0%, 100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.site-tab{padding:8px;font-size:1rem;text-align:left;position:relative}.site-tab a,.site-tab span{letter-spacing:2px}.side-info{position:relative;width:100%}#contact{display:none;position:relative;width:75%;transform:translateX(12.5%);text-align:center;padding:1rem 0}#contact.contact-open{display:block}#contact hr{border:0;margin:0}#contact h3{display:none;color:#000}#contact ul{text-align:center;padding:0;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#contact ul li{display:inline-block;margin-top:8px;animation:fadeInScale 0.5s ease-out both;animation-delay:calc(var(--contact-index, 0) * 0.1s)}#contact ul li a{display:block;padding:6px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}#contact ul li a svg{width:16px;fill:#000;position:relative;z-index:1;transition:fill 0.3s ease, transform 0.3s ease}#contact ul li a:hover{transform:scale(1.5) translateY(-12.5%)}#contact ul li a:hover svg{fill:#4d4d4d;transform:rotate(15deg) scale(1.1)}#contact ul li a:hover::before{width:200%;height:200%}@keyframes fadeInScale{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}#contact span{font-size:0.875rem}#contact a{color:#000}.sidebar-right{display:none}.tools{position:fixed;top:1rem;animation:slideInRight 0.6s ease-out}.tools button{width:2.75rem;aspect-ratio:1;text-align:center;background:#000;border:none;border-radius:50%;margin-left:1rem;position:relative;vertical-align:top;cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 2px 8px rgba(0,0,0,0.2)}.tools button::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(234,218,170,0.3);transform:translate(-50%, -50%);transition:width 0.4s ease, height 0.4s ease}.tools button:hover{border:2px solid #4d4d4d;animation:leaves .75s ease-in-out infinite alternate;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.tools button:hover::before{width:200%;height:200%}@keyframes leaves{0%{transform:scale(1);background:#000}100%{transform:scale(1.25);background:#000}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateX(0)}}svg{fill:#C49A6C !important;width:24px;position:relative;transition:all .3s}.ico-dark,.ico-light{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.ico-dark{transform:translate(-50%, -50%) scale(1)}.ico-dark.active{transform:translate(-50%, -50%) scale(0)}.ico-light{transform:translate(-50%, -50%) scale(0)}.ico-light.active{transform:translate(-50%, -50%) scale(1)}@media (min-width: 769px){.side-banner button{font-size:1.75rem}.side-banner #btn-search{right:60px}.side-banner #btn-brightness{right:120px}.site-tab{padding:1rem;font-size:1.375rem}#contact ul li a svg{width:18px}#contact span{font-size:1rem}}@media (min-width: 1025px){.sidebar{position:fixed}.sidebar-left{flex-flow:column nowrap;width:18rem;min-height:100%;background:none;align-items:flex-end}.side-banner{width:18rem;box-shadow:none !important}.side-banner button{display:none;font-size:1.5rem}.side-banner #btn-search{right:69px}.side-banner #btn-brightness{right:138px}.site-avatar img{display:inline-block}.site-tab{font-size:1.375rem;padding:1rem;text-align:center;position:relative}.site-name{position:relative}.site-name img,.site-name mark{transition:.5s ease}.site-name mark{color:#000;word-break:break-word}.site-name:hover mark{color:#4d4d4d}.site-name:hover img{left:0}.side-info{width:18rem;height:calc(100% - 14rem);display:contents}#contact{display:block;width:calc(18rem - 4rem);margin-top:2rem;padding:1rem 2rem;transform:none}#contact hr{border-top:1px solid rgba(155,153,153,0.7);margin:9px}#contact h3{display:block;position:absolute;margin:0;top:14px;font-size:1rem;transform:translateX(-50%);left:50%}.sidebar-right{display:flex;height:100%;margin-left:calc(var(--pagewidth-desktop) + 18rem/2)}}@media (min-width: 1441px){.sidebar-left{width:calc((100vw - 54rem)/2)}.sidebar-right{width:calc((100vw - 54rem)/2);margin-left:calc(54rem + (100vw - 54rem)/2)}}#navigation{display:none;flex:1 1 auto;width:100%}#navigation.nav-open{display:block;border-top:1px solid dimgrey}.nav-list{padding:0;margin:0 auto}.nav-list li{font-size:1rem}.nav-list li>.nav-list{padding-left:18px;background:#eee;transition:max-height .5s ease-in-out, opacity .3s;opacity:0;max-height:0}.nav-list li>.nav-list li{position:relative}.nav-list li.active>.nav-item .nav-list-expander svg{transform:rotate(180deg)}.nav-list li.active>.nav-list{opacity:1;max-height:768px}.nav-list svg{margin-right:8px;display:inline-block;vertical-align:middle}.nav-item{position:relative;padding:12px;border-bottom:1px solid #aaa;animation:fadeInLeft 0.5s ease-out both;animation-delay:calc(var(--nav-index, 0) * 0.05s);transition:background-color 0.3s ease, transform 0.2s ease}.nav-item.selected span{font-weight:600;text-decoration:underline}.nav-item a{font-weight:400;transition:color 0.3s ease}.nav-item span{color:#4d4d4d;transition:color 0.3s ease, font-weight 0.3s ease}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-15px)}100%{opacity:1;transform:translateX(0)}}.nav-list-link{position:relative;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}.nav-list-link::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(to right, rgba(234,218,170,0.3), transparent);transition:width 0.3s ease;z-index:0}.nav-list-link span{position:relative;z-index:1;transition:color 0.3s ease}.nav-list-link:hover::before{width:100%}.nav-list-expander{position:absolute;height:100%;aspect-ratio:1;top:0;right:8px;cursor:pointer}.nav-list-expander,.nav-list-expander svg{transition:.3s}.nav-list-expander svg{fill:#4d4d4d;width:18px;margin-right:0.9rem}.nav-list-expander:hover{transform:scale(1.25)}.nav-list-expander:hover svg{fill:#000}.nav-lh svg{margin-left:0.5rem;position:relative;fill:#000;transform:translateY(-2px)}.nav-sh svg{width:14px;margin-left:0}@media (min-width: 769px){.nav-list-link{min-height:2rem}.nav-list li{font-size:1.125rem}.nav-list-expander svg{width:20px}.nav-sh svg{width:16px}.nav-lh svg{width:20px}}@media (min-width: 1025px){#navigation{width:calc(18rem - 2.5rem);display:block;max-height:calc(100vh - 26rem);padding:0 20px;overflow-y:auto;overflow-x:hidden;margin-top:2rem}#navigation.nav-open{border:none}#navigation::-webkit-scrollbar{width:4px;background-color:#aaa}#navigation::-webkit-scrollbar-thumb{background-color:rosybrown}.nav-item{border:none}.nav-list{position:relative}.nav-list li>.nav-list{background:none}.nav-list-link{display:flex;width:95%;align-items:center;border:0.1rem solid #eee7dd;border-radius:0.4rem;position:relative;overflow:hidden}.nav-list-link::after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;transform:translate(-50%, -50%);transition:width 0.4s ease, height 0.4s ease}.nav-list-link:hover{transform:scale(0.95);border-color:rgba(234,218,170,0.5);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.nav-list-link:hover span{font-weight:600;text-decoration:underline}.nav-list-link:hover::after{width:200%;height:200%}.nav-lh:before{content:"";position:absolute;display:block;left:0;border-radius:1.5rem;width:2.3rem;height:2.3rem;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);background:linear-gradient(135deg, rgba(234,218,170,0.3), rgba(201,188,148,0.3));opacity:0}.nav-lh:hover:before{width:105%;opacity:1;background:rgba(241,235,229,0.75)}.nav-lh svg{transform:none;transition:transform 0.3s ease, fill 0.3s ease}.nav-lh:hover svg{transform:translateX(2px)}.nav-list-expander{background-color:transparent;right:-16px}}#category-list{width:100%}.category-tree{margin:0 8px;position:relative;font-size:0.875rem}.category-tree p{margin:0;padding:1rem 0 1rem 1.5rem;line-height:150%;font-weight:bold;color:#4d4d4d}.category-tree a{color:#4d4d4d;text-decoration:none}.category-tree svg{position:absolute;display:inline-flex;top:18px;width:14px}.category-header{margin:0 8px 24px 8px;font-weight:600;border-bottom:1px solid lightgrey;text-decoration:underline dimgrey;padding-bottom:8px;animation:fadeInDown 0.6s ease-out;position:relative}.category-header::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(to right, #eadaaa, #bdb08d);transition:width 0.5s ease}.category-header:hover::after{width:100%}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.paginated-list{margin:0;padding:0}.paginated-item{list-style-type:none;height:fit-content;background:radial-gradient(#e5ded4, transparent);animation:fadeInUp 0.6s ease-out both;animation-delay:calc(var(--item-index, 0) * 0.1s);transition:background 0.3s ease}.paginated-item:hover{background:radial-gradient(#e5ded4, rgba(229,222,212,0.5))}#article_content{background:rgba(77,75,75,0.95);position:relative;animation:fadeInUp 0.6s ease-out both;animation-delay:calc(var(--article-index, 0) * 0.1s);transition:transform 0.3s ease, box-shadow 0.3s ease}#article_content::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(234,218,170,0.05), rgba(201,188,148,0.05));opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:0}#article_content:hover::before{opacity:1}#article_content .thumbnail_post{display:block;background-size:cover;background-position:50% 50%;width:100%;aspect-ratio:5/3;border-radius:0;transition:opacity 0.4s ease, transform 0.4s ease, filter 0.4s ease}#article_content .thumbnail_post:hover{opacity:0.85;transform:scale(1.05);filter:brightness(1.1)}#article_content .empty{opacity:0.5}#article_content .box_contents{margin:12px;position:relative;overflow:hidden;z-index:1}#article_content a{text-decoration:none;transition:color 0.3s ease}#article_content .info-post{font-size:0.875rem}#article_content .title_post{font-weight:600;font-size:1rem;line-height:2rem;word-break:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}#article_content .title_post:hover,#article_content .category:hover{color:#363F4E}#article_content .category{color:#363F4E}#article_content .txt_post{display:-webkit-box;margin-bottom:12px;font-size:0.875rem;color:grey;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}.no-posts{position:relative;margin:6rem 0;text-align:center}.no-posts img{width:50% !important;aspect-ratio:2/1}.no-posts h1{margin-top:3rem}.hidden{display:none}.pagination-container{width:90%;display:flex;align-items:center;padding:4rem 0;margin:auto;justify-content:center}.pagination-number,.pagination-button{font-size:1rem;margin:4px;cursor:pointer;width:2.5rem;aspect-ratio:1.0;border-radius:.2rem;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.pagination-number::before,.pagination-button::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(234,218,170,0.3);transform:translate(-50%, -50%);transition:width 0.4s ease, height 0.4s ease}.pagination-number:hover,.pagination-button:not(.disabled):hover{background:#fff;transform:scale(1.1) translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.15)}.pagination-number:hover::before,.pagination-button:not(.disabled):hover::before{width:200%;height:200%}.pagination-number.active{color:#fff;background:#000;animation:pulseActive 2s ease-in-out infinite;box-shadow:0 2px 8px rgba(0,0,0,0.2)}@keyframes pulseActive{0%, 100%{box-shadow:0 2px 8px rgba(0,0,0,0.2)}50%{box-shadow:0 4px 12px rgba(0,0,0,0.3)}}@media (min-width: 769px){.category-tree{margin:0 2rem;font-size:1.125rem}.category-tree p{padding:1.5rem 0 1.5rem 2rem}.category-tree svg{top:28px;width:18px}.category-header{font-size:2.25rem;padding-bottom:8px;text-underline-offset:22px;margin:0 2rem 3rem 2rem}.paginated-list{margin:auto 2rem}.paginated-item{margin:3rem 0;height:12.5rem}#article_content{display:flex;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 1px 1px 0 rgba(31,35,46,0.15)}#article_content:hover{transform:translate(0px, -6px) scale(1.01);box-shadow:0 20px 50px -10px rgba(10,16,34,0.3),0 0 0 1px rgba(234,218,170,0.2)}#article_content .thumbnail_post{display:block;height:12.5rem;aspect-ratio:4/3;margin:auto}#article_content .box_contents{width:100%;margin:auto 0 auto -5rem;padding:8px 24px;background-image:url("/assets/img/tile5.png");border-radius:6px}#article_content .category{font-weight:bold}#article_content .title_post{font-size:1.5rem;padding-top:12px}#article_content .info-post,#article_content .txt_post{font-size:1.125rem}#article_content .txt_post{margin-top:1rem;margin-bottom:1.5rem}.pagination-number,.pagination-button{font-size:1.125rem}}@media (min-width: 1025px){.category-header{font-size:3rem}.paginated-item{height:15rem}#article_content .thumbnail_post{height:15rem}#article_content .box_contents{margin-left:-6rem;border-radius:8px}#article_content .date{font-size:1.125rem}#article_content .category{font-size:1.25rem}#article_content .txt_post{margin-top:1.25rem}}.toc{position:fixed;top:6rem;display:none;animation:fadeInRight 0.6s ease-out}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.toc-header{font-size:1.25rem;font-weight:600;padding:0 0 4px 12px;border-bottom:#4d4d4d 2px solid;color:#000;position:relative;transition:color 0.3s ease}.toc-header::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(to right, #eadaaa, #bdb08d);transition:width 0.5s ease}.toc-header:hover::after{width:100%}.toc-header svg{width:16px;display:inline-flex;transform:translateY(2px);fill:#000;transition:fill 0.3s ease, transform 0.3s ease}.toc-header:hover svg{fill:#eadaaa;transform:translateY(2px) rotate(5deg)}.toc-board{max-width:18rem;margin:1rem 0 1rem 2rem !important}.toc-board,.toc-list{font-size:1.125rem;padding:0;margin:0 auto}.toc-board li a,.toc-list li a{display:inline-block}.toc-board li:last-child,.toc-list li:last-child{margin-bottom:0}.toc-board .node-name--H1,.toc-list .node-name--H1{margin-top:8px}.toc-board .node-name--H2,.toc-list .node-name--H2{font-size:1rem;margin-top:6px;padding-left:16px}.toc-board .toc-list-item,.toc-list .toc-list-item{word-break:normal;line-height:150%;position:relative;transition:transform 0.2s ease}.toc-board .toc-list-item:hover,.toc-list .toc-list-item:hover{transform:translateX(4px)}.toc-board .toc-list-item a,.toc-list .toc-list-item a{animation:.5s ease-out 0s 1 slide;cursor:pointer;color:#ccc;transition:color 0.3s ease, transform 0.2s ease;display:inline-block;position:relative}.toc-board .toc-list-item a::before,.toc-list .toc-list-item a::before{content:"";position:absolute;left:-8px;top:50%;width:4px;height:0;background:#eadaaa;transform:translateY(-50%);transition:height 0.3s ease;border-radius:2px}.toc-board .toc-list-item a:hover,.toc-list .toc-list-item a:hover{color:#F1EBE5}.toc-board .toc-list-item a:hover::before,.toc-list .toc-list-item a:hover::before{height:60%}@keyframes slide{0%{transform:scaleY(0);opacity:0}100%{transform:scaleY(1);opacity:1}}.toc-board .is-active-link,.toc-list .is-active-link{color:#eadaaa !important;font-weight:950;position:relative}.toc-board .is-active-link::before,.toc-list .is-active-link::before{height:80% !important;background:#eadaaa !important}@media (min-width: 1441px){.toc{display:block}}#post{max-width:54rem;margin:auto}.inner-header{display:none;background:#0a5d00;border-radius:1rem 1rem 0 0;margin-top:1rem;padding:8px 16px}.inner-header .dot{height:1rem;width:1rem;margin:1px 4px;border-radius:50%;display:inline-block;background:#ead61c}.inner-content{background:#D3D8E0;animation:fadeIn 0.8s ease-out;position:relative}.inner-content img{display:block;text-align:center;width:100%;margin:auto;transition:transform 0.4s ease, box-shadow 0.4s ease;border-radius:4px}.inner-content img:hover{transform:scale(1.02);box-shadow:0 8px 16px rgba(0,0,0,0.15)}.inner-content .img-xs{width:12.5% !important}.inner-content .img-sm{width:25% !important}.inner-content .img-md{width:50% !important}.inner-content .img-lg{width:75% !important}.thumbnail{display:block;position:relative;width:100%;aspect-ratio:2;margin:auto;background-size:cover;background-position:center center;box-shadow:0 16px 16px 8px rgba(31,35,46,0.15);animation:fadeInScale 0.8s ease-out;transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.4s ease}.thumbnail:hover{transform:scale(1.02);box-shadow:0 20px 24px 12px rgba(31,35,46,0.25)}@keyframes fadeInScale{0%{opacity:0;transform:scale(0.95)}100%{opacity:1;transform:scale(1)}}.transbox{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;margin:auto;padding:1rem 0;text-align:center;backdrop-filter:blur(4px);background-color:rgba(255,255,255,0.64);animation:slideInFade 1s ease-out 0.3s both;transition:background-color 0.3s ease, backdrop-filter 0.3s ease}.transbox:hover{background-color:rgba(255,255,255,0.75);backdrop-filter:blur(6px)}@keyframes slideInFade{0%{opacity:0;transform:translate(-50%, -40%)}100%{opacity:1;transform:translate(-50%, -50%)}}.post-title{font-size:1.25rem;word-spacing:4px;font-weight:600;word-wrap:break-word;font-family:Cambria, sans-serif;animation:fadeInUp 0.8s ease-out 0.5s both;transition:color 0.3s ease, text-shadow 0.3s ease}.post-title:hover{text-shadow:2px 2px 4px rgba(0,0,0,0.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.post-info{margin-top:1.25rem;font-size:0.875rem;animation:fadeInUp 0.8s ease-out 0.7s both}.post-info svg{width:14px;transition:transform 0.3s ease, fill 0.3s ease}.info-box{display:inline-flex;border-radius:8px;margin:0;padding:6px;position:relative;transition:all 0.5s cubic-bezier(0.4, 0, 0.2, 1);animation:fadeIn 0.6s ease-out both;animation-delay:calc(var(--delay, 0) * 0.1s);background:linear-gradient(to right, #eadaaa, #c9bc94),linear-gradient(to right, #eadaaa, #c9bc94);background-size:100% 3px, 0 3px;background-position:100% 100%, 0 100%;background-repeat:no-repeat}.info-box:hover{background-size:0 3px, 100% 3px;transform:translateY(-2px);box-shadow:0 4px 12px rgba(234,218,170,0.4)}.info-box svg{margin-right:4px;transition:transform 0.3s ease}.info-box:hover svg{transform:scale(1.1) rotate(5deg)}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.tag-box{margin:1rem;display:inline-block}.tag{float:left;position:relative;margin:8px 12px;padding:0 10px 0 12px;line-height:1.5rem;color:#fff !important;font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,0.6);cursor:pointer;animation:slideInLeft 0.5s ease-out both;animation-delay:calc(var(--tag-index, 0) * 0.1s);transition:transform 0.3s ease, filter 0.3s ease}.tag:before{content:"";position:absolute;left:-12px;border-style:solid;border-width:12px 12px 12px 0;transition:border-color 0.3s ease}.tag:after{content:"";position:absolute;top:10px;left:1px;width:5px;height:5px;-webkit-border-radius:50%;border-radius:50%;background:#fff;-webkit-box-shadow:-1px -1px 2px rgba(0,0,0,0.4);box-shadow:-1px -1px 2px rgba(0,0,0,0.4);transition:transform 0.3s ease, box-shadow 0.3s ease}.tag:hover{animation:pulse 1s infinite;transform:translateY(-3px) scale(1.05);filter:brightness(1.1);box-shadow:0 4px 12px rgba(0,0,0,0.3)}.tag:hover:after{transform:scale(1.2);box-shadow:-1px -1px 3px rgba(0,0,0,0.5)}@keyframes pulse{0%{transform:translateY(-3px) scale(1.05)}50%{transform:translateY(-3px) scale(1.08)}100%{transform:translateY(-3px) scale(1.05)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.theme-0{background:#b0a569}.theme-0::before{border-color:transparent #b0a569 transparent transparent}.theme-1{background:#603101}.theme-1::before{border-color:transparent #c35356 transparent transparent}.theme-2{background:#0a5d00}.theme-2::before{border-color:transparent #647b83 transparent transparent}main{padding:1rem;margin:auto;font-size:1rem;line-height:200%;position:relative;overflow-wrap:break-word;word-wrap:break-word;animation:fadeInUp 0.8s ease-out 0.9s both}main *{margin:auto}main h1,main h2,main h3,main h4{margin-bottom:1rem;position:relative;transition:color 0.3s ease}main h1,main .sh1{font-size:1.75rem;animation:fadeInUp 0.6s ease-out 1.1s both}main h2,main .sh2{font-size:1.375rem;animation:fadeInUp 0.6s ease-out 1.2s both}main h3,main .sh3{font-size:1.125rem;animation:fadeInUp 0.6s ease-out 1.3s both}main h4,main .sh4{font-size:1rem;animation:fadeInUp 0.6s ease-out 1.4s both}main h1:hover,main h2:hover,main h3:hover,main h4:hover{color:#C49A6C}main p,main li{text-align:justify;color:#000}main u{color:#fa4251;text-underline-offset:2px}main em{padding-right:2px}main a{color:#195176;text-decoration:none;position:relative;transition:color 0.3s ease, transform 0.2s ease}main a::before{position:absolute;content:attr(data-content);color:#bcbce4;text-decoration:underline;text-decoration-style:wavy;text-underline-offset:4px;text-decoration-color:midnightblue;clip-path:polygon(0 0, 0 0, 0% 100%, 0 100%);transition:clip-path 0.25s cubic-bezier(0.4, 0, 0.2, 1)}main a:hover{color:#005C78;transform:translateX(2px)}main a:hover::before{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}main p,main ul,main table,main div{margin-bottom:0.5rem}main p+pre,main p+blockquote,main div+div,main div+blockquote{margin-top:-2rem}main ul{padding-left:2rem}main li>ul{margin:0}main code{margin:0 2px;padding:1px 5px;border:1px solid #eaeaea;line-height:100%;background-color:#f4f4f4;border-radius:3px;font-family:'Courier New', Courier, monospace;color:#B04008;position:relative;top:-1px;vertical-align:middle;transition:all 0.3s ease}main code:hover{background-color:#e8e8e8;border-color:#d0d0d0;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.1)}main .highlighter-rouge .highlight{background:#f4f4f4;border:1px solid #eaeaea;border-radius:3px;margin:8px auto;transition:all 0.3s ease;animation:fadeIn 0.6s ease-out}main .highlighter-rouge .highlight:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);transform:translateY(-2px)}main .highlighter-rouge .highlight pre{margin:0;border:none;overflow-x:auto;position:relative}main .highlighter-rouge .highlight pre button{display:none;position:absolute;top:20px;right:20px;width:2rem;height:2rem;font-size:1.125rem;color:#777;padding:4px;background-color:#ddd;border-radius:4px}main .highlighter-rouge .highlight pre button svg{-webkit-mask-image:url("/assets/img/icon/clipboard-regular.svg");mask-image:url("/assets/img/icon/clipboard-regular.svg");background-color:#555 !important;mask-repeat:no-repeat;mask-position:center;mask-size:80%}main .highlighter-rouge .highlight pre button:after{content:"";display:block;position:absolute;border-radius:4rem;left:0;top:0;width:100%;height:100%;opacity:0;transition:.5s;box-shadow:0 0 6px 24px #888}main .highlighter-rouge .highlight pre button:active:after{box-shadow:0 0 0 0 #888;position:absolute;border-radius:4rem;left:0;top:0;opacity:1;transition:0s}main .highlighter-rouge .highlight pre:hover button{display:block}main .highlighter-rouge .highlight code{margin:0;border:none}main blockquote{background:#F1EBE5;border-left:4px solid burlywood;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,0.15),0 3px 10px rgba(0,0,0,0.1);padding-left:1rem;padding-right:1rem;margin:8px auto;word-break:break-all;position:relative;transition:transform 0.3s ease, box-shadow 0.3s ease, border-left-color 0.3s ease;animation:fadeInLeft 0.6s ease-out both}main blockquote::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom, #deb887, tan);border-radius:4px 0 0 4px;opacity:0;transition:opacity 0.3s ease}main blockquote:hover{transform:translateX(4px);box-shadow:0 4px 8px rgba(0,0,0,0.2),0 6px 16px rgba(0,0,0,0.15);border-left-color:#d2b48c}main blockquote:hover::before{opacity:1}main blockquote p{margin:0;padding:1rem 0;transition:color 0.3s ease}main blockquote:hover p{color:#C49A6C}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}main .table-wrapper{overflow-x:auto}main table{display:block;max-width:fit-content;overflow-x:auto;white-space:nowrap;position:relative;background-color:#fff;border-radius:10px;border-collapse:collapse;line-height:1.5;box-shadow:0 0 40px 0 rgba(0,0,0,0.15);animation:fadeInUp 0.6s ease-out;transition:box-shadow 0.3s ease, transform 0.3s ease}main table:hover{box-shadow:0 0 50px 0 rgba(0,0,0,0.2);transform:translateY(-2px)}main table thead{box-shadow:0 0 40px 0 rgba(0,0,0,0.15);background:linear-gradient(135deg, rgba(234,218,170,0.1), rgba(201,188,148,0.1))}main table th,main table td{border:1px solid lightgrey;word-wrap:break-word;white-space:initial;max-width:16rem;transition:background-color 0.3s ease}main table tbody tr{height:3rem;transition:background-color 0.3s ease}main table tbody tr:hover{background-color:rgba(234,218,170,0.1)}main table thead tr{height:3.5rem}main table tbody td,main table thead th{padding:8px}main table tr:first-child th{border-top:0}main table td:first-child,main table th:first-child{border-left:0}main table td:last-child,main table th:last-child{border-right:0}main li{padding:4px 0}main hr{border:0;height:2px;margin:1rem 0;background:burlywood;position:relative;animation:expandLine 0.8s ease-out;overflow:hidden}main hr::before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(to right, #eadaaa, #deb887, #bdb08d);animation:expandLine 1s ease-out 0.3s both}@keyframes expandLine{0%{width:0}100%{width:100%}}main img+em{display:block;text-align:center;color:dimgrey;font-size:0.875rem;font-style:normal}#related-box{margin-top:2rem}#related-box span{font-size:1.25rem}#related-box svg{width:20px;display:inline-flex;transform:translateY(3px)}#related-posts{display:inline-table;position:relative;width:100%;margin:1rem 0;padding:0}#related-posts li{float:left;position:relative;width:45%;margin-left:5%;margin-bottom:2rem;padding:0;list-style:none;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;border:1px black;border-radius:8px;animation:fadeInUp 0.6s ease-out both;animation-delay:calc(var(--related-index, 0) * 0.15s)}#related-posts li::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(234,218,170,0.1), rgba(201,188,148,0.1));opacity:0;transition:opacity 0.4s ease;z-index:1;pointer-events:none}#related-posts li:hover{box-shadow:8px 8px 24px -4px rgba(0,0,255,0.3),0 0 0 1px rgba(234,218,170,0.2);-webkit-transform:scale(1.05) translateY(-4px);-moz-transform:scale(1.05) translateY(-4px);transform:scale(1.05) translateY(-4px)}#related-posts li:hover::before{opacity:1}#related-posts li:hover img{opacity:.7;transform:scale(1.1)}@media (max-width: 768px){#related-posts li:nth-child(2n+1){margin-left:0}}#related-posts a{width:100%;display:inline-block;text-decoration:none}#related-posts a p{width:100%;margin:8px 0;line-height:1.25;font-family:Verdana, Tahoma, sans-serif}#related-posts img{display:block;width:100%;aspect-ratio:1.5/1;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);object-fit:cover}#related-posts .category{color:#af9e89;font-size:1rem}#related-posts .title{display:-webkit-box;color:#C49A6C;font-size:1.125rem;font-weight:600;height:2.5em;text-align:left;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}#related-posts .date{color:#000;font-size:0.875rem;text-transform:uppercase}.top-arrow{position:fixed;display:none;bottom:2rem;right:2rem;width:48px;background:#000;cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 12px rgba(0,0,0,0.3);z-index:100}.top-arrow,.top-arrow:before{aspect-ratio:1.0;border-radius:50%}.top-arrow:before{content:"";width:40px;border:2px solid #fff;position:absolute;top:2px;left:2px;transition:all 0.3s ease}.top-arrow:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,0.4);background:#1a1a1a}.top-arrow:hover:before{border-color:#eadaaa;box-shadow:0 0 12px rgba(234,218,170,0.5)}.top-arrow svg{width:28px;top:11px;left:10px;fill:#fff !important;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.6));position:absolute;animation:ascend 2s infinite;transition:fill 0.3s ease}.top-arrow:hover svg{fill:#eadaaa !important}@keyframes ascend{0%{opacity:0;transform:translateY(8px)}50%{opacity:1}100%{opacity:0;transform:translateY(-8px)}}.arrow-open{display:block}@media (min-width: 769px){.transbox{width:87.5%;padding:2rem}.post-title{font-size:2.25rem}.post-info{margin-top:4rem;font-size:1.25rem}.post-info svg{width:20px}.info-box{margin:0 8px;padding:8px;background-size:100% 4px, 0 4px}.info-box:hover{background-size:0 4px, 100% 4px;box-shadow:0 4px 64px 16px #9c9d9d}.info-box svg{margin-right:8px}.tag-box{margin:3rem;margin-top:1rem}.tag{margin:12px 16px;padding:0 14px 0 16px;line-height:2rem;font-size:1.125rem}.tag:before{left:-16px;border-width:16px 16px 16px 0}.tag:after{top:14px;left:2px}main{padding:2.5rem;padding-top:0;font-size:1.125rem}main h1,main .sh1{font-size:2.25rem;margin-top:1rem}main h2,main .sh2{font-size:1.75rem}main h3,main .sh3{font-size:1.375rem}main h4,main .sh4{font-size:1rem}main table tbody td,main table thead th{padding:1rem}main code{font-size:1rem}main blockquote p{font-size:1rem}#related-box{margin-top:4rem}#related-box span{font-size:1.5rem}#related-box svg{width:24px}#related-posts li{width:30%}#related-posts li:nth-child(3n+1){margin-left:0}}@media (min-width: 1025px){#post{margin:4rem 0;margin-left:18rem;width:var(--pagewidth-desktop);display:inline-block}.inner-header{display:block}.inner-content{border-radius:0.4rem;border:0.2rem solid black}.top-arrow{left:calc(18rem + var(--pagewidth-desktop) - 4rem)}}@media (min-width: 1441px){#post{margin-left:calc((100vw - 54rem)/2)}.top-arrow{left:calc(50vw + 54rem/2 - 4rem)}}#search{width:100%;height:100%;top:0;left:0;position:fixed;display:none;background:rgba(211,203,196,0.41);z-index:999;text-align:center;backdrop-filter:blur(4px);animation:fadeIn 0.3s ease-out}#search.active{display:flex;animation:slideInFade 0.3s ease-out}#search ul,#search input{min-width:20rem;width:50vw}#search ul{margin:auto;margin-top:-1px;padding:0;overflow-y:auto;max-height:60vh;border-bottom:2px solid #aaa;box-shadow:0px 4px 8px 0 #ccc;animation:slideUpFade 0.4s ease-out 0.2s both}#search ul i{margin-right:0.5rem;color:#666}#search ul::-webkit-scrollbar{width:8px;background-color:#ddd}#search ul::-webkit-scrollbar-thumb{background-color:rosybrown}@keyframes slideInFade{0%{opacity:0}100%{opacity:1}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.wave{background:rgba(253,177,55,0.5);border-radius:0 0 250% 250%;position:fixed;width:200%;height:12rem;animation:wave 10s -3s linear infinite;transform:translate3d(0, 0, 0);opacity:0.75;top:0;left:0;z-index:-1}.wave:nth-of-type(2){top:-1.5em;animation:wave 18s linear reverse infinite;opacity:0.75}.wave:nth-of-type(3){top:-3em;animation:wave 20s -1s reverse infinite;opacity:0.875}@keyframes wave{2%{transform:translateX(1)}25%{transform:translateX(-25%)}50%{transform:translateX(-50%)}75%{transform:translateX(-25%)}100%{transform:translateX(1)}}.search-box{margin:auto;margin-top:2rem;animation:slideDownFade 0.4s ease-out 0.1s both}.search-box mark{margin-bottom:1rem;color:#fff !important;opacity:0.8;font-size:1.5rem;font-weight:200;display:block;transition:opacity 0.3s ease, transform 0.3s ease}.search-box mark:hover{opacity:1;transform:scale(1.05)}.search-box input{font-size:1.25rem;padding:8px;border:2px solid #aaa;background:none;transition:all 0.3s ease}.search-box input:focus{border-color:#eadaaa;box-shadow:0 0 8px rgba(234,218,170,0.4);outline:none;transform:scale(1.02)}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.input-box{position:relative}.input-box:before,.input-box:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}.input-box:before{background:#fff}.input-box:after{background-image:url("/assets/img/tile5.png")}.input-box button{position:absolute;display:none;cursor:pointer;top:0;right:8px;width:22px;aspect-ratio:1.0;border-radius:50%;transform:translateY(50%);font-size:14px;background:#000 !important}.input-box button svg{fill:#fff !important;width:14px}.result-item{list-style:none;text-align:justify;padding:8px;border:1px solid #aaa;background:#EFEEEA;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);animation:fadeInUp 0.4s ease-out both;animation-delay:calc(var(--result-index, 0) * 0.05s);position:relative;overflow:hidden}.result-item::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(234,218,170,0.3), transparent);transition:left 0.5s ease}.result-item:hover{background:#c1bdaf;transform:translateX(4px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.result-item:hover::before{left:100%}.result-item table th,.result-item table td{text-align:left;vertical-align:top}.result-item table th{font-size:1rem}.result-item table td{font-size:0.875rem}.result-item table svg{background-color:#000;mask-repeat:no-repeat;display:inline-flex;width:14px;margin-right:8px;transform:translateY(2px)}.result-item table .ico-book{background-color:#000 !important;-webkit-mask-image:url("/assets/img/icon/book-solid.svg");mask-image:url("/assets/img/icon/book-solid.svg")}.result-item table .ico-folder{-webkit-mask-image:url("/assets/img/icon/folder-open-regular.svg");mask-image:url("/assets/img/icon/folder-open-regular.svg")}.result-item table .ico-tags{-webkit-mask-image:url("/assets/img/icon/tags-solid.svg");mask-image:url("/assets/img/icon/tags-solid.svg")}.result-item table .ico-calendar{-webkit-mask-image:url("/assets/img/icon/calendar-days-regular.svg");mask-image:url("/assets/img/icon/calendar-days-regular.svg")}.result-item table .ico-book,.result-item table th .ico-folder{width:18px}.result-item table th .ico-folder{background-color:#000 !important}.result-item .highlight{font-weight:900;color:#d78145 !important}@media (min-width: 769px){#search ul,#search input{width:40rem}#search ul div{font-size:1.125rem}#search ul i{margin-right:1rem}.search-box{margin-top:4rem}.search-box mark{font-size:2.5rem;margin-bottom:2rem}.search-box input{font-size:2rem;padding:1rem;width:40rem}.input-box button{width:36px;right:16px}.input-box button svg{width:20px}.result-item{padding:1rem}.result-item table th{font-size:1.25rem}.result-item table td{font-size:1rem}.result-item table svg{width:16px}.result-item table .ico-book,.result-item table th .ico-folder{width:20px}.result-item .title{font-size:1.25rem}}body.dark-theme{background:#2c2c2c}body.dark-theme a,body.dark-theme span,body.dark-theme p,body.dark-theme h1,body.dark-theme h2,body.dark-theme h3,body.dark-theme h4,body.dark-theme i,body.dark-theme mark{color:#aaa}body.dark-theme svg{fill:#aaa}body.dark-theme #stars,body.dark-theme #loading{background:#1E1E1F}body.dark-theme #loading p{color:cadetblue}body.dark-theme .sidebar-left{background-color:#313132}body.dark-theme .nav-item span{color:#ccc}body.dark-theme .nav-lh svg{fill:#aaa}body.dark-theme .nav-list-expander:hover svg{fill:#aaa}body.dark-theme .nav-list li>.nav-list{background:#464647}body.dark-theme .side-banner{box-shadow:0px 4px 8px 0 black}body.dark-theme .side-banner button{background-color:#313132}body.dark-theme .side-banner button:hover{background-color:#1E1E1F}body.dark-theme .side-banner svg{fill:#aaa}body.dark-theme #contact ul>li>a:hover svg{fill:#d8cda1}body.dark-theme #contact a{color:#d8cda1}body.dark-theme #post .inner-header{background:#948979}body.dark-theme #post .inner-content{background:#55524d}body.dark-theme .paginated-item{background:radial-gradient(#5d5a56, transparent)}body.dark-theme .transbox{background-color:rgba(64,64,64,0.6)}body.dark-theme .post-title,body.dark-theme .info-box *{color:#eee;fill:#eee;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.6))}body.dark-theme #related-posts .date{color:#ccc}body.dark-theme main h1,body.dark-theme main h2,body.dark-theme main h3,body.dark-theme main h4,body.dark-theme main p{color:#aaa}body.dark-theme main strong{color:lightgrey}body.dark-theme main a{color:#d8cda1}body.dark-theme main a::before{color:#eadaaa;text-decoration-color:#eadaaa}body.dark-theme main code,body.dark-theme main .highlighter-rouge .highlight{border:1px solid dimgrey;background-color:#363a41;color:goldenrod}body.dark-theme main blockquote{background:#1E1E1F;border-left:4px solid #464647}body.dark-theme main table{background-color:#464647}body.dark-theme main table,body.dark-theme main head{box-shadow:0 0 32px 0 rgba(128,128,128,0.15)}body.dark-theme main th,body.dark-theme main td{border:2px solid #3c3c3d}body.dark-theme main thead th,body.dark-theme main tbody td{color:#aaa}body.dark-theme main hr{background:cadetblue}body.dark-theme main img+em,body.dark-theme main li{color:#aaa}body.dark-theme #related-box span{color:#eadaaa}body.dark-theme #related-posts .title{color:#ccc}body.dark-theme #related-posts li:hover{box-shadow:8px 8px 16px -4px rgba(255,255,255,0.2)}body.dark-theme .category-tree a{color:#aaa}body.dark-theme .category-header{color:#c6c1b3;text-decoration:underline #d8cda1}body.dark-theme .pagination-number.active{color:black;background:#bdb08d}body.dark-theme #article_content{border-bottom:2px solid #464647}body.dark-theme #article_content .box_contents{background-color:rgba(126,126,126,0)}body.dark-theme #article_content .txt_post{color:#cecbcb}body.dark-theme #article_content .title_post{color:#c6c1b3}body.dark-theme #article_content .title_post:hover{color:#eadaaa}body.dark-theme #article_content .date{color:#ccc}body.dark-theme #article_content .category{color:#eadaaa}body.dark-theme .pagination-number,body.dark-theme .pagination-button{color:#ccc}body.dark-theme .pagination-number:hover,body.dark-theme .pagination-button:not(.disabled):hover{background:grey}body.dark-theme #search{background:rgba(64,64,64,0.875)}body.dark-theme #search ul{border-bottom:2px solid #464647;box-shadow:0px 4px 8px 0 #1E1E1F}body.dark-theme #search ul svg{background-color:#ccc}body.dark-theme #search ul th{color:#ccc}body.dark-theme #search ul::-webkit-scrollbar{width:8px;background-color:grey}body.dark-theme #search input,body.dark-theme #search input::placeholder{color:#ccc}body.dark-theme .search-box h1{color:#fff}body.dark-theme .input-box:before{background:#5a5a5b}body.dark-theme .input-box:after{opacity:0.5}body.dark-theme .result-item{border:1px solid #464647;background:#313132}body.dark-theme .result-item:hover{background:#66545E}body.dark-theme .toc-header{color:#c6c1b3;border-bottom:#eadaaa 2px solid}body.dark-theme .site-avatar img:hover{outline:4px solid #aaa}@media (min-width: 769px){body.dark-theme #article_content .box_contents{background-color:rgba(77,75,75,0.95)}body.dark-theme .post-title{text-shadow:0 1px 2px rgba(0,0,0,0.6)}}@media (min-width: 1025px){body.dark-theme .sidebar-left{background:none}body.dark-theme .site-tab{box-shadow:none}body.dark-theme .nav-lh:before{background:rgba(238,231,221,0)}body.dark-theme .nav-lh:hover:before{background:rgba(238,231,221,0)}body.dark-theme .nav-list li>.nav-list{background:none}body.dark-theme #contact hr{border-top:1px solid #aaa}body.dark-theme #contact h3{background-color:#aaa}body.dark-theme #post .inner-content{box-shadow:none}}