/* ============================================
   小栈AI超级助手 - 前台基础样式
   ============================================ */

/* 飘落特效canvas */
#xzdbk-seasonal-canvas {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    pointer-events: none !important;
    z-index: 9 !important;
}

/* 弹幕容器 */
#xzdbk-danmaku li {
    white-space: nowrap;
    background: rgba(0,0,0,0.7);
    color: #fff;
    border-radius: 20px;
    padding: 4px 12px;
    margin-bottom: 6px;
    font-size: 13px;
    float: right;
    clear: both;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    animation: xzdbk-danmaku-in 0.5s ease-out;
}
#xzdbk-danmaku li a {color:#ffd54f;margin-right:4px;}

@keyframes xzdbk-danmaku-in {
    from {opacity:0;transform:translateX(30px);}
    to {opacity:1;transform:translateX(0);}
}

/* 灵动岛通知 */
.xzdbk-notification-item {
    background: rgba(0,0,0,0.85);
    color: #fff;
    border-radius: 30px;
    padding: 10px 20px;
    margin-bottom: 8px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    animation: xzdbk-notify-in 0.4s ease-out;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.xzdbk-notification-item .xzdbk-notify-icon {font-size:18px;}
.xzdbk-notification-item.success {border-left:3px solid #4caf50;}
.xzdbk-notification-item.error {border-left:3px solid #f44336;}
.xzdbk-notification-item.info {border-left:3px solid #2196f3;}

@keyframes xzdbk-notify-in {
    from {opacity:0;transform:translateY(-20px);}
    to {opacity:1;transform:translateY(0);}
}

/* 右键菜单 */
#xzdbk-contextmenu .xzdbk-menu-item {
    padding: 8px 20px;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background 0.2s;
}
#xzdbk-contextmenu .xzdbk-menu-item:hover {
    background: rgba(48,149,241,0.1);
    color: var(--theme-color, #3095f1);
}
#xzdbk-contextmenu .xzdbk-menu-divider {
    height: 1px;
    background: #eee;
    margin: 4px 0;
}