*{box-sizing:border-box}body{margin:0;background:#f2f5f6;font-family:Arial,Helvetica,sans-serif;color:#41535c}.wrap{max-width:1280px;margin:14px auto;padding:0 15px}.card{position:relative;background:#fff;border:1px solid #d4dde1;box-shadow:0 1px 5px #00000014;padding:20px 22px 14px}.version{position:absolute;right:10px;bottom:8px;font-size:10px;color:#9aa6ab}.head{display:flex;justify-content:space-between;gap:20px}.head h1{font-size:24px;font-weight:400;margin:0;color:#3d4f58}.sub{font-size:13px;color:#78878e;margin-top:6px}.state{font-size:12px;color:#78878e;padding-top:8px;white-space:nowrap}.state span:first-child{display:inline-block;width:9px;height:9px;border-radius:50%;background:#aaa;margin-right:7px}.state .live{background:#5a8f39!important}.state .bad{background:#bd3d35!important}.chart{height:470px;margin-top:14px}.bottom{border-top:1px solid #e8edef;margin-top:4px;padding-top:11px;display:flex;justify-content:space-between;font-size:12px;color:#718087}.err{margin-top:12px;background:#fff1f0;border:1px solid #efc2bf;color:#972e27;padding:12px}.err a{color:#184f91}@media(max-width:700px){.wrap{padding:0 6px}.card{padding:14px 10px}.head{display:block}.chart{height:350px}.bottom{display:block}.bottom span{display:block;margin-top:6px}}