/* 弹窗遮罩 */
.cyber-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(10px);
    display: flex; align-items: center; justify-content: center;
    z-index: 9999; opacity: 0; transition: opacity 0.3s ease;
}

/* 弹窗主体 */
.cyber-dialog {
    width: 85%; max-width: 320px;
    background: rgba(0, 20, 40, 0.9);
    border: 1px solid var(--neon-cyan);
    box-shadow: 0 0 30px rgba(0, 242, 255, 0.2), inset 0 0 15px rgba(0, 242, 255, 0.1);
    border-radius: 4px;
    clip-path: polygon(0 0, 90% 0, 100% 10%, 100% 100%, 10% 100%, 0 90%);
    padding: 24px; transform: scale(0.8); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.cyber-overlay.active { opacity: 1; }
.cyber-overlay.active .cyber-dialog { transform: scale(1); }

/* 标题装饰 */
.dialog-header {
    border-bottom: 1px solid rgba(0, 242, 255, 0.2);
    padding-bottom: 8px; margin-bottom: 16px;
}

.dialog-title {
    font-family: 'Orbitron', sans-serif;
    font-size: 14px; color: var(--neon-cyan);
    text-transform: uppercase; letter-spacing: 2px;
    display: flex; align-items: center; gap: 8px;
}

/* 提示内容 */
.dialog-content {
    font-size: 13px; color: #fff; line-height: 1.6;
    margin-bottom: 24px; font-family: 'Source Code Pro', monospace;
}

/* 确认按钮 */
.dialog-btn {
    width: 100%; height: 44px;
    background: var(--neon-cyan); color: #000;
    font-weight: 900; font-size: 12px; letter-spacing: 2px;
    border: none; cursor: pointer;
    clip-path: polygon(5% 0, 100% 0, 100% 70%, 95% 100%, 0 100%, 0 30%);
    transition: all 0.2s;
}
.dialog-btn:active { transform: translateY(2px); filter: brightness(1.2); }

/* 错误状态装饰线 */
.dialog-border-line {
    position: absolute; top: 0; left: 0; width: 4px; height: 100%;
    background: var(--neon-cyan);
}

    /* CyberToast 容器 - 修改为全屏绝对居中 */
    .cyber-toast {
        position: fixed;
        top: 50%; /* 垂直居中线 */
        left: 50%; /* 水平居中线 */
        /* 初始状态：居中对齐 + 缩小 + 稍微下移 */
        transform: translate(-50%, -50%) scale(0.9);
        z-index: 10000; /* 层级高于普通 Modal */
        width: 260px;
        background: rgba(5, 10, 15, 0.98);
        backdrop-filter: blur(15px);
        border: 1px solid rgba(255, 255, 255, 0.15);
        display: flex;
        visibility: hidden;
        opacity: 0;
        /* 更加硬核的动效：缩放回弹 */
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        pointer-events: none;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.8);
    }

    /* 激活状态：精准居中并放大还原 */
    .cyber-toast.active {
        visibility: visible;
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    /* 左侧状态色条 - 保持粗细，增加发光感 */
    .toast-line {
        width: 4px;
        flex-shrink: 0;
        box-shadow: 2px 0 10px rgba(0, 0, 0, 0.5);
    }

    .toast-body {
        padding: 15px; /* 稍微增加内边距，提升居中时的份量感 */
        flex-grow: 1;
    }

    .toast-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 8px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        padding-bottom: 5px;
    }

    .toast-tag {
        font-family: 'Orbitron', sans-serif;
        font-size: 10px; /* 稍微放大 */
        font-weight: 900;
        letter-spacing: 1.5px;
    }

    .toast-time {
        font-size: 8px;
        color: rgba(255, 255, 255, 0.4);
        font-family: 'Consolas', monospace;
    }

    .toast-msg {
        font-size: 12px;
        color: #ffffff;
        line-height: 1.5;
        font-weight: 900;
        text-shadow: 0 0 5px rgba(0,0,0,0.5);
    }

    /* 状态呼吸灯逻辑 */
    .status-dot-active {
        width: 8px; height: 8px;
        background: var(--neon-cyan);
        display: inline-block;
        border-radius: 50%;
        margin-right: 8px;
        box-shadow: 0 0 10px var(--neon-cyan);
        animation: flicker 1.5s infinite alternate;
    }

    /* 按钮区域布局 */
    .dialog-footer {
        display: flex;
        gap: 15px;
        margin-top: 25px;
    }

    .dialog-btn {
        flex: 1;
        height: 44px;
        font-family: 'Orbitron', sans-serif;
        font-size: 11px;
        font-weight: 900;
        cursor: pointer;
        border: none;
        transition: all 0.2s;
        /* 赛博切角外形 */
        clip-path: polygon(0% 0%, 90% 0%, 100% 30%, 100% 100%, 10% 100%, 0% 70%);
    }

    .btn-confirm {
        background: var(--neon-cyan);
        color: #000;
    }

    .btn-cancel {
        background: rgba(255, 255, 255, 0.05);
        color: rgba(255, 255, 255, 0.4);
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
    }

    .dialog-btn:active {
        transform: scale(0.96);
        filter: brightness(1.2);
    }