:root{--ground: #0B0E11;--ground-2: #0F1418;--surface: #141A1F;--surface-2: #1B232A;--ink: #E8EEF2;--muted: #8FA0AC;--muted-2: #6B7A85;--line: #232D35;--signal: #3FC0AC;--violet: #8B7FE8;--amber: #E0A458;--alert: #E0785A;--glow: 0 0 0 1px #ffffff08, 0 20px 60px #00000060}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ground);color:var(--ink);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-family:Songti SC,STSong,Georgia,serif;margin:0;line-height:1.25;text-wrap:pretty}.mono,.num{font-family:SF Mono,JetBrains Mono,ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums}a{color:inherit;text-decoration:none}::selection{background:#3fc0ac33}:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:4px}.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(1.1rem,4vw,2.5rem)}.hero{position:relative;min-height:92vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.hero-chart{flex:none;margin-top:auto;padding-bottom:.6rem}.hero canvas{display:block;width:100%;height:clamp(130px,19vh,190px)}.chart-cap{display:flex;align-items:center;gap:1rem 1.4rem;flex-wrap:wrap;font-size:.74rem;color:var(--muted-2);padding-bottom:.5rem}.chart-cap .legend{display:inline-flex;align-items:center;gap:.4rem}.chart-cap .legend i{width:14px;height:2px;border-radius:2px}.chart-cap .lg-hit{background:var(--signal)}.chart-cap .lg-mrr{background:var(--violet)}.chart-cap .chart-hint{margin-left:auto;color:var(--muted-2);opacity:.75}.hero-inner{position:relative;z-index:2;padding:6rem 0 2.5rem;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}.hero .kicker{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--signal);font-weight:700;margin-bottom:1.5rem;opacity:0;animation:rise .8s .1s forwards}.hero h1{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:700;letter-spacing:-.02em;margin-bottom:.4rem;opacity:0;animation:rise .9s .22s forwards}.hero h1 .role{display:block;font-size:clamp(1.05rem,2.4vw,1.6rem);color:var(--muted);font-weight:500;letter-spacing:.02em;margin-top:.5rem}.hero .lede{color:var(--muted);font-size:clamp(.98rem,1.3vw,1.08rem);max-width:34em;margin:1.5rem 0 2rem;opacity:0;animation:rise .9s .34s forwards}.hero-links{display:flex;gap:.7rem;flex-wrap:wrap;opacity:0;animation:rise .9s .46s forwards}.hero-bench{opacity:0;animation:rise 1s .58s forwards}.pill{border:1px solid var(--line);background:#ffffff06;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:.45rem 1.15rem;font-size:.9rem;transition:.2s}.pill:hover{border-color:var(--signal);color:var(--signal);transform:translateY(-1px)}.pill.solid{background:var(--signal);border-color:var(--signal);color:#08110f;font-weight:700}.pill.solid:hover{background:#6fd6c6;color:#08110f}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.bench{background:linear-gradient(180deg,#141a1fee,#0f1418ee);border:1px solid var(--line);border-radius:16px;padding:1.15rem 1.25rem 1rem;box-shadow:var(--glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bench-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding-bottom:.85rem;margin-bottom:.9rem;border-bottom:1px solid var(--line);flex-wrap:wrap}.bench-head .mono{font-size:.78rem;letter-spacing:.06em;color:var(--signal)}.bench-head .bench-meta{color:var(--muted-2);letter-spacing:0}.switches{display:grid;gap:.4rem}.sw{position:relative;display:flex;align-items:baseline;gap:.55rem;flex-wrap:wrap;text-align:left;width:100%;font:inherit;color:var(--muted);background:var(--surface-2);border:1px solid transparent;border-radius:9px;padding:.5rem 3rem .5rem .8rem;cursor:pointer;transition:.18s}.sw .sw-l{font-size:.88rem}.sw em{font-style:normal;font-size:.74rem;color:var(--muted-2)}.sw:hover{border-color:#3fc0ac44}.sw.on{color:var(--ink);background:#3fc0ac14;border-color:#3fc0ac55}.sw.base{cursor:default;background:transparent;border:1px dashed var(--line);color:var(--muted-2)}.sw.base:hover{border-color:var(--line)}.knob{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:2rem;height:1.05rem;border-radius:999px;background:#0b0e11;border:1px solid var(--line);transition:.18s}.knob:after{content:"";position:absolute;top:50%;left:2px;transform:translateY(-50%);width:.72rem;height:.72rem;border-radius:50%;background:var(--muted-2);transition:.18s}.sw.on .knob{border-color:var(--signal);background:#3fc0ac22}.sw.on .knob:after{left:calc(100% - .72rem - 3px);background:var(--signal)}.readout{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem 0 .5rem;padding-top:.9rem;border-top:1px solid var(--line)}.stat-v{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--signal);line-height:1.15;letter-spacing:-.02em}.stat-u{font-size:.6em;color:var(--muted-2);margin-left:.15em;font-weight:500}.stat-l{color:var(--muted-2);font-size:.72rem;margin-top:.1rem}.readout-empty{margin:1rem 0 .5rem;padding-top:.9rem;border-top:1px solid var(--line);color:var(--muted-2);font-size:.8rem;line-height:1.7}.readout-empty strong{color:var(--amber);font-weight:700}.verdict{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.verdict code{font-family:SF Mono,ui-monospace,monospace;font-size:.72rem;color:var(--muted);background:var(--surface-2);border-radius:5px;padding:.1rem .45rem}.verdict .tag{font-size:.68rem;color:var(--signal);border:1px solid #3FC0AC55;border-radius:999px;padding:.02rem .5rem}.bench-foot{color:var(--muted-2);font-size:.72rem;line-height:1.65;margin:.85rem 0 0}.section{padding:5rem 0 1rem}.section-title{display:flex;align-items:baseline;gap:1rem;margin-bottom:2.2rem;flex-wrap:wrap}.section-title h2{font-size:clamp(1.4rem,2.6vw,1.9rem)}.section-title .idx{font-size:.74rem;letter-spacing:.2em;color:var(--muted-2)}.section-title .tagline{color:var(--muted);font-size:.9rem}.projects{display:grid;gap:1.1rem}.proj{position:relative;background:linear-gradient(180deg,var(--surface) 0%,var(--ground-2) 100%);border:1px solid var(--line);border-radius:16px;padding:1.7rem 1.8rem 1.5rem;box-shadow:var(--glow);overflow:hidden;opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s,border-color .25s}.proj.in{opacity:1;transform:none}.proj:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.proj:after{content:"";position:absolute;right:-30%;top:-60%;width:60%;height:200%;background:radial-gradient(closest-side,var(--accent),transparent 70%);opacity:.07;pointer-events:none;transition:opacity .35s}.proj:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.proj:hover:after{opacity:.14}.proj-head{display:flex;align-items:baseline;gap:.85rem;flex-wrap:wrap;margin-bottom:.15rem}.proj-head h3{font-size:1.35rem;letter-spacing:-.01em}.proj-head .tagline{color:var(--muted);font-size:.92rem}.reversal{margin:1rem 0 1.1rem;border-left:2px solid var(--line);padding-left:.9rem;display:grid;gap:.3rem}.rev-row{display:flex;gap:.7rem;align-items:baseline;font-size:.92rem}.rev-k{flex:none;font-size:.68rem;letter-spacing:.1em;padding:.02rem .4rem;border-radius:4px;line-height:1.7}.rev-row.assumed{color:var(--muted-2)}.rev-row.assumed .rev-k{background:var(--surface-2);color:var(--muted-2)}.rev-row.measured{color:var(--ink)}.rev-row.measured .rev-k{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent)}.proj-blurb{color:var(--muted);font-size:.94rem;max-width:58em;margin:0 0 1.2rem}.stack{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.3rem}.stack span{font-size:.75rem;color:var(--muted-2);border:1px solid var(--line);border-radius:5px;padding:.1rem .5rem;font-family:SF Mono,ui-monospace,monospace}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.9rem;margin-bottom:1.3rem}.metric{border-top:1px solid var(--line);padding-top:.7rem}.metric .v{font-size:1.9rem;font-weight:700;letter-spacing:-.02em;color:var(--accent);line-height:1.1}.metric .l{color:var(--muted-2);font-size:.76rem;white-space:pre-line;line-height:1.45;margin-top:.25rem}.proj-links{display:flex;gap:.55rem;flex-wrap:wrap}.proj-links a{font-size:.85rem;border:1px solid var(--line);border-radius:7px;padding:.3rem .85rem;color:var(--muted);transition:.2s}.proj-links a:hover{border-color:var(--accent);color:var(--ink)}.proj-links a.primary{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--ink)}.skills{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}.skill-group{border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:1.1rem 1.2rem}.skill-group h3{font-size:.98rem;margin-bottom:.75rem}.skill-group .tags{display:flex;flex-wrap:wrap;gap:.35rem}.skill-group .tags span{font-size:.78rem;color:var(--muted);background:var(--surface-2);border-radius:6px;padding:.15rem .55rem;transition:.2s}.skill-group .tags span:hover{color:var(--ink);background:#3fc0ac22}footer{margin-top:5rem;border-top:1px solid var(--line);padding:2.2rem 0 3.5rem}.foot-inner{display:flex;gap:1.4rem;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:.88rem}.foot-inner a:hover{color:var(--signal)}.foot-inner .spacer{margin-left:auto}@media(max-width:900px){.hero{min-height:0}.hero-inner{grid-template-columns:1fr;padding:4.5rem 0 2rem;gap:2.5rem}.hero canvas{height:120px}.chart-cap{font-size:.68rem;gap:.5rem .9rem}.chart-cap .chart-hint{display:none}.readout{grid-template-columns:repeat(3,1fr);gap:.5rem}.proj{padding:1.4rem 1.3rem 1.2rem}}@media(prefers-reduced-motion:reduce){.hero .kicker,.hero h1,.hero .lede,.hero-links,.hero-bench{animation:none;opacity:1}.proj{transition:none;opacity:1;transform:none}html{scroll-behavior:auto}}