feat: harden phase one workflows

miniapp/miniprogram/pages/express/create.wxml

@@ -1,23 +1,46 @@
 <view class="page">
-  <view class="section-title">代取快递</view>
-  <view class="card">
+  <view class="page-heading">
+    <view class="heading-eyebrow">快递服务</view>
+    <view class="heading-title">代取快递</view>
+    <view class="heading-subtitle">填写取件信息，配送员帮你送到家</view>
+  </view>
+
+  <view class="express-tips">
+    <view class="tips-title">收费规则</view>
+    <view class="muted">首件 3 元，第二件起每件加 1 元，异常订单后台可调整。</view>
+  </view>
+
+  <view class="form-card express-form">
+    <view class="field-label">快递公司</view>
     <input class="input" placeholder="快递公司" data-field="expressCompany" bindinput="onFieldInput" />
+
+    <view class="field-label">取件码</view>
     <input class="input" placeholder="取件码" data-field="pickupCode" bindinput="onFieldInput" />
+
+    <view class="field-label">快递站地址</view>
     <input class="input" placeholder="快递站地址" data-field="pickupAddress" bindinput="onFieldInput" />
+
+    <view class="field-label">手机号</view>
     <input class="input" placeholder="手机号" data-field="receiverPhone" bindinput="onFieldInput" />
-    <view class="muted">送达地址</view>
+
+    <view class="field-label">送达地址</view>
     <picker mode="selector" range="{{addresses}}" range-key="detail" value="{{addressIndex}}" bindchange="onAddressChange">
       <view class="picker">{{addresses[addressIndex] ? addresses[addressIndex].building + ' ' + addresses[addressIndex].room + ' ' + addresses[addressIndex].detail : '请选择地址'}}</view>
     </picker>
+
+    <view class="field-label">件数</view>
     <input class="input" type="number" value="{{form.packageCount}}" bindinput="onPackageCountChange" />
-    <view class="card">
+
+    <view class="fee-panel">
       <view class="row between">
         <text>预估服务费</text>
         <text class="price">¥{{feeCent / 100}}</text>
       </view>
       <view class="muted">首件 3 元，续件每件 1 元</view>
     </view>
+
+    <view class="field-label">备注</view>
     <textarea class="textarea" placeholder="备注" data-field="remark" bindinput="onFieldInput" />
-    <button class="primary" loading="{{submitting}}" bindtap="submit">提交代取</button>
+    <button class="primary action-button" loading="{{submitting}}" bindtap="submit">提交代取</button>
   </view>
 </view>

miniapp/miniprogram/pages/express/create.wxss

@@ -1,3 +1,46 @@
-.card .card {
-  margin-top: 0;
+.page-heading {
+  margin-bottom: 20rpx;
+}
+
+.express-tips {
+  padding: 22rpx;
+  margin-bottom: 18rpx;
+  background: #fff7ed;
+  border: 1rpx solid #fed7aa;
+  border-radius: 16rpx;
+}
+
+.tips-title {
+  margin-bottom: 8rpx;
+  color: #9a3412;
+  font-size: 28rpx;
+  font-weight: 800;
+}
+
+.form-card {
+  margin-bottom: 20rpx;
+}
+
+.express-form {
+  padding-bottom: 28rpx;
+}
+
+.field-label {
+  margin-top: 4rpx;
+}
+
+.fee-panel {
+  padding: 22rpx;
+  margin-bottom: 20rpx;
+  background: #f8fafc;
+  border: 1rpx solid #e2e8f0;
+  border-radius: 16rpx;
+}
+
+.fee-panel .price {
+  font-size: 36rpx;
+}
+
+.action-button {
+  margin-top: 6rpx;
 }