:root{--primary-color: #ff4757;--success-color: #4caf50;--info-color: #2196f3;--warning-color: #ff9800;--danger-color: #ff5722;--background-color: #e6f7ff;--container-bg: rgba(255, 255, 255, .8);--box-shadow: 0 4px 6px rgba(0, 0, 0, .1);--border-radius: 15px;--font-family: "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background-color);background-image:url(/bg.png);background-size:cover;background-position:center;color:#333;line-height:1.6;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}#app{width:100%;max-width:800px;margin:0 auto;text-align:center}.container{background:var(--container-bg);padding:30px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);text-align:center;width:100%}h1{margin-bottom:30px;color:#333;font-size:28px}.heart-icon{font-size:48px;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.heart-rate{font-size:64px;font-weight:700;color:var(--primary-color);margin:20px 0;transition:all .3s ease}.timestamp{color:#666;margin-bottom:20px}.stats-container{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;padding:15px;background-color:#f8f9fa;border-radius:8px}.stat-box{padding:10px;border-radius:6px;background-color:#fff;box-shadow:0 2px 4px #0000000d}.stat-label{font-size:12px;color:#666;margin-bottom:5px}.stat-value{font-size:18px;font-weight:700;color:var(--info-color)}.stat-value.high{color:var(--danger-color)}.stat-value.low{color:var(--info-color)}.stat-value.clients{color:var(--success-color)}.chart-container{margin-top:30px;padding:15px;background-color:#f8f9fa;border-radius:8px;height:300px;position:relative}#heartRateChart{width:100%;height:100%}.chart-title{font-size:16px;color:#333;margin-bottom:10px;text-align:left}.back-button{position:absolute;top:20px;left:20px;padding:10px 20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;text-decoration:none}.back-button:hover{background-color:#1c86ee}@media (max-width: 768px){.container{padding:15px}.heart-rate{font-size:48px}.stats-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-container{grid-template-columns:1fr}}.container{background:#ffffff80;padding:30px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);text-align:center;width:100%}.language-switch{position:absolute;top:20px;right:20px}.language-switch select{padding:5px;border-radius:5px;border:1px solid #ccc;background-color:#fff;cursor:pointer}.config-error{margin-top:20px;padding:10px;background-color:#ffebee;color:#c62828;border-radius:4px;font-size:14px;text-align:center}