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