第一次上传

.svn/pristine/57/57fbed9d43d196d753ffb00736e2f76c2f8e59c9.svn-base

@@ -0,0 +1,80 @@
+/* 会员标签和ID标签全局样式 */
+
+/* ID标签 - 紧凑设计 */
+.user-id-tag {
+  display: inline-flex;
+  align-items: center;
+  background: rgba(255, 107, 0, 0.08);
+  border: 1rpx solid rgba(255, 107, 0, 0.25);
+  border-radius: 20rpx;
+  padding: 6rpx 12rpx;
+  height: 44rpx;
+  backdrop-filter: blur(10rpx);
+  transition: all 0.2s ease;
+}
+
+.user-id-tag:active {
+  transform: scale(0.95);
+  background: rgba(255, 107, 0, 0.15);
+}
+
+.id-icon {
+  font-size: 18rpx;
+  color: #FF6B00;
+  margin-right: 4rpx;
+  flex-shrink: 0;
+}
+
+.id-text {
+  font-size: 20rpx;
+  color: #FF6B00;
+  font-weight: 500;
+  letter-spacing: 0.5rpx;
+  margin-right: 6rpx;
+}
+
+.id-copy {
+  font-size: 20rpx;
+  color: #FF9800;
+  padding: 2rpx;
+  margin-left: 2rpx;
+  transition: all 0.2s ease;
+  flex-shrink: 0;
+}
+
+.id-copy:active {
+  transform: scale(1.15);
+  color: #FF6B00;
+}
+
+/* 会员等级标签 */
+.user-member-tag {
+  display: inline-flex;
+  align-items: center;
+  background: linear-gradient(135deg, #FF6B00, #FF9500);
+  padding: 6rpx 12rpx;
+  border-radius: 20rpx;
+  height: 44rpx;
+  box-shadow: 0 2rpx 8rpx rgba(255, 107, 0, 0.25);
+}
+
+.member-icon {
+  font-size: 18rpx;
+  color: #FFFFFF;
+  margin-right: 4rpx;
+  flex-shrink: 0;
+}
+
+.member-text {
+  font-size: 20rpx;
+  color: #FFFFFF;
+  font-weight: 500;
+}
+
+/* 标签行 - 用于排列ID和会员等级标签 */
+.tags-row {
+  display: flex;
+  align-items: center;
+  gap: 10rpx;
+  flex-wrap: wrap;
+}