sxbh_admin/sxbh.ltd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(sxbh-ui-p2): radius 3-tier + unify card icons to teal

Browse Source 
P2-1 radius: 11 raw px -> var(--radius-sm/md/lg) (6/8->sm, 10/12/14->md, 16/20->lg); raw remains 0 (keep 1px/3px/50%). P2-2 icons: 15 sites (9 icon bg+fg / 3 product gradient / 3 svg color) -> #ecfeff + #0e7490; old colors 0. Whitelist: style.css,index.html only (external column-tab hunk left unstaged in worktree).
This commit is contained in:
Hermes CI Fix
2026-09-28 17:40:34 +08:00
parent fa4c16a252
commit d3c1fe2a76
2 changed files with 26 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+15 -15
View File
@@ -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>
style.css
+11 -11
View File
@@ -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;