*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.container{background:#fffffff2;border-radius:20px;padding:40px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center;margin-top:-10%}.avatar{width:120px;height:120px;border-radius:50%;margin:0 auto 30px;position:relative;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;font-weight:700}.status-indicator{position:absolute;bottom:5px;right:5px;width:30px;height:30px;border-radius:50%;border:4px solid white;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.status-text{font-size:24px;font-weight:600;margin-bottom:10px;color:#333}.status-text-en{font-size:14px;color:#666}.status-active{background-color:#2ecc71}.status-resting{background-color:#f39c12}.status-disconnected{background-color:#e67e22}.status-away{background-color:#e74c3c}.status-gone{background-color:#95a5a6}@media(max-width:480px){.container{padding:30px 20px}.avatar{width:100px;height:100px;font-size:40px}.status-indicator{width:25px;height:25px;border:3px solid white}.status-text{font-size:20px}.status-text-en{font-size:13px}}