body,div,p{margin:0;padding:0}body{overflow:hidden;overflow-y:auto}#app{background-color:var(--background-light);width:100vw;color:var(--text-color);user-select:none;touch-action:none;font-family:Microsoft Yahei,Arial,Helvetica,sans-serif;line-height:var(--small-font-size);font-size:var(--small-font-size);background-color:#eeebda}input{color:var(--text-color)}.icon{width:32px;height:32px}.clickable{cursor:pointer}.white-text{color:#fff}.brown-text{color:#a7816a}body.light,body.dark{--background-light: rgb(255, 255, 255);--background-normal: rgb(245, 245, 245);--background-dark: rgb(235, 235, 235);--theme-h: 200;--primary-color-light: hsla(var(--theme-h), 100%, 60%, 100%);--primary-color-normal: hsla(var(--theme-h), 100%, 50%, 100%);--primary-color-dark: hsla(var(--theme-h), 100%, 40%, 100%);--secondary-color-light: hsla(var(--theme-h), 80%, 100%, 100%);--secondary-color-normal: hsla(var(--theme-h), 70%, 85%, 100%);--secondary-color-dark: hsla(var(--theme-h), 60%, 75%, 100%);--text-color: #333}body{--small-font-size:1vmax;--medium-font-size: calc((100vmax * 1) / 600 * 10);--large-font-size:2.5vmax}#footer{background-color:#a7816a80;display:flex;height:10vh;padding:3vh 0}#footer-left{display:flex;flex-direction:column;text-align:right;height:7vh;flex:1}#footer-left>div{height:50%}#footer-right{display:flex;flex-direction:column;flex:1;gap:3vh}#footer-right>div{height:50%}#footer-right>.info{padding-left:3vw;display:flex;gap:2vw}#footer-right>.info>p{font-size:var(--small-font-size);position:relative}#footer-right>.info>p~p:before{content:":";position:absolute;left:-1vw;transform:translate(-50%);color:#fff}#footer-icon{height:5vh}#footer-fan{display:flex;position:relative;top:2vh;align-content:center;justify-content:right;gap:2vw}.fan-icon{width:3vw}#footer-bottom{background-color:#a7816a80;height:3vh;color:#fff;font-size:1.5vh;text-align:center;padding:1vh}.dropdown{display:flex;flex-direction:column;position:relative;height:min-content;align-items:center}.dropdown>span{position:absolute;bottom:-8px;width:80%;height:2px;background-color:#fff;opacity:0;transition:opacity .2s ease-in}.dropdown>.content{border-radius:.5rem;display:flex;flex-direction:column;width:max-content;min-width:75px;gap:.5rem;background:rgba(167,129,106,.8);padding:.5rem;position:absolute;align-items:center;bottom:0;opacity:0;transform:translateY(70%);transition:opacity .15s ease,transform .3s ease}.dropdown:hover span{opacity:1}.dropdown:hover>.content{opacity:1;transform:translateY(calc(100% + 16px))}.menu-item{border-radius:.5rem;padding:8px}.menu-item:hover{background-color:#d9d9d97c}.link{display:flex;flex-direction:column;cursor:pointer;width:5vw;min-width:4rem;word-break:keep-all;justify-content:center;align-items:center}.link>div{text-align:center;transition:transform .2s ease-in}.link:hover>div{transform:translateY(-50%)}#header{display:flex;background-color:#a7816ab3;height:7vh;width:100vw;z-index:8;justify-content:space-between;position:fixed;top:0}#header-icon{background-color:#ffffffb3;height:90%;position:relative;top:5%;margin-left:6%}#header-menu{display:flex;color:#fff;gap:1.5vw;margin-right:10vw;align-items:center}#preview{z-index:9;position:fixed;inset:0;background-color:#0006}#preview>img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.back-top{position:fixed;bottom:3%;right:3%;width:7vh;height:7vh;border-radius:50%;cursor:pointer}.back-top>img{height:100%;width:100%;object-fit:contain}.back-top:hover{background-color:#a7816ab3}.previewable{overflow:hidden}.previewable:hover{box-shadow:#00000059 0 5px 15px}.previewable>img{cursor:pointer;width:100%;height:100%;transition:transform .3s ease}.previewable>img:hover{transform:scale(1.2)}#home{display:flex;flex-direction:column;background-color:#faebd7}#home-header{object-fit:cover;height:60vh}#home-cover{display:flex;background-color:#f3e48ccc;align-self:flex-end;height:50vh;width:170vh;padding:5rem 0;align-items:center;justify-content:end}#home-cover-image{margin:0 5rem;width:40vw;height:50vh;object-fit:cover}#home-cover-content{height:50vh;width:45vw;margin-right:5vh}#home-cover-content>p{position:relative;top:5vh;line-height:4vh}#home-bottom{height:10vh}.home-title{font-size:var(--large-font-size);height:min(20vh,20vw);line-height:min(20vh,20vw);text-align:center}.home-list{display:flex;justify-content:center;align-items:center;gap:10vh;height:20vw}.home-list-bg1{background-color:#8cf3bfcc;height:30vh;width:30vh;border-radius:50%}.home-list-bg1>img{width:100%;height:100%;object-fit:contain}.home-list-bg2{background-color:#f3e48ccc;height:30vh;width:30vh;border-radius:50%}.home-list-bg2>img{width:100%;height:100%;object-fit:contain}.home-list-bg3{background-color:#e78cf3cc;height:30vh;width:30vh;border-radius:50%}.home-list-bg3>img{width:100%;height:100%;object-fit:contain}#about{display:flex;flex-direction:column;background-color:#faebd7}#about-header{object-fit:cover;height:60vh}#about-title{font-size:var(--large-font-size);height:min(20vh,20vw);line-height:min(20vh,20vw);text-align:center}#about-content{display:flex;position:relative;align-items:center;margin-top:10vh;height:45vh;padding:25vh 10vh}#about-content-image{transform:translateY(-50%);left:0vw;top:40vh;position:absolute;width:50vw;height:100vh;object-fit:cover}#about-content-text{background-color:#f3e48ccc;position:absolute;top:10vh;height:40vh;left:40vw;width:40vw;padding:5rem}#about-content-text>p{line-height:4vh;position:relative;top:5vh}#about-content-text>h1{line-height:4vh}#product{display:flex;flex-direction:column;background-color:#faebd7}#product-header{display:flex;flex-direction:column}#product-header{object-fit:cover;height:60vh}#product-cover{line-height:var(--medium-font-size);font-size:var(--medium-font-size);position:relative;display:flex;height:65vh}#product-cover-left{display:flex;flex-direction:column;flex:1;justify-content:center;align-items:center;padding-bottom:20vh;gap:1vh}#product-cover-title{position:relative}#product-cover-subtitle{display:flex;line-height:var(--large-font-size);font-size:var(--large-font-size);position:relative;top:5vh;align-items:center;gap:2vh}#product-cover-subtitle>span{padding:1.5vh;background-color:#000;color:#fff}#product-cover-image{display:flex;position:relative;top:5vh;height:60vh;width:60vw;justify-content:center;object-fit:cover}#product-cover-slogon{display:flex;font-size:2.5vmax;position:absolute;bottom:10vh;width:100vw;transform:translateY(50%);gap:2vw}#product-cover-slogon>p{flex:2;text-align:right}#product-cover-slogon>span{flex:3;color:#fff;text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black}#product-separator{display:flex;line-height:var(--medium-font-size);font-size:var(--medium-font-size);width:90vw;height:6vh;align-self:center;align-items:center;justify-content:center;position:relative;margin-top:5vh;margin-bottom:5vh}#product-separator:before,#product-separator:after{content:"";height:2px;width:35vw;position:absolute;top:3vh;background-color:#000}#product-separator:before{left:0}#product-separator:after{right:0}#product-separator>span{position:relative;text-align:center}#product-separator>span:before,#product-separator>span:after{width:1rem;height:1rem;content:"";background-color:#000;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg)}#product-separator>span:before{left:-150%}#product-separator>span:after{right:-150%}#product-content{display:flex;flex-direction:column;gap:10vh}#product-bottom{height:10dvh}.product-material{display:flex;height:90vh}.product-material.odd{flex-direction:row-reverse}.product-mateiral-content{display:flex;flex-direction:column;background-color:#f3e48ccc;position:relative;top:25vh;height:40vh;gap:4vh;justify-content:center;align-items:center;margin:3vh;flex:1}.product-mateiral-content>h1{line-height:var(--medium-font-size);font-size:var(--medium-font-size)}.product-mateiral-content>div{line-height:40px;position:relative;width:30vw}.product-mateiral-image{width:60vw}.product-mateiral-image>img{object-fit:contain}#display{display:flex;flex-direction:column;background-color:#faebd7}#display-header{object-fit:cover;height:60vh}#display-cover{font-size:var(--large-font-size);height:min(20vh,20vw);line-height:min(20vh,20vw);text-align:center}.display-work{position:relative;display:flex;height:70vh}.display-work-photo{display:flex;position:relative;height:60vh;width:60vw}.display-work-photo>img{object-fit:contain}.display-work-info{height:60vh;width:40vw;align-items:center;position:relative;justify-content:center;white-space:pre-line;display:flex;flex-direction:column}.display-work-info>h1{position:relative;top:-2vh}.display-work-info>div{position:relative;top:-2vh;display:flex}.display-work-info>span{display:flex;flex-direction:column;position:relative;top:-2vh;line-height:3vh}.display-separator{display:flex;width:30vw;height:10vh;align-items:center;justify-content:center;position:relative}.display-separator:before,.display-separator:after{content:"";height:2px;width:12vw;position:absolute;top:50%;background-color:#000}.display-separator:before{left:0}.display-separator:after{right:0}#service{display:flex;flex-direction:column;background-color:#faebd7}#service-header{object-fit:cover;height:60vh}#service-cover{font-size:var(--large-font-size);height:min(20vh,20vw);line-height:min(20vh,20vw);text-align:center}.service-step{align-self:center;display:flex;width:50vw;height:30vh}.service-step-image{position:relative;top:-5vh;display:flex;justify-content:center;align-items:center;width:15vw}.service-step-image>img{width:10vw}.service-step-text{position:relative;left:5vw;width:30vw}.service-step-text-title{align-items:center;gap:2vw;display:flex;height:6vh}.service-step-text-title>div{background-color:#8c583a;position:relative;width:1vh;height:3vh}.service-step-text-inside{display:flex;flex-direction:column;position:relative;top:3vh;height:20vh;gap:2vh}.service-step-text-inside>p{font-size:2vh}