:root{--bg:var(--bg-color);--surface:var(--surface-color);--surface-2:var(--surface-soft);--surface-3:var(--surface-strong);--text:var(--text-color);--border:var(--panel-border);--border-strong:#cbd5e1;--accent:var(--primary-color);--ring:var(--focus-ring);--radius-xl:16px;--radius-lg:12px;--radius-md:8px;--radius-sm:4px;--sidebar-width:var(--portfolio-sidebar-width);--container-wide:1120px;--container:clamp(760px,70vw,1040px);--toc-width:240px;--code-bg:#0f172a;--code-text:#e2e8f0;--quote-bg:#fff4ec;--quote-border:#f2a48a;--page-bg-image:url("assets/bg-photo.png")}.dark{--border-strong:#314155;--quote-bg:#121a27;--quote-border:rgba(255,122,85,0.65);--code-bg:#0a0f1a}.blog-shell{display:flex;min-height:100vh;padding-top:56px;transition:padding-left 0.3s ease}.blog-sidebar{position:fixed;top:0;left:0;width:var(--portfolio-sidebar-width);height:100vh;padding:26px 20px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;background:linear-gradient(180deg,var(--surface-color),var(--surface-soft));border-right:1px solid var(--panel-border);box-shadow:var(--shadow-xs);z-index:1001;transition:transform 0.3s ease}.blog-sidebar,.sidebar-menu,.sidebar-toc{scrollbar-width:none;-ms-overflow-style:none}.blog-sidebar::-webkit-scrollbar,.sidebar-menu::-webkit-scrollbar,.sidebar-toc::-webkit-scrollbar{width:0;height:0}.blog-main{flex:1;margin-left:var(--portfolio-sidebar-width);min-width:0;position:relative;background-image:linear-gradient(180deg,rgba(11,15,20,0.2),rgba(11,15,20,0.55)),var(--page-bg-image,url("assets/bg-cover.svg"));background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;transition:margin-left 0.3s ease}body.is-sidebar-closed .blog-sidebar{transform:translateX(-100%)}body.is-sidebar-closed .blog-main{margin-left:0}.page-main{--page-main-width:var(--container-wide);position:relative;width:min(var(--page-main-width),calc(100% - 2.5rem));margin:24px auto 42px;padding:8px 0 72px;border-radius:0;border:1px solid rgba(226,232,240,0.82);background:rgba(255,255,255,0.84);box-shadow:var(--shadow-md);backdrop-filter:blur(14px);overflow:hidden;transition:width 0.3s ease,max-width 0.3s ease}body.post-sidebar .page-main{--page-main-width:var(--container-wide)}.dark .page-main{border-color:rgba(49,65,85,0.72);background:rgba(17,24,39,0.74)}.index-container,.permalink-container{width:100%;padding:0 1.25rem;margin:0 auto}@media (min-width:1100px){.index-container{max-width:var(--container-wide);padding:0 1.25rem}.permalink-container{max-width:var(--container-wide);padding:0 1.25rem}}@media (max-width:640px){.page-main{width:100%;margin:0;border-radius:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;padding:0 0 64px}}.blog-sidebar .sidebar-nav{gap:4px}.blog-sidebar .sidebar-nav .nav-item.active,.blog-sidebar .sidebar-nav .nav-item:hover{color:var(--primary-color)}.sidebar-switcher{position:relative;flex:1;min-height:0}.sidebar-menu{display:flex;flex-direction:column;gap:6px;min-height:0;padding:6px 0 12px;height:100%;overflow-y:auto;overflow-x:hidden}.category-group{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.category-group-header{display:flex;align-items:center;gap:8px;padding:0;margin-bottom:4px}.category-group-header .nav-item{flex:1 1 auto;min-width:0;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-muted);padding:4px 8px;border-radius:6px}.sidebar-nav .nav-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;margin:0;border-radius:12px;color:var(--text-color);text-decoration:none;transition:all 0.2s ease;font-size:0.95rem;font-weight:500;position:relative;border:1px solid transparent}.sidebar-nav .nav-item.nav-item--group{background:rgba(15,23,42,0.03);font-weight:600}.dark .sidebar-nav .nav-item.nav-item--group{background:rgba(255,255,255,0.06)}.sidebar-nav .nav-item:hover{background:var(--surface-2);color:var(--primary-color);box-shadow:var(--shadow-xs)}.sidebar-nav .nav-item.active{background:rgba(228,87,46,0.08);color:var(--primary-color);font-weight:600;border-color:rgba(228,87,46,0.2)}.dark .sidebar-nav .nav-item.active{background:rgba(255,122,85,0.12);border-color:rgba(255,122,85,0.3)}.category-children{display:flex;flex-direction:column;gap:2px;position:relative;margin-left:12px;padding-left:12px;border-left:2px solid var(--border);max-height:520px;opacity:1;transform:translateY(0);transition:max-height 0.35s ease,opacity 0.25s ease,transform 0.25s ease;overflow:hidden;will-change:max-height,opacity,transform}.category-children::before{display:none}.category-group.is-collapsed .category-children{max-height:0;opacity:0;transform:translateY(-6px);pointer-events:none}.nav-item--child{font-size:0.9rem;color:var(--text-muted);padding:8px 12px !important;border-radius:8px}.nav-item--child:hover{background:var(--surface-2);color:var(--text-color)}.nav-item--child.active{background:var(--surface-2);color:var(--primary-color)}.category-count{font-size:0.72rem;font-weight:600;color:var(--text-muted);background:rgba(0,0,0,0.05);padding:2px 8px;border-radius:6px;transition:opacity 0.2s ease,transform 0.2s ease,background 0.2s ease,color 0.2s ease,box-shadow 0.2s ease;min-width:24px;text-align:center;will-change:opacity,transform}.category-group .nav-item--group .category-count{opacity:0;transform:translateY(-2px) scale(0.95);pointer-events:none}.category-group.is-collapsed .nav-item--group .category-count{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.dark .category-count{background:rgba(255,255,255,0.08)}.sidebar-nav .nav-item:hover .category-count,.sidebar-nav .nav-item.active .category-count{background:#fff;color:var(--primary-color);box-shadow:0 2px 4px rgba(0,0,0,0.05)}.dark .sidebar-nav .nav-item:hover .category-count,.dark .sidebar-nav .nav-item.active .category-count{background:rgba(255,122,85,0.2);color:#ffb8a4}.category-toggle{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;position:static;transform:none;transition:all 0.2s ease;z-index:2}.category-toggle:hover{background:rgba(0,0,0,0.05);color:var(--text-color)}.category-toggle .chevron{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform 0.2s ease}.category-group.is-collapsed .category-toggle .chevron{transform:rotate(-45deg)}.sidebar-toc{display:none;flex-direction:column;gap:12px;min-height:0;padding:6px 0 12px;height:100%;overflow:auto;overflow-x:hidden}.blog-sidebar .sidebar-toc .post-toc{border:0;background:transparent;box-shadow:none;backdrop-filter:none;padding:0;border-radius:0}.blog-sidebar .sidebar-toc .post-toc .toc-title{margin-bottom:10px;opacity:0.85}.blog-sidebar .sidebar-toc .post-toc .toc-title::after{display:none}.blog-sidebar .sidebar-toc .post-toc .toc-list{border-left:0;padding:0;gap:2px}.blog-sidebar .sidebar-toc .post-toc .toc-item{padding-left:0}.blog-sidebar .sidebar-toc .post-toc .toc-item-2{margin-top:0;font-weight:600}.blog-sidebar .sidebar-toc .post-toc .toc-item-3{padding-left:12px;font-size:0.85rem}.blog-sidebar .sidebar-toc .post-toc .toc-item::before,.blog-sidebar .sidebar-toc .post-toc .toc-item.is-active::after{display:none}.blog-sidebar .sidebar-toc .post-toc .toc-item a{padding:8px 10px;border-radius:10px;transform:none;color:var(--text-muted)}.blog-sidebar .sidebar-toc .post-toc .toc-item-2 a{color:var(--text-color)}.blog-sidebar .sidebar-toc .post-toc .toc-item a:hover{background:var(--surface-2);color:var(--text-color)}.dark .blog-sidebar .sidebar-toc .post-toc .toc-item a:hover{background:rgba(255,255,255,0.06)}.blog-sidebar .sidebar-toc .post-toc .toc-item.is-active>a{background:var(--accent-soft);color:var(--primary-color);font-weight:600}body.post-sidebar .sidebar-menu,body.post-sidebar .sidebar-toc{position:absolute;inset:0;transition:opacity 0.18s ease,transform 0.18s ease}body.post-sidebar .sidebar-toc{display:flex;opacity:0;transform:translateY(8px);pointer-events:none}body.post-sidebar .sidebar-menu{opacity:1;transform:translateY(0);pointer-events:auto}body.post-sidebar .blog-sidebar[data-sidebar-view="toc"] .sidebar-menu{opacity:0;transform:translateY(8px);pointer-events:none}body.post-sidebar .blog-sidebar[data-sidebar-view="toc"] .sidebar-toc{opacity:1;transform:translateY(0);pointer-events:auto}@media (prefers-reduced-motion:reduce){body.post-sidebar .sidebar-menu,body.post-sidebar .sidebar-toc{transition:none;transform:none}}.sidebar-search{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid var(--panel-border);background:var(--surface-color);transition:border-color 0.2s ease}.sidebar-search-icon{font-size:1.1rem;opacity:0.6}.dark .sidebar-search{background:rgba(0,0,0,0.22)}.sidebar-search input{width:100%;border:0;padding:0;font-size:0.9rem;background:transparent;color:inherit}.sidebar-search input:focus{outline:none}.sidebar-search:focus-within{border-color:var(--primary-color)}.sidebar-toggle-row{display:none !important}@media (max-width:1024px){.blog-sidebar{transform:translateX(-100%);transition:transform 0.3s ease;position:fixed;width:280px;z-index:1000;border-right:1px solid rgba(255,255,255,0.22)}.blog-sidebar.is-open{transform:translateX(0);box-shadow:0 22px 42px rgba(3,8,16,0.38)}.blog-main{margin-left:0}.sidebar-toggle-row{display:block;position:sticky;top:12px;margin:16px 0 12px;z-index:120}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(8,12,20,0.62);backdrop-filter:blur(2px);z-index:900}.sidebar-backdrop.is-open{display:block}body.is-mobile-sidebar-open{overflow:hidden}.blog-sidebar .sidebar-nav .nav-item.active{position:relative;border-color:rgba(228,87,46,0.52);background:rgba(228,87,46,0.2);box-shadow:0 10px 20px rgba(228,87,46,0.16)}.blog-sidebar .sidebar-nav .nav-item.active::before{content:'';position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:4px;background:var(--primary-color)}.dark .blog-sidebar .sidebar-nav .nav-item.active{border-color:rgba(255,122,85,0.66);background:rgba(255,122,85,0.26);box-shadow:0 10px 20px rgba(3,8,16,0.35)}}#global-header{margin:1.1rem 0 1.35rem}#global-header .info{max-width:var(--container-wide);margin:0 auto;padding:1.35rem 1.25rem 0.95rem;text-align:left}#global-header .tit{font-weight:800;font-size:clamp(2.2rem,4.8vw,3.4rem);letter-spacing:-0.03em;color:var(--text-color);line-height:1;margin-bottom:8px}#global-header .desc{font-size:1.04rem;font-weight:500;color:#30425e;max-width:600px}.dark #global-header .desc{color:#c3d0e8}#global-header .info::after{display:none}.filters-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 2rem;padding:12px 14px;border:1px solid rgba(15,23,42,0.14);border-radius:14px;background:rgba(255,255,255,0.72);box-shadow:0 8px 18px rgba(15,23,42,0.06)}.dark .filters-row{background:rgba(15,23,42,0.52);border-color:rgba(226,232,240,0.18);box-shadow:0 12px 22px rgba(2,6,14,0.3)}.blog-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-pill{appearance:none;border:1px solid rgba(15,23,42,0.2);background:rgba(255,255,255,0.9);color:var(--text-color);font-size:0.84rem;font-weight:700;padding:8px 13px;border-radius:999px;cursor:pointer;transition:border-color 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease,color 0.2s ease}.filter-pill:hover{border-color:rgba(228,87,46,0.46);box-shadow:0 6px 14px rgba(228,87,46,0.16);color:#9d2f0f}.filter-pill.is-active{border-color:rgba(228,87,46,0.58);background:rgba(228,87,46,0.2);color:#8f2d10}.dark .filter-pill{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.2);color:#e5edf8}.dark .filter-pill:hover{border-color:rgba(255,122,85,0.52);color:#ffd1c4}.dark .filter-pill.is-active{border-color:rgba(255,122,85,0.66);background:rgba(255,122,85,0.26);color:#ffd6ca}.post-count{font-size:0.82rem;color:#30425e;padding:8px 12px;border-radius:999px;border:1px solid rgba(15,23,42,0.2);background:rgba(255,255,255,0.84);font-weight:600}.dark .post-count{background:rgba(255,255,255,0.12);border-color:rgba(226,232,240,0.2);color:#d5dfef}#post-list{display:flex;flex-direction:column;gap:2.8rem}.post-empty-state{border:1px dashed rgba(15,23,42,0.28);border-radius:22px;padding:clamp(1.4rem,4vw,2.2rem);background:rgba(255,255,255,0.86);text-align:center;box-shadow:var(--shadow-xs)}.dark .post-empty-state{background:rgba(17,24,39,0.72);border-color:rgba(226,232,240,0.24)}.post-empty-state.is-hidden{display:none}.post-empty-state__icon{font-size:2rem;color:var(--primary-color);margin-bottom:10px}.post-empty-state__title{font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.35;margin-bottom:8px;color:var(--text-color)}.post-empty-state__desc{font-size:0.94rem;line-height:1.6;color:#3b4b66;max-width:62ch;margin:0 auto 16px}.dark .post-empty-state__desc{color:#c4d2e8}.post-empty-state__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.post-empty-state__action{appearance:none;border:1px solid rgba(15,23,42,0.22);background:rgba(255,255,255,0.9);color:var(--text-color);border-radius:999px;padding:8px 14px;font-size:0.82rem;font-weight:700;cursor:pointer;transition:transform 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease}.post-empty-state__action:hover{transform:translateY(-1px);border-color:rgba(228,87,46,0.45);box-shadow:0 8px 16px rgba(15,23,42,0.12)}.post-empty-state__action--primary{border-color:rgba(228,87,46,0.56);background:rgba(228,87,46,0.16);color:#8f2d10}.dark .post-empty-state__action{background:rgba(255,255,255,0.12);border-color:rgba(226,232,240,0.24);color:#edf2fa}.dark .post-empty-state__action--primary{border-color:rgba(255,122,85,0.65);background:rgba(255,122,85,0.22);color:#ffd6ca}.post{position:relative;border:1px solid var(--border);padding:2rem;margin-bottom:1.5rem;transition:background-color 0.2s ease,border-color 0.2s ease;background:transparent;border-radius:var(--radius-xl);box-shadow:none;overflow:hidden}.post.is-hidden{display:none}.post:last-child{margin-bottom:0}.post:hover{background-color:var(--surface-soft);border-color:rgba(228,87,46,0.3);cursor:pointer}.dark .post:hover{background-color:rgba(255,255,255,0.03);border-color:rgba(255,122,85,0.3)}.post .link{position:absolute;inset:0;z-index:5}.post .content{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.post .content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:3rem}.post .info{flex:1;min-width:0}.post .picture{width:auto;flex-shrink:0;margin-left:auto;margin-right:1.5rem;padding-left:1.5rem;display:flex;justify-content:center;align-items:center}}.post .content .picture{order:-1}@media (min-width:768px){.post .content .picture{order:2;margin:0}}.post .content .picture .img{width:100%;aspect-ratio:16/10;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-2);box-shadow:var(--shadow-sm)}@media (min-width:768px){.post .content .picture .img{height:140px;width:100%;margin-left:0;aspect-ratio:auto}}.post .content .picture .img .thumb{width:100%;height:100%;object-fit:cover}.post .info{display:flex;flex-direction:column;gap:0.8rem}.post .info .tit{font-size:1.5rem;font-weight:700;color:var(--text-color);letter-spacing:-0.015em;line-height:1.35;transition:color 0.2s ease;margin-bottom:0.6rem}.post:hover .info .tit{color:var(--primary-color)}.post .info .summary{font-size:0.98rem;color:#364863;line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;margin-bottom:1rem}.dark .post .info .summary{color:#c6d3ea}.post .info .desc{display:flex;align-items:center;gap:10px;font-size:0.85rem;color:#41536f}.post .info .desc .category{color:var(--text-color);font-weight:600}.dark .post .info .desc{color:#aebdd6}@media (min-width:720px){.post .content{flex-direction:row-reverse;align-items:center;justify-content:flex-end}}.post .content .picture .img{width:100%}@media (min-width:720px){.post .content .picture .img{margin-left:2rem;height:15rem;width:15rem;flex-shrink:0}}.post .content .picture .img .thumb{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md);background:#ffffff}.post .content .picture .fallback{display:none}.post .info .header{display:flex;flex-direction:column}.post .post-badges{margin-bottom:0.8rem}.post .post-badge{font-size:0.65rem;padding:3px 8px;border:1px solid var(--accent);color:var(--accent);background:transparent;border-radius:4px;font-weight:700}.post-header{width:100%;padding:0 1.25rem;margin:1.4rem auto 2.2rem}#post-header .info{position:relative;width:100%;margin:0;padding:3rem 1rem 2rem;text-align:center;background:transparent;border:none;box-shadow:none;display:flex;flex-direction:column;align-items:center;gap:1.5rem}#post-header .info::before{display:none}.dark #post-header .info{background:transparent}#post-header .tit{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;margin:0;letter-spacing:-0.02em;line-height:1.25;color:var(--text-color);max-width:900px;word-break:keep-all}#post-header .subtitle{max-width:680px;margin:0;font-size:1.15rem;line-height:1.6;color:var(--text-muted);font-weight:400}.post-meta{display:flex;flex-direction:column;gap:0.75rem;padding:0.95rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:rgba(255,255,255,0.72);box-shadow:var(--shadow-xs)}.dark .post-meta{background:rgba(12,18,30,0.55)}#post-header .desc{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;font-size:0.95rem;color:var(--text-muted);margin:0}#post-header .desc .delimiter{display:inline-block;opacity:0.4;font-weight:300}#post-header .desc time{color:var(--text-muted);font-family:var(--font-code)}#post-header .desc .category{color:var(--primary-color);font-weight:700;text-transform:uppercase;letter-spacing:0.03em;font-size:0.85rem}#post-header .desc time,#post-header .desc .category{padding:0;border:none;background:transparent;border-radius:0}.dark #post-header .desc time,.dark #post-header .desc .category{background:transparent}.post-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-top:0}.post-tags a{font-size:0.78rem;padding:4px 10px;border-radius:999px;border:1px solid var(--border);color:inherit;background:rgba(255,255,255,0.7)}.dark .post-tags a{background:rgba(0,0,0,0.22)}@media (min-width:1100px){.post-header{max-width:var(--container-wide);padding:0}}@media (min-width:920px){#post-header .info{display:flex;flex-direction:column}.post-meta{display:none}}.post-meta{display:none}.post-tags{justify-content:center;margin-top:0.5rem;flex-wrap:wrap;opacity:0.9}#post-header.has-cover{position:relative;overflow:hidden;border-radius:var(--radius-xl);min-height:480px;display:flex;align-items:center;justify-content:center;padding:0;margin-bottom:3rem;background-image:var(--post-cover-image);background-size:cover;background-position:center;border:none;box-shadow:var(--shadow-md)}#post-header.has-cover::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,16,24,0.4),rgba(12,16,24,0.75));backdrop-filter:blur(2px);z-index:0}#post-header.has-cover .info{position:relative;z-index:1;width:100%;max-width:900px;margin:0 auto;padding:2rem;text-align:center;border:none;background:transparent;backdrop-filter:none;text-shadow:0 4px 12px rgba(0,0,0,0.35)}#post-header.has-cover .tit{color:#fff;margin-bottom:1rem}#post-header.has-cover .subtitle{color:rgba(255,255,255,0.9);margin:0 auto 1.5rem}#post-header.has-cover .info::before{display:none}#post-header.has-cover .desc{justify-content:center;color:rgba(255,255,255,0.85)}#post-header.has-cover .desc .delimiter{opacity:0.6}#post-header.has-cover .desc time,#post-header.has-cover .desc .category{border:none;background:transparent;color:rgba(255,255,255,0.95);padding:0}#post-header.has-cover .post-tags a{border:1px solid rgba(255,255,255,0.3);background:rgba(0,0,0,0.3);color:#fff}#post-header.has-cover+#content .post-cover{display:none}.post-cover{display:none;width:100%;height:320px;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:18px;background:var(--surface-3);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.post-cover img{width:100%;height:100%;object-fit:cover}.post-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}.post-layout .post-toc{margin-top:0}body.post-sidebar .post-layout{grid-template-columns:minmax(0,1fr)}.post-toc{border:1px solid var(--border);border-radius:calc(var(--radius-md)+2px);padding:20px 18px;background:rgba(255,255,255,0.82);box-shadow:var(--shadow-xs);backdrop-filter:blur(6px)}.dark .post-toc{background:rgba(17,24,39,0.62)}body.post-sidebar .post-toc{position:static;max-height:none;overflow:visible}.post-toc.is-empty{display:none}.post-toc .toc-title{font-size:0.8rem;letter-spacing:0.05em;text-transform:uppercase;color:var(--text-color);display:flex;align-items:center;gap:10px;margin-bottom:16px;font-weight:700;opacity:0.9}.post-toc .toc-title::after{content:'';flex:1;height:1px;background:var(--border);opacity:0.8}.post-toc .toc-list{display:flex;flex-direction:column;gap:4px;font-size:0.9rem;list-style:none;padding:0 0 0 14px;margin:0;position:relative;border-left:2px solid var(--border)}.post-toc .toc-list::before{display:none}.post-toc .toc-item{position:relative;padding-left:16px;transition:all 0.2s ease}.post-toc .toc-item-2{font-weight:600;margin-top:8px}.post-toc .toc-item-2:first-child{margin-top:0}.post-toc .toc-item-3{padding-left:32px;font-size:0.85rem;color:var(--text-muted);font-weight:400}.post-toc .toc-item::before{content:'';position:absolute;left:-1px;top:1.1em;width:0;height:0;display:none}.post-toc .toc-item.is-active{position:relative}.post-toc .toc-item.is-active::after{content:'';position:absolute;left:-2px;top:6px;bottom:6px;width:2px;background:var(--primary-color);border-radius:99px}.post-toc .toc-item a{display:block;padding:6px 10px;border-radius:6px;color:var(--text-muted);text-decoration:none;transition:color 0.2s ease,background-color 0.2s ease,transform 0.2s ease;line-height:1.4}.post-toc .toc-item-2 a{color:var(--text-color)}.post-toc .toc-item a:hover{color:var(--primary-color);background:var(--surface-soft);transform:translateX(2px)}.dark .post-toc .toc-item a:hover{background:rgba(255,255,255,0.06)}.post-toc .toc-item.is-active>a{color:var(--primary-color);font-weight:700;background:var(--accent-soft)}.post-toc .toc-item-3.is-active>a{color:var(--primary-color);font-weight:600}#article{border:1px solid var(--border);border-radius:var(--radius-xl);background:rgba(255,255,255,0.9);box-shadow:var(--shadow-sm);padding:clamp(1.8rem,4vw,3.2rem);backdrop-filter:blur(20px)}.dark #article{background:rgba(17,24,39,0.7);border-color:rgba(255,255,255,0.08)}#article .contents_style{font-size:16px;line-height:1.9;letter-spacing:-0.015em;color:var(--text);max-width:min(1000px,100%);margin:0 auto}#article .contents_style a{color:var(--primary-color);text-decoration:none;background:linear-gradient(to bottom,transparent 70%,rgba(228,87,46,0.2) 70%);transition:background-size 0.2s ease,color 0.2s ease;background-size:0% 100%;background-repeat:no-repeat;border-bottom:1px solid rgba(228,87,46,0.4)}#article .contents_style a:hover{background-size:100% 100%;color:var(--text-color)}.dark #article .contents_style a{border-color:rgba(255,122,85,0.5)}#article .contents_style p{margin:0 0 1.2em}#article .contents_style p:last-child{margin-bottom:0}#article .contents_style p.writer-body-1{font-size:17.92px;line-height:1.9}#article .contents_style p.writer-body-2{font-size:16px;line-height:1.9}#article .contents_style p.writer-body-3{font-size:13.92px;line-height:1.8}#article .contents_style h1,#article .contents_style h2,#article .contents_style h3{margin:2rem 0 1rem;font-weight:400;letter-spacing:-0.01em;color:var(--text);scroll-margin-top:140px}#article .contents_style h1{font-size:25.92px;line-height:1.42;color:var(--text-color)}#article .contents_style h2{font-size:23.04px;line-height:1.44;color:var(--text-color)}#article .contents_style h3{font-size:20px;line-height:1.46;color:var(--text-color)}#article .contents_style ul,#article .contents_style ol{padding-left:1.6rem;margin:0 0 1.2em}#article .contents_style ul{list-style-type:disc}#article .contents_style ul ul{list-style-type:circle;margin:0.25em 0}#article .contents_style ul ul ul{list-style-type:square}#article .contents_style ol{list-style-type:decimal}#article .contents_style ol ol{list-style-type:lower-alpha;margin:0.25em 0}#article .contents_style li{margin:0.35em 0;list-style-type:inherit}#article .contents_style ul li::marker{color:var(--primary-color)}#article .contents_style ol li::marker{color:var(--primary-color);font-weight:600}#article .contents_style hr{border:none;height:1px;background:var(--border);margin:2.2rem 0}#article .contents_style figure{margin:1.8rem 0}#article .contents_style figure img{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);transition:transform 0.3s ease}#article .contents_style figure img:hover{transform:scale(1.01)}#article .contents_style figcaption{margin-top:0.75rem;font-size:0.85rem;color:var(--text-muted);text-align:center}#article .contents_style table{width:100%;border-collapse:separate;border-spacing:0;margin:1.4rem 0 1.8rem;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border);background:transparent;box-shadow:none}.dark #article .contents_style table{background:rgba(0,0,0,0.18)}#article .contents_style th,#article .contents_style td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;font-size:0.92rem}#article .contents_style tr:last-child td{border-bottom:none}#article .contents_style th{font-weight:600;background:var(--surface-2);color:var(--text-color);text-transform:uppercase;font-size:0.85rem;letter-spacing:0.05em}#article .contents_style tr:hover td{background:var(--surface-soft)}#article .contents_style blockquote,#article .contents_style blockquote[data-ke-style]{position:relative;border-left:none;border-radius:var(--radius-lg);padding:1.4rem 1.6rem;background:var(--surface-2);color:var(--text-color);border:1px solid var(--border);box-shadow:inset 3px 0 0 0 var(--accent);font-style:normal;font-weight:500}#article .contents_style blockquote::before,#article .contents_style blockquote[data-ke-style]::before{display:none}#article .contents_style blockquote.quote-style-1{box-shadow:inset 3px 0 0 0 var(--accent);background:var(--surface-2);border:1px solid var(--border)}#article .contents_style blockquote.quote-style-2{box-shadow:inset 0 0 0 1px rgba(228,87,46,0.24);background:linear-gradient(135deg,rgba(228,87,46,0.18),rgba(228,87,46,0.06));border:0}#article .contents_style blockquote.quote-style-3{box-shadow:none;border:1px dashed rgba(100,116,139,0.55);background:rgba(148,163,184,0.14);font-style:italic}#article .contents_style blockquote.quote-style-4{box-shadow:inset 0 0 0 1px rgba(148,163,184,0.28);border:0;background:#0f172a;color:#e2e8f0}.dark #article .contents_style blockquote.quote-style-2{box-shadow:inset 0 0 0 1px rgba(255,122,85,0.34);background:linear-gradient(135deg,rgba(255,122,85,0.28),rgba(255,122,85,0.08))}.dark #article .contents_style blockquote.quote-style-3{border-color:rgba(148,163,184,0.48);background:rgba(30,41,59,0.62)}#article .contents_style mark{background:linear-gradient(120deg,rgba(228,87,46,0.2),rgba(228,87,46,0.05));color:inherit;padding:0.1em 0.25em;border-radius:0.35rem}#article .contents_style pre{position:relative;border-radius:12px;border:1px solid rgba(255,255,255,0.08);background:#1e1e1e;box-shadow:0 10px 30px rgba(0,0,0,0.15);overflow:hidden;margin:1.8rem 0 2.2rem;padding-top:36px}#article .contents_style pre::before{content:'';position:absolute;top:14px;left:14px;width:12px;height:12px;border-radius:50%;background:#ff5f56;box-shadow:20px 0 0 #ffbd2e,40px 0 0 #27c93f;z-index:2}#article .contents_style pre[data-code-label]::after{content:attr(data-code-label);position:absolute;top:12px;right:84px;font-size:0.68rem;line-height:1;letter-spacing:0.06em;color:#a8b8d0;border:1px solid rgba(148,163,184,0.28);border-radius:999px;padding:5px 8px;background:rgba(15,23,42,0.65);z-index:2}#article .contents_style pre[data-code-lang]:not([data-code-label])::after{content:attr(data-code-lang);position:absolute;top:12px;right:84px;font-size:0.68rem;line-height:1;letter-spacing:0.06em;color:#a8b8d0;border:1px solid rgba(148,163,184,0.28);border-radius:999px;padding:5px 8px;background:rgba(15,23,42,0.65);z-index:2}#article .contents_style pre code,#article .contents_style pre code.hljs{background:transparent;color:var(--code-text);font-family:"Source Code Pro",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:0.9rem;line-height:1.75;padding:1.25rem;display:block;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}#article .contents_style code:not(:where(pre *)){background:rgba(228,87,46,0.12);border:1px solid rgba(228,87,46,0.2);color:var(--accent);font-weight:600;border-radius:6px;padding:0.1rem 0.35rem}.dark #article .contents_style code:not(:where(pre *)){background:rgba(255,122,85,0.18);border-color:rgba(255,122,85,0.35);color:#ffb8a4}#article .contents_style pre.has-copy{padding-top:1rem}#article .contents_style pre.has-copy code{padding-top:2.2rem}#article .contents_style .code-copy{position:absolute;top:12px;right:12px;border:1px solid rgba(255,255,255,0.25);background:rgba(15,23,42,0.8);color:#e2e8f0;border-radius:999px;padding:4px 10px;font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;opacity:0;transform:translateY(-6px);transition:opacity 0.2s ease,transform 0.2s ease,background-color 0.2s ease}#article .contents_style pre.has-copy:hover .code-copy,#article .contents_style pre.has-copy:focus-within .code-copy{opacity:1;transform:translateY(0)}#article .contents_style .code-copy.is-copied{background:rgba(46,160,67,0.85);border-color:rgba(46,160,67,0.9);color:#ffffff}.post-nav{margin-top:32px;display:grid;gap:12px}@media (min-width:768px){.post-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}.post-nav a{border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 18px;display:flex;flex-direction:column;gap:6px;background:rgba(255,255,255,0.78);box-shadow:var(--shadow-xs);transition:border-color 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease}.dark .post-nav a{background:rgba(17,24,39,0.62)}.post-nav a:hover{border-color:rgba(228,87,46,0.35);box-shadow:var(--shadow-md)}.dark .post-nav a:hover{border-color:rgba(255,122,85,0.45)}.post-nav .nav-label{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-muted)}.post-nav .nav-title{font-weight:600;font-size:0.95rem}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:rgba(15,23,42,0.08);z-index:200}.reading-progress__bar{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),rgba(228,87,46,0.7));box-shadow:0 0 14px rgba(228,87,46,0.55);transition:width 0.1s ease}.dark .reading-progress{background:rgba(255,255,255,0.08)}.dark .reading-progress__bar{background:linear-gradient(90deg,var(--accent),rgba(255,122,85,0.7));box-shadow:0 0 14px rgba(255,122,85,0.5)}@media (max-width:640px){.post .content{padding:1.25rem}#global-header .info{padding:2rem 1.25rem 1.4rem}#post-header .info{padding:2.2rem 1.4rem 1.9rem}#post-header.has-cover{min-height:360px;padding:1.5rem 1rem;border-radius:var(--radius-lg)}#post-header.has-cover .info{padding:2.2rem 1.4rem}}.sidebar-toggle-row{display:none !important}