55 lines
1.1 KiB
CSS
55 lines
1.1 KiB
CSS
/* Full-viewport drop invitation (DeepSeek Chat DragMask). pointer-events:
|
|
none — the layer is decoration; drag events must keep hitting the page so
|
|
the owner's enter/leave count stays balanced. The frosted sheet color is
|
|
the theme's drop-mask alias (dark override lives with the theme owner). */
|
|
.mask {
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: 1000;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
pointer-events: none;
|
|
background-color: var(--dsw-alias-bg-mask-drop);
|
|
backdrop-filter: blur(10px);
|
|
animation: fade-in 160ms ease-out;
|
|
}
|
|
|
|
@keyframes fade-in {
|
|
from { opacity: 0; }
|
|
to { opacity: 1; }
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.mask {
|
|
animation: none;
|
|
}
|
|
}
|
|
|
|
.wrap {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin-top: -3%;
|
|
padding: 0 40px;
|
|
color: var(--dsw-alias-label-primary);
|
|
text-align: center;
|
|
}
|
|
|
|
.illustration {
|
|
width: 115px;
|
|
height: 84px;
|
|
}
|
|
|
|
.title {
|
|
margin-top: 16px;
|
|
font: var(--dsw-font-l-20);
|
|
}
|
|
|
|
.desc {
|
|
margin-top: 16px;
|
|
font: var(--dsw-font-s-14);
|
|
color: var(--dsw-alias-label-tertiary);
|
|
white-space: pre-wrap;
|
|
}
|