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:
2026-07-10 23:37:20 +08:00
parent b821378a7d
commit 188611b075
46 changed files with 494 additions and 215 deletions
@@ -136,7 +136,6 @@
.action-btn:hover,
.action:hover {
border-color: rgba(240, 68, 148, 0.12);
background: var(--color-primary-soft);
color: var(--color-primary);
}
@@ -300,7 +299,7 @@ html.dark .post-drop-meta__item:hover {
margin-bottom: 16px;
padding: 18px;
background: var(--surface-1, #fff);
border: 1px solid rgba(255, 255, 255, 0.55);
border: none;
border-radius: var(--radius-2xl, 16px);
box-shadow: var(--shadow-sm);
}
@@ -17,14 +17,13 @@
display: block;
padding: 18px;
border-radius: var(--radius-lg);
border: 1px solid rgba(255, 255, 255, 0.55);
border: none;
box-shadow: var(--shadow-sm);
background: var(--surface-1);
transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}
.post-nav-links a:hover {
border-color: rgba(240, 68, 148, 0.12);
box-shadow: var(--shadow);
transform: translateY(-2px);
}
@@ -44,7 +44,7 @@
margin-bottom: 16px;
overflow: hidden;
background: var(--surface-1, #fff);
border: 1px solid rgba(255, 255, 255, 0.55);
border: none;
border-radius: var(--radius-2xl, 16px);
box-shadow: var(--shadow-sm);
}
@@ -251,7 +251,7 @@ html.dark .article-end-separator span {
top: 88px;
padding: 18px 18px 14px;
margin-bottom: 16px;
border: 1px solid rgba(255, 255, 255, 0.55);
border: none;
border-radius: var(--radius-2xl, 16px);
box-shadow: var(--shadow-sm);
background: var(--surface-1);