1

pages/pets/pets.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="pets-container gradient-bg page-container">
+	<view class="pets-container page-container-unified">
 		<!-- 标签切换容器 -->
 		<view class="tabs-container" v-if="petsList.length > 0">
 			<view class="tabs-header">
@@ -653,12 +653,12 @@ export default {
 
 <style lang="scss" scoped>
 .pets-container {
-	padding-bottom: 120rpx;
+	/* 边距由外层page-container-unified统一管理 */
 }
 
 .tabs-container {
 	background: rgba(255, 255, 255, 0.85);
-	margin: 20rpx 20rpx 30rpx;
+	margin: 0 0 30rpx 0;
 	border-radius: 40rpx;
 	backdrop-filter: blur(20rpx);
 	overflow: visible;
@@ -758,7 +758,7 @@ export default {
 }
 
 .tab-content {
-	padding: 30rpx;
+	padding: 0;
 }
 
 .tab-panel {
@@ -941,7 +941,7 @@ export default {
 }
 
 .functions-section {
-	margin: 16rpx 30rpx 20rpx;
+	margin: 16rpx 0 20rpx 0;
 	background: rgba(255, 255, 255, 0.1);
 	border-radius: 16rpx;
 	padding: 16rpx 0;
@@ -1037,7 +1037,7 @@ export default {
 }
 
 .cards-section {
-	padding: 0 30rpx;
+	padding: 0;
 	display: flex;
 	flex-direction: column;
 	gap: 16rpx;