*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,sans-serif}body{color:#f8fafc;background:radial-gradient(circle at 20% 20%,#1f2937,#0f172a 80%);justify-content:center;align-items:center;min-height:100vh;display:flex}#root{justify-content:center;width:100%;padding:1.5rem;display:flex}.form-container{-webkit-backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:440px;padding:2.25rem 2rem;box-shadow:0 20px 40px -15px #00000080,0 0 0 1px #ffffff0d}.form-header{text-align:center;margin-bottom:1.75rem}.form-header h2{letter-spacing:-.025em;background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.75rem;font-weight:700}.form-header p{color:#94a3b8;margin-top:.35rem;font-size:.9rem}.user-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{text-align:left;flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#cbd5e1;font-size:.875rem;font-weight:500}.form-group input{color:#fff;background:#0f172a99;border:1px solid #94a3b833;border-radius:10px;outline:none;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .2s ease-in-out}.form-group input::placeholder{color:#64748b}.form-group input:focus{background:#0f172ae6;border-color:#6366f1;box-shadow:0 0 0 3px #6366f140}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:10px;margin-top:.5rem;padding:.85rem 1.25rem;font-size:1rem;font-weight:600;transition:all .2s ease-in-out;box-shadow:0 4px 14px #6366f159}.submit-btn:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.error-message{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459;border-radius:12px;margin-top:1.5rem;padding:1rem 1.25rem;font-size:.9rem;font-weight:500;animation:.3s ease-in-out fadeIn}.submission-result{background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;margin-top:1.5rem;padding:1.25rem;animation:.3s ease-in-out fadeIn}.submission-result h3{color:#34d399;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1rem;display:flex}.result-row{border-bottom:1px dashed #94a3b826;justify-content:space-between;padding:.35rem 0;font-size:.9rem;display:flex}.result-row:last-child{border-bottom:none}.result-label{color:#94a3b8}.result-value{color:#f1f5f9;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}