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
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;