/*
  PaperMod v8+
  License: MIT https://github.com/adityatelange/hugo-PaperMod/blob/master/LICENSE
  Copyright (c) 2020 nanxiaobei and adityatelange
  Copyright (c) 2021-2026 adityatelange
*/
:root{--gap:24px;--content-gap:20px;--nav-width:1024px;--main-width:720px;--header-height:60px;--footer-height:60px;--radius:8px;--theme:rgb(255, 255, 255);--entry:rgb(255, 255, 255);--primary:rgb(30, 30, 30);--secondary:rgb(108, 108, 108);--tertiary:rgb(214, 214, 214);--content:rgb(31, 31, 31);--code-block-bg:rgb(28, 29, 33);--code-bg:rgb(245, 245, 245);--border:rgb(238, 238, 238);color-scheme:light}:root[data-theme=dark]{--theme:rgb(29, 30, 32);--entry:rgb(46, 46, 51);--primary:rgb(218, 218, 219);--secondary:rgb(155, 156, 157);--tertiary:rgb(65, 66, 68);--content:rgb(196, 196, 197);--code-block-bg:rgb(46, 46, 51);--code-bg:rgb(55, 56, 62);--border:rgb(51, 51, 51);color-scheme:dark}.list{background:var(--code-bg)}[data-theme=dark] .list{background:var(--theme)}*,::after,::before{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;overflow-y:scroll;-webkit-text-size-adjust:100%;text-size-adjust:100%}a,button,body,h1,h2,h3,h4,h5,h6{color:var(--primary)}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;font-size:18px;line-height:1.6;word-break:break-word;background:var(--theme)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section,table{display:block}h1,h2,h3,h4,h5,h6{line-height:1.2}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}ul{padding:0}a{text-decoration:none}body,figure,ul{margin:0}table{width:100%;border-collapse:collapse;border-spacing:0;overflow-x:auto;word-break:keep-all}button,input,textarea{padding:0;font:inherit;background:0 0;border:0}input,textarea{outline:0}button,input[type=button],input[type=submit]{cursor:pointer}input:-webkit-autofill,textarea:-webkit-autofill{box-shadow:0 0 0 50px var(--theme)inset}img{display:block;max-width:100%}.not-found{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;height:80%;font-size:160px;font-weight:700}.archive-posts{width:100%;font-size:16px}.archive-year{margin-top:40px}.archive-year:not(:last-of-type){border-bottom:2px solid var(--border)}.archive-month{display:flex;align-items:flex-start;padding:10px 0}.archive-month-header{margin:25px 0;width:200px}.archive-month:not(:last-of-type){border-bottom:1px solid var(--border)}.archive-entry{position:relative;padding:5px;margin:10px 0}.archive-entry-title{margin:5px 0;font-weight:400}.archive-count,.archive-meta{color:var(--secondary);font-size:14px}.footer,.top-link{font-size:12px;color:var(--secondary)}.footer{max-width:calc(var(--main-width) + var(--gap) * 2);margin:auto;padding:calc((var(--footer-height) - var(--gap))/2)var(--gap);text-align:center;line-height:24px}.footer span{margin-inline-start:1px;margin-inline-end:1px}.footer span:last-child{white-space:nowrap}.footer a{color:inherit;text-underline-offset:.25rem;text-decoration:underline}.top-link{position:fixed;bottom:4rem;right:2rem;z-index:99;background:var(--tertiary);width:2.5rem;height:2.5rem;padding:10px;border-radius:64px;transition:visibility .3s,opacity .3s cubic-bezier(.4,0,1,1)}.hidden{visibility:hidden;opacity:0}.top-link,.top-link svg{filter:drop-shadow(0 0 0 var(--theme))}.footer a:hover,.top-link:hover{color:var(--primary)}.header-nav{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:calc(var(--nav-width) + var(--gap) * 2);margin:auto;line-height:var(--header-height);padding:0 var(--gap);column-gap:var(--gap)}.header-nav a{display:block}.logo,.menu{display:flex}.logo{align-items:center;column-gap:.55rem;flex-wrap:wrap}.logo a{font-size:24px;font-weight:700;display:flex;align-items:center;column-gap:.55rem}.logo a img,.logo a svg{pointer-events:none;border-radius:6px}.theme-toggle{padding:0 .4rem}[data-theme=dark] .moon{display:none}[data-theme=light] .sun{display:none}.logo-switches{display:inline-flex;gap:.4rem;align-items:inherit;min-height:stretch;flex-wrap:inherit}.logo-switches>*{min-height:inherit;align-items:center;display:inline-flex}.lang-menu *{display:inherit;min-height:inherit;align-items:inherit}.lang-menu a{font-size:1rem;font-weight:500;padding:0 .4rem;display:inline-flex}.menu{list-style:none;word-break:keep-all;overflow-x:auto;white-space:nowrap;column-gap:var(--gap)}.menu a{font-size:16px}.menu .active{font-weight:500;text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:2px}.main{position:relative;min-height:calc(100vh - var(--header-height) - var(--footer-height));max-width:calc(var(--main-width) + var(--gap) * 2);margin:auto;padding:var(--gap)}.page-header h1{font-size:40px}.pagination{display:flex}.pagination a{color:var(--theme);font-size:13px;line-height:36px;background:var(--primary);border-radius:calc(36px/2);padding:0 16px}.pagination .next{margin-inline-start:auto}.social-icons a{display:inline-flex;padding:10px}.social-icons a svg{height:26px;width:26px}code{direction:ltr}div.highlight,pre{position:relative}.copy-code{display:none;position:absolute;top:4px;right:4px;color:rgba(255,255,255,.8);background:rgba(78,78,78,.8);border-radius:var(--radius);padding:0 5px;font-size:14px;user-select:none}div.highlight:hover .copy-code,pre:hover .copy-code{display:block}.md-content h3,.md-content h4,.md-content h5,.md-content h6{margin:24px 0 16px}.md-content h1{margin:40px auto 32px;font-size:40px}.md-content h2{margin:32px auto 24px;font-size:32px}.md-content h3{font-size:24px}.md-content h4{font-size:16px}.md-content h5{font-size:14px}.md-content h6{font-size:12px}.md-content a:not(.anchor){text-underline-offset:.3rem;text-decoration:underline}.md-content del{text-decoration:line-through}.md-content dl:not(:last-child),.md-content ol:not(:last-child),.md-content p:not(:last-child),.md-content figure:not(:last-child),.md-content ul:not(:last-child){margin-bottom:var(--content-gap)}.md-content ol,.md-content ul{padding-inline-start:1.25rem}.md-content li{margin-top:.3rem}.md-content li p{margin-bottom:0}.md-content dl{display:flex;flex-wrap:wrap;margin:0}.md-content dt{width:25%;font-weight:700}.md-content dd{width:75%;margin-inline-start:0;padding-inline-start:10px}.md-content dd~dd,.md-content dt~dt{margin-top:10px}.md-content table{margin-bottom:var(--content-gap)}.md-content table th,.md-content table:not(.highlighttable,.highlight table,.gist .highlight) td{min-width:80px;padding:6px 13px;line-height:1.5;border:1px solid var(--border)}.md-content table th{text-align:start}.md-content table:not(.highlighttable) td code:only-child{margin:auto 0}.md-content .highlight table{border-radius:var(--radius)}.md-content .highlight:not(table){margin-bottom:var(--content-gap);background:var(--code-block-bg) !important;border-radius:var(--radius);direction:ltr}.md-content li>.highlight{margin-inline-end:0}.md-content ul pre{margin-inline-start:calc(var(--gap) * -2)}.md-content .highlight pre{margin:0}.md-content .highlighttable{table-layout:fixed}.md-content .highlighttable td:first-child{width:40px}.md-content .highlighttable td .linenodiv{padding-inline-end:0 !important}.md-content .highlighttable td .highlight,.md-content .highlighttable td .linenodiv pre{margin-bottom:0}.post-content code{padding:.2rem .3rem;font-size:.78em;line-height:1.5;background:var(--code-bg);border-radius:.2rem}.md-content pre code{display:grid;margin:auto 0;padding:10px;color:#d5d5d6;background:var(--code-block-bg) !important;border-radius:var(--radius);overflow-x:auto;word-break:break-all}.md-content blockquote{margin:1rem 0;padding-inline-start:1rem;border-inline-start:.3rem solid var(--content)}.md-content hr{margin:30px 0;height:2px;background:var(--tertiary);border:0}.md-content iframe{max-width:100%}.md-content img{border-radius:var(--radius);margin:1rem 0}.md-content img[src*="#center"]{margin:1rem auto}.md-content figure.align-center{text-align:center}.md-content figure>figcaption{color:var(--primary);font-size:16px;font-weight:700;margin:8px 0 16px}.md-content figure>figcaption>p{color:var(--secondary);font-size:14px;font-weight:400}.md-content h1:hover .anchor,.md-content h2:hover .anchor,.md-content h3:hover .anchor,.md-content h4:hover .anchor,.md-content h5:hover .anchor,.md-content h6:hover .anchor{display:inline-flex;color:var(--secondary);margin-inline-start:.5em;font-weight:500;user-select:none}.anchor:hover{color:var(--content) !important}.md-content img.in-text{display:inline;margin:auto}mark{border-radius:2px;padding:0 2px}audio{display:block;width:100%;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;height:2.5rem;margin-bottom:var(--content-gap)}audio::-webkit-media-controls-enclosure{border-radius:0}video{border:1px solid var(--code-bg);border-radius:var(--radius);max-width:100%}.first-entry{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:320px;margin:var(--gap)0 calc(var(--gap) * 2)}.first-entry .entry-header{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.first-entry .entry-header h1{font-size:34px;line-height:1.3}.first-entry .entry-header h2{font-size:40px}.first-entry .entry-content{margin:14px 0;font-size:16px;-webkit-line-clamp:3}.first-entry .entry-footer{font-size:14px}.home-info .entry-content{--content-gap:0.5rem;-webkit-line-clamp:unset;margin:0}.home-info .social-icons a:first-of-type{padding-inline-start:0}.post-entry{position:relative;margin-bottom:var(--gap);padding:var(--gap);background:var(--entry);border-radius:var(--radius);transition:transform .25s ease;border:1px solid var(--border)}.post-entry:hover,.post-entry:focus-within{transform:translateY(-2px);border-color:var(--tertiary)}.tag-entry .entry-cover{display:none}.entry-header h2{font-size:24px;line-height:1.3}.entry-content{margin:8px 0;color:var(--secondary);font-size:14px;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-info .entry-content p{margin-block-start:1em;margin-block-end:1em}.entry-footer{color:var(--secondary);font-size:13px}.entry-link{position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--radius)}.entry-hint{color:var(--secondary)}.entry-hint-parent{display:flex;justify-content:space-between}.entry-cover{font-size:14px;margin-bottom:var(--gap);text-align:center;display:flex;flex-direction:column;gap:.5rem}.entry-cover img{border-radius:var(--radius);width:100%;height:auto}.entry-cover a{text-underline-offset:.3rem;text-decoration:underline}.page-header,.post-header{margin:24px auto var(--content-gap)}.post-title{font-size:40px}.post-description{margin-top:10px}.post-meta{margin-top:5px}.post-meta,.breadcrumbs{color:var(--secondary);font-size:14px}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem}.breadcrumbs a{font-size:16px}.breadcrumbs svg{height:1em}.i18n_list{display:inline-flex}.post-meta .i18n_list li{list-style:none;margin:auto 3px}.post-meta a,.toc a:hover{text-underline-offset:.3rem;text-decoration:underline}.post-meta a{color:var(--secondary);text-decoration-style:dotted}details.toc{margin-bottom:var(--content-gap);background:var(--code-bg);border-radius:var(--radius);border:1px solid var(--border)}[data-theme=dark] details.toc{background:var(--entry)}details.toc summary{padding:.5rem 1.2rem;border-radius:var(--radius)}details summary{cursor:pointer;display:list-item;width:100%;margin-inline-start:0;user-select:none}details .title{display:inline;font-weight:500;margin-inline-start:.2rem}details{interpolate-size:allow-keywords}details::details-content{height:0;opacity:0;overflow:clip;transition:height 150ms ease,opacity 150ms ease,content-visibility 150ms allow-discrete}details[open]::details-content{height:auto;opacity:1}details .inner{margin:0 2.4rem;padding-bottom:.6rem}details li ul{margin-inline-start:var(--gap)}.post-content{color:var(--content);margin:30px 0}.post-footer{margin-top:var(--content-gap)}.post-footer>*{margin-bottom:10px}.post-tags{display:flex;flex-wrap:wrap;gap:10px}.post-tags li{display:inline-block}.post-tags a,.share-buttons,.paginav{border-radius:var(--radius);background:var(--code-bg);border:1px solid var(--border)}.post-tags a{display:block;padding:0 14px;color:var(--secondary);font-size:14px;line-height:34px;background:var(--code-bg)}.post-tags a:hover,.paginav a:hover{background:var(--border)}.share-buttons{padding:10px;display:flex;justify-content:center;overflow-x:auto;gap:10px}.share-buttons li,.share-buttons a{display:inline-flex}.share-buttons a:not(:last-of-type){margin-inline-end:12px}.paginav{display:flex;line-height:1.2}.paginav .title{letter-spacing:1px;text-transform:uppercase;font-size:.8rem;color:var(--secondary)}.paginav a{width:50%;display:flex;flex-direction:column;gap:.5rem;padding:.8rem;border-radius:var(--radius)}.paginav span:hover:not(.title){text-underline-offset:.2rem;text-decoration:underline}.paginav .next{margin-inline-start:auto;text-align:right}[dir=rtl] .paginav .next{text-align:left}h1>a>svg{display:inline}.buttons,.main .profile{display:flex;justify-content:center}.main .profile{align-items:center;min-height:calc(100vh - var(--header-height) - var(--footer-height) - (var(--gap) * 2));text-align:center}.profile .profile_inner{display:flex;flex-direction:column;align-items:center;gap:1rem}.profile img{border-radius:50%}.buttons{flex-wrap:wrap;max-width:400px;gap:1rem}.button{background:var(--tertiary);border-radius:var(--radius);padding:.4rem .8rem}.searchbox input{padding:4px 10px;width:100%;color:var(--primary);font-weight:700;border:2px solid var(--tertiary);border-radius:var(--radius)}.searchResults li{list-style:none;border-radius:var(--radius);padding:10px 15px;position:relative;font-weight:500;display:flex;align-items:center;justify-content:space-between;background:var(--entry);transition:transform .25s ease;border:1px solid var(--border)}.searchResults{margin:var(--content-gap)0;width:100%;display:flex;flex-direction:column;gap:10px}.searchResults li:hover,.searchResults li:focus-within{transform:translateY(-2px);border-color:var(--tertiary)}.searchResults li .entry-link:focus{outline:2px solid var(--secondary);outline-offset:-2px}.terms-tags{display:flex;flex-wrap:wrap;gap:1em;margin-top:var(--content-gap)}.terms-tags li{display:inline-block;font-weight:500}.terms-tags a{display:block;padding:4px 10px;background:var(--tertiary);border-radius:var(--radius);transition:transform .1s}.bg{color:#cad3f5;background-color:#24273a}.chroma{color:#cad3f5;background-color:#24273a}.chroma .x{}.chroma .err{color:#ed8796}.chroma .cl{}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#474733}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#8087a2}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#8087a2}.chroma .line{display:flex}.chroma .k{color:#c6a0f6}.chroma .kc{color:#f5a97f}.chroma .kd{color:#ed8796}.chroma .kn{color:#8bd5ca}.chroma .kp{color:#c6a0f6}.chroma .kr{color:#c6a0f6}.chroma .kt{color:#ed8796}.chroma .n{}.chroma .na{color:#8aadf4}.chroma .nb{color:#91d7e3}.chroma .bp{color:#91d7e3}.chroma .nc{color:#eed49f}.chroma .no{color:#eed49f}.chroma .nd{color:#8aadf4;font-weight:700}.chroma .ni{color:#8bd5ca}.chroma .ne{color:#f5a97f}.chroma .nf{color:#8aadf4}.chroma .fm{color:#8aadf4}.chroma .nl{color:#91d7e3}.chroma .nn{color:#f5a97f}.chroma .nx{}.chroma .py{color:#f5a97f}.chroma .nt{color:#c6a0f6}.chroma .nv{color:#f4dbd6}.chroma .vc{color:#f4dbd6}.chroma .vg{color:#f4dbd6}.chroma .vi{color:#f4dbd6}.chroma .vm{color:#f4dbd6}.chroma .l{}.chroma .ld{}.chroma .s{color:#a6da95}.chroma .sa{color:#ed8796}.chroma .sb{color:#a6da95}.chroma .sc{color:#a6da95}.chroma .dl{color:#8aadf4}.chroma .sd{color:#6e738d}.chroma .s2{color:#a6da95}.chroma .se{color:#8aadf4}.chroma .sh{color:#6e738d}.chroma .si{color:#a6da95}.chroma .sx{color:#a6da95}.chroma .sr{color:#8bd5ca}.chroma .s1{color:#a6da95}.chroma .ss{color:#a6da95}.chroma .m{color:#f5a97f}.chroma .mb{color:#f5a97f}.chroma .mf{color:#f5a97f}.chroma .mh{color:#f5a97f}.chroma .mi{color:#f5a97f}.chroma .il{color:#f5a97f}.chroma .mo{color:#f5a97f}.chroma .o{color:#91d7e3;font-weight:700}.chroma .ow{color:#91d7e3;font-weight:700}.chroma .p{}.chroma .c{color:#6e738d;font-style:italic}.chroma .ch{color:#6e738d;font-style:italic}.chroma .cm{color:#6e738d;font-style:italic}.chroma .c1{color:#6e738d;font-style:italic}.chroma .cs{color:#6e738d;font-style:italic}.chroma .cp{color:#6e738d;font-style:italic}.chroma .cpf{color:#6e738d;font-weight:700;font-style:italic}.chroma .g{}.chroma .gd{color:#ed8796;background-color:#363a4f}.chroma .ge{font-style:italic}.chroma .gr{color:#ed8796}.chroma .gh{color:#f5a97f;font-weight:700}.chroma .gi{color:#a6da95;background-color:#363a4f}.chroma .go{}.chroma .gp{}.chroma .gs{font-weight:700}.chroma .gu{color:#f5a97f;font-weight:700}.chroma .gt{color:#ed8796}.chroma .gl{text-decoration:underline}.chroma .w{}.chroma{background-color:unset !important}.chroma .hl{display:flex}.chroma .lnt{padding:0 0 0 12px}.highlight pre.chroma code{padding:8px 0}.highlight pre.chroma .line .cl,.chroma .ln{padding:0 10px}.chroma .lntd:last-of-type{width:100%}@media screen and (max-width:768px){:root{--gap:14px}.profile img{transform:scale(.85)}.first-entry{min-height:260px}.archive-month{flex-direction:column}.archive-year{margin-top:20px}.footer{padding:calc((var(--footer-height) - var(--gap) - 10px)/2)var(--gap)}}@media screen and (max-width:900px){.list .top-link{transform:translateY(-5rem)}}@media screen and (max-width:340px){.share-buttons{justify-content:unset}}@media(prefers-reduced-motion){.terms-tags a:active,.button:active,.post-entry:active,.top-link,.searchResults .focus,.searchResults li:active{transform:none}}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--container-sm:640px;--container-md:768px;--container-lg:1100px;--container-xl:1400px;--container-2xl:1600px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono:"SF Mono", "Fira Code", "JetBrains Mono", "Cascadia Code", Consolas, monospace;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:1.75;--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.04);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-glow-blue:0 0 20px rgba(14, 165, 233, 0.15);--shadow-glow-orange:0 0 20px rgba(245, 158, 11, 0.15);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce:cubic-bezier(0.34, 1.56, 0.64, 1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--brand-blue:#0ea5e9;--brand-blue-light:#38bdf8;--brand-blue-dark:#0284c7;--brand-orange:#f59e0b;--brand-orange-light:#fbbf24;--brand-pink:#ec4899;--brand-pink-light:#f472b6;--brand-teal:#14b8a6;--brand-violet:#8b5cf6;--brand-green:#22c55e;--brand-red:#ef4444;--gradient-brand:linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-violet) 50%, var(--brand-pink) 100%);--gradient-warm:linear-gradient(135deg, var(--brand-orange) 0%, var(--brand-pink) 100%);--gradient-cool:linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-teal) 100%);--gradient-text:linear-gradient(135deg, #fff 0%, var(--brand-blue-light) 40%, var(--brand-orange-light) 100%);--gradient-hero:radial-gradient(ellipse 80% 50% at 50% -20%, rgba(14, 165, 233, 0.12), transparent)}:root{--bg-primary:#f8fafc;--bg-secondary:#ffffff;--bg-tertiary:#f1f5f9;--bg-elevated:rgba(255, 255, 255, 0.8);--text-primary:#18181b;--text-secondary:#52525b;--text-tertiary:#71717a;--text-muted:#a1a1aa;--border-subtle:rgba(0, 0, 0, 0.06);--border-default:rgba(0, 0, 0, 0.08);--border-hover:rgba(14, 165, 233, 0.3);--accent-blue:var(--brand-blue);--accent-blue-subtle:rgba(14, 165, 233, 0.08);--accent-orange:var(--brand-orange);--accent-orange-subtle:rgba(245, 158, 11, 0.08);--code-bg:#f4f4f5;--code-block-bg:#fafafa;--card-bg:rgba(255, 255, 255, 0.7);--nav-bg:rgba(250, 250, 250, 0.85);--hero-bg:linear-gradient(180deg, #fafafa 0%, #f4f4f5 100%);--footer-bg:#fafafa}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-elevated:rgba(30, 41, 59, 0.8);--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#64748b;--border-subtle:rgba(148, 163, 184, 0.1);--border-default:rgba(148, 163, 184, 0.15);--border-hover:rgba(14, 165, 233, 0.4);--accent-blue:var(--brand-blue-light);--accent-blue-subtle:rgba(14, 165, 233, 0.15);--accent-orange:var(--brand-orange-light);--accent-orange-subtle:rgba(245, 158, 11, 0.15);--code-bg:#1e293b;--code-block-bg:#0f172a;--card-bg:rgba(51, 65, 85, 0.5);--nav-bg:rgba(15, 23, 42, 0.95);--hero-bg:#0f172a;--gradient-hero:radial-gradient(ellipse 80% 60% at 50% 0%, rgba(14, 165, 233, 0.15), transparent 70%);--footer-bg:#0f172a}.main{padding-top:0;max-width:100% !important;margin:0 !important;width:100% !important}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:16px;line-height:var(--leading-relaxed);color:var(--text-secondary);background:var(--bg-primary) !important;transition:background-color var(--duration-normal)var(--ease-out),color var(--duration-normal)var(--ease-out)}html,body,.header,.nav{transition:background-color var(--duration-normal)var(--ease-out),color var(--duration-normal)var(--ease-out),border-color var(--duration-normal)var(--ease-out),box-shadow var(--duration-normal)var(--ease-out)}.header{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-4);transition:all var(--duration-normal)var(--ease-out)}.header.scrolled{box-shadow:var(--shadow-lg);border-bottom-color:transparent}.header-nav{max-width:var(--container-xl);margin:0 auto;padding:var(--space-2)0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.logo{display:flex;align-items:center;gap:var(--space-3)}.logo-link{display:flex;align-items:center;gap:0;text-decoration:none;transition:opacity var(--duration-fast)var(--ease-out)}.logo-link:hover{opacity:.85}.logo-link{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-decoration:none;transition:opacity var(--duration-fast)var(--ease-out)}.logo-link:hover{opacity:.75}.logo-primary{font-size:1.375rem;font-weight:var(--font-extrabold);letter-spacing:-.04em;color:var(--text-primary);line-height:1}.logo-secondary{font-size:.5rem;font-weight:var(--font-medium);letter-spacing:.38em;color:var(--text-muted);line-height:1}@keyframes brandPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}#menu{display:flex;align-items:center;gap:var(--space-1);list-style:none;margin:0;padding:0}#menu a{font-weight:var(--font-medium);font-size:.875rem;color:var(--text-secondary);padding:var(--space-2)var(--space-3);border-radius:var(--radius-full);text-decoration:none;transition:all var(--duration-fast)var(--ease-out);position:relative}#menu a:hover{color:var(--text-primary);background:var(--bg-tertiary)}#menu a.active{color:var(--brand-blue);background:var(--accent-blue-subtle)}.logo-switches{display:flex;align-items:center}.theme-toggle,#theme-toggle{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:0 0;border:none;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast)var(--ease-out)}.theme-toggle:hover,#theme-toggle:hover{background:var(--bg-tertiary);color:var(--brand-blue);transform:rotate(15deg)}.theme-toggle svg,#theme-toggle svg{width:18px;height:18px}.hero-section{position:relative;min-height:calc(100vh - 101px);max-height:calc(100vh - 101px);display:flex;align-items:center;padding:var(--space-6)var(--space-4);background:var(--hero-bg);overflow:hidden}.hero-section::before{content:"";position:absolute;inset:0;background:var(--gradient-hero);pointer-events:none}.hero-container{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-8);max-width:var(--container-lg);margin:0 auto;width:100%;align-items:center}.hero-left{text-align:left}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);background:var(--accent-blue-subtle);border:1px solid var(--border-subtle);color:var(--brand-blue);font-size:.875rem;font-weight:var(--font-semibold);margin-bottom:var(--space-6);backdrop-filter:blur(8px)}.pulse{width:6px;height:6px;border-radius:var(--radius-full);background:var(--brand-teal);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.hero-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:var(--font-extrabold);line-height:var(--leading-tight);margin-bottom:var(--space-5);letter-spacing:-.03em;color:var(--text-primary)}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:1.125rem;color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);max-width:480px}.hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-6)}.btn-glow{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);border-radius:var(--radius-md);background:var(--gradient-brand);color:#fff;font-weight:var(--font-semibold);font-size:1rem;text-decoration:none;transition:all var(--duration-normal)var(--ease-bounce);box-shadow:var(--shadow-md),var(--shadow-glow-blue);border:none;position:relative;overflow:hidden}.btn-glow::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity var(--duration-normal)var(--ease-out)}.btn-glow:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow-blue)}.btn-glow:hover::before{opacity:1}.btn-outline{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);border-radius:var(--radius-md);background:0 0;color:var(--text-secondary);font-weight:var(--font-semibold);font-size:1rem;text-decoration:none;transition:all var(--duration-normal)var(--ease-out);border:1px solid var(--border-default)}.btn-outline:hover{border-color:var(--brand-orange);color:var(--brand-orange);background:var(--accent-orange-subtle)}.social-icons{display:flex;gap:var(--space-2)}.social-icons a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all var(--duration-normal)var(--ease-bounce)}.social-icons a:hover{background:var(--gradient-brand);color:#fff;border-color:transparent;transform:translateY(-2px)scale(1.05);box-shadow:var(--shadow-md)}.social-icons a svg{width:20px;height:20px}.hero-right{display:flex;justify-content:flex-end;align-items:center}.terminal-window{width:100%;max-width:380px;background:#0d1117;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,4%)inset;overflow:hidden;font-family:var(--font-mono);font-size:.8125rem;line-height:1.6}.terminal-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background:rgba(255,255,255,3%);border-bottom:1px solid rgba(255,255,255,6%)}.terminal-dots{display:flex;gap:6px}.terminal-dots .dot{width:10px;height:10px;border-radius:var(--radius-full)}.terminal-dots .dot.red{background:#ff5f56}.terminal-dots .dot.yellow{background:#ffbd2e}.terminal-dots .dot.green{background:#27c93f}.terminal-title{flex:1;text-align:center;color:rgba(148,163,184,.6);font-size:.75rem;margin-right:46px}.terminal-body{padding:var(--space-4);color:#e6edf3;font-size:.875rem;line-height:1.7}.terminal-line{margin-bottom:4px;white-space:nowrap}.terminal-line:last-child{margin-bottom:0}.terminal-prompt{color:#7d8590;margin-right:4px}.terminal-cursor{color:var(--brand-blue-light);margin-right:6px;font-weight:var(--font-bold)}.terminal-command{color:#e6edf3}.terminal-output{color:#8b949e}.terminal-output .terminal-success{color:#3fb950}.terminal-comment{color:#6e7681;font-style:italic}.terminal-cursor-blink{color:var(--brand-blue-light);animation:cursorBlink 1s step-end infinite}@keyframes cursorBlink{0%,100%{opacity:1}50%{opacity:0}}.stats-section{padding:var(--space-7)var(--space-4);max-width:var(--container-xl);margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5)var(--space-4);text-align:center;transition:all var(--duration-normal)var(--ease-out);position:relative;overflow:hidden}.stat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-brand);opacity:0;transition:opacity var(--duration-normal)var(--ease-out)}.stat-card:hover{transform:translateY(-3px);border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.stat-card:hover::before{opacity:1}.stat-number{font-size:2.5rem;font-weight:var(--font-extrabold);background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-1);line-height:var(--leading-none)}.stat-label{font-size:.875rem;color:var(--text-tertiary);font-weight:var(--font-medium)}.section-header{text-align:center;margin-bottom:var(--space-7)}.section-title{font-size:1.875rem;font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.02em}.section-subtitle{font-size:1rem;color:var(--text-tertiary)}.featured-section{padding:var(--space-7)var(--space-4);max-width:var(--container-lg);margin:0 auto}.featured-scroll{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.featured-scroll-card{flex:unset;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);text-decoration:none;transition:all var(--duration-normal)var(--ease-out);box-shadow:var(--shadow-sm);scroll-snap-align:start}.featured-scroll-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.featured-scroll-card[data-category=tutorials]:hover{box-shadow:var(--shadow-lg),var(--shadow-glow-blue)}.featured-scroll-card[data-category=cases]:hover{box-shadow:var(--shadow-lg),var(--shadow-glow-orange)}.featured-scroll-icon{font-size:2rem;line-height:1;margin-bottom:var(--space-3)}.featured-scroll-content h3{font-size:1rem;font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2);line-height:var(--leading-snug)}.featured-scroll-content p{font-size:.875rem;color:var(--text-tertiary);line-height:var(--leading-relaxed)}.featured-tag{display:inline-block;padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-semibold);margin-bottom:var(--space-2);letter-spacing:.02em}.tag-blue{background:var(--accent-blue-subtle);color:var(--brand-blue)}.tag-orange{background:var(--accent-orange-subtle);color:var(--brand-orange)}.tag-pink{background:rgba(236,72,153,.1);color:var(--brand-pink)}.tag-teal{background:rgba(20,184,166,.1);color:var(--brand-teal)}.categories-section{padding:var(--space-7)var(--space-4);max-width:var(--container-xl);margin:0 auto}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.category-card{display:block;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:all var(--duration-normal)var(--ease-out);box-shadow:var(--shadow-sm)}.category-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.category-visual{height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-blue-subtle),var(--accent-orange-subtle));transition:all var(--duration-normal)var(--ease-out)}.category-card:hover .category-visual{background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(245,158,11,8%))}.category-emoji{font-size:2rem;transition:transform var(--duration-slow)var(--ease-bounce)}.category-card:hover .category-emoji{transform:scale(1.1)rotate(-3deg)}.category-info{padding:var(--space-4)}.category-info h3{font-size:1rem;font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.category-info p{font-size:.875rem;color:var(--text-tertiary);margin-bottom:var(--space-2)}.category-arrow{font-size:1.25rem;color:var(--brand-blue);transition:transform var(--duration-normal)var(--ease-out)}.category-card:hover .category-arrow{transform:translateX(4px);color:var(--brand-orange)}.timeline-section{padding:var(--space-7)var(--space-4);max-width:var(--container-xl);margin:0 auto}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);position:relative}.timeline::before{content:"";position:absolute;top:20px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-orange));opacity:.2}.timeline-item{text-align:center;position:relative}.timeline-marker{width:auto;min-width:56px;height:40px;border-radius:var(--radius-full);background:var(--gradient-brand);color:#fff;font-size:.875rem;font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3);position:relative;z-index:1;box-shadow:var(--shadow-md);padding:0 var(--space-3)}.timeline-future .timeline-marker{background:var(--bg-secondary);color:var(--text-tertiary);border:2px dashed var(--border-default);box-shadow:none}.timeline-content h4{font-size:1rem;font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.timeline-content p{font-size:.875rem;color:var(--text-tertiary);line-height:var(--leading-relaxed)}.cta-section{position:relative;padding:var(--space-8)var(--space-4);text-align:center;background:linear-gradient(180deg,transparent 0%,var(--accent-blue-subtle) 50%,transparent 100%)}.cta-content{position:relative;z-index:1;max-width:640px;margin:0 auto}.cta-content h2{font-size:2rem;font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-3);letter-spacing:-.02em}.cta-content p{font-size:1.0625rem;color:var(--text-secondary);margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.cta-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.bento-section{padding:var(--space-7)var(--space-4);max-width:var(--container-xl);margin:0 auto}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.bento-card{position:relative;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-normal)var(--ease-out);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.bento-card:hover{transform:translateY(-3px);border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.bento-card[data-category=tutorials]:hover{box-shadow:var(--shadow-lg),var(--shadow-glow-blue)}.bento-card[data-category=cases]:hover{box-shadow:var(--shadow-lg),var(--shadow-glow-orange)}.bento-card .entry-link{position:absolute;inset:0;z-index:1}.bento-cover-placeholder{height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);background:linear-gradient(135deg,var(--accent-blue-subtle),var(--accent-orange-subtle));border-bottom:1px solid var(--border-subtle);position:relative;overflow:hidden}.bento-card[data-category=cases] .bento-cover-placeholder{background:linear-gradient(135deg,var(--accent-orange-subtle),rgba(236,72,153,8%))}.bento-card[data-category=tools] .bento-cover-placeholder{background:linear-gradient(135deg,rgba(236,72,153,8%),rgba(139,92,246,8%))}.bento-card[data-category=about] .bento-cover-placeholder{background:linear-gradient(135deg,rgba(139,92,246,8%),var(--accent-blue-subtle))}.bento-cover-emoji{font-size:2.5rem;line-height:1}.bento-cover-label{font-size:.6875rem;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary)}.bento-large{grid-column:span 2;flex-direction:row;align-items:stretch}.bento-large .bento-cover-placeholder{width:40%;height:auto;border-bottom:none;border-right:1px solid var(--border-subtle)}.bento-large .bento-content{flex:1;padding:var(--space-5)}.bento-large .bento-title{font-size:1.375rem}.bento-large .bento-summary{-webkit-line-clamp:4}.bento-wide{grid-column:span 2}.bento-content{padding:var(--space-4);flex:1;display:flex;flex-direction:column}.bento-meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:.75rem}.bento-category{text-transform:uppercase;letter-spacing:.06em;font-weight:var(--font-bold);font-size:.6875rem;padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);background:var(--accent-blue-subtle);color:var(--brand-blue)}.bento-card[data-category=cases] .bento-category{background:var(--accent-orange-subtle);color:var(--brand-orange)}.bento-card[data-category=tools] .bento-category{background:rgba(236,72,153,.1);color:var(--brand-pink)}.bento-card[data-category=about] .bento-category{background:rgba(139,92,246,.1);color:var(--brand-violet)}.bento-date{color:var(--text-muted)}.bento-title{font-size:1.0625rem;font-weight:var(--font-bold);line-height:var(--leading-snug);margin-bottom:var(--space-2)}.bento-title a{color:var(--text-primary);text-decoration:none;transition:color var(--duration-fast)var(--ease-out);position:relative;z-index:2}.bento-title a:hover{color:var(--brand-blue)}.bento-summary{font-size:.875rem;color:var(--text-tertiary);line-height:var(--leading-relaxed);margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.bento-footer{font-size:.75rem;color:var(--text-muted);margin-top:auto}.footer{border-top:1px solid var(--border-subtle);padding:0;margin-top:var(--space-9);background:var(--footer-bg);width:100% !important;max-width:100% !important}.footer-inner{max-width:var(--container-lg);margin:0 auto;padding:var(--space-7)var(--space-4)var(--space-5)}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-6);margin-bottom:var(--space-6)}.footer-brand{max-width:320px;text-align:left}.footer-brand-name{font-size:1.125rem;font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.footer-brand-name::before{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:var(--gradient-brand);box-shadow:0 0 8px rgba(14,165,233,.4)}.footer-brand-desc{font-size:.875rem;color:var(--text-tertiary);line-height:var(--leading-relaxed)}.footer-links{display:flex;gap:var(--space-8);flex-wrap:wrap}.footer-links-col h4{font-size:.75rem;font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.08em}.footer-links-col a{display:block;font-size:.875rem;color:var(--text-tertiary);text-decoration:none;padding:var(--space-1)0;transition:all var(--duration-fast)var(--ease-out)}.footer-links-col a:hover{color:var(--brand-blue);padding-left:var(--space-1)}.footer-quote{text-align:center;padding:var(--space-5)0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-5)}.footer-quote p{font-size:1rem;color:var(--text-secondary);font-style:italic;line-height:var(--leading-relaxed)}.footer-quote .quote-author{font-size:.875rem;color:var(--text-muted);margin-top:var(--space-2);font-style:normal}.footer-bottom{display:flex;justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;font-size:.8125rem;color:var(--text-muted);text-align:center}.footer-bottom a{color:var(--text-muted);text-decoration:none;transition:color var(--duration-fast)var(--ease-out)}.footer-bottom a:hover{color:var(--brand-blue)}.footer-now{display:inline-flex;align-items:center;gap:var(--space-2)}.footer-now .now-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--brand-teal);animation:pulse 2s infinite}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.hero-section{animation:fadeInUp .6s var(--ease-out)both}.stats-section{animation:fadeInUp .6s var(--ease-out).1s both}.featured-section{animation:fadeInUp .6s var(--ease-out).2s both}.categories-section{animation:fadeInUp .6s var(--ease-out).3s both}.timeline-section{animation:fadeInUp .6s var(--ease-out).4s both}.cta-section{animation:fadeInUp .6s var(--ease-out).5s both}.bento-section{animation:fadeInUp .6s var(--ease-out).6s both}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);border:2px solid transparent;background-clip:padding-box}::selection{background:rgba(14,165,233,.2);color:var(--text-primary)}@media(max-width:1100px){.hero-container{grid-template-columns:1fr;gap:var(--space-7);text-align:center}.hero-left{text-align:center}.hero-desc{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.social-icons{justify-content:center}.hero-right{order:1;justify-content:center}.terminal-window{max-width:420px;transform:none}.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-large{grid-column:span 2;flex-direction:row}.bento-large .bento-cover-placeholder{width:35%}}@media(max-width:1024px){.categories-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.timeline::before{display:none}.footer-top{flex-direction:column}.footer-links{gap:var(--space-5);width:100%;justify-content:space-between}}@media(max-width:768px){:root{--space-8:48px;--space-9:64px}.header{padding:0 var(--space-4)}.header-nav{padding:var(--space-2)0}#menu{gap:var(--space-1)}#menu a{padding:var(--space-1)var(--space-2);font-size:.8125rem}.hero-section{min-height:auto;padding:var(--space-7)var(--space-4)}.hero-title{font-size:2rem}.hero-desc{font-size:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:2rem}.categories-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr;gap:var(--space-5)}.section-title{font-size:1.5rem}.cta-content h2{font-size:1.5rem}.bento-grid{grid-template-columns:1fr}.bento-large,.bento-wide{grid-column:span 1;flex-direction:column}.bento-large .bento-cover-placeholder{width:100%;height:140px;border-right:none;border-bottom:1px solid var(--border-subtle)}.bento-large .bento-content{padding:var(--space-4)}.bento-large .bento-title{font-size:1.125rem}.footer-links{gap:var(--space-5)}.footer-bottom{flex-direction:column;text-align:center}}@media(max-width:480px){.hero-actions{flex-direction:column;align-items:center}.btn-glow,.btn-outline{width:100%;max-width:280px;justify-content:center}.cta-actions{flex-direction:column;align-items:center}.featured-scroll-card{flex:0 0 260px}}.post-single .post-content,.post-single .post-header,.post-single .post-body,.post-single .post-footer,article.post-single>div,article.post-single>header,article.post-single>footer{max-width:760px;margin-left:auto;margin-right:auto}body article.post-single>div.post-content{max-width:760px;margin:30px auto}.page-header,.compact-list,.main>.post-content{max-width:760px;margin-left:auto;margin-right:auto}.compact-entry{padding:var(--space-5)0;border-bottom:1px solid var(--border-subtle)}.compact-entry:first-child{padding-top:var(--space-4)}.compact-entry:last-child{border-bottom:none}.compact-summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.875rem;color:var(--text-tertiary);line-height:var(--leading-relaxed);margin:var(--space-2)0 0}.post-single{position:relative}#TableOfContents{position:sticky;top:120px;max-height:calc(100vh - 140px);overflow-y:auto;font-size:.875rem}#TableOfContents ul{list-style:none;padding-left:var(--space-3);margin:0}#TableOfContents>ul{padding-left:0}#TableOfContents a{color:var(--text-tertiary);text-decoration:none;display:block;padding:3px 0;line-height:var(--leading-snug);transition:color var(--duration-fast)var(--ease-out);border-left:2px solid transparent;padding-left:var(--space-2)}#TableOfContents a:hover{color:var(--brand-blue);border-left-color:var(--brand-blue)}.hidden{display:none !important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}