/* 电脑和平板 */
@media (min-width: 769px) {
    .desktop-block{
        display: block !important;
    }
    .mobile-block{
        display: none !important;
    }
}
/* 手机端 */
@media (max-width: 768px) {
    .mobile-block{
        display: block !important;
    }
    .desktop-block{
        display: none !important;
    }

    @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .text-shadow {
                text-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .text-shadow-lg {
                text-shadow: 0 4px 8px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.08);
            }
            .button-bg-gradient-custom {
                background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            }
            .bg-blur {
                backdrop-filter: blur(8px);
            }
            .card-hover {
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }
            .card-hover:hover {
                transform: translateY(-5px);
                box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
            }
            /* iPhone 背景图样式 */
            .iphone-background {
                width: 50%;
                max-width: 300px;
                height: auto;
                position: relative;
                z-index: 10;
                transition: transform 0.5s;
            }
            .iphone-background:hover {
                transform: rotate(-1deg);
            }
            .iphone-background img {
                width: 100%;
                height: auto;
                display: block;
            }
        }
}

body.bg-gradient-custom {
    min-height: 100vh;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 1) 85%),
        radial-gradient(ellipse at top left, rgba(13, 110, 253, 0.2), transparent 50%),
        radial-gradient(ellipse at top right, rgba(255, 228, 132, 0.2), transparent 50%),
        radial-gradient(ellipse at center right, rgba(112, 44, 249, 0.2), transparent 50%),
        radial-gradient(ellipse at center left, rgba(214, 51, 132, 0.2), transparent 50%);
}

.form-error{
    color: red;
    font-size: 0.8em;
}