:root{--outo-main-red: #FF0000;--outo-main-brown: #742E09;--outo-bg-white: #F8F7F4}:root{--column-width-pc: 10.83rem;--layout-gap-top: 1rem;--layout-gap-left: 1rem;--layout-nav-top: 6rem;--layout-nav-bottom: 4rem}ul,ol,li{margin:0;padding:0;list-style:none;list-style-type:none;list-style-position:outside;list-style-image:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-weight:400;text-decoration:none}html{font-size:20px}body{color:var(--outo-main-brown);background:var(--outo-bg-white);transition:color .5s,background-color .5s;font-family:Molitor,SourceHanSerifCN,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{position:fixed;margin:0 auto;padding:var(--layout-gap-top) var(--layout-gap-left);height:100vh;width:100vw}header{position:absolute;z-index:200;top:var(--layout-gap-top);left:var(--layout-gap-left);right:calc(var(--column-width-pc) + var(--layout-gap-left))}main{position:relative;width:100%;height:100%;z-index:100}@media (max-width: 767px){.mobile-only{display:block!important}.desktop-only,.tablet-only{display:none!important}html{font-size:14px}header{right:var(--layout-gap-left)}}@media (min-width: 768px) and (max-width: 1023px){.mobile-only,.desktop-only{display:none!important}.tablet-only{display:block!important}html{font-size:16px}header{right:calc(var(--column-width-pc) + var(--layout-gap-left))}}@media (min-width: 1024px) and (max-width: 1439px){.mobile-only{display:none!important}.desktop-only{display:block!important}.tablet-only{display:none!important}html{font-size:18px}header{right:calc(var(--column-width-pc) + var(--layout-gap-left))}}@media (min-width: 1440px){.mobile-only{display:none!important}.desktop-only{display:block!important}.tablet-only{display:none!important}html{font-size:20px}header{right:calc(var(--column-width-pc) + var(--layout-gap-left))}}.ellipsis-2,.ellipsis-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.ellipsis-2{-webkit-line-clamp:2}.ellipsis-3{-webkit-line-clamp:3}.molitor-regular{font-family:Molitor,sans-serif;font-weight:400;font-style:normal}.molitor-italic{font-family:Molitor,sans-serif;font-weight:400;font-style:italic}.molitor-light{font-family:Molitor,sans-serif;font-weight:300;font-style:normal}.molitor-light-italic{font-family:Molitor,sans-serif;font-weight:300;font-style:italic}.molitor-bold{font-family:Molitor,sans-serif;font-weight:700;font-style:normal}.molitor-bold-italic{font-family:Molitor,sans-serif;font-weight:700;font-style:italic}.shscn-regular{font-family:SourceHanSerifCN,sans-serif;font-weight:400;font-style:normal}@font-face{font-family:Molitor;src:url(/assets/molitor-regular-DJMQEJyk.woff2) format("woff2"),url(/assets/molitor-regular-BAzos3eL.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Molitor;src:url(/assets/molitor-italic-BabUL2vG.woff2) format("woff2"),url(/assets/molitor-italic-B8zmQm1F.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Molitor;src:url(/assets/molitor-light-DwoxZRtc.woff2) format("woff2"),url(/assets/molitor-light-C9FZm_DL.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Molitor;src:url(/assets/molitor-light-italic-BoPayumV.woff2) format("woff2"),url(/assets/molitor-light-italic-eDKWM8Na.woff) format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Molitor;src:url(/assets/molitor-bold-CcgXlB3u.woff2) format("woff2"),url(/assets/molitor-bold-SrEcB-6I.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Molitor;src:url(/assets/molitor-bold-italic-COuqDN3F.woff2) format("woff2"),url(/assets/molitor-bold-italic-CzyP17z0.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:SourceHanSerifCN;src:url(/assets/SourceHanSerifCN-Regular-BVgL6VYY.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}div[data-v-3013edc6]{color:var(--outo-main-red)}.header[data-v-3013edc6]{display:flex;gap:1rem}.logo[data-v-3013edc6]{flex:0 0 auto;min-width:10.83rem;margin-top:-.3rem}.introduction[data-v-3013edc6]{flex:1;margin-top:-.3rem;margin-right:var(--layout-gap-top)}.nav-desktop[data-v-639fc5fd]{position:absolute;top:calc(var(--layout-nav-top) - .5rem);z-index:200;width:var(--column-width-pc)}.router-line[data-v-639fc5fd]{display:flex;justify-content:space-between;border-bottom:1px solid var(--outo-main-red);color:var(--outo-main-red);padding:.5rem 0;line-height:1rem;box-sizing:border-box;transition:all .1s;height:2.1rem}.router-line[data-v-639fc5fd]:hover{border-bottom-width:2px}.router-link-active .router-line[data-v-639fc5fd]{color:var(--outo-main-brown);border-bottom-color:1px solid var(--outo-main-brown)}.router-line .en[data-v-639fc5fd]{flex:6;line-height:.8rem}.router-line .dot[data-v-639fc5fd]{flex:1;line-height:.5rem;text-align:center}.router-line .cn[data-v-639fc5fd]{flex:2;font-size:.9rem;text-align:right}.email[data-v-639fc5fd]{color:var(--outo-main-red);padding:.5rem 0;line-height:1rem}h1[data-v-d5eac8a5]{color:#333}.projects-view[data-v-a3ace45d]{padding-left:var(--column-width-pc);height:calc(100vh - var(--layout-gap-top) * 2);display:flex;justify-content:space-between;position:relative;z-index:101}.projects-content[data-v-a3ace45d]{position:relative;flex:1 1 auto;padding:calc(var(--layout-nav-top) - var(--layout-gap-top)) var(--layout-gap-top) var(--layout-nav-bottom);z-index:102}.projects-mask[data-v-a3ace45d]{position:absolute;bottom:var(--layout-nav-bottom);left:var(--layout-gap-top);right:var(--layout-gap-top);display:flex;justify-content:space-between;opacity:0;z-index:101}.projects-mask.active[data-v-a3ace45d]{opacity:1;transition:opacity .4s ease;z-index:104}.mask-title[data-v-a3ace45d]{flex:4;padding-right:var(--layout-gap-top)}.mask-info[data-v-a3ace45d]{flex:6;font-size:.8rem}.mask-info .cn[data-v-a3ace45d]{padding-bottom:2rem}.mask-info .en[data-v-a3ace45d]{padding-bottom:.5rem}.projects-img[data-v-a3ace45d]{position:relative;text-align:center;height:100%;z-index:103}.projects-img img[data-v-a3ace45d]{height:100%;transition:opacity .4s ease}.projects-img.mask img[data-v-a3ace45d]{opacity:.2}.projects-bottom[data-v-a3ace45d]{position:absolute;bottom:0;left:var(--layout-gap-top);right:var(--layout-gap-top);display:flex;justify-content:space-between;z-index:105}.projects-bottom .bottom-right p[data-v-a3ace45d]{width:7rem;text-align:right}.bottom-left[data-v-a3ace45d]{flex:2;line-height:1.3rem}.bottom-center[data-v-a3ace45d],.bottom-right[data-v-a3ace45d]{display:flex;justify-content:flex-end;align-items:flex-end;flex:1}.bottom-right[data-v-a3ace45d]{flex:1;cursor:pointer}.projects-nav[data-v-a3ace45d]{width:var(--column-width-pc);height:100%;display:flex;justify-content:flex-end;overflow-y:scroll}.projects-nav[data-v-a3ace45d]{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.projects-nav[data-v-a3ace45d]::-webkit-scrollbar{display:none}.projects-nav li[data-v-a3ace45d]{display:flex;justify-content:flex-end;align-items:flex-start;margin-bottom:.5rem}.projects-nav span[data-v-a3ace45d]{font-size:.7rem;line-height:.7rem;padding:0 .5rem}.projects-nav li.selected span[data-v-a3ace45d]{text-decoration:underline}.projects-nav img[data-v-a3ace45d]{width:4.9rem;height:6.5rem}