﻿@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Noto+Sans+TC:wght@100;300;400;700;900&display=swap";@font-face{font-family:"Noto Sans TC","PingFang TC","微軟正黑體";src:local("Noto Sans TC");unicode-range:U+4E00-9FFF}@font-face{font-family:"Lato";src:local("Lato");unicode-range:U+00-024F}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font-family:"Noto Sans TC","Lato","Arial",serif,sans-serif,"微軟正黑體";vertical-align:baseline;outline:none;box-sizing:border-box;box-shadow:unset;text-decoration:none}h1,h2,h3,h4,h5{margin:0}html,body{margin:0;width:100%;min-height:100vh}html{height:100vh;overflow:hidden;overflow-y:auto}#app{width:600px;max-width:100%;margin:auto}#app[v-cloak]{display:none}.header{display:flex;align-items:center;gap:30px;background:#fac32d}.header .logo{width:100px;height:100px;display:block;background:#fff}.header .logo img{display:block;width:inherit;height:inherit;object-fit:cover}.header .info{color:#050505;font-size:18px;line-height:1;letter-spacing:1px}.header .info small{font-size:12px}.van-notice-bar{background:rgb(251.9,217.8,124.8)}.van-tabs .van-tabs__wrap{box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}.van-tabs .van-tabs__content .van-tab__panel{padding:10px 20px}.bobbleCarts{position:fixed;bottom:42px;width:210px;max-width:90%;left:50%;transform:translateX(-50%) scale(1.1);display:flex;align-items:center;justify-content:center;gap:10px;background:#fac32d;font-weight:500;font-size:15px;padding:9px 15px;border-radius:20px;z-index:1;outline:none;color:#050505}.listGrid{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}.listGrid .items{box-shadow:2px 2px 1px rgba(0,0,0,.05);padding:10px;border-radius:10px}.listGrid .items .photo{max-width:100%}.listGrid .items .detail{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px;align-items:center}.listGrid .items .detail .title{grid-column:span 3;font-size:16px;letter-spacing:1px;font-weight:500;line-height:25px;height:50px;overflow:hidden}.listGrid .items .detail .price{grid-column:span 2;font-size:14px}.listGrid .items .detail .addCartBtn{grid-column:span 1;text-align:right}.listGrid .items .detail .addCartBtn button{width:32px;max-width:32px;background:#fac32d;border:none}.listGrid.rowGrid{display:flex;flex-direction:column}.listGrid.rowGrid .items{display:grid;grid-template-columns:1fr 120px;position:relative;gap:15px}.listGrid.rowGrid .items .photo{order:2}.listGrid.rowGrid .items .detail{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.listGrid.rowGrid .items .detail .title{height:auto;max-height:50px;width:100%}.listGrid.rowGrid .items .detail .addCartBtn{position:absolute;right:0;bottom:0}.menuDetail{background:none}.menuDetail .van-action-sheet__content{width:600px;max-width:98%;transform:translate(-50%);margin-left:50%;padding:20px 25px;background:#fff;border-top-left-radius:15px;border-top-right-radius:15px}.menuDetail .content{display:grid;grid-template-columns:repeat(1, 1fr);gap:15px}.menuDetail .content .group{display:flex;flex-direction:column;gap:15px}.menuDetail .content .group .title{font-weight:500;letter-spacing:1px;font-size:18px}.menuDetail .content .items{display:flex;gap:15px;align-items:center;border:solid 1px rgba(0,0,0,.1);border-radius:10px;padding:20px 25px;cursor:pointer}.menuDetail .content .items.active{background:#fac32d;border-color:#fac32d}.menuDetail .content .foot{display:flex;justify-content:space-between;align-items:center;gap:15px}.menuDetail .content .foot button{width:50%;background:#fac32d;border-color:rgba(0,0,0,0)}.menuDetail .content .foot button.cancelBtn{background:none;border:solid 1px rgba(0,0,0,.2)}.menuDetail .content.listContent .imgBox{margin-bottom:10px}.menuDetail .content.listContent .imgBox img{width:100%;max-width:100%;object-fit:cover;height:250px}.cardGroup{display:grid;gap:20px;width:95%;margin:auto;margin-top:20px}.cardGroup .group{border-radius:10px;box-shadow:0 1px 1px rgba(0,0,0,.1);padding:20px 25px;display:grid;gap:20px;letter-spacing:1px;line-height:1.2}.cardGroup .group .title{position:relative;display:flex;align-items:center;font-size:16px;gap:10px}.cardGroup .group .title:before{content:"";background:#fac32d;height:100%;width:5px;border-radius:5px}.cardGroup .group .van-form .van-cell-group{margin:0}.cardGroup .group .van-form .van-cell{padding-left:0;padding-right:0}.cardGroup .group .itemBox{display:flex;flex-direction:column;gap:10px}.cardGroup .group .itemBox .itemsGrid{display:grid;grid-template-columns:repeat(5, 1fr);align-items:center}.cardGroup .group .itemBox .itemsGrid .leftSide{grid-column:span 3}.cardGroup .group .itemBox .itemsGrid .van-stepper{text-align:right}.cardGroup .group .itemBox .itemsGrid .van-stepper{grid-column:span 2}.noneBackground{display:none;position:fixed;width:100vw;height:100%;left:0;top:0;background:#fac32d;display:flex;justify-content:center;align-items:center;z-index:999;font-size:1.5rem;letter-spacing:1px;font-weight:600}.resultPage{display:grid;grid-template-rows:repeat(2, 1fr);align-items:center;justify-content:center;text-align:center;padding:30px 0;gap:0px}.resultPage .van-icon{font-size:30px;color:#fac32d}.resultPage .detail{display:grid;grid-template-rows:repeat(2, 1fr);align-items:center;gap:15px;font-size:18px}