:root{--font-main:"Inter",system-ui,-apple-system,sans-serif;--font-cn:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--font-post:"Lora","Noto Serif",serif;--font-post-cn:"Noto Serif SC",serif;--font-code:"Cascadia Mono","Monaco",monospace;--bg-body:#f5f2eb;--bg-card:#fff;--bg-dark:#1a1a1a;--text-primary:#1a1a1a;--text-secondary:#666;--text-light:#999;--accent:#e8e3d9;--accent-hover:#d8d3c9;--radius-lg:32px;--radius-md:20px;--radius-sm:12px;--shadow-sm:0 4px 12px #00000008;--shadow-md:0 8px 24px #0000000f;--shadow-hover:0 12px 24px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,p,span,a,button{font-family:var(--font-main),var(--font-cn)}a{color:inherit;text-decoration:none;transition:opacity .2s}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app-container{flex-direction:column;max-width:1600px;min-height:100vh;margin:0 auto;padding:1.5rem 2rem;display:flex}@media (max-width:768px){.app-container{padding:1rem}}.main-content{flex:1;width:100%;animation:.6s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.navbar{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.navbar .logo{align-items:center;gap:2px;font-size:1.2rem;font-weight:700;line-height:1;display:flex}.navbar .logo .at{color:#a0a0a0;font-weight:400;transform:translateY(-2px)}.navbar .logo .id{color:#000;letter-spacing:-.02em}.navbar .nav-center{background:#eae6df;border-radius:999px;gap:.25rem;padding:.35rem;display:flex}@media (max-width:768px){.navbar .nav-center{display:none}}.navbar .nav-center a{color:var(--text-secondary);border-radius:999px;padding:.5rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s cubic-bezier(.25,.8,.25,1)}.navbar .nav-center a:hover{color:var(--text-primary)}.navbar .nav-center a.active{background:var(--bg-card);color:var(--text-primary);font-weight:600;box-shadow:0 2px 8px #0000000d}.navbar .nav-action button{background:var(--bg-dark);color:#fff;border-radius:999px;padding:.6rem 1.4rem;font-size:.9rem;font-weight:500;transition:transform .2s}.navbar .nav-action button:hover{transform:scale(1.05)}.mobile-nav{display:none}@media (max-width:768px){.mobile-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#ffffffe6;border-radius:999px;justify-content:center;gap:2rem;width:auto;padding:.8rem 2rem;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000001a}.mobile-nav a{color:var(--text-light);flex-direction:column;align-items:center;font-size:1.2rem;transition:color .2s;display:flex}.mobile-nav a.active{color:var(--bg-dark)}}.footer{color:var(--text-light);border-top:1px solid #0000000f;justify-content:space-between;margin-top:2rem;padding:2rem 0;font-size:.85rem;display:flex}@media (max-width:768px){.footer{text-align:center;flex-direction:column;gap:1rem;margin-bottom:4rem}}.bento-card{border-radius:var(--radius-lg);color:#fff;background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;transition:transform .3s;display:flex;position:relative;overflow:hidden}.bento-card.has-image:after{content:"";z-index:1;background:linear-gradient(#0000 40%,#0009 100%);position:absolute;inset:0}.bento-card:hover{transform:translateY(-4px)}.bento-card .content{z-index:2;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:1.8rem;display:flex;position:relative}.bento-card .header{justify-content:space-between;display:flex}.bento-card .header .badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #fff3;border-radius:99px;padding:.3rem .8rem;font-size:.75rem}.bento-card .header .date{opacity:.9;font-size:.8rem}.bento-card .footer-area{justify-content:space-between;align-items:flex-end;display:flex}.bento-card .footer-area .text h3{max-width:90%;margin-top:0;font-size:1.5rem;font-weight:500;line-height:1.1}@media (max-width:768px){.bento-card .footer-area .text h3{margin-top:2rem}}.bento-card .footer-area .text .pid{opacity:.7;margin-bottom:.3rem;font-size:.75rem;display:block}.bento-card.has-btn .footer-area .text{max-width:calc(100% - 96px)}.bento-card .action-corner{background:var(--bg-body);z-index:10;border-top-left-radius:40px;justify-content:center;align-items:center;width:90px;height:90px;padding-top:10px;padding-left:10px;display:flex;position:absolute;bottom:-1px;right:-1px}.bento-card .action-corner .circle-btn{background:var(--accent);width:56px;height:56px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.bento-card .action-corner .circle-btn:hover{background:#dcd6ca;transform:rotate(45deg)}.bento-card .action-corner:before{content:"";width:20px;height:20px;box-shadow:6px 6px 0 6px var(--bg-body);border-bottom-right-radius:20px;position:absolute;top:-20px;right:0}.bento-card .action-corner:after{content:"";width:20px;height:20px;box-shadow:6px 6px 0 6px var(--bg-body);border-bottom-right-radius:20px;position:absolute;bottom:0;left:-20px}.bento-grid{grid-template-columns:320px minmax(400px,1fr) 350px;gap:1.5rem;height:calc(100vh - 240px);min-height:500px;display:grid}@media (max-width:1200px){.bento-grid{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;height:auto}}@media (max-width:768px){.bento-grid{flex-direction:column;display:flex}.bento-grid .col-center{order:1}.bento-grid .col-right{order:2}.bento-grid .col-left{order:3}.bento-grid .bento-card{flex-grow:1}}.bento-grid .col-left,.bento-grid .col-right,.bento-grid .col-center{flex-direction:column;gap:1.5rem;display:flex}.bento-grid .bento-card.tall{flex:1.5}.bento-grid .bento-card.standard{flex:1}.bento-grid .intro-box{background:0 0;flex-direction:column;flex:none;justify-content:center;padding:1rem;display:flex}.bento-grid .intro-box p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.15rem}.bento-grid .intro-box .social-row{align-items:center;gap:1rem;display:flex}.bento-grid .intro-box .social-row .btn-projects{background:var(--bg-dark);color:#fff;border-radius:99px;padding:.6rem 2rem;font-weight:500}.bento-grid .intro-box .social-row .btn-projects:hover{opacity:.9}.bento-grid .intro-box .social-row .social-icons{gap:.5rem;display:flex}.bento-grid .intro-box .social-row .social-icons a{width:44px;height:44px;color:var(--text-primary);border:1px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.bento-grid .intro-box .social-row .social-icons a:hover{background:#e0e0e0}.bento-grid .hero-container{border-radius:var(--radius-lg);flex:1;position:relative;overflow:hidden}.bento-grid .hero-container img{object-fit:cover;width:100%;height:100%}.bento-grid .hero-container .hero-overlay{background:linear-gradient(#0000,#0003);padding:2.5rem;position:absolute;bottom:0;left:0;right:0}.bento-grid .hero-container .hero-overlay h1{letter-spacing:-.03em;color:#fff;text-shadow:0 2px 10px #0000001a;margin-bottom:1rem;font-size:1.5rem;line-height:1}.page-wrapper{max-width:1000px;margin:0 auto;padding-top:1rem}.page-wrapper .page-header{text-align:center;margin-bottom:2rem}.page-wrapper .page-header h1{margin-bottom:.8rem;font-size:2.5rem}.page-wrapper .page-header p{color:var(--text-secondary);font-size:1.2rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.projects-grid .project-item{background:var(--bg-card);border-radius:var(--radius-md);flex-direction:column;height:100%;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.projects-grid .project-item:hover{box-shadow:var(--shadow-hover);transform:translateY(-6px)}.projects-grid .project-item:hover .img-box .card-img{transform:scale(1.05)}.projects-grid .project-item .img-box{background:#f0f0f0;height:220px;position:relative;overflow:hidden}.projects-grid .project-item .img-box .card-img{object-fit:cover;width:100%;height:100%;transition:all .5s}.projects-grid .project-item .info-box{flex-direction:column;flex:1;padding:1.5rem;display:flex}.projects-grid .project-item .info-box .info-meta{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.projects-grid .project-item .info-box .info-meta .cat{text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);font-size:.8rem;font-weight:600}.projects-grid .project-item .info-box .info-meta .gh-stats{color:var(--text-secondary);background:#00000008;border-radius:6px;gap:.8rem;padding:2px 8px;font-family:monospace;font-size:.8rem;display:flex}.projects-grid .project-item .info-box .info-meta .gh-stats .stat{align-items:center;gap:4px;display:flex}.projects-grid .project-item .info-box .info-meta .gh-stats .stat .icon{opacity:.6}.projects-grid .project-item .info-box .info-meta .gh-stats .stat .icon.star{color:#e3b341;opacity:1}.projects-grid .project-item .info-box h3{margin-bottom:.6rem;font-size:1.3rem;font-weight:600;line-height:1.3}.projects-grid .project-item .info-box p{color:var(--text-secondary);flex:1;font-size:.95rem;line-height:1.6}.blog-list{flex-direction:column;gap:1rem;max-width:800px;margin:0 auto;display:flex}.blog-list .blog-item{cursor:pointer;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:1.5rem;transition:all .2s;display:flex}.blog-list .blog-item:last-of-type{border-bottom:none}.blog-list .blog-item:hover{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background:#fff;border-color:#0000}@media (max-width:768px){.blog-list .blog-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.blog-list .blog-item .left{flex:1}.blog-list .blog-item .left .date{color:var(--text-light);font-variant-numeric:tabular-nums;margin-bottom:.4rem;font-size:.85rem}.blog-list .blog-item .left h3{margin-bottom:.3rem;font-size:1.25rem;font-weight:600}.blog-list .blog-item .left .excerpt{color:var(--text-secondary);-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:500px;font-size:.95rem;display:-webkit-box;overflow:hidden}.blog-list .blog-item .right{align-items:center;gap:1.5rem;display:flex}.blog-list .blog-item .right .tags{flex-wrap:wrap;gap:.6rem;display:flex}.blog-list .blog-item .right .tags span{color:#555;background:#eee;border-radius:6px;padding:3px 10px;font-size:.75rem;font-weight:500}.about-grid{grid-template-columns:1fr 1.5fr;align-items:start;gap:3rem;display:grid}@media (max-width:768px){.about-grid{grid-template-columns:1fr}}.about-grid .profile-img{border-radius:var(--radius-lg);object-fit:cover;aspect-ratio:3/4;width:100%}.about-grid .bio h2{margin-bottom:1.5rem;font-size:2.5rem}.about-grid .bio p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.7}.about-grid .bio .connect-grid{margin-top:2rem}.about-grid .bio .connect-grid h4{margin-bottom:1rem;font-size:1.1rem}.about-grid .bio .connect-grid .grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.about-grid .bio .connect-grid .connect-link{border-radius:var(--radius-sm);background:#fff;align-items:center;gap:.8rem;padding:.8rem 1.2rem;transition:box-shadow .2s;display:flex}.about-grid .bio .connect-grid .connect-link:hover{box-shadow:var(--shadow-md)}.about-grid .bio .connect-grid .connect-link .icon{color:var(--text-primary);font-size:1.25rem}.about-grid .bio .connect-grid .connect-link span{font-size:.9rem;font-weight:500}.article-container{max-width:720px;margin:0 auto;padding-top:2rem;padding-bottom:6rem;font-family:var(--font-post),var(--font-post-cn)!important}.article-container .back-link{margin-bottom:3rem}.article-container .back-link a{color:var(--text-secondary);align-items:center;gap:.5rem;font-weight:500;transition:color .2s;display:inline-flex}.article-container .back-link a:hover{color:var(--text-primary)}.article-container .article-header{margin-bottom:3rem}.article-container .article-header .meta{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.article-container .article-header .meta .date{color:var(--text-light);font-family:monospace;font-size:.9rem}.article-container .article-header .meta .tags{gap:.5rem;display:flex}.article-container .article-header .meta .tags span{color:#666;background:#eee;border-radius:4px;padding:3px 8px;font-size:.75rem}.article-container .article-header h1{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:2rem;font-size:2.5rem;line-height:1.2}.markdown-body{color:#333;font-size:1.25rem;line-height:1.5}.markdown-body p{margin-top:1.25rem;margin-bottom:1.25rem;font-family:var(--font-post),var(--font-post-cn)!important}.markdown-body h2{letter-spacing:-.02em;color:var(--text-primary);margin-top:3.5rem;margin-bottom:1.2rem;font-size:1.8rem;font-weight:700}.markdown-body h3{color:var(--text-primary);margin-top:2.5rem;margin-bottom:1rem;font-size:1.4rem;font-weight:600}.markdown-body h4{margin-top:2rem;margin-bottom:.8rem;font-size:1.2rem;font-weight:600}.markdown-body blockquote{border-left:4px solid var(--accent);color:var(--text-secondary);background:#00000005;border-radius:0 12px 12px 0;padding:.1rem 1rem;font-style:italic}.markdown-body ul,.markdown-body ol{margin-bottom:1.5rem;padding-left:1.5rem}.markdown-body ul li{margin-bottom:.5rem;padding-left:.3rem;list-style:outside}.markdown-body ol li{margin-bottom:.5rem;padding-left:.3rem;list-style:decimal}.markdown-body pre{border:none;border-radius:12px;margin:2rem 0;padding:1rem 0;overflow-x:auto;box-shadow:0 10px 30px #0000001a;background:#282c34!important}.markdown-body pre span{font-family:var(--font-code);font-size:.9rem;line-height:1.5}.markdown-body code{counter-reset:line}.markdown-body code>[data-line]{border-left:2px solid #0000;padding:0 1.5rem}.markdown-body code>[data-line]:before{counter-increment:line;content:counter(line);text-align:right;color:#5c6370;opacity:.6;-webkit-user-select:none;user-select:none;width:1.5rem;margin-right:1.5rem;font-size:1rem;display:inline-block}.markdown-body code>[data-line][data-highlighted-line]{background:#c8c8ff1a;border-left-color:#61aeee}.markdown-body :not(pre)>code{color:#c02d76;background:#0000000f;border-radius:4px;padding:2px 6px;font-size:.85em;font-family:Cascadia Code,monospace!important}.markdown-body a{color:var(--text-primary);text-underline-offset:4px;-webkit-text-decoration:underline #0000004d;text-decoration:underline #0000004d;text-decoration-thickness:1px;transition:all .2s;font-family:var(--font-post),var(--font-post-cn)!important}.markdown-body a:hover{color:#000;background:var(--accent);text-decoration:none}.markdown-body img{max-width:100%;height:auto;box-shadow:var(--shadow-sm);border-radius:12px;margin:0 auto}.markdown-body hr{background:#0000001a;border:0;height:1px;margin:4rem 0}.markdown-body strong{color:#000;font-weight:700}.markdown-body table{border-collapse:collapse;width:100%;margin:2rem 0;font-size:.95rem;display:block;overflow-x:auto}@media (min-width:768px){.markdown-body table{display:table}}.markdown-body thead{background-color:#00000008;border-bottom:2px solid #0000001a}.markdown-body th,.markdown-body td{text-align:left;border:1px solid #0000001a;padding:.75rem 1rem}.markdown-body tr:nth-child(2n){background-color:#00000003}.markdown-body .katex{font-size:1.1em;font-family:KaTeX_Main,Times New Roman,serif!important}.markdown-body .katex *{font-family:inherit!important}.markdown-body .katex-display{margin:1.5rem 0;padding:.5rem 0;overflow:auto hidden}.markdown-body iframe,.markdown-body video,.markdown-body embed,.markdown-body .twitter-tweet{max-width:100%;margin:0 auto;display:block}.markdown-body p:has(>img:only-child){justify-content:center;display:flex}@keyframes reading-progress{0%{width:0%}to{width:100%}}.reading-progress-bar{background:var(--text-primary);z-index:9999;transform-origin:0;height:4px;animation:linear both reading-progress;animation-timeline:--article-reading;animation-range:entry cover;position:fixed;top:0;left:0}@supports not (animation-timeline:--article-reading){.reading-progress-bar{animation-timeline:scroll()}}.article-container{timeline-scope:--article-reading}.markdown-body{view-timeline-name:--article-reading;view-timeline-axis:block}.license-block{border-left:4px solid var(--text-primary);background:#00000008;border-radius:8px;align-items:flex-start;gap:1rem;margin-top:4rem;padding:1.5rem;display:flex}.license-block .license-icon{color:var(--text-primary);margin-top:2px}.license-block .license-content p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.license-block .license-content strong{color:var(--text-primary);font-weight:600}.license-block .license-content a{color:var(--text-primary);text-underline-offset:2px;text-decoration:underline}.license-block .license-content a:hover{background:var(--accent)}.license-block .license-content p:first-child{margin-bottom:.25rem}.comments-section{border-top:1px dashed #0000001a;margin-top:4rem;padding-top:2rem}