@charset "UTF-8";:root{--gap-quarter: .25rem;--gap-half: .5rem;--gap: 1rem;--gap-double: 2rem;--bg: #fff;--bg-blue: #edf2f7;--fg: #333;--accents-1: #666;--accents-2: #666;--accents-3: #666;--geist-foreground: #000;--geist-success: #690;--radius: 4px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: SFMono-Regular, Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace}figure{margin:0;font-size:.85rem;color:#999;line-height:1.8rem}mark{padding:var(--gap-quarter);border-radius:var(--radius);background:rgba(247,212,255,.8)}h1{margin:0;color:var(--fg);font-size:2rem;font-weight:700}@media (max-width: 640px){h1{font-size:1.6rem}}ol{color:#222;font-weight:400;font-size:.9rem;line-height:1.8rem}pre{margin:0;white-space:pre;-moz-tab-size:2;-o-tab-size:2;tab-size:2}pre :global(code){overflow:auto;-webkit-overflow-scrolling:touch}hr{display:block;height:1px;border:0;margin:.3rem 0;background-color:#333}code{font-size:.9rem;background:rgba(135,131,120,.15);color:#eb5757;padding:.25rem;border-radius:var(--radius);font-family:var(--font-mono)}@media (max-width: 590px){code{word-break:break-all}}table{display:block;overflow-x:auto;border-collapse:collapse}table tr{vertical-align:top}table th{font-weight:600;background-color:#f4f4f4}table td,table th{font-size:.9rem;border:1px solid #e4e4e4;padding:.5rem 1rem;text-align:left;line-height:1.2rem}table td:after{content:"";display:inline-block;min-height:.9rem}.container{max-width:1160px;margin:0 auto;padding:0 15px}.container>div{display:flex}@media (max-width: 1230px){.container>div{display:block}}@media (max-width: 590px){.container{max-width:100%}}main{order:1}@media (max-width: 1230px){main{order:1}}aside{order:2;max-width:300px;padding:20px 0}@media (max-width: 1230px){aside{order:2;width:100%;max-width:initial}}.aside{position:relative;height:100%}div.cover img{display:block;width:100%;height:20vh;-o-object-fit:cover;object-fit:cover;-o-object-position:center 60%;object-position:center 60%}div.content{padding-right:60px}@media (max-width: 1230px){div.content{padding:0 18px}}@media (max-width: 767px){div.content{padding:0}}main header{padding:20px 0}main header h1{font-weight:700;color:#333}main header h1 a{display:block;color:inherit}main header h1 a:hover{color:inherit}main header h1 a span,main header h1 a img{display:inline-block;font-size:1.1em}main header h1 a span{margin-right:.3em;margin-left:-.1rem}main header h1 a img{width:1.2em;height:1.2em;margin-right:.2em;margin-left:-.3rem;vertical-align:sub}main header h1 a img.custom-icon{border-radius:var(--radius)}main header div.description{padding:.3rem 0 .6rem;font-size:.95rem}main footer{margin:30px 0 10px;text-align:center;font-size:.75rem}@media (max-width: 640px){main footer{margin:0 auto 30px}}main footer span{color:#777}main footer a{color:inherit;text-decoration:underline}.tag-container{margin:0;line-height:1.3;font-size:1.2rem;font-weight:400}@media (max-width: 640px){.tag-container{font-size:1.15rem}}.tag-container span.tag{border-radius:4px;padding:3px 9px;background:var(--tag-bg-light-gray)}.no-metadata>a{border-bottom:.05em solid;border-color:var(--anchor-border);opacity:.7}.bookmark{display:flex;overflow:hidden;width:100%;max-width:100%;font-size:.9rem;margin-bottom:20px}.bookmark>a{width:100%;box-sizing:border-box;text-decoration:none;border:1px solid rgba(55,53,47,.16);border-radius:3px;display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bookmark>a>div:first-child{flex:4 1 180px;padding:12px 14px 14px;overflow:hidden;text-align:left;color:var(--fg)}.bookmark>a>div:first-child>div:first-child{width:120px;min-width:100%;font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:24px;margin-bottom:2px}.bookmark>a>div:first-child>div:nth-child(2){font-size:12px;line-height:16px;opacity:.8;height:32px;overflow:hidden}.bookmark>a>div:first-child>div:last-child{display:flex;margin-top:6px}.bookmark>a>div:first-child>div:last-child>div:first-child{width:16px;height:16px;min-width:16px;margin-right:6px}.bookmark>a>div:first-child>div:last-child>div:first-child>img{max-width:100%;display:inline-block}.bookmark>a>div:first-child>div:last-child>div:last-child{font-size:12px;line-height:16px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bookmark>a>div:last-child{flex:1 1 180px;position:relative}@media (max-width: 640px){.bookmark>a>div:last-child{display:none}}.bookmark>a>div:last-child>img{position:absolute!important;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}ul{font-size:1rem}.blog-content__container h3{font-size:28px;font-weight:400;line-height:normal;margin:10px 0 20px;display:flex;align-items:center}.blog-content__container h3:before{content:"";display:block;background-color:#518ef2;width:5px;height:43px;margin-right:10px}@media (max-width: 640px){.blog-content__container h3{font-size:1.3rem}}.blog-content__container .toggle{margin:2rem 0 0}@media (max-width: 640px){.blog-content__container .toggle{margin:1.4rem 0 0}}.blog-content__container .toggle>summary>a>h3{display:inline}.blog-content__container h4{font-size:24px;font-style:normal;font-weight:400;line-height:normal;border-bottom:1px solid #518ef2;margin-bottom:10px}@media (max-width: 640px){.blog-content__container h4{font-size:1.2rem}}.blog-content__container .toggle{margin:1.6rem 0 0}@media (max-width: 640px){.blog-content__container .toggle{margin:1.2rem 0 0}}.blog-content__container .toggle>summary{cursor:pointer}.blog-content__container .toggle>summary>a{display:inline}.blog-content__container .toggle>summary>a>h4{display:inline}.blog-content__container .toggle>div{margin-left:1em}.image{display:flex;margin:.5rem auto}.image>div{margin:0 auto}.image>div>div img{display:block;max-width:100%}p{margin:.3rem 0 1rem;font-size:1rem;min-height:1.8rem}.table-of-contents>a{display:block;line-height:1.8rem;font-size:.9rem;font-weight:500;text-decoration:underline}.table-of-contents>a:hover{background:rgb(241,241,239)!important}.table-of-contents>a.indent-1{padding-left:1.5rem}.table-of-contents>a.indent-2{padding-left:3rem}.blog-posts-link h2{color:#518ef2;font-size:40px;font-weight:600;text-align:center;margin:50px 0 60px}@media (max-width: 992px){.blog-posts-link h2{font-size:20px;margin:30px 0}}.blog-posts-link ul{padding:0;margin:120px 0}@media (max-width: 992px){.blog-posts-link ul{margin:0 0 50px}}.blog-posts-link ul li a{display:block;border-radius:var(--radius);padding:.4rem;line-height:1.2rem;color:inherit;font-size:.95rem;overflow:hidden;text-overflow:ellipsis}.blog-posts-link ul li a:hover{background-color:#ddd}.blog-posts-link ul li a span,.blog-posts-link ul li a img{display:inline-block;margin-right:.2rem}.blog-posts-link ul li a img{width:1.25rem;height:1.25rem;vertical-align:sub}.blog-tags-link h2{margin:0;padding-left:.4rem;color:#777;font-size:.95rem}.blog-tags-link ul{list-style-type:none;padding:0;margin-top:.3rem;margin-block-end:1rem}.blog-tags-link ul li{position:relative;padding:.4rem;line-height:1.2rem;font-size:.9rem;gap:6px}.blog-tags-link ul li a{min-width:0;border-radius:3px;padding:2px 6px;line-height:1.2;color:#32302c;background:rgba(227,226,224,.5)}.pagination{display:flex;width:100%;margin:20px auto;color:var(--fg);justify-content:center;align-items:center}.pagination a{display:block;width:2.4rem;height:3rem;margin:0 .4rem;border-radius:var(--radius);background:#f4f4f4;color:inherit;font-size:.85rem;text-align:center;text-decoration:underline;font-weight:500;line-height:3rem}.pagination a:hover:not(.inactive){background:#ddd}.pagination a.inactive{color:#999;text-decoration:none}.post-date{padding:0 0 .3rem;font-size:.9rem}.post-excerpt{padding:.2rem 0;font-size:1rem}.post-excerpt p{margin:0}.post-featured-image{padding:0}.post-featured-image img{display:block;max-width:100%;max-height:20rem}.post-tags{font-size:.9rem;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:5px}.post-tags a,.post-tags span{display:flex;align-items:center;flex-shrink:1;min-width:0;border-radius:3px;padding:2px 6px;line-height:1.2;color:#32302c;background:rgba(227,226,224,.5)}.post-title{margin:0;padding:.2rem 0;font-size:2rem;font-weight:700;line-height:normal;color:var(--fg)}.post-title a{font-size:1.6rem;color:inherit}.post-title span,.post-title img{display:inline-block;margin-right:.2em}.post-title span{font-size:1.2em}.post-title img{width:1.3em;height:1.3em;vertical-align:sub}@media (max-width: 640px){.post-title{font-size:1.4rem}.post-title a{font-size:1.2rem}}.read-more-link{color:var(--fg)}.read-more-link a{color:#37352f;font-size:1rem;font-weight:500;line-height:2rem;text-decoration:underline}@media (max-width: 640px){.read-more-link a{width:50%}}.search-button{display:flex;width:100%;background-color:transparent;margin-bottom:.5rem;border:none;border-radius:var(--radius);padding:.4rem;color:#777;font-size:.95rem;font-weight:700}.search-button:hover{cursor:pointer;background-color:#ddd}.search-button svg{width:20px;height:20px;margin-right:.2rem}[astro-icon="octicon:search-24"]{color:var(--fg)}@media (max-width: 1230px){.search-button{width:-moz-fit-content;width:fit-content}}.ttl{color:#518ef2;font-size:40px;font-weight:600;text-align:center;margin:50px 0 60px}@media (max-width: 992px){.ttl{font-size:20px;margin:30px 0}}aside .blog-posts-link ul li a,.recommend .blog-posts-link ul li a{padding:0}aside .blog-posts-link ul li img,.recommend .blog-posts-link ul li img{width:100%;height:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:10px;margin:0}aside .blog-tags-link ul,.recommend .blog-tags-link ul{display:flex;flex-wrap:wrap}@media (min-width: 1230px){aside .blog-posts-link h2{font-size:20px;margin:20px 0}aside .blog-posts-link ul{margin:0}aside .blog-posts-link ul li{margin:15px 0}}.recommend{display:block!important}.recommend ul{display:grid;grid-template-columns:1fr 1fr 1fr;-moz-column-gap:15px;column-gap:15px}.recommend ul li{max-width:350px}@media (max-width: 590px){.recommend ul{grid-template-columns:1fr}}@media (max-width: 1230px){aside .blog-posts-link ul,.recommend .blog-posts-link ul{display:grid;grid-template-columns:1fr 1fr 1fr;-moz-column-gap:15px;column-gap:15px}aside .blog-posts-link ul li,.recommend .blog-posts-link ul li{max-width:350px}aside .blog-posts-link ul li>a,.recommend .blog-posts-link ul li>a{width:100%}}@media (max-width: 767px){aside .blog-posts-link ul,.recommend .blog-posts-link ul{grid-template-columns:1fr 1fr;-moz-column-gap:15px;column-gap:15px;row-gap:15px}aside .blog-posts-link ul li,.recommend .blog-posts-link ul li{max-width:350px}}@media (max-width: 590px){aside .blog-posts-link ul,.recommend .blog-posts-link ul{grid-template-columns:1fr;-moz-column-gap:15px;column-gap:15px}aside .blog-posts-link ul li,.recommend .blog-posts-link ul li{max-width:100%}}.blog-card{padding:20px;max-width:790px;margin-bottom:30px;border-radius:10px;background:#fff;box-shadow:4px 4px 4px #00000040;display:flex;flex-wrap:nowrap;justify-content:space-between}.blog-card__contents{width:100%}.blog-card .post-title a{font-size:20px;font-weight:500;display:block;line-height:132.3%}.blog-card .post-excerpt{padding:0}.blog-card .post-excerpt p{margin-bottom:5px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5}.blog-card .post-featured-image{padding:0}.blog-card .post-featured-image img{max-width:360px;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:10px;margin-top:20px;margin-right:20px;max-height:initial}.blog-card .read-more-link{text-align:right}@media (max-width: 1230px){.blog-card{max-width:initial}}@media (max-width: 992px){.blog-card{padding:10px;flex-wrap:wrap}.blog-card__contents{margin-top:10px}.blog-card .post-featured-image img{width:100%;max-width:initial}}.blog-content{width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 40px 0 auto;max-width:790px;background:#fff;padding:20px 40px}.blog-content a{color:#518ef2;word-break:break-all}.blog-content ul{list-style:initial;margin:0 0 20px 20px}.blog-content ol{list-style:desc;margin:0 0 20px 20px}.blog-content .post-featured-image{max-width:790px}.blog-content .post-featured-image img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;max-height:initial}.blog-content__container{background:#fff}.blog-content__container hr{background-color:#c6c6c6}@media (max-width: 1230px){.blog-content{margin:0 auto}}@media (max-width: 590px){.blog-content{margin-top:10px;padding:0}}.blog-author{background:#fff;width:100%;padding:20px 0}.blog-author__profile{display:flex}.blog-author__profile>img{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:40px}.blog-author__detail{margin-left:10px}.blog-author__detail h4{font-size:17px;font-weight:700}.blog-author__detail a,.blog-author__detail img{display:inline-block}.blog-author__detail a{margin-right:10px}.blog-author__detail a img{width:22px}.aside .blog-author{width:300px;padding:20px}.aside .blog-author__profile>img{width:60px;height:60px;border-radius:30px}.aside .blog-author__detail h4{font-size:16px}@media (max-width: 1230px){.aside .blog-author{display:none}}