/* 通知栏 - 固定在视口最顶部 */
.notification-bar {
	background: #0A0A0A;
	border-bottom: 3px solid #FF3366;
	padding: 14px 0; z-index: 9999;
	position: fixed; top: 0; left: 0; right: 0;
}
.notification-content { display: flex; align-items: center; gap: 16px; }
.notification-icon { color: var(--brutal-accent-red); font-size: 18px; flex-shrink: 0; }
.notification-text { flex: 1; color: #fff; margin: 0; font-size: 14px; font-family: var(--brutal-font-sans); line-height: 1.4; }
.notification-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; margin-left: auto; }
.notification-link {
	background: var(--brutal-accent-red); color: white;
	padding: 8px 20px; font-size: 12px; font-weight: 700;
	font-family: var(--brutal-font-mono); text-transform: uppercase; letter-spacing: 0.06em;
	border: none; cursor: pointer;
	clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%);
	transition: all 0.25s var(--brutal-transition);
	text-decoration: none; display: inline-flex; align-items: center; white-space: nowrap;
}
.notification-link:hover { transform: translate(-2px, -2px); box-shadow: 4px 4px 0 rgba(255,51,102,0.4); }
.notification-close {
	background: transparent; border: 2px solid rgba(255,255,255,0.3); color: white;
	width: 30px; height: 30px; border-radius: 50%; cursor: pointer;
	display: flex; align-items: center; justify-content: center;
	transition: all 0.2s ease; flex-shrink: 0; padding: 0;
}
.notification-close i { font-size: 14px; }
.notification-close:hover { background: var(--brutal-accent-red); border-color: var(--brutal-accent-red); }

@media (max-width: 768px) {
	.notification-bar { padding: 12px 0; }
	.notification-icon { font-size: 16px; }
	.notification-text { font-size: 13px; }
	.notification-link { padding: 6px 14px; font-size: 11px; }
	.notification-close { width: 28px; height: 28px; }
	.notification-actions { gap: 8px; }
}