/* ==================================================================== */
/*  SNP 页面访客统计组件样式（紫色渐变玻璃风）                          */
/*  从原模板第 8091-8174 行抽出，内容一字未改                          */
/* ==================================================================== */

    .snp-visitor-stats {
        position: fixed;
        bottom: 24px;
        right: 24px;
        display: flex;
        gap: 0;
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.95) 0%, rgba(118, 75, 162, 0.95) 100%);
        padding: 4px;
        border-radius: 16px;
        box-shadow: 0 10px 30px rgba(102, 126, 234, 0.35), 0 4px 10px rgba(0, 0, 0, 0.1);
        z-index: 9998;
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    .snp-stat-pill {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 10px 16px;
        border-radius: 12px;
        cursor: pointer;
        position: relative;
        transition: all 0.25s ease;
        color: #fff;
    }
    .snp-stat-pill:hover {
        background: rgba(255, 255, 255, 0.18);
        transform: translateY(-1px);
    }
    .snp-stat-icon {
        width: 24px;
        height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.22);
        font-size: 12px;
    }
    .snp-stat-icon.online { background: rgba(76, 217, 100, 0.9); box-shadow: 0 0 12px rgba(76, 217, 100, 0.6); animation: snpPulse 2s infinite; }
    .snp-stat-icon.unique { background: rgba(255, 184, 77, 0.95); }
    .snp-stat-icon.total  { background: rgba(255, 255, 255, 0.25); }
    @keyframes snpPulse {
        0%, 100% { transform: scale(1); opacity: 1; }
        50% { transform: scale(1.15); opacity: 0.8; }
    }
    .snp-stat-value {
        font-weight: 700;
        font-size: 15px;
        letter-spacing: 0.3px;
        min-width: 24px;
        text-align: left;
    }
    .snp-stat-label {
        font-size: 11px;
        opacity: 0.85;
        font-weight: 500;
        margin-top: 1px;
        white-space: nowrap;
    }
    .snp-stat-text {
        display: flex;
        flex-direction: column;
        line-height: 1.1;
    }
    .snp-stat-divider {
        width: 1px;
        background: rgba(255, 255, 255, 0.25);
        margin: 8px 0;
    }
    @media (max-width: 768px) {
        .snp-visitor-stats {
            bottom: 10px;
            right: 10px;
            font-size: 12px;
        }
        .snp-stat-pill { padding: 6px 10px; gap: 6px; }
        .snp-stat-value { font-size: 13px; }
        .snp-stat-label { font-size: 9px; }
        .snp-stat-icon { width: 18px; height: 18px; font-size: 10px; }
    }