From 52aa484202a10691fe67c2a0238b84b3585e333e Mon Sep 17 00:00:00 2001
From: erio <asakifeng@gmail.com>
Date: Tue, 3 Mar 2026 05:54:46 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=97=E8=A1=A8=E9=A1=B5=E5=8D=A0?=
 =?UTF-8?q?=E6=BB=A1=E5=AE=BD=E5=BA=A6=EF=BC=8C=E5=85=85=E5=80=BC=E9=A1=B5?=
 =?UTF-8?q?=E4=BF=9D=E6=8C=81=E5=B1=85=E4=B8=AD=E5=8D=A1=E7=89=87=EF=BC=8C?=
 =?UTF-8?q?=E5=B5=8C=E5=85=A5=E6=A8=A1=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- maxWidth 新增 'lg' 选项（max-w-6xl），'full' 改为无限制
- 充值页 PC 端使用 'lg'，管理后台/我的订单使用 'full' 占满宽度
- 嵌入模式：减小外边距、隐藏装饰光斑、取消 min-h-screen

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/app/pay/page.tsx             |  2 +-
 src/components/PayPageLayout.tsx | 37 +++++++++++++++++++-------------
 2 files changed, 23 insertions(+), 16 deletions(-)

diff --git a/src/app/pay/page.tsx b/src/app/pay/page.tsx
index 2c35dbb..5114959 100644
--- a/src/app/pay/page.tsx
+++ b/src/app/pay/page.tsx
@@ -304,7 +304,7 @@ function PayContent() {
     <PayPageLayout
       isDark={isDark}
       isEmbedded={isEmbedded}
-      maxWidth={isMobile ? 'sm' : 'full'}
+      maxWidth={isMobile ? 'sm' : 'lg'}
       title="Sub2API 余额充值"
       subtitle="安全支付，自动到账"
       actions={!isMobile ? (
diff --git a/src/components/PayPageLayout.tsx b/src/components/PayPageLayout.tsx
index 62a7057..ba8e1f3 100644
--- a/src/components/PayPageLayout.tsx
+++ b/src/components/PayPageLayout.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 interface PayPageLayoutProps {
   isDark: boolean;
   isEmbedded?: boolean;
-  maxWidth?: 'sm' | 'full';
+  maxWidth?: 'sm' | 'lg' | 'full';
   title: string;
   subtitle: string;
   actions?: React.ReactNode;
@@ -19,30 +19,37 @@ export default function PayPageLayout({
   actions,
   children,
 }: PayPageLayoutProps) {
+  const maxWidthClass = maxWidth === 'sm' ? 'max-w-lg' : maxWidth === 'lg' ? 'max-w-6xl' : '';
+
   return (
     <div
       className={[
-        'relative min-h-screen w-full overflow-hidden p-3 sm:p-4',
+        'relative w-full overflow-hidden',
+        isEmbedded ? 'p-2' : 'min-h-screen p-3 sm:p-4',
         isDark ? 'bg-slate-950 text-slate-100' : 'bg-slate-100 text-slate-900',
       ].join(' ')}
     >
-      <div
-        className={[
-          'pointer-events-none absolute -left-20 -top-20 h-56 w-56 rounded-full blur-3xl',
-          isDark ? 'bg-indigo-500/25' : 'bg-sky-300/35',
-        ].join(' ')}
-      />
-      <div
-        className={[
-          'pointer-events-none absolute -right-24 bottom-0 h-64 w-64 rounded-full blur-3xl',
-          isDark ? 'bg-cyan-400/20' : 'bg-indigo-200/45',
-        ].join(' ')}
-      />
+      {!isEmbedded && (
+        <>
+          <div
+            className={[
+              'pointer-events-none absolute -left-20 -top-20 h-56 w-56 rounded-full blur-3xl',
+              isDark ? 'bg-indigo-500/25' : 'bg-sky-300/35',
+            ].join(' ')}
+          />
+          <div
+            className={[
+              'pointer-events-none absolute -right-24 bottom-0 h-64 w-64 rounded-full blur-3xl',
+              isDark ? 'bg-cyan-400/20' : 'bg-indigo-200/45',
+            ].join(' ')}
+          />
+        </>
+      )}
 
       <div
         className={[
           'relative mx-auto w-full rounded-3xl border p-4 sm:p-6',
-          maxWidth === 'sm' ? 'max-w-lg' : 'max-w-6xl',
+          maxWidthClass,
           isDark
             ? 'border-slate-700/70 bg-slate-900/85 shadow-2xl shadow-black/35'
             : 'border-slate-200/90 bg-white/95 shadow-2xl shadow-slate-300/45',