upload project

subpackages/realname/realname.wxss

@@ -0,0 +1,157 @@
+.realname-container {
+  width: 100vw;
+  min-height: 100vh;
+  background: #000000;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  box-sizing: border-box;
+  padding: 40rpx 32rpx 80rpx 32rpx;
+}
+
+.top-image-box {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  margin-bottom: 60rpx;
+}
+
+.check-image {
+  width: 420rpx;
+  height: 150rpx;
+  margin: 100rpx 0;
+}
+
+.form-row {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 42rpx;
+}
+
+.label {
+  font-size: 28rpx;
+  color: #bfbfbf;
+  margin-bottom: 16rpx;
+}
+
+.input {
+  width: 100%;
+  height: 84rpx;
+  border-radius: 12rpx;
+  background: #1a1a1a;
+  color: #ffffff;
+  font-size: 28rpx;
+  padding: 0 28rpx;
+  box-sizing: border-box;
+  border: 1rpx solid #333333;
+}
+
+.input.error {
+  border: 1rpx solid #ff4d4f;
+}
+
+.error-text{
+  margin-top: 10rpx;
+  font-size: 24rpx;
+  color: #ff4d4f;
+}
+
+.action-row {
+  width: 100%;
+  margin-top: 40rpx;
+}
+
+.next-btn {
+  width: 100%;
+  height: 88rpx;
+  line-height: 88rpx;
+  text-align: center;
+  border-radius: 44rpx;
+  color: #ffffff;
+  font-size: 32rpx;
+  border: none;
+}
+
+.next-btn.disabled {
+  background: #494949;
+}
+
+.next-btn.enabled {
+  background: linear-gradient(124deg, #ff6460 1.58%, #ec42c8 34.28%, #435cff 54%, #00d5ff 84.05%);
+}
+
+.next-btn::after {
+  border: none;
+}
+
+.tips-box{
+  width: 100%;
+  margin-top: 58rpx;
+  padding: 24rpx;
+}
+.tips-title{
+  display: block;
+  font-size: 28rpx;
+  color: #555;
+  margin-bottom: 12rpx;
+}
+.tips-list{display:flex;flex-direction:column;gap:10rpx;}
+.tips-item{font-size:24rpx;color:#555;line-height:1.6;}
+
+
+/* 自定义确认弹框 */
+.confirm-mask{
+  position: fixed;
+  top: 0; left: 0; right: 0; bottom: 0;
+  background: rgba(0,0,0,0.6);
+  z-index: 999;
+}
+.confirm-modal{
+  position: fixed;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 86%;
+  max-width: 640rpx;
+  background: #0e0e0e;
+  color: #ffffff;
+  border-radius: 24rpx;
+  padding: 32rpx 28rpx;
+  z-index: 1000;
+  box-sizing: border-box;
+  border: 1rpx solid #222;
+}
+.confirm-title{
+  font-size: 32rpx;
+  font-weight: 600;
+  margin-bottom: 16rpx;
+}
+.confirm-content{
+  font-size: 26rpx;
+  line-height: 1.8;
+  color: #e0e0e0;
+}
+.confirm-actions{
+  margin-top: 28rpx;
+  display: flex;
+  justify-content: space-between;
+  gap: 24rpx;
+}
+.confirm-btn{
+  width: 200rpx;
+  height: 80rpx;
+  line-height: 80rpx;
+  text-align: center;
+  border-radius: 16rpx;
+  color: #ffffff;
+  font-size: 28rpx;
+  border: none;
+}
+.confirm-btn::after{border:none;}
+.confirm-btn.cancel{
+  background: linear-gradient(135deg, #242424 0%, #2eadfb 100%);
+}
+.confirm-btn.ok{
+  background: linear-gradient(135deg, #c38eff 0%, #559cff 100%);
+}