*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gap: clamp(1rem, 6vw, 3rem);--content-gap: 20px;--nav-width: 1300px;--main-width: 1100px;--header-height: 60px;--footer-height: 60px;--radius: 4px;--theme: rgb(255, 255, 255);--entry: rgb(255, 255, 255);--primary: rgb(30, 30, 30);--secondary: rgb(108, 108, 108);--border: rgb(238, 238, 238);--code-block-bg: rgb(40, 40, 40);--hljs-bg: rgb(40, 40, 40);--link: rgb(30, 30, 30);--link-hover: rgb(0, 0, 0);--tag-bg: rgba(0, 0, 0, .05);--tag-color: rgb(50, 50, 50)}[data-theme=dark]{--theme: rgb(29, 30, 32);--entry: rgb(36, 39, 41);--primary: rgb(218, 218, 219);--secondary: rgb(150, 150, 150);--border: rgb(55, 58, 60);--code-block-bg: rgb(30, 30, 30);--link: rgb(218, 218, 219);--link-hover: rgb(255, 255, 255);--tag-bg: rgba(255, 255, 255, .07);--tag-color: rgb(200, 200, 200)}html{color-scheme:light dark}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:18px;line-height:1.6;background:var(--theme);color:var(--primary);min-height:100svh;display:flex;flex-direction:column;transition:background .3s ease,color .3s ease}.container{max-width:calc(var(--nav-width) + 2 * var(--gap));margin:0 auto;padding:0 var(--gap)}main{max-width:calc(var(--main-width) + 2 * var(--gap));margin:0 auto;padding:var(--gap);flex:1;width:100%}body>header{background:var(--theme);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-inner{max-width:calc(var(--nav-width) + 2 * var(--gap));padding:0 var(--gap);height:var(--header-height);display:flex;align-items:center;justify-content:space-between;margin:0 auto;gap:20px}.logo a{font-size:1.3rem;font-weight:700;text-decoration:none;color:var(--primary)}.logo a:hover{color:var(--link-hover)}nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}nav a{font-size:1.25rem;text-decoration:none;color:var(--secondary);padding:4px 10px;border-radius:var(--radius);transition:background .2s,color .2s}nav a:hover{background:var(--tag-bg);color:var(--primary)}.theme-toggle{background:none;border:none;cursor:pointer;color:var(--secondary);font-size:1.1rem;padding:4px 8px;border-radius:var(--radius);transition:color .2s;display:flex;align-items:center}.theme-toggle:hover{color:var(--primary)}footer{border-top:1px solid var(--border);padding:16px var(--gap);text-align:center;font-size:.8rem;color:var(--secondary)}footer a{color:var(--secondary)}footer a:hover{color:var(--primary)}.profile{margin-bottom:2rem}.profile h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.profile p{color:var(--secondary);margin-bottom:1rem}.social-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:2rem}.social-links a{font-size:.85rem;color:var(--secondary);text-decoration:none;padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s,color .2s}.social-links a:hover{color:var(--primary);border-color:var(--secondary)}.post-list{list-style:none}.post-list li{border-top:1px solid var(--border);padding:20px 0}.post-list li:last-child{border-bottom:1px solid var(--border)}.post-entry{display:block;text-decoration:none;color:inherit}.post-entry h2{font-size:1.15rem;font-weight:600;margin-bottom:6px;line-height:1.4;color:var(--primary);transition:color .2s}.post-entry:hover h2{color:var(--link-hover);text-decoration:underline}.post-summary{font-size:.9rem;color:var(--secondary);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-meta{font-size:.8rem;color:var(--secondary);display:flex;gap:12px;flex-wrap:wrap;align-items:center}.post-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.tag{font-size:.75rem;background:var(--tag-bg);color:var(--tag-color);padding:2px 8px;border-radius:var(--radius);text-decoration:none;transition:background .2s}.tag:hover{background:#0000001a}[data-theme=dark] .tag:hover{background:#ffffff1f}.article-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.article-header h1{font-size:1.8rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.article-meta{font-size:.85rem;color:var(--secondary);display:flex;gap:14px;flex-wrap:wrap;margin-bottom:.75rem}.article-content{font-size:1rem;line-height:1.75}.article-content h2{font-size:1.35rem;font-weight:600;margin:2rem 0 .75rem}.article-content h3{font-size:1.1rem;font-weight:600;margin:1.5rem 0 .5rem}.article-content p{margin-bottom:1rem}.article-content a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.article-content a:hover{color:var(--link-hover)}.article-content code{font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.85em;background:var(--tag-bg);padding:2px 5px;border-radius:3px}.article-content pre{background:var(--code-block-bg)!important;border-radius:6px;padding:1rem 1.25rem;overflow-x:auto;margin:1.25rem 0;font-size:.85rem;line-height:1.6}.article-content pre code{background:transparent;padding:0;font-size:inherit}.article-content ul,.article-content ol{padding-left:1.5rem;margin-bottom:1rem}.article-content li{margin-bottom:.25rem}.article-content blockquote{border-left:3px solid var(--border);padding-left:1rem;color:var(--secondary);font-style:italic;margin:1.25rem 0}.article-content img:not(.banner-img),.content img:not(.banner-img){display:block;width:100%;max-width:auto;height:auto;object-fit:contain;object-position:top;border-radius:8px;margin:2rem auto;border:1px solid var(--border)}.content h3{font-size:1.2rem;font-weight:600;margin:2rem 0 .75rem}.content ul,.content ol{padding-left:1.75rem;margin-bottom:1.5rem}.content li{margin-bottom:.6rem;line-height:1.8}.content strong{font-weight:600;color:var(--primary)}.content code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.85em;background:var(--tag-bg);padding:2px 6px;border-radius:4px}.content blockquote{border-left:3px solid var(--border);padding-left:1rem;color:var(--secondary);font-style:italic;margin:1.5rem 0}.content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}.content th,.content td{padding:10px 16px;border:1px solid var(--border);text-align:left;line-height:1.5}.content th{background:var(--tag-bg);font-weight:600;color:var(--primary)}.content td{color:var(--secondary)}.content tr:hover td{background:var(--tag-bg);color:var(--primary)}.banner-img{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:500px!important;object-fit:contain!important;border-radius:12px!important;margin:0 auto 2.5rem!important;border:1px solid var(--border)!important}.article-content table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}.article-content th,.article-content td{padding:8px 12px;border:1px solid var(--border);text-align:left}.article-content th{background:var(--tag-bg);font-weight:600}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.9rem}.pagination a{color:var(--secondary);text-decoration:none;padding:6px 14px;border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s,color .2s}.pagination a:hover{color:var(--primary);border-color:var(--secondary)}.page-num{color:var(--secondary)}.tags-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:1.5rem}.tag-item{display:flex;align-items:center;gap:6px;background:var(--tag-bg);color:var(--tag-color);text-decoration:none;padding:6px 14px;border-radius:var(--radius);font-size:.9rem;transition:background .2s}.tag-item:hover{background:#00000014}[data-theme=dark] .tag-item:hover{background:#ffffff1a}.tag-count{font-size:.75rem;color:var(--secondary)}.page-content{line-height:1.75}.page-content h2{font-size:1.3rem;font-weight:600;margin:1.75rem 0 .5rem}.page-content p{margin-bottom:1rem}.page-content ul{padding-left:1.5rem;margin-bottom:1rem}.page-content li{margin-bottom:.3rem}.search-wrap{margin-bottom:2rem}#search-input{width:100%;padding:10px 14px;font-size:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--entry);color:var(--primary);outline:none;transition:border-color .2s}#search-input:focus{border-color:var(--secondary)}.archive-year{font-size:1.2rem;font-weight:600;margin:2rem 0 .75rem;color:var(--secondary)}.archive-list{list-style:none}.archive-list li{display:flex;gap:16px;padding:6px 0;font-size:.92rem;border-bottom:1px dashed var(--border)}.archive-date{color:var(--secondary);flex-shrink:0}.archive-title a{color:var(--primary);text-decoration:none}.archive-title a:hover{text-decoration:underline}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;margin:2rem 0;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media (max-width: 640px){body{font-size:16px}.header-inner{flex-wrap:wrap;height:auto;padding:10px var(--gap);gap:8px}nav{gap:2px}nav a{font-size:.82rem;padding:3px 7px}.profile h1{font-size:1.5rem}.article-header h1{font-size:1.4rem}}