@media screen and (min-width: 320px) and (max-width: 1024px) {
  /* 移动端默认关闭我的旅程侧边栏 */
  .my-journey-sidebar.show {
    display: none;
  }
  .my-journey-overlay.show {
    display: none;
  }
  
  /* 确保点击时能够显示侧边栏 */
  .my-journey-sidebar.show.force-show {
    display: block !important;
  }
  .my-journey-overlay.show.force-show {
    display: block !important;
  }
  .banner {
    height: 5rem;
  }

  .banner .swiper .swiper-slide .text-box {
    width: 90%;
  }

  #banSwiper .banner-entitle {
    font-size: 0.5rem !important;
    line-height: 0.6rem !important;
  }

  #banSwiper .banner-subtitle {
    font-size: 0.24rem;
    margin-top: 0.2rem;
  }

  .floor1-subtitle,
  .zbxl .pic .trave-desc .desc-content,
  .zbxl .pic .trave-desc .see-more {
    font-size: 0.28rem;
  }

  .floor1-desc,
  .floor2-card-title {
    font-size: 0.26rem;
  }

  .floor1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .zbxl .pic .trave-desc .desc-title {
    font-size: 0.34rem;
  }

  .floor2-title {
    font-size: 0.34rem;
  }

  .banner .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: 0.5rem;
  }

  .banner .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: 0.5rem;
  }

  .floor2-cards {
    flex-wrap: wrap;
    padding-top: 0.5rem;
  }

  .floor2-card-desc,
  .travel-detail-nav-item .nav-label,
  .travel-detail-nav-item a,
  .pendpay-contact-tip,
  .pendpay-agree-section,
  .route-score,
  .left-attractions-sidebar .spot-row .rating-pill,
  .spot-popup-card .card-meta,
  .spot-popup-card .card-head .rating-pill,
  .detail-card-time,
  .ij-route-item-name .ij-route-rating,
  .left-attractions-sidebar .ref-days-list,
  .orderpay-contact-tip {
    font-size: 0.22rem;
  }

  .floor3-gallery .floor3-gallery-item:nth-child(1) {
    width: 3.44rem;
    height: 6.2rem;
  }

  .floor3-gallery .floor3-gallery-item:nth-child(2),
  .floor3-gallery .floor3-gallery-item:nth-child(3) {
    height: 2rem;
  }

  .floor3-gallery .floor3-gallery-item:nth-child(4) {
    height: 4rem;
  }

  .floor3-gallery {
    gap: 0.2rem;
  }

  .floor3-img-caption {
    padding: 0.15rem;
    font-size: 0.18rem;
    height: 0.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .floor3-nav-btn {
    font-size: 0.3rem;
    white-space: nowrap;
  }

  .floor3-more-btn,
  .center-header-btn1,
  .center-header-btn2,
  .center-user-email,
  .pendpay-invoice-btn,
  .pendpay-pay-btn,
  .orderpay-invoice-value,
  .orderpay-progress-step,
  .orderpay-help-text,
  .orderpay-btn,
  .travel-order-details .orderno-info .order-no,
  .left-attractions-sidebar .ref-itinerary-header,
  .spot-popup-card .btn-add-route,
  .travel-order-details .orderno-info .order-time {
    font-size: 0.24rem;
  }

  .floor4-cards {
    grid-template-columns: repeat(1, 1fr);
  }

  .floor4-card-desc,
  .news-excerpt,
  .travel-detail-content,
  .spot-popup-card .card-head .name,
  .travel-detail-subtitle {
    font-size: 0.28rem
  }

  .floor4-card-date {
    font-size: 0.26rem;
    padding-top: 0.13rem;
  }

  .floor4-card-content,
  .news-date {
    padding: 0.2rem;
  }

  .footer-box .wrap {
    width: 92.5% !important;
    display: block;
  }

  .travel-listbanner {
    width: 100%;
  }

  .footer-box .wrap .footer-nav,
  .footer-box .wrap .footer-subnav {
    font-size: 0.2rem
  }

  .footer-box .wrap .footer-copyight,
  .footer-box .wrap .footer-right .footer-address {
    font-size: 0.18rem;
  }

  .travel-listbanner .text-bottom,
  .travel-detail-date,
  .travel-detail-share span,
  .route-name,
  .orderpay-label,
  .orderpay-value {
    font-size: 0.24rem;
  }

  .news-list {
    padding-top: 0.4rem;
  }

  .news-item {
    height: auto;
    padding: 0.2rem;
  }

  .news-title,
  .my-journey-sidebar .sidebar-title,
  .news-arrow,
  .evaluate-star {
    font-size: 0.3rem;
  }

  .travel-detail-title {
    font-size: 0.35rem;
  }

  .travel-detail {
    padding-top: 0.3rem;
  }

  .travel-detail-meta {
    flex-wrap: wrap;
    margin-bottom: 0.1rem;
  }

  .travel-detail-share {
    margin-top: 0.1rem;
  }

  .travel-detail-share a img {
    height: 0.28rem;
  }

  .travel-detail-gallery .swiper {
    width: 100%;
  }

  .travel-detail-subtitle {
    margin-bottom: 0.1rem;
  }

  .center-main-nav-wrap {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.08rem;
  }

  .center-main-nav-wrap .center-nav-tab {
    flex-shrink: 0;
  }

  .center-main-nav-wrap::-webkit-scrollbar {
    height: 0.04rem;
  }

  .center-main-nav-wrap::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 0.02rem;
  }

  .center-content-wrap,
  .center-user-wrap {
    width: 100%;
  }

  .center-content-wrap {
    display: block;
  }

  .travel-list-checkboxes label,
  .sort-item,
  .sort-price ，.travel-tag,

  .sales-info,
  .travel-list-meta,
  .travel-list-meta-bottom {
    font-size: 0.18rem;
  }

  .center-sidebar-title,
  .customorder-title {
    font-size: 0.28rem;
  }

  .center-sidebar-menu {
    display: flex;
    margin-bottom: 0.2rem;
    gap: 0.3rem;
    padding-left: 0.3rem;
  }

  .center-sidebar-item a {
    width: 100%;
    font-size: 0.24rem;
  }

  .oper-row,
  .customorder-actions {
    flex-wrap: wrap;
  }

  .center-sidebar {
    width: auto;
  }

  .travel-list {
    padding-top: 0.2rem;
  }

  .product-detail-container {
    display: block;
  }

  .product-detail-main {
    width: 100%;
  }

  .product-detail-sidebar {
    position: static;
    width: 100%;
    margin-top: 0.3rem;
    display: block;
  }

  .travel-list-container {
    display: block;
  }

  .travel-list-checkboxes {
    margin-top: 0;
    flex-direction: row;

  }

  .travel-list-sidebar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    gap: 0.15rem;
  }

  .travel-product-header {
    flex-wrap: wrap;

  }

  .travel-list-sidebar .travel-list-filter {
    display: flex;
    align-items: center;
    gap: 0.05rem;
    width: 30%;
  }

  .travel-list-sidebar .travel-list-filter .travel-list-label {
    margin-bottom: 0;
    min-width: 1rem;
    flex-shrink: 0;
  }

  .travel-list-sidebar .travel-list-filter .travel-list-select {
    flex: 1;
  }


  .travel-list-label,
  .travel-product-count,
  .customorder-status,
  .center-order-id,
  .customorder-price,
  .center-order-status,
  .center-order-details,
  .center-order-participants,
  .center-order-price,
  .center-order-btn,
  .center-collect-reviews,
  .center-collect-sales,
  .center-collect-rating,
  .customorder-id,
  .customorder-meta,
  .customorder-btn,
  .customorder-time,
  .password-next-btn,
  .password-finish-btn,
  .detail-form-row .form-item select,
  .detail-form-row .form-item input,
  .detail-card-content .form-item select,
  .detail-card-content .form-item input,
  .reviews-info,
  .product-location,
  .product-duration,
  .product-detail-share span,
  .feature-tag,
  .center-order-participants span {
    font-size: 0.24rem;
  }

  .travel-product-count {
    padding: 0.15rem 0;
  }

  .travel-list-sidebar .travel-list-filter:last-child {
    width: 100%;
  }

  .travel-product-img {
    flex: 0 0 3rem;
    height: auto;
  }

  .travel-list-desc,
  .password-input,
  .password-verify-input,
  .center-message-time,
  .suggestions-form-input,
  .suggestions-form-select,
  .suggestions-form-textarea,
  .page span,
  .page a,
  .ij-route-segment,
  .center-collect-tag {
    font-size: 0.2rem !important;
  }

  .travel-list-content {
    padding-top: 0.15rem;
  }

  .center-message-content,
  .recycle-id,
  .center-order-price,
  .recycle-meta,
  .recycle-meta,
  .center-nav-tab,
  .recycle-bottom,
  .recycle-price,
  .password-label,
  .suggestions-form-label,
  .center-collect-location,
  .center-collect-duration,
  .center-collect-btn,
  .evaluate-order-header,
  .evaluate-order-meta,
  .evaluate-order-people,
  .pendpay-fee-list,
  .pendpay-fee-label,
  .pendpay-fee-value,
  .pendpay-passenger-header,
  .pendpay-passenger-tip,
  .pendpay-label,
  .pendpay-input,
  .pendpay-select,
  .password-small-btn,
  .evaluate-label,
  .evaluate-textarea,
  .evaluate-input,
  .center-collect-time,
  .evaluate-rating-item,
  .left-attractions-sidebar .region-header,
  .left-attractions-sidebar .spot-row,
  .product-detail-desc,
  .sales-info,
  .collect-btn,
  .booking-field label,
  .notes-content h4,
  .itinerary-day,
  .itinerary-arrow,
  .time-label,
  .time-content h4,
  .time-content p,
  .reviews-count,
  .review-item .review-time,
  .review-item .review-content p,
  .form-group input,
  .form-group textarea,
  .review-form .form-pingjia label,
  .detail-card-summary .detail-card-days-input,
  .spot-popup-card .card-desc,
  .detail-day-tab,
  .detail-day-add-btn,
  .detail-route-empty,
  .detail-day-block-title,
  .detail-day-block-title,
  .detail-route-title,
  .detail-card-summary,
  .ij-route-item-name,
  .detail-day-note-input,
  .my-journey-sidebar .sidebar-create-btn,
  .my-journey-empty-text1,
  .journey-item-meta,
  .detail-dots-menu a,
  .detail-form-title,
  .detail-form-btns button,
  .btn-or,
  .booking-select,
  .booking-date-input,
  .recycle-btn {
    font-size: 0.24rem !important;
  }

  .detail-day-note-input::placeholder {
    font-size: 0.24rem;
  }

  .recycle-title {
    font-size: 0.28rem;
    margin-bottom: 0.12rem;
  }

  .recycle-meta-item img,
  .evaluate-meta-item img,
  .cart-sidebar .cart-item-delete img,
  .spot-popup-card .card-meta img,
  .travel-product-info img,
  .travel-list-item-info img,
  .center-order-delete img,
  .customorder-meta-item img {
    width: 0.24rem;
    height: 0.24rem;
  }

  .recycle-price span,
  .review-item .review-rating,
  .cart-sidebar .cart-item-desc,
  .cart-sidebar .cart-qty-input,
  .journey-detail-header .detail-title,
  .center-order-price span {
    font-size: 0.28rem;
  }

  .center-order-title,
  .center-suggestions-title,
  .center-collect-title,
  .evaluate-header,
  .pendpay-section-title,
  .left-attractions-sidebar .section-title,
  .tab-item,
  .itinerary-desc,
  .btn-submit,
  .cart-sidebar .cart-item .cart-item-header span,
  .cart-sidebar .cart-item-price,
  .cart-sidebar .checkout-btn2,
  .cart-sidebar .checkout-btn1,
  .my-journey-empty-text2,
  .my-journey-add-btn,
  .detail-card-title-input,
  .journey-item-title,
  .left-attractions-sidebar .btn-add-itinerary,
  .booking-subtotal span:first-child,
  .btn-book,
  .btn-cart,
  .evaluate-order-title {
    font-size: 0.26rem;
  }

  .cart-sidebar .cart-item-title {
    font-size: 0.26rem;
    line-height: 0.34rem;
  }

  .center-order-location img,
  .center-order-duration img,
  .center-collect-location img,
  .center-collect-duration img {
    width: 0.18rem;
    height: 0.2rem;
  }

  .collect-btnrow,
  .customorder-item {
    display: block;
  }

  .center-sidebar,
  .notes-section-title,
  .review-item .user-name {
    font-size: 0.28rem !important;
  }

  .center-collect-actions {
    margin-top: 0.1rem;
  }

  .product-detail-main {
    width: 100%;
  }

  .product-detail-container .products-info {
    padding-right: 0.2rem;
  }

  .cart-sidebar .cart-header h3 {
    font-size: 0.34rem;
  }

  .notes-content p {
    font-size: 0.24rem;
    line-height: 1.8;
  }

  .cart-sidebar .cart-content {
    width: 70%;
  }

  .cart-sidebar .cart-close {
    font-size: 0.5rem;
  }

  .MyItineraryBtn span {
    display: none;
  }

  .left-attractions-sidebar {
    display: none;
    width: 35%;
  }

  .left-attractions-sidebar .section-title-with-close {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.12rem;
  }

  .left-attractions-sidebar .left-sidebar-close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.44rem;
    height: 0.44rem;
    padding: 0;
    border: none;
    background: #f0f0f0;
    color: #333;
    font-size: 0.32rem;
    line-height: 1;
    border-radius: 0.08rem;
    cursor: pointer;
    flex-shrink: 0;
    float: right;
  }

  .left-attractions-sidebar .left-sidebar-close-btn:hover {
    background: #e0e0e0;
  }

  .map-jingdian {
    display: block;
    min-width: 1.5rem;
    background-color: rgb(255, 255, 255);
    border-color: rgb(218, 223, 230);
    border-radius: 0.08rem;
    position: absolute;
    top: 0.1rem;
    left: 0.16rem;
    z-index: 10;
    padding: 0.1rem 0.2rem;
  }

  .province-select-outside {
    min-width: 1.5rem;
    top: 0.8rem;
    left: 0.16rem;
  }

  .MyItineraryBtn {
    padding: 0.3rem 0.2rem;
    top: 0.1rem;
  }

  .ij-route-item .ij-route-btn-drag,
  .ij-route-item .ij-route-btn-del {
    width: 0.25rem;
    height: 0.3rem;
    padding: 0.15rem;
  }

  .ij-route-item::before {
    width: 0.2rem;
    height: 0.3rem;
  }

  .journey-item-save,
  .ij-route-item-name .ij-route-suggest-days,
  .detail-day-delete-btn,
  .detail-form-row .form-item label {
    font-size: 0.22rem;
  }

  .detail-dots-btn,
  .booking-title {
    font-size: 0.3rem;
  }

  .calendar-mobile {
    display: block;
  }

  .calendar-pc {
    display: none;
  }

  /* 移動端日曆頭部：2026年與月份避免重疊，增加間距並允許換行 */
  .flatpickr-current-month {
    flex-wrap: wrap !important;
    gap: 0.18rem !important;
    padding: 0 0.15rem;
    justify-content: center !important;
    text-align: center !important;
  }

  .flatpickr-current-month .numInputWrapper {
    margin-right: 0.08rem !important;
  }

  .flatpickr-current-month .numInputWrapper::after {
    margin-left: 0.06rem !important;
    margin-right: 0.2rem !important;
  }

  .flatpickr-current-month .cur-month,
  .flatpickr-current-month .flatpickr-monthDropdown-months {
    margin-left: 0 !important;
    padding-left: 0.15rem !important;
  }

  .flatpickr-current-month .cur-year {
    font-size: 0.28rem !important;
  }

  .flatpickr-current-month .cur-month,
  .flatpickr-current-month .flatpickr-monthDropdown-months {
    font-size: 0.28rem !important;
  }

  .cart-sidebar .cart-item-delete {
    width: 0.37rem;
    height: 0.37rem;
  }

  .my-journey-sidebar {
    width: 100%;
  }
}