:root {
    --stamp-dark: #5a5a5a;
    /* 印章深灰色 */
    --stamp-text-color: #7a7a7a;
    /* 圆环内文字颜色，比框稍微浅一点 */
    --box-bg: #5a5a5a;
    --white: #ffffff;
}

/* 容器：整体旋转，绝对定位覆盖在图片上 */
.stamp-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 300px;
    transform: translate(-50%, -50%) rotate(-15deg) scale(0.9);
    z-index: 100;
    /* 确保在图片和轮播控件之上 */
    pointer-events: none;
    /* 不阻挡图片的点击事件 */
    /* 再次应用滤镜，让所有元素边缘都有毛糙感 */
    filter: url(#grunge-roughness);
}

/* 移动端适配：缩小印章尺寸 */
@media screen and (max-width: 800px) {
    .stamp-wrapper {
        transform: translate(-50%, -50%) rotate(-15deg) scale(0.55);
    }
}

/* ==========================
   1. 圆环部分 (Double Rings)
   ========================== */
.ring-container {
    position: absolute;
    width: 300px;
    height: 300px;
    top: 50%;
    left: 32%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

/* 外圈：粗线条 */
.ring-outer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 14px solid var(--stamp-dark);
    border-radius: 50%;
}

/* 内圈：细线条 (大圆套小圆) */
.ring-inner {
    position: absolute;
    top: 24px;
    left: 24px;
    right: 24px;
    bottom: 24px;
    /* 向内缩进，增加间隙 */
    border: 5px solid var(--stamp-dark);
    border-radius: 50%;
}

/* 圆环内的文字 */
.ring-text {
    position: absolute;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-family: Arial, sans-serif;
    color: var(--stamp-text-color);
    font-size: 24px;
    letter-spacing: 1px;
}

.text-soldout {
    bottom: 40px;
}

/* ==========================
   2. 中间方块 (The Box)
   ========================== */
.stamp-box {
    position: absolute;
    width: 320px;
    height: 130px;
    background-color: var(--box-bg);
    top: 50%;
    left: 32%;
    transform: translate(-50%, -50%);
    z-index: 10;
    /* 盖住圆环 */
    border-radius: 16px;
    /* 圆角矩形 */

    display: flex;
    justify-content: center;
    align-items: center;
}

/* 内部深色框，更粗，离外框有一定距离 */
.stamp-box::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 6px solid rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    pointer-events: none;
}

/* "卖掉了" 文字 */
.main-text {
    color: var(--white);
    font-size: 68px;
    font-weight: 900;
    /* 最粗 */
    letter-spacing: 2px;
    line-height: 1;
    margin-top: -5px;
    z-index: 2;
    white-space: nowrap;
}

/* ==========================
   3. 波浪线 (Waves)
   ========================== */
.waves-svg {
    position: absolute;
    top: 50%;
    left: 65%;
    /* 从方块右侧出来 */
    transform: translateY(-50%);
    width: 160px;
    height: 140px;
    z-index: 5;
    overflow: visible;
}

.wave-path {
    fill: none;
    stroke: var(--stamp-dark);
    stroke-width: 14;
    /* 加粗线条 */
    stroke-linecap: round;
    stroke-linejoin: round;
}