From 88578a74334d3753a8ff96951d88c5d14f9e4015 Mon Sep 17 00:00:00 2001
From: zhangxiang <zhangxiang@novalon.cn>
Date: Mon, 31 Aug 2026 16:17:42 +0800
Subject: [PATCH] =?UTF-8?q?style(cta):=20=E5=85=A8=E7=AB=99=20CTA=20Pill?=
 =?UTF-8?q?=20=E5=8C=96=EF=BC=88Button=20=E7=BB=84=E4=BB=B6=20+=2011=20?=
 =?UTF-8?q?=E4=B8=AA=E8=90=A5=E9=94=80=E9=A1=B5=E5=86=85=E8=81=94=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=20rounded-full=20=E5=AF=B9=E9=BD=90=E7=AD=BE=E5=90=8D?=
 =?UTF-8?q?=E5=8C=96=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/(marketing)/about/about-content-v4.tsx         |  8 ++++----
 src/app/(marketing)/about/brand/brand-content.tsx      |  4 ++--
 src/app/(marketing)/cases/cases-content-v3.tsx         |  4 ++--
 src/app/(marketing)/contact/contact-content-v3.tsx     |  4 ++--
 src/app/(marketing)/news/news-content-v3.tsx           |  4 ++--
 src/app/(marketing)/news/news-detail-content-v3.tsx    |  4 ++--
 .../(marketing)/products/standalone/[id]/client.tsx    |  4 ++--
 .../(marketing)/services/service-detail-content-v4.tsx |  8 ++++----
 src/app/(marketing)/services/services-content-v3.tsx   |  8 ++++----
 src/app/(marketing)/solutions/solutions-content-v3.tsx |  8 ++++----
 src/app/(marketing)/team/team-content-v3.tsx           |  8 ++++----
 src/components/ui/button.tsx                           | 10 +++++-----
 12 files changed, 37 insertions(+), 37 deletions(-)

