* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body {
        min-height: 100vh;
        background: url("https://images.unsplash.com/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=1600&q=80") no-repeat center center fixed;
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "Microsoft YaHei", Arial, sans-serif;
        padding: 20px;
    }

    .glass {
        width: 100%;
        max-width: 480px;
        padding: 35px 25px;
        border-radius: 20px;
        background: rgba(255,255,255,0.12);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        border: 1px solid rgba(255,255,255,0.25);
        box-shadow: 0 8px 40px rgba(0,0,0,0.5);
        color: #fff;
        text-align: center;
    }

    h1 {
        font-size: 34px;
        margin-bottom: 8px;
        text-shadow: 0 2px 10px rgba(0,0,0,0.4);
    }

    .subtitle {
        opacity: 0.85;
        margin-bottom: 25px;
        font-size: 15px;
    }

    .stats {
        text-align: left;
        margin-top: 20px;
    }

    .stat {
        margin: 12px 0;
    }

    .label {
        font-size: 13px;
        opacity: 0.8;
    }

    .value {
        font-size: 20px;
        font-weight: bold;
        margin-top: 4px;
    }

    .online { color: #6eff8e; }
    .offline { color: #ff6b6b; }

    .progress {
        height: 8px;
        border-radius: 4px;
        background: rgba(255,255,255,0.2);
        overflow: hidden;
        margin-top: 6px;
    }

    .progress-bar {
        height: 100%;
        transition: width 0.5s;
    }

    .player-list {
        margin-top: 10px;
        padding: 10px;
        background: rgba(0,0,0,0.25);
        border-radius: 10px;
        max-height: 140px;
        overflow-y: auto;
        font-size: 14px;
    }

    .player {
        padding: 6px 0;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }

    .player:last-child {
        border-bottom: none;
    }

    .footer {
        margin-top: 25px;
        font-size: 12px;
        opacity: 0.6;
    }

    @media (max-width: 520px) {
        h1 { font-size: 28px; }
        .value { font-size: 18px; }
    }