/* ========================================
   移动端专用样式补充 - H5完整适配
   ======================================== */

@media (max-width: 768px) {
    /* ========== 全局 ========== */
    body {
        -webkit-tap-highlight-color: transparent;
        -webkit-overflow-scrolling: touch;
    }
    
    .container {
        padding: 0 16px;
    }
    
    .section-padding {
        padding: 40px 0 !important;
    }
    
    .section-title {
        font-size: 24px !important;
    }
    
    .section-desc {
        font-size: 14px !important;
    }
    
    /* ========== 首页 ========== */
    .hero-section {
        padding: 80px 0 50px !important;
        min-height: auto !important;
    }
    
    .hero-title {
        font-size: 30px !important;
        line-height: 1.4 !important;
    }
    
    .hero-subtitle {
        font-size: 14px !important;
        line-height: 1.7 !important;
    }
    
    .hero-actions {
        flex-direction: column !important;
        gap: 12px !important;
    }
    
    .hero-actions .btn {
        width: 100% !important;
    }
    
    .hero-dots {
        bottom: 20px !important;
    }
    
    /* 统计 */
    .stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
    
    .stat-item {
        padding: 20px 10px !important;
    }
    
    .stat-number {
        font-size: 28px !important;
    }
    
    /* 目的地展示 */
    .destination-showcase {
        grid-template-columns: 1fr !important;
    }
    
    .destination-main .destination-image {
        min-height: 220px !important;
    }
    
    .destination-overlay {
        padding: 20px 16px !important;
    }
    
    .destination-overlay h3 {
        font-size: 20px !important;
    }
    
    .destination-overlay p {
        font-size: 13px !important;
    }
    
    /* CTA */
    .cta-box {
        padding: 40px 24px !important;
    }
    
    .cta-title {
        font-size: 24px !important;
    }
    
    .cta-desc {
        font-size: 14px !important;
    }
    
    /* ========== 卡片通用 ========== */
    .card-grid, .card-grid-3, .card-grid-4 {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    
    .card-item {
        border-radius: 12px !important;
    }
    
    .card-image {
        aspect-ratio: 16/9 !important;
    }
    
    .card-content {
        padding: 16px !important;
    }
    
    .card-title {
        font-size: 16px !important;
    }
    
    .card-desc {
        font-size: 13px !important;
    }
    
    .card-price {
        font-size: 18px !important;
    }
    
    /* ========== 列表页 ========== */
    .list-item {
        flex-direction: column !important;
        padding: 16px !important;
        gap: 16px !important;
    }
    
    .list-image {
        width: 100% !important;
        height: 180px !important;
    }
    
    .list-title {
        font-size: 18px !important;
    }
    
    .list-desc {
        font-size: 13px !important;
    }
    
    /* ========== 筛选栏 ========== */
    .filter-bar {
        gap: 8px !important;
        padding: 12px 0 !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    
    .filter-bar::-webkit-scrollbar {
        display: none;
    }
    
    .filter-btn {
        padding: 8px 16px !important;
        font-size: 13px !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }
    
    /* ========== 详情页 ========== */
    .detail-banner {
        height: 280px !important;
    }
    
    .detail-banner-content {
        padding-bottom: 30px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    
    .detail-tag {
        font-size: 12px !important;
        padding: 4px 12px !important;
    }
    
    .detail-title {
        font-size: 24px !important;
    }
    
    .detail-subtitle {
        font-size: 14px !important;
    }
    
    .detail-body {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        padding: 20px 0 !important;
    }
    
    .detail-main {
        padding: 0 !important;
    }
    
    .detail-section {
        margin-bottom: 30px !important;
    }
    
    .detail-section-title {
        font-size: 18px !important;
    }
    
    .detail-info-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    
    .info-item {
        padding: 14px !important;
    }
    
    .info-item i {
        font-size: 20px !important;
    }
    
    .info-item strong {
        font-size: 15px !important;
    }
    
    .detail-content {
        font-size: 15px !important;
        padding: 0 !important;
    }
    
    .detail-gallery {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
    
    .detail-sidebar {
        position: static !important;
        order: -1 !important;
    }
    
    .sidebar-card {
        padding: 20px !important;
    }
    
    .price-main {
        font-size: 28px !important;
    }
    
    .booking-form .form-group {
        margin-bottom: 12px !important;
    }
    
    .booking-actions {
        flex-direction: row !important;
    }
    
    .btn-favorite {
        flex: 1 !important;
    }
    
    /* ========== 用户中心 ========== */
    .user-section {
        padding: 20px 0 60px !important;
    }
    
    .user-header {
        padding: 24px 16px !important;
        margin-bottom: 16px !important;
    }
    
    .user-info {
        gap: 16px !important;
    }
    
    .user-avatar-lg {
        width: 64px !important;
        height: 64px !important;
    }
    
    .user-name {
        font-size: 18px !important;
    }
    
    .user-phone {
        font-size: 13px !important;
    }
    
    .user-body {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    
    .user-sidebar {
        display: block !important;
        padding: 0 !important;
        background: none !important;
        border: none !important;
        border-radius: 0 !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    
    .user-sidebar::-webkit-scrollbar {
        display: none;
    }
    
    .user-nav {
        display: flex !important;
        gap: 8px !important;
        padding: 0 !important;
        width: max-content;
    }
    
    .user-nav-item {
        flex-shrink: 0;
        padding: 8px 16px !important;
        background: var(--color-bg-card);
        border: 1px solid var(--color-border);
        border-radius: 20px;
        font-size: 14px !important;
    }
    
    .user-nav-item.active {
        background: rgba(201,169,110,0.15);
    }
    
    .user-main {
        padding: 20px 16px !important;
    }
    
    .panel-title {
        font-size: 18px !important;
        margin-bottom: 20px !important;
    }
    
    .booking-item {
        flex-direction: column !important;
        padding: 14px !important;
    }
    
    .booking-image {
        width: 100% !important;
        height: 160px !important;
    }
    
    .booking-status {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        margin-top: 10px !important;
    }
    
    .my-post-item {
        flex-direction: column !important;
    }
    
    .my-post-image {
        width: 100% !important;
        height: 180px !important;
    }
    
    .favorite-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
    
    .favorite-image {
        height: 110px !important;
    }
    
    /* ========== 登录注册 ========== */
    .auth-section {
        padding: 40px 0 !important;
    }
    
    .auth-container {
        padding: 0 16px !important;
    }
    
    .auth-box {
        padding: 32px 20px !important;
    }
    
    .auth-title {
        font-size: 22px !important;
    }
    
    .form-row {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }
    
    .captcha-group {
        flex-direction: column !important;
    }
    
    .captcha-img {
        width: 100% !important;
        height: 50px !important;
        object-fit: contain !important;
    }
    
    /* ========== 关于我们 ========== */
    .about-tabs {
        gap: 6px !important;
        margin-bottom: 32px !important;
    }
    
    .about-tab {
        padding: 10px 18px !important;
        font-size: 13px !important;
    }
    
    .about-content {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
    
    .about-image {
        aspect-ratio: 16/10 !important;
    }
    
    .about-text h2 {
        font-size: 22px !important;
    }
    
    .about-text p {
        font-size: 14px !important;
    }
    
    .about-highlights {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    
    .highlight-item {
        padding: 14px !important;
    }
    
    .highlight-item i {
        font-size: 20px !important;
    }
    
    .highlight-item strong {
        font-size: 18px !important;
    }
    
    .contact-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
    
    .contact-item {
        padding: 12px 0 !important;
    }
    
    .contact-item i {
        width: 36px !important;
        height: 36px !important;
        font-size: 14px !important;
    }
    
    .map-container {
        height: 240px !important;
        min-height: auto !important;
    }
    
    .privacy-content h3 {
        font-size: 20px !important;
    }
    
    .privacy-content h4 {
        font-size: 16px !important;
    }
    
    /* ========== 游记发布 ========== */
    .my-post-list {
        margin-bottom: 20px !important;
    }
    
    /* ========== 分页 ========== */
    .pagination {
        gap: 4px !important;
    }
    
    .page-item {
        min-width: 36px !important;
        height: 36px !important;
        font-size: 13px !important;
    }
    
    /* ========== 页脚 ========== */
    .site-footer {
        padding: 40px 0 0 !important;
        margin-top: 40px !important;
        margin-bottom: 60px !important;
    }
    
    .footer-grid {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
        padding-bottom: 30px !important;
    }
    
    .footer-brand .logo {
        font-size: 18px !important;
    }
    
    .footer-desc {
        font-size: 13px !important;
    }
    
    .footer-links, .footer-contact {
        display: none !important;
    }
    
    .footer-links h4, .footer-contact h4 {
        font-size: 15px !important;
        margin-bottom: 14px !important;
    }
    
    .footer-bottom {
        padding: 16px 0 !important;
    }
    
    /* ========== 返回顶部 ========== */
    .back-to-top {
        bottom: 80px !important;
        right: 16px !important;
        width: 44px !important;
        height: 44px !important;
    }
    
    /* ========== 底部导航优化 ========== */
    .mobile-bottom-nav {
        display: flex !important;
        padding: 6px 0 8px !important;
        background: rgba(10, 14, 39, 0.98) !important;
        backdrop-filter: blur(20px) !important;
    }
    
    .bottom-nav-item {
        gap: 3px !important;
        padding: 6px 0 !important;
    }
    
    .bottom-nav-item i {
        font-size: 22px !important;
    }
    
    .bottom-nav-item span {
        font-size: 10px !important;
    }
    
    /* ========== 侧边栏 ========== */
    .mobile-sidebar {
        width: 280px !important;
    }
    
    .sidebar-header {
        padding: 16px 20px !important;
    }
    
    .mobile-nav-item {
        padding: 14px 20px !important;
        font-size: 15px !important;
    }
    
    .mobile-user {
        padding: 16px 20px !important;
    }
    
    /* ========== 表单 ========== */
    .form-input, .form-textarea, .form-select {
        padding: 12px 14px !important;
        font-size: 16px !important;
    }
    
    /* ========== Toast提示 ========== */
    .toast {
        left: 16px !important;
        right: 16px !important;
        bottom: 80px !important;
        text-align: center !important;
    }
}

/* 小屏手机 */
@media (max-width: 375px) {
    .hero-title {
        font-size: 24px !important;
    }
    
    .section-title {
        font-size: 20px !important;
    }
    
    .detail-title {
        font-size: 20px !important;
    }
    
    .btn-lg {
        padding: 14px 24px !important;
        font-size: 15px !important;
    }
    
    .stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .stat-number {
        font-size: 24px !important;
    }
    
    .favorite-grid {
        grid-template-columns: 1fr !important;
    }
    
    .about-highlights {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* 横屏手机 */
@media (max-width: 768px) and (orientation: landscape) {
    .hero-section {
        min-height: auto !important;
        padding: 60px 0 !important;
    }
    
    .detail-banner {
        height: 200px !important;
    }
}