#root,[data-sst-aidc-root]{width:100%;min-width:320px}.experience-shell,.experience-shell *{box-sizing:border-box}.experience-shell{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,system-ui,sans-serif}.experience-shell button,.experience-shell input,.experience-shell textarea,.experience-shell select{font:inherit}.experience-shell{color:#eaffff;background:radial-gradient(circle at 50% 44%,#20faff29,#0000 28%),radial-gradient(circle at 18% 48%,#24e6ff1f,#0000 28%),radial-gradient(circle at 82% 54%,#ffbe5c21,#0000 26%),radial-gradient(circle at 88% 20%,#ff4fca17,#0000 22%),linear-gradient(#040a12 0%,#07111a 44%,#03050a 100%);width:100%;height:min(860px,90svh);min-height:620px;position:relative;overflow:hidden}.scene-canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.scene-canvas__viewport{width:100%;height:100%}.title-block{z-index:3;color:#eaffff;pointer-events:none;justify-content:center;align-items:start;width:min(1180px,100% - 42px);display:flex;position:absolute;top:clamp(28px,4vw,44px);left:50%;transform:translate(-50%)}.title-copy{text-align:center;width:260px;max-width:260px}.title-copy h2,.title-copy p{color:#f4ffff;letter-spacing:0;text-shadow:0 0 2px #fffffff2,0 0 8px #88ffffd1,0 0 18px #47faff80,0 2px 12px #000000b8;margin:0;font-family:Microsoft YaHei UI,Microsoft YaHei,system-ui,sans-serif;font-size:16px;line-height:1.28}.title-copy h2{font-weight:800}.title-copy p{color:#e8ffffdb;white-space:nowrap;margin-top:4px;font-weight:700}.status-strip{z-index:4;color:#d8ffffd1;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:min(680px,100% - 32px);font-size:12px;display:flex;position:absolute;bottom:clamp(18px,4vw,42px);right:clamp(16px,4vw,56px)}.status-strip span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04121c8a;border:1px solid #71fcff47;padding:8px 10px;box-shadow:0 0 20px #29e8ff24}.project-card{color:#dcffff;appearance:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);cursor:pointer;text-align:left;transform-origin:50%;width:142px;transform-style:preserve-3d;backface-visibility:hidden;background:linear-gradient(135deg,#17e0ff24,#ffc35a0f),#020f1894;border:1px solid #8effff73;padding:10px 12px;font-family:Inter,Segoe UI,system-ui,sans-serif;transition:width .24s,border-color .24s,box-shadow .24s,background .24s,transform .24s;display:block;transform:scale(1);box-shadow:inset 0 0 18px #69faff26,0 0 28px #36f4ff33}.project-card:hover,.project-card:focus-visible{border-color:#c1ffffd1;box-shadow:inset 0 0 22px #69faff38,0 0 34px #36f4ff57}.project-card:focus-visible{outline-offset:3px;outline:2px solid #ffcf77cc}.project-card--active{background:linear-gradient(135deg,#1ff1ff4f,#ffc65c33),#04141fb8;border-color:#e5fffff0;transform:scale(1.04);box-shadow:inset 0 0 30px #88ffff47,0 0 18px #ffda8647,0 0 54px #36f4ff70}.project-card strong{color:#fff;letter-spacing:.02em;text-shadow:0 0 6px #67f8ff94;margin-bottom:4px;font-size:13px;line-height:1.1;display:block}.project-card span{color:#e6ffffdb;font-size:10px;line-height:1.2;display:block}.project-card i{background:linear-gradient(90deg,#4bfaff,#ffc76d);height:2px;margin-top:9px;display:block;box-shadow:0 0 10px #6df9ffcc}.project-focus{z-index:8;pointer-events:auto;background:radial-gradient(circle at 50% 48%,#4af8ff2e,#0000 30%),#00080e29;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.project-focus__panel{color:#eaffff;appearance:none;text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:50%;background:linear-gradient(90deg,#0000 0 11px,#8fffff14 11px 12px,#0000 12px 100%) 0 0/24px 100%,linear-gradient(0deg,#0000 0 13px,#8fffff0f 13px 14px,#0000 14px 100%) 0 0/100% 24px,radial-gradient(circle at 18% 18%,#86ffff33,#0000 24%),radial-gradient(circle at 84% 74%,#ffcd7724,#0000 25%),linear-gradient(135deg,#27edff52,#ffc55a33),#03121dc7;border:1px solid #caffffc2;width:min(560px,100vw - 36px);min-height:310px;padding:clamp(24px,4vw,38px);font-family:Inter,Segoe UI,system-ui,sans-serif;animation:.28s ease-out both project-focus-in;position:relative;overflow:hidden;box-shadow:inset 0 0 34px #84ffff3d,inset 0 0 0 1px #ffffff14,0 0 30px #ffd37638,0 0 90px #27edff6b}.project-focus__close{z-index:1;color:#e7ffffd6;appearance:none;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#051824b8;border:1px solid #aaffff75;padding:7px 10px;font-size:10px;position:absolute;top:18px;right:18px;box-shadow:0 0 18px #47f2ff29}.project-focus__close:hover,.project-focus__close:focus-visible{color:#fff;border-color:#ffdc8ec7;outline:none}.project-focus__panel:before,.project-focus__panel:after{content:"";pointer-events:none;border:1px solid #7cfbff42;position:absolute;inset:14px}.project-focus__panel:before{background:linear-gradient(90deg,#4bfaffeb,#0000 88px) 0 0/126px 2px no-repeat,linear-gradient(#4bfaffbd,#0000 62px) 0 0/2px 94px no-repeat,linear-gradient(270deg,#ffd27ad1,#0000 88px) 100% 100%/126px 2px no-repeat,linear-gradient(0deg,#ffd27a9e,#0000 62px) 100% 100%/2px 94px no-repeat;box-shadow:inset 0 0 22px #4bfaff1f,0 0 22px #4bfaff1f}.project-focus__panel:after{background:linear-gradient(90deg,#0000,#fffffff2,#0000) -28% 0/26% 100% no-repeat,linear-gradient(90deg,#4bfaff,#ffc76d);border:0;height:2px;animation:2.2s linear infinite project-focus-scan;inset:auto 22px 22px;box-shadow:0 0 18px #6df9ffcc,0 -156px 42px #4bfaff14}.project-focus__label{color:#a8ffffc2;letter-spacing:.16em;margin-bottom:16px;font-size:12px;display:block}.project-focus__panel strong{color:#fff;text-shadow:0 0 8px #67f8ff8f,0 0 20px #67f8ff42;margin-bottom:10px;font-size:clamp(30px,4.2vw,48px);line-height:1.08;display:block}.project-focus__panel>span:not(.project-focus__label){color:#e5ffffd1;max-width:420px;font-size:17px;line-height:1.35;display:block}.project-focus__panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:34px 0 0;display:grid}.project-focus__panel dl div{background:#03121d57;border:1px solid #71fcff3d;padding:12px}.project-focus__panel dt{color:#a0ffffad;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-size:11px}.project-focus__panel dd{color:#ffffffe6;margin:0;font-size:14px;line-height:1.25}.project-focus__panel>i{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,14px 100%,0 calc(100% - 14px));opacity:.78;pointer-events:none;background:linear-gradient(90deg,#4bfaff6b,#0000 58%) 0 18px/100% 1px no-repeat,linear-gradient(90deg,#ffcd7757,#0000 48%) 34px 52px/74% 1px no-repeat,linear-gradient(135deg,#0000 0 44%,#8fffff2e 44% 46%,#0000 46% 100%),repeating-linear-gradient(90deg,#8fffff17 0 1px,#0000 1px 17px);border:1px solid #75ffff2e;width:min(220px,42%);height:86px;position:absolute;bottom:42px;right:22px}.project-focus__panel>i:before,.project-focus__panel>i:after{content:"";background:#eaffff;border-radius:999px;position:absolute;box-shadow:0 0 10px #6ffdffeb,0 0 22px #ffd27a6b}.project-focus__panel>i:before{width:5px;height:5px;top:17px;left:22px}.project-focus__panel>i:after{width:7px;height:7px;animation:1.8s ease-in-out infinite project-focus-node;bottom:29px;right:28px}@keyframes project-focus-in{0%{opacity:0;transform:translate3d(var(--focus-from-x,0), var(--focus-from-y,0), 0) scale(.18);filter:blur(12px)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes project-focus-scan{0%{background-position:-28% 0,0 0}to{background-position:128% 0,0 0}}@keyframes project-focus-node{0%,to{opacity:.44;transform:scale(.78)}50%{opacity:1;transform:scale(1.12)}}@media (width<=760px){.title-block{width:min(100% - 48px,680px);top:28px;left:50%}.title-copy{width:220px;max-width:220px}.title-copy h2,.title-copy p{font-size:14px;line-height:1.28}.status-strip{justify-content:center;font-size:10px;left:16px;right:16px}.project-card{width:124px;padding:9px 10px}.project-card--active{transform:scale(1.04)}.project-focus{padding:18px}.project-focus__panel{min-height:300px;padding:24px}.project-focus__panel>i{opacity:.48;width:46%;height:64px;bottom:34px;right:18px}.project-focus__panel strong{font-size:clamp(28px,9vw,38px)}.project-focus__panel dl{grid-template-columns:1fr}}