.nav{z-index:50;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(18px,4vw,40px);transition:background .3s,box-shadow .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav-scrolled{-webkit-backdrop-filter:blur(10px);border-bottom-color:var(--rule-soft);background:#faf6e9db;box-shadow:0 2px 16px #1a1a120d}.nav-brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.nav-seal{font-family:var(--brush);color:#f6efdd;background:var(--vermillion);border-radius:4px;padding:5px 5px 3px;font-size:15px;line-height:1;box-shadow:0 1px 4px #9c00004d}.nav-brand-name{font-family:var(--serif);letter-spacing:-.3px;font-size:17px;font-weight:600}.nav-links{align-items:center;gap:clamp(8px,1.6vw,22px);display:flex}.nav-link{font-family:var(--sans);color:var(--ink-soft);border-bottom:2px solid #0000;align-items:baseline;gap:6px;padding:4px 2px;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.nav-link:hover{color:var(--jade);border-bottom-color:var(--jade)}.nav-link-zh{font-family:var(--serif-sc);color:var(--vermillion);font-size:13px;font-weight:600}.nav-resume{font-family:var(--sans);color:#f6efdd;background:var(--jade);border:1px solid var(--jade-deep);border-radius:999px;padding:8px 18px;font-size:13.5px;font-weight:500;transition:background .2s}.nav-resume:hover{background:var(--jade-bright)}@media (width<=900px){.nav-link-en{display:none}.nav-link{border:1px solid var(--rule);background:var(--paper);border-radius:8px;padding:6px 9px}.nav-link:hover{border-color:var(--jade)}.nav-link-zh{font-size:15px}}@media (width<=560px){.nav{padding:10px 12px}.nav-brand-name{display:none}.nav-links{gap:5px}.nav-link{padding:5px 7px}.nav-link-zh{font-size:13px}.nav-resume{padding:7px 12px;font-size:12.5px}}.mj-tile{border-radius:10%/8%;font-size:16px;position:relative;box-shadow:0 .09em #17771d,0 .16em #0a4a1a,0 .19em #003500,0 .35em .5em #1a1a1238,0 .9em 1.6em #1a1a1224}.mj-tile img{border-radius:inherit;-webkit-user-select:none;user-select:none;width:100%;height:auto}.mj-flip{perspective:900px;aspect-ratio:75/102}.mj-flip-inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}.mj-flip-face{backface-visibility:hidden;position:absolute;inset:0 0 auto}.mj-flip-back{transform:rotateY(180deg)}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:96px 24px 200px;display:flex;position:relative;overflow:hidden}.hero-mountains{pointer-events:none;height:46%;position:absolute;inset:auto 0 0}.hero-range{width:100%;height:100%;position:absolute;inset:auto 0 0}.hero-range-far{height:100%}.hero-range-near{height:78%}.hero-mist{background:linear-gradient(180deg, transparent, var(--bg) 92%);height:60%;position:absolute;inset:auto 0 0}.hero-poem{writing-mode:vertical-rl;font-family:var(--brush);letter-spacing:8px;color:var(--ink-muted);opacity:.85;gap:14px;font-size:clamp(19px,2.2vw,26px);display:flex;position:absolute;top:108px;right:clamp(20px,5vw,72px)}.hero-content{text-align:center;z-index:2;max-width:780px;position:relative}.hero-kicker{font-family:var(--sans);letter-spacing:4px;text-transform:uppercase;color:var(--vermillion);font-size:13px;font-weight:500}.hero-name-row{justify-content:center;align-items:flex-start;margin-top:26px;display:flex;position:relative}.hero-name{font-family:var(--serif);letter-spacing:-3px;color:var(--ink);font-size:clamp(52px,9.5vw,108px);font-weight:500;line-height:1.02}.hero-signature{flex-direction:column;flex-shrink:0;align-items:center;gap:12px;margin:8px 0 0 clamp(14px,2.5vw,26px);display:flex}.hero-sig-name{writing-mode:vertical-rl;font-family:var(--brush);letter-spacing:7px;color:var(--ink-soft);font-size:clamp(20px,2.6vw,28px);line-height:1}.hero-seal{font-family:var(--brush);color:#f6efdd;background:linear-gradient(150deg, var(--vermillion), var(--vermillion-deep));outline:3px solid var(--vermillion-deep);border:2px solid #f6efdd8c;border-radius:5px;padding:7px 6px 4px;font-size:21px;line-height:1;box-shadow:0 3px 10px #9c000059}.hero-lede{max-width:560px;font-family:var(--serif);color:var(--ink-soft);margin:30px auto 0;font-size:clamp(17px,2vw,20px);line-height:1.6}.hero-wall{z-index:2;gap:6px;display:flex;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}.hero-wall-tile{width:clamp(38px,4.5vw,56px);font-size:10px}.hero-wall-link{outline:none;text-decoration:none;display:block;position:relative}.hero-wall-link .hero-wall-tile{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1)}.hero-wall-link:hover .hero-wall-tile,.hero-wall-link:focus-visible .hero-wall-tile{transform:translateY(-10px)}.hero-wall-tip{white-space:nowrap;font-family:var(--sans);letter-spacing:2px;text-transform:uppercase;color:var(--ink-soft);background:var(--paper);border:1px solid var(--rule);opacity:0;pointer-events:none;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:600;transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1);position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%,6px);box-shadow:0 4px 14px #1a1a121a}.hero-wall-tip:after{content:"";border:5px solid #0000;border-top-color:var(--rule);position:absolute;top:100%;left:50%;transform:translate(-50%)}.hero-wall-link:hover .hero-wall-tip,.hero-wall-link:focus-visible .hero-wall-tip{opacity:1;transform:translate(-50%)}.hero-scrollcue{z-index:2;flex-direction:column;align-items:center;gap:9px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hero-scrollcue-text{font-family:var(--sans);letter-spacing:4px;text-transform:uppercase;color:var(--ink-muted);font-size:10px;font-weight:600}.hero-scrollcue-track{background:var(--rule);width:1px;height:34px;position:relative;overflow:hidden}.hero-scrollcue-line{background:var(--jade);display:block;position:absolute;inset:0}@media (width<=900px){.hero-poem{display:none}.hero-wall{max-width:100vw;overflow:visible}}@media (width<=560px){.hero{padding-bottom:170px}.hero-kicker{letter-spacing:3px;font-size:11px}.hero-signature{gap:8px;margin-left:12px}.hero-sig-name{letter-spacing:5px;font-size:17px}.hero-seal{outline-width:2px;padding:5px 4px 3px;font-size:15px}.hero-wall{gap:6px;bottom:76px}.hero-wall-tile{width:44px}.hero-wall>div:nth-child(odd){display:none}}.section{max-width:1060px;margin:0 auto;padding:clamp(72px,10vw,128px) 24px 0;scroll-margin-top:72px}.section-head{align-items:center;gap:22px;display:flex}.section-zh{font-family:var(--brush);color:var(--vermillion);text-shadow:0 0 1px #ba000066;flex-shrink:0;font-size:clamp(52px,7vw,76px);line-height:1;transform:translateY(-4px)}.section-en{font-family:var(--serif);letter-spacing:-1px;color:var(--ink);font-size:clamp(30px,4.5vw,44px);font-weight:500;line-height:1.05}.section-note{font-family:var(--sans);letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-muted);margin-top:8px;font-size:13px}.section-brushline{transform-origin:0;background:linear-gradient(90deg, var(--ink) 0%, var(--ink-soft) 35%, var(--ink-faint) 75%, transparent 100%);opacity:.75;border-radius:2px;height:3px;margin-top:22px}.section-body{padding-top:clamp(36px,5vw,56px)}.paper-card{background:var(--paper);border:1px solid var(--rule);border-radius:14px;padding:clamp(22px,3vw,32px);transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1),border-color .5s;box-shadow:0 1px 3px #1a1a120d,0 10px 30px #1a1a120d}.paper-card:hover{border-color:var(--gold-soft);transform:translateY(-3px);box-shadow:0 2px 5px #1a1a120d,0 18px 44px #1a1a1217}.card-wind{font-family:var(--sans);letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:6px;font-size:11.5px;font-weight:600}.card-heading{font-family:var(--serif);letter-spacing:-.4px;color:var(--ink);font-size:clamp(20px,2.6vw,25px);font-weight:600;line-height:1.2}.card-heading a{color:inherit;-webkit-text-decoration-color:var(--gold-soft);text-decoration-color:var(--gold-soft)}.card-heading a:hover{color:var(--jade)}.card-sub{font-family:var(--serif);color:var(--jade);margin-top:5px;font-size:16px}.card-meta{font-family:var(--sans);letter-spacing:.5px;color:var(--ink-muted);margin-top:4px;font-size:12.5px}.card-bullets{gap:10px;margin-top:16px;padding-left:2px;list-style:none;display:grid}.card-bullets li{font-family:var(--serif);color:var(--ink-soft);padding-left:20px;font-size:15.5px;line-height:1.55;position:relative}.card-bullets li:before{content:"◆";color:var(--jade);font-size:9px;position:absolute;top:1px;left:0}.edu-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;display:grid}.edu-card{align-items:center;gap:24px;display:flex}.exp-timeline{gap:30px;display:grid}.exp-row{gap:clamp(18px,3vw,34px);display:flex}.exp-tile-col{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.exp-thread{background:linear-gradient(180deg, var(--gold-soft), transparent);flex:1;width:1px;margin-top:18px}.exp-card{flex:1}.proj-rack{justify-content:center;gap:clamp(20px,4vw,44px);margin-bottom:30px;display:flex}.proj-pick{background:0 0;border:none;flex-direction:column;align-items:center;gap:14px;padding:8px 6px 4px;display:flex}.proj-tile{filter:saturate(.55)brightness(.98);width:clamp(58px,7vw,76px);transition:transform .35s cubic-bezier(.22,1,.36,1),filter .35s}.proj-pick:hover .proj-tile{filter:saturate(.9);transform:translateY(-6px)}.proj-pick.is-active .proj-tile{filter:saturate();transform:translateY(-12px)}.proj-pick-label{font-family:var(--sans);color:var(--ink-muted);border-bottom:2px solid #0000;padding-bottom:2px;font-size:13px;font-weight:500;transition:color .2s,border-color .2s}.proj-pick.is-active .proj-pick-label{color:var(--ink);border-bottom-color:var(--vermillion)}.proj-detail{max-width:820px;margin:0 auto}.proj-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.skills-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}@media (width<=700px){.skills-grid{grid-template-columns:1fr}}.skill-head{align-items:center;gap:18px;margin-bottom:18px;display:flex}.skill-heading{font-size:20px}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{font-family:var(--sans);color:var(--ink-soft);background:var(--bg-alt);border:1px solid var(--rule-soft);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:500;transition:color .3s,border-color .3s,background .3s}.skill-tag:hover{color:var(--jade);border-color:var(--jade);background:var(--jade-wash)}.hobby-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;display:grid}.hobby-card{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.hobby-card .mj-flip{margin-bottom:16px}.hobby-desc{color:var(--ink-soft);font-size:15px}.hobby-link{font-family:var(--sans);margin-top:12px;font-size:13.5px;font-weight:500}.contact-card{max-width:620px;margin:0 auto;padding:clamp(28px,4vw,44px);position:relative}.contact-seal{font-family:var(--brush);color:#f6efdd;background:linear-gradient(150deg, var(--vermillion), var(--vermillion-deep));outline:3px solid var(--vermillion-deep);border:2px solid #f6efdd8c;border-radius:7px;padding:11px 9px 7px;font-size:34px;line-height:1;position:absolute;top:26px;right:30px;box-shadow:0 3px 10px #9c00004d}.contact-list{gap:14px;display:grid}.contact-row{border-bottom:1px solid var(--rule-soft);grid-template-columns:110px 1fr;align-items:baseline;gap:12px;padding-bottom:12px;display:grid}.contact-row:last-child{border-bottom:none;padding-bottom:0}.contact-row dt{font-family:var(--sans);letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-muted);font-size:12px;font-weight:600}.contact-row dd{font-family:var(--serif);font-size:16.5px}@media (width<=640px){.edu-card{flex-direction:column;align-items:flex-start;gap:18px}.exp-row{flex-direction:column}.exp-tile-col{flex-direction:row}.exp-thread{display:none}.contact-row{grid-template-columns:1fr;gap:2px}.contact-seal{margin-bottom:18px;display:inline-block;position:static}}.quote-divider{text-align:center;max-width:640px;margin:0 auto;padding:clamp(64px,9vw,110px) 24px 0}.quote-divider blockquote{font-family:var(--serif);color:var(--ink-soft);font-size:clamp(19px,2.4vw,24px);font-style:italic;line-height:1.5}.quote-bracket{font-family:var(--serif-sc);color:var(--gold);margin:0 4px;font-style:normal}.quote-divider figcaption{font-family:var(--sans);letter-spacing:2px;text-transform:uppercase;color:var(--ink-muted);margin-top:14px;font-size:13px}.footer{border-top:3px solid var(--gold-soft);background:radial-gradient(120% 90% at 50% 110%,#b8f0b60f,#0000 60%),linear-gradient(#0f2311,#0c1a0e);margin-top:clamp(80px,11vw,140px)}.footer-inner{text-align:center;max-width:1060px;margin:0 auto;padding:clamp(48px,7vw,80px) 24px clamp(36px,5vw,56px)}.footer-call{font-family:var(--brush);color:#d4a849;margin-bottom:30px;font-size:clamp(38px,5vw,54px);line-height:1}.footer-call-en{font-family:var(--serif);color:#8fa37f;letter-spacing:.5px;font-size:17px;font-style:italic}.footer-hand{flex-wrap:wrap;justify-content:center;gap:5px;margin-bottom:40px;display:flex}.footer-tile{width:clamp(32px,3.6vw,46px);font-size:8px;transition:transform .4s cubic-bezier(.22,1,.36,1)}.footer-tile:hover{transform:translateY(-4px)}.footer-line{font-family:var(--sans);color:#8fa37f;font-size:13px}.footer-line a{color:#b8f0b6;text-decoration-color:#b8f0b659}.footer-line a:hover{color:#d9f7d8}.resume-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);background:#1a1a128c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.resume-modal{background:var(--paper);border:1px solid var(--rule);border-radius:14px;flex-direction:column;width:min(880px,100%);height:min(88vh,1100px);display:flex;overflow:hidden;box-shadow:0 24px 80px #1a1a1259}.resume-header{border-bottom:1px solid var(--rule-soft);background:var(--bg);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.resume-title{font-family:var(--serif);color:var(--ink);font-size:19px;font-weight:600}.resume-actions{align-items:center;gap:10px;display:flex}.resume-download{font-family:var(--sans);color:#f6efdd;background:var(--jade);border:1px solid var(--jade-deep);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.resume-download:hover{background:var(--jade-bright);color:#fff}.resume-close{border:1px solid var(--rule);background:var(--paper);width:36px;height:36px;color:var(--ink-soft);border-radius:50%;font-size:24px;line-height:1;transition:border-color .2s,color .2s}.resume-close:hover{border-color:var(--vermillion);color:var(--vermillion)}.resume-embed-wrap{background:var(--bg-alt);flex:1}.resume-embed{border:none;width:100%;height:100%}:root{--bg:#f1ede0;--bg-alt:#ece5d0;--paper:#faf6e9;--ink:#1a1a12;--ink-soft:#3d3a30;--ink-muted:#7a7565;--ink-faint:#b0a993;--rule:#d9cfae;--rule-soft:#e8dfc9;--jade:#006c00;--jade-deep:#003500;--jade-bright:#1a8a22;--jade-wash:#006c0014;--vermillion:#ba0000;--vermillion-deep:#9c0000;--vermillion-wash:#ba000014;--gold:#a88536;--gold-soft:#a8853659;--serif:"Source Serif 4", Georgia, serif;--serif-sc:"Noto Serif SC", "Source Serif 4", serif;--brush:"Ma Shan Zheng", "Noto Serif SC", serif;--sans:"Inter", -apple-system, system-ui, sans-serif;--tile-shadow:0 1px 2px #1a1a121f, 0 4px 10px #1a1a121a, 0 12px 28px #1a1a1214}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-wrap:pretty;background-image:radial-gradient(80% 60% at 15% 10%,#a885360d,#0000 60%),radial-gradient(70% 50% at 85% 30%,#006c0008,#0000 60%),radial-gradient(90% 70% at 50% 90%,#ba000005,#0000 55%);background-attachment:fixed;line-height:1.5;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.42 0 0 0 0 0.38 0 0 0 0 0.28 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:2;position:relative}::selection{background:#006c002e}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-alt)}::-webkit-scrollbar-thumb{background:var(--rule);border:2px solid var(--bg-alt);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}a{color:var(--jade);-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}a:hover{color:var(--jade-bright);-webkit-text-decoration-color:var(--jade);text-decoration-color:var(--jade)}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}