body { background-color: #F8F8F8; } .custom-header { position: fixed; top: 0; left: 0; width: 100%; height: 2.75rem; padding-top: var(--status-bar-height); background-color: #fff; display: flex; align-items: center; justify-content: space-between; padding-left: 0.9375rem; padding-right: 0.9375rem; box-sizing: content-box; z-index: 100; } .header-placeholder { height: calc(2.75rem + var(--status-bar-height)); } .back-icon { width: 1.25rem; height: 1.25rem; } .header-title { font-size: 0.875rem; font-weight: bold; color: #333; } .header-right { width: 1.25rem; } .container { padding: 0.625rem 0.9375rem; } .form-card { background-color: #fff; border-radius: 0.625rem; padding: 0 0.9375rem; margin-bottom: 0.9375rem; } .form-item { display: flex; align-items: center; padding: 0.9375rem 0; border-bottom: 1px solid #F5F5F5; } .form-item.no-border { border-bottom: none; } .form-label { width: 5rem; font-size: 0.875rem; color: #333; } .form-input { flex: 1; font-size: 0.875rem; color: #333; } .placeholder { color: #999; } .btn-area { padding: 1.25rem 0; } .submit-btn { background-color: #FF5722; color: #fff; font-size: 1rem; border-radius: 1.375rem; height: 2.75rem; line-height: 2.75rem; border: none; } .tips { padding: 0.625rem 0.9375rem; } .tips-text { display: block; font-size: 0.75rem; color: #999; line-height: 1.25rem; }