:root{--text:#4b4754;--text-strong:#0e0c14;--muted:#8a8694;--bg:#fafafa;--surface:#fff;--border:#ececef;--accent:#5b5bd6;--accent-hover:#4848bf;--radius:10px;--max-w:1080px;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}h1,h2,h3{color:var(--text-strong);margin:0}.vb{--vb-bg:#fff;--vb-ink:#0a0a0a;--vb-muted:#6b6b6b;--vb-line:#e6e6e6;--vb-soft:#f4f4f4;--vb-accent:#ff5a1f;background:var(--vb-bg);color:var(--vb-ink);border-left:1px solid var(--vb-line);border-right:1px solid var(--vb-line);grid-template-columns:260px 1fr;max-width:1400px;min-height:100vh;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.vb-side{border-right:1px solid var(--vb-line);flex-direction:column;justify-content:space-between;align-self:start;height:100vh;padding:40px 32px;display:flex;position:sticky;top:0}.vb-id .vb-name{letter-spacing:-.01em;margin:0 0 4px;font-size:1.05rem;font-weight:600}.vb-id .vb-role{letter-spacing:.01em;color:var(--vb-muted);margin:0 0 28px;font-family:Iowan Old Style,Palatino Linotype,Georgia,Source Han Serif SC,Songti SC,serif;font-size:.98rem;font-style:italic;font-weight:300}.vb-id .vb-bio{color:#333;margin:0 0 28px;font-size:.88rem;line-height:1.55}.vb-nav{flex-direction:column;gap:10px;font-size:.88rem;display:flex}.vb-nav a{color:var(--vb-ink);align-items:center;gap:10px;text-decoration:none;display:flex}.vb-nav a:before{content:"";background:var(--vb-ink);width:8px;height:1px;transition:width .18s}.vb-nav a:hover:before{width:18px}.vb-nav a.vb-nav-sub{color:var(--vb-muted);padding-left:18px;font-size:.82rem}.vb-nav a.vb-nav-sub:before{background:var(--vb-muted);width:4px}.vb-nav a.vb-nav-sub:hover{color:var(--vb-ink)}.vb-nav a.vb-nav-sub:hover:before{background:var(--vb-ink);width:10px}.vb-side-foot{color:var(--vb-muted);flex-direction:column;gap:4px;font-size:.78rem;display:flex}.vb-side-foot a{color:var(--vb-ink);text-decoration:none}.vb-side-foot a:hover{text-decoration:underline}.vb-main{padding:0}.vb-hero{border-bottom:1px solid var(--vb-line);padding:88px 56px 64px}.vb-hero .vb-avail{color:var(--vb-muted);align-items:center;gap:8px;margin-bottom:24px;font-size:.78rem;display:inline-flex}.vb-hero .vb-dot{background:var(--vb-accent);border-radius:50%;width:7px;height:7px}.vb-hero h1{letter-spacing:-.02em;max-width:780px;margin:0 0 20px;font-size:clamp(2.4rem,4.4vw,3.6rem);font-weight:600;line-height:1.05}.vb-hero h1 em{color:var(--vb-muted);font-style:normal}.vb-hero p{color:#333;max-width:620px;margin:0;font-size:1.02rem;line-height:1.65}.vb-manifesto{border-bottom:1px solid var(--vb-line);padding:88px 56px 96px}.vb-manifesto-text{letter-spacing:.04em;color:var(--vb-ink);max-width:720px;margin:0 0 20px;font-family:Source Han Serif SC,Noto Serif CJK SC,Songti SC,LiSong Pro,STSong,"FangSong",SimSun,serif;font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:300;line-height:1.4}.vb-manifesto-aux{letter-spacing:.04em;color:#3a3a3a;max-width:640px;margin:0 0 18px;font-family:Source Han Serif SC,Noto Serif CJK SC,Songti SC,LiSong Pro,STSong,"FangSong",SimSun,serif;font-size:clamp(1.05rem,1.6vw,1.25rem);font-weight:300;line-height:1.75}.vb-manifesto-sub{letter-spacing:.01em;color:var(--vb-muted);margin:0;font-family:Source Han Serif SC,Noto Serif CJK SC,Songti SC,LiSong Pro,Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:clamp(1.1rem,1.8vw,1.35rem);font-style:italic;font-weight:300;line-height:1.5}.vb-manifesto-sub em{color:var(--vb-ink);font-style:italic}@media (width<=900px){.vb-manifesto{padding:64px 32px 72px}}.vb-section{border-bottom:1px solid var(--vb-line);padding:64px 56px}.vb-section-head{justify-content:space-between;align-items:baseline;margin-bottom:32px;display:flex}.vb-section-head h2{letter-spacing:.18em;text-transform:uppercase;color:var(--vb-ink);margin:0;font-size:.85rem;font-weight:500}.vb-section-head .vb-count{color:var(--vb-muted);font-variant-numeric:tabular-nums;font-size:.78rem}.vb-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.vb-design{cursor:pointer;outline:none;flex-direction:column;display:flex}.vb-design:focus-visible .vb-design-cover{box-shadow:0 0 0 2px var(--vb-ink)}.vb-design-cover{aspect-ratio:16/9;border-radius:2px;margin-bottom:14px;transition:transform .4s;position:relative;overflow:hidden}.vb-design:hover .vb-design-cover{transform:scale(1.01)}.vb-design-cover-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.vb-design-cover:after{content:"";pointer-events:none;border:1px solid #0000000a;border-radius:2px;position:absolute;inset:0}.vb-design-count{letter-spacing:.08em;color:var(--vb-ink);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-variant-numeric:tabular-nums;z-index:1;background:#ffffffd1;border-radius:2px;padding:3px 8px;font-size:.7rem;position:absolute;top:10px;right:10px}.vb-design-hint{letter-spacing:.16em;text-transform:uppercase;color:#fff;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0ac7;border-radius:2px;padding:8px 16px;font-size:.78rem;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vb-design:hover .vb-design-hint,.vb-design:focus-visible .vb-design-hint{opacity:1}.vb-design-row{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.vb-design h3{margin:0;font-size:1rem;font-weight:500}.vb-design .vb-year{color:var(--vb-muted);font-variant-numeric:tabular-nums;font-size:.82rem}.vb-design p{color:var(--vb-muted);margin:0;font-size:.88rem;line-height:1.55}.vb-demos{flex-direction:column;display:flex}.vb-demo{border-top:1px solid var(--vb-line);grid-template-columns:240px 1fr;align-items:stretch;gap:32px;padding:28px 0;scroll-margin-top:24px;display:grid}.vb-demos .vb-demo:last-child{border-bottom:1px solid var(--vb-line)}.vb-demo-cover{aspect-ratio:4/3;border-radius:2px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.vb-demo-cover:after{content:"";pointer-events:none;border:1px solid #0000000a;border-radius:2px;position:absolute;inset:0}.vb-demo-mark{color:#00000040;-webkit-user-select:none;user-select:none;font-family:Source Han Serif SC,Songti SC,serif;font-size:3.2rem;font-weight:300}.vb-demo-soon{letter-spacing:.16em;text-transform:uppercase;color:#0006;-webkit-user-select:none;user-select:none;border:1px solid #0000002e;border-radius:999px;padding:7px 14px;font-size:.82rem;font-weight:500}.vb-demo-cover--video{cursor:pointer;width:100%;font:inherit;border:0;padding:0}.vb-demo-cover-img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--vb-ease,ease), filter .3s ease;position:absolute;inset:0}.vb-demo-cover--video:hover .vb-demo-cover-img{filter:brightness(.92);transform:scale(1.04)}.vb-demo-play{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14141c8c;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding-left:3px;font-size:1.05rem;transition:transform .25s,background .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px #00000040}.vb-demo-cover--video:hover .vb-demo-play{background:#14141cb8;transform:translate(-50%,-50%)scale(1.08)}.vb-video-lightbox{cursor:pointer}.vb-video-frame{cursor:auto;background:#000;border-radius:4px;width:min(92vw,1400px);max-height:86vh;overflow:hidden;box-shadow:0 30px 80px #00000080}.vb-video{object-fit:contain;background:#000;width:100%;max-height:86vh;display:block}.vb-demo-body{flex-direction:column;justify-content:center;display:flex}.vb-demo h3{align-items:center;gap:12px;margin:0 0 6px;font-size:1.15rem;font-weight:500;display:flex}.vb-demo h3 .vb-demo-num{color:var(--vb-muted);font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:.78rem;font-weight:400}.vb-demo h3 .vb-live{letter-spacing:.14em;border:1px solid var(--vb-ink);text-transform:uppercase;border-radius:2px;padding:2px 8px;font-size:.65rem}.vb-demo p{color:#333;max-width:520px;margin:0 0 8px;font-size:.92rem;line-height:1.6}.vb-demo .vb-stack{color:var(--vb-muted);font-variant-numeric:tabular-nums;margin-bottom:14px;font-size:.78rem}.vb-demo .vb-actions{gap:8px;display:flex}.vb-btn{border:1px solid var(--vb-ink);background:var(--vb-bg);color:var(--vb-ink);border-radius:2px;padding:8px 14px;font-size:.82rem;text-decoration:none;transition:background .15s,color .15s}.vb-btn:hover{background:var(--vb-ink);color:var(--vb-bg)}.vb-btn.ghost{border-color:var(--vb-line);color:var(--vb-muted)}.vb-btn.ghost:hover{background:var(--vb-soft);color:var(--vb-ink)}.vb-resume{grid-template-columns:1fr 1fr;gap:56px;display:grid}.vb-resume h4{letter-spacing:.18em;text-transform:uppercase;color:var(--vb-muted);margin:0 0 16px;font-size:.72rem;font-weight:500}.vb-exp{border-top:1px solid var(--vb-line);padding:14px 0}.vb-exp:last-child{border-bottom:1px solid var(--vb-line)}.vb-exp-row{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.vb-exp .vb-role-line{margin:0;font-size:.95rem;font-weight:500}.vb-exp .vb-period{color:var(--vb-muted);font-variant-numeric:tabular-nums;font-size:.78rem}.vb-exp .vb-desc{color:var(--vb-muted);margin:0;font-size:.88rem;line-height:1.55}.vb-skill-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.vb-skill-list li{border-top:1px solid var(--vb-line);grid-template-columns:56px 1fr;align-items:baseline;gap:16px;padding:12px 0;font-size:.92rem;display:grid}.vb-skill-list li:last-child{border-bottom:1px solid var(--vb-line)}.vb-skill-level{letter-spacing:.16em;color:var(--vb-muted);text-transform:uppercase;font-size:.72rem}.vb-skill-text{color:var(--vb-ink)}.vb-skills{flex-wrap:wrap;gap:6px 10px;font-size:.85rem;display:flex}.vb-skills span{color:#333;padding:4px 0}.vb-skills span:after{content:"·";color:var(--vb-muted);margin-left:10px}.vb-skills span:last-child:after{content:""}.vb-foot{color:var(--vb-muted);justify-content:space-between;padding:32px 56px;font-size:.78rem;display:flex}.vb-lightbox{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0a0a0ab8;justify-content:center;align-items:flex-start;padding:64px 120px 120px;display:flex;position:fixed;inset:0;overflow-y:auto}.vb-lightbox-close{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.6rem;line-height:1;transition:background .15s;display:flex;position:absolute;top:24px;right:28px}.vb-lightbox-close:hover{background:#ffffff38}.vb-lightbox-inner{background:0 0;flex-direction:column;width:100%;max-width:1600px;height:100%;min-height:0;display:flex;position:relative}.vb-lightbox-cover-wrap{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;container-type:size}.vb-lightbox-cover-clip{aspect-ratio:16/9;width:min(100%,177.778cqh);max-width:100%;max-height:100%;position:relative;overflow:hidden}.vb-lightbox-cover{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vb-nav-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1001;background:#ffffff14;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.6rem;line-height:1;transition:background .15s,transform .15s,border-color .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.vb-nav-btn:hover{background:#ffffff2e;border-color:#ffffff59;transform:translateY(-50%)scale(1.05)}.vb-nav-btn.prev{left:-64px}.vb-nav-btn.next{right:-64px}.vb-lightbox-counter{letter-spacing:.18em;color:#ffffffd9;font-variant-numeric:tabular-nums;z-index:1001;font-size:.78rem;position:absolute;top:28px;left:50%;transform:translate(-50%)}.vb-lightbox-img{object-fit:contain;width:100%;height:100%;display:block}.vb-lightbox-placeholder{letter-spacing:.08em;color:#00000059;font-family:Source Han Serif SC,Songti SC,serif;font-size:1.1rem;font-weight:300}.vb-lightbox-meta{max-width:100%;margin:0 auto;padding:20px 4px 0}.vb-lightbox-row{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.vb-lightbox-row h3{color:#fff;margin:0;font-size:1.2rem;font-weight:500}.vb-lightbox-row span{color:#ffffff8c;font-size:.82rem}.vb-lightbox-meta p{color:#ffffffc7;margin:0;font-size:.92rem;line-height:1.65}@media (width<=900px){.vb{grid-template-columns:1fr}.vb-side{border-right:none;border-bottom:1px solid var(--vb-line);height:auto;padding:28px 32px;position:relative}.vb-nav{flex-flow:wrap;gap:16px}.vb-hero,.vb-section,.vb-foot{padding-left:32px;padding-right:32px}.vb-grid{grid-template-columns:1fr}.vb-resume{grid-template-columns:1fr;gap:40px}.vb-demo{grid-template-columns:1fr;gap:16px}}