/**
 * 响应式适配
 * @package GuangDeLou
 */

/* === 平板 (768px - 1024px) === */
@media screen and (min-width: 768px) {
    .container{max-width:750px;margin:0 auto}
    .home-nav-grid{grid-template-columns:repeat(8,1fr)}
    .home-perf-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
    .home-event-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
    .gdl-cart-list{max-width:600px;margin:0 auto}
    .gdl-checkout-fields{max-width:600px;margin:0 auto}
}

/* === 桌面 (>1024px) === */
@media screen and (min-width: 1025px) {
    .container{max-width:960px;margin:0 auto}
    .home-nav-grid{grid-template-columns:repeat(8,1fr)}
    .home-perf-list{grid-template-columns:repeat(3,1fr)}
    .home-space-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .home-merchant-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .home-event-list{grid-template-columns:repeat(3,1fr)}

    /* 底部Tab在桌面端隐藏 */
    .bottom-tabbar{display:none}
    .gdl-bottom-nav{display:none}

    /* 添加桌面端顶部导航 */
    .gdl-desktop-nav{display:flex !important}

    /* 票券列表两列 */
    .gdl-ticket-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}

    /* 演出详情两列布局 */
    .single-performance-content{display:grid;grid-template-columns:1fr 1fr;gap:16px}

    /* 表单区域居中 */
    .gdl-form-wrapper{max-width:500px;margin:0 auto}
}

/* === 小手机 (<375px) === */
@media screen and (max-width: 374px) {
    .home-nav-grid{grid-template-columns:repeat(3,1fr)}
    .home-perf-card .perf-thumb{flex:0 0 80px;height:108px}
    .home-banner .swiper-slide img{aspect-ratio:375/200}
    .gdl-cart-item .gdl-cart-item-thumb{flex:0 0 72px}
    .seat{width:20px;height:20px;font-size:8px}
}

/* === 横屏适配 === */
@media screen and (orientation: landscape) and (max-height: 500px) {
    .gdl-bottom-nav{height:48px}
    .gdl-bottom-nav .nav-item{padding:4px 0}
    .gdl-action-bar{bottom:48px}
}

/* === 打印样式（电子票打印） === */
@media print {
    .gdl-bottom-nav,
    .gdl-action-bar,
    .gdl-header,
    .seat-modal-overlay,
    .gdl-back-to-top{display:none !important}
    .gdl-ticket-card{box-shadow:none;border:1px solid #ccc;page-break-inside:avoid}
    .gdl-ticket-qr{display:block !important}
    body{background:#fff}
    .container{max-width:100%}
}

/* === 高分辨率屏幕 === */
@media screen and (-webkit-min-device-pixel-ratio: 2),
       screen and (min-resolution: 192dpi) {
    .gdl-ticket-qr-img{image-rendering:pixelated}
}

/* === 暗色模式适配 === */
@media (prefers-color-scheme: dark) {
    /* 暂不启用暗色模式，保持品牌色一致性 */
}