refactor(mp): 迁移商城+AI报告+预约列表+文章详情页 — 统一组件库

商城订单/积分兑换/积分明细、AI 报告列表、预约列表、
文章详情共 6 个页面迁移：
- 最外层容器 → PageShell
- SCSS 删除 min-height/background 通用样式

apps/miniprogram/src/pages/pkg-mall/orders/index.tsx

@@ -8,6 +8,8 @@ import EmptyState from '../../../components/EmptyState';
 import ErrorState from '../../../components/ErrorState';
 import Loading from '../../../components/Loading';
 import SegmentTabs from '../../../components/SegmentTabs';
+import PageShell from '@/components/ui/PageShell';
+import ContentCard from '@/components/ui/ContentCard';
 import { useElderClass } from '../../../hooks/useElderClass';
 import './index.scss';
 
@@ -111,7 +113,7 @@ export default function MallOrders() {
   };
 
   return (
-    <View className={`orders-page ${modeClass}`}>
+    <PageShell padding="none" className={modeClass}>
       {/* 状态筛选标签 */}
       <SegmentTabs tabs={STATUS_TABS} activeKey={activeTab} onChange={handleTabChange} variant="underline" />
 
@@ -131,7 +133,7 @@ export default function MallOrders() {
           {orders.map((order) => {
             const statusCfg = getStatusConfig(order.status);
             return (
-              <View className='order-card' key={order.id}>
+              <ContentCard className='order-card' key={order.id}>
                 <View className='order-header'>
                   <Text className='order-product'>商品 {order.product_id.slice(0, 8)}</Text>
                   <View
@@ -162,7 +164,7 @@ export default function MallOrders() {
                     </View>
                   )}
                 </View>
-              </View>
+              </ContentCard>
             );
           })}
           {loading && <Loading />}
@@ -171,6 +173,6 @@ export default function MallOrders() {
           )}
         </View>
       )}
-    </View>
+    </PageShell>
   );
 }