/* 强制重置 Flatpickr 样式，防止之前的 dark theme 或默认样式干扰 */
        .flatpickr-calendar {
              background: white !important;
                        /* 底部弹出模式 */
                        width: 100% !important; /* 宽度占满 */
                        max-width: 100% !important; 
                        left: 0 !important; 
                        right: 0 !important;
                        top: auto !important; /* 取消顶部定位 */
                        bottom: 0 !important; /* 贴底 */
                        transform: none !important; /* 取消居中变换 */
                        
                        position: fixed !important; /* 固定定位 */
                        z-index: 9999 !important; /* 确保在最上层 */
                        
                        border-radius: 15px 15px 0 0 !important; /* 只有上边有圆角 */
                        box-shadow: 0 -5px 20px rgba(0,0,0,0.2) !important;
                        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
                        padding: 10px 10px 30px 10px !important; /* 底部多留点白，适配 iPhone Home 条 */
                        
                        /* 动画效果 */
                        animation: slideUp 0.3s ease-out;
        }
        
        /* 确保每个日期格子是 flex 布局 */
        .flatpickr-day {
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            align-items: center !important;
            height: 60px !important;
            line-height: normal !important;
            border: 1px solid transparent !important;
            margin: 2px !important; /* 增加一点间距 */
            max-width: 40px !important; /* 防止格子过宽挤在一起 */
        }
        /* 移除箭头，因为现在是居中弹窗模式 */
                .flatpickr-calendar::before, .flatpickr-calendar::after {
                    display: none !important;
                }
        /* 强制内容不重叠 */
        .day-number {
            font-size: 16px !important;
            color: #333 !important;
            display: block !important;
            line-height: 1.2 !important;
        }
        
        .day-time {
            font-size: 10px !important;
            color: #999 !important;
            display: block !important;
            line-height: 1.2 !important;
            margin-top: 2px !important;
        }

        /* 选中状态覆盖 */
        .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange {
            background: #10b981 !important;
            border-color: #10b981 !important;
        }
        
        .flatpickr-day.selected .day-number, 
        .flatpickr-day.selected .day-time,
        .flatpickr-day.startRange .day-number, 
        .flatpickr-day.startRange .day-time,
        .flatpickr-day.endRange .day-number, 
        .flatpickr-day.endRange .day-time {
            color: white !important;
        }

        /* 头部样式修复 */
        .flatpickr-months {
            background: white !important;
            padding-top: 10px !important;
        }
        .flatpickr-current-month {
            color: #333 !important;
        }
        .flatpickr-monthDropdown-months {
            color: #333 !important;
            background: white !important;
        }
        .numInputWrapper input {
            color: #333 !important;
        }
        .flatpickr-weekdays {
            background: white !important;
        }
        span.flatpickr-weekday {
            color: #333 !important;
        }
		.flatpickr-months .flatpickr-month,
		span.flatpickr-weekday,
		.flatpickr-day.inRange,
		.flatpickr-day.inRange, 
		.flatpickr-day.prevMonthDay.inRange, 
		.flatpickr-day.nextMonthDay.inRange, 
		.flatpickr-day.today.inRange, 
		.flatpickr-day.prevMonthDay.today.inRange, 
		.flatpickr-day.nextMonthDay.today.inRange, 
		.flatpickr-day:hover, 
		.flatpickr-day.prevMonthDay:hover, 
		.flatpickr-day.nextMonthDay:hover, 
		.flatpickr-day:focus, 
		.flatpickr-day.prevMonthDay:focus, 
		.flatpickr-day.nextMonthDay:focus,
		.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background: #fff;box-shadow: none;}
		.flatpickr-day.inRange{}
		.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month{color: #000;fill: #000;}
		.flatpickr-day.selected.startRange, 
		.flatpickr-day.startRange.startRange, 
		.flatpickr-day.endRange.startRange{border-radius: 0.3rem;}
		.flatpickr-day.selected.endRange, 
		.flatpickr-day.startRange.endRange, 
		.flatpickr-day.endRange.endRange{border-radius: 0.3rem;}