.blog-details main ul.btn_set{margin:4em auto;display:flex}.blog-details main ul.btn_set li{flex-grow:1;margin:0 .25em}.blog-details main ul.btn_set .btn_back_list a,.blog-details main ul.btn_set .btn_back a,.blog-details main ul.btn_set .btn_next a{text-align:center;border-radius:30px;width:100%;max-width:300px;height:60px;margin:0 auto;font-weight:700;line-height:60px;display:block;position:relative;text-decoration:none!important}.blog-details main ul.btn_set .btn_back_list a{background:var(--color-primary);color:#fff}.blog-details main ul.btn_set .btn_back a,.blog-details main ul.btn_set .btn_next a{background:var(--color-primary-light);color:var(--color-primary)!important}.blog-details main ul.btn_set .btn_back a:before{border-bottom:1px solid var(--color-primary);border-left:1px solid var(--color-primary)}.blog-details main ul.btn_set .btn_next a:before{content:"";border-top:1px solid var(--color-primary);border-right:1px solid var(--color-primary);width:6px;height:6px;position:absolute;top:50%;right:20px;transform:rotate(45deg)translateY(-50%)}@media only screen and (width<=850px){.blog-details main ul.btn_set{margin:2em auto;display:block}.blog-details main ul.btn_set li{flex-grow:1;margin:0}.blog-details main ul.btn_set li+li{margin-top:1em}}.blog-details .blog_main{padding:60px 0}.blog-details .inner.blog_layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:48px;display:grid}.blog-details .blog_article{min-width:0}.blog-details .blog_article>h1{margin:0 0 16px;font-size:3rem;line-height:1.4}.blog-details .blog_article>.date{color:#999;margin:0 0 12px;font-size:1.4rem}.blog-details .blog_article>ul.tag_list{flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none;display:flex}.blog-details .blog_article>ul.tag_list li a{color:var(--color-primary);background:var(--color-primary-light);border-radius:14px;padding:4px 12px;font-size:1.3rem;text-decoration:none;display:inline-block}.blog-details .blog_article .eyecatch{border-radius:8px;margin:0 0 32px;overflow:hidden}.blog-details .blog_article .eyecatch img{width:100%;height:auto;display:block}.blog-details .blog_content{font-size:1.5rem;line-height:1.85}.blog-details .blog_content>*+*{margin-top:1.5em}.blog-details .blog_content h2{color:var(--color-text);border-bottom:1px solid #e5e7e8;margin-top:2.5em;padding:0 0 12px;font-size:2.2rem;font-weight:700;line-height:1.5}.blog-details .blog_content h3{color:var(--color-text);margin-top:2em;font-size:1.8rem;font-weight:700;line-height:1.5}.blog-details .blog_content h4{color:var(--color-text);margin-top:1.8em;font-size:1.6rem;font-weight:700}.blog-details .blog_content p{margin:0}.blog-details .blog_content a{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.blog-details .blog_content a:hover{text-decoration:none}.blog-details .blog_content strong{font-weight:700}.blog-details .blog_content mark{background:linear-gradient(#0000 60%,#fff59d 60%);padding:0 2px}.blog-details .blog_content ul,.blog-details .blog_content ol{padding-left:1.5em}.blog-details .blog_content ul li,.blog-details .blog_content ol li{margin-bottom:.4em}.blog-details .blog_content blockquote{border-left:4px solid var(--color-primary);color:var(--color-text-muted);background:#f5f8f8;margin:1.5em 0;padding:16px 20px}.blog-details .blog_content blockquote p{margin:0}.blog-details .blog_content table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:1.4rem;display:block;overflow-x:auto}.blog-details .blog_content table thead{color:var(--color-text);background:#f5f7f7}.blog-details .blog_content table thead th{border-bottom:2px solid #cfd5d6;font-weight:700}.blog-details .blog_content table th,.blog-details .blog_content table td{text-align:left;vertical-align:top;border:1px solid #e5e7e8;padding:10px 14px}.blog-details .blog_content table tbody tr:nth-child(2n){background:#fafbfb}.blog-details .blog_content pre{background:var(--color-text);color:#f6f8fa;font-size:1.35rem;line-height:1.6;font-family:var(--font-mono);border-radius:6px;padding:16px 20px;overflow-x:auto}.blog-details .blog_content pre code{color:inherit;font-size:inherit;background:0 0;border:none;padding:0}.blog-details .blog_content code{color:#0d6b6a;font-size:.92em;font-family:var(--font-mono);background:#ecfcfc;border:1px solid #c8eded;border-radius:3px;padding:2px 6px}.blog-details .blog_content ul.contains-task-list,.blog-details .blog_content .contains-task-list{padding-left:0;list-style:none}.blog-details .blog_content .task-list-item{align-items:flex-start;gap:8px;margin-bottom:.5em;list-style:none;display:flex}.blog-details .blog_content .task-list-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);flex-shrink:0;margin:.45em 0 0}.blog-details .blog_content hr{border:none;border-top:1px solid var(--color-primary-light);margin:2.5em 0}.blog-details .blog_sidebar{flex-direction:column;gap:24px;display:flex;position:sticky;top:100px}.blog-details .blog_sidebar .sidebar_box{background:var(--color-bg-subtle);border-radius:8px;padding:20px 22px}.blog-details .blog_sidebar .sidebar_title{border-bottom:2px solid var(--color-primary);color:var(--color-text);margin:0 0 14px;padding:0 0 10px;font-size:1.5rem}.blog-details .toc_box{background:var(--color-bg-subtle);border:1px solid var(--color-primary-light);border-radius:8px;margin:0 0 40px;padding:24px 28px}.blog-details .toc_box .toc_title{color:var(--color-text);border-bottom:2px solid var(--color-primary);margin:0 0 16px;padding:0 0 12px;font-size:1.8rem;font-weight:700}.blog-details .toc_box .toc_list{counter-reset:toc-counter;margin:0;padding:0;font-size:1.45rem;line-height:1.7;list-style:none}.blog-details .toc_box .toc_list li{list-style:none}.blog-details .toc_box .toc_item{margin-bottom:6px}.blog-details .toc_box .toc_item.toc_level2{counter-increment:toc-counter}.blog-details .toc_box .toc_item.toc_level2>a:before{content:counter(toc-counter) ". ";color:var(--color-primary);margin-right:4px;font-weight:700}.blog-details .toc_box .toc_item.toc_level3{padding-left:2em;font-size:1.35rem}.blog-details .toc_box .toc_item.toc_level3>a:before{content:"– ";color:#999}.blog-details .toc_box .toc_item a{color:var(--color-text-muted);text-decoration:none}.blog-details .toc_box .toc_item a:hover{color:var(--color-primary);text-decoration:underline}.blog-details .writer_box .writer_inner{align-items:center;gap:12px;margin-bottom:12px;display:flex}.blog-details .writer_box .writer_inner figure{background:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin:0;display:flex;overflow:hidden}.blog-details .writer_box .writer_inner figure img{width:70%;height:auto}.blog-details .writer_box .writer_name{color:var(--color-text);margin:0;font-size:1.4rem;font-weight:700}.blog-details .writer_box .writer_desc{color:var(--color-text-muted);margin:0;font-size:1.25rem;line-height:1.6}@media only screen and (width<=1000px){.blog-details .inner.blog_layout{grid-template-columns:1fr;gap:32px}.blog-details .blog_sidebar{position:static;top:auto}.blog-details .blog_article>h1{font-size:2.4rem}.blog-details .blog_content{font-size:1.4rem}.blog-details .blog_content h2{font-size:1.9rem}.blog-details .blog_content h3{font-size:1.6rem}}
