From 4c85b3cbdf2c98a61328ce04b9607fec3e7231ee Mon Sep 17 00:00:00 2001
From: zhangxiang <zhangxiang@novalon.cn>
Date: Mon, 31 Aug 2026 12:03:03 +0800
Subject: [PATCH] =?UTF-8?q?fix(tailwind):=20arbitrary-value=20=E6=94=B9?=
 =?UTF-8?q?=E6=98=A0=E5=B0=84=E7=B1=BB=EF=BC=8C=E6=B6=88=E9=99=A4=20ambigu?=
 =?UTF-8?q?ous=20warnings?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/sections/service-card.tsx | 6 +++---
 src/components/sections/stats-bar.tsx    | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/sections/service-card.tsx b/src/components/sections/service-card.tsx
index ddcc734..425af1f 100644
--- a/src/components/sections/service-card.tsx
+++ b/src/components/sections/service-card.tsx
@@ -30,7 +30,7 @@ export function ServiceCard({
 
   return (
     <motion.div
-      className={`group relative bg-[var(--color-bg-primary)] border border-[var(--color-border-primary)] rounded-[var(--radius-lg)] overflow-hidden transition-all duration-[var(--transition-normal)] ease-[var(--ease-ink)] hover:-translate-y-1 hover:shadow-[var(--shadow-lg)] hover:border-[var(--color-brand)]/20 ${className}`}
+      className={`group relative bg-[var(--color-bg-primary)] border border-[var(--color-border-primary)] rounded-[var(--radius-lg)] overflow-hidden transition-all duration-normal ease-ink hover:-translate-y-1 hover:shadow-[var(--shadow-lg)] hover:border-[var(--color-brand)]/20 ${className}`}
       initial={shouldReduceMotion ? {} : { opacity: 0, y: 24 }}
       whileInView={{ opacity: 1, y: 0 }}
       viewport={{ once: true, margin: '-40px' }}
@@ -50,11 +50,11 @@ export function ServiceCard({
         {/* Link */}
         <Link
           href={href}
-          className="inline-flex items-center text-sm font-medium transition-all duration-[var(--transition-fast)] group-hover:gap-2.5 text-[var(--color-brand)]"
+          className="inline-flex items-center text-sm font-medium transition-all duration-fast group-hover:gap-2.5 text-[var(--color-brand)]"
           style={{ minHeight: '44px', minWidth: '44px' }}
         >
           <span>了解详情</span>
-          <ArrowRight className="w-4 h-4 transform transition-transform duration-[var(--transition-fast)] group-hover:translate-x-1" />
+          <ArrowRight className="w-4 h-4 transform transition-transform duration-fast group-hover:translate-x-1" />
         </Link>
       </div>
     </motion.div>
diff --git a/src/components/sections/stats-bar.tsx b/src/components/sections/stats-bar.tsx
index df0e0f3..31d4791 100644
--- a/src/components/sections/stats-bar.tsx
+++ b/src/components/sections/stats-bar.tsx
@@ -73,11 +73,11 @@ export function StatsBar({ items, dark = false, className = '' }: StatsBarProps)
       {items.map((item, i) => (
         <div
           key={i}
-          className="py-10 sm:py-12 md:py-14 px-4 sm:px-6 md:px-8 text-center transition-all duration-[var(--transition-normal)] ease-[var(--ease-ink)] hover:bg-[var(--color-bg-hover)] group"
+          className="py-10 sm:py-12 md:py-14 px-4 sm:px-6 md:px-8 text-center transition-all duration-normal ease-ink hover:bg-[var(--color-bg-hover)] group"
           style={{ background: dark ? 'var(--color-brand)' : 'var(--color-bg-primary)' }}
         >
           <div
-            className="font-sans tabular-nums text-[clamp(36px,8vw,64px)] font-bold leading-none mb-1 md:mb-2 tracking-[-0.02em] transition-all duration-[var(--transition-slow)] ease-[var(--ease-ink)] group-hover:scale-105"
+            className="font-sans tabular-nums text-[clamp(36px,8vw,64px)] font-bold leading-none mb-1 md:mb-2 tracking-[-0.02em] transition-all duration-slow ease-ink group-hover:scale-105"
             style={{
               color: dark ? '#FFFFFF' : 'var(--color-text-primary)',
               transform: inView ? 'scale(1)' : 'scale(0.9)',
@@ -101,7 +101,7 @@ export function StatsBar({ items, dark = false, className = '' }: StatsBarProps)
             </span>
           </div>
           <div
-            className="text-[12px] sm:text-[13px] font-medium mb-3 md:mb-4 tracking-[0.08em] uppercase transition-all duration-[var(--transition-normal)]"
+            className="text-[12px] sm:text-[13px] font-medium mb-3 md:mb-4 tracking-[0.08em] uppercase transition-all duration-normal"
             style={{
               color: dark ? 'rgba(255,255,255,0.5)' : 'var(--color-text-muted)',
               opacity: inView ? 1 : 0,
@@ -113,7 +113,7 @@ export function StatsBar({ items, dark = false, className = '' }: StatsBarProps)
           </div>
           {item.desc && (
             <div
-              className="text-[12px] sm:text-[13px] leading-relaxed transition-all duration-[var(--transition-normal)]"
+              className="text-[12px] sm:text-[13px] leading-relaxed transition-all duration-normal"
               style={{
                 color: dark ? 'rgba(255,255,255,0.35)' : 'var(--color-text-subtle)',
                 opacity: inView ? 1 : 0,