﻿@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&family=Volkhov:ital,wght@0,400;0,700;1,400;1,700&display=swap");*,*::before,*::after{box-sizing:border-box}*{min-width:0;margin:0;font-family:"Volkhov", "Noto Serif TC", monospace}html,body{width:100vw;padding:0}body{height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;background-image:url(../images/texture.jpg);background-color:#F2F1EF}h1,h2,h3,h4,h5,h6{text-wrap:balance;overflow-wrap:break-word}h1{font-size:30px}h2{font-size:27px}h3{font-size:24px}h4{font-size:21px}h5{font-size:18px}h6{font-size:16px}p{text-wrap:pretty;overflow-wrap:break-word;letter-spacing:1.5px}ul,ol{margin:0;padding:0}ul li{list-style:none}a{user-select:none;text-decoration:none;letter-spacing:1.5px}a:hover{opacity:0.8}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}audio,button,iframe,img,video{user-select:none}b,strong{line-height:2.5;font-weight:bold}blockquote{margin:15px 0;padding:0 15px;overflow:auto;border-radius:3px;border-left:3px solid #1E3E3F;background:#D9E8FF6B}code{padding:4px 8px;line-height:2.5;border-radius:4px;background:#BDDCF76B}hr{border:none;border-top:1px solid #343434}img,video,audio,iframe{border-radius:10px}mark{padding:4px 8px;line-height:2.5;border-radius:4px;color:unset;background:#FFF13360}pre{margin:25px 0;overflow:hidden;font-family:"Fira Code", "Noto Sans SC", monospace;white-space:normal;border-radius:15px;border:1px solid #EBEEF5;box-shadow:0 2px 12px 0 #0001AA}code,.hljs,.input,.language{font-family:"Fira Code", "Noto Sans SC", monospace}table:not(.hljs-ln){margin:15px 0}table:not(.hljs-ln) td:nth-child(even){background:#C7E0FB4D}table:not(.hljs-ln) td:nth-child(odd){background:#D9E8FF4D}table:not(.hljs-ln) th{background:#A3DDFB}table:not(.hljs-ln) tr th,table:not(.hljs-ln) tr td{padding:10px 20px;border-radius:3px}::-webkit-scrollbar{width:6px;border-radius:6px;background-color:#C1C1C1}::-webkit-scrollbar-thumb{border-radius:6px;background-color:#BC955C}::-webkit-scrollbar-track{border-radius:6px;background-color:#C1C1C1}::-ms-input-placeholder{color:#999}::placeholder{color:#999}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:#333;-webkit-box-shadow:0 0 0 1000px rgba(255,255,255,0) inset}.fade-enter-active,.fade-leave-active{transition:opacity 0.3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.tran-enter-active{transition:opacity 0.5s ease}.tran-leave-active{transition:opacity 0s ease}.tran-enter-from,.tran-leave-to{opacity:0}.slide-fade-enter-active{transition:all 0.4s ease-out}.slide-fade-leave-active{transition:all 0.4s ease}.slide-fade-enter-from,.slide-fade-leave-to{transform:translateX(20px);opacity:0}.loading{opacity:0}body:has(.screenFixed){overflow:hidden}#main{width:100vw;position:absolute;top:85px;left:0}.container{max-width:992px;margin:0 auto}.webPage{min-height:calc(100vh - 537px);padding:60px 0 80px}section.title{display:flex;flex-direction:column;margin-bottom:50px;gap:3px}section.title .cn{width:100%;display:flex;order:2;justify-content:center;align-items:center;gap:12px}section.title .cn hr{width:100%;max-width:60px}section.title .cn h2{white-space:nowrap}section.title .en{width:100%;display:flex;order:1;justify-content:center;font-size:16px;color:#AAA;letter-spacing:5px;text-transform:uppercase}form{width:100%;max-width:500px;display:flex;flex-direction:column;margin:0 auto;gap:12px}form fieldset{margin:0;padding:0;border:none}form fieldset legend{width:100%;margin-bottom:2px;font-size:16px;font-weight:bold;color:#626262;transition:all 0.3s ease;letter-spacing:1px}form fieldset shark-icon-container{display:none}form fieldset input,form fieldset select{height:46px}form fieldset textarea{height:80px;max-width:100%;min-height:200px;padding:12px 0;line-height:19px;resize:vertical}form fieldset input,form fieldset select,form fieldset textarea{width:100%;border-radius:0;border:1px solid #D7CCC8;border-width:0 0 1px;color:#333;transition:all 0.3s ease;background-color:transparent;outline:0}form fieldset input:focus,form fieldset select:focus,form fieldset textarea:focus{border-color:#BC955C}form fieldset input:focus+legend,form fieldset select:focus+legend,form fieldset textarea:focus+legend{color:#BC955C}form fieldset input.default.error,form fieldset select.default.error,form fieldset textarea.default.error{border-color:#D7CCC8}form fieldset input.default.error+legend,form fieldset select.default.error+legend,form fieldset textarea.default.error+legend{color:#626262}form fieldset input.check,form fieldset select.check,form fieldset textarea.check{border-color:#198754}form fieldset input.check+legend,form fieldset select.check+legend,form fieldset textarea.check+legend{color:#198754}form fieldset input.error,form fieldset select.error,form fieldset textarea.error{border-color:#DC3545}form fieldset input.error+legend,form fieldset select.error+legend,form fieldset textarea.error+legend{color:#DC3545}section.btn{display:flex;justify-content:center;margin-top:10px;gap:20px}button{width:100%;height:40px;max-width:150px;text-align:center;line-height:40px;border-radius:3px;border:none;transition:all 0.5s ease;cursor:pointer;letter-spacing:1.5px}button.submit{color:#FFF;background-color:#2E7D32}button.submit:hover{border-radius:20px}#loading{width:100vw;height:100vh;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:2147483647;justify-content:center;align-items:center;background-color:#F0F0EE;background-image:url(../images/texture.jpg);word-break:keep-all}#loading .loadingImg{width:160px;height:110px;position:relative;margin-bottom:20px;overflow:hidden}#loading .loadingImg .shadow{width:80px;height:20px;position:absolute;top:79%;left:50%;transform:translate(-50%, -50%);border-radius:50%;animation:shadow 0.965s infinite ease-in-out;background-image:radial-gradient(#8B725E 20%, transparent 50%)}#loading .loadingImg img{width:120px;height:92px;position:absolute;top:37%;left:50%;transform:translate(-50%, -50%);margin:0 auto;object-fit:cover;object-position:top}#loading .loadingImg .st0,#loading .loadingImg .st1,#loading .loadingImg .st2,#loading .loadingImg .st3,#loading .loadingImg .st5{stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}#loading .loadingImg .st0{fill:#AA9584}#loading .loadingImg .st1{fill:#CCC7C1}#loading .loadingImg .st2{fill:#333}#loading .loadingImg .st3{fill:#FFF}#loading .loadingImg #loadingBg,#loading .loadingImg #loadingBgFront{width:100%;position:absolute;top:-158px}#loading .loadingImg #loadingBg{z-index:-1}#loading .loadingImg #loadingBgFront{z-index:1}#loading .loadingImg #loadingBgFront .st4{fill:url(../images/texture.jpg);fill:#EFEEEC}#loading .loadingImg #loadingBgFront .st5{fill:none}#loading .loadingText{display:flex;font-size:32px;font-weight:bold;color:#363636;gap:7px}#loading .loadingText span{animation:loadingText 0.43s infinite alternate ease-in-out;transform-origin:bottom}#loading .loadingText span:nth-child(2){animation-delay:0.05s}#loading .loadingText span:nth-child(3){animation-delay:0.1s}#loading .loadingText span:nth-child(4){animation-delay:0.15s}#loading .loadingText span:nth-child(5){animation-delay:0.2s}#loading .loadingText span:nth-child(6){animation-delay:0.25s}#loading .loadingText span:nth-child(7){animation-delay:0.3s}.fadeOutUp{animation:fadeOutUp 1s 0.5s 1 both ease}.bounceOutDown{animation:bounceOutDown 1s 1 both ease}.pageContact{min-height:866px;position:relative}section.recieveMessage{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding-top:170px;pointer-events:none}section.recieveMessage.show img{animation:imgFadeIn 1.3s 1s 1 both ease}section.recieveMessage.show h4{animation:fadeIn 1s 2s 1 both ease}section.recieveMessage.show p{animation:fadeIn 1s 2.5s 1 both ease}section.recieveMessage img{width:100%;height:63%;position:absolute;bottom:0;z-index:-1;border-radius:0;opacity:0;object-fit:cover}section.recieveMessage .text{width:300px;display:flex;flex-direction:column;align-items:center;margin:0 auto}section.recieveMessage .text h4{color:#BC955C;letter-spacing:1.5px;opacity:0}section.recieveMessage .text p{margin-top:10px;text-align:center;line-height:1.75;letter-spacing:1px;word-break:keep-all;opacity:0}#menu,.copycode,.friend-link a,.go-post,.hljs-ln-numbers,.icon-link a,.katex,.language,.page-current{user-select:none}#crypto{margin:50px 0}#crypto.failure{border-color:#EA4A5A;color:#EA4A5A}#crypto.failure:focus{box-shadow:0 0 0 3px #EA4A5A4D}#crypto.success{border-color:#34D058;color:#34D058}#preview{width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;z-index:1005;justify-content:center;align-items:center;background-color:#FFFC}#preview-content{max-width:95%;max-height:95%;margin:auto;box-shadow:0 0 50px 10px #D9D9D980}.code-content{padding:50px 30px 20px;overflow:auto;line-height:2;font-size:13px;white-space:pre}.comment iframe,body::-webkit-scrollbar-track{border-radius:0}.content{transition:opacity 0.25s}.content img,.content video,.content audio,.content iframe{max-width:75%;display:block;margin:15px auto}.copycode{position:absolute;top:0;right:0;color:#5C6B72}.copycode i{position:absolute;top:0;right:0;padding:15px;transition:transform 0.25s}.copycode.copied i{transform:scale(1.25)}.copycode.copied i:first-child{opacity:0}.copycode:not(.copied) i:last-child{opacity:0}.hljs-ln-code{padding-left:20px !important}.hljs-ln-numbers{padding-right:10px !important;vertical-align:top;text-align:right;border-right:1px solid #CCC;color:#CCC}.icon{margin-right:5px;color:#5C6B72}.input{width:100%;height:50px;box-sizing:border-box;display:block;font-size:15px;border-radius:50px;border:1px solid #D0D7DE;color:#000;background:#F6F8FA;transition:background 0.25s, border 0.25s, box-shadow 0.25s;text-indent:20px}.input:focus{border-color:#0969DA;background:#FFF;box-shadow:0 0 0 3px #0969DA4D;outline:none}.input:hover{background:#FFF}.katex{white-space:normal !important}.language{position:absolute;top:0;left:30px;padding:10px 15px;font-size:12px;font-weight:bold;border-radius:0 0 10px 10px;color:#FFF;background:linear-gradient(to right, #ED6EA0 0%, #EC8C69 100%);box-shadow:1px 1px 0.75rem #ED6EA14D}.page-num,.icon-link a,.friend-link a{transition:background 0.25s, color 0.25s}.page-num:hover,.icon-link a:hover,.friend-link a:hover,.go-post:hover{opacity:1}.slide-enter-active,.slide-leave-active{transition:margin-top 0.3s, opacity 0.3s}.slide-enter-from,.slide-leave-to{margin-top:-300px;opacity:0}.content .copycode:hover{opacity:0.8}#menu{width:100vw;height:85px;position:fixed;top:0;z-index:1004;line-height:50px;font-weight:bold;color:#3B3B3B;box-shadow:0 -1px 10px 0 #9E9E9E4D;transition:background 0.25s ease-out, top 0.25s ease-out;background-color:#FFF}#menu .logo{line-height:1.25;color:currentColor}#menu #desktopMenu{height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 12vw}#menu #desktopMenu .title{color:#5B5B5B;transition:all 0.3s ease-in-out}#menu #desktopMenu .title:hover{color:#BC955C}#menu #desktopMenu .menu{height:100%;display:flex;gap:16px}#menu #desktopMenu .menu a{display:flex;align-items:center;padding:0 6px;line-height:1.25;border-bottom:3px solid transparent;color:#5B5B5B;transition:all 0.3s ease-in-out}#menu #desktopMenu .menu a.active,#menu #desktopMenu .menu a:hover{border-bottom:3px solid #BC955C;color:#BC955C}#menu #desktopMenu .menu a.uberEat,#menu #desktopMenu .menu a.panda{padding:0}#menu #desktopMenu .menu a.uberEat .img,#menu #desktopMenu .menu a.panda .img{width:34px;height:34px;overflow:hidden;border-radius:5px;background-position:center center;background-repeat:no-repeat;animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}#menu #desktopMenu .menu a.uberEat:hover,#menu #desktopMenu .menu a.panda:hover{border-color:transparent;opacity:1}#menu #desktopMenu .menu a.uberEat .img{background-image:url(../images/uberEats.svg)}#menu #desktopMenu .menu a.panda{margin-left:4px}#menu #desktopMenu .menu a.panda .img{background-image:url(../images/panda.svg)}#menu #mobileMenu{height:100%;display:none;flex-direction:column}#menu #mobileMenu .title{width:100%;height:85px;display:flex;position:fixed;z-index:1003;justify-content:space-between;align-items:center;background:#FFF}#menu #mobileMenu .title .logo span:nth-child(3){width:60px;height:60px;display:none}#menu #mobileMenu .title .option{display:flex;align-items:center}#menu #mobileMenu .title .option a.panda,#menu #mobileMenu .title .option a.uberEat{padding:8px}#menu #mobileMenu .title .option a.panda .img,#menu #mobileMenu .title .option a.uberEat .img{width:34px;height:34px;overflow:hidden;border-radius:5px;background-position:center center;background-repeat:no-repeat;animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}#menu #mobileMenu .title .option a.panda:hover,#menu #mobileMenu .title .option a.uberEat:hover{border-color:transparent;opacity:1}#menu #mobileMenu .title .option a.uberEat .img{background-image:url(../images/uberEats.svg)}#menu #mobileMenu .title .option a.panda .img{background-image:url(../images/panda.svg)}#menu #mobileMenu .hamburger{display:flex;margin-right:-15px;padding:15px;overflow:visible;border:0;transition-timing-function:linear;transition-duration:0.15s;transition-property:opacity, filter;cursor:pointer;text-transform:none}#menu #mobileMenu .hamburger.active .hamburgerBox .hamburgerInner{transform:rotate(45deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}#menu #mobileMenu .hamburger.active .hamburgerBox .hamburgerInner::before{top:0;transition:top 75ms ease, opacity 75ms ease 0.12s;opacity:0}#menu #mobileMenu .hamburger.active .hamburgerBox .hamburgerInner::after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s}#menu #mobileMenu .hamburger .hamburgerBox{width:34px;height:28px;display:inline-block;position:relative}#menu #mobileMenu .hamburger .hamburgerBox .hamburgerInner{width:100%;height:3px;display:block;position:absolute;top:50%;margin-top:-2px;border-radius:4px;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);transition-duration:75ms;transition-property:transform;background-color:#3B3B3B}#menu #mobileMenu .hamburger .hamburgerBox .hamburgerInner::before,#menu #mobileMenu .hamburger .hamburgerBox .hamburgerInner::after{content:"";width:100%;height:3px;display:block;position:absolute;border-radius:4px;background-color:#3B3B3B}#menu #mobileMenu .hamburger .hamburgerBox .hamburgerInner::before{top:-12px;transition:top 75ms ease 0.12s, opacity 75ms ease}#menu #mobileMenu .hamburger .hamburgerBox .hamburgerInner::after{bottom:-12px;transition:bottom 75ms ease 0.12s,transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19)}#menu #mobileMenu .menu{width:100%;height:calc(100vh - 80px);position:fixed;top:85px;z-index:1002;background-color:#EFEEEC}#menu #mobileMenu .menu>div{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:20px 0 130px;overflow:auto}#menu #mobileMenu .menu>div a{width:100%;max-height:80px;display:flex;justify-content:center;align-items:center;padding:10px 0;color:#3B3B3B;transition:all 0.3s ease-in-out}#menu #mobileMenu .menu>div a:hover{color:#BC955C}@keyframes bounceIn{0%{transform:scale3d(0.3, 0.3, 0.3);opacity:0}20%{transform:scale3d(1.1, 1.1, 1.1)}40%{transform:scale3d(0.9, 0.9, 0.9)}60%{transform:scale3d(1.03, 1.03, 1.03);opacity:1}80%{transform:scale3d(0.97, 0.97, 0.97)}100%{transform:scaleX(1);opacity:1}}footer{width:100%;padding:60px 0 0;font-size:16px;color:#969595;background-color:#23201E;background-image:url(../images/footer.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-blend-mode:soft-light}footer .container{display:flex;flex-direction:column}footer hr{width:100%;border-color:#57493D}footer a{color:currentColor;transition:all 0.3s ease-in-out}footer a:hover{color:#BC955C}footer .menu{display:flex;justify-content:space-between;align-items:flex-end}footer .menu .logo{display:flex;align-items:flex-end;gap:3px}footer .menu .logo img{width:70px;height:70px;margin-left:-10px}footer .menu .logo .brand .nameCh{line-height:1;font-size:20px;letter-spacing:1px}footer .menu .logo .brand .nameEn{padding-bottom:5px;line-height:1.5;font-size:14px;letter-spacing:1.8px;text-transform:uppercase}footer .menu ul{display:flex;padding:0;padding-bottom:6px;gap:40px}footer .menu .other{display:flex;padding-bottom:7px;gap:16px}footer .menu .other a{font-size:32px}footer .detail{display:flex;justify-content:flex-start;align-items:flex-start;padding:65px 0 35px;gap:149px}footer .detail .info{display:flex;flex-direction:column}footer .detail .info>div{display:flex;align-items:center;gap:6px}footer .detail .info>div i{width:35px;height:30px;display:flex;justify-content:center;align-items:center;margin-left:-8px;font-size:16px;border-radius:50%;color:#7C7572}footer .detail .info>div span{letter-spacing:1.5px}footer .detail .info>div.holidayHours{padding-left:32px}footer .detail .info b{margin-bottom:4px;line-height:1.5;font-size:16px;color:#7C7572;letter-spacing:1.5px}footer .copyright{margin-top:46px;padding:15px 0;text-align:center;line-height:1.75;font-size:15px;color:#919191;background-color:rgba(5,4,4,0.47)}footer .copyright .container{display:flex;flex-direction:row;justify-content:space-between;opacity:0.8;letter-spacing:1px}#homeHead{width:100vw;height:calc(100vh - 85px);display:flex;position:relative;overflow:hidden;user-select:none}#homeHead .homeBackground{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:-1;background-position:50% 74%;background-repeat:no-repeat;background-size:cover}#homeHead .homeInfo{position:absolute;top:calc(50% - 30px);left:50%;transform:translate(-50%, -50%)}#homeHead .homeInfo .info{width:500px;height:500px;display:flex;position:relative;justify-content:center;align-items:center;text-align:center;border-radius:50%}#homeHead .homeInfo .info .wrap{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:-40px}#homeHead .homeInfo .info .wrap img{width:150px;height:150px}#homeHead .homeInfo .info .wrap h1{margin:0;font-size:48px;white-space:nowrap;letter-spacing:1px;text-transform:uppercase}#homeHead .homeInfo .info .wrap h2{transform:scale(1.05, 0.95);font-size:40px;letter-spacing:4px}#homeHead .homeInfo .info .wrap h3{margin:10px 0;font-size:20px;color:#3B3B3B;letter-spacing:2px}#homeHead .homeInfo .info .wrap h5{width:100%;display:flex;justify-content:center;align-items:center;margin:0;font-size:20px;letter-spacing:2px;text-transform:uppercase;gap:7px}#homeHead .homeInfo .info .wrap h5 hr{width:100%;max-width:50px}#homeHead .homeInfo .info .wrap h5 span{white-space:nowrap}#homeHead .homeInfo .loop{width:500px;height:500px;display:inline-block;position:absolute}#homeHead .homeInfo .loop:nth-child(1){transform:rotate(30deg);border-radius:38% 62% 63% 37%/41% 44% 56% 59%;background:#FFF;animation:loop1 10s linear infinite;opacity:0.3}#homeHead .homeInfo .loop:nth-child(2){transform:rotate(60deg);border-radius:38% 62% 63% 37%/41% 44% 56% 59%;background:#FFF;animation:loop2 15s linear infinite;opacity:0.45}#homeHead .homeInfo .loop:nth-child(3){transform:rotate(90deg);border-radius:38% 62% 63% 37%/41% 44% 56% 59%;background:#FFF;animation:loop3 10s linear infinite;opacity:0.3}#homeHead .homeInfo .loop:nth-child(4){transform:rotate(120deg);margin:auto;border-radius:38% 62% 63% 37%/41% 44% 56% 59%;background:#FFF;animation:loop4 15s linear infinite;opacity:0.45}#homePostsWrap{width:100%;display:flex;margin:auto;padding:50px 20px;border-radius:10px}#homePosts{margin:auto}#homePosts .page-current{width:100%;display:flex;justify-content:center;align-items:center;margin-top:50px;text-align:center;font-weight:bold}#homePosts .page-current .current{width:35px;height:35px;display:inline-block;margin:0 7px;padding:5px;line-height:35px;border-radius:5px;color:#DA0A51}#homePosts .page-current .page-num,#homePosts .page-current .page-omit{width:35px;height:35px;display:inline-block;margin:0 7px;padding:5px;line-height:35px;border-radius:5px}#homePosts .page-current .page-num:hover{color:#FFF;background:#66AFEF}#homePosts .page-current a{color:#999}#homePosts .post{border-radius:20px;background:#FFF;box-shadow:0 0 20px #D9D9D980;transition:box-shadow 0.25s, transform 0.25s}#homePosts .post:hover{transform:translate(-5px, -5px);box-shadow:0 0 5px #D9D9D9}#homePosts .post .category-and-date{width:100%;margin-top:15px;text-align:center;color:#5C6B72}#homePosts .post .category-and-date .category{display:inline-block;margin-right:25px}#homePosts .post .category-and-date .category a{color:#5C6B72}#homePosts .post .category-and-date .date{display:inline-block}#homePosts .post .category-and-date .special{display:inline-block;margin-left:25px}#homePosts .post .go-post{position:absolute;right:-5px;bottom:-5px;padding:10px 24px;font-size:14px;font-weight:bold;border-radius:20px 0;border:0;color:#FFF;background:linear-gradient(120deg, #9ABBF7 0%, #FFBBF4 100%);box-shadow:2px 2px 10px 0 #FFBBF47A;transition:box-shadow 0.25s ease-out, right 0.25s ease-out}#homePosts .post .go-post:hover{right:-7px;box-shadow:-2px -2px 10px 0 #9ABBF77A}#homePosts .post .post-tags .tag{display:inline-block;margin-right:10px;font-weight:bold}#homePosts .post .post-tags a{line-height:1.7;font-size:14px}#homePosts .post-title{text-align:center;color:#66AFEF}#homeCard{width:300px}#homeCard #card-style{width:300px;max-height:80vh;display:flex;flex-direction:column;position:sticky;top:10vh;justify-content:center;overflow:auto;text-align:center;border-radius:10px;border:none;background:#FFF;box-shadow:0 0 20px #D9D9D980}#homeCard #card-div{padding:25px 0;overflow:auto}#homeCard #card-div .avatar{width:140px;height:140px;margin:auto;text-align:center;border-radius:50%;border:#F1F1F1 solid 3px}#homeCard #card-div .avatar img{width:100%;height:100%;border-radius:50%}#homeCard #card-div .avatar:hover img{transform:rotate(360deg)}#homeCard #card-div .description{width:85%;margin:20px auto}#homeCard #card-div .friend-links .friend-link{margin-bottom:5px}#homeCard #card-div .friend-links a{display:block;padding:8px 0;border-radius:5px;color:#5C6B72}#homeCard #card-div .icon-links .icon-link{margin:5px}#homeCard #card-div .icon-links a{padding:5px;font-size:18px;border-radius:5px;color:#5C6B72}#homeCard #card-div .icon-links a:hover{color:#FFF;background:#66AFEF}#homeCard #card-div .friend-links a:hover{color:#FFF;background:#66AFEF}#homeCard #card-div .icon-links,#homeCard #card-div .friend-links{width:85%;margin:10px auto;padding-top:10px;border-top:#CDCDCD solid 1px}#homeCard #card-div .name{margin:20px auto;font-size:16px;font-weight:bold}#category{margin:20px 0}.categoriesTags{display:flex;justify-content:center;gap:10px}.categoriesTags+div{display:flex;flex-direction:column;margin-top:50px}.categoriesTags .label{position:relative;padding:10px 40px;text-align:center;font-size:16px;font-weight:bold;border:1px solid #847267;color:#847267;transition:all 0.2s ease-in-out;transition-delay:0.1s;user-select:none;cursor:pointer;letter-spacing:1.5px;background-color:transparent}.categoriesTags .label[data-category="所有公告"]{order:1}.categoriesTags .label[data-category="官方公告"]{order:2}.categoriesTags .label[data-category="優惠活動"]{order:3}.categoriesTags .label[data-category="新品上市"]{order:4}.categoriesTags .label[data-category="出攤資訊"]{order:5}.categoriesTags .label::after{content:"";width:0;height:0;position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-width:6px 13px 0 13px;border-style:solid;border-color:transparent;transition:all 0.2s ease-in-out}.categoriesTags .label.active,.categoriesTags .label:hover{border:1px solid #2E7D32;color:#fff;transition-delay:0s;background-color:#2E7D32}.categoriesTags .label.active::after,.categoriesTags .label:hover::after{bottom:-6px;border-color:#2E7D32 transparent transparent transparent;transition-delay:0.1s}.categoriesTags a{display:block;position:relativ;padding:10px 40px;font-size:16px;font-weight:bold;border:1px solid #BC955C;color:#fff;background-color:#BC955C}.categoriesTags a::after{content:"";width:0;height:0;position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);border-width:6px 13px 0 13px;border-style:solid;border-color:#BC955C transparent transparent transparent}#timeline-wrap{display:flex;flex-direction:column-reverse}.newsList{width:100%;height:calc(992px / 3 - 19px + 53px);overflow:hidden}.newsList ul{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;padding:0;gap:40px}.newsList ul li{width:calc(992px / 3 - 27px)}.newsList ul li a{display:flex;flex-direction:column;cursor:pointer;gap:8px}.newsList ul li a .img{overflow:hidden;border-radius:12px;border:1px solid #D7D0C6;background:#FFF}.newsList ul li a .img:hover img{transform:scale(1.05);opacity:0.8}.newsList ul li a .img img{width:100%;display:block;transition:all 0.3s ease-in-out}.newsList ul li a .title{padding-left:12px}.newsList ul li a .title h3{margin-bottom:3px;overflow:hidden;font-size:20px;white-space:nowrap;color:#3B3B3B;transition:all 0.3s ease-in-out;text-overflow:ellipsis}.newsList ul li a .title .date{padding-left:1px;font-size:16px;white-space:nowrap;color:#C1C1C1;letter-spacing:0.875px}.pageNews .categoriesTags{position:sticky;top:85px;z-index:2;padding:20px 0;background-color:#F0EFED}.pageNews+div{margin-top:30px}.pageNews .newsList{height:fit-content}.timeline-content{margin-left:17.5px;padding:24px;border-radius:3px;border:1px solid #0002;background:#FFF;transition:box-shadow 0.5s}.timeline-content:hover{box-shadow:0 2px 8px #000017}.pagination{height:96px;display:flex;position:relative;justify-content:center;align-items:center;margin-top:20px;text-align:center;font-size:0}.pagination .btn{position:absolute;top:50%;transform:translateY(-50%);transition:opacity 0.2s;fill:#DFD7D5;cursor:pointer}.pagination .btn:hover{opacity:0.6}.pagination .btn.btnNext{right:calc(50% - 180px)}.pagination .btn.btnPrev{left:calc(50% - 180px)}.pagination .paginationContainer .littleDot{width:16px;height:16px;display:inline-block;position:relative;z-index:10;margin:0 16px;vertical-align:middle;border-radius:100%;background:#DFD7D5}.pagination .paginationContainer .littleDot.littleDotFirst,.pagination .paginationContainer .littleDot.littleDotLast{z-index:5}.pagination .paginationContainer .littleDot .bigDotContainer{width:40px;height:40px;position:absolute;top:calc(50% - 20px);right:calc(50% - 20px);z-index:10;border-radius:100%}.pagination .paginationContainer .littleDot .bigDotContainer .bigDot{width:40px;height:40px}.pagination .paginationContainer .littleDot .bigDotContainer .bigDot .st0{fill:#DD3F44}.pagination .paginationContainer .littleDot .bigDotContainer .bigDot .st1{fill:#BC1D30}.pagination .paginationContainer .littleDot .bigDotContainer .bigDot .st2{fill:#60352A}.pagination .paginationContainer .littleDot .bigDotContainer .bigDot .st4{fill:#fff}.transitionPrev .paginationContainer{animation:paginationContainerPrev 0.6s forwards}.transitionPrev .littleDotFirst{animation:slideLeft 0.4s 0.3s forwards cubic-bezier(0.165, 0.84, 0.44, 1)}.transitionPrev .bigDotContainer{right:calc(-100% - 20px);left:auto;animation:bigDotContainerPrev 1s forwards}.transitionNext .paginationContainer{animation:paginationContainerNext 0.6s forwards}.transitionNext .littleDotLast{animation:slideRight 0.4s 0.3s forwards cubic-bezier(0.165, 0.84, 0.44, 1)}.transitionNext .bigDotContainer{right:calc(100% - 40px);left:auto;animation:bigDotContainerNext 1s forwards}.transitionNext .littleDotFirst,.transitionPrev .littleDotLast{animation:littleDotLastAnimation 1s forwards}.prevEnd .bigDotContainer,.nextEnd .bigDotContainer{animation:moveNone 0.3s both}@keyframes paginationContainerPrev{0%{transform:translate(0, 0)}100%{transform:translate(48px, 0)}}@keyframes paginationContainerNext{0%{transform:translate(0, 0)}100%{transform:translate(-48px, 0)}}@keyframes slideLeft{0%{transform:translateX(0px)}100%{transform:translateX(-48px)}}@keyframes littleDotFirstAnimation{0%{opacity:1}100%{opacity:0}}@keyframes littleDotLastAnimation{0%{opacity:1}100%{opacity:0}}@keyframes slideRight{0%{transform:translateX(0px);opacity:1}100%{transform:translateX(48px);opacity:1}}@keyframes bigDotContainerPrev{0%{right:0;transform:rotate(0deg)}100%{right:calc(100% + 20px);transform:rotate(-360deg)}}@keyframes bigDotContainerNext{0%{right:calc(50% - 24px);transform:rotate(0deg)}100%{right:calc(-100% - 44px);transform:rotate(360deg)}}@keyframes moveNone{0%{transform:translate3d(0%, 0%, 0)}15%{transform:translate3d(-25%, 0%, 0) rotate(-5deg)}30%{transform:translate3d(20%, 0%, 0) rotate(3deg)}45%{transform:translate3d(-15%, 0%, 0) rotate(-3deg)}60%{transform:translate3d(10%, 0%, 0) rotate(2deg)}75%{transform:translate3d(-5%, 0%, 0) rotate(-1deg)}100%{transform:translate3d(0%, 0%, 0)}}.pageBrand{padding:0}.pageBrand section.title{margin-top:50px;margin-bottom:0}.pageBrand .desc{display:flex;flex-direction:column;gap:10px}.pageBrand .desc p{text-align:center;line-height:1.75;font-size:20px;word-break:keep-all}.pageBrand div[class^="brandImg"]{width:100vw;position:relative}.pageBrand div[class^="brandImg"].full{height:calc(100vh - 250px);overflow:hidden}.pageBrand div[class^="brandImg"].full img{width:100%;height:inherit;border-radius:0;mix-blend-mode:multiply;object-fit:cover}.pageBrand div[class^="brandImg"].topImg{z-index:-1}.pageBrand div[class^="brandImg"].topImg img{object-position:50% 100%}.pageBrand div[class^="brandImg"].bottomImg img{object-position:50% 0}.pageBrand div[class^="brandImg"] img{position:absolute}.pageBrand div[class^="brandImg"] .imgLeft,.pageBrand div[class^="brandImg"] .imgRight{width:25vw;height:calc(25vw * 22 / 21);min-width:460px;max-width:550px;min-height:482px;max-height:576px;position:absolute}.pageBrand div[class^="brandImg"] .imgLeft .img,.pageBrand div[class^="brandImg"] .imgRight .img{width:100%;height:100%;position:absolute}.pageBrand div[class^="brandImg"] .imgLeft .label,.pageBrand div[class^="brandImg"] .imgRight .label{width:18vw;height:calc(18vw * 3 / 8);min-width:340px;max-width:400px;min-height:128px;max-height:150px;position:absolute}.pageBrand div[class^="brandImg"] .imgLeft{top:13%;left:0}.pageBrand div[class^="brandImg"] .imgLeft .label{top:-20px;right:10px}.pageBrand div[class^="brandImg"] .imgRight{top:20%;right:0}.pageBrand div[class^="brandImg"] .imgRight .label{right:15px;bottom:-20px}.pageBrand section[class^=part] .container{display:flex;flex-direction:column;padding:90px 0;gap:60px}.pageBrand section.topic{display:flex;padding:120px 0 90px;background-image:url(../images/brand/paper.png);background-size:100% 100%}.pageBrand section.topic.type2{padding:80px 0}.pageBrand section.topic i{width:100%;font-size:28px;color:#AAA}.pageBrand section.topic i.fa-quote-left{transform:translateX(-50px)}.pageBrand section.topic i.fa-quote-right{transform:translateX(50px);text-align:right}.pageBrand section.topic h2{margin:5px 0;text-align:center;line-height:1.7;word-break:keep-all}.pageBrand section.topic .author{display:flex;transform:translateX(50px);margin-top:15px;text-align:right;gap:5px}.pageBrand section.topic .author p{font-weight:bold;white-space:nowrap;color:#BBB}.pageBrand section.part1{position:relative}.pageBrand section.part1 .brandImg{height:100%;position:absolute}.pageBrand section.part2{position:relative;z-index:-1}.pageBrand section.part2 .brandImgCenter{width:100vw;height:100%;position:absolute;top:0;left:0;z-index:-1}.pageBrand section.part2 .brandImgCenter .img{width:29vw;height:29vw;min-width:550px;max-width:550px;min-height:550px;max-height:550px;position:absolute}.pageBrand section.part2 .brandImgCenter .img:nth-child(1){top:-16vw;left:-9vw;transform:rotate(14deg)}.pageBrand section.part2 .brandImgCenter .img:nth-child(2){right:8vw;bottom:-19vw;transform:rotate(166deg)}.pageBrand section.part2 .brandImgCenter .img:nth-child(3){right:-9vw;bottom:10vw;transform:rotate(216deg)}.pageMenu section.menu{position:relative;padding:11px}.pageMenu section.menu::before,.pageMenu section.menu::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}.pageMenu section.menu::before{width:calc(100% - 22px);height:calc(100% - 22px);border:1px solid #BC955C;animation:clipPath 1s 1 forwards ease}.pageMenu section.menu::after{width:calc(100% + 16px);height:calc(100% + 16px);border:8px solid #BC955C;animation:clipPath 1s 1 forwards ease}.pageMenu .area{display:flex;border-bottom:1px solid transparent;animation:borderColorFade 1s 0.7s 1 forwards ease}.pageMenu .area:last-child{border-bottom:none}.pageMenu .pic{width:40%;position:relative;overflow:hidden;border-right:1px solid transparent;animation:borderColorFade 1s 0.7s 1 forwards ease}.pageMenu .pic::before{content:"";width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border:24px dotted transparent;animation:fadeIn 0.7s 0.7s 1 forwards ease-in-out;border-image:url(../images/frame3.svg) 24 round;pointer-events:none;opacity:0}.pageMenu .pic::after{content:"";width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}.pageMenu .pic .shape,.pageMenu .pic .img{width:100%;height:100%;position:absolute;top:50%;left:50%}.pageMenu .pic .shape{transform:translate(-50%, -50%);z-index:-1;color:#E6DDCE;animation:fadeIn 0.7s 0.7s 1 forwards ease-in-out;opacity:0}.pageMenu .pic .img{animation:moveUp 1s 0.7s 1 forwards ease-in-out;opacity:0;background-repeat:no-repeat;background-position:center center}.pageMenu .drink{width:60%;padding:28px 28px 32px;overflow:hidden}.pageMenu .productTitle{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:27px;line-height:1.5;font-size:16px;color:#BC955C;animation:listMoveUp 0.8s 1.2s 1 forwards ease-in-out;letter-spacing:2px;opacity:0}.pageMenu .productTitle::before,.pageMenu .productTitle::after{content:"";width:21px;height:2px;display:block;margin:0 15px;background-color:#BC955C}.pageMenu .productList{display:flex;flex-direction:column;animation:listMoveUp 0.8s 1.2s 1 forwards ease-in-out;opacity:0;gap:24px}.pageMenu .menuItem .head{width:100%;display:flex;justify-content:space-between;margin-bottom:6px;transition:color 0.3s}.pageMenu .menuItem .head .name{display:inline-flex;align-items:center;line-height:normal;line-height:19px;font-size:20px;font-weight:bold;gap:4px;letter-spacing:1px}.pageMenu .menuItem .head .price{display:flex;align-items:center;line-height:normal;font-size:20px;gap:5px}.pageMenu .menuItem .head .price>span{display:flex;align-items:center}.pageMenu .menuItem .head .price>span b{width:20px;height:20px;display:flex;justify-content:center;align-items:center;margin-right:3px;overflow:hidden;line-height:20px;font-size:14px;font-weight:normal;border-radius:50%;color:#FFF;user-select:none;background-color:#BC955C}.pageMenu .menuItem .desc{margin-top:6px;line-height:1.6;font-size:14px;letter-spacing:1px}.pageMenu .hot,.pageMenu .rec{width:20px;height:20px;display:flex;justify-content:center;align-items:center;overflow:hidden;line-height:20px;font-size:14px;font-weight:normal;border-radius:3px;color:#FFF;user-select:none}.pageMenu .hot{background-color:#BA3232}.pageMenu .rec{background-color:#BC955C}.pageMenu .other ul{width:100%;display:flex;flex-direction:column;padding:28px 28px 33px;gap:10px}.pageMenu .other ul:not(:last-child){border-right:1px solid transparent;animation:borderColorFade 1s 0.7s 1 forwards ease}.pageMenu .other ul.topping li p:first-child,.pageMenu .other ul.customized li p:first-child,.pageMenu .other ul.delivery li p:first-child{padding:2px 5px 0;text-align:center;line-height:22px;font-weight:normal;white-space:nowrap;color:#FFF;background-color:#BC955C}.pageMenu .other ul.customized ol{gap:17px}.pageMenu .other ul.customized ol li{flex-direction:column}.pageMenu .other ul.customized ol li p:first-child{width:88%;background-image:linear-gradient(-90deg, #bc955c 0% 19.9%, rgba(188,149,92,0.8) 20% 39.9%, rgba(188,149,92,0.6) 40% 59.9%, rgba(188,149,92,0.4) 60% 79.9%, rgba(188,149,92,0.2) 80% 99.9%, rgba(188,149,92,0) 100%);background-color:transparent}.pageMenu .other ul.detailDesc li{align-items:flex-start}.pageMenu .other ul.detailDesc li .icon{color:#BC955C}.pageMenu .other ul .productTitle{margin-bottom:16px}.pageMenu .other ul ol{display:flex;flex-direction:column;gap:10px}.pageMenu .other ul ol li{display:flex;align-items:center;line-height:20px;font-weight:bold;animation:listMoveUp 0.8s 1.2s 1 forwards ease-in-out;opacity:0;gap:7px}.pageMenu .other ul ol li b{width:20px;height:20px;display:flex;justify-content:center;align-items:center;overflow:hidden;line-height:20px;font-size:14px;font-weight:normal;border-radius:50%;color:#FFF;user-select:none;background-color:#BC955C}section.menu .area:nth-child(even) .pic{order:2;border:none}section.menu .area:nth-child(even) .drink{order:1;border-right:1px solid transparent;animation:borderColorFade 1s 0.7s 1 forwards ease}section.menu .area:nth-child(1) .pic .img{background-image:url(../images/menu/mango.svg)}section.menu .area:nth-child(1) .pic .shape{background:linear-gradient(to right, #fff 1px, transparent 1px) 0 0/2vmin 2vmin,linear-gradient(to bottom, #fff 1px, transparent 1px) 0 0/2vmin 2vmin,linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0)),currentColor;mix-blend-mode:multiply}section.menu .area:nth-child(2) .pic .img{background-image:url(../images/menu/tea2.svg)}section.menu .area:nth-child(2) .pic .shape{width:calc(100% - 30px);height:calc(100% - 30px);background:radial-gradient(circle at right, transparent 38%, currentColor 38.2%, currentColor 40%, #F0F0EE 40.2%) left center/50% 100% no-repeat,radial-gradient(circle at left, #F0F0EE 38%, currentColor 38.2%, currentColor 40%, transparent 40.2%) right center/50% 100% no-repeat,radial-gradient(currentColor 25%, transparent 26%) 0 0/1vmin 1vmin,radial-gradient(currentColor 25%, transparent 26%) 0.5vmin 0.5vmin/1vmin 1vmin}section.menu .area:nth-child(3) .pic .img{background-image:url(../images/menu/milk.svg)}section.menu .area:nth-child(3) .pic .shape{width:calc(100% - 44px);height:calc(100% - 44px);background:radial-gradient(currentColor 25%, transparent 26%) 0 5vmin/1vmin 1vmin,radial-gradient(currentColor 25%, transparent 26%) 0.5vmin 5.5vmin/1vmin 1vmin}section.menu .area:nth-child(4) .pic .img{background-image:url(../images/menu/drink.svg)}section.menu .area:nth-child(4) .pic .shape{position:relative;background:repeating-linear-gradient(45deg, transparent, transparent 9px, #F7F7F7 9px, #F7F7F7 10px),repeating-linear-gradient(-45deg, transparent, transparent 9px, #F7F7F7 9px, #F7F7F7 10px),linear-gradient(rgba(188,149,92,0.1), rgba(255,255,255,0.9)),currentColor;mix-blend-mode:multiply}section.menu .area:nth-child(4) .pic .shape::before,section.menu .area:nth-child(4) .pic .shape::after{position:absolute;left:50%;transform:translateX(-50%);font-size:40px;font-weight:bold;color:#BC955C;text-shadow:-2px -2px 0 #FFF, 2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px 2px 0 #FFF;letter-spacing:10px;writing-mode:vertical-lr}section.menu .area:nth-child(4) .pic .shape::before{content:"清爽果香";top:10vmin}section.menu .area:nth-child(4) .pic .shape::after{content:"尾韻回甘";bottom:10vmin}section.menu .area:nth-child(5) .pic .img{background-image:url(../images/menu/apple.svg)}section.menu .area:nth-child(5) .pic .shape{color:#F1ECE6;background:radial-gradient(circle, currentColor 50%, transparent 50%) center center/34vmin 34vmin no-repeat,repeating-conic-gradient(transparent 0 12deg, currentColor 5deg 24deg),linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)),currentColor;mix-blend-mode:multiply}section.menu .area:nth-child(6) .pic .img{background-image:url(../images/menu/pop.svg)}section.menu .area:nth-child(6) .pic .shape{width:calc(100% - 50px);height:calc(100% - 50px);background:radial-gradient(circle at bottom, currentColor 40%, transparent 40.5%) bottom 22vmin center/20vmin 20vmin no-repeat}section.menu .area:nth-child(6) .pic .shape::before{content:"";width:100%;height:100%;position:absolute;background:radial-gradient(circle at 50% 110%, transparent 20%, currentColor 21%, currentColor 29%, transparent 30%, transparent) 0 5vmin/4vmin 3.5vmin repeat,radial-gradient(circle at 50% -10%, transparent 20%, currentColor 21%, currentColor 29%, transparent 30%, transparent) 2vmin 12vmin/4vmin 3.5vmin repeat}.pageIngredient{height:calc(100vh - 155px);position:relative;overflow:hidden}.pageIngredient .bg{width:100%;height:100%;position:absolute;top:0}.pageIngredient .bg img{width:100%;height:100%;border-radius:0;object-fit:cover;object-position:50% 80%;mix-blend-mode:multiply}.pageIngredient .ingredients{width:100%;height:calc(100% - 50px);position:relative}.pageIngredient .ingredients .category{width:180px;display:flex;flex-direction:column;position:absolute;left:16vw;align-items:center;user-select:none;gap:16px}.pageIngredient .ingredients .category .cn{width:160px;height:160px;display:inline-flex;justify-content:center;align-items:center;font-size:52px;font-weight:bold;border-radius:50%;border:1px solid #000;letter-spacing:2px}.pageIngredient .ingredients .category .en{font-size:16px;font-weight:bold;white-space:nowrap;letter-spacing:5px;text-transform:uppercase}.pageIngredient .ingredients .item{position:absolute;right:10vw;writing-mode:vertical-rl;text-orientation:upright}.pageIngredient .ingredients .item[data-length="2"]{height:190px}.pageIngredient .ingredients .item[data-length="3"]{height:205px}.pageIngredient .ingredients .item[data-length="4"]{height:265px}.pageIngredient .ingredients .item .name{width:90px;line-height:98px;font-size:60px;font-weight:bold;border-left:2px solid #000;user-select:none;letter-spacing:5px}.pageIngredient .ingredients .item p{padding:5px 16px;font-size:16px;border-left:1px solid #000;user-select:none;letter-spacing:2px}.pageIngredient .ingredients .img{width:100%;height:100%;position:absolute;top:0;left:0}.pageIngredient .ingredients .img img{position:absolute}.pageIngredient .ingredients .img .plate{width:40vw;bottom:30px;left:50%;transform:translateX(-50%)}.pageIngredient .ingredients .img [class*="fruit"],.pageIngredient .ingredients .img [class*="milk"],.pageIngredient .ingredients .img [class*="tea"]{width:36vw;left:50%;transform:translateX(-50%)}.pageIngredient .ingredients .img [class*="fruit"]{bottom:0}.pageIngredient .ingredients .img [class*="milk"]{bottom:-10px}.pageIngredient .ingredients .img [class*="tea"]{width:40vw;bottom:30px}div[class*=swiper]{outline:none}.pageStore{padding-bottom:0}.pageStore .storeInfo{display:flex;flex-direction:column;padding:10px 0 40px}.pageStore .storeInfo .store{width:100%;display:flex;justify-content:space-between;padding:8px 0;font-weight:bold;cursor:pointer}.pageStore .storeInfo .store:hover i,.pageStore .storeInfo .store:hover p{color:#BC955C}.pageStore .storeInfo .store:not(:last-child){border-bottom:1px solid #DBDBDB}.pageStore .storeInfo .store .storeName{min-width:105px}.pageStore .storeInfo .store .storePhone{min-width:150px}.pageStore .storeInfo .store .storeAddress{min-width:260px}.pageStore .storeInfo .store .storeOpenHour{min-width:260px}.pageStore .storeInfo .store>div{display:flex;align-items:center;color:#3B3B3B}.pageStore .storeInfo .store>div i{width:28px;height:28px;display:flex;justify-content:center;align-items:center;color:#CCC;transition:all 0.3s ease}.pageStore .storeInfo .store>div p{display:flex;flex-direction:column;color:currentColor;color:#333;transition:all 0.3s ease}.pageStore #map{width:100%;height:550px;padding:0;transition:all 0.3s linear}.article .breadcrumb{margin-top:70px;margin-bottom:20px}.article .breadcrumb ul{display:flex;flex-wrap:wrap}.article .breadcrumb ul li a{font-size:16px;color:#919191}.article .breadcrumb ul li:not(:last-child)::after{content:"/";margin:0 5px;color:#919191}.article .info .date{margin-left:2px;font-size:16px;color:#5B5B5B}.article .title{margin-bottom:36px}.article .content{padding-bottom:110px;line-height:1.75;font-size:20px}.article .content p{margin-bottom:30px;word-break:keep-all}.article .content img{max-width:100%}.article .content hr{width:100%;margin:20px 0;border:none;border-top:3px dotted #C1C1C1}#archives{padding:70px 0}.into-enter-active .page404{animation:fadeIn 1s 0.5s 1 both ease}.page404{width:100vw;height:100vh;display:flex;flex-direction:column;position:fixed;top:85px;left:0;z-index:1000;justify-content:center;align-items:center;padding:25px;overflow:hidden;background-image:url(../images/texture.jpg)}.page404 .img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;background-image:url(../images/ingredients/table.jpg);background-size:100% 100%;background-repeat:no-repeat;mix-blend-mode:multiply}.page404 h1{line-height:23vmax;font-size:23vmax;color:#BEAF9E;user-select:none;mix-blend-mode:multiply;letter-spacing:4px}.page404 p{font-size:18px;color:#847267;letter-spacing:1px}.page404 a{display:flex;align-items:center;margin-top:2vmax;margin-bottom:7vmax;padding:10px 40px;font-size:16px;font-weight:bold;border:1px solid #847267;color:#847267;letter-spacing:1.5px}@media (max-width: 1250px){.container{max-width:100%;padding:0 5vw}#menu #desktopMenu{padding:0 5vw}#menu #mobileMenu{display:none}#homePostsWrap{padding:50px 0}.newsList{height:calc((90vw - 80px) / 3 + 53px + 8px)}.newsList ul li{width:calc((90vw - 80px) / 3)}.pageBrand div[class^=brandImg] .imgLeft .label,.pageBrand div[class^=brandImg] .imgRight .label{display:none}.pageBrand div[class^=brandImg] .imgLeft{top:0;left:-20%}.pageBrand div[class^=brandImg] .imgRight{top:22%;right:-20%}.pageBrand section.part2 .brandImgCenter .img:nth-child(1){left:-25vw}.pageBrand section.part2 .brandImgCenter .img:nth-child(2){right:0;bottom:-34vw}.pageBrand section.part2 .brandImgCenter .img:nth-child(3){right:-22vw;bottom:13vw}.pageIngredient .ingredients .img .plate{width:59vw}.pageIngredient .ingredients .img [class*=fruit],.pageIngredient .ingredients .img [class*=milk]{width:50vw}.pageIngredient .ingredients .img [class*=tea]{width:59vw}}@media (max-width: 1110px){#menu #desktopMenu{display:none}#menu #mobileMenu{display:flex}#menu #mobileMenu .menu a{font-size:18px;letter-spacing:3px}#menu #mobileMenu .panda,#menu #mobileMenu .uberEat{display:flex}.categoriesTags .label{padding:10px 3.5vw}.pageBrand div[class^=brandImg] .imgLeft{left:-27%}.pageBrand div[class^=brandImg] .imgRight{right:-27%}.pageBrand section.part2 .brandImgCenter .img{min-width:460px;min-height:460px}.pageBrand section.part2 .brandImgCenter .img:nth-child(1){left:-27vw}.pageBrand section.part2 .brandImgCenter .img:nth-child(2){bottom:-32vw}.pageBrand section.part2 .brandImgCenter .img:nth-child(3){bottom:20vw}section.menu .area:nth-child(3) .pic .img{background-size:auto 90%}section.menu .area:nth-child(4) .pic .img{background-size:120%}section.menu .area:nth-child(4) .pic .shape::before{top:18vmin}section.menu .area:nth-child(4) .pic .shape::after{bottom:18vmin}section.menu .area:nth-child(5) .pic .img{background-size:88%}section.menu .area:nth-child(6) .pic .shape{background:radial-gradient(circle at bottom, currentColor 40%, transparent 40.5%) bottom 29vmin center/20vmin 20vmin no-repeat}.pageIngredient .ingredients .item[data-length="2"],.pageIngredient .ingredients .item[data-length="3"]{height:188px}.pageIngredient .ingredients .item[data-length="4"]{height:235px}.pageIngredient .ingredients .item .name{font-size:50px}.pageIngredient .ingredients .category .cn{width:150px;height:150px;font-size:40px}.pageIngredient .ingredients .img .plate{width:80vw}.pageIngredient .ingredients .img [class*=fruit],.pageIngredient .ingredients .img [class*=milk]{width:67vw}.pageIngredient .ingredients .img [class*=tea]{width:80vw}.pageStore .storeInfo .store{flex-direction:column;align-items:center}.pageStore .storeInfo .store:nth-child(odd){padding-bottom:20px}.pageStore .storeInfo .store:nth-child(even){padding-top:20px}.pageStore .storeInfo .storeName{margin:7px 0 5px;font-size:18px;font-weight:900}.pageStore .storeInfo .storeAddress p,.pageStore .storeInfo .storeOpenHour p,.pageStore .storeInfo .storePhone p{font-weight:normal}footer .menu{align-items:flex-start}footer .menu ul{display:none}footer .menu .other a{font-size:44px}footer .menu .other a.fa-facebook{font-size:42px}footer .detail{padding:45px 0 38px;gap:15vw}footer .copyright .container{flex-direction:column;gap:6px}}@media (max-width: 768px){.newsList{height:calc((90vw - 40px) / 3 + 53px + 5px)}.newsList ul{gap:20px}.newsList ul li{width:calc((90vw - 40px) / 3)}.newsList ul li a .title{padding-left:4px}.newsList ul li a .title h3{font-size:18px}.newsList ul li a .title .date{padding-left:2px}.categoriesTags .label{padding:10px 5vw}.pageBrand div[class^=brandImg] .imgLeft{left:-59%}.pageBrand div[class^=brandImg] .imgRight{top:36%;right:-57%}.pageBrand section.part2 .brandImgCenter .img{min-width:400px;min-height:400px}.pageBrand section.part2 .brandImgCenter .img:nth-child(1){top:-37vw;left:-29vw;transform:rotate(36deg)}.pageBrand section.part2 .brandImgCenter .img:nth-child(2){bottom:-38vw}.pageBrand section.part2 .brandImgCenter .img:nth-child(3){bottom:50vw}.pageMenu section.menu .area{flex-direction:column}.pageMenu section.menu .area:nth-child(even) .pic{order:1}.pageMenu section.menu .area>div{width:100%}.pageMenu section.menu .area .pic{height:66vw}.pageMenu section.menu .area .pic .img{background-size:100% 92%}.pageMenu section.menu .area:nth-child(4) .pic .img{background-size:100% 100%}.pageMenu section.menu .area:nth-child(4) .pic .shape::before{top:50%;left:14vmin;transform:translateY(-50%)}.pageMenu section.menu .area:nth-child(4) .pic .shape::after{right:14vmin;bottom:50%;transform:translateY(50%)}.pageMenu section.menu .area:nth-child(6) .pic .img{background-size:100% 100%}.pageMenu section.menu .area:nth-child(6) .pic .shape{background:radial-gradient(circle at bottom, currentColor 40%, transparent 40.5%) bottom 6vmin center/55vmin 55vmin no-repeat}.pageMenu section.menu .other ul.topping ol,.pageMenu section.menu .other ul.capacity ol,.pageMenu section.menu .other ul.iconMean ol{flex-direction:row;flex-wrap:wrap}.pageMenu section.menu .other ul.topping ol li,.pageMenu section.menu .other ul.capacity ol li,.pageMenu section.menu .other ul.iconMean ol li{width:33%}.pageMenu section.menu .other ul:not(:last-child){border-right:none;border-bottom:1px solid rgba(0,0,0,0)}.pageIngredient .ingredients .category{width:15vw}.pageIngredient .ingredients .category .cn{width:15vw;height:15vw;font-size:32px}.pageIngredient .ingredients .category .en{text-align:center;font-size:14px;white-space:pre-wrap}.pageIngredient .ingredients .item[data-length="2"],.pageIngredient .ingredients .item[data-length="3"],.pageIngredient .ingredients .item[data-length="4"]{height:206px}.pageIngredient .ingredients .item .name{font-size:44px}}@media (max-width: 700px){#menu #mobileMenu .title .logo{display:flex;flex-direction:column;line-height:1.5;gap:1px}#menu #mobileMenu .title .logo span:nth-child(1){padding-left:3px;font-size:10px;opacity:0.5}.newsList{height:calc((84vw - 40px) / 3 + 53px + 5px)}.newsList ul li{width:calc((84vw - 40px) / 3)}.container{padding:0 8vw}#homeHead .homeInfo{transform:translate(-50%, -50%) scale(0.75)}.categoriesTags .label{padding:10px calc((90vw - 40px) / 5 / 4)}.pageBrand section[class^=part] .container{padding:90px 8vw}.pageBrand div[class^=brandImg] .imgLeft,.pageBrand div[class^=brandImg] .imgRight{display:none}.pageBrand section.part2 .brandImgCenter .img:nth-child(1){top:-48vw;left:-27vw}.pageBrand section.part2 .brandImgCenter .img:nth-child(2){bottom:-49vw}.pageBrand section.part2 .brandImgCenter .img:nth-child(3){right:-45vw;bottom:34vw}.pageBrand section.topic{background-size:auto 100%}.pageBrand section.topic i.fa-quote-left,.pageBrand section.topic i.fa-quote-right{transform:none}.pageBrand section.topic i.fa-quote-left{margin-bottom:5px}.pageBrand section.topic i.fa-quote-right{margin-top:5px}.pageBrand section.topic .author{transform:none}.pageMenu .menuItem .head{flex-direction:column;margin-bottom:8px;gap:7px}.pageMenu .menuItem .head .name span:first-child{margin-right:4px}.pageMenu section.menu .other ul.topping ol li,.pageMenu section.menu .other ul.capacity ol li,.pageMenu section.menu .other ul.iconMean ol li{width:calc(50% - 10px)}.pageIngredient .ingredients .img{top:-25px}.pageIngredient .ingredients .img .plate{width:100vw}.pageIngredient .ingredients .img [class*=fruit],.pageIngredient .ingredients .img [class*=milk]{width:89vw}.pageIngredient .ingredients .img [class*=tea]{width:100vw}.pageIngredient .ingredients .category{flex-direction:row;top:4px;left:12vw;align-items:flex-start;gap:4px;writing-mode:vertical-lr}.pageIngredient .ingredients .category .cn{width:fit-content;height:fit-content;justify-content:flex-start;padding:6px 5px 6px 0;line-height:24px;font-size:18px;border-radius:3px;border:none;color:#E3E1D8;background:#8E8371}.pageIngredient .ingredients .category .en{padding-top:7px;line-height:21px;font-size:12px;color:#8E8371;letter-spacing:12px}.pageIngredient .ingredients .item{width:calc(100% - 50vw);right:unset;left:22vw;writing-mode:horizontal-tb}.pageIngredient .ingredients .item .name{width:100%;line-height:56px;font-size:40px;border:none;border-bottom:2px solid #9B9387;color:#222;letter-spacing:3px}.pageIngredient .ingredients .item p{padding:8px 0;border:none;border-bottom:1px solid #8E8371}.pageIngredient .ingredients .item p:last-child{font-size:13px;border:none;color:#8E8371}section.recieveMessage{padding-top:163px}footer .detail{flex-direction:column;gap:6vw}.pageNews .newsList ul li{width:calc((84vw - 20px) / 2)}.pageNews .newsList ul li a{gap:4px}.pageNews .newsList ul li a .title h3{font-size:17px}.pageNews .newsList ul li a .title .date{margin-top:-2px;font-size:14px}}@media (max-width: 500px){#menu .logo{word-break:keep-all}#homeHead .homeInfo{transform:translate(-50%, -50%) scale(0.6)}.pagination{transform:scale(0.8);margin-top:0}.webPage{padding:45px 0 80px}#archives{padding-top:45px}.newsList{height:calc(70vw + 53px + 5px)}.newsList ul{justify-content:center}.newsList ul li{width:70vw}.newsList ul li a .title h3{font-size:20px}.pageBrand{padding:0}.pageBrand .desc p{font-size:16px}.pageBrand section[class^=part] .container{padding:40px 8vw;gap:40px}.pageBrand section.topic h2{font-size:20px}.pageBrand section.part2 .container{padding:0 8vw 40px}.pageBrand section.part2 .brandImgCenter .img{min-width:300px;min-height:300px}.pageBrand section.part2 .brandImgCenter .img:nth-child(1){top:-68vw;left:-39vw}.pageBrand section.part2 .brandImgCenter .img:nth-child(2){bottom:-58vw}.pageBrand section.part2 .brandImgCenter .img:nth-child(3){right:-49vw;bottom:24vw}.pageMenu section.menu .area:nth-child(4) .pic .img{background-position:18% 50%;background-size:94% 100%}.pageMenu section.menu .area:nth-child(4) .pic .shape::before,.pageMenu section.menu .area:nth-child(4) .pic .shape::after{height:100%;text-align:center;font-size:26px}.pageMenu section.menu .area:nth-child(4) .pic .shape::before{left:10vmin}.pageMenu section.menu .area:nth-child(4) .pic .shape::after{right:10vmin;left:unset}.pageMenu section.menu .other ul.topping ol li,.pageMenu section.menu .other ul.capacity ol li,.pageMenu section.menu .other ul.iconMean ol li{width:100%}.pageMenu section.menu .other ul.customized ol{gap:10px}.pageMenu section.menu .other ul.customized ol li{text-align:center}.pageMenu section.menu .other ul.customized ol li p{width:100%;font-size:14px}.pageIngredient{height:calc(170vw - 106px);max-height:calc(100vh - 106px);padding:45px 0 70px}.pageIngredient .ingredients{height:100%;margin-top:-20px}.pageIngredient .ingredients .category .cn{line-height:20px;font-size:14px}.pageIngredient .ingredients .category .en{font-size:10px;letter-spacing:6px}.pageIngredient .ingredients .item{width:calc(100% - 42vw);left:22vw}.pageIngredient .ingredients .item[data-length="2"],.pageIngredient .ingredients .item[data-length="3"],.pageIngredient .ingredients .item[data-length="4"]{height:fit-content}.pageIngredient .ingredients .item .name{line-height:30px;font-size:20px}.pageIngredient .ingredients .item p{padding:5px 0;font-size:12px}.pageIngredient .ingredients .item p:last-child{font-size:11px}.pageIngredient .ingredients .img .plate{bottom:40px}.pageIngredient .ingredients .img [class*=fruit],.pageIngredient .ingredients .img [class*=milk]{bottom:21px}.pageIngredient .ingredients .img [class*=tea]{bottom:40px}.pageStore{padding:45px 0 0}.pageStore section.title{margin-bottom:20px}.article .breadcrumb{margin-top:40px}.article .title{margin-bottom:25px}.article .title h1{font-size:24px}.article .content{line-height:1.5;font-size:16px}.article .content p{margin-bottom:20px}footer{padding:50px 0 0;font-size:14px}footer .menu .other{gap:9px}footer .menu .other a{padding:7px;font-size:34px}footer .menu .other a.fa-facebook{font-size:32px}footer .detail{padding:20px 0 38px}footer .detail .info>div.holidayHours{padding-left:25px}footer .detail .info>div i{width:25px;height:25px;margin-left:-6px;font-size:14px}footer .copyright{font-size:12px}.page404 .img{background-position:45% 50%;background-size:auto 100%}.pageNews .newsList ul{justify-content:flex-start}}@media (max-width: 400px){#menu #mobileMenu .title{padding:0 8vw 0 5vw}#menu #mobileMenu .title .logo span:nth-child(2){font-size:15px}#menu #mobileMenu .title .option a.panda,#menu #mobileMenu .title .option a.uberEat{padding:5px}#menu #mobileMenu .title .option a.panda img,#menu #mobileMenu .title .option a.uberEat img{width:30px;height:30px}#menu #mobileMenu .title .option .hamburger{padding:6px}#menu #mobileMenu .title .option .hamburger .hamburgerBox{width:30px}section.title .cn hr{max-width:40px}}.into-enter-active{transition:opacity 0.5s, transform 0.5s;opacity:1}.into-enter-from{transform:scale(1.1);opacity:0}@keyframes loop1{from{transform:rotate(30deg)}to{transform:rotate(390deg)}}@keyframes loop2{from{transform:rotate(60deg)}to{transform:rotate(420deg)}}@keyframes loop3{from{transform:rotate(90deg)}to{transform:rotate(450deg)}}@keyframes loop4{from{transform:rotate(120deg)}to{transform:rotate(480deg)}}@keyframes shadow{0%,100%{width:80px;height:20px}50%{width:50px;height:10px}}@keyframes loadingText{0%{transform:scale(1)}100%{transform:scale(0.75)}}@keyframes clipPath{0%{clip-path:inset(80% 0% 0% 50%)}100%{clip-path:inset(0% 0% 0% 0%)}}@keyframes moveUp{0%{transform:translate(-50%, -30%);opacity:0}100%{transform:translate(-50%, -50%);opacity:1}}@keyframes listMoveUp{0%{transform:translate(0%, 10%);opacity:0}100%{transform:translate(0%, 0%);opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes borderColorFade{0%{border-color:transparent}100%{border-color:#BC955C}}@keyframes fadeOutUp{0%{opacity:1}99.9%{transform:translate3d(0, -10%, 0);opacity:0}100%{display:none}}@keyframes bounceOutDown{20%{transform:translate3d(0, 5px, 0) scaleY(0.985)}40%,45%{transform:translate3d(0, -5px, 0) scaleY(0.9);opacity:1}99.9%{transform:translate3d(0, 70px, 0) scaleY(1.1);opacity:0}100%{display:none}}@keyframes imgFadeIn{0%{transform:translate3d(0, 10%, 0);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}
