.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}:root{--primary: #409eff;--primary-dark: #337ecc;--primary-light: #ecf5ff;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--bg: #f4f5f7;--card-bg: #ffffff;--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08)}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;font-size:15px;color:var(--text-primary);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}.h5-container{max-width:420px;margin:0 auto;min-height:100vh;background:var(--card-bg);box-shadow:var(--shadow-md);position:relative;overflow-x:hidden}.h5-header{padding:16px 20px;border-bottom:1px solid var(--border);text-align:center}.h5-header h1{margin:0;font-size:17px;font-weight:600;color:var(--text-primary)}.h5-header .sub{margin-top:4px;font-size:12px;color:var(--text-muted)}.h5-card{background:var(--card-bg);border-radius:var(--radius);padding:20px;margin-bottom:16px}.h5-card.shadow{box-shadow:var(--shadow-sm)}.h5-btn{display:block;width:100%;padding:14px 20px;font-size:16px;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;text-align:center;background:var(--primary);color:#fff}.h5-btn:active{transform:scale(.98);background:var(--primary-dark)}.h5-btn:disabled{background:#cbd5e1;color:#fff;cursor:not-allowed}.h5-btn.outline{background:transparent;border:1px solid var(--primary);color:var(--primary)}.h5-btn.outline:active{background:var(--primary-light)}.h5-form-group{margin-bottom:16px}.h5-form-label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.h5-form-label .required{color:var(--danger);margin-right:4px}.h5-input{width:100%;padding:12px 14px;font-size:15px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;color:var(--text-primary);outline:none;transition:border-color .2s}.h5-input:focus{border-color:var(--primary)}.h5-input::placeholder{color:var(--text-muted)}.h5-input.error{border-color:var(--danger)}.h5-error-msg{font-size:12px;color:var(--danger);margin-top:6px}.h5-result-icon{width:80px;height:80px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px}.h5-result-icon.success{background:#ecfdf5;color:var(--success)}.h5-result-icon.fail{background:#fef2f2;color:var(--danger)}.h5-result-icon.loading{background:var(--primary-light);color:var(--primary);animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.h5-loading,.h5-empty{text-align:center;padding:60px 20px;color:var(--text-muted)}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}