@charset "UTF-8";
.motion-paused .live-led,.motion-paused .mouse-wheel:after,.motion-paused .contact-orbit>span{animation-play-state:paused}
.contact-section{overflow:clip}
.detail-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:28px}.detail-actions .close-bottom{margin:0}.source-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:0 17px;border:1px solid #b8b5ff46;border-radius:8px;color:#d0cdf6;font-size:11px;transition:background .25s,border-color .25s,transform .25s}.source-link:hover{background:#b8b5ff12;border-color:#b8b5ff9e;transform:translateY(-2px)}.source-link:active{transform:scale(.97)}.source-link i{font-style:normal;font-size:19px;margin-left:9px}.source-symbol{font-size:15px;color:#9894cf}.source-link:hover i{transform:translate(2px,-2px)}
@media(max-width:600px){.detail-actions{gap:10px;margin-top:23px}.source-link{min-height:44px;font-size:10px;padding:0 13px;gap:8px}.source-link i{margin-left:3px}.detail-actions .close-bottom{gap:25px;padding-inline:16px}}
.scene-tools{right:45px;left:auto!important;bottom:160px!important;transform:none!important;flex-direction:column;align-items:flex-end}.scene-status{color:#8b97b1!important}.hero-coordinate{visibility:hidden}
@media(max-width:600px){.scene-tools{right:auto!important;left:50%!important;bottom:65px!important;transform:translateX(-50%)!important;flex-direction:row;align-items:center}.scene-status{display:none}.avatar-control{top:50%!important;height:36%!important}.scene-caption .secondary-label{right:16%!important;top:75%!important}.scene-caption .float-label:not(.secondary-label){left:15%!important;top:65%!important}}
:root{--bg:#101423;--panel:#171d30;--ink:#f6f3e9;--muted:#929bb5;--line:#ffffff15;--orange:#ffac85;--lavender:#b8b5ff;--lamp:#8cbbff;--ease:cubic-bezier(.2,.7,.2,1);font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}body.modal-open{overflow:hidden}html{scroll-behavior:smooth;scroll-padding-top:90px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;border:0;background:none;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--orange);outline-offset:6px}h1,h2,h3,p{margin:0}img{max-width:100%;height:auto}button[hidden],[hidden]{display:none!important}::selection{background:#ffac85;color:#101423}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:var(--ink);color:var(--bg);z-index:100}.skip:focus{top:15px}.section-wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.section-label{font-size:12px;font-weight:400;color:var(--orange);margin-bottom:20px;letter-spacing:.2px}.header{position:absolute;inset:0 0 auto;z-index:20;height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 54px;border-bottom:1px solid #ffffff09}.logo{display:flex;align-items:center;gap:13px}.logo-glyph{font:700 50px/.8 Georgia,serif;letter-spacing:-6px;padding-right:5px}.logo-glyph>span{color:var(--orange)}.logo>span:last-child{font-size:14px;font-weight:600;letter-spacing:2px}.logo small{display:block;letter-spacing:.5px;font-size:9px;font-weight:400;color:#929bb5;margin-top:7px}.header nav{display:flex;align-items:center;gap:38px;font-size:12px}.header nav>a{position:relative}.header nav>a:not(.nav-hello):after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:1px;background:var(--orange);transition:width .25s}.header nav>a:hover:after{width:100%}.nav-hello{border:1px solid #ffffff29;border-radius:30px;padding:12px 22px;display:flex;gap:22px;transition:background .25s,border-color .25s}.nav-hello:hover{background:#ffffff0b;border-color:#ffac8580}.nav-hello>span{color:var(--orange)}
.hero{height:115svh;min-height:890px;position:relative}.hero-stage{position:sticky;top:0;height:100svh;min-height:760px;max-height:1100px;overflow:hidden;background:radial-gradient(ellipse at 76% 49%,#2c34564d,transparent 48%),var(--bg)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#c4ccff06 1px,transparent 1px),linear-gradient(90deg,#c4ccff06 1px,transparent 1px);background-size:85px 85px;mask-image:radial-gradient(ellipse at 65% 60%,black,transparent 70%)}.hero-haze{position:absolute;left:48%;top:23%;width:35%;height:58%;border-radius:100%;background:radial-gradient(ellipse,#8f8de61a,transparent 70%);filter:blur(25px)}#world{position:absolute;inset:0;z-index:1}#world canvas{display:block;width:100%;height:100%;pointer-events:none}.hero-copy{position:absolute;left:max(56px,calc((100vw - 1240px)/2));top:50%;transform:translateY(-51%);z-index:4;pointer-events:none}.hero-copy a{pointer-events:auto}.hello-label{color:#b3b7c8;font-size:11px;display:flex;align-items:center;gap:9px;margin-bottom:29px}.hello-label i{width:6px;height:6px;border-radius:100%;background:var(--orange);box-shadow:0 0 14px #ffac8580}.hero h1{font-size:clamp(52px,5.9vw,84px);line-height:1.25;font-weight:700;letter-spacing:-4px;position:relative}.name-line{display:block;margin-top:4px}.name-dot{color:var(--orange);margin-left:2px}.hero-intro{font-size:15px;line-height:2.05;color:#acb1c5;margin-top:27px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:40px;min-height:55px;padding:0 23px;background:var(--orange);color:#242331;border:1px solid var(--orange);border-radius:9px;font-size:13px;font-weight:600;position:relative;isolation:isolate;overflow:hidden;transition:box-shadow .3s,background .3s,transform .4s var(--ease)}.primary:before{content:"";position:absolute;inset:0;background:#ffe8d3;transform:translateY(105%);transition:transform .35s var(--ease);z-index:-1}.primary:hover:before{transform:translateY(0)}.primary:hover{box-shadow:0 8px 35px #ffac8526}.primary:active{transform:scale(.96)}.primary i,.outline-button i{font-style:normal;font-size:22px;transition:transform .3s}.primary:hover i,.outline-button:hover i{transform:translate(3px,-3px)}.quiet-link{font-size:12px;display:flex;align-items:center;gap:15px;color:#c8ccdb}.quiet-link span{transition:transform .3s}.quiet-link:hover span{transform:translateY(5px)}.hero-meta{display:flex;gap:15px;font-size:9px;color:#717d99;margin-top:36px}.hero-meta>span+span{border-left:1px solid #3a4155;padding-left:15px}.hero-bottom{position:absolute;z-index:4;bottom:31px;left:54px;right:54px;display:flex;align-items:center;justify-content:space-between}.scroll-cue{display:flex;align-items:center;gap:12px;font-size:10px;color:#9ea7bc}.scroll-cue>span:last-child{margin-left:25px;color:var(--orange)}.mouse-wheel{width:15px;height:23px;border:1px solid #707a97;border-radius:12px;position:relative}.mouse-wheel:after{content:"";position:absolute;top:5px;left:6px;height:5px;width:1px;background:var(--orange);animation:scrollDown 1.8s infinite}.hero-coordinate{font-size:10px;color:#717c98;margin-left:60px}.small-star{color:var(--orange);font-size:35px;line-height:1}.scene-caption{position:absolute;z-index:3;inset:0;pointer-events:none}.pill-tag{position:absolute;right:10%;top:24%;padding:10px 15px;background:#242a3e66;border:1px solid #ffffff12;backdrop-filter:blur(10px);border-radius:30px;font-size:10px;color:#d3d7e5;display:flex;align-items:center;gap:7px;transform:rotate(6deg)}.pill-tag i{height:5px;width:5px;border-radius:100%;background:var(--orange)}.float-label{position:absolute;right:42%;top:38%;font-size:9px;color:#a6bad5;border:1px solid #8194bb22;border-radius:6px;padding:7px 9px;transform:rotate(-10deg);background:#1d273666}.secondary-label{right:7%;top:63%;transform:rotate(8deg);color:#c3b8e6;border-color:#b8b5ff33}.avatar-control{position:absolute;right:2%;top:17%;width:48%;height:66%;z-index:3;cursor:grab;touch-action:pan-y;border-radius:30%;outline-offset:-10px}.avatar-control:active{cursor:grabbing}.drag-cursor{position:absolute;width:46px;height:46px;border:1px solid #ffffff33;background:#ffffff0b;backdrop-filter:blur(6px);border-radius:100%;left:50%;bottom:22%;display:grid;place-items:center;font-size:22px;opacity:0;transition:opacity .3s;pointer-events:none}.avatar-control:hover .drag-cursor{opacity:1}.scene-tools{position:absolute;z-index:5;bottom:90px;left:70%;transform:translateX(-50%);display:flex;gap:8px;white-space:nowrap}.icon-button{border:1px solid #ffffff19;background:#22293d70;backdrop-filter:blur(10px);border-radius:30px;min-width:39px;height:39px;display:flex;gap:7px;align-items:center;justify-content:center;padding:0 13px;color:#afb8d0;font-size:10px;transition:background .25s,border-color .25s,transform .25s}.icon-button:hover{background:#333b52;border-color:#ffac8566;color:var(--ink);transform:translateY(-3px)}.icon-button:first-child>span:first-child{font-size:18px;color:var(--orange)}.icon-button[aria-pressed=true]{color:var(--orange);border-color:#ffac8566}.scene-status{position:absolute;z-index:4;left:70%;transform:translateX(-50%);bottom:65px;font-size:8px;letter-spacing:.2px;color:#67738e;white-space:nowrap}#scene-fallback{position:absolute;z-index:2;right:7%;top:18%;width:37%;height:62%;text-align:center}#scene-fallback img{height:90%;width:auto;object-fit:contain}#scene-fallback p{font-size:10px;color:var(--muted)}
.work-section{padding-top:93px;padding-bottom:80px;position:relative}.section-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:39px;gap:35px}.section-top h2{font-size:38px;line-height:1.5;letter-spacing:-1px}.section-top h2>span{color:var(--orange)}.section-top>p{font-size:12px;color:#7e88a3;line-height:2;padding-bottom:10px}.project-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:18px}.project-tabs>button{display:flex;align-items:center;gap:15px;padding:20px 22px;border:1px solid #ffffff0d;background:#151a2b;border-radius:11px;text-align:left;transition:background .35s,border-color .35s,transform .3s;position:relative;overflow:hidden}.project-tabs>button:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 100%,#b8b5ff10,transparent);opacity:0;transition:opacity .35s}.project-tabs>button:hover{transform:translateY(-4px);background:#1d2338;border-color:#ffffff24}.project-tabs>button[aria-selected=true]{background:#22283e;border-color:#b8b5ff70;box-shadow:0 0 28px #8a86ff0b}.project-tabs>button[aria-selected=true]:before{opacity:1}.project-tabs>button>span:nth-child(2){font-size:13px;position:relative}.project-tabs small{display:block;font-size:9px;margin-top:7px;color:#69758f}.project-tabs>button[aria-selected=true] small{color:#a2aac2}.tab-icon{font-size:26px;color:#7d8ba9;line-height:1}.project-tabs>button[aria-selected=true] .tab-icon{color:var(--lavender)}.tab-arrow{font-size:20px;margin-left:auto;color:#6d7691;transition:transform .3s,color .3s}.project-tabs>button:hover .tab-arrow{transform:translate(2px,-2px);color:var(--orange)}.project-panel{display:grid;grid-template-columns:1.1fr 1fr;min-height:565px;border:1px solid #ffffff0e;border-radius:17px;overflow:hidden;background:#151b2d}.project-visual{background:#1a2439;position:relative;padding:25px 28px 23px;transition:background .5s}.project-visual[data-visual=fpga]{background:#24233e}.project-visual[data-visual=life]{background:#232e32}.visual-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:#7e98b5;position:relative;z-index:2}.visual-number{color:#6c7f9d;font-size:9px}.visual-content{animation:panelIn .5s var(--ease)}.lamp-system{height:324px;display:grid;place-items:center;position:relative}.lamp-chip{position:relative;z-index:2;height:212px;width:178px;background:linear-gradient(140deg,#344854,#1a313e);border:2px solid #435967;border-radius:13px;transform:rotate(-11deg);display:flex;align-items:center;flex-direction:column;box-shadow:12px 22px 35px #060e1b55;padding-top:32px}.lamp-chip:before,.lamp-chip:after{content:"";position:absolute;top:16px;bottom:16px;left:-9px;width:9px;background:repeating-linear-gradient(#b9aa80 0 5px,transparent 5px 14px)}.lamp-chip:after{left:auto;right:-9px}.chip-brand{font-size:7px;letter-spacing:2px;color:#a4b5c0}.lamp-chip b{font-size:16px;margin-top:9px;color:#d8e1e5}.chip-grid{height:43px;width:103px;border:1px solid #c2c8d445;border-radius:4px;margin-top:15px;background:linear-gradient(45deg,#97a7b21a,#dbe8e510)}.chip-pin{font-size:6px;position:absolute;bottom:25px;left:19px;color:#8ba4b2}.lamp-chip small{position:absolute;bottom:17px;right:15px;font-size:6px;color:#8197a5}.live-led{position:absolute;width:13px;height:13px;background:var(--lamp);border-radius:3px;bottom:35px;right:35px;box-shadow:0 0 20px 7px var(--lamp),0 0 85px 25px var(--lamp);transition:background .3s,box-shadow .3s}.live-led.off{opacity:0}.live-led.breath{animation:breath 2.5s ease-in-out infinite}.live-led.blink{animation:blink 1s steps(1,end) infinite}.live-led.rainbow{animation:rainbow 4s linear infinite}.light-orbit{position:absolute;border:1px solid #86b6ed24;border-radius:100%;width:310px;height:170px;transform:rotate(-26deg);z-index:1}.orbit-two{width:340px;height:220px;transform:rotate(27deg);border-color:#b8b5ff10}.orbit-label{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;color:#6182a4;white-space:nowrap}.circuit-dot{position:absolute;width:5px;height:5px;border-radius:100%;background:var(--lamp);box-shadow:0 0 13px var(--lamp);z-index:2}.dot-one{left:15%;top:44%}.dot-two{right:12%;top:52%;background:#ffac85;box-shadow:0 0 13px #ffac85}.lamp-toolbar{display:flex;align-items:center;gap:15px;padding:14px 17px;border:1px solid #a7c2eb1c;border-radius:10px;background:#111b2d66}.color-buttons{display:flex;gap:9px;align-items:center}.color-button{height:26px;width:26px;border-radius:50%;background:none;position:relative;padding:0}.color-button:before{content:"";position:absolute;inset:4px;background:var(--swatch);border-radius:100%}.color-button:after{content:"";position:absolute;inset:0;border:1px solid transparent;border-radius:100%;transition:transform .25s,border-color .25s}.color-button[aria-pressed=true]:after{border-color:var(--swatch)}.color-button:hover:after{transform:scale(1.15);border-color:var(--swatch)}.custom-color{position:relative;height:25px;width:25px;display:grid;place-items:center;color:#97acc7;border:1px solid #ffffff1c;border-radius:100%;font-size:15px;cursor:pointer;overflow:hidden}.custom-color input{position:absolute;inset:0;height:100%;width:100%;opacity:0;cursor:pointer}.custom-color:focus-within{outline:2px solid var(--orange);outline-offset:3px}.lamp-toolbar output{font-size:9px;color:#8b9db7;margin-left:auto}.lamp-toolbar>button{font-size:19px;color:#bdcce0;border-left:1px solid #a1b1ca20;padding-left:15px;min-height:30px}.lamp-toolbar>button[aria-pressed=false]{color:#65758e}.effect-tabs{display:flex;gap:7px;margin-top:12px}.effect-tabs button{flex:1;font-size:10px;color:#7d94b0;padding:10px 0;border:1px solid #ffffff07;border-radius:6px;background:#121c2d55;transition:background .3s,color .3s,border-color .3s}.effect-tabs button:hover{background:#2b3c55;color:#d3e3f5}.effect-tabs button[aria-pressed=true]{background:#32445f;color:#bfd6ff;border-color:#7d9fcc40}.visual-note{text-align:center;font-size:8px;line-height:1.8;color:#627996;margin-top:16px}.project-copy{padding:38px 43px;display:flex;flex-direction:column;justify-content:center}.project-copy-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;font-size:9px;color:#7885a3}.project-copy-top>p{color:#b0a9e4}.project-copy h3{font-size:40px;letter-spacing:-1px;line-height:1.45;animation:panelIn .4s}.project-copy>p{color:#939db5;font-size:12px;line-height:2.1;margin-top:22px;max-width:340px}.project-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.project-tags>span{font-size:8px;line-height:1.7;color:#8996b3;background:#20283e;border:1px solid #ffffff0b;padding:5px 9px;border-radius:4px}.project-feature{padding-top:20px;margin-top:26px;border-top:1px solid #ffffff10;display:grid;grid-template-columns:65px 1fr;gap:10px;font-size:10px;line-height:2}.project-feature>span{color:#bcc3d3}.project-feature>p{color:#6f7e9c}.outline-button{display:flex;align-items:center;justify-content:space-between;align-self:flex-start;gap:36px;font-size:12px;color:#e0d1c8;border:1px solid #ffac854d;border-radius:7px;min-height:47px;padding:0 18px;margin-top:26px;transition:background .3s,transform .3s}.outline-button:hover{background:#ffac8510;transform:translateY(-2px);border-color:#ffac8588}.outline-button:active{transform:scale(.97)}.project-footnote{display:flex;align-items:center;gap:9px;font-size:9px;color:#66738c;margin-top:23px}.tiny-signal{width:5px;height:5px;border-radius:100%;background:#7b91ac}.project-footnote>span:last-child{margin-left:auto;font-size:8px;color:#56617b}
.fpga-board{width:235px;height:219px;background:linear-gradient(125deg,#4d4c70,#303353);border:2px solid #696489;border-radius:11px;margin:47px auto 29px;transform:rotate(-8deg);box-shadow:10px 20px 40px #0d0a2555;position:relative;display:grid;place-items:center}.fpga-pins{position:absolute;inset:10px;border:6px dashed #b7a68877;border-radius:5px}.fpga-core{height:128px;width:128px;background:#202039;border:1px solid #5b5879;box-shadow:0 0 0 7px #77739022;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}.fpga-core>span{font-size:36px;color:#d2ccff;letter-spacing:2px}.fpga-core small{font-size:6px;color:#8f8bb4;margin-top:8px}.board-leds{position:absolute;right:18px;bottom:17px;display:flex;gap:8px}.board-leds i{height:5px;width:5px;border-radius:100%;background:#ad9aff;box-shadow:0 0 10px #ad9aff}.board-leds i:nth-child(2){opacity:.4}.board-port{font-size:7px;position:absolute;padding:4px 6px;border-radius:3px;background:#181b31;color:#8c94b9;z-index:2}.port-one{left:15px;top:25px}.port-two{right:14px;top:32px}.port-three{left:20px;bottom:17px}.protocol-tracks{margin:0 15px;padding:16px 15px;background:#17192f66;border:1px solid #b4a7f31c;border-radius:8px}.protocol-tracks>div{display:flex;align-items:center;gap:20px;margin:9px 0}.protocol-tracks>div>span{font-size:9px;min-width:30px;color:#78759d}.protocol-tracks svg{width:100%;height:23px}.protocol-tracks path{fill:none;stroke:#a9a0df;stroke-width:1.5;stroke-linejoin:round}.protocol-tracks>div:nth-child(2) path{stroke:#7a98c8}.desktop-window{width:100%;margin:65px auto 45px;background:#eceee6;border:1px solid #9aaa9222;border-radius:11px;overflow:hidden;box-shadow:0 15px 45px #050f1355;transform:rotate(-4deg)}.window-bar{height:33px;background:#e0e4d9;font-size:8px;color:#79856e;display:flex;align-items:center;justify-content:center;position:relative}.window-bar>span{position:absolute;left:13px;display:flex;gap:4px}.window-bar i{width:5px;height:5px;border-radius:100%;background:#aab5a0}.window-content{display:flex;height:220px}.window-content aside{width:33%;background:#dfe5d7;display:flex;flex-direction:column;padding:20px 13px;gap:17px;font-size:7px;color:#7a8e69}.window-content aside strong{font-size:8px;color:#576f49;margin-top:-7px;margin-bottom:4px}.little-flower{font-size:29px;color:#819966;line-height:1}.window-main{padding:34px 19px;flex:1;position:relative}.window-main>p{font-size:13px;color:#465d3b}.mock-date{font-size:6px;display:block;margin-top:10px;color:#96a18a}.mock-grid{display:flex;gap:9px;margin-top:22px}.mock-grid i{flex:1;padding:12px 2px;background:#e1e6d8;border:1px solid #d7decf;border-radius:5px;font-size:7px;color:#71835f;font-style:normal;text-align:center}.mock-data-line{height:5px;border-radius:2px;background:#d6ddcc;margin-top:15px;width:95%}.mock-data-line.short{width:70%;margin-top:7px}.offline-badge{font-size:6px;color:#839872;position:absolute;right:20px;bottom:13px}
.about-section{display:grid;grid-template-columns:1fr 1.15fr;gap:95px;padding-block:110px 105px;border-top:1px solid var(--line);position:relative}.about-title h2{font-size:50px;letter-spacing:-2px;line-height:1.45}.about-school{display:flex;align-items:center;gap:15px;margin-top:42px;font-size:13px}.about-school small{display:block;font-size:9px;margin-top:7px;color:#6f7a95}.school-symbol{font-size:43px;color:var(--lavender);line-height:1}.about-lead{font-size:20px;line-height:1.9;color:#d2d5e2;margin-bottom:22px}.about-content>p:not(.about-lead){font-size:12px;line-height:2.2;color:#7b87a3;margin-bottom:18px}.skill-rows{margin-top:31px}.skill-rows>div{display:flex;gap:22px;align-items:center;border-top:1px solid #ffffff0b;padding:17px 0;font-size:10px;line-height:1.8}.skill-rows>div>span{min-width:60px;color:#abb4cb}.skill-rows p{color:#697896;font-size:9px}.skill-rows i{font-style:normal;color:#5c6b86;margin-left:auto}.contact-section{padding-block:95px 100px;border-top:1px solid var(--line);position:relative}.contact-section h2{font-size:clamp(43px,5.3vw,68px);line-height:1.4;letter-spacing:-3px;position:relative}.contact-section h2 span{color:var(--orange)}.contact-note{font-size:12px;line-height:2;color:#7e8ba5;margin-top:25px}.contact-actions{display:flex;align-items:center;gap:29px;margin-top:33px;position:relative;z-index:1}.copy-button{display:flex;align-items:center;gap:20px;font-size:13px;color:#b4bdd2;min-height:44px;padding:0 3px;transition:color .3s}.copy-button:hover{color:var(--orange)}.copy-icon{font-size:19px;transition:transform .3s}.copy-button:hover .copy-icon{transform:rotate(7deg)}#copy-status{display:block;min-height:22px;font-size:9px;color:#a1c9b4;margin-top:12px}.phone-link{font-size:10px;color:#66748e;display:inline-flex;gap:20px;margin-top:4px}.phone-link:hover{color:var(--ink)}.contact-orbit{position:absolute;right:70px;top:150px;width:250px;height:250px;border:1px solid #b8b5ff15;border-radius:100%;display:grid;place-items:center;transform:rotate(-18deg)}.contact-orbit:before{content:"";position:absolute;inset:-30px 20px;border:1px solid #b8b5ff0b;border-radius:100%;transform:rotate(60deg)}.contact-orbit:after{content:"";position:absolute;width:12px;height:12px;right:3px;top:84px;background:var(--orange);border-radius:100%;box-shadow:0 0 30px #ffac8544}.contact-orbit>span{font-size:142px;color:#b8b5ff;line-height:1;animation:rotateStar 40s linear infinite}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:30px 35px;font-size:9px;color:#56627c}.footer-name{font-size:17px;font-weight:700;color:#bac1d4;letter-spacing:-.5px}.footer-name>span{color:var(--orange)}footer>a:last-child{display:flex;gap:15px;color:#818ca6}
dialog{color:var(--ink);background:#171d2e;border:1px solid #45506a66;border-radius:15px;width:min(750px,calc(100% - 32px));max-height:88svh;padding:0;box-shadow:0 40px 130px #0007}dialog::backdrop{background:#080e1bc9;backdrop-filter:blur(12px)}.dialog-top{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:15px 23px;background:#1a2234f0;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff0d;z-index:2;font-size:10px;color:#8190ad}.close-detail{width:35px;height:35px;border:1px solid #ffffff1c;border-radius:100%;font-size:14px;color:#a8b5d0;transition:transform .3s,background .3s}.close-detail:hover{background:#ffac8519;transform:rotate(90deg);color:var(--orange)}.dialog-content{padding:35px 40px 42px}.dialog-content h2{font-size:29px;line-height:1.6;letter-spacing:-.5px;margin-bottom:17px}.dialog-content>p:not(.section-label){font-size:12px;line-height:2.1;color:#8e9bb6}.dialog-content h3{font-size:15px;color:#d4d9e6;margin:27px 0 12px;font-weight:500}.dialog-content #detail-body p,.dialog-content ul{font-size:11px;line-height:2.2;color:#8796b2}.dialog-content ul{padding-left:18px;margin-bottom:0}.dialog-content li+li{margin-top:8px}.dialog-note{padding:15px 18px;border:1px solid #b8b5ff20;border-radius:7px;background:#b8b5ff05;margin-top:25px}.dialog-note h3{margin-top:0;color:#aaa6da;font-size:12px}.dialog-note p{font-size:10px!important}.close-bottom{margin-top:26px;font-size:11px;min-height:46px}.click-ripple{position:fixed;z-index:60;width:15px;height:15px;pointer-events:none;border:1px solid #ffac8580;border-radius:100%;animation:ripple .65s var(--ease) forwards}#click-ripples{pointer-events:none;position:fixed;inset:0;z-index:60;overflow:hidden}.project-panel.changing{animation:panelIn .48s var(--ease)}
@keyframes panelIn{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes breath{0%,100%{opacity:.18;transform:scale(.65)}50%{opacity:1;transform:scale(1.15)}}@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}@keyframes rainbow{to{filter:hue-rotate(360deg)}}@keyframes scrollDown{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(7px);opacity:1}}@keyframes rotateStar{to{transform:rotate(360deg)}}@keyframes ripple{to{transform:translate(-15px,-15px) scale(4);opacity:0}}
@media(min-width:1600px){.hero-copy{top:49%}.hero h1{font-size:90px}.hero-intro{font-size:17px}.scene-tools{bottom:110px}.scene-status{bottom:84px}}
@media(max-width:1100px){.section-wrap{width:calc(100% - 76px)}.header{padding-inline:38px}.hero-copy{left:38px}.hero h1{font-size:65px}.hero-intro{font-size:13px}.hero-actions{gap:23px}.hero-actions .primary{gap:27px;font-size:12px}.hero-actions .quiet-link{font-size:11px}.hero-bottom{left:38px;right:38px}.project-copy{padding:30px}.project-copy h3{font-size:34px}.project-tabs>button{padding:19px 17px;gap:11px}.project-tabs>button>span:nth-child(2){font-size:12px}.project-tabs small{font-size:8px}.project-visual{padding-inline:20px}.project-panel{min-height:550px}.project-copy>p{font-size:11px}.about-section{gap:70px}.about-title h2{font-size:45px}.about-lead{font-size:18px}.contact-orbit{right:10px;transform:scale(.8) rotate(-18deg);transform-origin:right center}.lamp-toolbar{padding-inline:12px;gap:8px}.lamp-toolbar output{font-size:8px}.color-buttons{gap:5px}.color-button{width:24px;height:24px}.visual-heading{font-size:8px}.scene-caption .float-label{right:38%}}
@media(max-width:800px){.header{height:90px;padding-inline:27px}.header nav{gap:24px}.hero{min-height:850px;height:115svh}.hero-stage{min-height:740px}.hero-copy{left:32px}.hero h1{font-size:56px;letter-spacing:-3px}.hello-label{font-size:9px;margin-bottom:23px}.hero-intro{font-size:12px}.hero-actions{flex-direction:column;align-items:flex-start;gap:22px;margin-top:28px}.hero-meta{display:block;font-size:8px;margin-top:30px}.hero-meta>span{display:block;margin-top:8px}.hero-meta>span+span{border:0;padding:0}.scene-caption .pill-tag{right:7%;font-size:8px;top:25%}.scene-caption .float-label{display:none}.hero-coordinate{display:none}.hero-bottom{left:32px;right:32px}.scene-tools,.scene-status{left:73%}.scene-tools{bottom:103px;gap:6px}.scene-status{bottom:76px;font-size:7px}.icon-button{min-width:33px;height:33px;font-size:8px;padding-inline:10px}.icon-button:first-child{padding-inline:12px}.section-wrap{width:calc(100% - 56px)}.work-section{padding-top:65px}.section-top h2{font-size:31px}.section-top>p{font-size:10px}.project-tabs>button{padding:17px 13px;gap:9px}.project-tabs .tab-arrow{display:none}.project-tabs small{font-size:7px}.tab-icon{font-size:22px}.project-tabs>button>span:nth-child(2){font-size:10px}.project-panel{grid-template-columns:1fr}.project-visual{padding:26px 33px;min-height:505px}.lamp-system{height:300px}.lamp-chip{height:202px;width:166px}.lamp-toolbar{padding:14px 18px;max-width:440px;margin:auto}.lamp-toolbar output{font-size:10px}.color-buttons{gap:12px}.color-button{height:28px;width:28px}.effect-tabs{max-width:440px;margin-inline:auto}.effect-tabs button{padding:11px 0;font-size:11px}.visual-heading{font-size:10px}.project-copy{padding:37px 34px 39px;display:grid;grid-template-columns:1fr 1fr;gap:0 30px;position:relative}.project-copy-top{grid-column:1/-1;margin-bottom:24px}.project-copy h3{grid-column:1;grid-row:2/4;font-size:34px}.project-copy>p{grid-column:2;margin-top:0;font-size:11px}.project-tags{grid-column:2;margin-top:16px}.project-feature{grid-column:1/-1;margin-top:25px}.outline-button{grid-column:1/-1;margin-top:22px;justify-self:start}.about-section{padding-block:75px;gap:40px;grid-template-columns:1fr}.about-title{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 30px;align-items:center}.about-title>.section-label{width:100%;margin-bottom:6px}.about-title h2{font-size:38px}.about-school{margin:0}.about-content{max-width:580px}.about-lead{font-size:20px}.skill-rows>div{font-size:11px}.skill-rows p{font-size:10px}.contact-section{padding-block:70px}.contact-section h2{font-size:50px}.contact-orbit{opacity:.6;right:0;top:110px;transform:scale(.58) rotate(-18deg)}.contact-actions{gap:20px}.contact-actions .primary{gap:25px}.copy-button{font-size:11px;gap:13px}.desktop-window{max-width:470px;margin-block:55px 45px}.window-content{height:230px}.fpga-board{margin-block:35px 25px}.protocol-tracks{max-width:460px;margin-inline:auto}.project-visual[data-visual=fpga]{min-height:505px}.project-visual[data-visual=life]{min-height:415px}}
@media(max-width:600px){.header{height:80px;padding:0 21px}.logo{gap:11px}.logo-glyph{font-size:43px}.logo>span:last-child{font-size:12px;letter-spacing:1px}.logo small{font-size:7px;letter-spacing:0}.header nav{gap:20px;font-size:10px}.nav-hello{padding:9px 13px;gap:14px}.hero{height:1040px;min-height:0}.hero-stage{height:920px;min-height:0;position:sticky;top:-60px;max-height:none}.hero-copy{left:25px;top:123px;transform:none}.hello-label{font-size:9px;margin-bottom:20px}.hero h1{font-size:53px;letter-spacing:-3px;line-height:1.24}.name-line{margin-top:2px}.hero-intro{font-size:11px;line-height:1.95;margin-top:18px}.hero-actions{flex-direction:row;align-items:center;gap:22px;margin-top:23px}.hero-actions .primary{min-height:45px;padding-inline:17px;font-size:10px;gap:24px;border-radius:7px}.primary i{font-size:19px}.hero-actions .quiet-link{font-size:9px;gap:11px}.hero-meta{display:none}.hero-grid{background-size:60px 60px}.hero-haze{left:0;top:40%;width:100%;height:50%}.avatar-control{right:5%;top:43%;width:90%;height:39%;touch-action:pan-y}.scene-caption .pill-tag{top:49%;right:9%;font-size:8px;padding:8px 11px}.hero-bottom{bottom:25px;left:25px;right:25px}.scroll-cue{font-size:9px}.scroll-cue>span:last-child{margin-left:15px}.small-star{font-size:27px}.scene-tools{left:50%;bottom:91px;gap:8px}.scene-status{left:50%;bottom:65px;font-size:8px}.icon-button{height:35px;min-width:35px;font-size:9px}.scene-caption .float-label{display:block;top:65%;left:8%;right:auto;font-size:7px}.scene-caption .secondary-label{top:76%;right:7%;left:auto}#scene-fallback{top:43%;right:12%;width:76%;height:39%}#scene-fallback p{font-size:8px}.drag-cursor{bottom:10%;width:35px;height:35px;font-size:17px}.section-wrap{width:calc(100% - 42px)}.work-section{padding-top:55px;padding-bottom:53px}.section-label{font-size:10px;margin-bottom:15px}.section-top{display:block;margin-bottom:28px}.section-top h2{font-size:27px;letter-spacing:-.7px}.section-top>p{margin-top:17px;font-size:10px;line-height:1.9;padding:0}.section-top>p br{display:none}.project-tabs{gap:6px;margin-bottom:12px}.project-tabs>button{padding:14px 10px;gap:0;border-radius:8px;display:block;min-height:83px}.tab-icon{font-size:20px;display:block;margin-bottom:8px}.project-tabs>button>span:nth-child(2){font-size:10px;display:block;line-height:1.5}.project-tabs small{font-size:6px;margin-top:5px;white-space:nowrap;letter-spacing:-.2px}.project-visual{padding:20px 20px 18px;min-height:473px}.visual-heading{font-size:8px;gap:8px}.visual-number{font-size:7px}.lamp-system{height:280px}.lamp-chip{width:155px;height:192px;padding-top:29px}.lamp-chip b{font-size:14px}.chip-grid{width:88px;height:37px}.light-orbit{width:260px;height:150px}.orbit-two{width:285px;height:180px}.orbit-label{font-size:7px;letter-spacing:1.5px;bottom:15px}.dot-one{left:4%}.dot-two{right:3%}.lamp-toolbar{padding:12px 11px;gap:5px}.color-buttons{gap:5px}.color-button{width:27px;height:27px}.lamp-toolbar output{font-size:8px}.lamp-toolbar>button{padding-left:10px;font-size:18px}.effect-tabs{gap:6px;margin-top:10px}.effect-tabs button{font-size:10px;padding-block:10px}.visual-note{font-size:7px;margin-top:12px}.project-panel{border-radius:12px}.project-copy{padding:28px 23px 30px;display:block}.project-copy-top{margin-bottom:19px;font-size:8px}.project-copy h3{font-size:32px}.project-copy>p{margin-top:17px;font-size:11px;max-width:none}.project-tags{margin-top:16px}.project-tags>span{font-size:7px;padding:4px 8px}.project-feature{font-size:9px;margin-top:20px;padding-top:16px;grid-template-columns:58px 1fr}.outline-button{min-height:44px;padding-inline:14px;font-size:10px;gap:35px;margin-top:20px}.outline-button i{font-size:20px}.project-footnote{font-size:8px;line-height:1.8;gap:7px;margin-top:16px}.project-footnote>span:last-child{display:none}.about-section{padding-block:55px;gap:27px}.about-title{display:block}.about-title>.section-label{margin-bottom:15px}.about-title h2{font-size:36px;line-height:1.4;letter-spacing:-1px}.about-school{margin-top:26px;font-size:11px;gap:12px}.about-school small{font-size:8px}.school-symbol{font-size:35px}.about-lead{font-size:17px;line-height:1.9;margin-bottom:19px}.about-content>p:not(.about-lead){font-size:11px;line-height:2.2;margin-bottom:13px}.skill-rows{margin-top:23px}.skill-rows>div{gap:12px;font-size:9px;padding:15px 0;align-items:flex-start}.skill-rows>div>span{min-width:50px}.skill-rows p{font-size:8px;line-height:2}.skill-rows i{font-size:10px}.contact-section{padding-block:57px 55px}.contact-section h2{font-size:39px;line-height:1.45;letter-spacing:-2px}.contact-note{font-size:10px;margin-top:20px}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:26px}.contact-actions .primary{min-height:48px;font-size:11px;gap:35px;padding-inline:19px}.copy-button{font-size:12px;gap:20px;min-height:33px}#copy-status{font-size:8px;min-height:19px;margin-top:8px}.phone-link{font-size:9px}.contact-orbit{right:-5px;top:37px;transform:scale(.32) rotate(-18deg);opacity:.35;transform-origin:right center;pointer-events:none}.contact-orbit>span{color:#b8b5ff}.contact-section .section-label{position:relative;z-index:1}footer{font-size:7px;gap:10px;padding-block:24px}.footer-name{font-size:14px}footer>a:last-child{gap:8px}.dialog-top{padding:12px 17px;font-size:9px}.dialog-content{padding:26px 22px 30px}.dialog-content h2{font-size:23px}.dialog-content>p:not(.section-label){font-size:11px}.dialog-content h3{font-size:14px;margin-top:22px}.dialog-content #detail-body p,.dialog-content ul{font-size:10px;line-height:2.1}.dialog-note{padding:13px 14px}.dialog-note p{font-size:9px!important}.close-bottom{min-height:44px}.desktop-window{margin-top:50px;margin-bottom:40px;width:100%}.window-content{height:198px}.window-main{padding:28px 13px}.window-main>p{font-size:10px}.window-content aside{font-size:6px;padding:18px 10px;gap:15px}.window-content aside strong{font-size:7px}.mock-grid{gap:6px;margin-top:18px}.mock-grid i{font-size:6px;padding:10px 0}.offline-badge{font-size:5px;right:12px}.project-visual[data-visual=life]{min-height:360px}.project-visual[data-visual=fpga]{min-height:449px}.fpga-board{width:200px;height:190px;margin-top:35px;margin-bottom:24px}.fpga-core{width:108px;height:108px}.fpga-core>span{font-size:32px}.protocol-tracks{padding:12px}.protocol-tracks>div{gap:10px;margin-block:8px}.protocol-tracks>div>span{font-size:8px;min-width:25px}}
@media(max-width:360px){.header{padding-inline:17px}.header nav{gap:13px}.hero-copy{left:21px}.hero h1{font-size:48px}.hero-actions{gap:18px}.project-tabs>button{padding-inline:8px}.project-tabs>button>span:nth-child(2){font-size:9px}.project-tabs small{font-size:5.5px}.project-visual{padding-inline:16px}.lamp-toolbar output{font-size:7px}.color-buttons{gap:3px}.color-button{width:24px;height:24px}.custom-color{width:23px;height:23px}.contact-section h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.live-led.breath{opacity:.6}.live-led.blink{opacity:.8}.hero-stage{position:relative;top:0}.avatar-control{touch-action:pan-y}}

/* Project entry points and new project displays */
.scene-projects{position:absolute;inset:0;z-index:6;pointer-events:none}.scene-project{pointer-events:auto;position:absolute;min-width:135px;display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid #adb9df30;background:linear-gradient(125deg,#283047cc,#1b2539b3);backdrop-filter:blur(12px);border-radius:11px;text-align:left;box-shadow:0 9px 24px #03091822;transition:transform .25s,border-color .25s,background .25s}.scene-project>span:nth-child(2){font-size:11px;color:#d1d8e9;line-height:1.5}.scene-project small{display:block;font-size:7px;color:#7486aa;margin-top:3px}.scene-project i{font-style:normal;font-size:16px;margin-left:auto;color:#8297ba}.node-dot{width:6px;height:6px;background:#9bbcff;border-radius:100%;box-shadow:0 0 13px #9bbcff70}.node-life .node-dot{background:#a4d2b0;box-shadow:0 0 13px #a4d2b070}.node-llm .node-dot{background:#ffc09a;box-shadow:0 0 13px #ffc09a70}.node-fpga .node-dot{background:#b7afd4;box-shadow:none}.node-light{left:50%;top:31%}.node-life{right:6%;top:39%}.node-llm{left:49%;top:64%}.node-fpga{right:6%;top:66%}.scene-project:hover{transform:translateY(-5px);border-color:#ffac8599;background:#31354df2}.scene-project:active{transform:scale(.97)}.scene-tools{top:125px!important;bottom:auto!important;flex-direction:row;align-items:center}.scene-caption .pill-tag{top:23%;right:11%;font-size:9px}.project-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.project-tabs>button{min-width:0}.project-tabs>button>span:nth-child(2){font-size:12px}.project-tabs small{font-size:8px}.project-copy-top{flex-wrap:wrap}.project-visual[data-visual=llm]{background:#2b2735}.screenshot-controls{display:flex;justify-content:center;gap:8px;margin:27px 0 19px}.screenshot-controls button{font-size:10px;padding:9px 13px;border:1px solid #ffffff10;border-radius:6px;color:#9eada9;background:#10252a33;transition:background .2s,border-color .2s}.screenshot-controls button[aria-pressed=true]{border-color:#9fc7b166;background:#9fc7b115;color:#d3e8d9}.screenshot-controls button:hover{background:#ffffff09}.screenshot-preview{display:block;width:100%;padding:0;background:none;border:1px solid #aec8c033;border-radius:9px;overflow:hidden;position:relative;box-shadow:0 20px 35px #06141744;transform:rotate(-2deg);transition:transform .3s}.screenshot-preview:hover{transform:rotate(0) scale(1.015)}.screenshot-preview img{width:100%;height:auto;display:block}.screenshot-preview>span{position:absolute;bottom:10px;right:10px;background:#0a142dcc;border:1px solid #ffffff22;color:#bdcddc;font-size:8px;padding:6px 9px;border-radius:5px;backdrop-filter:blur(5px)}.project-visual[data-visual=life]{display:flex;flex-direction:column;justify-content:center}.reserved-project{min-height:460px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.reserved-symbol{font-size:44px;color:#8f89b7;line-height:1.2}.reserved-project>strong{font-size:54px;color:#b8b1d6;font-weight:400;letter-spacing:4px;margin-top:12px}.reserved-project h4{font-size:17px;line-height:1.8;color:#c3bfda;font-weight:400;margin:20px 0 0}.reserved-project p{color:#797598;font-size:11px;line-height:2;margin-top:12px}.reserved-tag{font-size:9px;color:#847ca5;padding:7px 12px;border:1px solid #a19cc52b;border-radius:25px;margin-top:29px}.llm-compute{display:flex;justify-content:center;align-items:center;gap:22px;min-height:270px;position:relative}.compute-core{height:126px;width:126px;flex-shrink:0;background:linear-gradient(145deg,#50435b,#28263d);border:1px solid #aa8eae55;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;box-shadow:0 0 0 10px #c59fbd05,0 0 0 11px #c59fbd12,0 25px 50px #110f2370;transform:rotate(-6deg)}.compute-core>span{font-size:32px;color:#efd3d0}.compute-core small{font-size:8px;color:#bba0b6;margin-top:8px}.compute-core>i{position:absolute;top:-14px;right:-10px;font-size:30px;color:#ffac85;font-style:normal}.compute-node{text-align:center;min-width:75px;position:relative}.compute-node>small{font-size:8px;color:#8e859d}.compute-node>strong{font-size:28px;display:block;color:#d9c5c9;font-weight:500;margin-top:7px}.compute-node strong>span{font-size:9px;margin-left:3px;color:#a18ba1}.compute-node>p{font-size:7px;color:#9a8a9f;margin-top:8px;white-space:nowrap}.compute-node:after{content:'';position:absolute;right:-19px;top:39px;width:15px;border-top:1px dashed #a494b155}.compute-node.gpu:after{right:auto;left:-19px}.benchmark{border:1px solid #c4a8bf20;background:#17192755;padding:18px 18px 20px;border-radius:9px}.benchmark-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;font-size:9px;color:#a495ac;gap:10px}.benchmark-head>span:last-child{color:#6b6684;font-size:8px;white-space:nowrap}.benchmark>div:not(.benchmark-head){display:grid;grid-template-columns:100px 1fr 35px;gap:10px;align-items:center;font-size:8px;color:#7d7896;margin-top:15px}.benchmark i{height:5px;background:linear-gradient(90deg,#8b83b3,#b5a4c4);width:var(--bar);border-radius:3px}.benchmark b{font-size:10px;font-weight:400;text-align:right;color:#afa0be}.benchmark .best{color:#d7b8b0!important}.benchmark .best i{background:linear-gradient(90deg,#a284a6,#ffac85)}.benchmark .best b{color:#ffbd9b}#media-dialog{width:min(1400px,96vw);max-height:94svh;background:#0d1528;padding:15px;overflow:auto;border-radius:10px}#media-dialog img{display:block;width:100%;height:auto;max-height:calc(92svh - 30px);object-fit:contain}#close-media{position:sticky;top:0;float:right;z-index:2;border:1px solid #ffffff33;border-radius:100%;background:#0c132fe0;height:35px;width:35px;color:#cad5ea;margin-bottom:-35px}
@media(max-width:1100px){.scene-project{min-width:113px;gap:8px;padding:10px}.scene-project>span:nth-child(2){font-size:10px}.scene-project small{font-size:6px}.node-light{left:50%;top:34%}.node-life{right:3%;top:43%}.node-llm{left:47%;top:64%}.node-fpga{right:3%;top:70%}.project-tabs>button{padding:18px 14px;gap:10px}.project-tabs>button>span:nth-child(2){font-size:10px}.project-tabs small{font-size:7px}.project-tabs .tab-arrow{display:none}.llm-compute{gap:15px}.compute-core{width:105px;height:105px}.compute-node{min-width:62px}.compute-node>strong{font-size:24px}.compute-node:after{right:-13px;width:10px}.compute-node.gpu:after{left:-13px}.benchmark>div:not(.benchmark-head){grid-template-columns:90px 1fr 33px;gap:8px;font-size:7px}}
@media(max-width:800px){.project-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.project-tabs>button{padding:18px;display:flex;align-items:center;gap:15px;min-height:75px}.project-tabs>button>span:nth-child(2){font-size:12px}.project-tabs small{font-size:8px}.scene-project{min-width:106px;padding:9px;gap:7px}.scene-project>span:nth-child(2){font-size:9px}.scene-project i{font-size:13px}.node-light{left:49%;top:31%}.node-life{right:3%;top:45%}.node-llm{left:46%;top:66%}.node-fpga{right:3%;top:77%}.scene-tools{right:28px;top:115px!important}.scene-caption .pill-tag{top:24%;font-size:7px;right:5%}.project-visual[data-visual=life]{min-height:490px}.screenshot-preview{max-width:550px;margin-inline:auto}.screenshot-controls{margin-top:26px}.llm-compute{gap:35px;min-height:260px}.compute-core{height:125px;width:125px}.compute-node{min-width:75px}.compute-node:after{width:25px;right:-30px}.compute-node.gpu:after{left:-30px}.benchmark{max-width:480px;margin:auto}.benchmark>div:not(.benchmark-head){grid-template-columns:110px 1fr 40px;font-size:9px}.benchmark-head{font-size:10px}.reserved-project{min-height:390px}.project-visual[data-visual=fpga]{min-height:440px}}
@media(max-width:600px){.scene-project{min-width:105px;min-height:43px;padding:8px 10px;gap:7px;border-radius:9px}.scene-project>span:nth-child(2){font-size:9px}.scene-project small{font-size:6px;margin-top:2px}.node-dot{width:4px;height:4px}.scene-project i{font-size:12px}.node-light{left:12px;right:auto;top:55%}.node-life{left:auto;right:12px;top:60%}.node-llm{left:8px;right:auto;top:73%}.node-fpga{left:auto;right:9px;top:77%}.scene-tools{top:auto!important;bottom:65px!important;right:auto!important}.scene-caption .pill-tag{top:49%;right:7%;font-size:7px;padding:8px 10px}.project-tabs{gap:7px}.project-tabs>button{padding:14px 13px;gap:11px;min-height:77px}.project-tabs .tab-icon{font-size:22px;margin:0}.project-tabs>button>span:nth-child(2){font-size:11px}.project-tabs small{font-size:7px;letter-spacing:0;white-space:normal}.project-visual[data-visual=life]{min-height:350px}.screenshot-controls{margin-top:24px;margin-bottom:17px}.screenshot-controls button{font-size:9px;padding:9px 13px}.screenshot-preview>span{font-size:7px;padding:5px 7px;bottom:7px;right:7px}.llm-compute{gap:16px;min-height:220px}.compute-core{height:95px;width:95px;border-radius:16px}.compute-core>span{font-size:28px}.compute-core small{font-size:6px}.compute-core>i{font-size:25px}.compute-node{min-width:58px}.compute-node>small{font-size:7px}.compute-node>strong{font-size:23px}.compute-node>p{font-size:6px}.compute-node:after{width:12px;right:-14px;top:36px}.compute-node.gpu:after{left:-14px}.benchmark{padding:15px 13px 18px}.benchmark-head{font-size:8px;margin-bottom:16px}.benchmark-head>span:last-child{font-size:7px}.benchmark>div:not(.benchmark-head){grid-template-columns:86px 1fr 32px;font-size:7px;gap:8px}.benchmark b{font-size:9px}.project-visual[data-visual=llm]{min-height:430px}.reserved-project{min-height:350px}.reserved-project>strong{font-size:45px}.reserved-project h4{font-size:15px}.reserved-project p{font-size:10px}.project-visual[data-visual=fpga]{min-height:400px}#media-dialog{padding:10px}}
@media(max-width:360px){.scene-project{min-width:95px;padding:8px;gap:6px}.scene-project>span:nth-child(2){font-size:8px}.node-light{left:7px}.node-life{right:7px}.node-llm{left:5px}.node-fpga{right:5px}.project-tabs>button{padding:12px;gap:9px}.project-tabs small{font-size:6px}.compute-core{height:82px;width:82px}.llm-compute{gap:13px}.compute-node{min-width:53px}.compute-node>strong{font-size:21px}.compute-node:after{width:8px;right:-11px}.compute-node.gpu:after{left:-11px}.benchmark>div:not(.benchmark-head){grid-template-columns:80px 1fr 32px;gap:5px}.benchmark-head{font-size:7px}}
@media(prefers-reduced-motion:reduce){.scene-project,.screenshot-preview{transition:none}}