/* 图标容器必须相对定位 */

.my-custom-cart-icon {

    position: relative;

    display: inline-block;  /* 避免块级影响绝对定位 */

    cursor: pointer;

}



/* 角标样式 */

.my-custom-cart-icon .my-cart-count {

    position: absolute;

    top: 0;

    right: 0;

    transform: translate(50%, -50%); /* 精准贴在右上角 */

    min-width: 18px;

    height: 18px;

    line-height: 18px;         /* 垂直居中 */

    padding: 0 5px;            /* 水平内边距，数字不被挤掉 */

    background: #F7A08B;       /* 角标背景颜色 */

    color: #fff;

    border-radius: 999px;      /* 完美圆角 */

    font-size: 12px;

    font-weight: 600;

    text-align: center;

    display: none;             /* 默认隐藏，JS 控制显示 */

    pointer-events: none;      /* 不阻碍点击图标 */

    z-index: 9999;             /* 保证在最上层 */

}