fix(visual): 1:1 banner/hero/modal + strip non-zibll card chrome

Align banner s-desc caption/scale-height, hero search pill and -40px cards, modal colorful header/spring scale; remove white/pink card borders and hover lifts across mainline surfaces.
This commit is contained in:
kate522 committed 2026-07-10 23:37:20 +08:00
1 parent b821378a7d
commit 188611b075
46 files changed
+494 -215

No files matched your search

@@ -12,16 +12,15 @@
.aksrt-data-cell {
padding: 24px 16px;
background: var(--surface-1, #fff);
border-radius: var(--radius-lg, 10px);
border: 1px solid rgba(255, 255, 255, 0.55);
border-radius: var(--main-radius, var(--radius, 8px));
border: none;
box-shadow: var(--shadow-sm);
transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s;
transition: box-shadow 0.2s ease;
}
.aksrt-data-cell:hover {
box-shadow: var(--shadow);
border-color: rgba(240, 68, 148, 0.12);
transform: translateY(-2px);
transform: none;
}
.aksrt-data-cell i {
+2 -2
View File
@@ -10,8 +10,8 @@
.aksrt-faq-item {
break-inside: avoid;
margin-bottom: 12px;
border: 1px solid rgba(255, 255, 255, 0.55);
border-radius: var(--radius-lg, 10px);
border: none;
border-radius: var(--main-radius, var(--radius, 8px));
box-shadow: var(--shadow-sm);
overflow: hidden;
background: var(--surface-1, #fff);
@@ -13,8 +13,8 @@
align-items: center;
gap: var(--space-3, 12px);
padding: 12px;
border-radius: var(--radius-lg, 10px);
border: 1px solid rgba(255, 255, 255, 0.55);
border-radius: var(--main-radius, var(--radius, 8px));
border: none;
box-shadow: var(--shadow-sm);
background: var(--surface-1);
color: var(--color-ink);
@@ -23,7 +23,6 @@
}
.home-module__friend-card:hover {
border-color: rgba(240, 68, 148, 0.12);
box-shadow: var(--shadow);
transform: translateY(-1px);
}
@@ -11,18 +11,17 @@
.aksrt-highlight-card {
padding: 24px;
background: var(--surface-1, #fff);
border-radius: var(--radius-lg, 10px);
border: 1px solid rgba(255, 255, 255, 0.55);
border-radius: var(--main-radius, var(--radius, 8px));
border: none;
box-shadow: var(--shadow-sm);
text-decoration: none;
color: inherit;
transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s;
transition: box-shadow 0.2s ease;
}
.aksrt-highlight-card:hover {
box-shadow: var(--shadow);
border-color: rgba(240, 68, 148, 0.12);
transform: translateY(-2px);
transform: none;
}
.aksrt-highlight-card__image {
@@ -5,7 +5,7 @@
line-height: 1.75;
padding: 20px 22px;
background: var(--surface-1);
border: 1px solid rgba(255, 255, 255, 0.55);
border: none;
border-radius: var(--radius-2xl, 16px);
box-shadow: var(--shadow-sm);
}
@@ -22,9 +22,9 @@
align-items: center;
justify-content: center;
padding: 10px 18px;
border-radius: var(--radius-lg, 10px);
border-radius: var(--main-radius, var(--radius, 8px));
background: var(--surface-1);
border: 1px solid rgba(255, 255, 255, 0.55);
border: none;
box-shadow: var(--shadow-sm);
}
+3 -4
View File
@@ -14,16 +14,15 @@
gap: var(--space-3, 12px);
padding: 12px 14px;
background: var(--surface-1);
border: 1px solid rgba(255, 255, 255, 0.55);
border-radius: var(--radius-lg, 10px);
border: none;
border-radius: var(--main-radius, var(--radius, 8px));
box-shadow: var(--shadow-sm);
transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
}
.home-module__ranking-item:hover {
box-shadow: var(--shadow);
border-color: rgba(240, 68, 148, 0.12);
transform: translateY(-1px);
transform: none;
}
.home-module__ranking-num {