diff --git a/components-diy/diy-recommend-code.vue b/components-diy/diy-recommend-code.vue
index 71878ff..dc6da4b 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;align-items:center;background:#FFFFFF;border:' + copyBtnBorderStyle() + ';border-radius:30rpx;padding:0 32rpx;height:60rpx;gap:8rpx;'">
+          <view @tap="copyRecommendCode" :style="$util.objToStyle(copyBtnStyleObj({display:'inline-flex',alignItems:'center',borderRadius:'30rpx',padding:'0 32rpx',height:'60rpx',gap:'8rpx'}))">
             <text style="font-size:22rpx;">📋</text>
-            <text :style="'font-size:24rpx;color:' + copyBtnTextColor() + ';font-weight:600;'">{{ nc.copyButtonText || '复制推荐码' }}</text>
+            <text :style="$util.objToStyle(copyBtnStyleObj({}, true))">{{ 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;justify-content:center;align-items:center;background:#FFFFFF;border:' + copyBtnBorderStyle() + ';border-radius:30rpx;padding:0 32rpx;gap:8rpx;'">
+        <view @tap="copyRecommendCode" :style="$util.objToStyle(copyBtnStyleObj({width:'fit-content',height:'60rpx',display:'flex',justifyContent:'center',alignItems:'center',borderRadius:'30rpx',padding:'0 32rpx',gap:'8rpx'}))">
           <text style="font-size:22rpx;">📋</text>
-          <text :style="'font-size:24rpx;color:' + copyBtnTextColor() + ';font-weight:600;'">{{ nc.copyButtonText || '复制推荐码' }}</text>
+          <text :style="$util.objToStyle(copyBtnStyleObj({}, true))">{{ 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;justify-content:center;align-items:center;background:#FFFFFF;border:' + copyBtnBorderStyle() + ';border-radius:30rpx;padding:0 32rpx;gap:8rpx;'">
+        <view @tap="copyRecommendCode" :style="$util.objToStyle(copyBtnStyleObj({width:'fit-content',height:'60rpx',display:'flex',justifyContent:'center',alignItems:'center',borderRadius:'30rpx',padding:'0 32rpx',gap:'8rpx'}))">
           <text style="font-size:22rpx;">📋</text>
-          <text :style="'font-size:24rpx;color:' + copyBtnTextColor() + ';font-weight:600;'">{{ nc.copyButtonText || '复制推荐码' }}</text>
+          <text :style="$util.objToStyle(copyBtnStyleObj({}, true))">{{ 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;justify-content:center;align-items:center;background:#FFFFFF;border:' + copyBtnBorderStyle() + ';border-radius:32rpx;padding:0 24rpx;gap:6rpx;box-sizing:border-box;'">
+          <view v-if="value.showCopyButton !== false" @tap="copyRecommendCode" :style="$util.objToStyle(copyBtnStyleObj({height:'64rpx',display:'inline-flex',justifyContent:'center',alignItems:'center',borderRadius:'32rpx',padding:'0 24rpx',gap:'6rpx'}))">
             <text style="font-size:22rpx;">📋</text>
-            <text :style="'font-size:24rpx;color:' + copyBtnTextColor() + ';font-weight:600;'">{{ nc.copyButtonText || '复制推荐码' }}</text>
+            <text :style="$util.objToStyle(copyBtnStyleObj({}, true))">{{ nc.copyButtonText || '复制推荐码' }}</text>
           </view>
           <!-- 右下角：立即分享链接按钮（黄橙渐变胶囊，按内容自适应，触发微信原生分享）
                H5 端用 view 触发，小程序/APP 端保留 button 以触发 open-type=share -->
@@ -802,21 +802,28 @@ export default {
 	    ].join('');
 	  },
   /**
-   * 复制按钮边框色(跟随后端 diyData.codeColor)
-   * 返回字符串,兼容 H5/小程序/APP/鸿蒙
+   * 复制按钮样式对象(跟随后端 diyData.codeColor)
+   * 返回对象,用 $util.objToStyle 转字符串,
+   * 兼容 H5/小程序/APP/鸿蒙
+   * @param {Object} preset 预设差异(可选,如 {borderRadius:'32rpx',height:'64rpx'})
+   * @param {Boolean} textOnly 只返回文字样式(用于内嵌 text 节点)
    */
-  copyBtnBorderStyle() {
+  copyBtnStyleObj(preset, textOnly) {
     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;
+    if (textOnly) {
+      return Object.assign({
+        fontSize: '24rpx',
+        color: codeColor,
+        fontWeight: '600'
+      }, preset || {});
+    }
+    const base = {
+      background: '#FFFFFF',
+      border: `2rpx solid ${codeColor}`,
+      boxSizing: 'border-box'
+    };
+    return Object.assign(base, preset || {});
   },
 	px2rpx(val) {
 	    return Number(val || 0) * 2