*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:#f0f2f5;color:#333}.app-brand{height:64px;margin:8px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none}.app-brand .brand-en{font-size:20px;font-weight:700;letter-spacing:2px;line-height:1.15}.app-brand .brand-cn{font-size:11px;opacity:.62;margin-top:3px;letter-spacing:.5px}.app-brand.collapsed .brand-en{font-size:13px;letter-spacing:1px}.page-title{font-size:18px;font-weight:600;margin-bottom:16px;color:#1a1a1a}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-card{background:#fafafa;border:1px solid #f0f0f0;border-radius:10px;padding:18px;text-align:center}.stat-card .num{font-size:26px;font-weight:600;line-height:1.2}.stat-card .lbl{font-size:12px;color:#999;margin-top:6px}.stat-card.info .num{color:#1677ff}.stat-card.ok .num{color:#52c41a}.stat-card.bad .num{color:#ff4d4f}.stat-card.warn .num{color:#fa8c16}.trend-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:12px}.trend-bar-row .d{width:78px;color:#666;flex-shrink:0}.trend-bar-row .bar{height:14px;border-radius:4px;background:#1677ff;min-width:2px;transition:width .3s}.trend-bar-row .bar.fail{background:#ff7875}.trend-bar-row .n{color:#999;flex-shrink:0}audio{height:32px;max-width:260px;vertical-align:middle}