*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.section-title{font-size:12px;color:var(--c-accent);letter-spacing:.05em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;text-transform:uppercase}.subtle-link{color:var(--c-muted);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.subtle-link:hover{color:var(--c-accent-strong)}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.resize{resize:both}[stroke-width~="1.8"]{stroke-width:1.8px}.text-\[var\(--c-soft\)\]{color:var(--c-soft)}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{color-scheme:light;--c-bg: #eaf2f9;--c-bg-soft: #f5fafe;--c-bg-elevated: rgba(245, 250, 254, .82);--c-panel: rgba(255, 255, 255, .7);--c-panel-strong: rgba(255, 255, 255, .92);--c-text: #0f172a;--c-muted: rgba(15, 23, 42, .66);--c-soft: rgba(15, 23, 42, .44);--c-accent: #0ea5e9;--c-accent-strong: #0284c7;--c-accent-2: #14b8a6;--c-accent-soft: rgba(14, 165, 233, .1);--c-border: rgba(15, 23, 42, .08);--c-border-strong: rgba(15, 23, 42, .13);--c-border-accent: rgba(14, 165, 233, .28);--c-link: #0284c7;--c-link-underline: rgba(14, 165, 233, .42);--c-code: rgba(14, 165, 233, .09);--c-code-text: #0369a1;--c-shadow: 0 18px 48px rgba(2, 132, 199, .12);--c-shadow-soft: 0 10px 28px rgba(2, 132, 199, .08);--c-top-glow: rgba(14, 165, 233, .16);--home-hero-name-fade-start: #0284c7;--home-hero-name-fade-mid: #0ea5e9;--home-hero-name-fade-end: #14b8a6;--home-analytics-surface: rgba(255, 255, 255, .64);--home-analytics-border: rgba(14, 165, 233, .16);--home-analytics-title: #0f172a;--home-analytics-caption: rgba(15, 23, 42, .5);--home-analytics-number: #0f172a;--home-analytics-shadow: 0 14px 32px rgba(2, 132, 199, .1);--home-analytics-tag-bg: rgba(20, 184, 166, .13);--home-analytics-tag-border: rgba(20, 184, 166, .3);--home-analytics-tag-text: #0d9488}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--c-bg);color:var(--c-text);font-family:Avenir Next,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}::selection{background:#0ea5e938;color:var(--c-text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background-clip:padding-box;background-color:#0ea5e952}::-webkit-scrollbar-thumb:hover{background-color:#0ea5e980}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:4px}code,pre{font-family:JetBrains Mono,Cascadia Code,Consolas,monospace}#app{min-height:100vh}.site-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(125% 80% at 50% -12%,rgba(14,165,233,.12),transparent 58%),radial-gradient(90% 60% at 100% 2%,rgba(20,184,166,.1),transparent 55%),radial-gradient(80% 50% at 0% 8%,rgba(56,189,248,.08),transparent 60%),var(--c-bg);color:var(--c-text)}.site-layer{position:relative;z-index:10}.top-glow{position:absolute;inset:0 0 auto 0;height:17.5rem;pointer-events:none;background:radial-gradient(circle at top,var(--c-top-glow),transparent 65%)}.grid-background{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:1;z-index:0}.grid-background canvas{display:block;width:100%;height:100%}.site-header{position:fixed;inset:0 0 auto 0;z-index:40;pointer-events:none}.site-logo{position:fixed;top:1.15rem;left:1.3rem;z-index:45;display:inline-flex;align-items:center;gap:.55rem;color:var(--c-text);text-decoration:none;pointer-events:auto;transition:opacity .35s ease,transform .35s ease}.site-logo-mark{display:inline-flex;width:2.4rem;height:2.4rem;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:linear-gradient(140deg,var(--c-accent),var(--c-accent-2));color:#fff;font-size:1.08rem;font-weight:800;box-shadow:0 8px 20px #0284c74d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-logo-text{font-size:1rem;font-weight:700;opacity:.78}.header-hidden .site-logo,.header-hidden .site-nav{opacity:0;transform:translateY(-1rem);pointer-events:none}.site-nav{position:fixed;top:2rem;right:1.75rem;display:grid;grid-auto-flow:column;grid-auto-columns:max-content;align-items:center;gap:1.32rem;pointer-events:auto;transition:opacity .35s ease,transform .35s ease}.site-nav-link,.site-nav-icon{color:var(--c-text);opacity:.6;text-decoration:none;transition:opacity .18s ease}.site-nav-link{font-size:1.06rem;line-height:1.6rem}.site-nav-icon{display:inline-flex;width:1.3rem;height:1.6rem;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}.site-nav-icon svg{width:1.3rem;height:1.3rem}.site-nav-link:hover,.site-nav-icon:hover,.site-nav-link-active{opacity:1}.site-nav-link-active{color:var(--c-accent-strong);font-weight:600}.site-nav-icon:hover{color:var(--c-accent-strong)}.site-main{min-height:calc(100vh - 8rem);padding:5.625rem 1.75rem 0}.content-shell{max-width:41rem;margin:0 auto}.page-hero{display:flex;align-items:flex-start;justify-content:flex-start;padding-top:clamp(.5rem,2vh,1.5rem);padding-bottom:clamp(1rem,2.4vh,1.75rem)}.page-hero-copy{display:flex;width:100%;max-width:40rem;flex-direction:column;align-items:flex-start;justify-content:center;gap:.7rem;text-align:left}.section-title{margin:0;color:var(--c-accent);font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;font-size:.75rem;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}.page-heading{margin:0;color:var(--c-text);font-size:clamp(1.7rem,2.8vw,2.4rem);font-weight:800;line-height:1.2}.page-intro{margin:0;max-width:36rem;color:var(--c-muted);font-size:1rem;line-height:1.75rem}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(19rem,26rem);align-items:center;gap:2.5rem;min-height:24rem}.home-hero-title{display:flex;flex-direction:column;gap:.28rem;margin:0;color:var(--c-text);font-size:clamp(1.95rem,4vw,3rem);font-weight:800;line-height:1.05}.home-hero-title>span,.home-hero-visual,.home-copy>*,.home-recent{opacity:0;filter:blur(8px);transform:translateY(-8px);will-change:opacity,filter,transform}.home-hero-title>span:nth-child(n+2){color:var(--c-muted);font-size:1rem;font-weight:400;line-height:1.75rem}.home-hero-gradient-text{background:linear-gradient(180deg,var(--home-hero-name-fade-start) 0%,var(--home-hero-name-fade-mid) 48%,var(--home-hero-name-fade-end) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}.home-hero-title>span:nth-child(n+2) .home-hero-gradient-text{background:none;color:var(--c-accent-strong);font-weight:600}.home-hero-visual{--hero-visual-scale: .85;position:relative;display:flex;width:calc(28rem * var(--hero-visual-scale));height:calc(28rem * var(--hero-visual-scale));align-items:center;justify-content:center;justify-self:end}.home-tech-orbit{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px}.home-tech-orbit:before{content:"";position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:calc(var(--orbit-radius) * 2);height:calc(var(--orbit-radius) * 2);border:1px dashed rgba(14,165,233,.24);border-radius:999px;transform:translate(-50%,-50%)}.home-tech-orbit-outer{--orbit-radius: calc(12rem * var(--hero-visual-scale, 1));--node-size: calc(3rem * var(--hero-visual-scale, 1));animation:home-orbit-spin 28s linear infinite}.home-tech-orbit-inner{--orbit-radius: calc(9.1rem * var(--hero-visual-scale, 1));--node-size: calc(2.75rem * var(--hero-visual-scale, 1));animation:home-orbit-spin-reverse 20s linear infinite}.home-tech-node{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--orbit-angle)) translate(var(--orbit-radius))}.home-tech-node-upright{display:inline-flex;transform:rotate(calc(-1 * var(--orbit-angle)))}.home-tech-node-float{display:inline-flex;width:var(--node-size);height:var(--node-size);align-items:center;justify-content:center;border:1px solid var(--c-border-accent);border-radius:999px;background:linear-gradient(180deg,#fffffff5,#e8f5fde6);box-shadow:0 12px 26px #0284c724,inset 0 1px #ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-tech-node-float img{display:block;width:58%;height:58%;object-fit:contain}.home-tech-icon-mono,.social-icon-mono{filter:brightness(0) saturate(0%) opacity(.78)}.home-tech-orbit-outer .home-tech-node-float{animation:home-orbit-counter-spin 28s linear infinite,home-orbit-float 5.4s ease-in-out infinite;animation-delay:0s,var(--float-delay)}.home-tech-orbit-inner .home-tech-node-float{animation:home-orbit-counter-spin-reverse 20s linear infinite,home-orbit-float 4.8s ease-in-out infinite;animation-delay:0s,var(--float-delay)}.home-hero-avatar-shell{position:absolute;top:50%;left:50%;width:calc(13.5rem * var(--hero-visual-scale, 1));height:calc(13.5rem * var(--hero-visual-scale, 1));transform:translate(-50%,-50%)}.home-hero-avatar-glow{position:absolute;right:6%;bottom:.15rem;left:6%;height:40%;border-radius:999px;background:radial-gradient(ellipse at center,rgba(20,184,166,.45) 0%,rgba(14,165,233,.36) 44%,rgba(56,189,248,.2) 72%,transparent 100%);filter:blur(24px);opacity:.95;transform:translateY(18%) scale(1.3)}.home-hero-avatar-image{position:relative;z-index:1;display:block;width:100%;height:100%;border-radius:999px;border:3px solid rgba(255,255,255,.72);box-shadow:0 18px 44px #0284c738,0 0 0 1px #0ea5e929;object-fit:cover}.home-copy{margin-top:2.5rem}.home-copy p{margin:0 0 1.15rem;color:var(--c-muted);font-size:1rem;line-height:1.75rem}.home-copy strong,.article-content strong{color:var(--c-text);font-weight:600}.home-skills-title{display:inline-block;margin-bottom:.35rem;color:var(--c-text);font-weight:700}.inline-tag{display:inline-flex;align-items:center;margin:.1rem .35rem .1rem 0;padding:.2rem .55rem;border-radius:.5rem;border:1px solid var(--c-border-accent);background:var(--c-accent-soft);color:var(--c-accent-strong);font-size:.88rem;font-weight:500;line-height:1.4}.skill-tag{display:inline-flex;align-items:center;gap:.4rem;margin:.2rem .45rem .2rem 0;padding:.32rem .72rem;border-radius:.65rem;border:1px solid var(--c-border);background:var(--c-panel-strong);color:var(--c-text);font-size:.9rem;font-weight:500;line-height:1.4;box-shadow:var(--c-shadow-soft);transition:border-color .16s ease,box-shadow .16s ease}.skill-tag:hover{border-color:var(--c-border-accent);box-shadow:0 8px 18px #0284c71f}.skill-tag-icon{width:1rem;height:1rem;object-fit:contain}.text-link,.article-content a{color:var(--c-link);text-decoration:underline;text-decoration-color:var(--c-link-underline);text-underline-offset:.18em;transition:color .16s ease,text-decoration-color .16s ease}.text-link:hover,.article-content a:hover{color:var(--c-accent-strong);text-decoration-color:var(--c-accent)}.social-icon{width:1.1em;height:1.3em;vertical-align:-.2em;opacity:.85}.home-analytics-shell{margin-top:1.6rem}.home-card{padding:1.6rem 1.75rem;border:1px solid var(--c-border);border-radius:1rem;background:var(--c-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--c-shadow-soft)}.home-card>p:first-child{margin-bottom:1.4rem}.home-bio{margin:0;display:flex;flex-direction:column;gap:1rem}.home-bio-row{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.9rem;align-items:baseline}.home-bio-key{margin:0;font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;font-size:.78rem;font-weight:600;letter-spacing:.06em;color:var(--c-accent)}.home-bio-val{margin:0;color:var(--c-muted);font-size:.96rem;line-height:1.7}.home-bio-projects{margin:.5rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.4rem}.home-bio-projects li{line-height:1.6}.home-bio-project-note{color:var(--c-soft)}.home-bio-skills{display:flex;flex-wrap:wrap;align-items:center;margin-top:-.2rem}.home-bio-note{display:block;width:100%;margin-top:.5rem;color:var(--c-soft);font-size:.86rem}.home-social{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.home-social-icon,.home-social-btn{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;padding:0;border:1px solid var(--c-border);border-radius:.6rem;background:var(--c-panel-strong);box-shadow:var(--c-shadow-soft);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.home-social-icon:hover,.home-social-btn:hover{border-color:var(--c-border-accent);transform:translateY(-2px);box-shadow:0 8px 18px #0284c71f}.home-social-icon img,.home-social-btn img{width:1.05rem;height:1.05rem;object-fit:contain}.home-social-btn{width:auto;min-width:2.2rem;gap:.45rem;padding:0 .65rem}.home-wechat-id{font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;font-size:.82rem;color:var(--c-accent-strong);letter-spacing:.02em}.home-wechat-copied{color:var(--c-accent-2);font-size:.72rem;margin-left:.1rem}@media(max-width:640px){.home-bio-row{grid-template-columns:1fr;gap:.3rem}.home-card{padding:1.25rem 1.15rem}}.home-recent{margin-top:2rem}.home-recent-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.9rem}.home-recent-more{color:var(--c-link);font-size:.85rem;text-decoration:none;transition:color .16s ease}.home-recent-more:hover{color:var(--c-accent-strong)}.home-recent-list{display:flex;flex-direction:column;gap:.5rem}.home-recent-item{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.85rem 1.1rem;border:1px solid var(--c-border);border-radius:.85rem;background:var(--c-panel);text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.home-recent-item:hover{transform:translate(4px);border-color:var(--c-border-accent);box-shadow:var(--c-shadow-soft)}.home-recent-item-title{color:var(--c-text);font-size:1rem;font-weight:500;line-height:1.4;transition:color .16s ease}.home-recent-item:hover .home-recent-item-title{color:var(--c-accent-strong)}.home-recent-item-date{flex:0 0 auto;color:var(--c-soft);font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;font-size:.8rem}.home-analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(10.8rem,1fr));gap:.76rem}.home-analytics-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(3rem,4.15rem);grid-template-areas:"head value" "tag value";align-items:center;min-height:4.95rem;gap:.28rem .8rem;overflow:hidden;border:1px solid var(--home-analytics-border);border-radius:1.35rem;background:var(--home-analytics-surface);padding:.72rem .92rem;box-shadow:var(--home-analytics-shadow);-webkit-backdrop-filter:blur(14px) saturate(135%);backdrop-filter:blur(14px) saturate(135%);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.home-analytics-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--c-accent),var(--c-accent-2));opacity:.9}.home-analytics-card:hover{transform:translateY(-3px);border-color:var(--c-border-accent);box-shadow:0 18px 38px #0284c729}.home-analytics-card-head{grid-area:head;min-width:0}.home-analytics-card-title{margin:0;color:var(--home-analytics-title);font-size:.9rem;font-weight:700;line-height:1.1}.home-analytics-card-caption{margin:0;color:var(--home-analytics-caption);font-size:.62rem;line-height:1.1;text-transform:uppercase}.home-analytics-card-value{grid-area:value;justify-self:center;margin:0;color:var(--home-analytics-number);font-size:clamp(1.9rem,3.4vw,2.35rem);font-weight:800;line-height:.8}.home-analytics-card-change{grid-area:tag;display:inline-flex;width:fit-content;align-items:center;gap:.32rem;border:1px solid var(--home-analytics-tag-border);border-radius:999px;background:var(--home-analytics-tag-bg);padding:.22rem .54rem .22rem .46rem;color:var(--home-analytics-tag-text);font-size:.74rem;font-weight:600;line-height:1}.entry-list{margin-top:2rem}.entry-list section{position:relative;margin-top:2.6rem;padding-top:2.6rem}.entry-list section:first-child{margin-top:0}.entry-year{position:absolute;top:-.7rem;left:-.4rem;z-index:0;margin:0;font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;font-size:clamp(3.5rem,11vw,5.6rem);font-weight:800;line-height:1;letter-spacing:-.04em;color:transparent;background:linear-gradient(160deg,var(--c-accent),var(--c-accent-2));-webkit-background-clip:text;background-clip:text;opacity:.16;pointer-events:none;-webkit-user-select:none;user-select:none}.entry-row{position:relative;z-index:1;display:block;margin:0 0 .9rem;padding:1.15rem 1.35rem;border:1px solid var(--c-border);border-radius:1rem;background:var(--c-panel);text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.entry-row:before{content:"";position:absolute;top:1.3rem;bottom:1.3rem;left:0;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--c-accent),var(--c-accent-2));opacity:0;transition:opacity .2s ease}.entry-row:hover{transform:translateY(-3px);border-color:var(--c-border-accent);box-shadow:var(--c-shadow-soft)}.entry-row:hover:before{opacity:1}.entry-row-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.entry-title{color:var(--c-text);font-size:1.125rem;font-weight:500;line-height:1.3;transition:color .18s ease}.entry-row:hover .entry-title{color:var(--c-accent-strong)}.entry-summary{margin:.35rem 0 0;color:var(--c-soft);font-size:.95rem;line-height:1.65}.entry-meta{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:.45rem;color:var(--c-soft);font-size:.875rem;line-height:1.25rem;opacity:.5}.entry-row:hover .entry-meta{opacity:1}.reading-progress{position:fixed;top:0;left:0;right:0;z-index:50;height:3px;background:linear-gradient(90deg,var(--c-accent),var(--c-accent-2));transform-origin:left;transform:scaleX(0);transition:transform 80ms linear}.back-link{display:inline-flex;margin-bottom:2rem;text-decoration:none}.detail-heading{max-width:none;margin-top:.85rem}.detail-summary{margin-top:1rem}.detail-meta-wrap{margin-top:1rem;border-bottom:1px solid var(--c-border);padding-bottom:1.5rem}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;color:var(--c-soft);font-size:.9rem;line-height:1.8}.article-tags{display:flex;flex-wrap:wrap;gap:.25rem}.article-content{max-width:none;margin-top:2rem;color:#0f172ad6;font-size:1.05rem;line-height:1.85}.article-content>:first-child{margin-top:0}.article-content p,.article-content ul,.article-content ol,.article-content blockquote,.article-content pre{margin:0 0 1.4rem}.article-content h2,.article-content h3,.article-content h4{color:var(--c-text);font-weight:700;scroll-margin-top:108px}.article-content h2{position:relative;margin:3rem 0 1.5rem;padding-bottom:.55rem;font-size:1.5rem;line-height:2rem}.article-content h2:after{content:"";position:absolute;left:0;bottom:0;width:2.5rem;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--c-accent),var(--c-accent-2))}.article-content h3{margin:2rem 0 1rem;font-size:1.125rem;line-height:1.75rem}.article-content li{margin-bottom:.35rem}.article-content code{padding:.12rem .4rem;border-radius:.4rem;border:1px solid var(--c-border-accent);background:var(--c-code);color:var(--c-code-text);font-size:.92em}.article-content pre{overflow-x:auto;border:1px solid var(--c-border);border-radius:1rem;background:var(--c-panel-strong);padding:1.1rem 1.2rem;box-shadow:var(--c-shadow-soft)}.article-content pre code{padding:0;border:0;background:none;color:var(--c-text);font-size:.9rem}.article-content blockquote{margin-left:0;padding:.6rem 0 .6rem 1.15rem;border-left:3px solid var(--c-accent);border-radius:0 .6rem .6rem 0;background:var(--c-accent-soft);color:var(--c-muted)}.article-toc-rail{position:fixed;top:5rem;left:1.75rem;z-index:35;display:none;width:min(15rem,calc((100vw - 45rem)/2));min-height:13rem;pointer-events:auto}.article-toc-panel{width:2rem;max-width:min(15rem,calc(100vw - 2.5rem));overflow:hidden;color:var(--c-muted);opacity:.72;transition:width .22s ease,opacity .18s ease}.article-toc-trigger{display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center;flex-direction:column;gap:.28rem;padding:0;border:1px solid var(--c-border-accent);border-radius:.5rem;background:var(--c-accent-soft);color:var(--c-accent-strong)}.article-toc-trigger span{display:block;width:1.1rem;height:1px;background:currentColor}.article-toc-links{display:flex;width:13rem;max-height:calc(100vh - 8.5rem);flex-direction:column;gap:.4rem;overflow-y:auto;padding-top:.72rem;opacity:0;scrollbar-width:none;transform:translateY(-.2rem);transition:opacity .16s ease,transform .18s ease}.article-toc-link{display:block;width:fit-content;max-width:100%;color:var(--c-muted);font-size:.84rem;line-height:1.45;text-decoration:none;word-break:break-word}.article-toc-link:hover,.article-toc-link:focus-visible{color:var(--c-accent-strong);outline:none}.article-toc-link-active{color:var(--c-accent-strong);font-weight:600}.article-toc-rail:hover .article-toc-panel,.article-toc-rail:focus-within .article-toc-panel{width:13rem;opacity:1}.article-toc-rail:hover .article-toc-links,.article-toc-rail:focus-within .article-toc-links{opacity:1;transform:translateY(0)}.project-list{margin-top:1rem}.simple-card{position:relative;display:block;margin-bottom:.9rem;padding:1.2rem 1.4rem;border:1px solid var(--c-border);border-radius:1rem;background:var(--c-panel);text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.simple-card:hover{transform:translateY(-3px);border-color:var(--c-border-accent);box-shadow:var(--c-shadow-soft)}.simple-card-title{color:var(--c-muted);font-size:1.02rem;line-height:1.6;transition:color .18s ease}.simple-card:hover .simple-card-title{color:var(--c-accent-strong)}.simple-card-desc{margin:.3rem 0 0;color:var(--c-soft);font-size:.95rem;line-height:1.75}.simple-card-meta{display:flex;flex-wrap:wrap;gap:.7rem 1rem;margin-top:.55rem;color:var(--c-soft);font-size:.82rem}.simple-card-meta span:first-child{color:var(--c-accent-strong);font-weight:500}.video-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.2rem}.video-card{overflow:hidden;border:1px solid var(--c-border);border-radius:1.1rem;background:var(--c-panel);box-shadow:var(--c-shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.video-card:hover{transform:translateY(-3px);border-color:var(--c-border-accent);box-shadow:var(--c-shadow)}.video-player,.video-placeholder{display:block;width:100%;aspect-ratio:16 / 9;border:0;background:#0ea5e90f}.video-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0ea5e91f,#14b8a614);color:var(--c-accent);font-size:2.2rem;font-weight:800}.video-card-body{padding:1rem}.video-title{margin:0;color:var(--c-text);font-size:1.05rem;line-height:1.45}.video-desc{margin:.4rem 0 0;color:var(--c-muted);font-size:.95rem;line-height:1.7}.video-empty{margin-top:1.4rem;padding:2.25rem 1.75rem;border:1px solid var(--c-border);border-radius:1.25rem;background:var(--c-panel);box-shadow:var(--c-shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-empty h2{margin:.65rem 0 0;color:var(--c-text);font-size:1.35rem}.video-empty p:last-child{margin:.65rem 0 0;color:var(--c-muted);line-height:1.75}.state-shell{padding:2.25rem 1.75rem;border:1px solid var(--c-border);border-radius:1.25rem;background:var(--c-panel);box-shadow:var(--c-shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.state-shell .page-heading{margin-top:.75rem}.state-shell .page-intro{margin-top:.75rem;margin-bottom:1rem}.back-parent{display:flex;width:fit-content;max-width:100%;align-items:center;gap:.5rem;margin:2rem auto;color:var(--c-muted);font-size:.875rem}.site-footer{max-width:41rem;margin:4rem auto 0;padding:0 1.75rem 3rem;color:var(--c-soft);font-size:.875rem}.site-footer p{margin:.45rem 0 0}.site-footer-line{width:5rem;height:2px;margin-bottom:1rem;border-radius:2px;background:linear-gradient(90deg,var(--c-accent),var(--c-accent-2))}.site-credit{opacity:.72}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .26s ease,transform .26s ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0;transform:translateY(6px)}@keyframes home-orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes home-orbit-spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes home-orbit-counter-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes home-orbit-counter-spin-reverse{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes home-orbit-float{0%,to{translate:0 0}50%{translate:0 -.26rem}}@media(min-width:1180px){.article-toc-rail{display:block}}@media(max-width:640px){.site-logo{top:.8rem;left:.75rem}.site-logo-mark{width:2.1rem;height:2.1rem}.site-logo-text{display:none}.site-nav{top:1.45rem;right:.75rem;gap:.58rem}.site-nav-link{font-size:.82rem;line-height:1.3rem}.site-nav-icon{width:1.08rem;height:1.3rem}.site-nav-icon svg{width:1.08rem;height:1.08rem}.site-main{padding:5rem 1.25rem 0}.home-hero{grid-template-columns:1fr;gap:1.5rem;min-height:auto}.home-hero-copy{order:2}.home-hero-visual{order:1;justify-self:start;width:calc(20rem * var(--hero-visual-scale));height:calc(20rem * var(--hero-visual-scale));margin-left:-1rem}.home-hero-title{font-size:2.1rem;line-height:1.02}.home-tech-orbit-outer{--orbit-radius: calc(8.55rem * var(--hero-visual-scale, 1));--node-size: calc(2.35rem * var(--hero-visual-scale, 1))}.home-tech-orbit-inner{--orbit-radius: calc(5.95rem * var(--hero-visual-scale, 1));--node-size: calc(2.05rem * var(--hero-visual-scale, 1))}.home-hero-avatar-shell{width:calc(9.25rem * var(--hero-visual-scale, 1));height:calc(9.25rem * var(--hero-visual-scale, 1))}.home-analytics-grid{grid-template-columns:1fr}.entry-row-head{flex-direction:column;align-items:flex-start;gap:.35rem}.entry-meta{margin-top:0}.page-heading{font-size:2.25rem;line-height:2.5rem}.grid-background{opacity:.7}}@media(max-width:380px){.site-nav{top:1.3rem;transform:scale(.84);transform-origin:top right}.home-hero-visual{margin-left:-1.35rem}}