@charset "UTF-8";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box}.floating-menu[data-v-2f0163d9]{position:fixed;z-index:1001;margin-top:10px;margin-left:10px}.logo-container[data-v-2f0163d9]{margin:0;text-align:center}.logo[data-v-2f0163d9]{width:120px;height:auto}.menu-container[data-v-2f0163d9]{display:none;background-color:#fcfcfc;top:20px;left:20px;width:150px;border-radius:25px;box-shadow:0 4px 8px #0003;transition:all .3s ease;padding-top:10px;padding-bottom:10px}.menu-container.show-menu[data-v-2f0163d9]{display:block}.menu-list[data-v-2f0163d9]{list-style:none;padding:0 0 5px;margin:0;transition:all .3s}.hide-list[data-v-2f0163d9]{display:none}.menu-item[data-v-2f0163d9]{position:relative;margin:10px 0;text-align:center}.menu-button[data-v-2f0163d9]{width:70%;height:30px;border:none;border-radius:30px;background-color:#00c7a3;color:#fff;font-weight:700;cursor:pointer;font-family:Arial,sans-serif;font-size:20px}.menu-button[data-v-2f0163d9]:hover{background-color:#00b396}.dropdown-menu[data-v-2f0163d9]{display:none;position:absolute;top:-10%;left:90%;background-color:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0003;z-index:1001}.menu-item:hover .dropdown-menu[data-v-2f0163d9]{display:flex;flex-direction:column;align-items:center;padding:10px}.dropdown-item[data-v-2f0163d9]{padding:10px;width:100%;text-align:center;text-decoration:none;color:#333;white-space:nowrap}.dropdown-item[data-v-2f0163d9]:hover{background-color:#00c7a3;color:#fcfcfc}.toggle-button[data-v-2f0163d9]{display:none;padding:10px;border:none;border-radius:5px;background-color:#00c7a3;color:#fff;font-weight:700;cursor:pointer}@media (min-width: 1600px){.menu-container[data-v-2f0163d9]{width:180px}}@media (min-width: 769px) and (max-width: 1600px){.menu-container[data-v-2f0163d9]{width:180px}.menu-button[data-v-2f0163d9]{width:80%;height:42px;padding:8px;border:none;border-radius:30px;background-color:#00c7a3;color:#fff;font-weight:700;cursor:pointer;font-family:Arial,sans-serif;font-size:20px}.logo-container .logo[data-v-2f0163d9]{width:100px}.menu-item[data-v-2f0163d9]{margin:10px 0}}@media (max-width: 768px){.floating-menu[data-v-2f0163d9]{left:0;top:0;margin-top:0}.menu-container[data-v-2f0163d9]{width:188px;border-radius:30px;box-shadow:0 4px 8px #0003;transition:all .3s ease}.menu-button[data-v-2f0163d9]{width:70%;height:auto;font-size:14px;padding:10px;border:none;border-radius:15px;background-color:#00c7a3;color:#fcfcfc}.logo-container .logo[data-v-2f0163d9]{width:60px}.menu-list[data-v-2f0163d9]{flex-direction:column;align-items:center}.menu-list.show-menu[data-v-2f0163d9]{display:flex}.menu-item[data-v-2f0163d9]{margin:5px 0}.dropdown-item[data-v-2f0163d9]{width:70%;padding:5px;text-align:center;border-radius:5px;background-color:#fcfcfc;color:#00c7a3;margin:5px 0;cursor:pointer;text-decoration:none}.toggle-button[data-v-2f0163d9]{text-align:center;display:block}}.footer[data-v-4f219315]{background-color:#5ce1e6;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:15vh;text-align:center;color:#0c0b0b;padding-bottom:30px;padding-top:30px}.footer p[data-v-4f219315]{margin:0;padding:0;line-height:1.5}.footer a[data-v-4f219315]{text-decoration:underline;color:#000}.footer .backtop[data-v-4f219315]{position:fixed;bottom:20px;right:20px;width:50px;height:50px;cursor:pointer;display:flex;justify-content:center;align-items:center;border:1px solid #fff}.footer .backtop img[data-v-4f219315]{max-width:80%}@media (max-width: 768px){.footer[data-v-4f219315]{height:auto;padding-bottom:20px;padding-top:40px}.footer p[data-v-4f219315]{padding:0 10px}}@media (min-width: 769px) and (max-width: 1279px){.footer[data-v-4f219315]{height:20vh;padding-bottom:25px;padding-top:25px}}@media (min-width: 1280px){.footer[data-v-4f219315]{height:15vh;padding-bottom:30px;padding-top:30px}}.homecontent[data-v-67e5718a]{margin-top:5vw;margin-left:-2vw;padding-bottom:4vw;overflow:hidden}.homecontent .title[data-v-67e5718a]{position:relative;text-align:left;background:url(https://static.igem.wiki/teams/5258/imgs/lujing.png) no-repeat;background-size:contain;height:100%}.homecontent .title p[data-v-67e5718a]{font-family:Arial;font-weight:700;font-size:1.5vw;color:#fff;line-height:6vw;margin-left:2.5vw}.homecontent .title img[data-v-67e5718a]{top:0%;left:25%;position:absolute;width:10%;height:auto}.homecontent .content[data-v-67e5718a]{margin-top:1vw;margin-left:4vw;font-family:Arial;font-weight:500;font-size:1.5vw;color:#000;line-height:3vw;text-align:left;padding-right:7vw}@media (max-width: 768px){.homecontent .title[data-v-67e5718a]{background:url(https://static.igem.wiki/teams/5258/imgs/lujing.png) no-repeat;background-size:contain;height:70px;padding-top:23px}.homecontent .title p[data-v-67e5718a]{font-size:14px;line-height:16px}.homecontent .title img[data-v-67e5718a]{top:0%;left:45%;width:20%}.homecontent .content[data-v-67e5718a]{font-size:4vw;line-height:8vw;padding-right:4vw}}html[data-v-4803d3ba],body[data-v-4803d3ba]{padding:0;margin:0;background-color:#5ce1e6}.hcontainer[data-v-4803d3ba]{background-color:#5ce1e6}.top[data-v-4803d3ba]{position:relative;background:url(https://static.igem.wiki/teams/5258/imgs/bg1.png) no-repeat center;background-size:cover;width:100%;padding-bottom:56.25%}.top2[data-v-4803d3ba]{position:absolute;top:-10%;left:35%;background:url(https://static.igem.wiki/teams/5258/imgs/homeheaderbg1.gif) no-repeat center;background-size:contain;max-width:35%;object-fit:contain;width:100%;height:100%;z-index:1;overflow:hidden}.cleft[data-v-4803d3ba]{position:relative}.cleft img[data-v-4803d3ba]{width:50%;position:absolute;bottom:0;left:70%;top:70%;transform:translate(-70%)}.allcontent[data-v-4803d3ba]{display:flex;margin-right:5vw}.cright[data-v-4803d3ba]{position:relative;border:13px solid #208759;border-radius:15px;background-color:#f8f6e8;z-index:8}.cright .hcontent[data-v-4803d3ba]{position:absolute;top:10%;left:-2%}.lujing[data-v-4803d3ba]{position:absolute;top:10%;left:-2%;height:7vw;overflow-x:hidden}.star[data-v-4803d3ba]{position:absolute;top:1%;right:10%;height:7vw;overflow-x:hidden}.dao2[data-v-4803d3ba]{position:absolute;top:20%;right:10%;height:7vw;overflow-x:hidden}.lujingfount[data-v-4803d3ba]{position:absolute;top:11%;margin-left:3vw;font-family:SourceHanSansCN;font-weight:700;font-size:2.5vw;color:#fff;line-height:4.7vw}.lujingcontent[data-v-4803d3ba]{position:absolute;top:26%;left:5%;font-family:SourceHanSansCN;font-weight:500;font-size:2vw;color:#000;line-height:4vw;text-align:left}.lujing2[data-v-4803d3ba]{position:absolute;top:35vw;left:-2%;height:7vw;overflow-x:hidden}@media (max-width: 768px){.top[data-v-4803d3ba]{padding-bottom:75%}.cleft[data-v-4803d3ba]{display:none}.headercontent[data-v-4803d3ba]{position:absolute;top:20%;left:22%;z-index:2}.headercontent p[data-v-4803d3ba]{text-align:left;font-family:SourceHanSansCN;font-weight:900;color:#000202;font-size:1.3rem;line-height:1.2}.lujing[data-v-4803d3ba]{top:5%;height:4%}.star[data-v-4803d3ba]{top:2%;right:10%;overflow-x:hidden}.dao2[data-v-4803d3ba]{top:17%;right:10%;overflow-x:hidden}.lujingfount[data-v-4803d3ba]{top:6%;line-height:3.7vw}.allcontent[data-v-4803d3ba]{margin-right:0vw}.lujingcontent[data-v-4803d3ba]{position:absolute;top:10%}}@media (min-width: 769px) and (max-width: 1024px){.top[data-v-4803d3ba]{padding-bottom:66.67%}.headercontent[data-v-4803d3ba]{position:absolute;top:20%;left:30%;z-index:2;margin:0 auto}.headercontent p[data-v-4803d3ba]{text-align:left;font-family:SourceHanSansCN;font-weight:900;color:#000202;font-size:2rem}}@media (min-width: 769px) and (max-width: 1600px){.headercontent[data-v-4803d3ba]{position:absolute;top:40%;left:25%;z-index:2;margin:0 auto}.headercontent p[data-v-4803d3ba]{text-align:left;font-family:SourceHanSansCN;font-weight:900;color:#000202;font-size:4rem}}