body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.portfolio-bgm{background:#071315ed;border:1px solid #286475;border-radius:8px;bottom:64px;box-sizing:border-box;color:#d3eef6;font:11px/1.5 Microsoft YaHei,sans-serif;left:20px;max-width:calc(100vw - 40px);padding:6px 8px;position:fixed;z-index:100001}.bgm-controls{align-items:center;display:flex;gap:9px;height:32px}.bgm-credit summary,.portfolio-bgm button{background:#0000;border:0;color:inherit;cursor:pointer;display:grid;flex-shrink:0;height:30px;place-items:center;width:30px}.portfolio-bgm button:disabled{cursor:wait;opacity:.5}.portfolio-bgm button[aria-pressed=true]{color:#88dfc0}.bgm-title{white-space:nowrap}.portfolio-bgm input{accent-color:#88dfc0;margin:0;min-width:35px;width:58px}.bgm-credit{position:relative}.bgm-credit summary{list-style:none}.bgm-credit summary::-webkit-details-marker{display:none}.bgm-credit>div{background:#071315;border:1px solid #286475;border-radius:8px;bottom:40px;box-sizing:border-box;display:grid;gap:5px;max-width:calc(100vw - 40px);padding:12px;position:absolute;right:0;width:220px}.bgm-credit a{color:#a8dedb;text-decoration:underline}.bgm-credit span{color:#91aab5}.portfolio-bgm :is(button,input,summary):focus-visible{outline:2px solid #88dfc0;outline-offset:2px}.bgm-status:empty{display:none}.bgm-status{color:#e4be8c;display:block;margin:4px}@media(max-width:600px){.portfolio-bgm{bottom:60px;left:12px;max-width:calc(100vw - 24px)}.bgm-controls{gap:7px}.portfolio-bgm input{width:50px}}.scene-motion{background:#071315e8;border:1px solid #286475;border-radius:7px;color:#d3eef6;cursor:pointer;font:12px/1.7 Microsoft YaHei,sans-serif;padding:8px 12px;position:fixed;right:20px;top:68px;z-index:100001}@media(max-width:600px){.moyuan-nav{flex-wrap:wrap}.moyuan-nav>span{display:none}.portfolio-index,.scene-motion{top:62px}.portfolio-index{left:10px}.scene-motion{right:10px}.portfolio-index>div{max-width:calc(100vw - 20px)}}.portfolio-entry{border-top:1px solid #26434e;margin-top:18px;padding-top:10px}.portfolio-index h3{color:#e2f4fa;font-size:15px;line-height:1.5;margin:10px 0 5px}.portfolio-index p{line-height:1.85;overflow-wrap:anywhere}.portfolio-index .portfolio-role{color:#8ed0df;font-size:12px;margin:4px 0 10px}.portfolio-index{color:#d3eef6;font:12px/1.7 Microsoft YaHei,sans-serif;left:20px;max-width:calc(100vw - 40px);position:fixed;top:68px;z-index:100001}.portfolio-index summary{background:#071315e8;border:1px solid #286475;border-radius:7px;cursor:pointer;padding:8px 12px;width:-moz-fit-content;width:fit-content}.portfolio-index>div{background:#06141bf5;border:1px solid #286475;border-radius:8px;box-sizing:border-box;max-height:calc(100dvh - 190px);max-width:calc(100vw - 40px);overflow:auto;padding:16px;width:480px}.portfolio-index h2{color:#b4f3ff;font-size:17px;margin:18px 0 8px}.portfolio-index ul{padding-left:18px}.portfolio-index li{margin:10px 0}.portfolio-index a{color:#b4f3ff}.portfolio-entry-with-icon{align-items:start;display:grid;gap:14px;grid-template-columns:48px minmax(0,1fr);padding-top:18px}.portfolio-icon{border-bottom:2px solid;border-radius:8px;box-sizing:border-box;display:grid;height:48px;overflow:hidden;place-items:center;width:48px}.portfolio-icon img{height:40px;object-fit:contain;width:40px}.portfolio-entry-copy{min-width:0}.portfolio-entry-copy h3,.portfolio-entry-copy>p:first-child{margin-top:0}.portfolio-index .portfolio-subtitle{color:#aab9c7;font-size:11px;margin:4px 0 8px}.portfolio-index .portfolio-metrics{color:#e2ce97;font-size:11px;line-height:1.8}.portfolio-index .portfolio-eyebrow{color:#87ccdb;font:10px/1.6 monospace;letter-spacing:.06em}.portfolio-index .portfolio-introduction{color:#f0f7f9;font-size:14px;font-weight:600}.portfolio-personal-quote{border-top:1px solid #285a68;color:#e5d2a5;margin:24px 0 12px;padding:14px 0 0}.portfolio-personal-quote p{margin:4px 0}.portfolio-personal-quote p+p{color:#a8bac4;font-size:11px}.portfolio-about-prose>p:not(.portfolio-eyebrow){font-size:15px;line-height:2;margin:18px 0}.portfolio-about-prose>p.portfolio-introduction{font-size:18px;line-height:1.85}.portfolio-about-prose h2{color:#e3fbff;font-size:25px}@media(max-width:600px){.portfolio-entry-with-icon{gap:10px;grid-template-columns:44px minmax(0,1fr)}.portfolio-icon{height:44px;width:44px}.portfolio-icon img{height:36px;width:36px}}.ReactModal__Overlay{opacity:0;transition:opacity .5s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}.example-enter{opacity:.01}.example-enter.example-enter-active{opacity:1;transition:opacity .5s ease-in}.example-leave{opacity:1}.example-leave.example-leave-active{opacity:.01;transition:opacity .3s ease-in}.example-appear{opacity:.01}.example-appear.example-appear-active{opacity:1;transition:opacity .5s ease-in}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.moyuan-nav{align-items:center;background:#0008;color:cyan;display:flex;font:12px monospace;gap:16px;justify-content:space-between;left:0;padding:14px 22px;position:fixed;right:0;top:0;z-index:100000}.moyuan-nav a{color:cyan;text-decoration:none}.moyuan-nav select{background:#071315;border:1px solid #1a6868;color:cyan;max-width:140px;padding:6px}.moyuan-nav span{min-width:0}@media(max-width:600px){.moyuan-nav{gap:8px;padding:10px}.moyuan-nav span{font-size:10px}}.moyuan-nav>div{align-items:center;display:flex;gap:8px}.moyuan-nav button{background:#071315;border:1px solid #1a6868;color:cyan;cursor:pointer;padding:6px 10px}.moyuan-nav select{max-width:150px}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{-webkit-appearance:none;width:7px}::-webkit-scrollbar-thumb{background-color:#fff;border-radius:4px;box-shadow:0 0 1px #ffffff80}.container{align-items:center;display:flex;height:100vh;justify-content:center;margin-top:250px;width:100vw}.field{margin:20px}.mouse{border:3px solid #fff;border-radius:60px;height:90px;position:relative;width:50px}.mouse:before{animation:wheel 2s infinite;-webkit-animation:wheel 2s infinite;background-color:#fff;border-radius:50%;content:"";height:12px;left:50%;opacity:1;position:absolute;top:10px;transform:translateX(-50%);width:12px}@keyframes wheel{to{opacity:0;top:60px}}.scroll{animation:down 1.5s infinite;-webkit-animation:down 1.5s infinite;border:2px solid #fff;border-radius:50%;height:60px;position:relative;width:60px}.scroll:before{border-bottom:2px solid #fff;border-left:2px solid #fff;content:"";height:18px;left:18px;position:absolute;top:15px;transform:rotate(-45deg);width:18px}@keyframes down{0%{transform:translate(0)}20%{transform:translateY(15px)}40%{transform:translate(0)}}.arrow{animation:scroll 1.5s infinite;-webkit-animation:scroll 1.5s infinite;border:1px solid #fff;height:40px;position:relative;width:0}.arrow:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:10px solid #fff;content:"";display:block;height:10px;left:-5px;position:absolute;top:100%;width:1px}@keyframes scroll{0%{height:40px}30%{height:70px}60%{height:40px}}