tiantanlin
/
SHDJ


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      body {
        margin: 0;
        font-family: PingFang SC, sans-serif;
        color: #fff;
      }
      .container {
        width: 100vw;
        height: 100vh;
        font-size: 9vw;
        box-sizing: border-box;
        background: url('data:image/png;base64,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')
          no-repeat;
        overflow: hidden;
        position: relative;
        background-size: cover;
      }
      .box {
        box-sizing: border-box;
        width: 92vw;
        height: 73vh;
        position: absolute;
        top: 3vw;
        left: 4vw;
        padding: 3vw 7vw;
      }
      .header {
        width: 100%;
        line-height: normal;
        font-weight: 400;
        margin-bottom: 3vw;
      }
      .content {
        width: 100%;
        height: calc(100% - 15vw);
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: flex-start;
        font-family: PingFang SC;
        font-size: 7.5vw;
      }
      .standby {
        color: #ffae00;
      }
      .offline {
        color: #ff4949;
      }
      span {
        margin-left: 3vw;
      }
    </style>
  </head>
  <body>
  </body>
</html>