﻿    /* ================= 日期选择器 ================= */
    input[type="date"] {
        padding: 6px 12px;
        padding-right: 36px; /* 给图标留空间 */
        border: 1px solid var(--border);
        border-radius: 6px;
        background: var(--bg);
        color: var(--text);
        outline: none;
        font-size: 14px;
        transition: all .2s ease;
        position: relative;
        cursor: pointer;
    }

    /* hover */
    input[type="date"]:hover {
        border-color: var(--primary);
    }

    /* focus（核心发光效果） */
    input[type="date"]:focus {
        border-color: var(--primary);
        box-shadow: var(--primary-shadow-color);
    }

    /* 禁用状态 */
    input[type="date"]:disabled {
        opacity: .6;
        cursor: not-allowed;
    }

    /* 去掉原生图标（Chrome） */
    input[type="date"]::-webkit-calendar-picker-indicator {
        opacity: 0;
        position: absolute;
        right: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

    /* 自定义图标 */
    .date-wrapper {
        position: relative;
        display: inline-block;
    }

    .date-wrapper::after {
        content: "";
        position: absolute;
        right: 10px;
        top: 50%;
        width: 16px;
        height: 16px;
        transform: translateY(-50%);
        pointer-events: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='10' height='9' rx='2'/%3E%3Cline x1='3' y1='7' x2='13' y2='7'/%3E%3Cline x1='6' y1='2' x2='6' y2='4'/%3E%3Cline x1='10' y1='2' x2='10' y2='4'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
    }

    /* focus时图标高亮（可选） */
    .date-wrapper:focus-within::after {
        filter: drop-shadow(0 0 2px var(--primary));
    }
