fix: align solution cards

This commit is contained in:
2026-08-28 13:27:20 +08:00
parent 9cfbb95b1e
commit 17df31d80b
+8 -1
View File
@@ -707,7 +707,13 @@
.solution-group-code { display: block; margin-bottom: 28px; color: var(--solution-accent, var(--cyan)); font: 650 10px/1 var(--mono); letter-spacing: .12em; } .solution-group-code { display: block; margin-bottom: 28px; color: var(--solution-accent, var(--cyan)); font: 650 10px/1 var(--mono); letter-spacing: .12em; }
.solution-group h3 { margin-bottom: 12px; color: var(--white); font-size: 34px; line-height: 1.2; letter-spacing: -.04em; } .solution-group h3 { margin-bottom: 12px; color: var(--white); font-size: 34px; line-height: 1.2; letter-spacing: -.04em; }
.solution-group-desc { margin-bottom: 0; color: var(--text-soft); font-size: 14px; line-height: 1.7; } .solution-group-desc { margin-bottom: 0; color: var(--text-soft); font-size: 14px; line-height: 1.7; }
.solution-items { display: grid; gap: 10px; margin-top: auto; } .solution-items {
display: grid;
flex: 1;
grid-template-rows: repeat(3, minmax(min-content, 1fr));
gap: 10px;
margin-top: auto;
}
.solution-item { padding: 17px 18px 18px; border: 1px solid var(--line); border-radius: var(--radius-md); background: rgba(0, 0, 0, .13); transition: transform .25s var(--ease), border-color .25s ease, background .25s ease; } .solution-item { padding: 17px 18px 18px; border: 1px solid var(--line); border-radius: var(--radius-md); background: rgba(0, 0, 0, .13); transition: transform .25s var(--ease), border-color .25s ease, background .25s ease; }
.solution-item:hover { transform: translateX(4px); border-color: color-mix(in srgb, var(--solution-accent, var(--cyan)) 42%, transparent); background: rgba(255, 255, 255, .045); } .solution-item:hover { transform: translateX(4px); border-color: color-mix(in srgb, var(--solution-accent, var(--cyan)) 42%, transparent); background: rgba(255, 255, 255, .045); }
.solution-item-code { display: block; margin-bottom: 15px; color: var(--solution-accent, var(--cyan)); font: 700 10px/1 var(--mono); letter-spacing: .12em; } .solution-item-code { display: block; margin-bottom: 15px; color: var(--solution-accent, var(--cyan)); font: 700 10px/1 var(--mono); letter-spacing: .12em; }
@@ -975,6 +981,7 @@
.services-layout { grid-template-columns: 1fr; } .services-layout { grid-template-columns: 1fr; }
.solution-group { min-height: 0; padding: 24px; } .solution-group { min-height: 0; padding: 24px; }
.solution-group-head { min-height: 0; margin-bottom: 28px; } .solution-group-head { min-height: 0; margin-bottom: 28px; }
.solution-items { flex: none; grid-template-rows: none; }
.solution-group-code { margin-bottom: 20px; } .solution-group-code { margin-bottom: 20px; }
.solution-group h3 { font-size: 29px; } .solution-group h3 { font-size: 29px; }
.proof-grid { grid-template-columns: 1fr; } .proof-grid { grid-template-columns: 1fr; }