diff --git a/static/style.css b/static/style.css index c696204..104e2cd 100644 --- a/static/style.css +++ b/static/style.css @@ -503,6 +503,7 @@ a:hover { 上传区域 ================================ */ .upload-zone { + display: block; border: 2px dashed var(--border-default); border-radius: var(--radius-xl); padding: var(--space-10); @@ -510,16 +511,40 @@ a:hover { transition: all var(--duration-normal) var(--ease-default); cursor: pointer; background: var(--bg-secondary); + position: relative; + overflow: hidden; +} + +.upload-zone::before { + content: ''; + position: absolute; + inset: 0; + background: var(--primary-50); + opacity: 0; + transition: opacity var(--duration-normal) var(--ease-default); + pointer-events: none; +} + +.upload-zone:hover { + border-color: var(--primary-400); +} + +.upload-zone:hover::before { + opacity: 1; } -.upload-zone:hover, .upload-zone.drag-over { border-color: var(--primary-400); - background: var(--primary-50); + transform: scale(1.01); } -.upload-zone.drag-over { - transform: scale(1.02); +.upload-zone.drag-over::before { + opacity: 1; +} + +.upload-zone > * { + position: relative; + z-index: 1; } .upload-icon {