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

+2 -2
View File
@@ -20,7 +20,7 @@
width: 100%;
max-width: 440px;
background: var(--surface-1);
border: 1px solid rgba(255, 255, 255, 0.55);
border: none;
border-radius: var(--radius-2xl, 16px);
padding: 32px;
box-shadow: var(--shadow-sm);
@@ -231,7 +231,7 @@
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.55);
border: none;
background: var(--surface-4);
box-shadow: var(--shadow-sm);
color: var(--color-ink);
+4 -4
View File
@@ -61,7 +61,7 @@
.aksrt-cart-page__panel {
background: var(--surface-1, #fff);
border: 1px solid rgba(255, 255, 255, 0.55);
border: none;
box-shadow: var(--shadow-sm);
border-radius: var(--radius-2xl, 16px);
padding: 20px;
@@ -86,8 +86,8 @@
align-items: center;
gap: 14px;
padding: 16px;
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));
background: var(--surface-4, #f8fafc);
box-shadow: var(--shadow-sm);
}
@@ -345,7 +345,7 @@
.aksrt-modal__dialog {
position: relative;
background: var(--surface-1, #fff);
border: 1px solid rgba(255, 255, 255, 0.58);
border: none;
border-radius: var(--radius-2xl, 16px);
width: 90%;
max-width: 520px;
+1 -1
View File
@@ -28,7 +28,7 @@
.friend-card:hover {
box-shadow: var(--shadow);
border-color: var(--color-primary-soft);
transform: translateY(-2px);
transform: none;
}
.friend-card__avatar {
+1 -2
View File
@@ -54,7 +54,7 @@
.aksrt-orders-page__item {
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);
overflow: hidden;
@@ -63,7 +63,6 @@
.aksrt-orders-page__item:hover {
box-shadow: var(--shadow);
border-color: rgba(240, 68, 148, 0.10);
}
.aksrt-orders-page__item-main {
+1 -1
View File
@@ -34,7 +34,7 @@
.aksrt-product-page__panel,
.aksrt-product-editor__panel {
background: var(--surface-1);
border: 1px solid rgba(255, 255, 255, 0.55);
border: none;
box-shadow: var(--shadow-sm);
border-radius: var(--radius-2xl, 16px);
padding: 20px;
+1 -1
View File
@@ -105,7 +105,7 @@
align-items: center;
gap: 4px;
padding: 4px 10px;
border: 1px solid rgba(255, 255, 255, 0.5);
border: none;
border-radius: 6px;
background: rgba(0, 0, 0, 0.25);
color: #fff;
+1 -1
View File
@@ -25,7 +25,7 @@
max-height: 90vh;
overflow-y: auto;
background: var(--surface-1);
border: 1px solid rgba(255, 255, 255, 0.58);
border: none;
border-radius: var(--radius-2xl, 16px);
box-shadow: var(--shadow-drawer);
animation: modalSlideUp 0.28s cubic-bezier(0.22, 1, 0.36, 1) forwards;
+3 -3
View File
@@ -33,7 +33,7 @@
padding: 20px;
background: var(--surface-1);
border-radius: var(--radius-2xl, 16px);
border: 1px solid rgba(255, 255, 255, 0.55);
border: none;
box-shadow: var(--shadow-sm);
}
@@ -107,8 +107,8 @@
gap: 12px;
padding: 14px 16px;
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);
}
+1 -1
View File
@@ -173,7 +173,7 @@
/* 积分流水 */
.uc-transactions {
background: var(--surface-1);
border-radius: var(--radius-lg, 10px);
border-radius: var(--main-radius, var(--radius, 8px));
border: 1px solid var(--color-line-soft, rgba(0,0,0,0.06));
overflow: hidden;
}
+3 -3
View File
@@ -55,7 +55,7 @@
.uc-sidebar__section {
background: var(--surface-1);
border-radius: var(--radius-lg, 10px);
border-radius: var(--main-radius, var(--radius, 8px));
padding: 16px;
box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
border: 1px solid var(--color-line-soft, transparent);
@@ -92,7 +92,7 @@
.uc-stats__item:hover {
background: var(--color-primary-soft);
transform: translateY(-2px);
transform: none;
box-shadow: 0 4px 8px rgba(0,0,0,0.06);
}
@@ -254,7 +254,7 @@
.uc-content .dashboard-panel {
background: var(--surface-1);
border-radius: var(--radius-lg, 10px);
border-radius: var(--main-radius, var(--radius, 8px));
padding: 24px;
box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
border: 1px solid var(--color-line-soft, transparent);
+2 -2
View File
@@ -13,7 +13,7 @@
overflow: hidden;
border-radius: var(--radius-2xl, 16px);
background: var(--surface-1);
border: 1px solid rgba(255, 255, 255, 0.55);
border: none;
box-shadow: var(--shadow-sm);
margin-bottom: 20px;
}
@@ -295,7 +295,7 @@
border-radius: var(--radius-2xl, 16px);
padding: 24px;
box-shadow: var(--shadow-sm);
border: 1px solid rgba(255, 255, 255, 0.55);
border: none;
}
/* Tab 栏增强 */