﻿/* css/print.css - 公共打印样式 */

/* 打印内容容器 */
.print-only {
    display: none;
}

/* 打印样式 - 6cm×4cm标签 */
@media print {
    /* 重置所有元素 */
    body * {
        display: none !important;
        visibility: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    .print-only, .print-only * {
        display: block !important;
        visibility: visible !important;
    }

    /* 打印内容区域 */
    .print-only {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        position: static !important;
        background: white !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    /* 每个标签页面 - 6cm×4cm */
    .print-page {
        width: 6cm !important;
        height: 4cm !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        text-align: center !important;
        background: white !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        page-break-after: always !important;
        page-break-inside: avoid !important;
        break-after: page !important;
        position: relative !important;
        border: none !important;
        overflow: hidden !important;
    }

        .print-page:last-child {
            page-break-after: avoid !important;
            break-after: avoid !important;
        }

    /* 商品ID样式 */
    .label-id-print,
    .product-id-print {
        font-size: 50pt !important;
        font-weight: bold !important;
        text-align: center !important;
        margin: 5px 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
        width: 100% !important;
        word-break: break-all !important;
        overflow-wrap: break-word !important;
        background: white !important;
        color: black !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    /* 价格样式 */
    .label-price-print {
        font-size: 12pt !important;
        font-weight: normal !important;
        margin: 2px 0 !important;
        padding: 0 !important;
        line-height: 1.3 !important;
        text-align: center !important;
        width: 100% !important;
        word-break: break-all !important;
        overflow-wrap: break-word !important;
        background: white !important;
        color: black !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    /* 尺寸样式 */
    .label-size-print {
        font-size: 12pt !important;
        font-weight: normal !important;
        margin: 2px 0 !important;
        padding: 0 !important;
        line-height: 1.3 !important;
        color: black !important;
        text-align: center !important;
        width: 100% !important;
        background: white !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    /* 页面设置 */
    @page {
        size: 6cm 4cm !important;
        margin: 0 !important;
        padding: 0 !important;
        background: white !important;
        border: none !important;
    }

    /* 重置HTML和BODY */
    html, body {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: white !important;
        overflow: hidden !important;
        border: none !important;
    }

    /* 确保打印区域占满页面 */
    #printContent {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }
}
