fix: button

App.vue

@@ -333,6 +333,28 @@
 		}
 	}
 
+	.copy-button {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		flex-shrink: 0;
+		min-height: 40rpx;
+		margin: 0;
+		padding: 0 14rpx;
+		border: 1px solid var(--border-light);
+		border-radius: 20rpx;
+		background: var(--gray-100);
+		color: var(--primary);
+		font-size: 22rpx;
+		font-weight: 500;
+		line-height: 1;
+		white-space: nowrap;
+		cursor: pointer;
+		-webkit-tap-highlight-color: transparent;
+
+		&::after { border: none; }
+	}
+
 	.btn-group {
 		display: flex;
 		gap: 12rpx;

components/UserInfoCard.vue

@@ -4,13 +4,11 @@
 			<view class="user-details flex-col-g8">
 				<view class="info-copy-row">
 					<view class="title">{{ currentCardNo || '-' }}</view>
-					<image class="copy-icon" src="/static/复制.png" mode="aspectFit"
-						@tap.stop="copyText(currentCardNo, '号码')" aria-label="复制号码"></image>
+					<button class="copy-button" @tap.stop="copyText(currentCardNo, '号码')" aria-label="复制号码">复制</button>
 				</view>
 				<view v-if="!isDevice" class="info-copy-row">
 					<view class="caption">ICCID：{{ deviceInfo.iccid || '-' }}</view>
-					<image class="copy-icon" src="/static/复制.png" mode="aspectFit"
-						@tap.stop="copyText(deviceInfo.iccid, 'ICCID')" aria-label="复制ICCID"></image>
+					<button class="copy-button" @tap.stop="copyText(deviceInfo.iccid, 'ICCID')" aria-label="复制ICCID">复制</button>
 				</view>
 				<view class="caption">套餐名称：{{ deviceInfo.packageName || '-' }}</view>
 				<view class="caption" :class="{ 'expiry-warning': isExpiring }">
@@ -77,13 +75,6 @@
 			gap: 12rpx;
 		}
 
-		.copy-icon {
-			width: 28rpx;
-			height: 28rpx;
-			flex-shrink: 0;
-			cursor: pointer;
-		}
-
 		.renew-button {
 			margin: 24rpx 0 0;
 			width: 180rpx;

pages/auth/auth.vue

@@ -21,8 +21,7 @@
 					</view>
 					<view class="carrier-iccid">
 						<text class="iccid-value-text">{{ item.iccid }}</text>
-						<image class="copy-icon" src="/static/复制.png" mode="aspectFit"
-							@tap.stop="copyIccid(item.iccid)" aria-label="复制ICCID"></image>
+						<button class="copy-button" @tap.stop="copyIccid(item.iccid)" aria-label="复制ICCID">复制</button>
 					</view>
 					<view class="card-actions">
 						<button v-if="item.isRealName" class="btn-apple btn-primary action-button" disabled>已实名</button>
@@ -240,13 +239,6 @@
 			word-break: break-all;
 		}
 
-		.copy-icon {
-			width: 30rpx;
-			height: 30rpx;
-			flex-shrink: 0;
-			cursor: pointer;
-		}
-
 		.card-actions {
 			width: 100%;
 			margin-top: 20rpx;

pages/order-list/order-list.vue

@@ -27,7 +27,7 @@
 					<view class="card-header">
 						<view class="order-number" @tap.stop="copyOrderNo(item.order_no)">
 							<text class="order-no">{{ item.order_no || '-' }}</text>
-							<image class="copy-icon" src="/static/复制.png" mode="aspectFit"></image>
+							<button class="copy-button" @tap.stop="copyOrderNo(item.order_no)" aria-label="复制订单号">复制</button>
 						</view>
 						<view class="status-badge" :class="getStatusClass(item.payment_status)">
 							{{ item.payment_status_name }}
@@ -603,13 +603,6 @@
 		white-space: nowrap;
 	}
 
-	.copy-icon {
-		width: 30rpx;
-		height: 30rpx;
-		margin-left: 14rpx;
-		flex-shrink: 0;
-	}
-
 	.order-card .card-body {
 		padding: 0 0 28rpx;
 	}

pages/switch/switch.vue

@@ -27,8 +27,7 @@
 					</view>
 					<view class="carrier-iccid">
 						<text class="iccid-value-text">{{ item.iccid }}</text>
-						<image class="copy-icon" src="/static/复制.png" mode="aspectFit"
-							@tap.stop="copyIccid(item.iccid)" aria-label="复制ICCID"></image>
+						<button class="copy-button" @tap.stop="copyIccid(item.iccid)" aria-label="复制ICCID">复制</button>
 					</view>
 					<view class="card-actions">
 						<button v-if="item.is_current" class="btn-apple btn-primary action-button" disabled>当前使用</button>
@@ -330,13 +329,6 @@
 			word-break: break-all;
 		}
 
-		.copy-icon {
-			width: 30rpx;
-			height: 30rpx;
-			flex-shrink: 0;
-			cursor: pointer;
-		}
-
 		.carrier-statuses {
 			display: flex;
 			align-items: center;