:root{--bg-page:#f2f2f0;--bg-panel:#f8fbff;--bg-card:#ffffff;--text-main:#172033;--text-muted:#6f7b91;--line:rgba(52, 79, 124, 0.16);--line-strong:rgba(52, 79, 124, 0.34);--color-blue:#4f7fd9;--color-red:#d66542;--color-yellow:#df9139;--color-green:#3bedaf;--radius:18px;--shadow:0 18px 44px rgba(23, 32, 51, 0.12);--mono:"Consolas", "Courier New", monospace;--sans:"Inter", -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip}body{background:var(--bg-page);color:var(--text-main);font-family:var(--sans);font-size:17px;line-height:1.6}a{color:inherit}.main-nav{position:fixed;inset:0 0 auto 0;z-index:100;height:76px;display:flex;align-items:center;justify-content:flex-start;padding:0 3rem;background:rgba(248,251,255,.8);border-bottom:1px solid rgba(52,79,124,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.logo-link{text-decoration:none;display:inline-flex;align-items:center;gap:.65rem;font-weight:600;letter-spacing:-.02em}.logo-link span{font-weight:700;font-size:1.02rem;letter-spacing:.01em;color:#121822}.nav-search{position:relative;margin-left:.85rem;margin-right:.9rem;display:inline-flex;align-items:center}.nav-search-trigger{display:none;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.9);color:#7e889b;width:34px;height:34px;align-items:center;justify-content:center;cursor:pointer}.nav-search-icon{position:absolute;left:.78rem;top:50%;transform:translateY(-50%);color:#8b94a8;pointer-events:none;transition:.2s ease}.nav-search input{width:clamp(180px,21vw,270px);border:1px solid var(--line);background:rgba(255,255,255,.92);border-radius:999px;padding:.42rem .8rem .42rem 2rem;font-size:.86rem;outline:none;transition:width .28s ease,box-shadow .25s ease,border-color .25s ease}.nav-search input:focus{border-color:var(--line-strong);width:clamp(250px,29vw,360px);box-shadow:0 8px 20px rgba(22,34,59,.14)}.nav-search input::placeholder{color:rgba(111,123,145,.5)}.nav-search:focus-within .nav-search-icon{color:#c97824}.nav-links{margin-left:auto}.nav-icon{width:32px;height:32px;border-radius:8px;filter:drop-shadow(0 11px 18px rgba(26,38,64,.34))}.nav-links{list-style:none;display:flex;gap:1.5rem}.nav-toggle{display:none;width:40px;height:40px;margin-left:auto;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.85);align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer}.nav-toggle span{width:18px;height:2px;background:var(--text-main);border-radius:99px}.nav-links a{text-decoration:none;font-weight:400;color:#666;border-bottom:2px solid transparent;padding-bottom:.2rem;transition:.25s ease}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--text-main);border-bottom-color:var(--color-red)}.main-content-wrapper{min-height:calc(100vh - 76px);padding-top:76px}.main-footer{margin-top:4rem;border-top:3px solid var(--color-red);padding:6rem 1rem;text-align:center;background:#1a1a1a;color:rgba(255,255,255,.5);font-family:var(--mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500}.page-wrap{width:min(1180px,calc(100% - 3rem));margin:0 auto}.hero-banner{margin-top:1.6rem;min-height:300px;border-radius:28px;background-size:cover;background-position:50%;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.28);box-shadow:0 26px 44px rgba(23,32,51,.18)}.hero-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(18,22,26,.72) 0%,rgba(18,22,26,.25) 70%)}.hero-content{position:relative;z-index:1;height:100%;display:flex;align-items:end;padding:2.2rem}.hero-title{font-size:clamp(2.1rem,5vw,4.8rem);line-height:.9;letter-spacing:-.04em;color:#fff;text-transform:uppercase}.hero-title .dot{color:var(--color-red)}.search-area{margin:2rem 0 2.5rem;text-align:center}.search-area-inline{margin:0 0 1rem}.search-box{max-width:760px;position:relative;margin:0 auto}.search-box input{width:100%;border:1px solid rgba(79,127,217,.28);background:var(--bg-card);padding:.9rem 1.25rem;font-family:var(--mono);font-size:1rem;outline:none;border-radius:999px;box-shadow:0 10px 24px rgba(30,58,112,.12)}.search-box input:focus{border-color:var(--color-blue);box-shadow:0 0 0 4px rgba(79,127,217,.14),0 10px 24px rgba(30,58,112,.12)}.two-col{display:grid;grid-template-columns:260px 1fr;gap:2rem}.panel{background:var(--bg-panel);border:1px solid rgba(52,79,124,.12);border-radius:var(--radius);box-shadow:0 10px 30px rgba(23,32,51,8%)}.sidebar{padding:1.25rem;height:fit-content;position:sticky;top:92px}.sidebar-label{font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.6rem}.tag-filter{list-style:none}.tag-link{text-decoration:none;display:flex;justify-content:space-between;gap:.7rem;border-bottom:1px solid var(--line);padding:.78rem 0;font-size:.92rem;font-weight:600;color:var(--text-muted);transition:.2s ease}.tag-link.active,.tag-link:hover{color:var(--text-main);border-bottom-color:var(--line-strong)}.content-list{display:flex;flex-direction:column;gap:1rem}.search-status{color:var(--text-muted);margin-bottom:1rem;font-family:var(--mono);font-size:.85rem}.post-card{text-decoration:none;display:grid;grid-template-columns:280px 1fr;gap:1rem;padding:1rem;height:240px;border-radius:18px;border:1px solid var(--line);background:var(--bg-card);transition:.25s ease}.post-card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:var(--shadow)}.post-thumb{border-radius:14px;overflow:hidden;height:100%;background:#e9e7de;position:relative}.post-thumb img{width:100%;height:100%;object-fit:cover}.thumb-placeholder{width:100%;height:100%;display:grid;place-items:center;font-family:var(--mono);color:#a7acb4}.thumb-placeholder.search-type{font-size:clamp(1.35rem,2.6vw,2rem);font-weight:700;color:#8893a8;letter-spacing:.08em}.thumb-tag{position:absolute;top:.65rem;right:.65rem;background:rgba(15,18,22,.86);color:#fff;padding:.2rem .5rem;border-radius:999px;font-size:.68rem;font-family:var(--mono)}.post-meta{color:var(--text-muted);font-family:var(--mono);font-size:.76rem}.post-title{font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1.24;margin-top:.25rem;letter-spacing:-.02em;padding-bottom:.08em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-excerpt{margin-top:.65rem;color:var(--text-muted);font-size:.95rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more{margin-top:auto;font-family:var(--mono);font-size:.78rem;color:var(--color-blue);text-transform:uppercase;letter-spacing:.04em}.post-card>div:last-child{display:flex;flex-direction:column;overflow:hidden}.pagination{margin-top:1.4rem;display:flex;justify-content:space-between;align-items:center;gap:.8rem}.pag-link,.page-num-link{text-decoration:none;border:1px solid var(--line-strong);border-radius:999px;padding:.42rem .78rem;font-family:var(--mono);font-size:.76rem}.page-numbers{display:flex;gap:.45rem}.page-num-link.active{background:var(--text-main);color:#fff}.pag-link.disabled{opacity:.45}.home-hero{min-height:clamp(540px,78vh,760px);border-radius:26px;margin-top:1.5rem;position:relative;overflow:hidden;display:flex;align-items:end;border:1px solid rgba(255,255,255,.24);background-size:cover;background-position:50%}.home-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(20,28,40,.36),rgba(20,28,40,6%)),linear-gradient(0deg,rgba(118,126,138,.18),rgba(118,126,138,.18))}.home-hero-content{position:relative;z-index:1;width:100%;padding:3rem;display:flex;justify-content:space-between;align-items:end;gap:1rem}.home-title{font-size:clamp(2.3rem,7vw,5.5rem);line-height:.9;letter-spacing:-.045em;color:#fff}.home-subtitle{margin-top:.8rem;color:rgba(255,255,255,.78);max-width:460px}.hero-cta{text-decoration:none;background:var(--color-red);color:#fff;border-radius:999px;padding:.8rem 1.4rem;font-weight:700;white-space:nowrap}.section-card{margin-top:2.2rem;padding:1.45rem;border-radius:22px;border:1px solid var(--line);background:var(--bg-card);box-shadow:0 14px 34px rgba(23,32,51,8%)}.section-title{font-size:clamp(1.3rem,3vw,2.1rem);letter-spacing:-.03em;line-height:1.2;padding-bottom:.06em}.home-fun-grid{margin-top:1.2rem;display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.fun-card{min-height:190px;display:flex;flex-direction:column}.fun-card-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.fun-label{font-family:var(--mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.fun-action{border:1px solid var(--line);background:#fff;color:var(--text-muted);border-radius:999px;padding:.28rem .58rem;font-family:var(--mono);font-size:.72rem;cursor:pointer}.fun-quote{margin-top:.75rem;font-size:1.06rem;line-height:1.6}.daily-title{margin-top:.55rem;line-height:1.2;font-size:1.35rem}.daily-desc{margin-top:.55rem;color:var(--text-muted)}.goal-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.goal-item{border:1px solid var(--line);border-radius:12px;padding:1rem;background:#fff}.goal-item .num{font-family:var(--mono);color:var(--text-muted);font-size:.78rem}.goal-item strong{font-size:1.2rem}.tech-board{margin-top:2.2rem;padding:1.45rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.28);color:#fff;background:linear-gradient(130deg,rgba(40,60,54,.9),rgba(36,50,46,.88)),url(/images/tech-bg.png)50%/cover}.tech-row{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.22);padding:.9rem 0}.tech-row:last-child{border-bottom:0}.tech-left{display:flex;align-items:baseline;gap:.9rem}.tech-left .num{font-family:var(--mono);font-size:.78rem;opacity:.8}.tech-left h3{font-size:1.15rem}.tech-right{font-family:var(--mono);opacity:.86}.gallery-rows{margin-top:2.2rem}.gallery-row{position:relative;margin-top:1.1rem;z-index:1}.gallery-track{display:flex;gap:.9rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.2rem}.gallery-track::-webkit-scrollbar{display:none}.gallery-item{min-width:280px;width:280px;aspect-ratio:4/5;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#d7d8db;position:relative}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-caption{position:absolute;inset:auto 0 0 0;padding:.7rem;background:linear-gradient(to top,rgba(15,18,22,.72),rgba(15,18,22,0));color:#fff}.gallery-caption h4{font-size:.95rem;line-height:1.26;padding-bottom:.05em}.gallery-caption p{font-size:.76rem;opacity:.84}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:1px solid var(--line-strong);background:rgba(248,246,239,.86);cursor:pointer;z-index:8;pointer-events:auto}.gallery-nav.prev{left:-.5rem}.gallery-nav.next{right:-.5rem}.contact-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.contact-item{border:1px solid var(--line);border-radius:12px;padding:.9rem;background:#fff}.contact-label{color:var(--text-muted);font-family:var(--mono);font-size:.72rem;text-transform:uppercase}.contact-value{margin-top:.34rem;font-weight:700}.social-row{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.social-link{width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.icon-mask{width:22px;height:22px;background:var(--text-main);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.resource-group{margin-top:1.2rem}.resource-track-wrap{position:relative}.resource-title{font-family:var(--mono);text-transform:uppercase;color:var(--text-muted);margin-bottom:.7rem;letter-spacing:.07em;font-size:.8rem}.resource-track{display:flex;gap:.9rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.2rem;cursor:grab;scroll-behavior:smooth}.resource-track::-webkit-scrollbar{display:none}.resource-card{text-decoration:none;width:290px;min-width:290px;border-radius:16px;border:1px solid var(--line);background:var(--bg-card);overflow:hidden;display:block}.track-nav{position:absolute;top:45%;transform:translateY(-50%);width:40px;height:40px;border-radius:999px;border:1px solid var(--line-strong);background:rgba(255,255,255,.92);color:var(--text-main);cursor:pointer;z-index:4;box-shadow:0 10px 20px rgba(23,32,51,.14)}.track-nav.prev{left:-14px}.track-nav.next{right:-14px}.track-slider-wrap{margin-top:.8rem;display:flex;justify-content:center}.track-slider{width:min(360px,100%);-webkit-appearance:none;appearance:none;height:4px;border-radius:999px;background:rgba(79,127,217,.2);outline:none}.track-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:58px;height:8px;border-radius:999px;background:var(--color-blue);cursor:pointer}.track-slider::-moz-range-thumb{width:58px;height:8px;border-radius:999px;background:var(--color-blue);border:none;cursor:pointer}.resource-image{aspect-ratio:4/5;background:#e6e7ea;position:relative}.resource-image img{width:100%;height:100%;object-fit:cover}.resource-body{padding:.8rem}.resource-body h3{font-size:1rem;line-height:1.34;padding-bottom:.05em}.resource-body p{margin-top:.45rem;color:var(--text-muted);font-size:.84rem}.resource-meta{margin-top:.45rem;font-family:var(--mono);font-size:.74rem;color:var(--text-muted)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}.tool-card{text-decoration:none;border:1px solid var(--line);border-radius:16px;padding:1rem;background:#fff;display:flex;flex-direction:column;min-height:170px;transition:.2s ease}.tool-card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:var(--shadow)}.tool-index{font-family:var(--mono);color:var(--text-muted);font-size:.73rem}.tool-title{margin-top:.5rem;font-size:1.15rem;line-height:1.3;padding-bottom:.05em}.tool-summary{margin-top:.5rem;color:var(--text-muted);font-size:.87rem}.tool-arrow{margin-top:auto;font-family:var(--mono);color:var(--color-blue)}.about-grid{display:grid;grid-template-columns:200px 1fr;gap:1.2rem;align-items:start}.about-compact .about-grid{grid-template-columns:1fr}.about-avatar{width:100%;border-radius:14px;border:1px solid var(--line);display:block}.markdown-content{font-size:1.12rem;line-height:1.88;letter-spacing:.005em;color:#1f2a3d}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{line-height:1.3;letter-spacing:-.01em}.markdown-content h1{font-size:clamp(2rem,4.2vw,2.9rem);font-weight:800;letter-spacing:-.02em}.markdown-content h2{font-size:clamp(1.55rem,3.2vw,2.15rem);margin-top:2.1rem;font-weight:760}.markdown-content h3{font-size:clamp(1.22rem,2.6vw,1.6rem);margin-top:1.6rem;font-weight:700}.markdown-content p+p{margin-top:1.05rem}.markdown-content p,.markdown-content ul,.markdown-content ol,.markdown-content pre,.markdown-content table,.markdown-content blockquote,.markdown-content hr{margin-top:1.05rem}.markdown-content ul,.markdown-content ol{padding-left:1.55rem}.markdown-content ul ul,.markdown-content ul ol,.markdown-content ol ul,.markdown-content ol ol{margin-top:.45rem;padding-left:1.25rem}.markdown-content ul ul ul,.markdown-content ul ul ol,.markdown-content ol ol ul,.markdown-content ol ol ol{padding-left:1.15rem}.markdown-content li+li{margin-top:.5rem}.markdown-content hr{border:0;border-top:1px solid var(--line)}.markdown-content a{color:#c97824;text-decoration:none;border-bottom:1px solid rgba(201,120,36,.38);transition:.2s ease}.markdown-content a:hover{color:#b76612;border-bottom-color:#b76612}.markdown-content pre{overflow:hidden;background:#1f232b;border:1px solid #343b48;color:#e9eef7;padding:1rem 1.1rem;border-radius:12px}.markdown-content pre .code-scroll{background:0 0;overflow-x:auto;overflow-y:hidden;padding-top:.18rem}.markdown-content pre .code-scroll>code{display:block;min-width:max-content;background:0 0!important;color:inherit;border:0!important;border-radius:0!important;padding:0!important;font-size:inherit!important}.markdown-content pre code,.markdown-content pre .chroma,.markdown-content pre .highlight{background:0 0!important;color:inherit}.markdown-content iframe[src*="youtube.com"],.markdown-content iframe[src*="youtu.be"],.markdown-content iframe[src*="youtube-nocookie.com"]{width:100%!important;max-width:100%;aspect-ratio:16/9;height:auto!important;display:block;border:0;border-radius:12px}.markdown-content code{font-family:var(--mono)}.markdown-content :not(pre)>code{background:#fff3e6;border:1px solid rgba(201,120,36,.26);border-radius:6px;padding:.1rem .35rem;font-size:.92em}.markdown-content table{display:block;overflow-x:auto;border-collapse:collapse}.markdown-content th,.markdown-content td{border:1px solid var(--line-strong);padding:.5rem .6rem}.markdown-content th{background:#f2f2f2}.markdown-content blockquote{border-left:6px solid #d08a3d;background:rgba(208,138,61,7%);border-radius:0 10px 10px 0;padding:.85rem 1rem;color:var(--text-main)}.wide-image{border-radius:14px;overflow:hidden;border:1px solid var(--line)}.wide-image img{width:100%;display:block}.caption{margin-top:.45rem;color:var(--text-muted);font-family:var(--mono);font-size:.72rem}.friend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem}.friend-card{text-decoration:none;border:1px solid var(--line);border-radius:16px;padding:.85rem;background:#fff;text-align:center}.friend-avatar{width:76px;height:76px;border-radius:50%;object-fit:cover}.friend-name{margin-top:.55rem;font-size:.98rem;line-height:1.25;padding-bottom:.04em}.friend-bio{margin-top:.4rem;color:var(--text-muted);font-size:.82rem}.post-page{width:min(1180px,calc(100% - 2.2rem));margin:0 auto}.post-layout{display:block;position:relative}.post-layout.has-toc{display:block}.post-layout.has-toc.toc-collapsed{display:block}.post-layout.no-toc{display:block}.post-stage{margin-top:0;padding:1.5rem 0 2.2rem;background:url(/images/blog-side-bg.png)50%/cover no-repeat;background-attachment:fixed;min-height:calc(100vh - 76px);position:relative}.post-stage::before{content:"";position:absolute;inset:0;background:rgba(16,16,16,.45);pointer-events:none}.post-stage>*{position:relative;z-index:1}.post-shell{width:min(100%,860px);margin-inline:auto;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 20px 44px rgba(23,32,51,.12)}.post-toc-wrap{position:fixed;top:94px;left:calc(50% + 454px);width:260px;height:calc(100vh - 110px);z-index:40}.post-toc{padding:0;height:100%;overflow:hidden;transition:all .28s ease}.post-toc-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid var(--line);padding:.8rem .9rem}.post-toc-title{font-family:var(--mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:0}.post-toc-body{height:calc(100% - 48px);overflow:auto;padding:.8rem .9rem .9rem}.toc-toggle-btn{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text-muted);font-family:var(--mono);font-size:.7rem;padding:.18rem .45rem;cursor:pointer}.post-toc-body #TableOfContents ul{list-style:none;padding-left:0}.post-toc-body #TableOfContents ul ul{padding-left:.8rem;margin-top:.35rem}.post-toc-body #TableOfContents li+li{margin-top:.35rem}.post-toc-body a{text-decoration:none;color:var(--text-muted);font-size:.9rem;line-height:1.35}.post-toc-body a:hover{color:var(--text-main)}.post-layout.has-toc.toc-collapsed .post-toc{padding:.45rem;height:auto;overflow:visible}.post-layout.has-toc.toc-collapsed .post-toc-wrap{height:auto}.post-layout.has-toc.toc-collapsed .post-toc-title,.post-layout.has-toc.toc-collapsed .post-toc-body{display:none}.post-layout.has-toc.toc-collapsed .toc-toggle-btn{writing-mode:horizontal-tb;text-orientation:initial;padding:.34rem .72rem;margin:0;border-radius:999px;font-size:.72rem}.post-layout.has-toc.toc-collapsed .post-toc-head{border-bottom:0;padding:0;background:0 0;justify-content:center}.mobile-toc-fab,.mobile-toc-backdrop,.mobile-toc-panel{display:none}@media(max-width:1430px){.post-toc-wrap{display:none}}.post-cover{position:relative;width:100%;aspect-ratio:3/2;min-height:280px;overflow:hidden;background:#e9e7de;line-height:0}.post-cover img{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);max-width:none;display:block;object-fit:cover;object-position:center}.post-head,.post-body,.post-tail{padding:1.2rem clamp(1.7rem,5vw,3.4rem)}.post-head{border-bottom:1px solid var(--line)}.post-head .date{font-family:var(--mono);font-size:.76rem;color:var(--text-muted)}.post-head h1{margin-top:.4rem;line-height:1.1;letter-spacing:-.03em;font-size:clamp(1.8rem,4vw,2.9rem)}.post-body{padding-top:1rem}.section-card.markdown-content{padding-inline:clamp(1.4rem,4.6vw,3.2rem)}.post-tags{display:flex;flex-wrap:wrap;gap:.45rem}.related-posts{margin-bottom:1.2rem}.related-title{font-size:1.15rem;line-height:1.25;margin-bottom:.7rem}.related-list{display:grid;gap:.5rem}.related-item{text-decoration:none;border:1px solid var(--line);border-radius:12px;padding:.7rem .8rem;background:#fafbfd}.related-item:hover{border-color:var(--line-strong)}.related-date{font-family:var(--mono);font-size:.72rem;color:var(--text-muted)}.related-name{margin-top:.2rem;line-height:1.3}.comments-block{margin-top:1.4rem;border-top:1px solid var(--line);padding-top:1.2rem;overflow-anchor:none}.tag-pill{text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:.25rem .62rem;font-family:var(--mono);font-size:.73rem;color:var(--text-muted)}.tag-pill:hover{border-color:var(--line-strong);color:var(--text-main)}.katex-display{overflow-x:auto;padding:.3rem 0}.katex .eqn-num,.katex .tag{display:none!important}.reading-progress{position:fixed;top:76px;left:0;width:100%;height:3px;background:rgba(0,0,0,8%);z-index:120}#reading-progress-bar{display:block;width:0;height:100%;background:linear-gradient(90deg,#85d86a,#3fae5b)}.markdown-content pre{position:relative}.copy-btn{position:absolute;top:.5rem;right:.5rem;border:1px solid #4a5262;background:rgba(36,41,50,.9);color:#d9dfeb;font-family:var(--mono);font-size:.72rem;border-radius:8px;padding:.2rem .48rem;cursor:pointer}.zoomable-image{cursor:zoom-in}.image-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;z-index:200;padding:1.5rem}.image-lightbox.open{display:flex}.image-lightbox img{max-width:min(1400px,95vw);max-height:88vh;border-radius:12px;box-shadow:0 18px 44px rgba(0,0,0,.36)}.lightbox-close{position:absolute;top:16px;right:18px;border:none;background:0 0;color:#fff;font-size:2rem;line-height:1;cursor:pointer}.stats-panel{margin-top:1.2rem}.stats-embed-wrap{margin-top:.9rem;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.stats-embed{width:100%;height:min(78vh,900px);border:0;display:block}.stats-empty{margin-top:.9rem;border:1px dashed var(--line-strong);border-radius:12px;background:#fff;padding:1rem;color:var(--text-main)}.stats-help{margin-top:.5rem;color:var(--text-muted);font-size:.9rem}@media(max-width:980px){.main-nav{padding:0 1rem}.page-wrap{width:min(1180px,calc(100% - 1.3rem))}.home-hero-content{padding:2rem;flex-direction:column;align-items:start}.two-col{grid-template-columns:1fr}.sidebar{position:static}.post-card{grid-template-columns:1fr;height:360px}.post-layout{grid-template-columns:1fr;justify-items:center}.post-layout.has-toc,.post-layout.has-toc.toc-collapsed,.post-layout.no-toc{grid-template-columns:1fr}.post-shell{width:100%;max-width:860px;margin-inline:auto}.post-card .post-thumb{height:160px;min-height:160px}.post-card .post-excerpt{-webkit-line-clamp:2}.post-toc-wrap{display:none}.mobile-toc-fab{display:inline-flex;position:fixed;right:.95rem;bottom:1.05rem;z-index:96;border:1px solid rgba(201,120,36,.4);background:rgba(255,255,255,.88);color:#b7651a;border-radius:999px;padding:.36rem .76rem .36rem .36rem;font-family:var(--mono);font-size:.74rem;letter-spacing:.04em;gap:.42rem;align-items:center;box-shadow:0 12px 28px rgba(22,34,59,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-toc-fab-icon{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(201,120,36,.12);color:#c97824}.mobile-toc-fab-text{transform:translateY(.5px)}.mobile-toc-backdrop{display:block;position:fixed;inset:0;background:rgba(10,14,20,.34);z-index:97;opacity:0;pointer-events:none;transition:opacity .2s ease}.mobile-toc-panel{display:block;position:fixed;left:.6rem;right:.6rem;bottom:.6rem;z-index:98;background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 40px rgba(18,26,43,.26);transform:translateY(120%);transition:transform .24s ease;max-height:min(62vh,420px);overflow:hidden;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.mobile-toc-grab{width:48px;height:4px;border-radius:999px;background:rgba(120,129,147,.35);margin:.5rem auto .28rem}.mobile-toc-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:.7rem .85rem}.mobile-toc-title{margin:0;font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.mobile-toc-close{border:1px solid rgba(201,120,36,.36);border-radius:999px;background:rgba(248,236,222,.65);color:#b7651a;font-size:.75rem;padding:.18rem .6rem}.mobile-toc-body{padding:.72rem .85rem .9rem;overflow:auto;max-height:calc(min(62vh,420px) - 44px)}.mobile-toc-body #TableOfContentsMobile ul{list-style:none;padding-left:0}.mobile-toc-body #TableOfContentsMobile ul ul{padding-left:.78rem;margin-top:.35rem}.mobile-toc-body #TableOfContentsMobile li+li{margin-top:.35rem}.mobile-toc-body #TableOfContentsMobile a{text-decoration:none;color:var(--text-muted);font-size:.92rem;line-height:1.38}.mobile-toc-body #TableOfContentsMobile a:hover{color:var(--text-main)}body.mobile-toc-open .mobile-toc-backdrop{opacity:1;pointer-events:auto}body.mobile-toc-open .mobile-toc-panel{transform:translateY(0)}body.mobile-toc-open .mobile-toc-fab{transform:translateY(-4px)scale(.98);opacity:.9}body.mobile-toc-open{overflow:hidden}.goal-grid{grid-template-columns:1fr}.home-fun-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.hero-content{padding:1.3rem}.hero-banner{min-height:240px}.track-nav{display:none}}@media(max-width:900px){.main-nav{height:68px;padding:0 .9rem}.main-content-wrapper{padding-top:68px}.reading-progress{top:68px}.nav-toggle{display:inline-flex}.nav-search{margin-left:auto;margin-right:.52rem}.nav-search-trigger{display:inline-flex}.nav-search-icon{display:none}.nav-search input{width:0;max-width:0;opacity:0;pointer-events:none;border-color:transparent;box-shadow:none;padding:.34rem 0;transition:width .24s ease,max-width .24s ease,opacity .2s ease,padding .2s ease}body.nav-search-open .logo-link,body.nav-search-closing .logo-link{width:0;opacity:0;visibility:hidden;overflow:hidden;pointer-events:none}body.nav-search-open .nav-search,body.nav-search-closing .nav-search{flex:1;margin-left:0;margin-right:.5rem}body.nav-search-open .nav-search input{width:100%;max-width:100%;opacity:1;pointer-events:auto;border-color:var(--line);padding:.34rem .62rem}body.nav-search-open .nav-search-trigger{color:#c97824;border-color:rgba(201,120,36,.35)}body.nav-search-closing .nav-search input{width:0;max-width:0;opacity:0;pointer-events:none;border-color:transparent;padding:.34rem 0}body.nav-open .nav-search{margin-right:.52rem}.nav-links{position:absolute;top:68px;left:0;right:0;display:none;flex-direction:column;gap:0;background:rgba(250,252,255,.97);border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(23,32,51,.12);padding:.45rem .9rem .85rem;z-index:120}.nav-links li+li{border-top:1px solid rgba(52,79,124,.1)}.nav-links a{display:block;padding:.75rem .1rem;border-bottom:0;font-size:.95rem}body.nav-open .nav-links{display:flex}body.nav-open{overflow:hidden}.logo-link span{font-size:.96rem}}@media(max-width:620px){.page-wrap{width:calc(100% - 1rem)}.hero-title{font-size:clamp(1.7rem,9vw,2.6rem)}.nav-search{margin-right:.4rem}.nav-search-trigger{width:32px;height:32px}body.nav-search-open .nav-search input{padding:.3rem .54rem;font-size:.82rem}.home-hero-content{padding:1.15rem}.section-card{padding:1rem;border-radius:16px}.post-head,.post-body,.post-tail{padding:1rem;text-align:left}.post-body.markdown-content{text-align:left;margin-inline:auto;max-width:42rem;font-size:.96rem}.post-body.markdown-content h1{font-size:1.56rem}.post-body.markdown-content h2{font-size:1.34rem}.post-body.markdown-content h3{font-size:1.16rem}.post-body.markdown-content p,.post-body.markdown-content li,.post-body.markdown-content blockquote{font-size:.95rem}.post-card{height:340px}.post-card .post-thumb{height:150px;min-height:150px}.post-cover{min-height:220px;max-height:420px}.post-toc{border-radius:12px}.post-toc-title{font-size:.72rem}.post-excerpt{-webkit-line-clamp:4}.resource-card{width:250px;min-width:250px}.tool-grid{grid-template-columns:1fr}.gallery-nav{width:32px;height:32px}.main-footer{padding:3.2rem 1rem;letter-spacing:.12em}.stats-embed{height:min(72vh,740px)}}