:root{--max-width: 720px;--bg: #ffffff;--surface: #f9fafb;--text: #222;--sub: #6b7280;--border: #e5e7eb;--accent: #e99700;--shadow: rgba(0, 0, 0, .15)}body.dark{--bg: #0f172a;--surface: #1e293b;--text: #f1f5f9;--sub: #94a3b8;--border: #334155;--accent: #f5be4c;--shadow: rgba(0, 0, 0, .5)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.9}.overlay{position:fixed;inset:0;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:.3s ease;z-index:4000}body.toc-open .overlay{opacity:1;pointer-events:auto}.toc{position:fixed;top:0;left:0;width:320px;height:100vh;padding:100px 30px;overflow-y:auto;background:#ffffffd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate(-100%);transition:transform .3s ease;z-index:5000;box-shadow:4px 0 40px var(--shadow)}body.dark .toc{background:#0f172ad9}body.toc-open .toc{transform:translate(0)}.toc a{display:block;margin:8px 0;text-decoration:none;color:var(--sub)}.toc a:hover,.toc a.active{color:var(--text);font-weight:600}.toc .h2{padding-left:12px}.toc .h3{padding-left:24px;font-size:.9rem}.toc-toggle{position:fixed;top:20px;left:20px;z-index:6000;display:flex;align-items:center;gap:12px;padding:10px 18px;border-radius:999px;border:2px solid var(--accent);background:var(--surface);color:var(--text);font-weight:600;cursor:pointer;box-shadow:0 6px 20px var(--shadow);transition:.25s ease}.toc-toggle:hover{background:var(--accent);color:#fff}.icon{font-size:18px}.article{max-width:var(--max-width);margin:100px auto;padding:0 24px}.thumbnail{width:100%;border-radius:12px;margin-bottom:40px}#post-body img{display:block;width:100%;max-width:100%;height:auto;margin-top:24px;margin-bottom:24px;border-radius:8px}#post-title{font-size:2.2rem;line-height:1.3;margin:12px 0 16px;color:var(--text)}.post-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:32px;color:var(--sub);font-size:.9rem}.post-tags{display:flex;flex-wrap:wrap;gap:8px}.post-tag{background:var(--surface);color:var(--sub);padding:2px 10px;border-radius:6px;font-size:.8rem;font-weight:500;border:1px solid var(--border)}#post-body a,#markdown-content a{color:var(--accent);text-decoration-thickness:.08em;text-underline-offset:.16em}#post-body a:hover,#markdown-content a:hover{opacity:.85}.toc-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;margin:40px 0}.toc-box ul{list-style:none;padding:0;margin:0}.toc-box li{margin:6px 0}.toc-box a{text-decoration:none;color:var(--sub)}.toc-box a:hover{color:var(--text)}.toc-box .h2{padding-left:12px}.toc-box .h3{padding-left:24px;font-size:.9rem}.toc .h4,.toc-box .h4{padding-left:32px;font-size:.85rem}@media(max-width:768px){.toc{width:85%}#post-body img{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}.table-scroll{width:100%;overflow-x:auto;margin:32px 0;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:.95rem}.table-scroll>table{width:max-content;min-width:100%;margin:0}th,td{padding:12px 16px;border:1px solid var(--border);text-align:left}th{background:var(--surface);font-weight:600}tr:nth-child(2n) td{background:var(--surface)}blockquote{border-left:4px solid var(--accent);margin:24px 0;padding:12px 20px;color:var(--sub);background:var(--surface);border-radius:0 8px 8px 0}input[type=checkbox]{accent-color:var(--accent);margin-right:6px}.back-link{position:fixed;top:20px;left:20px;z-index:6000;display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500;text-decoration:none;color:var(--sub);padding:9px 18px 9px 14px;border-radius:999px;border:2px solid var(--border);background:var(--surface);box-shadow:0 4px 12px var(--shadow);transition:all .2s ease}.back-link svg{width:16px;height:16px;flex-shrink:0;stroke:currentColor}.back-link:hover{color:var(--accent);border-color:var(--accent);transform:translate(-3px);box-shadow:0 6px 18px var(--shadow)}body:has(.back-link) .toc-toggle{left:148px}.site-footer-bottom{text-align:center;padding:32px 24px 48px;font-size:.8rem;color:var(--sub);border-top:1px solid var(--border)}.site-footer-bottom a{color:var(--accent);text-decoration:none}.page-loader{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--accent);z-index:9999;display:none;border-radius:0 2px 2px 0}.page-loader.loading{display:block;animation:loader-advance 1.4s ease-in-out infinite alternate}.page-loader.done{display:block;width:100%!important;animation:none;transition:opacity .4s ease .15s;opacity:0}@keyframes loader-advance{0%{width:15%;opacity:1}to{width:82%;opacity:1}}@media print{.back-link,.floating-home-link,.toc-toggle,.toc,.overlay,.logo-switches,#theme-toggle,#page-loader,.search-wrap,#active-category-bar,#password-overlay,.password-overlay,#search-clear,#active-category-clear{display:none!important}body{background:#fff!important;color:#000!important;--bg: #fff !important;--surface: #f9fafb !important;--text: #222 !important;--sub: #555 !important;--border: #ccc !important;--accent: #b87300 !important;--shadow: none !important}body.dark{background:#fff!important;color:#000!important}.article{margin:24px auto!important;padding:0 16px!important;max-width:100%!important}.post-header{margin:24px auto 0!important;padding:0 16px 24px!important}.profile-hero{margin:24px auto 0!important;padding:24px 16px!important}.posts-section{margin:0 auto 24px!important;padding:0 16px!important}.card,.profile-link,.back-link,.floating-home-link,.toc-toggle,.toc-box,blockquote,.post-tag,#theme-toggle{box-shadow:none!important;background:transparent!important}.card{border:1px solid #ccc!important;break-inside:avoid;page-break-inside:avoid}.toc-box{border:1px solid #ccc!important;background:#f9fafb!important}blockquote{background:#f9fafb!important;border-left:3px solid #b87300!important}.post-tag{border:1px solid #ccc!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;break-after:avoid}img,figure,.thumbnail,.card{page-break-inside:avoid;break-inside:avoid}pre,code,table,blockquote{page-break-inside:avoid;break-inside:avoid}pre{background:#f5f5f5!important;border:1px solid #ddd!important;white-space:pre-wrap!important;word-wrap:break-word!important}code{background:#f5f5f5!important;color:#000!important}a[href]:after{content:" (" attr(href) ")";font-size:.85em;color:#555;word-break:break-all}a[href^="#"]:after,a[href^="javascript:"]:after{content:none!important}table{font-size:.9rem}th,td{border:1px solid #ccc!important}th{background:#f5f5f5!important}.site-footer-bottom{border-top:1px solid #ccc!important;color:#555!important;padding:16px 0!important}#post-content{display:block!important}#post-loading,#post-error{display:none!important}.home-container{display:block!important}.card{display:block!important;margin-bottom:16px!important;break-inside:avoid;page-break-inside:avoid}.card-img-wrap{height:auto!important;max-height:120px!important;overflow:hidden}.card-img-wrap img{max-height:120px!important;width:auto!important}.thumbnail{max-height:200px!important;width:auto!important;object-fit:cover}}