/* ========================================
   响应式补充样式 - 已合并到主style.css中
   此文件保留用于额外的响应式微调
   ======================================== */

/* 横屏手机 */
@media (max-height: 500px) and (orientation: landscape) {
    .hero-banner {
        min-height: 400px;
        height: auto;
        padding: 100px 0 60px;
    }
    .banner-text { padding-top: 0; }
    .banner-title { font-size: 2rem; }
    .section { padding: var(--space-2xl) 0; }
}

/* 大屏优化 */
@media (min-width: 1400px) {
    .container { max-width: 1320px; }
    .banner-title { font-size: 4rem; }
}

/* 高DPI屏幕优化 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-title {
        -webkit-font-smoothing: subpixel-antialiased;
    }
}

/* Final mobile guardrails before release */
@media (max-width: 991px) {
    .nav-actions {
        display: flex !important;
        align-items: center;
    }

    .nav-actions > .btn {
        display: none !important;
    }

    .mobile-menu-toggle {
        display: flex !important;
        position: fixed !important;
        top: 18px;
        right: 16px;
        z-index: 1200;
        width: 42px;
        height: 42px;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(96, 165, 250, 0.25);
        border-radius: var(--radius-md);
        background: rgba(5, 13, 26, 0.78);
        color: #ffffff;
    }

    .mobile-menu-toggle span {
        display: none;
    }

    .mobile-menu-toggle::before {
        content: "\2630";
        color: #ffffff;
        font-size: 1.5rem;
        line-height: 1;
        font-weight: 700;
    }

    .diagnosis-panel,
    .contact-promise-card,
    .content-card {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
    }

    .diagnosis-copy,
    .contact-promise-card > div,
    .content-card > * {
        max-width: 100%;
        min-width: 0;
    }

    .diagnosis-copy h2,
    .contact-promise-card h2,
    .content-card h2 {
        max-width: 100%;
        white-space: normal !important;
        word-break: break-all !important;
        overflow-wrap: anywhere !important;
        line-break: anywhere;
    }
}

@media (max-width: 575px) {
    .diagnosis-panel,
    .contact-promise-card {
        padding: 1.25rem;
    }

    .diagnosis-copy h2,
    .contact-promise-card h2 {
        font-size: 1.24rem !important;
        line-height: 1.45;
    }
}