@keyframes fadeIn-3e426d20{0%{opacity:0}to{opacity:1}}@keyframes slideUp-3e426d20{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-3e426d20{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin-3e426d20{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes pulse-3e426d20{0%,to{opacity:1}50%{opacity:.5}}.input-demo[data-v-3e426d20]{margin:0 auto;max-width:1200px;padding:24px}.input-demo .demo-header[data-v-3e426d20]{margin-bottom:48px;text-align:center}.input-demo .demo-header h1[data-v-3e426d20]{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;margin-bottom:16px}.input-demo .demo-header p[data-v-3e426d20]{color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:24px}.input-demo .demo-section[data-v-3e426d20]{margin-bottom:48px}.input-demo .demo-section h2[data-v-3e426d20]{border-bottom:2px solid var(--color-primary);color:var(--color-text-primary);font-size:1.8rem;font-weight:600;margin-bottom:24px;padding-bottom:8px}.input-demo .demo-section .demo-item[data-v-3e426d20]{margin-bottom:32px}.input-demo .demo-section .demo-item h3[data-v-3e426d20]{color:var(--color-text-primary);font-size:1.2rem;font-weight:500;margin-bottom:16px}.input-demo .demo-section .demo-item .input-group[data-v-3e426d20]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:16px}.input-demo .demo-section .demo-item .button-group[data-v-3e426d20]{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.input-demo .demo-section .demo-item .form-result[data-v-3e426d20]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);margin-top:24px;padding:16px}.input-demo .demo-section .demo-item .form-result h4[data-v-3e426d20]{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin-bottom:12px}.input-demo .demo-section .demo-item .form-result pre[data-v-3e426d20]{background-color:var(--color-background);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:14px;overflow-x:auto;padding:12px}.input-demo .demo-section .demo-item .validation-status[data-v-3e426d20]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);margin-top:24px;padding:16px}.input-demo .demo-section .demo-item .validation-status h4[data-v-3e426d20]{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin-bottom:16px}.input-demo .demo-section .demo-item .validation-status .status-grid[data-v-3e426d20]{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.input-demo .demo-section .demo-item .validation-status .status-item[data-v-3e426d20]{align-items:center;background-color:var(--color-background);border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;padding:8px 12px}.input-demo .demo-section .demo-item .validation-status .status-item .status-label[data-v-3e426d20]{color:var(--color-text-primary);font-weight:500}.input-demo .demo-section .demo-item .validation-status .status-item .status-value[data-v-3e426d20]{border-radius:var(--border-radius-sm);font-weight:600;padding:4px 8px}.input-demo .demo-section .demo-item .validation-status .status-item .status-value.valid[data-v-3e426d20]{background-color:var(--color-success);color:#fff}.input-demo .demo-section .demo-item .validation-status .status-item .status-value.invalid[data-v-3e426d20]{background-color:var(--color-error);color:#fff}.input-demo .demo-section .demo-item .validation-status .status-item .status-value[data-v-3e426d20]:not(.valid):not(.invalid){background-color:var(--color-text-disabled);color:var(--color-text-primary)}.input-demo .demo-section .demo-item .number-display[data-v-3e426d20]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);margin-top:24px;padding:16px}.input-demo .demo-section .demo-item .number-display h4[data-v-3e426d20]{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin-bottom:16px}.input-demo .demo-section .demo-item .number-display .value-item[data-v-3e426d20]{align-items:center;background-color:var(--color-background);border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.input-demo .demo-section .demo-item .number-display .value-item .value-label[data-v-3e426d20]{color:var(--color-text-primary);font-weight:500}.input-demo .demo-section .demo-item .number-display .value-item .value-content[data-v-3e426d20]{color:var(--color-text-secondary);font-family:monospace;font-weight:600}@media (max-width:639px){.input-demo[data-v-3e426d20]{padding:16px}.input-demo .demo-header h1[data-v-3e426d20]{font-size:2rem}.input-demo .demo-section h2[data-v-3e426d20]{font-size:1.5rem}.input-demo .input-group[data-v-3e426d20]{gap:16px!important;grid-template-columns:1fr!important}.input-demo .button-group[data-v-3e426d20]{align-items:stretch;flex-direction:column}}