diff --git a/index.html b/index.html
index 18d2be8..b5f7783 100644
--- a/index.html
+++ b/index.html
@@ -199,7 +199,7 @@
 
       <!-- 电脑维修 -->
       <div class="service-card fade-in fade-in-d1">
-        <div class="service-icon" style="background:#ede9fe;color:#7c3aed;">
+        <div class="service-icon" style="background:#ecfeff;color:#0e7490;">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
             <rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
             <line x1="8" y1="21" x2="16" y2="21"></line>
@@ -215,7 +215,7 @@
 
       <!-- 打印机维修 -->
       <div class="service-card fade-in fade-in-d1">
-        <div class="service-icon" style="background:#e0f2fe;color:#0284c7;">
+        <div class="service-icon" style="background:#ecfeff;color:#0e7490;">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
             <polyline points="6 9 6 2 18 2 18 9"></polyline>
             <path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path>
@@ -231,7 +231,7 @@
 
       <!-- 网络工程监控 -->
       <div class="service-card fade-in fade-in-d2">
-        <div class="service-icon" style="background:#dcfce7;color:#16a34a;">
+        <div class="service-icon" style="background:#ecfeff;color:#0e7490;">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
             <circle cx="12" cy="12" r="10"></circle>
             <line x1="2" y1="12" x2="22" y2="12"></line>
@@ -248,7 +248,7 @@
       <!-- 行业应用开发 -->
       <a href="https://learn.sxbh.ltd" target="_blank" class="service-card-link">
       <div class="service-card fade-in fade-in-d2">
-        <div class="service-icon" style="background:#fff7ed;color:#ea580c;">
+        <div class="service-icon" style="background:#ecfeff;color:#0e7490;">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
             <rect x="5" y="2" width="14" height="20" rx="2"></rect>
             <line x1="12" y1="18" x2="12" y2="18"></line>
@@ -279,7 +279,7 @@
 
       <!-- IT运维服务 -->
       <div class="service-card fade-in fade-in-d3">
-        <div class="service-icon" style="background:#fce7f3;color:#db2777;">
+        <div class="service-icon" style="background:#ecfeff;color:#0e7490;">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
             <circle cx="12" cy="12" r="3"></circle>
             <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
@@ -313,8 +313,8 @@
 
       <!-- 联想电脑 -->
       <div class="product-card fade-in fade-in-d1">
-        <div class="product-img" style="background:linear-gradient(135deg,#eef2ff,#e0e7ff);">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="color:#6366f1;">
+        <div class="product-img" style="background:linear-gradient(135deg,#ecfeff,#cffafe);">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="color:#0e7490;">
             <rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
             <line x1="8" y1="21" x2="16" y2="21"></line>
             <line x1="12" y1="17" x2="12" y2="21"></line>
@@ -338,8 +338,8 @@
 
       <!-- 办公设备 -->
       <div class="product-card fade-in fade-in-d1">
-        <div class="product-img" style="background:linear-gradient(135deg,#f0fdf4,#dcfce7);">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="color:#16a34a;">
+        <div class="product-img" style="background:linear-gradient(135deg,#ecfeff,#cffafe);">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="color:#0e7490;">
             <polyline points="6 9 6 2 18 2 18 9"></polyline>
             <path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path>
             <rect x="6" y="14" width="12" height="8"></rect>
@@ -363,8 +363,8 @@
 
       <!-- 配件耗材 -->
       <div class="product-card fade-in fade-in-d2">
-        <div class="product-img" style="background:linear-gradient(135deg,#fefce8,#fef9c3);">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="color:#ca8a04;">
+        <div class="product-img" style="background:linear-gradient(135deg,#ecfeff,#cffafe);">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="color:#0e7490;">
             <circle cx="12" cy="12" r="3"></circle>
             <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
           </svg>
@@ -403,7 +403,7 @@
     <p class="section-desc fade-in">专业值得信赖，服务创造价值</p>
     <div class="why-grid">
       <div class="why-card fade-in fade-in-d1">
-        <div class="why-icon" style="background:#fef3c7;color:#d97706;">
+        <div class="why-icon" style="background:#ecfeff;color:#0e7490;">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
             <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
           </svg>
@@ -412,7 +412,7 @@
         <p>30分钟内响应您的需求<br>2小时内上门服务<br>紧急情况随叫随到</p>
       </div>
       <div class="why-card fade-in fade-in-d1">
-        <div class="why-icon" style="background:#ede9fe;color:#7c3aed;">
+        <div class="why-icon" style="background:#ecfeff;color:#0e7490;">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
             <circle cx="12" cy="8" r="6"></circle>
             <path d="M15.477 12.89 17 22l-5-3-5 3 1.523-9.11"></path>
@@ -422,7 +422,7 @@
         <p>资深认证工程师团队<br>十年以上行业经验<br>持续技术培训更新</p>
       </div>
       <div class="why-card fade-in fade-in-d2">
-        <div class="why-icon" style="background:#dbeafe;color:#2563eb;">
+        <div class="why-icon" style="background:#ecfeff;color:#0e7490;">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
             <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
           </svg>
@@ -431,7 +431,7 @@
         <p>维修后质保3个月<br>所有报价公开透明<br>无隐形消费承诺</p>
       </div>
       <div class="why-card fade-in fade-in-d2">
