.editor-choose-recommendation{--space:100px;--img-h:360px;--box-w:calc(100vw - 160px);--title:32px;--box-top:40px;--info-padding:48px;--gap:80px;--name:22px;--text:16px;--text-top:8px;--btn-padding:8px 18px;--btn:14px;--btn-gap:12px;--btns-top:24px;--r:8px;--theme:white;--color:black;--text-color:#83868a;white-space:pre-line;width:100%;padding-top:var(--space);background-color:var(--theme);line-height:1.3}.editor-choose-recommendation .choose-recommendation-info{width:var(--box-w);margin:0 auto}.editor-choose-recommendation .choose-recommendation-info-title{font-family:var(--ff-woff2-B);font-size:var(--title);color:var(--color);-webkit-line-clamp:2;text-overflow:ellipsis;will-change:opacity,transform;opacity:0;-webkit-box-orient:vertical;transition:all .8s ease-in-out;display:-webkit-box;overflow:hidden;transform:translateY(60px)}.editor-choose-recommendation .choose-recommendation-info-title.enter{opacity:1;transform:translateY(0)}.editor-choose-recommendation .choose-recommendation-box{margin:var(--box-top)auto 0;width:var(--box-w);height:var(--img-h);will-change:opacity,transform;opacity:0;border-radius:var(--r);transition:all .8s ease-in-out;position:relative;overflow:hidden;transform:translateY(60px)}.editor-choose-recommendation .choose-recommendation-box.enter{opacity:1;transform:translateY(0)}.editor-choose-recommendation .choose-recommendation-box-img{width:100%;height:100%}.editor-choose-recommendation .choose-recommendation-box-content{padding:var(--info-padding);width:45%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.editor-choose-recommendation .choose-recommendation-box-content-info{width:100%}.editor-choose-recommendation .choose-recommendation-box-content-name{font-family:var(--ff-woff2-B);font-size:var(--name);color:var(--color)}.editor-choose-recommendation .choose-recommendation-box-content-text{margin-top:var(--text-top);font-family:var(--ff-woff2-M);font-size:var(--text);color:var(--text-color)}.editor-choose-recommendation .choose-recommendation-box-content-btns{margin-top:var(--btns-top);gap:var(--btn-gap);display:flex}.editor-choose-recommendation .choose-recommendation-box-content-btns-btn{padding:var(--btn-padding);cursor:pointer;font-family:var(--ff-woff2-B);font-size:var(--btn);color:var(--color);border:1px solid var(--color);border-radius:48px}.editor-choose-recommendation .choose-recommendation-box-content-btns-btn:hover,.editor-choose-recommendation .choose-recommendation-box-content-btns-btn:active{opacity:.8}.editor-choose-recommendation .choose-recommendation-box-content-btns-btn:first-child{border-color:var(--color);background-color:var(--color);color:var(--theme)}@media only screen and not (max-width:1440px){.editor-choose-recommendation{--space:200px;--img-h:600px;--box-w:1440px;--title:48px;--info-padding:40px;--gap:120px;--name:28px;--btns-top:40px}}@media not (min-width:1024px){.editor-choose-recommendation{--space:80px;--img-h:280px;--box-w:calc(100vw - 96px);--title:24px;--btn-padding:8px 18px;--btn:14px;--name:20px;--text:14px;--r:4px;-webkit-tap-highlight-color:#0000}}.editor-choose-recommendation{--navbg:#03060b}@media not (min-width:768px){.editor-choose-recommendation{--img-h:500px;--box-w:calc(100vw - 48px);--info-padding:24px;--gap:40px;--text-top:8px;--btn-padding:8px 18px;--btn:14px;--btn-gap:12px;--btns-top:24px;--r:8px}.editor-choose-recommendation .choose-recommendation-box-content{text-align:center;width:100%;top:auto;bottom:0;left:50%;transform:translate(-50%)}.editor-choose-recommendation .choose-recommendation-box-content-btns{flex-direction:column;align-items:center}.editor-choose-recommendation .choose-recommendation-box-content-btns-btn{width:205px;max-width:100%}}.editor-choose-recommendation.theme-black{--theme:black;--color:white}