/* ============================================================
   公共「查看价」闸门样式（首页 / 轴承搜索 / 促销列表共用）
   未登录或未审核通过时：库存列显示「--」、价格列显示「----」（.pg-dash，可点击），
   数量输入框与「加入购物车 / 核实」按钮保持原样（点击时由脚本提示），
   页面顶部再给一条 .pg-tip 引导条。.pg-view 保留兼容。
   ============================================================ */

/* ---------- 占位符「--」「----」：替代库存数字与价格，点击走闸门引导 ---------- */
.pg-dash {
    display: inline-block;
    min-width: 16px;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 1px;
    color: #98a2ae;
    cursor: pointer;
    user-select: none;
    border-bottom: 1px dashed transparent;
    transition: color .18s, border-color .18s;
}

.pg-dash:hover {
    color: #166534;
    border-bottom-color: rgba(22, 101, 52, .55);
}

/* ---------- 「查看」标记：绿色描边胶囊，悬停反色（保留兼容） ---------- */
.pg-view {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    padding: 2px 12px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 1px;
    color: #166534;
    background: rgba(22, 101, 52, .08);
    border: 1px solid rgba(22, 101, 52, .24);
    cursor: pointer;
    user-select: none;
    transition: background .18s, color .18s, border-color .18s;
}

.pg-view:hover {
    color: #fff;
    background: #166534;
    border-color: #166534;
}

/* 操作列里的「查看」按钮：与页面主按钮同宽同高 */
.pg-view-btn {
    min-width: 88px;
    padding: 7px 16px;
    border-radius: 8px;
    line-height: 1.4;
}

/* ---------- 顶部引导条 ---------- */
.pg-tip {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 0 0 14px;
    padding: 10px 16px;
    border-radius: 10px;
    border: 1px solid rgba(22, 101, 52, .22);
    background: linear-gradient(90deg, rgba(22, 101, 52, .07), rgba(22, 101, 52, .02));
}

.pg-tip-text {
    font-size: 14px;
    line-height: 1.6;
    color: #14532d;
}

.pg-tip-btn {
    flex: none;
    display: inline-flex;
    align-items: center;
    padding: 6px 16px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: #166534;
    text-decoration: none;
    transition: opacity .18s;
}

.pg-tip-btn:hover {
    opacity: .88;
    color: #fff;
    text-decoration: none;
}

/* ---------- 移动端（H5 复用同一套 class 时的适配） ---------- */
@media (max-width: 768px) {
    .pg-view {
        min-width: 38px;
        padding: 1px 9px;
        font-size: 13px;
        line-height: 20px;
    }

    .pg-view-btn {
        min-width: 60px;
        padding: 5px 12px;
    }

    .pg-tip {
        padding: 10px 12px;
        gap: 8px;
    }

    .pg-tip-text {
        font-size: 13px;
    }
}