.vui-icon{width:1em;height:1em;display:inline-block;color:inherit;font-style:normal;text-align:center;line-height:0;vertical-align:-.125em}.vui-icon svg{width:100%;height:100%;line-height:1;display:inline-block}.vui-spinner{position:relative;display:inline-block;width:20px;height:20px;-webkit-animation:loading_rotate 1s steps(12) infinite;animation:loading_rotate 1s steps(12) infinite}.vui-spinner i{position:absolute;top:0;left:50%;width:2px;height:5px;margin-left:-1px;background-color:#5c5c57;-webkit-transform-origin:center 10px;transform-origin:center 10px;border-radius:2px}.vui-spinner i:nth-child(0){opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.vui-spinner i:first-child{opacity:.08;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.vui-spinner i:nth-child(2){opacity:.16;-webkit-transform:rotate(60deg);transform:rotate(60deg)}.vui-spinner i:nth-child(3){opacity:.24;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.vui-spinner i:nth-child(4){opacity:.32;-webkit-transform:rotate(120deg);transform:rotate(120deg)}.vui-spinner i:nth-child(5){opacity:.4;-webkit-transform:rotate(150deg);transform:rotate(150deg)}.vui-spinner i:nth-child(6){opacity:.48;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vui-spinner i:nth-child(7){opacity:.56;-webkit-transform:rotate(210deg);transform:rotate(210deg)}.vui-spinner i:nth-child(8){opacity:.64;-webkit-transform:rotate(240deg);transform:rotate(240deg)}.vui-spinner i:nth-child(9){opacity:.72;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.vui-spinner i:nth-child(10){opacity:.8;-webkit-transform:rotate(300deg);transform:rotate(300deg)}.vui-spinner i:nth-child(11){opacity:.88;-webkit-transform:rotate(330deg);transform:rotate(330deg)}.vui-spinner[spinner-style=lg]{width:40px;height:40px}.vui-spinner[spinner-style=lg] i{width:4px;height:10px;margin-left:-2px;-webkit-transform-origin:center 20px;transform-origin:center 20px;border-radius:4px}@-webkit-keyframes loading_rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading_rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.banner-item[data-v-5c086628]{position:relative;margin-bottom:.533333333333333rem}.banner-item .banner-img[data-v-5c086628]{width:100%;background-color:#f2f2f2;background-repeat:no-repeat;background-size:cover;background-position:50%;height:224px}.banner-item .banner-cover[data-v-5c086628],.banner-item .mask[data-v-5c086628]{position:absolute;left:0;top:0;right:0;bottom:0}.banner-item .mask[data-v-5c086628]{background:rgba(0,0,0,.5)}.banner-item .banner-cover[data-v-5c086628]{padding:0 .533333333333333rem .8rem}.banner-item .title[data-v-5c086628]{font-size:.8rem;font-weight:600;color:#fff;margin-bottom:.266666666666667rem}.banner-item .desc[data-v-5c086628]{font-size:.4rem;font-weight:500;color:#cacaca}.recipe-item[data-v-5c086628]{padding:.266666666666667rem .533333333333333rem}.recipe-img[data-v-5c086628]{-webkit-box-flex:0;flex:none;width:4rem;height:3.2rem;border-radius:10px;background-color:#f2f2f2}.index-tag[data-v-5c086628]{position:absolute;left:0;top:.32rem;border-radius:0 .08rem .08rem 0;font-size:.373333333333333rem;padding:.08rem .133333333333333rem .106666666666667rem;font-weight:600}.detail[data-v-5c086628]{-webkit-box-flex:1;flex:1;padding-left:.4rem;overflow:hidden}.detail .title[data-v-5c086628]{font-size:.426666666666667rem;font-weight:600;color:#333;line-height:.533333333333333rem;margin-bottom:.213333333333333rem;max-height:1.066666666666667rem}.detail .info[data-v-5c086628]{font-size:.32rem;font-weight:500;color:#333;line-height:.4rem;margin-bottom:.48rem}.detail .info span[data-v-5c086628]{white-space:nowrap}.detail .author[data-v-5c086628]{width:100%}.detail .avatar[data-v-5c086628]{-webkit-box-flex:0;flex:none;width:.48rem;height:.48rem;margin-right:.08rem;background-size:100% 100%;border-radius:50%}.detail .name[data-v-5c086628]{color:#999;font-size:.293333333333333rem}.ranking[data-v-16f272d6]:after{content:"";display:block;height:constant(safe-area-inset-bottom);height:env(safe-area-inset-bottom)}.bottom-tips[data-v-16f272d6]{text-align:center;font-size:.32rem;color:#95958f;padding:50px 0 20px}.bottom-tips p[data-v-16f272d6]{font-size:.373333333333333rem;color:#333;padding-bottom:.266666666666667rem}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:initial}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:initial;border-spacing:0}caption,table,td,th{vertical-align:middle}caption,td,th{text-align:left;font-weight:400}a img{border:none}html{font-size:37.5px}@media screen and (min-width:320px){html{font-size:36px!important}}@media screen and (min-width:360px){html{font-size:36px!important}}@media screen and (min-width:375px){html{font-size:37.5px!important}}@media screen and (min-width:384px){html{font-size:38.4px!important}}@media screen and (min-width:411px){html{font-size:41.1px!important}}@media screen and (min-width:414px){html{font-size:41.400000000000006px!important}}*,:after,:before{box-sizing:border-box}body,html{-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased}a,img{-webkit-touch-callout:none}*{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-focus-ring-color:transparent}a{text-decoration:none}a,body{color:#383831}body{margin:0;background:transparent;font-family:PingFang SC,Helvetica Neue,Helvetica,Hiragino Sans GB,Arial,sans-serif;font-size:.32rem}p{line-height:1.428}.vui-app{margin:0 auto;max-width:768px;overflow:auto}.vui-lg-app{max-width:1200px}.vui-scroll,.vui-scroll-x,.vui-scroll-y{-webkit-overflow-scrolling:touch}.vui-scroll{overflow:scroll}.vui-scroll-x{overflow-x:scroll}.vui-scroll-y{overflow-y:scroll}:root{color-scheme:light dark}.disable-mouse-event{pointer-events:none}@media (prefers-color-scheme:dark){html{-webkit-filter:invert(100%) hue-rotate(180deg);filter:invert(100%) hue-rotate(180deg)}html body{background:unset;background-image:unset;background-color:unset}html .dark-reserve-soft,html [style*=background-image],html img{-webkit-filter:brightness(.8) invert(100%) hue-rotate(180deg);filter:brightness(.8) invert(100%) hue-rotate(180deg)}html .dark-reserve,html .dark-reserve-soft>*,html .dark-reserve>*,html .emoji-dark,html [style*=background-image]>*{-webkit-filter:invert(100%) hue-rotate(180deg);filter:invert(100%) hue-rotate(180deg)}.app-wrapper{overflow:auto;background-color:#fff}}html.dark-mode{-webkit-filter:invert(100%) hue-rotate(180deg);filter:invert(100%) hue-rotate(180deg)}html.dark-mode body{background:unset;background-image:unset;background-color:unset}html.dark-mode .dark-reserve-soft,html.dark-mode [style*=background-image],html.dark-mode img{-webkit-filter:brightness(.8) invert(100%) hue-rotate(180deg);filter:brightness(.8) invert(100%) hue-rotate(180deg)}html.dark-mode .dark-reserve,html.dark-mode .dark-reserve-soft>*,html.dark-mode .dark-reserve>*,html.dark-mode .emoji-dark,html.dark-mode [style*=background-image]>*{-webkit-filter:invert(100%) hue-rotate(180deg);filter:invert(100%) hue-rotate(180deg)}.vui-app{background-color:#fff}@media screen and (-webkit-min-device-pixel-ratio:2){.vui-border{border:0;position:relative}.vui-border:before{content:" ";width:200%;height:200%;position:absolute;top:0;left:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;box-sizing:border-box;pointer-events:none}}.vui-border[border-style~=radius]{border-radius:3px}.vui-border[border-style~=all]{border:1px solid #f2f2f2}.vui-border[border-style~=left]{border-left:1px solid #f2f2f2}.vui-border[border-style~=top]{border-top:1px solid #f2f2f2}.vui-border[border-style~=bottom]{border-bottom:1px solid #f2f2f2}.vui-border[border-style~=right]{border-right:1px solid #f2f2f2}.vui-border[border-style~=radius-top-left]{border-top-left-radius:3px}.vui-border[border-style~=radius-top-right]{border-top-right-radius:3px}.vui-border[border-style~=radius-bottom-left]{border-bottom-left-radius:3px}.vui-border[border-style~=radius-bottom-right]{border-bottom-right-radius:3px}@media screen and (-webkit-min-device-pixel-ratio:2){.vui-border[border-style~=all]{border:none}.vui-border[border-style~=all]:before{border:1px solid #f2f2f2}.vui-border[border-style~=radius]:before{border-radius:6px}.vui-border[border-style~=left]{border-left:0}.vui-border[border-style~=left]:before{border-left:1px solid #f2f2f2}.vui-border[border-style~=top]{border-top:0}.vui-border[border-style~=top]:before{border-top:1px solid #f2f2f2}.vui-border[border-style~=bottom]{border-bottom:0}.vui-border[border-style~=bottom]:before{border-bottom:1px solid #f2f2f2}.vui-border[border-style~=right]{border-right:0}.vui-border[border-style~=right]:before{border-right:1px solid #f2f2f2}.vui-border[border-style~=radius-top-left]:before{border-top-left-radius:6px}.vui-border[border-style~=radius-top-right]:before{border-top-right-radius:6px}.vui-border[border-style~=radius-bottom-left]:before{border-bottom-left-radius:6px}.vui-border[border-style~=radius-bottom-right]:before{border-bottom-right-radius:6px}}[layout]{text-align:left;display:-webkit-box!important;display:flex!important;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:stretch;align-items:stretch}[layout]>*{display:block}[layout=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}[layout=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}[flex]{min-width:0}[flex="1"],[flex]{-webkit-box-flex:1;flex:1}[flex="2"]{-webkit-box-flex:2;flex:2}[flex="3"]{-webkit-box-flex:3;flex:3}[flex="4"]{-webkit-box-flex:4;flex:4}[flex="5"]{-webkit-box-flex:5;flex:5}[layout-align^="start "]{-webkit-box-pack:start;justify-content:flex-start}[layout-align^="center "]{-webkit-box-pack:center;justify-content:center}[layout-align^="end "]{-webkit-box-pack:end;justify-content:flex-end}[layout-align^="space-between "]{-webkit-box-pack:justify;justify-content:space-between}[layout-align^="space-around "]{justify-content:space-around}[layout-align$=" start"]{-webkit-box-align:start;align-items:flex-start}[layout-align$=" center"]{-webkit-box-align:center;align-items:center}[layout-align$=" end"]{-webkit-box-align:end;align-items:flex-end}[layout-align$=" stretch"]{-webkit-box-align:stretch;align-items:stretch}.vui-grid{margin:0}.vui-grid *,.vui-grid :after,.vui-grid :before{box-sizing:border-box}.vui-grid:after{content:" ";display:table;clear:both}.vui-grid [class*=grid-]{display:inline-block;zoom:1;letter-spacing:normal;vertical-align:top;text-rendering:auto;float:left}.vui-grid .vui-grid-1-2{width:50%}.vui-grid .vui-grid-1-3{width:33.333333333333336%}.vui-grid .vui-grid-2-3{width:66.66666666666667%}.vui-grid .vui-grid-1-4{width:25%}.vui-grid .vui-grid-3-4{width:75%}.vui-grid .vui-grid-1-5{width:20%}.vui-grid .vui-grid-2-5{width:40%}.vui-grid .vui-grid-3-5{width:60%}.vui-grid .vui-grid-4-5{width:80%}@media only screen and (min-width:600px){.vui-grid[grid-style~=responsive]>.vui-grid-1-2{width:33.333333333333336%}}@media only screen and (min-width:840px){.vui-lg-app .vui-grid[grid-style~=responsive]>.vui-grid-1-2{width:20%}}.vui-cover{outline:none;display:block;position:relative;background-position:50%;background-repeat:no-repeat;background-size:cover}.vui-cover[cover-style~="35"]{width:.933333333333333rem;height:.933333333333333rem}.vui-cover[cover-style~="45"]{width:1.2rem;height:1.2rem}.vui-cover[cover-style~="60"]{width:1.6rem;height:1.6rem}.vui-cover[cover-style~="90"]{width:2.4rem;height:2.4rem}.vui-cover[cover-style~="100"]{width:2.666666666666667rem;height:2.666666666666667rem}.vui-cover[cover-style~=circle]{border-radius:50%}.vui-cover[cover-style~="10-3"]{padding-top:30%}.vui-cover[cover-style~="32-17"]{padding-top:53.125%}.vui-cover[cover-style~="32-19"]{padding-top:59.375%}.vui-cover[cover-style~="4-3"]{padding-top:75%}.vui-cover[cover-style~="1-1"],.vui-cover[cover-style~=square]{padding-top:100%}.vui-cover .vui-cover-cnt{position:absolute;left:0;top:0;width:100%;height:100%}.vui-h1,.vui-h2,.vui-h3{font-weight:700}.vui-h1{font-size:.666666666666667rem}.vui-h2{font-size:.506666666666667rem}.vui-h3,.vui-text-lg{font-size:.453333333333333rem}.vui-text{font-size:.373333333333333rem}.vui-text-sm{font-size:.32rem}.vui-text-xs{font-size:.266666666666667rem}.vui-h1[text-style=light],.vui-h2[text-style=light],.vui-h3[text-style=light],.vui-text-lg[text-style=light],.vui-text-sm[text-style=light],.vui-text-xs[text-style=light],.vui-text[text-style=light]{font-weight:lighter}.vui-h1[text-style=normal],.vui-h2[text-style=normal],.vui-h3[text-style=normal],.vui-text-lg[text-style=normal],.vui-text-sm[text-style=normal],.vui-text-xs[text-style=normal],.vui-text[text-style=normal]{font-weight:400}.vui-h1[text-style=bold],.vui-h2[text-style=bold],.vui-h3[text-style=bold],.vui-text-lg[text-style=bold],.vui-text-sm[text-style=bold],.vui-text-xs[text-style=bold],.vui-text[text-style=bold]{font-weight:700}.vui-mark,mark{color:#f96650;background:transparent}.vui-del,del{text-decoration:line-through}.vui-line1{white-space:nowrap;word-wrap:normal}.vui-line1,.vui-line2{overflow:hidden;text-overflow:ellipsis}.vui-line2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;-webkit-box-pack:center}.vui-divider{height:1px;margin:0;border:none;width:100%;background-color:#f2f2f2;-webkit-transform:translateZ(0) scaleY(.5);transform:translateZ(0) scaleY(.5);-webkit-transform-origin:center top;transform-origin:center top}.vui-content-loader .vui-ph-block,.vui-content-loader .vui-ph-text{background:var(--xdt-secondary-background,#f6f6f6);-webkit-animation:content-loader-blink 2s ease-in-out infinite;animation:content-loader-blink 2s ease-in-out infinite}.vui-content-loader .vui-ph-text{-webkit-background-clip:text;color:transparent!important;text-overflow:clip!important;-webkit-text-fill-color:transparent;font-family:Consolas,Monaco,monospace;letter-spacing:-1px;word-break:break-all}.vui-content-loader .vui-ph-text:empty:before{content:"▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇";display:inline;word-break:break-all}@-webkit-keyframes content-loader-blink{50%{opacity:.6}}@keyframes content-loader-blink{50%{opacity:.6}}