30 lines
664 B
CSS
30 lines
664 B
CSS
/* 内容脚本样式 - 注入到网页中 */
|
|
|
|
#extension-notification {
|
|
position: fixed;
|
|
top: 20px;
|
|
right: 20px;
|
|
z-index: 2147483647;
|
|
background: linear-gradient(135deg, #6366f1, #8b5cf6);
|
|
color: white;
|
|
padding: 16px 24px;
|
|
border-radius: 12px;
|
|
font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
box-shadow: 0 8px 32px rgba(99, 102, 241, 0.4);
|
|
transform: translateX(120%);
|
|
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
pointer-events: none;
|
|
}
|
|
|
|
#extension-notification.show {
|
|
transform: translateX(0);
|
|
}
|
|
|
|
#extension-notification::before {
|
|
content: '🚀';
|
|
margin-right: 8px;
|
|
}
|
|
|