refactor: improve card styling across PageOne and PageThree components for better layout consistency

pages/orderDetailRefactored/components/PageOne.vue

@@ -492,6 +492,9 @@ export default {
   @extend .card-wrap;
   padding: 20rpx;
   margin-top: 20rpx;
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 100%;
 }
 
 .info-card-title {

pages/orderDetailRefactored/components/PageThree.vue

@@ -659,6 +659,9 @@ export default {
   @extend .card-wrap;
   padding: 20rpx;
   margin-top: 20rpx;
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 100%;
 }
 
 .info-card-title {

pages/orderDetailRefactored/styles/common.scss

@@ -87,9 +87,11 @@ $text-colors: (
 
 @mixin card {
   width: 100%;
+  max-width: 100%;
   margin: 0;
   background-color: map-get($colors, card);
   border-radius: map-get($sizes, radius);
+  box-sizing: border-box;
   @include shadow;
 }
 
@@ -123,6 +125,9 @@ $text-colors: (
 .card-wrap {
   @include card;
   margin-bottom: 20rpx;
+  box-sizing: border-box;
+  max-width: 100%;
+  overflow: hidden;
 
   &:hover {
     @include shadow(2);