.case-select-recommend-set{padding-top:calc(var(--section-pt-m, 0) * var(--content-ratio-m));padding-bottom:calc(var(--section-pb-m, 0) * var(--content-ratio-m))}@media(min-width:1151px){.case-select-recommend-set{padding-top:calc(var(--section-pt, 40) * var(--content-ratio));padding-bottom:calc(var(--section-pb, 52) * var(--content-ratio))}}.case-select-recommend-set__grid{display:grid;grid-template-columns:664fr 596fr;gap:calc(20 * var(--content-ratio));align-items:start;width:var(--page-content-width);max-width:100%;margin-inline:auto}.case-select-recommend-set__left{display:flex;flex-direction:column}.case-select-recommend-set__panel{display:flex;flex-direction:column;gap:calc(16 * var(--content-ratio));padding:calc(24 * var(--content-ratio));border-radius:calc(24 * var(--content-ratio));background:#f6f6f6}.case-select-recommend-set__panel-title{color:#000004;font-size:calc(20 * var(--content-ratio));font-weight:700;line-height:normal;letter-spacing:.02em}.case-select-recommend-set .model-select__inner-content{display:grid;grid-template-columns:1fr 1fr calc(60 * var(--content-ratio));width:100%;gap:calc(16 * var(--content-ratio));color:#000004;font-size:calc(14 * var(--content-ratio));font-weight:500;line-height:140%;letter-spacing:.02em}.case-select-recommend-set .model-select__inner-content-item-text-label{opacity:.5;font-weight:700}.case-select-recommend-set .model-select__inner-content-item-text-title,.case-select-recommend-set .model-select__inner-content-item-options-item-text{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.case-select-recommend-set .model-select__inner-content-item{position:relative;z-index:3;display:grid;grid-template-columns:calc(24 * var(--content-ratio)) 1fr calc(20 * var(--content-ratio));gap:calc(12 * var(--content-ratio));align-items:center;padding:calc(10 * var(--content-ratio)) calc(16 * var(--content-ratio));border-radius:8px;background:#fff;box-shadow:inset 0 -1px 0 1px #0000000d;cursor:pointer}.case-select-recommend-set .model-select__inner-content-item.item-option{grid-template-columns:calc(24 * var(--content-ratio)) 1fr calc(20 * var(--content-ratio))}.case-select-recommend-set .model-select__inner-content-item-image-img{width:calc(24 * var(--content-ratio));height:calc(24 * var(--content-ratio))}.case-select-recommend-set .model-select__inner-content-item-image-img img{width:100%;height:100%;object-fit:contain}.case-select-recommend-set .model-select__inner-content-item-button{display:flex;width:calc(60 * var(--content-ratio));height:calc(60 * var(--content-ratio));justify-content:center;align-items:center;border-radius:40px;background:#ff5b00;color:#fff;cursor:pointer;transition:opacity .3s}.case-select-recommend-set .model-select__inner-content-item-button:hover{opacity:.8}.case-select-recommend-set .model-select__inner-content-item-button svg{width:calc(20 * var(--content-ratio));height:calc(20 * var(--content-ratio))}.case-select-recommend-set .model-select__inner-content-item-icon{display:flex;align-items:center;justify-content:center}.case-select-recommend-set .model-select__inner-content-item-icon svg{width:calc(20 * var(--content-ratio));height:calc(20 * var(--content-ratio))}.case-select-recommend-set .model-select__inner-content-item-options{position:absolute;top:calc(100% - 4px);left:0;z-index:4;width:100%;max-height:calc(290 * var(--content-ratio));padding:calc(10 * var(--content-ratio)) calc(12 * var(--content-ratio));overflow-y:auto;scrollbar-width:thin;background:#fff;box-shadow:inset 0 -1px 0 1px #0000000d;border-radius:0 0 8px 8px;clip-path:inset(0 0 100% 0);transition:all .2s}.case-select-recommend-set .model-select__inner-content-item-options.active{clip-path:inset(0 0 0 0)}.case-select-recommend-set .model-select__inner-content-item-options-item{display:grid;grid-template-columns:1fr;gap:calc(12 * var(--content-ratio));padding:calc(10 * var(--content-ratio)) calc(4 * var(--content-ratio));border-radius:8px;color:#00000499;cursor:pointer;transition:all .3s}.case-select-recommend-set .option-title .model-select__inner-content-item-options-item{grid-template-columns:calc(24 * var(--content-ratio)) 1fr}.case-select-recommend-set .model-select__inner-content-item-options-item-image img{width:calc(24 * var(--content-ratio));height:calc(24 * var(--content-ratio));object-fit:contain}.case-select-recommend-set .model-select__inner-content-item-options-item.active{background:#f5f5f5;color:#000004}.case-select-recommend-set__tags{display:grid;grid-template-columns:repeat(4,max-content);justify-content:start;align-items:center;gap:calc(16 * var(--content-ratio));padding:calc(16 * var(--content-ratio)) 0 0}.case-select-recommend-set__tag{display:inline-grid;grid-template-columns:auto calc(16 * var(--content-ratio));gap:calc(4 * var(--content-ratio));align-items:center;height:calc(28 * var(--content-ratio));padding:0 calc(8 * var(--content-ratio)) 0 calc(12 * var(--content-ratio));font-size:calc(14 * var(--content-ratio));background:#f6f6f6;color:#000004;border-radius:50px;text-decoration:none;transition:color .3s}.case-select-recommend-set__tag svg{width:calc(16 * var(--content-ratio));height:calc(16 * var(--content-ratio));transition:transform .3s}.case-select-recommend-set__tag:hover{color:#ff5b00}.case-select-recommend-set__tag:hover svg{transform:rotate(45deg)}.case-select-recommend-set__right{position:relative;display:grid;grid-template-columns:1fr calc(48 * var(--content-ratio));gap:calc(16 * var(--content-ratio));padding:calc(24 * var(--content-ratio));border-radius:calc(24 * var(--content-ratio));background:#f6f6f6}.recommend-set__group.is-hidden{display:none}.recommend-set__title{color:#000004;font-size:calc(20 * var(--content-ratio));font-weight:700;letter-spacing:.02em;margin-bottom:calc(16 * var(--content-ratio))}.recommend-set__cards{display:grid;grid-template-columns:repeat(3,calc(150 * var(--content-ratio)));gap:calc(8 * var(--content-ratio))}.recommend-set__card{display:flex;flex-direction:column;gap:calc(8 * var(--content-ratio));text-decoration:none;transition:transform .3s}.recommend-set__card:hover{transform:translateY(-4px)}.recommend-set__card-image{display:flex;align-items:center;justify-content:center;width:calc(150 * var(--content-ratio));height:calc(150 * var(--content-ratio));padding:calc(12 * var(--content-ratio));border-radius:calc(16 * var(--content-ratio));background:#fff}.recommend-set__card-img{width:100%;height:100%;object-fit:contain}.recommend-set__card-title{color:#000004;font-size:calc(14 * var(--content-ratio));font-weight:600;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommend-set__actions{display:flex;flex-direction:column;justify-content:center;gap:calc(16 * var(--content-ratio))}.recommend-set__btn{display:flex;align-items:center;justify-content:center;width:calc(48 * var(--content-ratio));height:calc(48 * var(--content-ratio));padding:0;border:none;border-radius:40px;background:#ff5b00;color:#fff;cursor:pointer;transition:opacity .3s}.recommend-set__btn svg{width:calc(24 * var(--content-ratio));height:calc(24 * var(--content-ratio))}.recommend-set__btn:hover{opacity:.85}.recommend-set__btn[disabled]{opacity:.4;cursor:not-allowed}.recommend-set__btn--refresh svg{transition:transform .5s}.recommend-set__btn--refresh.is-spin svg{transform:rotate(360deg)}.recommend-set__empty{color:#00000480;font-size:calc(14 * var(--content-ratio))}.model-select__popup{display:none}@media(max-width:1150px){.case-select-recommend-set__grid{grid-template-columns:100%;gap:0;width:100%}.case-select-recommend-set__panel,.case-select-recommend-set__right{border-radius:0;padding:calc(24 * var(--content-ratio-m)) calc(16 * var(--content-ratio-m))}.case-select-recommend-set__panel-title,.recommend-set__title{font-size:18px}.case-select-recommend-set .model-select__inner-content{font-size:14px;gap:calc(9 * var(--content-ratio-m))}.case-select-recommend-set__tags{grid-template-columns:repeat(4,max-content);gap:12px;padding:0 calc(16 * var(--content-ratio-m)) calc(38 * var(--content-ratio-m));background:#f6f6f6}.case-select-recommend-set__tag{grid-template-columns:auto 16px;gap:4px;height:32px;padding:0 8px 0 12px;font-size:14px;background:#f6f6f6;border:1px solid rgba(0,0,0,.1);color:#00000499}.case-select-recommend-set__tag svg{width:16px;height:16px}.case-select-recommend-set__right{grid-template-columns:1fr 32px;gap:calc(12 * var(--content-ratio-m));border-top:1px solid rgba(0,0,4,.09)}.recommend-set__title{margin-bottom:16px}.recommend-set__cards{grid-template-columns:repeat(3,94px);gap:calc(8 * var(--content-ratio-m))}.recommend-set__card,.recommend-set__card-image{width:94px;height:auto;gap:4px}.recommend-set__card-image{height:94px;padding:8px;border-radius:8px}.recommend-set__card-title{font-size:12px}.recommend-set__actions{gap:12px}.recommend-set__btn{width:32px;height:32px}.recommend-set__btn svg{width:20px;height:20px}.recommend-set__empty{font-size:14px}}@media(max-width:550px){.case-select-recommend-set .model-select__inner-content{grid-template-columns:1fr 1fr;gap:9px}.case-select-recommend-set .model-select__inner-content-item{gap:12px;height:46px;padding:10px 12px}.case-select-recommend-set .model-select__inner-content-item.item-type{grid-template-columns:24px 1fr 20px}.case-select-recommend-set .model-select__inner-content-item.item-option{grid-template-columns:1fr 20px}.case-select-recommend-set .model-select__inner-content-item.item-option .model-select__inner-content-item-image-img{display:none}.case-select-recommend-set .model-select__inner-content-item-image-img{width:24px;height:24px}.case-select-recommend-set .model-select__inner-content-item-icon svg{width:20px;height:20px}.case-select-recommend-set .model-select__inner-content-item.item-type .model-select__inner-content-item-text-title{font-weight:600}.case-select-recommend-set .model-select__inner-content-item-button{display:none}.case-select-recommend-set__tag:nth-child(n+3){display:none}}.model-select__popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;width:100vw;height:100vh;max-height:100vh;background:#0009}.model-select__popup .model-select__popup-info{position:absolute;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr;gap:30px;width:100%;height:70svh;max-height:70vh;border-radius:20px 20px 0 0;background:#fff;padding:16px 20px}.model-select__popup .model-select__popup-ber{display:block;width:80px;height:4px;margin-inline:auto;border-radius:2px;opacity:.4;background:#00000466}.model-select__popup .model-select__popup-title{margin-block:28px 16px;color:#000004;text-align:center;font-size:20px;font-weight:700;letter-spacing:.2px}.model-select__popup .yg-tabs-title-container[data-style=layout-2]{gap:12px;--scroll-item-flex: none}.model-select__popup .yg-tabs-title-container[data-style=layout-2]>.tab-title{min-width:max-content;height:36px;padding:4px 16px;border-radius:25px;border:1px solid rgba(0,0,4,.2)}.model-select__popup .yg-scroll-container{--scroll-active-background: transparent}.model-select__popup .yg-scroll-container .yg-tabs-title-container>.tab-title.is-active{--scroll-active-title-color: #fff;border-color:transparent;background:#ff5b00}.model-select__popup .yg-scroll-container .yg-tabs-title-container[data-style=layout-2]:before,.model-select__popup .yg-scroll-container .yg-tabs-title-container[data-style=layout-2]:after{display:none}.model-select__popup .model-select__inner-content-item-options{display:flex;flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:thin}.model-select__popup .model-select__inner-content-item-options-item{display:flex;align-items:center;height:48px;padding:14px 16px;border-radius:8px;color:#00000499;text-decoration:none;cursor:pointer}.model-select__popup .model-select__inner-content-item-options-item.active{background:#f5f5f5;color:#1a1a1a}.model-select__popup .yg-tabs-content-container,.model-select__popup .yg-tabs-content-container>.tab-content{overflow:hidden}.model-select__loading{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.model-select__loading.show{opacity:1;visibility:visible}.model-select__loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:case-select-recommend-set-spin .8s linear infinite}@keyframes case-select-recommend-set-spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/section-case-select-recommend-set.css.map */