: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:.9rem;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:16px}:root{--column-width-pc: 0rem;--layout-nav-top: 4rem;--layout-nav-bottom: 3.5rem}header{right:var(--layout-gap-left)}main{padding-bottom:calc(var(--layout-nav-bottom) + .5rem)}}@media(min-width:768px)and (max-width:1023px){.mobile-only,.desktop-only{display:none!important}.tablet-only{display:block!important}html{font-size:16px}:root{--column-width-pc: 0rem;--layout-nav-top: 4.5rem;--layout-nav-bottom: 3.5rem}header{right:var(--layout-gap-left)}main{padding-bottom:calc(var(--layout-nav-bottom) + .5rem)}}@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))}}.scroll-container{overflow:auto}.scroll-container::-webkit-scrollbar{display:none}.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-77a9b560]{color:var(--outo-main-red)}.header[data-v-77a9b560]{display:flex;gap:1rem}.logo[data-v-77a9b560]{flex:0 0 auto;min-width:10.83rem;margin-top:-.3rem}.introduction[data-v-77a9b560]{flex:1;margin-top:-.3rem;margin-right:var(--layout-gap-top)}@media(max-width:1023px){.header[data-v-77a9b560]{flex-direction:column;gap:.5rem}.logo[data-v-77a9b560]{min-width:0}.introduction[data-v-77a9b560]{margin-right:0;font-size:.95rem;line-height:1.5rem}}.nav-desktop[data-v-bad24e7d]{position:absolute;top:calc(var(--layout-nav-top) - .5rem);z-index:200;width:var(--column-width-pc)}.router-line[data-v-bad24e7d]{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-bad24e7d]:hover{border-bottom-width:2px}.router-link-active .router-line[data-v-bad24e7d]{color:var(--outo-main-brown);border-bottom-color:1px solid var(--outo-main-brown)}.router-line .en[data-v-bad24e7d]{flex:6;line-height:.8rem}.router-line .dot[data-v-bad24e7d]{flex:1;line-height:.5rem;text-align:center}.router-line .cn[data-v-bad24e7d]{flex:2;font-size:.8rem;text-align:right}.email[data-v-bad24e7d]{color:var(--outo-main-red);padding:.5rem 0;line-height:1rem}.nav-mobile[data-v-4a646be8]{position:fixed;left:var(--layout-gap-left);right:var(--layout-gap-left);bottom:var(--layout-gap-top);z-index:210;background:var(--outo-bg-white);border-top:1px solid var(--outo-main-red);padding-top:.5rem}nav[data-v-4a646be8]{display:flex;justify-content:space-between;gap:.75rem}.router-line[data-v-4a646be8]{display:flex;align-items:center;color:var(--outo-main-red);line-height:1rem;font-size:.8rem}.router-line .en[data-v-4a646be8]{line-height:.9rem}.router-line .dot[data-v-4a646be8]{padding:0 .3rem;line-height:.9rem}.router-line .cn[data-v-4a646be8]{font-size:.7rem;text-align:right}.router-link-active .router-line[data-v-4a646be8]{color:var(--outo-main-brown)}.email[data-v-4a646be8]{color:var(--outo-main-red);padding:.35rem 0 .25rem;font-size:.75rem;line-height:1rem}@media(min-width:1024px){.nav-mobile[data-v-4a646be8]{display:none}}.home-view[data-v-7ae2c6bc]{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-7ae2c6bc]{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-7ae2c6bc]{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-7ae2c6bc]{opacity:1;transition:opacity .4s ease;z-index:104}.mask-title[data-v-7ae2c6bc]{flex:4;padding-right:var(--layout-gap-top)}.mask-info[data-v-7ae2c6bc]{flex:6;font-size:.8rem}.mask-info .cn[data-v-7ae2c6bc]{padding-bottom:2rem}.mask-info .en[data-v-7ae2c6bc]{font-size:.9rem;padding-bottom:.5rem}.projects-img[data-v-7ae2c6bc]{position:relative;text-align:center;height:100%;z-index:103;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.img-container[data-v-7ae2c6bc]{position:relative;height:100%;display:flex;align-items:center;justify-content:center}.projects-img img[data-v-7ae2c6bc]{height:100%}.projects-img.mask img[data-v-7ae2c6bc]{opacity:.2}.arrow-btn[data-v-7ae2c6bc]{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--outo-main-brown);background-color:#f1e7e287;border-radius:2rem;font-size:2rem;cursor:pointer;z-index:110;transition:opacity .3s;padding:.5rem;display:flex;align-items:center;justify-content:center;opacity:.7;mix-blend-mode:difference}.projects-img.mask .arrow-btn[data-v-7ae2c6bc]{opacity:0}.arrow-btn[data-v-7ae2c6bc]:hover{opacity:1}.arrow-left[data-v-7ae2c6bc]{left:1rem}.arrow-right[data-v-7ae2c6bc]{right:1rem}.loading[data-v-7ae2c6bc]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:109}.spinner[data-v-7ae2c6bc]{width:3rem;height:3rem;border:3px solid rgba(116,46,9,.2);border-top-color:#742e09;border-radius:50%;animation:spin-7ae2c6bc .8s linear infinite}@keyframes spin-7ae2c6bc{to{transform:rotate(360deg)}}.projects-bottom[data-v-7ae2c6bc]{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-7ae2c6bc]{width:7rem;text-align:right}.bottom-left[data-v-7ae2c6bc]{flex:2;line-height:1.3rem}.bottom-center[data-v-7ae2c6bc],.bottom-right[data-v-7ae2c6bc]{display:flex;justify-content:flex-end;align-items:flex-end;flex:1}.bottom-right[data-v-7ae2c6bc]{flex:1;cursor:pointer}.projects-nav[data-v-7ae2c6bc]{width:var(--column-width-pc);height:100%;display:flex;justify-content:flex-end;overflow-y:scroll}.projects-nav[data-v-7ae2c6bc]{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.projects-nav[data-v-7ae2c6bc]::-webkit-scrollbar{display:none}.projects-nav li[data-v-7ae2c6bc]{display:flex;justify-content:flex-end;align-items:flex-start;margin-bottom:.5rem}.projects-nav span[data-v-7ae2c6bc]{font-size:.7rem;line-height:.7rem;padding:0 .5rem}.projects-nav li.selected span[data-v-7ae2c6bc]{text-decoration:underline}.projects-nav img[data-v-7ae2c6bc]{width:4.9rem;height:6.5rem}@media(max-width:1023px){.home-view[data-v-7ae2c6bc]{padding-left:0;flex-direction:column;height:auto;min-height:100%}.mask-info[data-v-7ae2c6bc]{font-size:.95rem}.mask-info .en[data-v-7ae2c6bc]{font-size:1rem;line-height:1.5rem}.projects-content[data-v-7ae2c6bc]{padding:calc(var(--layout-nav-top) - var(--layout-gap-top)) 0 1rem}.projects-img[data-v-7ae2c6bc]{height:55vh}.projects-nav[data-v-7ae2c6bc]{width:100%;height:auto;margin-top:1rem;overflow-x:auto;overflow-y:hidden}.projects-nav ul[data-v-7ae2c6bc]{display:flex;gap:.75rem;padding-bottom:.5rem}.projects-nav li[data-v-7ae2c6bc]{flex-direction:column;align-items:center;margin-bottom:0}.projects-nav span[data-v-7ae2c6bc]{padding:0 0 .25rem;font-size:.85rem;line-height:1rem}.projects-nav img[data-v-7ae2c6bc]{width:6.5rem;height:8.5rem}}