diff --git a/components-diy/diy-recommend-code.vue b/components-diy/diy-recommend-code.vue
index f5b5f9c..71878ff 100644
--- a/components-diy/diy-recommend-code.vue
+++ b/components-diy/diy-recommend-code.vue
@@ -104,9 +104,9 @@
         </view>
         <!-- 复制推荐码按钮：白色小按钮，红边框，在推荐码下方居中 -->
         <view v-if="value.showCopyButton !== false" style="margin-top:16rpx;text-align:center;">
-          <view @tap="copyRecommendCode" :style="{ display: 'inline-flex', alignItems: 'center', background: '#FFFFFF', border: '2rpx solid ' + (value.codeColor || '#DC143C'), borderRadius: '30rpx', padding: '0 32rpx', height: '60rpx', gap: '8rpx' }">
+          <view @tap="copyRecommendCode" :style="'display:inline-flex;align-items:center;background:#FFFFFF;border:' + copyBtnBorderStyle() + ';border-radius:30rpx;padding:0 32rpx;height:60rpx;gap:8rpx;'">
             <text style="font-size:22rpx;">📋</text>
-            <text :style="{ fontSize: '24rpx', color: value.codeColor || '#DC143C', fontWeight: '600' }">{{ nc.copyButtonText || '复制推荐码' }}</text>
+            <text :style="'font-size:24rpx;color:' + copyBtnTextColor() + ';font-weight:600;'">{{ nc.copyButtonText || '复制推荐码' }}</text>
           </view>
         </view>
       </view>
@@ -175,9 +175,9 @@
       </view>
       <!-- 复制推荐码按钮：白色小按钮，在虚线框下方、立即分享链接上方 -->
       <view v-if="value.showCopyButton !== false" style="margin-top:14rpx;display:flex;justify-content:center;position:relative;z-index:1;">
-        <view @tap="copyRecommendCode" :style="{ width: 'fit-content', height: '60rpx', display: 'flex', justifyContent: 'center', alignItems: 'center', background: '#FFFFFF', border: '2rpx solid ' + (value.codeColor || '#FF6B6B'), borderRadius: '30rpx', padding: '0 32rpx', gap: '8rpx' }">
+        <view @tap="copyRecommendCode" :style="'width:fit-content;height:60rpx;display:flex;justify-content:center;align-items:center;background:#FFFFFF;border:' + copyBtnBorderStyle() + ';border-radius:30rpx;padding:0 32rpx;gap:8rpx;'">
           <text style="font-size:22rpx;">📋</text>
-          <text :style="{ fontSize: '24rpx', color: value.codeColor || '#FF6B6B', fontWeight: '600' }">{{ nc.copyButtonText || '复制推荐码' }}</text>
+          <text :style="'font-size:24rpx;color:' + copyBtnTextColor() + ';font-weight:600;'">{{ nc.copyButtonText || '复制推荐码' }}</text>
         </view>
       </view>
       <!-- 立即分享链接按钮：红橙渐变胶囊全宽铺满，触发微信原生分享
@@ -231,9 +231,9 @@
       </view>
       <!-- 复制推荐码按钮：白色小按钮，在虚线框下方、立即分享链接上方，居中 -->
       <view v-if="value.showCopyButton !== false" style="margin-top:14rpx;display:flex;justify-content:center;position:relative;z-index:1;">
-        <view @tap="copyRecommendCode" :style="{ width: 'fit-content', height: '60rpx', display: 'flex', justifyContent: 'center', alignItems: 'center', background: '#FFFFFF', border: '2rpx solid ' + (value.codeColor || '#FF6B6B'), borderRadius: '30rpx', padding: '0 32rpx', gap: '8rpx' }">
+        <view @tap="copyRecommendCode" :style="'width:fit-content;height:60rpx;display:flex;justify-content:center;align-items:center;background:#FFFFFF;border:' + copyBtnBorderStyle() + ';border-radius:30rpx;padding:0 32rpx;gap:8rpx;'">
           <text style="font-size:22rpx;">📋</text>
-          <text :style="{ fontSize: '24rpx', color: value.codeColor || '#FF6B6B', fontWeight: '600' }">{{ nc.copyButtonText || '复制推荐码' }}</text>
+          <text :style="'font-size:24rpx;color:' + copyBtnTextColor() + ';font-weight:600;'">{{ nc.copyButtonText || '复制推荐码' }}</text>
         </view>
       </view>
       <!-- 立即分享链接按钮：Card 风格固定「白底红边框」设计，不读 buttonBgColor
@@ -289,9 +289,9 @@
         <!-- 2.4 + 2.5 按钮行：左复制、右分享，按内容自适应宽度，两端对称对齐 -->
         <view style="margin-top:16rpx;display:flex;align-items:center;justify-content:space-between;gap:16rpx;padding:0 8rpx;position:relative;z-index:1;">
           <!-- 左下角：复制推荐码按钮（描边圆角胶囊，按内容自适应） -->
-          <view v-if="value.showCopyButton !== false" @tap="copyRecommendCode" :style="{ height: '64rpx', display: 'inline-flex', justifyContent: 'center', alignItems: 'center', background: '#FFFFFF', border: '2rpx solid ' + (value.codeColor || '#FF8F00'), borderRadius: '32rpx', padding: '0 24rpx', gap: '6rpx', boxSizing: 'border-box' }">
+          <view v-if="value.showCopyButton !== false" @tap="copyRecommendCode" :style="'height:64rpx;display:inline-flex;justify-content:center;align-items:center;background:#FFFFFF;border:' + copyBtnBorderStyle() + ';border-radius:32rpx;padding:0 24rpx;gap:6rpx;box-sizing:border-box;'">
             <text style="font-size:22rpx;">📋</text>
-            <text :style="{ fontSize: '24rpx', color: value.codeColor || '#FF8F00', fontWeight: '600' }">{{ nc.copyButtonText || '复制推荐码' }}</text>
+            <text :style="'font-size:24rpx;color:' + copyBtnTextColor() + ';font-weight:600;'">{{ nc.copyButtonText || '复制推荐码' }}</text>
           </view>
           <!-- 右下角：立即分享链接按钮（黄橙渐变胶囊，按内容自适应，触发微信原生分享）
                H5 端用 view 触发，小程序/APP 端保留 button 以触发 open-type=share -->
@@ -801,6 +801,23 @@ export default {
 	      'font-weight:700;font-size:26rpx;'
 	    ].join('');
 	  },
+  /**
+   * 复制按钮边框色(跟随后端 diyData.codeColor)
+   * 返回字符串,兼容 H5/小程序/APP/鸿蒙
+   */
+  copyBtnBorderStyle() {
+    const v = this.nc;
+    const codeColor = (v && v.codeColor) ? v.codeColor : '#DC143C';
+    return `2rpx solid ${codeColor}`;
+  },
+  /**
+   * 复制按钮文字色(跟随后端 diyData.codeColor)
+   */
+  copyBtnTextColor() {
+    const v = this.nc;
+    const codeColor = (v && v.codeColor) ? v.codeColor : '#DC143C';
+    return codeColor;
+  },
 	px2rpx(val) {
 	    return Number(val || 0) * 2
 	  },