优化了样式，抽象出了 WXSS/JS 库

pages/fighter-msg/fighter-msg.wxml

@@ -215,14 +215,14 @@
 
       <!-- 弹窗底部按钮 -->
       <view class="modal-footer">
-        <view class="btn-group">
+        <view class="cbtn-group">
           <!-- 联系客服按钮（始终显示） -->
-          <view class="btn btn-kefu" bindtap="lianxiKefu">
+          <view class="cbtn cbtn-kefu" bindtap="lianxiKefu">
             <text>联系客服</text>
           </view>
           <!-- 申诉按钮（只有待处罚状态可点击） -->
-          <view 
-            class="btn {{ xuanzhongChufa.sqzhuangtai === 0 ? 'btn-shensu' : 'btn-shensu-disabled' }}"
+          <view
+            class="cbtn {{ xuanzhongChufa.sqzhuangtai === 0 ? 'cbtn-shensu' : 'cbtn-shensu-disabled' }}"
             bindtap="{{ xuanzhongChufa.sqzhuangtai === 0 ? 'openShensuModal' : '' }}"
           >
             <text>申诉</text>
@@ -299,11 +299,11 @@
         </view>
       </view>
       <view class="modal-footer">
-        <view class="btn-group">
-          <view class="btn btn-quxiao" bindtap="closeShensuModal">
+        <view class="cbtn-group">
+          <view class="cbtn cbtn-quxiao" bindtap="closeShensuModal">
             <text>取消</text>
           </view>
-          <view class="btn btn-queren" bindtap="submitShensu">
+          <view class="cbtn cbtn-queren" bindtap="submitShensu">
             <text>提交申诉</text>
           </view>
         </view>

pages/fighter-msg/fighter-msg.wxss

@@ -625,12 +625,12 @@
     flex-shrink: 0;
 }
 
-.btn-group {
+.cbtn-group {
     display: flex;
     gap: 20rpx;
 }
 
-.btn {
+.cbtn {
     flex: 1;
     height: 90rpx;
     display: flex;
@@ -645,37 +645,37 @@
     color: var(--cyber-text) !important;
 }
 
-.btn:active {
+.cbtn:active {
     transform: scale(0.98);
 }
 
 /* 按钮样式 */
-.btn-kefu {
+.cbtn-kefu {
     background: rgba(0, 243, 255, 0.1);
     border-color: var(--cyber-blue);
     box-shadow: 0 0 12rpx rgba(0, 243, 255, 0.2);
 }
 
-.btn-shensu {
+.cbtn-shensu {
     background: rgba(255, 165, 0, 0.1);
     border-color: #FFA500;
     box-shadow: 0 0 12rpx rgba(255, 165, 0, 0.2);
 }
 
-.btn-shensu-disabled {
+.cbtn-shensu-disabled {
     background: rgba(102, 102, 102, 0.1);
     border-color: #666;
     box-shadow: 0 0 12rpx rgba(102, 102, 102, 0.2);
     opacity: 0.5;
 }
 
-.btn-quxiao {
+.cbtn-quxiao {
     background: rgba(255, 255, 255, 0.07);
     border-color: rgba(255, 255, 255, 0.2);
     box-shadow: 0 0 12rpx rgba(255, 255, 255, 0.1);
 }
 
-.btn-queren {
+.cbtn-queren {
     background: rgba(0, 255, 157, 0.1);
     border-color: var(--cyber-green);
     box-shadow: 0 0 12rpx rgba(0, 255, 157, 0.2);