:root{--paper:#f8f7fb;--ink:#292335;--muted:#746c80;--line:#e2dce9;--orange:#7855b0;--soft:#f0ecf5;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft Yahei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}::selection{background:#d9c8ef}.wrap{width:min(1180px,calc(100% - 96px));margin:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:36px;letter-spacing:-2px;font-weight:750}.brand span{font-size:14px;vertical-align:top;letter-spacing:0;display:inline-block;margin:7px 0 0 3px}.header nav{display:flex;gap:34px;font-size:14px}.header a:hover,.text-link:hover{color:var(--orange)}.nav-end{display:flex;align-items:center;gap:25px;font-size:14px}.nav-end button{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:8px}.contact-link{border-bottom:1px solid var(--ink);padding-bottom:6px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding-top:86px;padding-bottom:80px;align-items:center}.eyebrow{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:1.5px;line-height:1.7;display:flex;align-items:center;gap:9px}.status-dot,.green-dot{width:7px;height:7px;border-radius:50%;background:#8764b6;display:inline-block;flex-shrink:0}.hero h1{font-size:clamp(54px,5.45vw,78px);line-height:1.05;font-weight:500;letter-spacing:-4px;margin:30px 0 26px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.hero-intro{max-width:440px;font-size:16px;line-height:1.85;color:var(--muted)}.current{font-size:12px;margin-top:25px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.small-cross{color:var(--orange);font-size:20px;margin-right:5px}.muted{color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button{padding:16px 22px;font-size:13px;border-radius:3px;transition:transform .2s,background .2s}.primary{background:var(--ink);color:var(--paper)}.primary:hover{background:var(--orange);transform:translateY(-2px)}.text-link{font-size:13px;border-bottom:1px solid var(--line);padding-bottom:6px}.expertise{display:flex;justify-content:space-between;align-items:center;padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;gap:16px}.expertise>span:first-child{font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.divider{color:#ad9dbe}.section{padding-top:93px;padding-bottom:93px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:37px}.section-heading .eyebrow{color:var(--muted);margin-top:0}h2{font-size:38px;font-weight:500;letter-spacing:-1.5px;line-height:1.2;margin:15px 0 0}.section-aside{font-size:12px;line-height:1.7;color:var(--muted);white-space:pre-line;margin-bottom:0}.project{border:1px solid var(--line);border-radius:5px;overflow:hidden}.featured{display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px}.featured-visual{background:#e9e0f2;position:relative;min-height:350px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;background-image:linear-gradient(#70518b0b 1px,transparent 1px),linear-gradient(90deg,#70518b0b 1px,transparent 1px);background-size:35px 35px}.visual-label{font:9px var(--mono);letter-spacing:1.5px;display:flex;justify-content:space-between}.whale-mark{width:85%;align-self:center}.whale-mark svg{width:100%;fill:#76608f}.whale-mark circle{fill:#e9e0f2}.whale-line{fill:none;stroke:#76608f;stroke-width:5;stroke-linecap:round}.visual-bottom{display:flex;justify-content:space-between;align-items:end}.visual-bottom>span:first-child{font-size:36px;font-weight:650;letter-spacing:-1px;color:#76608f}.visual-bottom>span:last-child{font:8px/1.6 var(--mono);letter-spacing:1px}.featured-copy{padding:32px 36px;background:#fcfaff}.project-meta{display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);letter-spacing:1px;color:var(--muted);gap:10px}.pill{padding:7px 9px;border-radius:3px;background:#eee6f6;color:#735093;font-size:8px}.featured h3{font-size:39px;letter-spacing:-1.5px;font-weight:500;margin:27px 0 0}.project-subtitle{font-size:13px!important;color:var(--ink)!important;margin:5px 0 18px!important}.project p{font-size:13px;line-height:1.85;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.tags span{font:9px var(--mono);border:1px solid var(--line);padding:7px 9px;border-radius:3px;color:#73617d}.project-foot{margin-top:26px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.project-foot a{font-size:22px;color:var(--ink)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compact{padding:28px 32px;background:#f2eff7}.asset-project{background:#f4f0f8}.project-top{display:flex;align-items:center;justify-content:space-between}.project-number{font:8px var(--mono);letter-spacing:1.2px;color:var(--muted)}.mini-icon{font-size:25px;color:#82649c}.asset-project .mini-icon{color:var(--orange)}.compact h3{font-size:31px;line-height:1.18;font-weight:500;letter-spacing:-1px;white-space:pre-line;margin:22px 0 13px}.company{font-size:11px!important;color:var(--ink)!important}details{margin-top:25px;border-top:1px solid #e0d6e9}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding-top:18px;font-size:11px;cursor:pointer}summary::-webkit-details-marker{display:none}.details-plus{font-size:20px;transition:transform .2s}details[open] .details-plus{transform:rotate(45deg)}.detail-body{padding-top:6px}.notes-section{background:#f0ecf6;border-block:1px solid var(--line)}.note{display:grid;grid-template-columns:45px 1fr 80px 25px;align-items:center;gap:16px;border-top:1px solid #ded4e9;padding:24px 0;transition:padding .2s}.note:last-child{border-bottom:1px solid #ded4e9}.note:hover{padding-left:12px;color:var(--orange)}.note-no{font:10px var(--mono);color:var(--muted)}.note-category{font:8px var(--mono);letter-spacing:1px;color:var(--muted)}.note h3{font-size:20px;letter-spacing:-.5px;font-weight:450;margin:10px 0 0}.note-lang{font:9px var(--mono);color:var(--muted)}.note-arrow{font-size:23px}.contact-section{background:#e9e0f3;border-radius:5px;padding:54px 60px;display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:4px;margin-bottom:54px}.contact-section h2{font-size:64px;letter-spacing:-3px;white-space:pre-line}.contact-section p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.7;margin-top:20px}.email{font-size:16px;display:inline-block;border-bottom:1px solid #b29ac9;padding:9px 0;overflow-wrap:anywhere}.contact-orb{display:flex;width:123px;height:123px;border:1px solid #b49ece;border-radius:50%;align-items:center;justify-content:center;font-size:57px;font-weight:300;flex-shrink:0;transition:background .2s,transform .2s}.contact-orb:hover{background:#dfd1ee;transform:rotate(45deg)}.footer{display:flex;align-items:center;justify-content:space-between;padding-bottom:32px;gap:20px;font-size:10px;color:var(--muted)}.footer div{display:flex;gap:23px}.skip{position:absolute;left:16px;top:-80px;padding:12px;background:var(--ink);color:white;z-index:10}.skip:focus{top:10px}#live2d-widget,.aplayer{display:none!important}html[lang="zh-CN"] h1{font-size:64px;letter-spacing:-2px;line-height:1.25}html[lang="zh-CN"] h2{line-height:1.4}html[lang="zh-CN"] .eyebrow{letter-spacing:1px}html[lang="zh-CN"] .hero-intro{line-height:2}
@media(min-width:1500px){.hero{padding-top:105px;padding-bottom:105px}.hero h1{font-size:80px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:25px}.hero h1{font-size:59px;letter-spacing:-3px}.hero-art{height:415px}.system-card{left:20px;width:265px}.basketball{width:137px;height:137px;right:10px}.art-note{right:14px;font-size:14px}.expertise{font-size:11px}.about-section{gap:40px}.featured-copy{padding:25px}.contact-section{padding:40px}html[lang="zh-CN"] h1{font-size:49px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:85px}.brand{font-size:30px}.header nav{gap:18px;font-size:12px}.header nav a:last-child{display:none}.nav-end{gap:8px}.contact-link{display:none}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:40px;gap:42px}.hero h1{font-size:64px;letter-spacing:-3px;margin-top:22px}.hero-intro{font-size:15px}.hero-art{height:370px;max-width:500px;width:100%;justify-self:center}.system-card{top:83px;left:10%;width:275px}.basketball{width:150px;height:150px;right:6%;bottom:38px}.art-note{right:25px;top:62px}.coord-one{top:61px}.art-spark{bottom:44px}.expertise{flex-wrap:wrap;justify-content:flex-start;gap:16px 20px;padding:23px 0;font-size:11px}.expertise>span:first-child{width:100%}.expertise .divider{display:none}.section{padding-top:56px;padding-bottom:56px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:30px}.section-aside{margin-top:17px}.section-heading>.text-link{display:inline-block;margin-top:20px}.featured,.project-grid{grid-template-columns:1fr}.featured-visual{min-height:280px}.whale-mark{max-width:300px}.featured-copy{padding:25px}.compact{padding:24px}.note{grid-template-columns:23px 1fr 20px;gap:10px}.note-lang{display:none}.note h3{font-size:17px;line-height:1.4}.note-category{font-size:7px}.about-section{grid-template-columns:1fr;gap:35px}.court-art{height:340px;max-width:500px;width:100%;margin:auto}.about-copy h2{font-size:34px}.contact-section{padding:30px 25px;margin-bottom:35px;position:relative}.contact-section h2{font-size:49px;letter-spacing:-2px}.contact-section .eyebrow{font-size:8px}.contact-orb{display:none}.email{font-size:14px}.footer{flex-wrap:wrap;font-size:9px;gap:18px}.footer>span:nth-child(2){order:3;width:100%}html[lang="zh-CN"] h1{font-size:52px}html[lang="zh-CN"] h2{font-size:30px}}@media(max-width:370px){.hero h1{font-size:54px}.eyebrow{font-size:8px}.system-card{left:5%;width:250px}.hero-art{height:355px}.current{font-size:10px}.email{font-size:12px}html[lang="zh-CN"] h1{font-size:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Profile v2: engineering first, a personal world in violet. */
.hero h1{font-size:clamp(44px,4.5vw,65px);letter-spacing:-3px;line-height:1.13}.hero h1 em{font-size:.92em}.hero-art{height:438px;background:#ede6f4;position:relative;border:1px solid #e2d6ed;border-radius:5px;overflow:hidden;background-image:radial-gradient(#b4a0ca 0.6px,transparent 0.6px);background-size:18px 18px}.art-top,.art-bottom{position:absolute;left:23px;right:23px;display:flex;justify-content:space-between;align-items:center;font:7px var(--mono);letter-spacing:1px;color:#816798;z-index:2}.art-top{top:25px}.art-bottom{bottom:23px}.architecture-orbit{position:absolute;border:1px solid #dacee6;border-radius:50%;width:380px;height:380px;top:34px;left:calc(50% - 190px)}.orbit-b{width:290px;height:290px;left:calc(50% - 145px);top:79px}.connections{position:absolute;inset:0;width:100%;height:100%;fill:#b096c6;stroke:#b096c6;stroke-width:1.3}.connections path{fill:none}.diagram-node{position:absolute;top:90px;width:39%;height:122px;border:1px solid #d6c8e2;background:#faf7fd;box-shadow:0 7px 16px #65488508;border-radius:5px;padding:15px;display:flex;flex-direction:column}.node-backend{left:6%}.node-chain{right:6%}.node-symbol{font:19px var(--mono);color:#8e6bb0;position:absolute;top:-27px;left:6px}.diagram-node>span:not(.node-symbol){font:7px var(--mono);letter-spacing:.7px;color:#937da5}.diagram-node strong{font-size:17px;font-weight:550;letter-spacing:-.5px;margin-top:17px}.diagram-node small{font-size:8px;color:var(--muted);margin-top:8px}.diagram-bridge{position:absolute;top:244px;left:50%;transform:translateX(-50%);font:7px var(--mono);letter-spacing:1px;white-space:nowrap;display:flex;gap:7px;align-items:center;background:#ede6f4;padding:8px}.bridge-dot{width:5px;height:5px;border-radius:50%;background:#9c7bba}.diagram-base{position:absolute;top:310px;width:200px;left:calc(50% - 100px);background:#76568f;color:#fff;border-radius:4px;padding:15px 18px;display:flex;align-items:center;gap:15px;box-shadow:5px 6px 0 #d6c6e3}.diagram-base strong{font-size:18px;font-weight:500;display:block}.diagram-base small{display:block;font:6px var(--mono);letter-spacing:1px;margin-top:6px;color:#e4d4ee}.base-spark{margin-left:auto;font-size:24px;color:#d8bcea}.diagram-coordinate{position:absolute;top:290px;right:17px;writing-mode:vertical-rl;font:6px var(--mono);letter-spacing:1px;color:#9d83af}.engineering-note{padding:0 28px 20px;border:1px solid var(--line);border-radius:5px;background:#f5f2f8}.engineering-note summary{padding-top:23px;gap:20px}.engineering-note .eyebrow{font-size:8px;color:var(--muted)}.engineering-note h3{font-weight:500;font-size:19px;letter-spacing:-.3px;margin:8px 0 0;line-height:1.5}.engineering-content>p,.reason-grid p{font-size:12px;line-height:1.85;color:var(--muted)}.engineering-content{padding-top:15px}.flow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0}.flow span{flex:1;text-align:center;padding:18px 12px;background:#ede6f4;border:1px solid #dfd0eb;border-radius:3px;font:11px var(--mono);line-height:1.6}.flow b{font-weight:400;color:#9d7fb9}.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.reason-grid h4{font-size:13px;font-weight:550;margin-bottom:6px}.about-section{display:block}.about-heading{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:start;margin-bottom:34px}.about-heading h2{white-space:pre-line;line-height:1.25}.about-intro p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:0}.life-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.life-card{border:1px solid #e1d6eb;border-radius:4px;background:#f1ebf7;padding:21px;display:flex;flex-direction:column;overflow:hidden}.music-card{background:#ece5f5}.screen-card{background:#f3eef8}.life-label{display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);letter-spacing:1px;color:#826b99}.life-label>span:last-child{font-size:17px}.life-art{height:176px;margin:15px -5px;position:relative;flex-shrink:0}.motion-art svg{width:100%;height:100%;overflow:visible}.route-path{fill:none;stroke:#bda6d0;stroke-width:1.5;stroke-dasharray:4 5}.route-stop{fill:#f1ebf7;stroke:#b297c9;stroke-width:2}.bicycle{fill:none;stroke:#876b9f;stroke-width:2}.small-ball{fill:#c7b1df;stroke:#8e6bac;stroke-width:1.3}.small-ball path{fill:none}.life-card h3{font-weight:500;font-size:18px;letter-spacing:-.5px;line-height:1.4;margin:0 0 10px}.life-card p{font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 18px}.life-tags{display:flex;gap:12px;flex-wrap:wrap;font:7px var(--mono);letter-spacing:.6px;color:#8b729f;margin-top:auto;padding-top:15px;border-top:1px solid #d9cde4}.record-sleeve{position:absolute;left:8%;top:15px;width:130px;height:139px;background:#b49acb;color:#fcf9ff;padding:15px;z-index:2;transform:rotate(-7deg);box-shadow:3px 6px 9px #6b4c8712;display:flex;flex-direction:column;justify-content:space-between}.record-sleeve>span{font:7px/1.5 var(--mono);letter-spacing:1px}.record-sleeve strong{font-family:Georgia,serif;font-size:48px;font-weight:400;line-height:1}.record-sleeve small{font:5px var(--mono);letter-spacing:.4px}.vinyl{width:129px;height:129px;position:absolute;border-radius:50%;left:calc(8% + 74px);top:22px;background:repeating-radial-gradient(#52405e 0px,#52405e 2px,#635071 3px,#52405e 4px);display:flex;align-items:center;justify-content:center}.vinyl span{background:#d3c1e4;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#735789;font:8px/1.5 var(--mono);text-align:center}.guitar{position:absolute;right:3%;bottom:4px;width:44px;height:117px;transform:rotate(20deg);fill:#e7d9f2;stroke:#9779ad;stroke-width:1.5;z-index:3}.guitar path:last-child{fill:none}.guitar circle{fill:#ae94c3}.movie-ticket{position:absolute;inset:18px 12px 14px 7px;padding:13px 17px;background:#e3d7ef;border:1px solid #cfbcdf;transform:rotate(-5deg);border-radius:3px}.ticket-top,.ticket-bottom{display:flex;justify-content:space-between;font:6px var(--mono);letter-spacing:.7px;color:#876b9c}.ticket-top{padding-bottom:10px;border-bottom:1px dashed #b99dcd}.movie-ticket strong{font-weight:450;font-size:27px;line-height:1.08;display:block;margin-top:12px;letter-spacing:-.8px;color:#674f7c}.movie-ticket em{font-family:Georgia,serif;font-weight:400}.ticket-bottom{margin-top:12px}.screen-star{position:absolute;right:1px;top:1px;color:#9f7cbc;font-size:45px}.about-signoff{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;color:var(--muted);font-size:11px}.signature{font-family:Georgia,serif;font-style:italic;font-size:30px;transform:rotate(-6deg);color:#8c65b0}.contact-section{background:#e9e0f3}.hero-intro{max-width:440px}html[lang="zh-CN"] .hero h1{font-size:clamp(38px,4vw,57px);line-height:1.4}html[lang="zh-CN"] .hero h1 em{font-style:normal;font-family:inherit}html[lang="zh-CN"] .life-card h3{font-size:17px}html[lang="zh-CN"] .about-heading h2{font-size:35px}
@media(max-width:1050px){.hero h1{font-size:48px;letter-spacing:-2.5px}.hero-art{height:420px}.diagram-node{padding:12px}.diagram-node strong{font-size:15px}.diagram-node small{font-size:7px}.life-card{padding:16px}.life-grid{gap:14px}.life-card h3{font-size:16px}.record-sleeve{width:112px;left:2%}.vinyl{left:calc(2% + 53px)}.movie-ticket{inset:18px 0 14px;padding:12px}.movie-ticket strong{font-size:25px}.ticket-top,.ticket-bottom{font-size:5px}.about-heading{gap:35px}}@media(max-width:760px){.hero h1{font-size:clamp(40px,7.6vw,58px);letter-spacing:-2px}.hero-art{height:395px;max-width:500px}.diagram-node{top:85px;height:115px;padding:16px}.diagram-node strong{font-size:17px}.diagram-node small{font-size:8px}.diagram-bridge{top:225px}.diagram-base{top:283px}.art-top{font-size:6px}.about-heading{grid-template-columns:1fr;gap:20px}.about-heading h2{font-size:33px}.life-grid{grid-template-columns:1fr;gap:17px}.life-card{padding:24px}.life-art{width:100%;max-width:330px;align-self:center;height:170px;margin:14px 0}.life-card h3{font-size:20px}.life-card p{font-size:13px;max-width:430px}.record-sleeve{width:130px;left:12%}.vinyl{left:calc(12% + 72px)}.guitar{right:9%}.movie-ticket{inset:18px 17px 9px;padding:13px 20px}.movie-ticket strong{font-size:28px}.ticket-top,.ticket-bottom{font-size:6px}.life-tags{font-size:8px}.about-signoff{align-items:flex-start;font-size:10px;line-height:1.8}.engineering-note{padding:0 20px 20px}.engineering-note h3{font-size:17px}.flow{flex-direction:column;gap:8px}.flow span{width:100%;padding:12px}.flow b{transform:rotate(90deg)}.reason-grid{grid-template-columns:1fr;gap:6px}html[lang="zh-CN"] .hero h1{font-size:clamp(34px,7.5vw,51px)}html[lang="zh-CN"] .about-heading h2{font-size:31px}}@media(max-width:370px){.hero h1{font-size:37px}.diagram-node{padding:11px}.diagram-node strong{font-size:15px}.diagram-node small{font-size:7px}.diagram-node>span:not(.node-symbol){font-size:6px}.art-top{left:15px;right:15px;font-size:5px}.art-bottom{font-size:6px}.life-card{padding:20px}.movie-ticket{inset:18px 2px 9px}.record-sleeve{left:3%}.vinyl{left:calc(3% + 72px)}.guitar{right:0}}