/* public/assets/css/mobile-strict.css */
/* 严格模式移动端检测 */

/* 在 JS 检测前隐藏内容，防止 PC 端看到一闪而过 */
html.pc-detected body > *:not(.pc-block) {
    display: none !important;
}

/* 仅在 PC 检测到时才强制显示 pc-block */
html.pc-detected .pc-block {
    display: flex !important;
}

/* 针对平板设备的优化 */
@media (min-width: 768px) and (max-width: 1024px) {
    .app-container {
        max-width: 100%;
    }
    
    .header, .bottom-nav {
        max-width: 100%;
    }
}

/* 横屏提示 */
@media (orientation: landscape) and (max-height: 500px) {
    .landscape-tip {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #667eea;
        color: #fff;
        z-index: 99998;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 40px;
        text-align: center;
    }
    
    .landscape-tip-icon {
        font-size: 60px;
        margin-bottom: 20px;
        animation: rotatePhone 2s ease infinite;
    }
    
    @keyframes rotatePhone {
        0%, 100% { transform: rotate(0deg); }
        50% { transform: rotate(90deg); }
    }
}