upload project

subpackages/realname/camera-verify.wxss

@@ -0,0 +1,176 @@
+.camera-verify-container {
+  min-height: 100vh;
+  background: #000;
+  color: #fff;
+  box-sizing: border-box;
+  padding: 32rpx;
+  display: flex;
+  flex-direction: column;
+}
+
+.header {
+  margin-bottom: 24rpx;
+  width: 100%;
+}
+
+.title {
+  font-size: 36rpx;
+  font-weight: 600;
+  color: #fff;
+  display: block;
+}
+
+.desc {
+  display: block;
+  margin-top: 8rpx;
+  font-size: 24rpx;
+  color: #b0b0b0;
+}
+
+.top-hint {
+  margin: 8rpx 0 20rpx 0;
+  width: 100%;
+}
+
+.top-hint-text {
+  font-size: 26rpx;
+  color: #ffd666;
+  display: block;
+}
+
+.camera-box {
+  width: 560rpx;
+  height: 560rpx;
+  border: 4rpx solid #333;
+  border-radius: 50%;
+  overflow: hidden;
+  background: #111;
+  margin: 0 auto 32rpx auto;
+  position: relative;
+  z-index: 1;
+}
+
+.camera {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+.liveness-hint {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.7);
+  padding: 16rpx 20rpx;
+  box-sizing: border-box;
+  z-index: 2;
+}
+
+.hint-text {
+  display: block;
+  font-size: 28rpx;
+  color: #fff;
+  margin-bottom: 12rpx;
+}
+
+.hint-actions {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.hint-btn {
+  height: 64rpx;
+  line-height: 64rpx;
+  padding: 0 24rpx;
+  border-radius: 12rpx;
+  background: #2eadfb;
+  color: #fff;
+  border: none;
+  font-size: 24rpx;
+}
+
+.hint-btn::after {
+  border: none;
+}
+
+.hint-dots {
+  margin-top: 10rpx;
+  display: flex;
+  gap: 8rpx;
+  justify-content: center;
+}
+
+.dot {
+  width: 10rpx;
+  height: 10rpx;
+  border-radius: 50%;
+  background: #666;
+}
+
+.dot.done {
+  background: #2eadfb;
+}
+
+.actions {
+  display: flex;
+  gap: 16rpx;
+  justify-content: space-between;
+  margin: 20rpx 0;
+  width: 100%;
+  z-index: 10;
+  position: relative;
+}
+
+.btn {
+  flex: 1;
+  height: 88rpx;
+  line-height: 88rpx;
+  text-align: center;
+  border-radius: 16rpx;
+  border: none;
+  color: #fff;
+  font-size: 28rpx;
+}
+
+.btn.capture {
+  background: #2b8a3e;
+}
+
+.btn.capture.enabled {
+  background: #2b8a3e;
+}
+
+.btn.capture.disabled {
+  background: #555;
+  opacity: 0.5;
+}
+
+.btn.retake {
+  background: #6c757d;
+}
+
+.btn.submit {
+  background: #494949;
+}
+
+.btn.submit.enabled {
+  background: linear-gradient(124deg, #ff6460 1.58%, #ec42c8 34.28%, #435cff 54%, #00d5ff 84.05%);
+}
+
+.btn.submit.disabled {
+  background: #494949;
+  opacity: 0.5;
+}
+
+.preview {
+  margin-top: 20rpx;
+  width: 100%;
+}
+
+.preview-image {
+  width: 100%;
+  border-radius: 12rpx;
+  display: block;
+}
+