fix(visual): align tokens/cards/buttons/dark mode to Zibll

P0 dark hex to #292a2d/#323335/#f8fafc; .btn opacity hover without pink elevation; post/user/product cards shadow-first without pink borders.
This commit is contained in:
2026-07-10 23:07:21 +08:00
parent 4e4feac131
commit b821378a7d
7 changed files with 110 additions and 113 deletions
@@ -10,33 +10,33 @@
.aksrt-product-card {
background: var(--surface-1, #fff);
border-radius: var(--radius-lg, 10px);
border: 1px solid rgba(255, 255, 255, 0.55);
border-radius: var(--radius, 8px);
border: none;
box-shadow: var(--shadow-sm);
overflow: hidden;
text-decoration: none;
color: inherit;
transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s;
transition: box-shadow 0.2s ease;
}
.aksrt-product-card:hover {
box-shadow: var(--shadow);
border-color: rgba(240, 68, 148, 0.12);
transform: translateY(-2px);
}
.aksrt-product-card__image img {
width: 100%;
aspect-ratio: 4/3;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: var(--radius, 8px) var(--radius, 8px) 0 0;
display: block;
}
.aksrt-product-card__body {
padding: 16px;
padding: 15px;
}
.aksrt-product-card__title {
font-size: 15px;
font-size: 16px;
font-weight: 600;
margin: 0 0 6px;
}