*,*:before,*:after{box-sizing:border-box}html,body{padding:0}a{color:inherit;text-decoration:none}button{-webkit-tap-highlight-color:transparent}:root{--bg: #060b12;--bg-soft: #0b111b;--panel: rgba(13, 21, 32, .82);--panel-solid: #0d1520;--line: rgba(139, 170, 192, .16);--line-strong: rgba(115, 242, 188, .34);--text: #edf5f7;--muted: #8795a5;--green: #73f2bc;--green-deep: #30d98d;--blue: #73bbf2;--violet: #a38af5;--shadow: 0 25px 70px rgba(0, 0, 0, .42)}:root[data-theme=light]{--bg: #eef4f2;--bg-soft: #e2ece9;--panel: rgba(255, 255, 255, .78);--panel-solid: #f9fcfb;--line: rgba(28, 58, 53, .14);--line-strong: rgba(18, 165, 104, .38);--text: #12201d;--muted: #586762;--green: #0a9f65;--green-deep: #087c50;--blue: #1478bd;--violet: #7150d2;--shadow: 0 25px 70px rgba(38, 73, 63, .14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;color:var(--text);background:radial-gradient(circle at 68% 28%,rgba(48,217,141,.08),transparent 28%),linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 52%,var(--bg) 100%);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;transition:background .35s ease,color .35s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 82%);mask-image:linear-gradient(to bottom,black,transparent 82%)}button,input,textarea{font:inherit}button{color:inherit}#app{min-height:100vh}.site-shell{position:relative;overflow:hidden}.ambient{position:fixed;z-index:-1;border-radius:50%;filter:blur(90px);pointer-events:none}.ambient-one{width:360px;height:360px;top:10%;right:13%;background:#24cc8714}.ambient-two{width:300px;height:300px;top:52%;left:4%;background:#3486d40d}.code-rain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.code-rain span{position:absolute;left:calc(var(--i) * 5.4%);top:-8%;color:var(--green);opacity:0;font:12px/1.5 Consolas,monospace;animation:codeFall calc(9s + var(--i) * .22s) linear infinite;animation-delay:calc(var(--i) * -.85s)}.topbar{position:fixed;top:0;left:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:78px;padding:0 clamp(24px,7vw,110px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{justify-self:start;border:0;background:transparent;cursor:pointer;font:800 19px Consolas,monospace;letter-spacing:.6px}.brand-bracket,.brand-slash{color:var(--green)}.desktop-nav{display:flex;gap:38px}.desktop-nav button{position:relative;padding:28px 2px 24px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;transition:.25s ease}.desktop-nav button:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;transform:scaleX(0);background:var(--green);box-shadow:0 0 12px var(--green);transition:transform .25s ease}.desktop-nav button:hover,.desktop-nav button.active{color:var(--text)}.desktop-nav button.active:after{transform:scaleX(1)}.header-actions{justify-self:end;display:flex;gap:10px}.header-search{display:contents}.menu-btn,.mobile-nav{display:none}.icon-btn{display:grid;place-items:center;width:38px;height:38px;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer;transition:.25s ease}.icon-btn:hover{border-color:var(--line-strong);background:#73f2bc0f}.icon-btn svg{width:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.search-panel{position:absolute;top:90px;left:50%;display:flex;align-items:center;width:min(560px,calc(100vw - 32px));padding:14px 16px;transform:translate(-50%);border:1px solid var(--line-strong);border-radius:15px;background:var(--panel-solid);box-shadow:var(--shadow)}.search-panel span{color:var(--green);font-size:22px}.search-panel input{flex:1;margin:0 12px;border:0;outline:0;color:var(--text);background:transparent}.search-panel button{border:0;background:transparent;color:var(--muted);font:11px Consolas,monospace;cursor:pointer}.search-panel .search-submit{margin-right:10px;padding:7px 12px;border:1px solid var(--line-strong);border-radius:6px;color:var(--green);background:#73f2bc12}main{width:min(1160px,calc(100% - 44px));margin:0 auto}section{scroll-margin-top:96px}.hero{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(40px,8vw,120px);min-height:100vh;padding:130px 0 90px}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(115,242,188,.25);border-radius:6px;color:var(--green);background:#73f2bc0f;font:10px Consolas,monospace;letter-spacing:1.4px}.status-badge i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:pulse 1.7s infinite}.eyebrow{margin:20px 0 4px;color:var(--muted);font:14px Consolas,monospace}.eyebrow span,.section-heading p span{color:var(--green)}.hero h1{margin:0;font:800 clamp(58px,7vw,88px) / 1.04 Inter,sans-serif;letter-spacing:-4px}.period,.type-line,.prompt{color:var(--green)}.type-line{min-height:30px;margin:15px 0 22px;font:18px Consolas,monospace}.cursor{animation:blink .85s steps(1) infinite}.intro{margin:0;color:var(--muted);font-size:15px;line-height:2}.hero-actions{display:flex;gap:13px;margin-top:30px}.primary-btn,.secondary-btn{min-width:128px;padding:12px 20px;border-radius:4px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.primary-btn{border:1px solid var(--green);color:#05110d;background:var(--green);font-weight:700;box-shadow:0 0 30px #73f2bc24}.secondary-btn{border:1px solid var(--line);color:var(--text);background:#ffffff05}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-3px);border-color:var(--green);box-shadow:0 12px 30px #1ed28c21}.github-mark{margin-right:7px}.social-row{display:flex;align-items:center;gap:10px;margin-top:35px;color:var(--muted);font:9px Consolas,monospace;letter-spacing:1.5px}.social-row>i{width:36px;height:1px;background:var(--line)}.social-row button{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:transparent;cursor:pointer;font:10px Consolas,monospace;transition:.25s ease}.social-row button:hover{color:var(--green);border-color:var(--green);transform:translateY(-2px)}.terminal-wrap{position:relative;perspective:1100px}.terminal{position:relative;z-index:3;min-height:360px;overflow:hidden;border:1px solid rgba(129,155,174,.22);border-radius:10px;background:#070c13db;box-shadow:var(--shadow),0 0 70px #2ddb8f12;transform:rotateY(-2deg) rotateX(1deg);animation:terminalFloat 5s ease-in-out infinite;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}:root[data-theme=light] .terminal{background:#111c20f0;color:#e8f0f1}.terminal-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:45px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff06;color:#7e8a98;font:10px Consolas,monospace}.terminal-bar b{justify-self:end}.traffic{display:flex;gap:7px}.traffic i{width:9px;height:9px;border-radius:50%;background:#ff5f57}.traffic i:nth-child(2){background:#febc2e}.traffic i:nth-child(3){background:#28c840}.terminal-body{padding:25px 27px;color:#b4bdc6;font:12px/1.8 Consolas,Courier New,monospace}.terminal-line{min-height:22px;animation:lineIn .3s ease both}.terminal-line.command{margin-top:4px;color:#e8eef1}.terminal-line.output{color:#9ca9b4}.terminal-line.json{color:#b693ef}.terminal-line.json:nth-of-type(5),.terminal-line.json:nth-of-type(6),.terminal-line.json:nth-of-type(7),.terminal-line.json:nth-of-type(8){color:#6fc2e7}.terminal-line.success{margin-top:9px;color:var(--green)}.terminal-cursor{display:inline-block;width:7px;height:14px;margin-top:6px;background:var(--green);animation:blink .8s steps(1) infinite}.floating-chip{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:7px;color:var(--text);background:var(--panel);box-shadow:0 10px 28px #00000040;font:11px Consolas,monospace;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:chipFloat 4s ease-in-out infinite}.floating-chip span{color:var(--green);font-size:16px}.chip-java{top:-19px;right:-35px}.chip-spring{bottom:66px;left:-48px;animation-delay:-1.2s}.chip-docker{right:-35px;bottom:22px;animation-delay:-2.4s}.orbit{position:absolute;border:1px dashed rgba(115,242,188,.11);border-radius:50%;animation:spin 25s linear infinite}.orbit-one{top:-100px;right:-30px;bottom:-70px;left:30px}.orbit-two{top:-45px;right:-100px;bottom:-35px;left:100px;animation-direction:reverse}.scroll-hint{position:absolute;bottom:28px;left:50%;display:flex;flex-direction:column;align-items:center;gap:10px;transform:translate(-50%);border:0;color:var(--muted);background:transparent;cursor:pointer;font:8px Consolas,monospace;letter-spacing:1.8px}.scroll-hint i{width:1px;height:25px;background:linear-gradient(var(--green),transparent);animation:scrollLine 1.8s ease-in-out infinite}.content-section{padding:100px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px}.section-heading p{margin:0 0 8px;color:var(--muted);font:10px Consolas,monospace;letter-spacing:1.6px}.section-heading h2,.about-card h2{margin:0;font-size:clamp(28px,4vw,42px);letter-spacing:-1.5px}.text-link{border:0;color:var(--green);background:transparent;cursor:pointer;font-size:12px}.article-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 86%,transparent)}.article-filter-group,.article-toolbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.article-filter-group button,.bookmark-filter,.reset-filter{padding:7px 10px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:transparent;cursor:pointer;font:10px Consolas,monospace}.article-filter-group button.active,.bookmark-filter.active{color:var(--green);border-color:var(--line-strong);background:#73f2bc14}.article-toolbar-actions label{display:flex;align-items:center;gap:7px;color:var(--muted);font:10px Consolas,monospace}.article-toolbar-actions select{padding:7px 28px 7px 9px;border:1px solid var(--line);border-radius:6px;outline:0;color:var(--text);background:var(--panel-solid);cursor:pointer;font:10px Consolas,monospace}.filter-result{color:var(--green);font:10px Consolas,monospace}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card,.project-card,.about-card{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--panel);box-shadow:0 18px 50px #0000001f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.article-card{display:flex;flex-direction:column;min-height:350px;border-radius:8px;transition:transform .3s ease,border-color .3s ease}.article-card:after,.project-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:linear-gradient(120deg,transparent 30%,rgba(115,242,188,.08),transparent 70%);transform:translate(-100%);transition:.55s ease;pointer-events:none}.article-card:hover,.project-card:hover{z-index:2;transform:translateY(-8px);border-color:var(--line-strong)}.article-card:hover:after,.project-card:hover:after{opacity:1;transform:translate(100%)}.article-icon{display:grid;place-items:center;height:118px;background:radial-gradient(circle at center,currentColor 0,transparent 2px),linear-gradient(135deg,color-mix(in srgb,currentColor 12%,transparent),transparent 70%);color:var(--green);font:800 36px Consolas,monospace;text-shadow:0 0 20px currentColor}.article-icon.blue{color:var(--blue)}.article-icon.violet{color:var(--violet)}.article-content{display:flex;flex:1;flex-direction:column;padding:19px 20px 16px}.article-meta{display:flex;justify-content:space-between;color:var(--muted);font:9px Consolas,monospace}.article-meta span{padding:4px 7px;border:1px solid var(--line-strong);border-radius:4px;color:var(--green)}.article-card h3,.project-card h3{margin:15px 0 9px;font-size:15px}.article-card p,.project-card p,.about-card>div>p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}.article-footer{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:17px;border-top:1px solid var(--line);color:var(--muted);font:9px Consolas,monospace}.article-footer button{padding:0;border:0;color:inherit;background:transparent;cursor:pointer}.article-footer button.liked{color:#ff718a}.article-footer .bookmark-button{font-size:14px}.article-footer .bookmark-button.active{color:#f6c85f}.article-footer .read-more{margin-left:auto;color:var(--green)}.empty-state{padding:50px;color:var(--muted);text-align:center}.archive-list{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 18px 50px #0000001a}.archive-year{display:grid;grid-template-columns:130px 1fr;gap:24px;padding:28px;border-bottom:1px solid var(--line)}.archive-year:last-child{border-bottom:0}.archive-year-label{display:flex;flex-direction:column;gap:5px}.archive-year-label strong{color:var(--green);font:700 30px Consolas,monospace}.archive-year-label span{color:var(--muted);font:9px Consolas,monospace;letter-spacing:1px}.archive-items{display:grid}.archive-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto 20px;align-items:center;gap:14px;padding:13px 8px;border:0;border-bottom:1px dashed var(--line);color:var(--text);background:transparent;cursor:pointer;text-align:left}.archive-item:last-child{border-bottom:0}.archive-item:hover{color:var(--green)}.archive-item time,.archive-item small{color:var(--muted);font:9px Consolas,monospace}.archive-item small{padding:4px 7px;border:1px solid var(--line);border-radius:4px}.projects-section{padding-top:80px}.section-note{color:var(--muted);font:11px Consolas,monospace}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-card{min-height:245px;padding:28px;border-radius:10px;transition:.3s ease}.project-top{display:flex;justify-content:space-between;color:var(--muted);font:11px Consolas,monospace}.folder{font-size:35px}.project-card h3{margin-top:28px;font-size:21px}.stack-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.stack-list span{padding:5px 9px;border-radius:4px;color:var(--green);background:#73f2bc14;font:9px Consolas,monospace}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.skill-card{padding:25px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 18px 50px #0000001a}.skill-card-heading{display:flex;align-items:flex-start;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line)}.skill-card-heading>span{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border:1px solid var(--line-strong);border-radius:8px;color:var(--green);font:12px Consolas,monospace}.skill-card h3{margin:2px 0 6px}.skill-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.skill-list{display:grid;gap:17px;margin-top:20px}.skill-item>div:first-child{display:flex;justify-content:space-between;margin-bottom:7px;font:10px Consolas,monospace}.skill-item small{color:var(--muted)}.skill-meter{height:4px;overflow:hidden;border-radius:999px;background:var(--line)}.skill-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green-deep),var(--green));box-shadow:0 0 10px #73f2bc66}.about-section{padding-bottom:130px}.about-card{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:65px;padding:clamp(35px,6vw,75px);border-radius:14px}.avatar-code{display:flex;flex-direction:column;justify-content:center;aspect-ratio:1;padding:30px;border:1px solid var(--line-strong);border-radius:50%;background:radial-gradient(circle,rgba(115,242,188,.11),transparent 66%);box-shadow:inset 0 0 45px #73f2bc0f;font:12px Consolas,monospace;text-align:center}.avatar-code span{color:var(--violet)}.avatar-code b{margin:6px 0;color:var(--green);font-size:clamp(22px,3vw,34px)}.avatar-code em{color:var(--muted);font-style:normal}.about-card .eyebrow{margin-top:0}.about-card h2{margin-bottom:20px}.stats{display:flex;gap:40px;margin-top:30px}.stats div{display:flex;flex-direction:column}.stats b{color:var(--green);font:700 24px Consolas,monospace}.stats span{margin-top:5px;color:var(--muted);font-size:10px}.contact-section{padding-top:80px;padding-bottom:130px}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;padding:clamp(28px,5vw,54px);border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.contact-copy>p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}.contact-links{display:grid;gap:10px;margin-top:25px}.contact-links a{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;transition:.25s ease}.contact-links a:hover{border-color:var(--line-strong);transform:translate(4px)}.contact-links a>span{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;color:var(--green);background:#73f2bc14;font:10px Consolas,monospace}.contact-links a div{display:flex;flex-direction:column;gap:3px}.contact-links small{color:var(--muted);font-size:9px}.contact-links strong{font-size:11px}.contact-form{display:grid;gap:16px}.contact-form label{display:grid;gap:7px;color:var(--muted);font:10px Consolas,monospace}.contact-form input,.contact-form textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:8px;outline:0;color:var(--text);background:color-mix(in srgb,var(--panel-solid) 82%,transparent);resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #73f2bc14}.contact-form .primary-btn{justify-self:start}footer{display:flex;justify-content:space-between;padding:25px max(24px,calc((100vw - 1160px)/2));border-top:1px solid var(--line);color:var(--muted);font:10px Consolas,monospace}footer span:first-child{color:var(--green)}.toast{position:fixed;right:30px;bottom:30px;z-index:100;padding:13px 18px;border:1px solid var(--line-strong);border-radius:8px;color:var(--text);background:var(--panel-solid);box-shadow:var(--shadow);font-size:12px}.reader-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;isolation:isolate}.reader-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow-y:auto;padding:48px 20px;background:#02060adb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.reader-layout{display:grid;grid-template-columns:210px minmax(0,880px);align-items:start;gap:24px;width:min(1114px,100%);margin:0 auto}.reader-toc{position:sticky;top:24px;display:grid;align-content:start;max-height:calc(100vh - 48px);overflow-y:auto;padding:16px 8px 16px 0}.reader-toc p{margin:0 10px 10px;color:var(--muted);font:9px Consolas,monospace;letter-spacing:1.4px}.reader-toc button{border:0;border-left:1px solid var(--line);color:var(--muted);background:transparent;cursor:pointer;font-size:11px;line-height:1.6;text-align:left}.reader-toc button:hover{border-left-color:var(--green);color:var(--green)}.reading-progress{position:absolute;top:0;left:0;z-index:3;width:100%;height:4px;overflow:hidden;background:color-mix(in srgb,var(--green) 15%,transparent);pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--green-deep),var(--green));box-shadow:0 0 12px var(--green);transform-origin:left center;transition:transform .1s linear}.back-to-top{position:absolute;right:24px;z-index:3;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line-strong);border-radius:50%;color:var(--green);background:var(--panel-solid);box-shadow:var(--shadow);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(-50%) scale(.9);transition:top .15s linear,opacity .25s ease,transform .25s ease,background .25s ease}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}.back-to-top:hover{transform:translateY(calc(-50% - 2px)) scale(1.05);background:color-mix(in srgb,var(--panel-solid) 82%,var(--green))}.back-to-top:focus-visible{outline:2px solid var(--green);outline-offset:3px}.back-to-top svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.article-reader{width:100%;min-height:calc(100vh - 96px);margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--panel-solid);box-shadow:var(--shadow)}.reader-header{display:flex;align-items:flex-start;justify-content:space-between;padding:clamp(28px,6vw,60px);border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(115,242,188,.08),transparent 60%)}.reader-header>div{min-width:0;flex:1 1 auto}.reader-header time{color:var(--muted);font:11px Consolas,monospace}.reader-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.reader-time{color:var(--muted);font:11px Consolas,monospace}.reader-comment-link{padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:var(--green);background:transparent;cursor:pointer;font:10px Consolas,monospace}.reader-comment-link:hover{border-color:var(--line-strong);background:#73f2bc0f}.reader-tag{padding:5px 9px;border:1px solid var(--line-strong);border-radius:5px;color:var(--green);font:10px Consolas,monospace}.reader-header h1{margin:20px 0 0;font-size:clamp(28px,5vw,46px);line-height:1.12;letter-spacing:-2px;word-break:normal;overflow-wrap:anywhere}.reader-close-button{flex:0 0 auto;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:transparent;cursor:pointer;font-size:25px;line-height:1}.reader-close-button:hover{color:var(--green);border-color:var(--green)}.markdown-body{padding:clamp(28px,6vw,64px);color:var(--text);font-size:15px;line-height:1.9}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin:2em 0 .7em;color:var(--text);scroll-margin-top:24px}.markdown-body h1:first-child,.markdown-body h2:first-child{margin-top:0}.markdown-body h1,.markdown-body h2{padding-bottom:10px;border-bottom:1px solid var(--line)}.markdown-body p{margin:1em 0;color:color-mix(in srgb,var(--text) 78%,var(--muted))}.markdown-body strong{color:var(--text)}.markdown-body ul{padding-left:24px}.markdown-body li{margin:8px 0;color:var(--muted)}.markdown-body img{display:block;max-width:100%;margin:24px auto;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 40px #0003}.markdown-body pre{overflow-x:auto;margin:24px 0;padding:22px;border:1px solid var(--line);border-radius:9px;background:#060b12;color:#b9c8cf}.markdown-body code{font-family:Consolas,monospace}.markdown-body a{color:var(--green);text-underline-offset:4px}.markdown-body p code{padding:2px 6px;border-radius:4px;color:var(--green);background:#73f2bc14}.comment-panel{padding:0 clamp(28px,6vw,64px) 36px}.comment-panel-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px;padding-top:8px}.comment-panel-header p{margin:0 0 6px;color:var(--muted);font:9px Consolas,monospace;letter-spacing:1.4px}.comment-panel-header h2{margin:0;font-size:18px}.comment-panel-header span{color:var(--green);font:10px Consolas,monospace}.comment-form{display:grid;gap:12px;margin-bottom:20px;padding:16px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 75%,transparent)}.comment-form label{display:grid;gap:7px;color:var(--muted);font:10px Consolas,monospace}.comment-form input,.comment-form textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:8px;outline:0;color:var(--text);background:color-mix(in srgb,var(--panel-solid) 82%,transparent);resize:vertical}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #73f2bc14}.comment-form .primary-btn{justify-self:start;min-width:132px}.comment-list{display:grid;gap:12px}.comment-item{padding:16px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 82%,transparent)}.comment-item header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.comment-item strong{color:var(--text)}.comment-item time{color:var(--muted);font:9px Consolas,monospace}.comment-item button{margin-left:auto;border:0;color:var(--muted);background:transparent;cursor:pointer;font:10px Consolas,monospace}.comment-item button:hover{color:var(--green)}.comment-item p{margin:0;color:color-mix(in srgb,var(--text) 80%,var(--muted));line-height:1.85}.comment-empty{margin:0;padding:18px 0 34px;color:var(--muted);font-size:13px;text-align:center}.reader-navigation{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 clamp(28px,6vw,64px) clamp(28px,6vw,64px)}.reader-navigation button{display:grid;gap:6px;min-height:72px;padding:13px 15px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:transparent;cursor:pointer;text-align:left}.reader-navigation button:last-child{text-align:right}.reader-navigation button:hover:not(:disabled){border-color:var(--green);color:var(--green)}.reader-navigation button:disabled{cursor:not-allowed;opacity:.45}.reader-navigation small{color:var(--muted);font:9px Consolas,monospace}.reader-navigation span{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.reader-enter-active,.reader-leave-active{transition:opacity .28s ease}.reader-enter-active .article-reader,.reader-leave-active .article-reader{transition:transform .28s ease}.reader-enter-from,.reader-leave-to{opacity:0}.reader-enter-from .article-reader,.reader-leave-to .article-reader{transform:translateY(25px)}.drop-enter-active,.drop-leave-active,.toast-enter-active,.toast-leave-active{transition:.25s ease}.drop-enter-from,.drop-leave-to{opacity:0;transform:translate(-50%,-12px)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(12px)}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}@keyframes terminalFloat{50%{transform:rotateY(-2deg) rotateX(1deg) translateY(-8px)}}@keyframes chipFloat{50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes lineIn{0%{opacity:0;transform:translateY(5px)}}@keyframes scrollLine{50%{transform:scaleY(.55);transform-origin:top}}@keyframes codeFall{0%{transform:translateY(-10vh);opacity:0}12%{opacity:.08}88%{opacity:.03}to{transform:translateY(115vh);opacity:0}}@media (max-width: 1100px){.reader-layout{grid-template-columns:minmax(0,880px);width:min(880px,100%)}.reader-toc{display:none}}@media (max-width: 900px){.topbar{grid-template-columns:1fr auto;padding:0 24px}.desktop-nav{display:none}.menu-btn{display:grid}.mobile-nav{position:absolute;top:88px;right:24px;display:grid;width:min(240px,calc(100vw - 48px));padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid);box-shadow:var(--shadow)}.mobile-nav button{padding:13px 14px;border:0;border-radius:8px;color:var(--muted);background:transparent;text-align:left;cursor:pointer}.mobile-nav button.active,.mobile-nav button:hover{color:var(--green);background:#73f2bc12}.hero{grid-template-columns:1fr;padding-top:145px}.hero-copy{max-width:640px}.terminal-wrap{width:min(620px,92%);margin:20px auto 0}.article-grid{grid-template-columns:1fr 1fr}.article-toolbar{align-items:flex-start;flex-direction:column}.skill-grid{grid-template-columns:1fr 1fr}.skill-card:last-child{grid-column:span 2}.contact-layout{grid-template-columns:1fr}}@media (max-width: 650px){main{width:min(100% - 28px,1160px)}.topbar{height:66px;padding:0 15px}.mobile-nav{top:74px;right:14px}.back-to-top{right:12px;width:38px;height:38px}.hero{min-height:auto;padding:115px 4px 90px}.hero h1{font-size:55px}.terminal{min-height:330px}.terminal-body{padding:22px 18px;font-size:10px}.floating-chip,.scroll-hint{display:none}.section-heading{align-items:flex-start;flex-direction:column}.article-grid,.project-grid,.skill-grid{grid-template-columns:1fr}.skill-card:last-child{grid-column:auto}.article-filter-group,.article-toolbar-actions{width:100%}.article-toolbar-actions{justify-content:space-between}.archive-year{grid-template-columns:1fr;gap:16px;padding:20px}.archive-item{grid-template-columns:48px minmax(0,1fr) 18px}.archive-item small{display:none}.reader-overlay{padding:20px 8px}.reader-header{padding:20px 18px 22px}.reader-header h1{font-size:26px}.reader-meta{gap:8px}.reader-comment-link{white-space:nowrap}.reader-navigation{grid-template-columns:1fr}.reader-navigation button:last-child{text-align:left}.about-card{grid-template-columns:1fr;gap:35px}.avatar-code{width:210px;margin:auto}.stats{gap:22px}footer{align-items:center;flex-direction:column;gap:8px;text-align:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}