.shop-group-price-summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-top:12px;padding-top:11px;border-top:1px solid var(--main-border-color,#ebeef5);min-width:0}
.shop-group-price-label{font-size:13px;color:var(--muted-2-color,#909399)}
.shop-group-price-summary strong{font-size:23px;line-height:1.2;color:#f34b46;font-weight:700;white-space:nowrap}
.shop-group-price-unavailable{font-size:13px;color:var(--muted-2-color,#909399)}
.shop-group-single-price{font-size:12px;color:var(--muted-2-color,#909399)}
.shop-group-target{font-size:12px;color:#409eff}
.shop-paybtn-group .shop-group-buy-btn{min-width:114px;white-space:nowrap}
.shop-paybtn-group .shop-group-buy-btn:disabled{opacity:.55;cursor:not-allowed}

.shop-group-buy-entry{display:block;margin-top:12px;border:0;padding:0;min-height:0;background:transparent}
.shop-group-success-box{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--main-border-color,#ebeef5);border-radius:8px;background:var(--main-bg-color,#fff)}
.shop-group-success-content{min-width:0;flex:1}
.shop-group-success-title{margin-bottom:10px;font-size:12px;color:var(--muted-2-color,#909399)}
.shop-group-buy-feed-viewport{height:30px;overflow:hidden;color:var(--muted-2-color,#909399);font-size:12px}
.shop-group-buy-feed-track{transition:transform .5s ease;transform:translateY(0)}
.shop-group-success-item{display:flex;align-items:center;gap:8px;height:30px;min-width:0;white-space:nowrap}
.shop-group-success-avatar{display:block;width:20px;height:20px;flex:none;overflow:hidden;border-radius:50%;background:#f5f7fa}
.shop-group-success-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.shop-group-success-name{overflow:hidden;text-overflow:ellipsis;max-width:34%;color:var(--main-color,#303133);font-size:13px}
.shop-group-success-state{flex:none;color:#52c41a;font-size:12px}
.shop-group-success-item time{flex:none;color:var(--muted-2-color,#909399);font-size:12px}
.shop-group-buy-list-btn{align-self:center;flex:none;padding:7px 10px;border:1px solid var(--main-border-color,#dcdfe6);border-radius:4px;background:var(--main-bg-color,#fff);color:#409eff;font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer}
.shop-group-buy-list-btn:hover{border-color:#409eff;background:#f5faff}
.shop-group-buy-list-btn b{margin-left:3px}
.shop-group-buy-list-btn i{margin-left:6px}
.shop-group-buy-entry-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 4px 0}
.shop-group-buy-hint{font-size:12px;color:var(--muted-2-color,#909399)}

.knn-shop-group-dialog{max-width:calc(100vw - 32px);border-radius:6px;background:var(--knn-bg-color-card,#fff);color:var(--knn-text-color,#333);--el-bg-color:var(--knn-bg-color-card,#fff);--el-fill-color-blank:var(--knn-bg-color-card,#fff);--el-fill-color-light:var(--knn-bg-color,#f3f3f3);--el-text-color-primary:var(--knn-text-color,#333);--el-text-color-regular:var(--knn-text-color,#333);--el-text-color-secondary:var(--knn-text-color-grey,#999);--el-border-color:var(--knn-border-color,#e5ebeb);--el-border-color-light:var(--knn-border-color,#e5ebeb);--el-dialog-bg-color:var(--knn-bg-color-card,#fff);--el-skeleton-color:var(--knn-bg-color-grey,#f1f1f1);--el-skeleton-to-color:var(--knn-bg-color,#f3f3f3)}
.knn-shop-group-dialog .el-dialog__header{padding:20px 24px 14px;margin:0;border-bottom:1px solid var(--knn-border-color,#e5ebeb)}
.knn-shop-group-dialog .el-dialog__title{font-size:18px;font-weight:600;color:var(--knn-text-color,#333)}
.knn-shop-group-dialog .el-dialog__body{padding:0 24px 8px}
.knn-shop-group-dialog .el-dialog__footer{padding:14px 24px;border-top:1px solid var(--knn-border-color,#e5ebeb)}
.knn-shop-group-dialog-intro{padding-top:12px;color:var(--knn-text-color-grey,#999);font-size:13px}
.knn-shop-group-pagination{display:flex;justify-content:center;padding:12px 0 4px}
.knn-shop-group-loading{display:flex;align-items:center;justify-content:center;gap:9px;min-height:112px;color:var(--knn-text-color-grey,#999);font-size:13px}
.knn-shop-group-spinner{width:16px;height:16px;flex:none;border:2px solid var(--knn-border-color,#e5ebeb);border-top-color:#409eff;border-radius:50%;animation:knn-shop-group-spin .8s linear infinite}
@keyframes knn-shop-group-spin{to{transform:rotate(360deg)}}
.knn-shop-group-scroll .el-empty{min-height:180px}
.knn-shop-group-scroll .el-alert{margin:20px 0}
.knn-shop-group-item{padding:16px 0;border-bottom:1px solid var(--knn-border-color,#e5ebeb)}
.knn-shop-group-item:last-child{border-bottom:0}
.knn-shop-group-product{display:flex;align-items:center;gap:12px;min-width:0}
.knn-shop-group-product img{width:48px;height:48px;flex:none;border:1px solid var(--knn-border-color,#e5ebeb);border-radius:4px;object-fit:cover}
.knn-shop-group-product>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.knn-shop-group-product strong,.knn-shop-group-product span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.knn-shop-group-product strong{font-size:14px;color:var(--knn-text-color,#333)}
.knn-shop-group-product span{font-size:12px;color:var(--knn-text-color-grey,#999)}
.knn-shop-group-item-meta{display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) 110px auto;align-items:center;gap:12px;margin:10px 0 0 60px}
.knn-shop-group-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 8px}
.knn-shop-group-price strong{color:#f34b46;font-size:18px}
.knn-shop-group-price del{color:var(--knn-text-color-grey,#999);font-size:12px}
.knn-shop-group-avatars{display:flex;align-items:center;min-width:0;white-space:nowrap;color:var(--knn-text-color,#333);font-size:12px}
.knn-shop-group-avatars .el-avatar{position:relative;flex:none;margin-left:-5px;border:2px solid var(--knn-bg-color-card,#fff);background:var(--knn-bg-color-grey,#f1f1f1);color:var(--knn-text-color,#333);font-size:12px}
.knn-shop-group-avatars .el-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.knn-shop-group-avatars .el-avatar:first-child{margin-left:0}
.knn-shop-group-leader{flex:none;margin-left:7px;padding:1px 5px;border-radius:3px;background:#fff6e6;color:#b56b14;font-size:11px;line-height:18px}
body.dark-mode .knn-shop-group-leader{background:#45351e;color:#f2bf75}
@media(prefers-color-scheme:dark){body.dark-mode-auto .knn-shop-group-leader{background:#45351e;color:#f2bf75}}
.knn-shop-group-missing{margin-left:8px}
.knn-shop-group-avatars b{color:#f34b46}
.knn-shop-group-time{white-space:nowrap;font-size:12px;color:var(--knn-text-color-grey,#999);font-variant-numeric:tabular-nums}
.knn-shop-group-actions{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap}
body.dark-mode .knn-shop-group-dialog .knn-shop-group-actions .el-button--primary.is-disabled,
body.dark-mode .knn-shop-group-dialog .knn-shop-group-actions .el-button--primary.is-disabled:hover{--el-button-disabled-text-color:#d8e4f3;--el-button-disabled-bg-color:#3b4654;--el-button-disabled-border-color:#64748b;opacity:1}
@media(prefers-color-scheme:dark){
    body.dark-mode-auto .knn-shop-group-dialog .knn-shop-group-actions .el-button--primary.is-disabled,
    body.dark-mode-auto .knn-shop-group-dialog .knn-shop-group-actions .el-button--primary.is-disabled:hover{--el-button-disabled-text-color:#d8e4f3;--el-button-disabled-bg-color:#3b4654;--el-button-disabled-border-color:#64748b;opacity:1}
}

@media(max-width:768px){
    .shop-group-price-summary{gap:3px 8px;margin-top:10px;padding-top:9px}
    .shop-group-price-summary strong{font-size:21px}
    .shop-group-buy-entry{margin:10px 0}
    .shop-group-buy-hint{font-size:11px}
    .shop-group-buy-list-btn{font-size:12px}
    .shop-single-tabbar .shop-paybtn-group{grid-template-columns:repeat(3,minmax(0,1fr))}
    .shop-single-tabbar .shop-paybtn-group .but{padding-left:7px;padding-right:7px;font-size:12px}
    .knn-shop-group-dialog{width:calc(100vw - 16px)!important;max-width:none;margin:6vh auto!important}
    .knn-shop-group-dialog .el-dialog__header{padding:16px 16px 12px}
    .knn-shop-group-dialog .el-dialog__body{padding:0 16px 6px}
    .knn-shop-group-dialog .el-dialog__footer{padding:12px 16px}
    .knn-shop-group-item-meta{grid-template-columns:minmax(0,1fr) auto;margin-left:0;gap:8px}
    .knn-shop-group-price{grid-column:1}
    .knn-shop-group-avatars{grid-column:1;grid-row:2}
    .knn-shop-group-time{grid-column:1;grid-row:3}
    .knn-shop-group-actions{grid-column:2;grid-row:1/4}
}
@media(prefers-reduced-motion:reduce){.shop-group-buy-feed-track{transition:none}}