:root{--bg:#fff;--bg-soft:#fafafa;--bg-cell:#f6f8fb;--ink:#0a0a0a;--ink-soft:#1f2937;--muted:#64748b;--muted-dim:#94a3b8;--accent:#2d5a88;--accent-strong:#1e3f63;--accent-soft:#2d5a881f;--accent-line:#2d5a8852;--border:#0a0a0a;--border-w:1px;--border-soft:#0a0a0a2e;--radius:0;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-pixel:"Press Start 2P", ui-monospace, "SFMono-Regular", Menlo, monospace;--grid-size:24px;--max-w:1180px;--status-green:#166534;--warn:#b45309;--hot:#dc2626}html[data-pixel-mode=true]{--bg:#fff;--bg-soft:#fff;--bg-cell:#fff;--ink:#000;--ink-soft:#000;--muted:#000;--muted-dim:#333;--accent:#000;--accent-strong:#000;--accent-soft:#f1f1f1;--accent-line:#00000080;--border:#000;--border-w:2px;--border-soft:#0009;--radius:0;--font-mono:var(--font-pixel);--font-body:var(--font-pixel);--grid-size:18px;--status-green:#000;--warn:#000;--hot:#000}html[data-theme=dark]:not([data-cli-mode=true]){--bg:#0a101cd1;--bg-soft:#0c1424e0;--bg-cell:#0f182ac7;--ink:#f1f5f9;--ink-soft:#cbd5e1;--muted:#94a3b8;--muted-dim:#64748b;--accent:#60a5fa;--accent-strong:#93c5fd;--accent-soft:#60a5fa1f;--accent-line:#60a5fa59;--border:#94a3b861;--border-soft:#94a3b838;--status-green:#4ade80}html[data-theme=dark][data-pixel-mode=true]:not([data-cli-mode=true]){--bg:#000000d9;--bg-soft:#000000e6;--bg-cell:#000000d1;--ink:#fff;--ink-soft:#e5e5e5;--muted:#ccc;--muted-dim:#999;--accent:#fff;--accent-strong:#fff;--accent-soft:#ffffff14;--border:#fff;--border-soft:#ffffff73;--status-green:#fff}html[data-theme=dark]:not([data-cli-mode=true]) body{color:var(--ink);background:#050810}html[data-theme=dark]:not([data-cli-mode=true]) .card{-webkit-backdrop-filter:none}html[data-theme=light]:not([data-cli-mode=true]) .card{background:var(--bg);-webkit-backdrop-filter:none}html[data-theme=light]:not([data-cli-mode=true]) .role-copy-inner,html[data-theme=light]:not([data-cli-mode=true]) .credentials-panel,html[data-theme=light]:not([data-cli-mode=true]) .hero-statement{background:var(--bg)}html[data-theme=dark]:not([data-cli-mode=true]) .blueprint-grid{opacity:.55;background-image:linear-gradient(#60a5fa0d 1px,#0000 1px),linear-gradient(90deg,#60a5fa0d 1px,#0000 1px);-webkit-mask-image:none;mask-image:none}html[data-theme=dark]:not([data-cli-mode=true]) .site-titles{color:#7dd3fc}html[data-theme=dark]:not([data-cli-mode=true]) .site-titles .sep{color:#000}html[data-theme=dark]:not([data-cli-mode=true]) .portrait-inner{border-color:var(--border);background:#0f172a}html[data-theme=dark]:not([data-cli-mode=true]) .sys-bar{border-bottom-color:var(--border);background:#070b14bf}html[data-theme=dark]:not([data-cli-mode=true]) .site-footer{border-top-color:var(--border);background:#030712eb}html[data-theme=claude]:not([data-cli-mode=true]){--bg:#faf9f5eb;--bg-soft:#f5f3edf0;--bg-cell:#f0ece4e0;--ink:#1a1816;--ink-soft:#3d3929;--muted:#524c47;--muted-dim:#6b5e54;--accent:#c15f3c;--accent-strong:#a84e2f;--accent-soft:#c15f3c24;--accent-line:#c15f3c61;--border:#3d392959;--border-soft:#3d392933;--status-green:#5c7a4a}html[data-theme=claude][data-pixel-mode=true]:not([data-cli-mode=true]){--bg:#faf9f5f2;--bg-soft:#faf9f5;--bg-cell:#f5f3ed;--ink:#1f1e1d;--ink-soft:#2d2926;--muted:#524c47;--muted-dim:#6b5e54;--accent:#c15f3c;--accent-strong:#a84e2f;--accent-soft:#c15f3c1f;--border:#3d3929;--border-soft:#3d392973;--status-green:#5c7a4a}html[data-theme=claude]:not([data-cli-mode=true]) body{color:var(--ink);background:#faf9f5}html[data-theme=claude]:not([data-cli-mode=true]) .card{background:var(--bg);-webkit-backdrop-filter:none}html[data-theme=claude]:not([data-cli-mode=true]) .role-copy-inner,html[data-theme=claude]:not([data-cli-mode=true]) .credentials-panel,html[data-theme=claude]:not([data-cli-mode=true]) .hero-statement{background:var(--bg)}html[data-theme=claude]:not([data-cli-mode=true]) .blueprint-grid{opacity:.5;background-image:linear-gradient(#c15f3c0f 1px,#0000 1px),linear-gradient(90deg,#c15f3c0f 1px,#0000 1px);-webkit-mask-image:none;mask-image:none}html[data-theme=claude]:not([data-cli-mode=true]) .site-titles{color:#c15f3c}html[data-theme=claude]:not([data-cli-mode=true]) .site-titles .sep{color:#000}html[data-theme=claude]:not([data-cli-mode=true]) .portrait-inner{border-color:var(--border);background:#f0ece4}html[data-theme=claude]:not([data-cli-mode=true]) .sys-bar{border-bottom-color:var(--border);background:#faf9f5e0}html[data-theme=claude]:not([data-cli-mode=true]) .site-footer{color:var(--ink);border-top-color:var(--border);background:#ede8df}html[data-theme=claude]:not([data-cli-mode=true]) .footer-coord{color:var(--accent-strong)}html[data-theme=claude]:not([data-cli-mode=true]) .footer-coord:before{background:var(--accent);border:1px solid var(--accent-strong)}html[data-theme=claude]:not([data-cli-mode=true]) .footer-headline{color:var(--ink)}html[data-theme=claude]:not([data-cli-mode=true]) .footer-body{color:var(--ink-soft)}html[data-theme=claude]:not([data-cli-mode=true]) .footer-meta,html[data-theme=claude]:not([data-cli-mode=true]) .footer-glyphs{color:var(--muted)}html[data-theme=claude]:not([data-cli-mode=true]) .site-name,html[data-theme=claude]:not([data-cli-mode=true]) .hero-headline,html[data-theme=claude]:not([data-cli-mode=true]) .role-title,html[data-theme=claude]:not([data-cli-mode=true]) .career-entry-title{color:var(--ink)}html[data-theme=claude]:not([data-cli-mode=true]) .credential-title{color:var(--accent-strong)}html[data-theme=claude]:not([data-cli-mode=true]) .vectors-list li,html[data-theme=claude]:not([data-cli-mode=true]) .career-bullets li{color:var(--ink-soft)}html[data-theme=claude]:not([data-cli-mode=true]) .nav-link{color:var(--ink-soft);border-color:var(--border)}html[data-theme=claude]:not([data-cli-mode=true]) .nav-link:hover{color:var(--ink);background:var(--accent-soft)}html[data-theme=claude]:not([data-cli-mode=true]) .nav-link.is-active{background:var(--accent-strong);color:#faf9f5;border-color:var(--accent-strong)}html[data-theme=claude]:not([data-cli-mode=true]) .mode-toggle{border-color:var(--border);color:var(--ink)}html[data-theme=claude]:not([data-cli-mode=true]) .mode-toggle:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}html[data-theme=claude]:not([data-cli-mode=true]) .theme-toggle{border-color:var(--accent);color:var(--accent-strong)}html[data-theme=claude]:not([data-cli-mode=true]) .theme-toggle:hover{background:var(--accent-soft)}html[data-theme=claude]:not([data-cli-mode=true]) .status-badge{border-color:var(--status-green);color:var(--bg);background:var(--status-green)}html[data-theme=claude]:not([data-cli-mode=true]) .contact-btn{background:var(--accent);border-color:var(--accent-strong);color:#faf9f5}html[data-theme=claude]:not([data-cli-mode=true]) .contact-btn:hover{background:var(--accent-strong)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.6}html[data-pixel-mode=true] body{letter-spacing:.02em;font-size:11px;line-height:1.7}#root{min-height:100vh}.app-shell{min-height:100vh;position:relative;overflow-x:clip}.starfield-canvas{z-index:1;pointer-events:none;opacity:0;transition:opacity .45s;position:fixed;inset:0}html[data-theme=light]:not([data-cli-mode=true]) .starfield-canvas,html[data-theme=claude]:not([data-cli-mode=true]) .starfield-canvas,html[data-theme=dark]:not([data-cli-mode=true]) .starfield-canvas{opacity:1}html[data-cli-mode=true] .starfield-canvas{opacity:0}html[data-cli-mode=true][data-theme=dark] .starfield-canvas{opacity:.55}html[data-cli-mode=true][data-theme=light] .starfield-canvas,html[data-cli-mode=true][data-theme=claude] .starfield-canvas{opacity:.9}.blueprint-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#2d5a8812 1px,#0000 1px),linear-gradient(90deg,#2d5a8812 1px,#0000 1px);background-size:var(--grid-size) var(--grid-size);position:fixed;inset:0}html[data-pixel-mode=true] .blueprint-grid{background-image:radial-gradient(circle,#0000002e 1.2px,#0000 1.4px);background-size:var(--grid-size) var(--grid-size);-webkit-mask-image:none;mask-image:none}.app-content{z-index:2;max-width:var(--max-w);margin:0 auto;padding:1.25rem 1.5rem 0;position:relative}.card{background:var(--bg);border:var(--border-w) solid var(--border);border-radius:var(--radius);box-shadow:none}.card-pad{padding:1.1rem 1.35rem}.card-inset{border:var(--border-w) solid var(--border);background:var(--bg-soft);padding:.85rem 1.05rem}.coord-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.5rem;margin:0 0 .55rem;padding:0 .05rem;font-size:.78rem;font-weight:700;display:inline-flex}.coord-label:before{content:"";border:1.5px solid var(--accent);width:.55rem;height:.55rem;display:inline-block;transform:rotate(45deg)}html[data-pixel-mode=true] .coord-label:before{background:#000;border-color:#000;width:8px;height:8px;transform:none}.section-title{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .6rem;font-size:clamp(.95rem,1.6vw,1.1rem);font-weight:700}.section-meta{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.62rem}.mono{font-family:var(--font-mono);letter-spacing:.04em;font-size:.72rem}.sys-bar{border-bottom:var(--border-w) solid var(--border);background:var(--bg);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .75rem;margin:0 -1.5rem .15rem;padding:.22rem .25rem .22rem 1rem;font-size:.58rem;line-height:1.2;display:flex}.sys-bar .dot{background:var(--accent);vertical-align:middle;width:.5rem;height:.5rem;margin-right:.4rem;display:inline-block}html[data-pixel-mode=true] .sys-bar .dot{background:#000}.sys-bar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.15rem .85rem;margin-left:auto;display:inline-flex}.sys-bar .status-badge{letter-spacing:.14em;padding:.18rem .45rem;font-size:.6rem}@media (width<=768px){.sys-bar{gap:.12rem .5rem;padding:.18rem .25rem .18rem 1rem}.sys-bar-right{justify-content:flex-end;gap:.1rem .65rem;width:100%}}.site-header{border-bottom:var(--border-w) solid var(--border);flex-direction:column;gap:.4rem;padding:.15rem .25rem .5rem;display:flex}.header-tabs{border-bottom:var(--border-w) solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:0;margin-bottom:-1px;display:flex}.header-main{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.site-name{font-family:var(--font-mono);letter-spacing:-.01em;margin:0 0 .05rem;font-size:clamp(1.25rem,2.4vw,1.65rem);font-weight:700}html[data-pixel-mode=true] .site-name{letter-spacing:.02em;font-size:clamp(.95rem,1.8vw,1.15rem)}.name-zh{color:var(--muted);margin-left:.35rem;font-weight:400}.site-titles{font-family:var(--font-mono);letter-spacing:.12em;color:#00f;text-transform:uppercase;margin:0;font-size:.88rem;font-weight:700}.site-titles .sep{color:#000;margin:0 .45rem}.header-right{flex-direction:column;align-items:flex-end;gap:.5rem;margin-left:auto;display:flex}.site-nav{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.nav-link{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border:var(--border-w) solid var(--ink);color:var(--muted);padding:.35rem .6rem;font-size:.58rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.nav-link:hover{color:var(--ink);border-color:var(--ink)}.nav-link.is-active{background:var(--ink);color:var(--bg);border-color:var(--ink)}html[data-theme=dark]:not([data-cli-mode=true]) .nav-link.is-active{background:var(--accent);color:#0f172a;border-color:var(--accent)}html[data-pixel-mode=true] .nav-link.is-active{color:#fff;background:#000;border-color:#000}.header-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}@media (width<=768px){.header-right{flex:100%;align-items:flex-end;width:100%}.header-controls,.site-nav{justify-content:flex-end;width:100%}}.theme-toggle{font-family:var(--font-mono);border:var(--border-w) solid var(--border);background:var(--bg);color:var(--ink);cursor:pointer;letter-spacing:.16em;text-transform:uppercase;padding:.4rem .7rem;font-size:.6rem;transition:background .15s,border-color .15s}.theme-toggle:hover{background:var(--accent-soft)}.theme-toggle:before{content:"☀";margin-right:.45rem}html[data-theme=dark]:not([data-cli-mode=true]) .theme-toggle:before{content:"☾"}html[data-theme=claude]:not([data-cli-mode=true]) .theme-toggle:before{content:"◆"}html[data-cli-mode=true] .theme-toggle:before{content:"◐"}.status-badge{font-family:var(--font-mono);border:var(--border-w) solid var(--status-green);color:var(--status-green);letter-spacing:.18em;text-transform:uppercase;background:var(--bg);cursor:pointer;padding:.3rem .55rem;font-size:.65rem;text-decoration:none;transition:filter .15s,opacity .15s}a.status-badge:hover{filter:brightness(1.08)}a.status-badge:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html:not([data-cli-mode=true]) .status-badge{background:var(--status-green);color:var(--bg);border-color:var(--status-green)}.status-badge:before{content:"";background:var(--status-green);vertical-align:middle;width:.45rem;height:.45rem;margin-right:.45rem;animation:1.6s ease-in-out infinite blink;display:inline-block}html:not([data-cli-mode=true]) .status-badge:before{background:var(--bg)}@keyframes blink{50%{opacity:.35}}.mode-toggle{font-family:var(--font-mono);border:var(--border-w) solid var(--border);background:var(--bg);color:var(--ink);cursor:pointer;letter-spacing:.16em;text-transform:uppercase;padding:.4rem .7rem;font-size:.6rem;transition:background .15s}.mode-toggle:hover{background:var(--accent-soft)}.mode-toggle:before{content:"◧";color:var(--accent);margin-right:.5rem}html[data-pixel-mode=true] .mode-toggle:before{content:"■";color:#000}.pixel-toggle{font-family:var(--font-mono);border:var(--border-w) solid var(--border);background:var(--bg);color:var(--ink);cursor:pointer;letter-spacing:.16em;text-transform:uppercase;padding:.4rem .7rem;font-size:.6rem}.hero-section{grid-template-columns:minmax(220px,300px) 1fr;gap:1.1rem;margin-bottom:1.15rem;display:grid}@media (width<=860px){.hero-section{grid-template-columns:1fr}}.hero-portrait-frame{background:var(--bg);flex-direction:column;gap:.45rem;padding:.55rem;display:flex}.portrait-coords{font-family:var(--font-mono);letter-spacing:.18em;color:var(--muted);text-transform:uppercase;justify-content:space-between;font-size:.55rem;display:flex}.portrait-inner{border:var(--border-w) solid var(--border);background:#f1f5f9;flex:1;min-height:340px;position:relative;overflow:hidden}.portrait-img{object-fit:cover;object-position:center 25%;width:100%;height:100%;min-height:340px;transition:opacity .4s;display:block}.portrait-img.fading{opacity:.2}.portrait-img.visible{opacity:1}.portrait-corner{border:var(--border-w) solid var(--border);background:var(--bg);width:14px;height:14px;position:absolute}.portrait-corner.tl{border-bottom:none;border-right:none;top:-1px;left:-1px}.portrait-corner.tr{border-bottom:none;border-left:none;top:-1px;right:-1px}.portrait-corner.bl{border-top:none;border-right:none;bottom:-1px;left:-1px}.portrait-corner.br{border-top:none;border-left:none;bottom:-1px;right:-1px}.portrait-caption{font-family:var(--font-mono);letter-spacing:.16em;color:var(--muted);text-transform:uppercase;justify-content:space-between;font-size:.55rem;display:flex}.portrait-dots{gap:4px;display:inline-flex}.portrait-dots span{background:var(--muted-dim);width:6px;height:6px}.portrait-dots span.active{background:var(--accent)}html[data-pixel-mode=true] .portrait-dots span.active{background:#000}.hero-content{flex-direction:column;gap:.9rem;display:flex}.hero-statement{padding:1.2rem 1.5rem 1.4rem}.hero-headline{font-family:var(--font-body);max-width:none;margin:0 0 .85rem;font-size:clamp(1.35rem,2.8vw,1.85rem);font-weight:600;line-height:1.22}html[data-pixel-mode=true] .hero-headline{font-family:var(--font-pixel);font-size:clamp(.85rem,2.2vw,1.05rem);line-height:1.7}.hero-body{color:var(--ink-soft);text-align:justify;text-justify:inter-word;width:100%;max-width:none;margin:0;font-size:.96rem}html[data-pixel-mode=true] .hero-body{font-size:.72rem;line-height:1.85}.credentials-panel{padding:1rem 1.25rem 1.25rem}.credentials-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.4rem;margin-top:.35rem;display:grid}.credentials-col{flex-direction:column;gap:.85rem;display:flex}@media (width<=560px){.credentials-grid{grid-template-columns:1fr}}.credential-block{position:relative}.credential-title{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent);text-transform:uppercase;margin:0 0 .4rem;font-size:.66rem;font-weight:700}.credential-block ul{color:var(--ink-soft);margin:0;padding:0;font-size:.88rem;line-height:1.45;list-style:none}html[data-pixel-mode=true] .credential-block ul{font-size:.68rem;line-height:1.85}.role-desc-bullets,.credential-block ul,.career-bullets{margin:0;padding:0;list-style:none}.role-desc-bullets{margin-bottom:.85rem;font-size:.92rem}.career-bullets{font-size:.9rem}.role-desc-bullets li,.credential-block li,.career-bullets li{font-size:inherit;color:var(--ink-soft);margin-bottom:.35rem;padding-left:.9rem;line-height:1.55;position:relative}.role-desc-bullets li:last-child,.credential-block li:last-child,.career-bullets li:last-child{margin-bottom:0}.role-desc-bullets li:before,.career-bullets li:before{content:"•";color:var(--accent);line-height:1;position:absolute;top:.08em;left:0}html[data-pixel-mode=true] .role-desc-bullets li:before,html[data-pixel-mode=true] .career-bullets li:before{content:"■";color:#000}.credential-block li:before{content:"";background:var(--accent);width:.45rem;height:1px;position:absolute;top:.5em;left:0}.expertise-vectors{margin-bottom:2.75rem;padding:1.1rem 1.4rem 1rem;position:relative;overflow:visible}.vectors-grid{padding-right:clamp(150px,24%,220px)}.vectors-subtitle{color:var(--muted);margin:0 0 .35rem;font-size:.88rem;line-height:1.45}html[data-pixel-mode=true] .vectors-subtitle{font-size:.7rem}.vectors-list{flex-direction:column;justify-content:space-evenly;margin:0;padding:0;list-style:none;display:flex}.vectors-list li{border-bottom:1px dashed var(--border-soft);align-items:center;gap:.85rem;padding:.4rem 0;font-size:.88rem;line-height:1.35;display:flex}html[data-pixel-mode=true] .vectors-list li{font-size:.72rem}.vectors-list li:last-child{border-bottom:none}.vectors-visual{z-index:4;pointer-events:none;justify-content:center;align-items:flex-end;width:clamp(160px,26%,230px);display:flex;position:absolute;top:.35rem;bottom:-2.25rem;right:clamp(.35rem,2vw,.85rem)}.vectors-visual img{object-fit:contain;object-position:bottom center;width:auto;max-width:100%;height:100%;display:block;transform:translate(-8%)}@media (width<=720px){.vectors-grid{padding-right:0}.vectors-list{justify-content:flex-start}.vectors-list li{padding:.5rem 0}.vectors-visual{align-items:center;width:100%;margin-top:.5rem;position:relative;top:auto;bottom:auto;right:auto}.vectors-visual img{max-width:160px;height:auto;max-height:240px;transform:none}}.vector-num{font-family:var(--font-mono);color:var(--accent);letter-spacing:.04em;min-width:2rem;font-weight:700}.career-matrix-section{margin-bottom:1.5rem}.career-matrix-panel{padding:1.15rem 1.25rem 1.35rem}.career-matrix-header{margin-bottom:1rem}.career-matrix-subtitle{color:var(--ink-soft);max-width:52ch;margin:0;font-size:.92rem}.career-timeline{margin:0;padding:0 0 0 1.65rem;list-style:none;position:relative}.career-timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:.65rem;bottom:.65rem;left:.4rem}.career-entry{margin:0 0 1.15rem;padding-left:1.1rem;position:relative}.career-entry:last-child{margin-bottom:0}.career-entry-marker{background:var(--ink);border:2px solid var(--bg);width:.55rem;height:.55rem;box-shadow:0 0 0 1px var(--border);position:absolute;top:1.4rem;left:-1.28rem}html[data-pixel-mode=true] .career-entry-marker{width:8px;height:8px;box-shadow:none;border-width:0}.career-entry-body{padding:1rem 1.1rem 1.05rem}.career-entry-head{border-bottom:1px dashed var(--border-soft);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.65rem 1rem;margin-bottom:.8rem;padding-bottom:.7rem;display:flex}.career-entry-title{font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;margin:0 0 .3rem;font-size:clamp(.82rem,1.45vw,1rem);font-weight:700}.career-entry-org{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.66rem;font-weight:700}.career-period{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:var(--ink);color:var(--bg);white-space:nowrap;padding:.38rem .7rem;font-size:.6rem;font-weight:700}html[data-theme=dark]:not([data-cli-mode=true]) .career-period{color:#0f172a;background:#e2e8f0}html[data-pixel-mode=true] .career-period{color:#fff;border:var(--border-w) solid #000;background:#000}html[data-pixel-mode=true] .career-bullets li{font-size:.72rem;line-height:1.85}html[data-pixel-mode=true] .role-desc-bullets li{font-size:.7rem;line-height:1.8}.role-cards-section{margin-bottom:1.5rem}.role-cards-header{margin:0 .25rem 1rem}.role-cards{flex-direction:column;gap:1.85rem;display:flex}.role-card{min-height:260px;padding:1rem;display:block;position:relative;overflow:visible}@media (width<=768px){.role-card{min-height:unset;padding:.85rem}}.role-visual{z-index:4;pointer-events:none;background:0 0;border:none;justify-content:center;align-items:flex-end;width:clamp(150px,34%,220px);padding:0;display:flex;position:absolute;bottom:-1rem}.role-card.align-left .role-visual{left:clamp(.25rem,2vw,.85rem)}.role-card.align-right .role-visual{right:clamp(.25rem,2vw,.85rem)}@media (width<=768px){.role-visual{width:100%;margin-bottom:.35rem;position:relative;bottom:auto;left:auto!important;right:auto!important}}.role-visual img{object-fit:contain;object-position:bottom center;width:auto;max-width:100%;height:auto;max-height:340px;display:block}.role-copy{z-index:2;background:0 0;align-items:center;padding:0;display:flex;position:relative}.role-card.align-left .role-copy{margin-left:clamp(140px,32%,205px)}.role-card.align-right .role-copy{margin-right:clamp(140px,32%,205px)}@media (width<=768px){.role-card.align-left .role-copy,.role-card.align-right .role-copy{margin-left:0;margin-right:0}}.role-copy-inner{border:var(--border-w) solid var(--border);background:var(--bg);width:100%;padding:1.1rem 1.3rem;position:relative}.role-meta{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border-bottom:1px dashed var(--border-soft);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.45rem;font-size:.6rem;display:flex}.role-meta .id{background:var(--ink);color:var(--bg);letter-spacing:.2em;padding:.18rem .5rem}html[data-pixel-mode=true] .role-meta .id{color:#fff;background:#000}.role-title{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .55rem;font-size:1.05rem}html[data-pixel-mode=true] .role-title{font-size:.8rem;line-height:1.55}.role-desc{color:var(--ink-soft);margin:0 0 .85rem;font-size:.92rem}html[data-pixel-mode=true] .role-desc{font-size:.7rem;line-height:1.8}.role-tags{flex-wrap:wrap;gap:.4rem;display:flex}.tag{font-family:var(--font-mono);border:var(--border-w) solid var(--border);background:var(--bg);letter-spacing:.06em;text-transform:uppercase;padding:.28rem .55rem;font-size:.6rem}.site-footer{color:#f8fafc;border-top:var(--border-w) solid var(--border);background:#0b1322;margin:2rem -1.5rem 0;padding:2.25rem 1.5rem 2.5rem}html[data-pixel-mode=true] .site-footer{background:#000}.footer-inner{max-width:var(--max-w);margin:0 auto}.footer-coord{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:#60a5fa;align-items:center;gap:.45rem;margin-bottom:1rem;font-size:.72rem;display:inline-flex}html[data-pixel-mode=true] .footer-coord{color:#fff}.footer-coord:before{content:"";background:#60a5fa;width:.55rem;height:.55rem;display:inline-block;transform:rotate(45deg)}html[data-pixel-mode=true] .footer-coord:before{background:#fff;transform:none}.footer-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(2rem,5vw,3.5rem);display:grid}.footer-main{min-width:0}.footer-glyphs{background:0 0;border:none;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end;justify-self:end;align-items:flex-end;gap:.35rem;width:min(100%,460px);max-width:100%;padding:0;display:flex;overflow:hidden}.footer-headline{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .85rem;font-size:clamp(1.1rem,2.5vw,1.55rem)}html[data-pixel-mode=true] .footer-headline{font-size:clamp(.85rem,2vw,1.05rem);line-height:1.7}.footer-body{color:#cbd5e1;max-width:46ch;margin:0 0 1.2rem}.contact-actions+.footer-meta{margin-top:0}html[data-pixel-mode=true] .footer-body{color:#fff;font-size:.72rem}.contact-actions{flex-wrap:wrap;gap:.75rem;margin-bottom:1.2rem;display:flex}.contact-btn{font-family:var(--font-mono);letter-spacing:.08em;border:var(--border-w) solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;align-items:center;gap:.65rem;padding:.85rem 1.4rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:filter .15s,background .15s;display:inline-flex}.contact-btn:after{content:none}.contact-btn:hover{filter:brightness(1.15)}html[data-pixel-mode=true] .contact-btn{color:#000;border:var(--border-w) solid #fff;background:#fff}.footer-meta{font-family:var(--font-mono);letter-spacing:.12em;color:#94a3b8;text-transform:uppercase;margin-top:1.25rem;font-size:.62rem}html[data-pixel-mode=true] .footer-meta{color:#aaa}.footer-glyph-img{object-fit:contain;object-position:bottom center;flex-shrink:0;width:auto;max-width:none;height:176px;display:block}.footer-glyph-img--green{height:160px}.footer-glyph-img--telescope{height:168px}.footer-glyph-img--coding{height:176px}@media (width<=820px){.footer-grid{grid-template-columns:1fr;gap:1.25rem}.footer-glyphs{justify-content:flex-start;justify-self:start;width:100%}}@media (width<=720px){.footer-glyphs{justify-content:flex-start}.footer-glyph-img,.footer-glyph-img--green,.footer-glyph-img--telescope,.footer-glyph-img--coding{height:140px}}.cli-prefix,.contact-label-default{display:none}.contact-label-cli{align-items:center;gap:.15rem;display:inline-flex}.contact-label-cli .cli-prefix{opacity:.9;font-weight:600;display:inline}.contact-label-cli .cli-cursor{color:currentColor}.cli-backdrop{display:none}.cli-cursor{animation:1.1s step-end infinite cli-blink}@keyframes cli-blink{50%{opacity:0}}html[data-cli-mode=true] body{letter-spacing:.01em;font-size:13px;line-height:1.65}html[data-cli-mode=true] .blueprint-grid{opacity:0}html[data-cli-mode=true] .cli-backdrop{z-index:0;pointer-events:none;display:block;position:fixed;inset:0}html[data-cli-mode=true] .cli-prefix{color:var(--cli-prompt);font-weight:600;display:inline}html[data-cli-mode=true] .coord-label:before{content:"▸";width:auto;height:auto;color:var(--cli-prompt);border:none;font-size:.85em;transform:none}html[data-cli-mode=true] .hero-portrait-frame:before{content:"pane:0 · portrait.img";font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cli-magenta);margin-bottom:.35rem;font-size:.55rem;display:block}html[data-cli-mode=true] .hero-statement:before{content:"$ cat professional_mandate.md";font-family:var(--font-mono);color:var(--cli-prompt);letter-spacing:.06em;margin-bottom:.65rem;font-size:.62rem;display:block}html[data-cli-mode=true] .credentials-panel .coord-label:after{content:" · credentials.yml";color:var(--muted);font-weight:400}html[data-cli-mode=true] .career-matrix-panel .coord-label:after{content:" · career_matrix.log";color:var(--muted);font-weight:400}html[data-cli-mode=true] .career-matrix-subtitle:before,html[data-cli-mode=true] .vectors-subtitle:before{content:"# ";color:var(--cli-prompt)}html[data-cli-mode=true] .contact-btn:hover{filter:none}html[data-cli-mode=true] .mode-toggle:before{content:">_";color:var(--cli-prompt)}html[data-cli-mode=true] .status-badge:before{border-radius:50%}html[data-cli-mode=true] .footer-coord:before{border-radius:50%;width:.45rem;height:.45rem;transform:none}html[data-cli-mode=true][data-theme=dark]{--bg:#0a0e14;--bg-soft:#0d1117;--bg-cell:#131920;--ink:#c0caf5;--ink-soft:#a9b1d6;--muted:#565f89;--muted-dim:#414868;--accent:#9ece6a;--accent-strong:#73daca;--accent-soft:#9ece6a1a;--accent-line:#9ece6a59;--border:#3b4261;--border-w:1px;--border-soft:#3b4261bf;--font-body:var(--font-mono);--status-green:#9ece6a;--cli-prompt:#9ece6a;--cli-cyan:#7dcfff;--cli-amber:#e0af68;--cli-magenta:#bb9af7}html[data-cli-mode=true][data-theme=dark] body{color:var(--ink);background:#060a10}html[data-cli-mode=true][data-theme=dark] .cli-backdrop{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#3b426114 2px 3px)}html[data-cli-mode=true][data-theme=dark] .sys-bar{border-bottom-color:var(--border);color:var(--muted);background:#070b10;margin-bottom:.5rem}html[data-cli-mode=true][data-theme=dark] .sys-bar .dot{background:var(--cli-prompt);box-shadow:0 0 6px #9ece6a8c}html[data-cli-mode=true][data-theme=dark] .site-header{border-bottom-color:var(--border)}html[data-cli-mode=true][data-theme=dark] .site-name{color:var(--cli-cyan);font-size:clamp(1rem,2vw,1.35rem)}html[data-cli-mode=true][data-theme=dark] .site-titles{color:var(--cli-amber);font-size:.72rem}html[data-cli-mode=true][data-theme=dark] .status-badge{border-color:var(--cli-prompt);color:var(--cli-prompt);background:#9ece6a0f}html[data-cli-mode=true][data-theme=dark] .status-badge:before{background:var(--cli-prompt);box-shadow:0 0 8px #9ece6a99}html[data-cli-mode=true][data-theme=dark] .theme-toggle,html[data-cli-mode=true][data-theme=dark] .mode-toggle{border-color:var(--cli-cyan);color:var(--cli-cyan);background:#7dcfff0f}html[data-cli-mode=true][data-theme=dark] .card{background:var(--bg-soft);border-color:var(--border);box-shadow:inset 0 1px #7dcfff0a}html[data-cli-mode=true][data-theme=dark] .coord-label{color:var(--cli-cyan)}html[data-cli-mode=true][data-theme=dark] .hero-portrait-frame{background:var(--bg-soft);border:var(--border-w) solid var(--border)}html[data-cli-mode=true][data-theme=dark] .portrait-inner{border-color:var(--border);background:#0f1419}html[data-cli-mode=true][data-theme=dark] .role-copy-inner{box-shadow:inset 3px 0 0 var(--cli-magenta);background:#0d1117}html[data-cli-mode=true][data-theme=dark] .role-card.align-left .role-copy-inner{box-shadow:inset -3px 0 0 var(--cli-magenta)}html[data-cli-mode=true][data-theme=dark] .role-meta .id{background:var(--cli-prompt);color:#0a0e14}html[data-cli-mode=true][data-theme=dark] .role-title{color:var(--cli-cyan)}html[data-cli-mode=true][data-theme=dark] .tag{color:var(--cli-cyan);background:#7dcfff0f}html[data-cli-mode=true][data-theme=dark] .site-footer{border-top-color:var(--border);background:#070b10}html[data-cli-mode=true][data-theme=dark] .footer-coord{color:var(--cli-cyan)}html[data-cli-mode=true][data-theme=dark] .footer-coord:before{background:var(--cli-prompt)}html[data-cli-mode=true][data-theme=dark] .footer-headline{color:var(--cli-cyan)}html[data-cli-mode=true][data-theme=dark] .contact-btn{border-color:var(--cli-prompt);color:var(--cli-prompt);background:0 0}html[data-cli-mode=true][data-theme=dark] .contact-btn:hover{background:#9ece6a14}html[data-cli-mode=true][data-theme=dark] .footer-glyphs{color:var(--cli-prompt);background:0 0}html[data-cli-mode=true][data-theme=dark] .cli-cursor{color:var(--cli-prompt)}html[data-cli-mode=true][data-theme=light]{--bg:#fafaf7;--bg-soft:#f4f5f0;--bg-cell:#ecece6;--ink:#1e293b;--ink-soft:#334155;--muted:#64748b;--muted-dim:#94a3b8;--accent:#166534;--accent-strong:#15803d;--accent-soft:#16653414;--accent-line:#16653447;--border:#c8cdd8;--border-w:1px;--border-soft:#64748b59;--font-body:var(--font-mono);--status-green:#166534;--cli-prompt:#166534;--cli-cyan:#0369a1;--cli-amber:#b45309;--cli-magenta:#7c3aed}html[data-cli-mode=true][data-theme=light] body{color:var(--ink);background:#f6f7f2}html[data-cli-mode=true][data-theme=light] .cli-backdrop{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#94a3b81f 2px 3px)}html[data-cli-mode=true][data-theme=light] .sys-bar{border-bottom-color:var(--border);color:var(--muted);background:#ecece6;margin-bottom:.5rem}html[data-cli-mode=true][data-theme=light] .sys-bar .dot{background:var(--cli-prompt);box-shadow:none}html[data-cli-mode=true][data-theme=light] .site-header{border-bottom-color:var(--border)}html[data-cli-mode=true][data-theme=light] .site-name{color:var(--cli-cyan);font-size:clamp(1rem,2vw,1.35rem)}html[data-cli-mode=true][data-theme=light] .site-titles{color:var(--cli-amber);font-size:.72rem}html[data-cli-mode=true][data-theme=light] .status-badge{border-color:var(--cli-prompt);color:var(--cli-prompt);background:#1665340f}html[data-cli-mode=true][data-theme=light] .status-badge:before{background:var(--cli-prompt);box-shadow:none}html[data-cli-mode=true][data-theme=light] .theme-toggle,html[data-cli-mode=true][data-theme=light] .mode-toggle{border-color:var(--cli-cyan);color:var(--cli-cyan);background:#0369a10f}html[data-cli-mode=true][data-theme=light] .card{background:var(--bg-soft);border-color:var(--border);box-shadow:inset 0 1px #ffffffa6}html[data-cli-mode=true][data-theme=light] .coord-label{color:var(--cli-cyan)}html[data-cli-mode=true][data-theme=light] .hero-portrait-frame{background:var(--bg-soft);border:var(--border-w) solid var(--border)}html[data-cli-mode=true][data-theme=light] .portrait-inner{border-color:var(--border);background:#e8e9e4}html[data-cli-mode=true][data-theme=light] .role-copy-inner{box-shadow:inset 3px 0 0 var(--cli-magenta);background:#fafaf8}html[data-cli-mode=true][data-theme=light] .role-card.align-left .role-copy-inner{box-shadow:inset -3px 0 0 var(--cli-magenta)}html[data-cli-mode=true][data-theme=light] .role-meta .id{background:var(--cli-prompt);color:#fafaf7}html[data-cli-mode=true][data-theme=light] .role-title{color:var(--cli-cyan)}html[data-cli-mode=true][data-theme=light] .tag{color:var(--cli-cyan);background:#0369a10f}html[data-cli-mode=true][data-theme=light] .site-footer{border-top-color:var(--border);color:var(--ink);background:#ecece6}html[data-cli-mode=true][data-theme=light] .footer-coord{color:var(--cli-cyan)}html[data-cli-mode=true][data-theme=light] .footer-coord:before{background:var(--cli-prompt)}html[data-cli-mode=true][data-theme=light] .footer-headline{color:var(--cli-cyan)}html[data-cli-mode=true][data-theme=light] .footer-body{color:var(--ink-soft)}html[data-cli-mode=true][data-theme=light] .contact-btn{border-color:var(--cli-prompt);color:var(--cli-prompt);background:0 0}html[data-cli-mode=true][data-theme=light] .contact-btn:hover{background:#16653414}html[data-cli-mode=true][data-theme=light] .footer-meta{color:var(--muted)}html[data-cli-mode=true][data-theme=light] .footer-glyphs{color:var(--cli-prompt);background:0 0}html[data-cli-mode=true][data-theme=light] .cli-cursor{color:var(--cli-prompt)}html[data-cli-mode=true][data-theme=claude]{--bg:#faf9f5;--bg-soft:#f5f3ed;--bg-cell:#f0ece4;--ink:#1a1816;--ink-soft:#3d3929;--muted:#524c47;--muted-dim:#6b5e54;--accent:#c15f3c;--accent-strong:#a84e2f;--accent-soft:#c15f3c1a;--accent-line:#c15f3c52;--border:#d4cfc4;--border-w:1px;--border-soft:#6b5e5459;--font-body:var(--font-mono);--status-green:#5c7a4a;--cli-prompt:#5c7a4a;--cli-cyan:#c15f3c;--cli-amber:#a84e2f;--cli-magenta:#8b4a6b}html[data-cli-mode=true][data-theme=claude] body{color:var(--ink);background:#f5f0e8}html[data-cli-mode=true][data-theme=claude] .cli-backdrop{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#c15f3c0a 2px 3px)}html[data-cli-mode=true][data-theme=claude] .sys-bar{border-bottom-color:var(--border);color:var(--muted);background:#faf9f5;margin-bottom:.5rem}html[data-cli-mode=true][data-theme=claude] .sys-bar .dot{background:var(--cli-prompt);box-shadow:none}html[data-cli-mode=true][data-theme=claude] .site-header{border-bottom-color:var(--border)}html[data-cli-mode=true][data-theme=claude] .site-name{color:var(--cli-cyan);font-size:clamp(1rem,2vw,1.35rem)}html[data-cli-mode=true][data-theme=claude] .site-titles{color:var(--cli-amber);font-size:.72rem}html[data-cli-mode=true][data-theme=claude] .status-badge{border-color:var(--cli-prompt);color:var(--cli-prompt);background:#5c7a4a14}html[data-cli-mode=true][data-theme=claude] .status-badge:before{background:var(--cli-prompt);box-shadow:none}html[data-cli-mode=true][data-theme=claude] .theme-toggle,html[data-cli-mode=true][data-theme=claude] .mode-toggle{border-color:var(--cli-cyan);color:var(--cli-cyan);background:#c15f3c14}html[data-cli-mode=true][data-theme=claude] .card{background:var(--bg-soft);border-color:var(--border);box-shadow:inset 0 1px #ffffff80}html[data-cli-mode=true][data-theme=claude] .coord-label{color:var(--cli-cyan)}html[data-cli-mode=true][data-theme=claude] .hero-portrait-frame{background:var(--bg-soft);border:var(--border-w) solid var(--border)}html[data-cli-mode=true][data-theme=claude] .portrait-inner{border-color:var(--border);background:#ede8df}html[data-cli-mode=true][data-theme=claude] .role-copy-inner{box-shadow:inset 3px 0 0 var(--cli-magenta);background:#faf9f5}html[data-cli-mode=true][data-theme=claude] .role-card.align-left .role-copy-inner{box-shadow:inset -3px 0 0 var(--cli-magenta)}html[data-cli-mode=true][data-theme=claude] .role-meta .id{background:var(--cli-prompt);color:#faf9f5}html[data-cli-mode=true][data-theme=claude] .role-title{color:var(--cli-cyan)}html[data-cli-mode=true][data-theme=claude] .tag{color:var(--cli-cyan);background:#c15f3c14}html[data-cli-mode=true][data-theme=claude] .site-footer{background:var(--bg-cell);border-top-color:var(--border);color:var(--ink)}html[data-cli-mode=true][data-theme=claude] .footer-coord{color:var(--accent-strong)}html[data-cli-mode=true][data-theme=claude] .footer-coord:before{background:var(--accent)}html[data-cli-mode=true][data-theme=claude] .footer-headline{color:var(--ink)}html[data-cli-mode=true][data-theme=claude] .footer-body{color:var(--ink-soft)}html[data-cli-mode=true][data-theme=claude] .contact-btn{border-color:var(--cli-cyan);color:#faf9f5;background:var(--cli-cyan)}html[data-cli-mode=true][data-theme=claude] .contact-btn:hover{background:var(--cli-amber)}html[data-cli-mode=true][data-theme=claude] .footer-meta{color:var(--muted)}html[data-cli-mode=true][data-theme=claude] .footer-glyphs{color:var(--cli-prompt);background:0 0}html[data-cli-mode=true][data-theme=claude] .cli-cursor{color:var(--cli-prompt)}html[data-cli-mode=true] .name-zh{color:var(--muted)}html[data-cli-mode=true] .site-titles .sep{color:#000}html[data-cli-mode=true] .coord-label{letter-spacing:.12em}html[data-cli-mode=true] .credential-title{color:var(--cli-amber)}html[data-cli-mode=true] .credential-block li:before{background:var(--cli-prompt)}html[data-cli-mode=true] .vectors-list li{border-bottom-color:var(--border-soft)}html[data-cli-mode=true] .vector-num{color:var(--cli-prompt)}html[data-cli-mode=true] .role-card{background:var(--bg-soft);border:var(--border-w) solid var(--border)}html[data-cli-mode=true] .role-copy-inner{border-color:var(--border)}html[data-cli-mode=true] .role-desc{color:var(--ink-soft)}html[data-cli-mode=true] .tag{border-color:var(--border)}html[data-cli-mode=true] .portrait-coords{color:var(--muted)}html[data-cli-mode=true] .hero-headline{color:var(--ink)}html[data-cli-mode=true] .hero-body{color:var(--ink-soft)}html[data-cli-mode=true] .footer-meta{color:var(--muted)}.topbar{z-index:30;background:var(--bg);position:sticky;top:0}.folder-tab{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border:var(--border-w) solid var(--border);background:var(--bg-cell);color:var(--muted);border-bottom:none;margin-right:-1px;padding:.18rem .9rem;font-size:.72rem;font-weight:700;line-height:1.1;text-decoration:none;transition:background .15s,color .15s}.folder-tab:hover{color:var(--ink)}.folder-tab.is-active{background:var(--bg);color:var(--ink);z-index:1;position:relative}.folder-tab.is-active:after{content:"";background:#00f;height:3px;position:absolute;bottom:-1px;left:0;right:0}html[data-theme=dark]:not([data-cli-mode=true]) .folder-tab.is-active:after{background:var(--accent)}html[data-pixel-mode=true] .folder-tab.is-active:after{background:#000}.folder-sheet{border:var(--border-w) solid var(--border);background:var(--bg);margin-bottom:1.5rem;padding:1.4rem 1.4rem 1.8rem}.sheet-meta{border-bottom:var(--border-w) solid var(--border-soft);margin-bottom:.4rem;padding-bottom:.9rem}.sheet-title{font-family:var(--font-mono);margin:0;font-size:clamp(1rem,2vw,1.25rem)}.sheet-blurb{color:var(--muted);margin:.35rem 0 0;font-size:.85rem}.post-feed{flex-direction:column;display:flex}.post{border-bottom:1px dashed var(--border-soft);padding:1rem 0}.post:last-child{border-bottom:none}.post-meta{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);gap:.85rem;font-size:.56rem;display:flex}.post-tag{color:#00f}html[data-theme=dark]:not([data-cli-mode=true]) .post-tag{color:var(--accent)}.post-title{font-family:var(--font-mono);margin:.4rem 0 .35rem;font-size:.98rem}.post-excerpt{color:var(--ink-soft);max-width:72ch;margin:0;font-size:.88rem}.post-empty{font-family:var(--font-mono);letter-spacing:.16em;color:var(--muted);padding:1.5rem 0;font-size:.65rem}