/* --- START OF FILE mobile-fixes.css (修改后) --- */
/* 移动端优化样式 */

/* 针对不同尺寸设备的精确缩放比例 */
@media (max-width: 480px) {
    /* JS will handle scaling dynamically */
    /*
    #electronic-label {
        transform: scale(0.5) !important;
        margin: 0 auto !important;
    }
    */
    .label-wrapper, .label-container {
        overflow: visible !important; /* 确保内容完全可见 */
        height: auto !important; /* 自动调整高度 */
    }
}

@media (max-width: 380px) {
    /* JS will handle scaling dynamically */
    /*
    #electronic-label {
        transform: scale(0.45) !important;
        margin: 0 auto !important;
    }
    */
}

/* 针对极小屏幕设备 */
@media (max-width: 320px) {
    /* JS will handle scaling dynamically, min scale in JS is 0.35 (can be adjusted) */
    /*
    #electronic-label {
        transform: scale(0.4) !important;
        margin: 0 auto !important;
    }
    */
}

/* 修复在某些特定尺寸的问题 */
@media (min-width: 481px) and (max-width: 767px) {
    /* JS will handle scaling dynamically. Margins are also handled by JS for consistency. */
    /*
    #electronic-label {
        transform: scale(0.6) !important;
        margin-bottom: 30px !important;
    }
    */
}

/* 修复底部空间调整 */
.label-container {
    padding-bottom: 0; /* 移除额外的底部填充 */
}

/* 缩放比例提示已移除 */

/* 标签包装器样式 - 完全适合内容且不滚动 */
.label-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    height: auto; /* 自动调整高度 */
    overflow: visible; /* 确保内容不被裁剪 */
}

/* 横屏模式优化 */
@media (max-width: 900px) and (orientation: landscape) {
    /* JS will handle scaling dynamically. Margins are also handled by JS. */
    /*
    #electronic-label {
        transform: scale(0.65) !important;
        margin-bottom: 10px !important;
    }
    */
    .mobile-view-hint {
        /* This style can remain if the hint itself needs adjustment in landscape */
        transform: translateY(-5px);
    }
}

/* 广告区域移动端优化 */
@media (max-width: 900px) {
    .ad-section {
        margin-top: 15px;
        margin-bottom: 0;
        padding: 15px;
    }
    
    .ad-image {
        max-width: 100%;
        width: 100%;
    }
    
    .ad-label {
        font-size: 9px;
        padding: 1px 4px;
        bottom: 6px;
        left: 6px;
    }
}

@media (max-width: 480px) {
    .ad-section {
        margin-top: 10px;
        margin-bottom: 0;
        padding: 10px;
    }
}

/* 桌面端图片居中优化 */
@media (min-width: 901px) {
    .ad-image-container {
        max-width: 800px;
        margin: 0 auto;
    }
}
/* --- END OF FILE mobile-fixes.css (修改后) --- */