/* components/static/coupon-record/coupon-record.wxss */
.list-container {
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 24rpx;
    background: rgba(0,0,0,0);
    .default {
        background: linear-gradient(135deg, rgb(255, 107, 107) 0%, rgb(255, 142, 83) 100%);
        padding: 32rpx;
        border-radius: 24rpx;
        color: #fff;
        display: flex;
        flex-direction: column;
        gap: 20rpx;
        min-height: 240rpx;

        .default-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8rpx;

            .amount {
                font-size: 48rpx;
                font-weight: 700;
                line-height: 1;
            }

            .min-price {
                font-size: 24rpx;
                opacity: 0.9;
            }

            .name {
                font-size: 28rpx;
                font-weight: 600;
                line-height: 1.3;
                height: 76rpx;
                overflow: hidden;
            }

            .desc {
                font-size: 24rpx;
                opacity: 0.85;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
        }

        .default-bottom {
            display: flex;
            justify-content: space-between;
        }

        .id {
            opacity: 0;
            user-select: none;
        }
    }

    .large {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        gap: 32rpx;
        color: #fff;
        // height: 160rpx;
        background: linear-gradient(135deg, rgb(255, 107, 107) 0%, rgb(255, 142, 83) 100%);
        padding: 32rpx;
        border-radius: 24rpx;

        .large-left {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap:8rpx;
            .amount {
                font-size: 48rpx;
                font-weight: 700;
                line-height: 1;
            }
    
            .min-price {
                font-size: 24rpx;
                opacity: 0.9;
            }
        }
    
        .large-center {
            width: 1px;
            background: white;
            margin: 0rpx;
        }
    
        .large-right {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;
            gap: 8rpx;
            width: 100%;
    
            .large-title {
                display: flex;
                align-items: center;
    
                .name {
                    font-weight: bold;
                    font-size: 30rpx;
                    flex: 1;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            }
    
            .desc {
                font-size: 24rpx;
                opacity: 0.85;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
    
            .large-bottom {
                display: flex;
                align-items: center;
                justify-content: space-between;
    
                .id {
                    opacity: 0;
                    user-select: none;
                }
    
                .large-button {
                    margin-top:8rpx;
                }
    
            }
        }
    }

    .button {
        background: rgba(255, 255, 255, 0.9);
        border: none;
        color: #333;
        font-weight: 600;
        box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
        min-width: 140rpx;
        height: 48rpx;
        border-radius: 24rpx;
        line-height: 48rpx;
        font-size: 28rpx;
        margin: 0;
        color:#FA6905;
    }

}