header{position:fixed;z-index:999;top:0;left:0;display:flex;align-items:center;justify-content:space-between;width:100%;min-width:var(--desktop-content);height:80px;padding:0 max(32px,calc((100% - var(--desktop-content)) / 2));border-bottom:1px solid #fff;background:rgba(255,255,255,.8);backdrop-filter:blur(5px)}header>a .logo{width:72px;height:22px}header>nav{display:flex;align-items:center;height:100%;color:var(--text-color);font-size:16px}header>nav .link{flex-shrink:0;cursor:pointer;font-family:base_font,food_data,sans-serif;font-weight:700;font-variation-settings:"wght" 700,"BEVL" 80}header>nav .food_data{margin-right:40px}header>nav .qrWrapper{position:relative;display:flex;align-items:center;height:100%;margin-left:48px}header .hoverCardContent{display:none}header .qrWrapper:hover>.hoverCardContent{position:absolute;top:77px;right:16px;display:block;width:495px;height:318px;border:1px solid #fff;border-radius:20px;background:rgba(255,255,255,.7);box-shadow:0 2px 48px rgba(49,105,71,.13);backdrop-filter:blur(11px);cursor:default}header .qrWrapper:hover>.hoverCardContent:after{position:absolute;top:-20px;right:45px;width:0;height:0;border-right:16px solid transparent;border-bottom:21px solid #fff;border-left:16px solid transparent;content:""}header .qrContainer{display:flex;flex-direction:column;padding:0 45px}header .qrContainer>.text{margin-top:20px;font-size:20px;font-weight:700;line-height:27px;text-align:center}header .qrcode{display:flex;justify-content:space-between;margin-top:20px}header .qrcode .card{display:flex;flex-direction:column;align-items:center;width:174px;height:216px;border-radius:16px;background:#fff}header .qrcode .card>.image{width:145px;height:145px;margin-top:14px;border:1px solid var(--foreground);border-radius:4px}header .qrcode .desc{display:flex;align-items:center;margin-top:12px;font-size:20px;font-weight:600;line-height:22px}header .qrcode .desc .icon{width:32px;height:32px;margin-right:8px}.quoteDesc{width:100%;padding:24px max(32px,calc((100% - var(--desktop-content)) / 2));background:var(--foreground);color:var(--sub-text-color);font-size:12px;font-weight:400;line-height:24px;text-align:center}footer{display:flex;justify-content:center;width:100%}footer .content{display:flex;align-items:center;flex-direction:column;width:min(calc(100% - 64px),var(--desktop-content));margin-top:55px}footer .top{display:flex;justify-content:space-between;width:100%}footer .socials{display:flex;gap:60px}footer .socialsBox{position:relative}footer .social{width:27px;height:27px;cursor:pointer}footer .links{display:flex;align-items:flex-end;flex-direction:column}footer .linkBoxs{display:flex}footer .linkBoxs .box{display:flex;align-items:center;justify-content:center;flex-direction:column;height:34px;padding:0 4px;border:1px solid #dfe0e5;border-radius:1px;color:var(--sub-text-color);cursor:pointer;font-size:10px;line-height:14px}footer .linkBoxs .box:not(:first-child){margin-left:12px}footer .slider{width:100%;height:1px;margin:18px 0 24px;background:#dfe0e5}footer .bottom{color:var(--sub-text-color);font-size:14px;font-weight:400;line-height:20px;text-align:center}footer .socialsBox:hover .qrCard{display:block}footer .qrCard{position:absolute;z-index:100;top:100%;left:50%;display:none;padding:10px;border-radius:8px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translate(-50%,10px)}footer .qrCard .linkPic{width:122px;height:122px}