diff --git a/src/app/(marketing)/about/about-content-v4.tsx b/src/app/(marketing)/about/about-content-v4.tsx
index fed04d1..c198d00 100644
--- a/src/app/(marketing)/about/about-content-v4.tsx
+++ b/src/app/(marketing)/about/about-content-v4.tsx
@@ -106,7 +106,7 @@ function HeroSection({ data }: { data: AboutData }) {
             <a
               href={data.heroPrimaryCtaHref || '#'}
               aria-label={data.heroPrimaryCtaLabel || '预约咨询'}
-              className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white transition-all duration-300 hover:bg-brand/90 min-h-[52px] touch-manipulation"
+              className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white rounded-full transition-all duration-300 hover:bg-brand/90 min-h-[52px] touch-manipulation"
             >
               {data.heroPrimaryCtaLabel || '预约咨询'}
               <ArrowUpRight className="w-4 h-4 transition-transform duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5" />
@@ -114,7 +114,7 @@ function HeroSection({ data }: { data: AboutData }) {
             <a
               href={data.heroSecondaryCtaHref || '#'}
               aria-label={data.heroSecondaryCtaLabel || '了解更多'}
-              className="inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base text-ink border border-border-primary hover:border-border-secondary hover:bg-bg-secondary transition-all duration-300 min-h-[52px] touch-manipulation"
+              className="inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base text-ink border border-border-primary rounded-full hover:border-border-secondary hover:bg-bg-secondary transition-all duration-300 min-h-[52px] touch-manipulation"
             >
               {data.heroSecondaryCtaLabel || '了解更多'}
             </a>
@@ -432,7 +432,7 @@ function CTASection({ data }: { data: AboutData }) {
             <a
               href={data.ctaPrimaryHref || '#'}
               aria-label={data.ctaPrimaryLabel || '预约咨询'}
-              className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white transition-all duration-300 hover:bg-brand/90 min-h-[52px] touch-manipulation"
+              className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white rounded-full transition-all duration-300 hover:bg-brand/90 min-h-[52px] touch-manipulation"
             >
               {data.ctaPrimaryLabel || '预约咨询'}
               <ArrowUpRight className="w-4 h-4 transition-transform duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5" />
@@ -440,7 +440,7 @@ function CTASection({ data }: { data: AboutData }) {
             <a
               href={data.ctaSecondaryHref || '#'}
               aria-label={data.ctaSecondaryLabel || '了解更多'}
-              className="inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base text-ink border border-border-primary hover:border-border-secondary hover:bg-bg-secondary transition-all duration-300 min-h-[52px] touch-manipulation"
+              className="inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base text-ink border border-border-primary rounded-full hover:border-border-secondary hover:bg-bg-secondary transition-all duration-300 min-h-[52px] touch-manipulation"
             >
               {data.ctaSecondaryLabel || '了解更多'}
             </a>
diff --git a/src/app/(marketing)/about/brand/brand-content.tsx b/src/app/(marketing)/about/brand/brand-content.tsx
index 09d6fcb..db8a18b 100644
--- a/src/app/(marketing)/about/brand/brand-content.tsx
+++ b/src/app/(marketing)/about/brand/brand-content.tsx
@@ -358,14 +358,14 @@ export default function BrandContent() {
             <div className="flex flex-col sm:flex-row gap-4 sm:gap-6">
               <StaticLink
                 href="/contact"
-                className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white transition-all duration-300 hover:bg-brand/90 min-h-[52px]"
+                className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white rounded-full transition-all duration-300 hover:bg-brand/90 min-h-[52px]"
               >
                 预约咨询
                 <ArrowRight className="w-5 h-5 transition-transform duration-300 group-hover:translate-x-1" />
               </StaticLink>
               <StaticLink
                 href="/cases"
-                className="group inline-flex items-center justify-center gap-2 px-10 py-5 font-semibold text-base text-dark-text-primary border border-dark-border hover:border-dark-text-muted transition-all duration-300 min-h-[52px]"
+                className="group inline-flex items-center justify-center gap-2 px-10 py-5 font-semibold text-base text-dark-text-primary border border-dark-border rounded-full hover:border-dark-text-muted transition-all duration-300 min-h-[52px]"
               >
                 查看客户案例
                 <ChevronRight className="w-4 h-4 transition-transform duration-300 group-hover:translate-x-1" />
diff --git a/src/app/(marketing)/cases/cases-content-v3.tsx b/src/app/(marketing)/cases/cases-content-v3.tsx
index 7a4d084..a3315e6 100644
--- a/src/app/(marketing)/cases/cases-content-v3.tsx
+++ b/src/app/(marketing)/cases/cases-content-v3.tsx
@@ -311,14 +311,14 @@ export default function CasesContentV3({
             <div className="flex flex-col sm:flex-row gap-4 sm:gap-6">
               <StaticLink
                 href="/contact"
-                className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white transition-all duration-300 hover:bg-brand/90 min-h-[52px] touch-manipulation"
+                className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white rounded-full transition-all duration-300 hover:bg-brand/90 min-h-[52px] touch-manipulation"
               >
                 预约咨询
                 <ArrowUpRight className="w-4 h-4 transition-transform duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5" />
               </StaticLink>
               <StaticLink
                 href="/services"
-                className="inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base text-ink border border-border-primary hover:border-border-secondary hover:bg-white transition-all duration-300 min-h-[52px] touch-manipulation"
+                className="inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base text-ink border border-border-primary rounded-full hover:border-border-secondary hover:bg-white transition-all duration-300 min-h-[52px] touch-manipulation"
               >
                 了解服务
               </StaticLink>
diff --git a/src/app/(marketing)/contact/contact-content-v3.tsx b/src/app/(marketing)/contact/contact-content-v3.tsx
index 8fad9a3..2f0ef17 100644
--- a/src/app/(marketing)/contact/contact-content-v3.tsx
+++ b/src/app/(marketing)/contact/contact-content-v3.tsx
@@ -531,14 +531,14 @@ function ContactFormContent({ data }: { data: ContactData }) {
             <div className="flex flex-col sm:flex-row gap-4 sm:gap-6 justify-center">
               <a
                 href={data.ctaPrimaryHref || '#'}
-                className="group inline-flex items-center justify-center gap-3 px-12 py-6 font-bold text-base bg-brand text-white transition-all duration-300 hover:bg-brand/90"
+                className="group inline-flex items-center justify-center gap-3 px-12 py-6 font-bold text-base bg-brand text-white rounded-full transition-all duration-300 hover:bg-brand/90"
               >
                 {data.ctaPrimaryLabel || ''}
                 <ArrowRight className="w-5 h-5 transition-transform duration-300 group-hover:translate-x-1" />
               </a>
               <a
                 href={data.ctaSecondaryHref || '#'}
-                className="inline-flex items-center justify-center gap-3 px-12 py-6 font-bold text-base text-ink border border-border-primary hover:border-border-secondary hover:bg-bg-secondary transition-all duration-300"
+                className="inline-flex items-center justify-center gap-3 px-12 py-6 font-bold text-base text-ink border border-border-primary rounded-full hover:border-border-secondary hover:bg-bg-secondary transition-all duration-300"
               >
                 {data.ctaSecondaryLabel || ''}
               </a>
diff --git a/src/app/(marketing)/news/news-content-v3.tsx b/src/app/(marketing)/news/news-content-v3.tsx
index 94b7598..b5e925f 100644
--- a/src/app/(marketing)/news/news-content-v3.tsx
+++ b/src/app/(marketing)/news/news-content-v3.tsx
@@ -251,14 +251,14 @@ export default function NewsContentV3({ news, pageCopy }: { news?: NewsItem[]; p
             <div className="mt-12 flex flex-col sm:flex-row justify-center gap-4 sm:gap-6">
               <a
                 href="/contact"
-                className="group inline-flex items-center justify-center gap-3 px-12 py-6 font-semibold text-base bg-brand text-white transition-all duration-300 hover:bg-brand/90"
+                className="group inline-flex items-center justify-center gap-3 px-12 py-6 font-semibold text-base bg-brand text-white rounded-full transition-all duration-300 hover:bg-brand/90"
               >
                 联系我们
                 <ArrowRight className="w-4 h-4 transition-transform duration-300 group-hover:translate-x-1" />
               </a>
               <a
                 href="/about"
-                className="inline-flex items-center justify-center gap-3 px-12 py-6 font-semibold text-base text-ink border border-border-primary hover:border-border-secondary hover:bg-bg-secondary transition-all duration-300"
+                className="inline-flex items-center justify-center gap-3 px-12 py-6 font-semibold text-base text-ink border border-border-primary rounded-full hover:border-border-secondary hover:bg-bg-secondary transition-all duration-300"
               >
                 了解公司
               </a>
diff --git a/src/app/(marketing)/news/news-detail-content-v3.tsx b/src/app/(marketing)/news/news-detail-content-v3.tsx
index ab855d0..ca873c5 100644
--- a/src/app/(marketing)/news/news-detail-content-v3.tsx
+++ b/src/app/(marketing)/news/news-detail-content-v3.tsx
@@ -148,14 +148,14 @@ export default function NewsDetailContentV3({ news, relatedNews = [] }: NewsDeta
             <div className="mt-16 sm:mt-20 flex flex-col sm:flex-row justify-center gap-4">
               <StaticLink
                 href="/news"
-                className="inline-flex items-center justify-center gap-2 px-8 py-4 font-medium text-base text-ink border border-border-primary hover:border-border-secondary hover:bg-bg-secondary transition-all duration-300"
+                className="inline-flex items-center justify-center gap-2 px-8 py-4 font-medium text-base text-ink border border-border-primary rounded-full hover:border-border-secondary hover:bg-bg-secondary transition-all duration-300"
               >
                 <ArrowLeft className="w-4 h-4" />
                 返回新闻列表
               </StaticLink>
               <StaticLink
                 href="/contact"
-                className="group inline-flex items-center justify-center gap-2 px-8 py-4 font-medium text-base bg-brand text-white transition-all duration-300 hover:bg-brand/90"
+                className="group inline-flex items-center justify-center gap-2 px-8 py-4 font-medium text-base bg-brand text-white rounded-full transition-all duration-300 hover:bg-brand/90"
               >
                 联系我们
                 <ArrowRight className="w-4 h-4 transition-transform duration-300 group-hover:translate-x-1" />
diff --git a/src/app/(marketing)/products/standalone/[id]/client.tsx b/src/app/(marketing)/products/standalone/[id]/client.tsx
index 44a23cb..1b89ef3 100644
--- a/src/app/(marketing)/products/standalone/[id]/client.tsx
+++ b/src/app/(marketing)/products/standalone/[id]/client.tsx
@@ -115,14 +115,14 @@ export function StandaloneProductClient({ item }: StandaloneProductClientProps)
               <div className="flex flex-col sm:flex-row items-center justify-center gap-4">
                 <StaticLink
                   href="/contact"
-                  className="inline-flex items-center gap-2 rounded-lg bg-brand px-8 py-3 text-sm font-semibold text-white shadow-md transition-all hover:bg-brand/90 hover:shadow-lg"
+                  className="inline-flex items-center gap-2 rounded-full bg-brand px-8 py-3 text-sm font-semibold text-white shadow-md transition-all hover:bg-brand/90 hover:shadow-lg"
                 >
                   获取上线通知
                   <ArrowRight className="h-4 w-4" />
                 </StaticLink>
                 <StaticLink
                   href="/products"
-                  className="inline-flex items-center rounded-lg border border-border-primary px-6 py-3 text-sm font-semibold text-text-secondary transition-all hover:border-border-secondary hover:bg-bg-secondary"
+                  className="inline-flex items-center rounded-full border border-border-primary px-6 py-3 text-sm font-semibold text-text-secondary transition-all hover:border-border-secondary hover:bg-bg-secondary"
                 >
                   查看其他产品
                 </StaticLink>
diff --git a/src/app/(marketing)/services/service-detail-content-v4.tsx b/src/app/(marketing)/services/service-detail-content-v4.tsx
index 843f58e..0aea508 100644
--- a/src/app/(marketing)/services/service-detail-content-v4.tsx
+++ b/src/app/(marketing)/services/service-detail-content-v4.tsx
@@ -83,14 +83,14 @@ function DetailHero({ service }: { service: Service }) {
           >
             <StaticLink
               href="/contact"
-              className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white transition-all duration-300 hover:bg-brand/90 min-h-[52px] touch-manipulation"
+              className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white rounded-full transition-all duration-300 hover:bg-brand/90 min-h-[52px] touch-manipulation"
             >
               免费咨询
               <ArrowUpRight className="w-4 h-4 transition-transform duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5" />
             </StaticLink>
             <a
               href="#cases"
-              className="inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base text-ink border border-border-primary hover:border-ink/30 transition-all duration-300 min-h-[52px] touch-manipulation"
+              className="inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base text-ink border border-border-primary rounded-full hover:border-ink/30 transition-all duration-300 min-h-[52px] touch-manipulation"
             >
               查看案例
             </a>
@@ -339,14 +339,14 @@ function CTASection() {
           <div className="flex flex-col sm:flex-row gap-4 sm:gap-6">
             <StaticLink
               href="/contact"
-              className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white transition-all duration-300 hover:bg-brand/90 min-h-[52px] touch-manipulation"
+              className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white rounded-full transition-all duration-300 hover:bg-brand/90 min-h-[52px] touch-manipulation"
             >
               预约免费咨询
               <ArrowUpRight className="w-4 h-4 transition-transform duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5" />
             </StaticLink>
             <StaticLink
               href="/services"
-              className="inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base text-ink border border-border-primary hover:border-ink/30 transition-all duration-300 min-h-[52px] touch-manipulation"
+              className="inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base text-ink border border-border-primary rounded-full hover:border-ink/30 transition-all duration-300 min-h-[52px] touch-manipulation"
             >
               返回服务列表
             </StaticLink>
diff --git a/src/app/(marketing)/services/services-content-v3.tsx b/src/app/(marketing)/services/services-content-v3.tsx
index 4f551f0..73e3876 100644
--- a/src/app/(marketing)/services/services-content-v3.tsx
+++ b/src/app/(marketing)/services/services-content-v3.tsx
@@ -128,14 +128,14 @@ function HeroSection({ pageCopy }: { pageCopy?: PageCopy | null }) {
           >
             <StaticLink
               href="/contact"
-              className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white transition-all duration-300 hover:bg-brand/90 min-h-[52px] touch-manipulation"
+              className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white rounded-full transition-all duration-300 hover:bg-brand/90 min-h-[52px] touch-manipulation"
             >
               {ctaPrimary}
               <ArrowUpRight className="w-4 h-4 transition-transform duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5" />
             </StaticLink>
             <StaticLink
               href="/products"
-              className="inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base text-ink border border-border-primary hover:border-ink/30 transition-all duration-300 min-h-[52px] touch-manipulation"
+              className="inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base text-ink border border-border-primary rounded-full hover:border-ink/30 transition-all duration-300 min-h-[52px] touch-manipulation"
             >
               {ctaSecondary}
             </StaticLink>
@@ -366,14 +366,14 @@ function CTASection({ pageCopy }: { pageCopy?: PageCopy | null }) {
           <div className="flex flex-col sm:flex-row gap-4 sm:gap-6">
             <StaticLink
               href="/contact"
-              className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white transition-all duration-300 hover:bg-brand/90 min-h-[52px] touch-manipulation"
+              className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white rounded-full transition-all duration-300 hover:bg-brand/90 min-h-[52px] touch-manipulation"
             >
               预约免费咨询
               <ArrowUpRight className="w-4 h-4 transition-transform duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5" />
             </StaticLink>
             <StaticLink
               href="/team"
-              className="inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base text-ink border border-border-primary hover:border-ink/30 transition-all duration-300 min-h-[52px] touch-manipulation"
+              className="inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base text-ink border border-border-primary rounded-full hover:border-ink/30 transition-all duration-300 min-h-[52px] touch-manipulation"
             >
               了解我们的团队
             </StaticLink>
diff --git a/src/app/(marketing)/solutions/solutions-content-v3.tsx b/src/app/(marketing)/solutions/solutions-content-v3.tsx
index fd81366..f9664c0 100644
--- a/src/app/(marketing)/solutions/solutions-content-v3.tsx
+++ b/src/app/(marketing)/solutions/solutions-content-v3.tsx
@@ -76,14 +76,14 @@ function HeroSection({ pageCopy }: { pageCopy?: PageCopy | null }) {
           >
             <StaticLink
               href="/contact"
-              className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white transition-all duration-300 hover:bg-brand/90 min-h-[52px] touch-manipulation"
+              className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white rounded-full transition-all duration-300 hover:bg-brand/90 min-h-[52px] touch-manipulation"
             >
               {ctaPrimary}
               <ArrowUpRight className="w-4 h-4 transition-transform duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5" />
             </StaticLink>
             <StaticLink
               href="/products"
-              className="inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base text-ink border border-border-primary hover:border-ink/30 transition-all duration-300 min-h-[52px] touch-manipulation"
+              className="inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base text-ink border border-border-primary rounded-full hover:border-ink/30 transition-all duration-300 min-h-[52px] touch-manipulation"
             >
               {ctaSecondary}
             </StaticLink>
@@ -242,14 +242,14 @@ function CTASection({ pageCopy }: { pageCopy?: PageCopy | null }) {
           <div className="flex flex-col sm:flex-row gap-4 sm:gap-6">
             <StaticLink
               href="/contact"
-              className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white transition-all duration-300 hover:bg-brand/90 min-h-[52px] touch-manipulation"
+              className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white rounded-full transition-all duration-300 hover:bg-brand/90 min-h-[52px] touch-manipulation"
             >
               获取定制方案
               <ArrowUpRight className="w-4 h-4 transition-transform duration-300 group-hover:translate-x-0.5 group-hover:-translate-y-0.5" />
             </StaticLink>
             <StaticLink
               href="/products"
-              className="inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base text-ink border border-border-primary hover:border-ink/30 transition-all duration-300 min-h-[52px] touch-manipulation"
+              className="inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base text-ink border border-border-primary rounded-full hover:border-ink/30 transition-all duration-300 min-h-[52px] touch-manipulation"
             >
               浏览产品
             </StaticLink>
diff --git a/src/app/(marketing)/team/team-content-v3.tsx b/src/app/(marketing)/team/team-content-v3.tsx
index 3c5a850..423a9d9 100644
--- a/src/app/(marketing)/team/team-content-v3.tsx
+++ b/src/app/(marketing)/team/team-content-v3.tsx
@@ -217,7 +217,7 @@ export default function TeamContentV3({ data }: { data: Record<string, unknown>
             >
               <a
                 href={teamData.heroPrimaryCtaHref || '/contact'}
-                className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white transition-all duration-300 hover:bg-brand/90 min-h-[52px]"
+                className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white rounded-full transition-all duration-300 hover:bg-brand/90 min-h-[52px]"
               >
                 {teamData.heroPrimaryCtaLabel || '加入我们'}
                 <ArrowRight className="w-4 h-4 transition-transform duration-300 group-hover:translate-x-1" />
@@ -225,7 +225,7 @@ export default function TeamContentV3({ data }: { data: Record<string, unknown>
               {teamData.heroSecondaryCtaLabel && (
                 <a
                   href={teamData.heroSecondaryCtaHref || '#'}
-                  className="inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base text-ink border border-border-primary hover:border-border-secondary hover:bg-bg-secondary transition-all duration-300 min-h-[52px]"
+                  className="inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base text-ink border border-border-primary rounded-full hover:border-border-secondary hover:bg-bg-secondary transition-all duration-300 min-h-[52px]"
                 >
                   {teamData.heroSecondaryCtaLabel}
                 </a>
@@ -349,14 +349,14 @@ export default function TeamContentV3({ data }: { data: Record<string, unknown>
             <div className="flex flex-col sm:flex-row gap-4 sm:gap-6">
               <a
                 href={teamData.ctaPrimaryHref || '/contact'}
-                className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white transition-all duration-300 hover:bg-brand/90 min-h-[52px]"
+                className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base bg-brand text-white rounded-full transition-all duration-300 hover:bg-brand/90 min-h-[52px]"
               >
                 {teamData.ctaPrimaryLabel || '预约咨询'}
                 <ArrowRight className="w-5 h-5 transition-transform duration-300 group-hover:translate-x-1" />
               </a>
               <a
                 href={teamData.ctaSecondaryHref || '/cases'}
-                className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base text-dark-text-primary border border-dark-border hover:border-dark-text-muted transition-all duration-300 min-h-[52px]"
+                className="group inline-flex items-center justify-center gap-3 px-10 py-5 font-semibold text-base text-dark-text-primary border border-dark-border rounded-full hover:border-dark-text-muted transition-all duration-300 min-h-[52px]"
               >
                 {teamData.ctaSecondaryLabel || '查看客户案例'}
               </a>
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
index 067c12b..f9343b2 100644
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -24,11 +24,11 @@ const buttonVariants = cva(
           'bg-error text-white shadow-sm hover:bg-error-hover hover:-translate-y-px active:translate-y-0 active:scale-[0.97] transition-all duration-fast ease-standard',
       },
       size: {
-        sm: 'h-9 rounded-md px-3 text-xs font-medium',
-        default: 'h-11 rounded-md px-5 py-2 font-medium',
-        lg: 'h-12 rounded-md px-6 text-base font-semibold',
-        xl: 'h-14 rounded-md px-8 text-base font-semibold',
-        icon: 'h-11 w-11 rounded-md',
+        sm: 'h-9 rounded-full px-3 text-xs font-medium',
+        default: 'h-11 rounded-full px-5 py-2 font-medium',
+        lg: 'h-12 rounded-full px-6 text-base font-semibold',
+        xl: 'h-14 rounded-full px-8 text-base font-semibold',
+        icon: 'h-11 w-11 rounded-full',
       },
     },
     defaultVariants: {