-        <div class="why-icon" style="background:#fce7f3;color:#db2777;">
+        <div class="why-icon" style="background:#ecfeff;color:#0e7490;">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
             <rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
             <line x1="8" y1="21" x2="16" y2="21"></line>
diff --git a/style.css b/style.css
index c8f5c98..911b4c6 100644
--- a/style.css
+++ b/style.css
@@ -73,7 +73,7 @@ header {
 .logo-icon {
   width:36px; height:36px;
   background:linear-gradient(135deg,var(--navy-700),var(--teal-500));
-  border-radius:10px;
+  border-radius:var(--radius-md);
   display:flex; align-items:center; justify-content:center;
   color:#fff; font-size:16px; font-weight:700;
 }
@@ -118,7 +118,7 @@ nav a:hover::after { transform:scaleX(1); }
 .hero-inner { max-width:1200px; margin:0 auto; position:relative; z-index:1; }
 .hero-badge {
   display:inline-flex; align-items:center; gap:8px;
-  padding:7px 18px; border-radius:20px;
+  padding:7px 18px; border-radius:var(--radius-lg);
   background:rgba(255,255,255,.1); font-size:13px; font-weight:500; margin-bottom:20px;
   border:1px solid rgba(255,255,255,.12);
   backdrop-filter:blur(8px);
@@ -189,7 +189,7 @@ section { padding:80px 24px; }
 }
 .service-card:hover { box-shadow:var(--shadow-md); transform:translateY(-4px); border-color:var(--gray-300); }
 .service-icon {
-  width:48px; height:48px; border-radius:12px;
+  width:48px; height:48px; border-radius:var(--radius-md);
   display:flex; align-items:center; justify-content:center;
   margin-bottom:18px;
 }
@@ -198,7 +198,7 @@ section { padding:80px 24px; }
 .service-card p { font-size:14px; color:var(--gray-500); line-height:1.7; margin-bottom:14px; }
 .service-tags { display:flex; flex-wrap:wrap; gap:6px; }
 .service-tags span {
-  font-size:12px; padding:3px 10px; border-radius:6px;
+  font-size:12px; padding:3px 10px; border-radius:var(--radius-sm);
   background:var(--gray-100); color:var(--gray-600);
 }
 
@@ -232,12 +232,12 @@ section { padding:80px 24px; }
 .product-body p { font-size:14px; color:var(--gray-500); line-height:1.7; margin-bottom:12px; flex:1; }
 .product-tags { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:16px; }
 .product-tags span {
-  font-size:12px; padding:3px 10px; border-radius:6px;
+  font-size:12px; padding:3px 10px; border-radius:var(--radius-sm);
   background:var(--gray-100); color:var(--gray-600);
 }
 .product-btn {
   display:inline-flex; align-items:center; gap:6px;
-  padding:10px 20px; border-radius:6px; font-size:14px; font-weight:600;
+  padding:10px 20px; border-radius:var(--radius-sm); font-size:14px; font-weight:600;
   background:var(--navy-800); color:var(--white); text-decoration:none; 
   transition:var(--transition); border:none; cursor:pointer;
   font-family:var(--font-body);
@@ -261,7 +261,7 @@ section { padding:80px 24px; }
 }
 .why-card:hover { box-shadow:var(--shadow-md); transform:translateY(-4px); border-color:var(--gray-300); }
 .why-icon {
-  width:48px; height:48px; border-radius:14px;
+  width:48px; height:48px; border-radius:var(--radius-md);
   display:inline-flex; align-items:center; justify-content:center;
   margin-bottom:16px;
 }
@@ -354,7 +354,7 @@ section { padding:80px 24px; }
 }
 .contact-item:hover { background:rgba(255,255,255,.08); transform:translateY(-2px); }
 .contact-item .icon {
-  width:40px; height:40px; border-radius:10px;
+  width:40px; height:40px; border-radius:var(--radius-md);
   display:flex; align-items:center; justify-content:center;
   margin-bottom:14px;
   background:rgba(6,182,212,.12);
@@ -393,7 +393,7 @@ footer .sep { margin:0 10px; color:rgba(255,255,255,.5); }
 }
 .consult-overlay.open { opacity:1; visibility:visible; }
 .consult-modal {
-  background:#fff; border-radius:16px; padding:32px;
+  background:#fff; border-radius:var(--radius-lg); padding:32px;
   max-width:440px; width:100%;
   box-shadow:0 24px 48px rgba(0,0,0,.2);
   position:relative; transform:scale(.95);
@@ -420,7 +420,7 @@ footer .sep { margin:0 10px; color:rgba(255,255,255,.5); }
 }
 .form-group input,.form-group textarea {
   width:100%; padding:10px 14px;
-  border:1px solid var(--gray-300); border-radius:8px;
+  border:1px solid var(--gray-300); border-radius:var(--radius-sm);
   font-size:14px; font-family:inherit;
   transition:border-color .2s;
   background:#fff;
@@ -430,7 +430,7 @@ footer .sep { margin:0 10px; color:rgba(255,255,255,.5); }
   box-shadow:0 0 0 3px rgba(6,182,212,.12);
 }
 .consult-submit {
-  width:100%; padding:12px; border:none; border-radius:8px;
+  width:100%; padding:12px; border:none; border-radius:var(--radius-sm);
   background:linear-gradient(135deg,var(--teal-500),#0891b2);
   color:#fff; font-size:15px; font-weight:600;
   cursor:pointer; transition:opacity .2s;