:root{--sidebar-width: 260px;--right-width: 240px;--color-bg: #1a1a1e;--color-bg-secondary: #222228;--color-bg-card: #26262c;--color-text: #d4d4d8;--color-text-muted: #71717a;--color-border: #2e2e36;--color-accent: #7c9eba;--color-accent-hover: #a5c0d8;--color-sidebar-bg: #1c1c22;--color-sidebar-text: #a1a1aa;--color-sidebar-active: #e4e4e7;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", "Noto Sans JP", sans-serif;--font-mono: "Fira Code", "Cascadia Code", monospace;--radius: 8px;--radius-sm: 4px}@media (prefers-color-scheme: light){:root{--color-bg: #f5f5f7;--color-bg-secondary: #ebebee;--color-bg-card: #ffffff;--color-text: #18181b;--color-text-muted: #71717a;--color-border: #e4e4e7;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-sidebar-bg: #ffffff;--color-sidebar-text: #52525b;--color-sidebar-active: #18181b}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.7;font-size:16px;display:flex;min-height:100vh}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--color-sidebar-bg);border-right:1px solid var(--color-border);overflow-y:auto;z-index:100;display:flex;flex-direction:column}.sidebar-inner{display:flex;flex-direction:column;height:100%;padding:2rem 1.25rem}.sidebar-profile{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border);margin-bottom:1rem}.avatar-link{display:block;margin-bottom:1rem}.avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border);background:var(--color-bg-secondary)}.sidebar-title{font-size:1.1rem;font-weight:700;margin-bottom:.35rem}.sidebar-title a{color:var(--color-sidebar-active)}.sidebar-title a:hover{color:var(--color-accent)}.sidebar-subtitle{font-size:.8rem;color:var(--color-text-muted);font-style:italic;margin-bottom:.75rem;line-height:1.4}.lang-switch{display:flex;gap:.4rem;margin-top:.25rem}.lang-switch a{font-size:.75rem;color:var(--color-text-muted);padding:.15rem .5rem;border-radius:999px;border:1px solid var(--color-border)}.lang-switch a.active,.lang-switch a:hover{color:var(--color-sidebar-active);border-color:var(--color-accent);background:transparent}.sidebar-nav{flex:1}.sidebar-nav ul{list-style:none;display:flex;flex-direction:column;gap:.15rem}.sidebar-nav a{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:var(--radius-sm);color:var(--color-sidebar-text);font-size:.95rem;transition:background .15s,color .15s}.sidebar-nav a:hover,.sidebar-nav a.active{background:var(--color-bg-secondary);color:var(--color-sidebar-active)}.nav-icon svg{width:18px;height:18px;flex-shrink:0}.sidebar-footer{padding-top:1.25rem;border-top:1px solid var(--color-border)}.social-links{display:flex;gap:.75rem;justify-content:center}.social-links a{color:var(--color-text-muted);display:flex;align-items:center;transition:color .15s}.social-links a:hover{color:var(--color-sidebar-active)}.social-links svg{width:20px;height:20px}.sidebar-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:200;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.4rem;cursor:pointer;color:var(--color-text)}.sidebar-toggle svg{width:20px;height:20px;display:block}.layout-main{margin-left:var(--sidebar-width);flex:1;display:flex;min-height:100vh;max-width:calc(100vw - var(--sidebar-width))}.main-content{flex:1;padding:2rem 2.5rem;max-width:760px;min-width:0}.right-panel{width:var(--right-width);flex-shrink:0;padding:2rem 1.25rem 2rem 0;display:flex;flex-direction:column;gap:1.5rem}.panel-section{display:flex;flex-direction:column;gap:.5rem}.search-section{gap:0}.search-box{position:relative;display:flex;align-items:center;margin-bottom:.5rem}.search-icon{position:absolute;left:.55rem;width:14px;height:14px;color:var(--color-text-muted);pointer-events:none;flex-shrink:0}.search-input{width:100%;padding:.45rem 2rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.82rem;font-family:var(--font-sans);outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--color-accent)}.search-input::-webkit-search-cancel-button{display:none}.search-clear{position:absolute;right:.4rem;background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:0;display:flex;align-items:center}.search-clear:hover{color:var(--color-text)}.search-clear svg{width:13px;height:13px}.search-results{list-style:none;display:flex;flex-direction:column;gap:.6rem;min-height:0}.search-results li{display:flex;flex-direction:column;gap:.1rem}.search-results a{font-size:.85rem;color:var(--color-text);line-height:1.4}.search-results a:hover{color:var(--color-accent)}.search-results mark{background:transparent;color:var(--color-accent);font-weight:600}.search-meta{font-size:.72rem;color:var(--color-text-muted)}.search-no-result{font-size:.82rem;color:var(--color-text-muted)}.panel-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:600;padding-bottom:.5rem;border-bottom:1px solid var(--color-border);margin-bottom:.25rem}.recent-posts{list-style:none;display:flex;flex-direction:column;gap:.75rem}.recent-posts li{display:flex;flex-direction:column;gap:.15rem}.recent-posts a{font-size:.85rem;color:var(--color-text);line-height:1.4}.recent-posts a:hover{color:var(--color-accent)}.recent-posts time{font-size:.75rem;color:var(--color-text-muted)}.tag-cloud{display:flex;flex-wrap:wrap;gap:.4rem}.tag-chip{font-size:.75rem;background:var(--color-bg-secondary);color:var(--color-sidebar-text);border:1px solid var(--color-border);border-radius:999px;padding:.2rem .6rem;display:inline-flex;align-items:center;gap:.3rem;transition:border-color .15s,color .15s}.tag-chip:hover{color:var(--color-sidebar-active);border-color:var(--color-accent)}.tag-count{color:var(--color-text-muted);font-size:.7rem}.post-list{display:flex;flex-direction:column}.post-card{padding:1.5rem 0;border-bottom:1px solid var(--color-border)}.post-card:first-child{border-top:1px solid var(--color-border)}.post-card-inner{display:flex;align-items:stretch;gap:1.25rem;min-height:120px}.post-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.4rem;justify-content:center}.post-card-cover{flex-shrink:0;width:200px;height:120px;border-radius:var(--radius);overflow:hidden}.post-card-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;image-rendering:auto;-ms-interpolation-mode:bicubic}.post-card-cover:hover img{transform:scale(1.05)}.post-card-title{font-size:1.15rem;font-weight:600;line-height:1.4}.post-card-title a{color:var(--color-text)}.post-card-title a:hover{color:var(--color-accent)}.post-card-desc{font-size:.9rem;color:var(--color-text-muted);line-height:1.6}.post-card-meta{display:flex;gap:1rem;margin-top:.25rem}.meta-item{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--color-text-muted)}.meta-icon{width:13px;height:13px;flex-shrink:0}.section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:0;font-weight:600}.post-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.post-title{font-size:1.75rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.post-meta{font-size:.85rem;color:var(--color-text-muted);display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.post-cover{width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius);margin-bottom:1.5rem}.post-content{line-height:1.8}.post-content h2{font-size:1.35rem;margin:2rem 0 .75rem;padding-bottom:.4rem;border-bottom:1px solid var(--color-border)}.post-content h3{font-size:1.15rem;margin:1.5rem 0 .5rem}.post-content p{margin-bottom:1.25rem}.post-content ul,.post-content ol{margin:0 0 1.25rem 1.5rem}.post-content li{margin-bottom:.3rem}.post-content blockquote{border-left:3px solid var(--color-accent);padding:.5rem 1rem;margin:1.25rem 0;color:var(--color-text-muted);background:var(--color-bg-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.post-content pre{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem;overflow-x:auto;margin-bottom:1.25rem;font-size:.875rem}.post-content code{font-family:var(--font-mono);font-size:.875em;background:var(--color-bg-secondary);padding:.15em .35em;border-radius:3px;color:var(--color-text)}.post-content pre code{background:none;padding:0}.post-content img{max-width:100%;border-radius:var(--radius);margin:1rem 0}.post-content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.post-content hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}.post-content table{width:100%;border-collapse:collapse;margin-bottom:1.25rem;font-size:.9rem}.post-content th,.post-content td{border:1px solid var(--color-border);padding:.5rem .75rem;text-align:left}.post-content th{background:var(--color-bg-secondary)}.post-footer{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.post-footer a{font-size:.9rem}.category-tag{background:var(--color-bg-secondary);color:var(--color-text-muted);padding:.1rem .5rem;border-radius:999px;font-size:.75rem;border:1px solid var(--color-border)}.page-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.cat-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.cat-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .8rem;border-radius:999px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:.85rem;cursor:pointer;transition:border-color .15s,color .15s,background .15s;font-family:var(--font-sans)}.cat-chip:hover{color:var(--color-sidebar-active);border-color:var(--color-accent)}.cat-chip.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.cat-chip-count{font-size:.75rem;opacity:.75}.category-list{display:flex;flex-direction:column;gap:2rem}.category-group-title{font-size:1rem;font-weight:600;color:var(--color-text-muted);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.category-count{font-size:.75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:999px;padding:.1rem .5rem}.archive-year{margin-bottom:2rem}.archive-year-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--color-text-muted)}.archive-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.archive-item{display:flex;gap:1rem;align-items:baseline}.archive-date{font-size:.8rem;color:var(--color-text-muted);white-space:nowrap;min-width:80px}.archive-link{font-size:.95rem;color:var(--color-text)}.archive-link:hover{color:var(--color-accent)}.about-content{max-width:640px}.about-content p{margin-bottom:1rem}@media (max-width: 1200px){.right-panel{display:none}}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:flex}.layout-main{margin-left:0;max-width:100vw;padding-top:3.5rem}.main-content{padding:1.25rem 1rem}.post-title{font-size:1.4rem}.post-card-inner{flex-direction:column;min-height:auto;gap:.75rem}.post-card-cover{order:-1;width:100%;height:180px}.post-card-title{font-size:1rem}}.lang-switch a.lang-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}