.web-page .content-wrapper .content{display:flex;justify-content:space-between;margin-top:calc(100vw * 20 / 1915)}.web-page .content-wrapper .content .decode-wrapper,.web-page .content-wrapper .content .header-result,.web-page .content-wrapper .content .payload-result,.web-page .content-wrapper .content .tools-explain{background:#fff;box-shadow:0 0 calc(100vw * 10 / 1915) calc(100vw * 4 / 1915) #c1bada1a;border-radius:calc(100vw * 6 / 1915);padding:calc(100vw * 20 / 1915);margin-bottom:calc(100vw * 20 / 1915)}.web-page .content-wrapper .content .decode-wrapper>p:first-child,.web-page .content-wrapper .content .header-result>p:first-child,.web-page .content-wrapper .content .payload-result>p:first-child,.web-page .content-wrapper .content .tools-explain>p:first-child{font-size:calc(100vw * 16 / 1915);font-family:HarmonyOS-Medium,Arial,Helvetica,sans-serif}.web-page .content-wrapper .content .decode-wrapper textarea{width:100%;margin-top:calc(100vw * 25 / 1915);resize:none;height:calc(100vw * 120 / 1915);outline:none;padding:calc(100vw * 10 / 1915);font-size:calc(100vw * 15 / 1915);border:1px #C1BADA solid;border-radius:calc(100vw * 4 / 1915);line-height:calc(100vw * 22 / 1915)}.web-page .content-wrapper .content .decode-wrapper .error-tip{font-size:calc(100vw * 13 / 1915);margin-top:calc(100vw * 6 / 1915);color:#c10000;display:none}.web-page .content-wrapper .content .header-result ul,.web-page .content-wrapper .content .payload-result ul{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.web-page .content-wrapper .content .header-result ul li,.web-page .content-wrapper .content .payload-result ul li{width:49%;background:#fbfaff;display:flex;align-items:center;padding:calc(100vw * 15 / 1915) calc(100vw * 12 / 1915);margin-top:calc(100vw * 20 / 1915)}.web-page .content-wrapper .content .header-result ul li div,.web-page .content-wrapper .content .payload-result ul li div{display:flex;align-items:center;min-width:calc(100vw * 180 / 1915)}.web-page .content-wrapper .content .header-result ul li div p,.web-page .content-wrapper .content .payload-result ul li div p{font-size:calc(100vw * 15 / 1915);font-family:HarmonyOS-Bold,Arial,Helvetica,sans-serif;margin-right:calc(100vw * 10 / 1915)}.web-page .content-wrapper .content .header-result ul li div span,.web-page .content-wrapper .content .payload-result ul li div span{font-size:calc(100vw * 15 / 1915)}.web-page .content-wrapper .content .explain-wrapper{margin-top:calc(100vw * 40 / 1915)}.web-page .content-wrapper .content .explain-wrapper .tools-explain{margin-top:calc(100vw * 20 / 1915)}.web-page .content-wrapper .content .explain-wrapper .tools-explain div{line-height:calc(100vw * 28 / 1915);margin-bottom:calc(100vw * 15 / 1915);font-size:calc(100vw * 15 / 1915)}.web-page .content-wrapper .content .explain-wrapper .tools-explain div span{font-family:HarmonyOS-Bold,Arial,Helvetica,sans-serif;font-size:calc(100vw * 15 / 1915)}