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:
1 parent
b821378a7d
commit
188611b075
46 files changed
+494
-215
No files matched your search
@@ -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);
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
|
||||
@@ -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 栏增强 */
|
||||
|
||||
Reference in new issue
Block a user