.date-converter-card[data-v-66a66803]{border-radius:12px;overflow:hidden}.input-section[data-v-66a66803]{margin-bottom:0}.format-select[data-v-66a66803],.date-input[data-v-66a66803]{width:100%}.error-message[data-v-66a66803]{margin-top:16px}.section-divider[data-v-66a66803]{margin:24px 0;border-color:var(--el-border-color-lighter)}.output-section[data-v-66a66803]{min-height:200px}.format-item[data-v-66a66803]{margin-bottom:16px}.format-card[data-v-66a66803]{background:var(--el-bg-color-page);border:1px solid var(--el-border-color-light);border-radius:8px;padding:16px;height:100%;transition:all .3s ease;position:relative}.format-card[data-v-66a66803]:hover{border-color:var(--el-color-primary);box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.format-header[data-v-66a66803]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;min-height:24px}.format-name[data-v-66a66803]{font-weight:600;color:var(--el-text-color-primary);font-size:14px;line-height:1.4;word-break:break-word}.copy-btn[data-v-66a66803]{padding:4px;min-height:auto;opacity:.7;transition:opacity .3s ease}.copy-btn[data-v-66a66803]:hover{opacity:1}.custom-format[data-v-66a66803]{margin-bottom:12px}.format-input[data-v-66a66803]{width:100%}.format-result[data-v-66a66803]{position:relative}.result-input[data-v-66a66803]{width:100%;cursor:pointer}.result-input[data-v-66a66803]:hover{border-color:var(--el-color-primary)}.result-input .el-input__inner[data-v-66a66803]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.4}@media (max-width: 768px){.format-card[data-v-66a66803]{padding:12px}.format-name[data-v-66a66803]{font-size:13px}.section-divider[data-v-66a66803]{margin:16px 0}.input-section .el-col[data-v-66a66803]{margin-bottom:12px}.input-section .el-col[data-v-66a66803]:last-child{margin-bottom:0}}@media (max-width: 576px){.format-item[data-v-66a66803]{margin-bottom:12px}.format-card[data-v-66a66803]{padding:10px}}.dark .format-card[data-v-66a66803]{background:var(--el-bg-color);border-color:var(--el-border-color)}.dark .format-card[data-v-66a66803]:hover{border-color:var(--el-color-primary);box-shadow:0 2px 8px #ffffff1a}.format-card[data-v-66a66803]{animation:fadeInUp-66a66803 .3s ease-out}@keyframes fadeInUp-66a66803{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.date-input[data-v-66a66803] .el-input__wrapper{transition:all .3s ease}.date-input[data-v-66a66803] .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-color-primary) inset}.copy-btn[data-v-66a66803]{position:relative;overflow:hidden}.copy-btn[data-v-66a66803]:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.copy-btn[data-v-66a66803]:active:after{width:100px;height:100px}