/* ============================================
   征途国际 - 响应式样式表
   zh-responsive.css
   ============================================ */

/* --- xl: >= 1280px (Desktop) --- */
@media (min-width: 1280px) {
    .zh-container { max-width: 1280px; }
}

/* --- lg: 1024px - 1279px (Small Laptop) --- */
@media (max-width: 1279px) {
    .zh-container { max-width: 1024px; }
    .zh-hero-content h1 { font-size: 3rem; }
    .zh-grid-4 { grid-template-columns: repeat(2, 1fr); }
    .zh-footer-content { grid-template-columns: repeat(2, 1fr); }
}

/* --- md: 768px - 1023px (Tablet) --- */
@media (max-width: 1023px) {
    .zh-hero-content h1 { font-size: 2.5rem; }
    .zh-hero-subtitle { font-size: 1rem; }
    .zh-grid-3 { grid-template-columns: repeat(2, 1fr); }
    .zh-grid-4 { grid-template-columns: repeat(2, 1fr); }
    .zh-monster-gallery { columns: 2; }
    .zh-logbook { grid-template-columns: 1fr; }
    .zh-app-section { grid-template-columns: 1fr; }
    .zh-two-col { grid-template-columns: 1fr; }
    .zh-sidebar { position: static; }
    .zh-ship-card { flex-direction: column; }
    .zh-ship-card .zh-ship-img { width: 100%; min-height: 180px; }
    .zh-ship-card .zh-ship-info { width: 100%; }
    .zh-section { padding: 3rem 0; }
}

/* --- sm: 640px - 767px (Phone Landscape) --- */
@media (max-width: 767px) {
    .zh-nav-links { display: none; }
    .zh-hamburger { display: flex; }
    .zh-nav-links.zh-nav-open {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        background: linear-gradient(180deg, #2C1810, #3A2518);
        padding: 1rem 2rem;
        border-bottom: 2px solid var(--zh-accent);
        gap: 0;
    }
    .zh-nav-links.zh-nav-open li {
        padding: 0.8rem 0;
        border-bottom: 1px solid rgba(198, 168, 117, 0.15);
    }
    .zh-nav-links.zh-nav-open li::after { display: none; }
    .zh-hero-content h1 { font-size: 2rem; }
    .zh-hero-subtitle { font-size: 0.9rem; }
    .zh-hero-buttons { flex-direction: column; align-items: center; }
    .zh-grid-2 { grid-template-columns: 1fr; }
    .zh-grid-3 { grid-template-columns: 1fr; }
    .zh-grid-4 { grid-template-columns: 1fr; }
    .zh-monster-gallery { columns: 1; }
    .zh-footer-content { grid-template-columns: 1fr; }
    .zh-partner-logos { flex-direction: column; gap: 1rem; }
    h1 { font-size: 1.8rem; }
    h2 { font-size: 1.5rem; }
    .zh-section-title h2 { font-size: 1.6rem; }
    .zh-section { padding: 2.5rem 0; }
    .zh-container { padding: 0 1rem; }
}

/* --- xs: < 640px (Phone Portrait) --- */
@media (max-width: 639px) {
    .zh-hero { min-height: 500px; }
    .zh-hero-content h1 { font-size: 1.6rem; }
    .zh-hero-content { padding: 1rem; }
    .zh-btn-primary, .zh-btn-outline {
        padding: 0.8rem 1.5rem;
        font-size: 0.95rem;
        width: 100%;
        text-align: center;
    }
    .zh-log-card { padding: 1.5rem; }
    .zh-register-box { padding: 2rem 1.5rem; }
    .zh-logbook-list { max-height: 400px; }
    .zh-breadcrumb ol { font-size: 0.8rem; flex-wrap: wrap; }
    .zh-page-header { padding: 2.5rem 0 2rem; }
}