/* =====================================================================
   图片水印层  2026-11-12 新增
   仅作用于 ERP 同步的新图（pic 以 /media/ 开头），原有 /upload/ 图片不受影响
   ===================================================================== */

/* 图片容器：给水印层提供定位基准 */
.wm-box {
    position: relative;
    display: block;
    overflow: hidden;
}
.wm-box > img {
    display: block;
    width: 100%;
    height: auto;
}

/* 水印覆盖层：铺满图片区域，不拦截鼠标事件 */
.wm-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 5;
    display: block;
}

/* 平铺纹理 */
.wm-tile {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    background-position: center center;
    pointer-events: none;
}

/* 角标 LOGO */
.wm-logo {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    pointer-events: none;
}
.wm-pos-br { right: 6px; bottom: 6px; }
.wm-pos-bl { left: 6px; bottom: 6px; }
.wm-pos-tr { right: 6px; top: 6px; }
.wm-pos-tl { left: 6px; top: 6px; }
.wm-pos-center {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* 文字水印 */
.wm-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2px;
    white-space: nowrap;
    pointer-events: none;
}

/* =====================================================================
   数据源切换标签（库存列表 / 细节实拍）
   ===================================================================== */
.wm-tabs {
    margin: 10px 0 4px;
    border-bottom: 2px solid #2da69f;
}
.wm-tabs a {
    display: inline-block;
    padding: 7px 20px;
    margin-right: 6px;
    font-size: 14px;
    color: #444;
    text-decoration: none;
    border: 1px solid #2da69f;
    border-bottom: none;
    background: #fff;
}
.wm-tabs a:hover {
    background: #2da69f;
    color: #fff;
}
.wm-tabs a.on {
    background: #2da69f;
    color: #fff;
}

/* =====================================================================
   产品中心「现货产品速览」区块
   ===================================================================== */
.wm-stock-block {
    margin: 16px 0 22px;
    padding: 16px 18px;
    border: 1px solid #d9ecec;
    background: #fbfdfd;
}
.wm-stock-block .wsb-title {
    font-size: 17px;
    font-weight: 700;
    color: #2da69f;
    margin-bottom: 4px;
}
.wm-stock-block .wsb-title span {
    font-size: 12px;
    font-weight: 400;
    color: #888;
}
.wm-stock-block ul {
    margin: 12px 0 0 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.wm-stock-block ul li {
    float: left;
    width: 16.66%;
    margin: 0 0.5% 14px 0;
    border: 1px solid #e2eef0;
    background: #fff;
    overflow: hidden;
}
.wm-stock-block ul li .wm-box {
    width: 100%;
}
.wm-stock-block ul li .wm-box img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    display: block;
}
.wm-stock-block ul li p {
    margin: 0;
    padding: 8px 10px;
    font-size: 13px;
    line-height: 1.5;
    color: #444;
    text-align: center;
    border-top: 1px solid #eef4f4;
}
.wm-stock-block .wsb-more {
    clear: both;
    padding-top: 6px;
    text-align: right;
    font-size: 13px;
}
.wm-stock-block .wsb-more a {
    color: #2da69f;
    text-decoration: none;
}
.wm-stock-block .wsb-more a:hover {
    color: #ff8c42;
}

/* 移动端：2 列 */
@media screen and (max-width: 768px) {
    .wm-stock-block ul li { width: 48%; margin-right: 2%; }
    .wm-stock-block ul li .wm-box img { height: 120px; }
}
@media screen and (max-width: 480px) {
    .wm-stock-block ul li { width: 48%; margin-right: 4%; }
    .wm-tabs a { padding: 6px 12px; font-size: 13px; }
}