feat: 全站视觉焕新与悬浮玻璃 TabBar 迁移

src/pages/agreement/index.scss

@@ -1,35 +1,52 @@
-.agreement-page {
-  padding: 0 32px 32px;
-}
+/* ============================================================
+   Agreement Page — 定制协议
+   ============================================================ */
 
-.agreement-title {
-  font-size: 40px;
-  font-weight: 800;
-  color: var(--text-primary);
-  display: block;
-  margin-bottom: 32px;
+.agreement-page {
+  padding: 0 32rpx calc(24rpx + env(safe-area-inset-bottom));
+  min-height: 100vh;
+  box-sizing: border-box;
 }
 
 .agreement-content {
-  padding: 40px 0;
+  padding: 32rpx 0 48rpx;
   line-height: 1.8;
 }
 
+.agreement-title {
+  display: block;
+  font-size: 44rpx;
+  font-weight: 700;
+  line-height: 1.2;
+  color: var(--text-primary);
+  margin-bottom: 32rpx;
+  letter-spacing: 0;
+}
+
 .agreement-section {
-  margin-bottom: 32px;
+  display: block;
+  margin-bottom: 24rpx;
+  padding: 32rpx;
+}
+
+.agreement-section:last-child {
+  margin-bottom: 0;
 }
 
 .agreement-h3 {
-  font-size: 32px;
-  font-weight: 700;
-  color: var(--text-primary);
   display: block;
-  margin-bottom: 16px;
+  font-size: 32rpx;
+  font-weight: 700;
+  line-height: 1.3;
+  color: var(--text-primary);
+  margin-bottom: 16rpx;
+  letter-spacing: 0;
 }
 
 .agreement-p {
-  font-size: 28px;
-  color: var(--text-secondary);
-  line-height: 1.8;
   display: block;
+  font-size: 28rpx;
+  line-height: 1.8;
+  color: var(--text-secondary);
+  white-space: pre-line;
 }

src/pages/agreement/index.tsx

@@ -40,7 +40,7 @@ export default function AgreementPage() {
         <View className='agreement-content' style={{ marginTop: `${safe.headerPaddingTop}px` }}>
           <Text className='agreement-title'>定制协议</Text>
           {SECTIONS.map((sec, idx) => (
-            <View key={idx} className='agreement-section'>
+            <View key={idx} className='agreement-section surface-card'>
               <Text className='agreement-h3'>{sec.title}</Text>
               <Text className='agreement-p'>{sec.content}</Text>
             </View>