.web-page .content-box .content{display:flex;margin-top:calc(100vw*20/1915);justify-content:space-between}.web-page .content-box .content .base-string-wrapper{display:flex;justify-content:space-between}.web-page .content-box .content .base-string-wrapper .string-to-base,.web-page .content-box .content .base-string-wrapper .base-to-string .string-to-base,.web-page .content-box .content .base-string-wrapper .base-to-string{background:#fff;width:49%;padding:calc(100vw*20 / 1915)}.web-page .content-box .content .base-string-wrapper .string-to-base>p,.web-page .content-box .content .base-string-wrapper .base-to-string .string-to-base>p,.web-page .content-box .content .base-string-wrapper .base-to-string>p{font-size:calc(100vw * 16 / 1915);font-family:HarmonyOS-Medium,Arial,Helvetica,sans-serif}.web-page .content-box .content .base-string-wrapper .string-to-base .info-item,.web-page .content-box .content .base-string-wrapper .base-to-string .string-to-base .info-item,.web-page .content-box .content .base-string-wrapper .base-to-string .info-item{margin-top:calc(100vw*30 / 1915)}.web-page .content-box .content .base-string-wrapper .string-to-base .info-item>div,.web-page .content-box .content .base-string-wrapper .base-to-string .string-to-base .info-item>div,.web-page .content-box .content .base-string-wrapper .base-to-string .info-item>div{margin-top:calc(100vw*20 / 1915)}.web-page .content-box .content .base-string-wrapper .string-to-base .info-item>div p,.web-page .content-box .content .base-string-wrapper .base-to-string .string-to-base .info-item>div p,.web-page .content-box .content .base-string-wrapper .base-to-string .info-item>div p{font-size:calc(100vw*15 / 1915)}.web-page .content-box .content .base-string-wrapper .string-to-base .info-item>div textarea,.web-page .content-box .content .base-string-wrapper .base-to-string .string-to-base .info-item>div textarea,.web-page .content-box .content .base-string-wrapper .base-to-string .info-item>div textarea{width:100%;margin-top:calc(100vw*10 / 1915);resize:none;height:calc(100vw*110 / 1915);outline:none;padding:calc(100vw*10 / 1915);font-size:calc(100vw*15 / 1915);border:1px #C1BADA solid;border-radius:calc(100vw*4 / 1915)}.web-page .content-box .content .base-string-wrapper .string-to-base .info-item .safe,.web-page .content-box .content .base-string-wrapper .base-to-string .string-to-base .info-item .safe,.web-page .content-box .content .base-string-wrapper .base-to-string .info-item .safe{display:flex;align-items:center;justify-content:space-between}.web-page .content-box .content .base-string-wrapper .string-to-base .info-item .safe p,.web-page .content-box .content .base-string-wrapper .base-to-string .string-to-base .info-item .safe p,.web-page .content-box .content .base-string-wrapper .base-to-string .info-item .safe p{margin-right:calc(100vw*20 / 1915)}.web-page .content-box .content .base-string-wrapper .string-to-base .info-item .safe .switch,.web-page .content-box .content .base-string-wrapper .base-to-string .string-to-base .info-item .safe .switch,.web-page .content-box .content .base-string-wrapper .base-to-string .info-item .safe .switch{position:relative;display:inline-block;width:calc(100vw*34 / 1915);height:calc(100vw*18 / 1915)}.web-page .content-box .content .base-string-wrapper .string-to-base .info-item .safe .switch input,.web-page .content-box .content .base-string-wrapper .base-to-string .string-to-base .info-item .safe .switch input,.web-page .content-box .content .base-string-wrapper .base-to-string .info-item .safe .switch input{display:none}.web-page .content-box .content .base-string-wrapper .string-to-base .info-item .safe .switch input:checked+.slider,.web-page .content-box .content .base-string-wrapper .base-to-string .string-to-base .info-item .safe .switch input:checked+.slider,.web-page .content-box .content .base-string-wrapper .base-to-string .info-item .safe .switch input:checked+.slider{background:#6f43ff}.web-page .content-box .content .base-string-wrapper .string-to-base .info-item .safe .switch input:focus+.slider,.web-page .content-box .content .base-string-wrapper .base-to-string .string-to-base .info-item .safe .switch input:focus+.slider,.web-page .content-box .content .base-string-wrapper .base-to-string .info-item .safe .switch input:focus+.slider{box-shadow:0 0 1px #6f43ff}.web-page .content-box .content .base-string-wrapper .string-to-base .info-item .safe .switch input:checked+.slider:before,.web-page .content-box .content .base-string-wrapper .base-to-string .string-to-base .info-item .safe .switch input:checked+.slider:before,.web-page .content-box .content .base-string-wrapper .base-to-string .info-item .safe .switch input:checked+.slider:before{-webkit-transform:translateX(calc(100vw*16 / 1915));-ms-transform:translateX(calc(100vw*16 / 1915));transform:translate(calc(100vw*16 / 1915))}.web-page .content-box .content .base-string-wrapper .string-to-base .info-item .safe .switch .slider,.web-page .content-box .content .base-string-wrapper .base-to-string .string-to-base .info-item .safe .switch .slider,.web-page .content-box .content .base-string-wrapper .base-to-string .info-item .safe .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.web-page .content-box .content .base-string-wrapper .string-to-base .info-item .safe .switch .slider:before,.web-page .content-box .content .base-string-wrapper .base-to-string .string-to-base .info-item .safe .switch .slider:before,.web-page .content-box .content .base-string-wrapper .base-to-string .info-item .safe .switch .slider:before{position:absolute;content:"";height:calc(100vw*16 / 1915);width:calc(100vw*16 / 1915);left:calc(100vw*1 / 1915);bottom:calc(100vw*1 / 1915);background:#fff;-webkit-transition:.4s;transition:.4s}.web-page .content-box .content .base-string-wrapper .string-to-base .info-item .safe .switch .slider.round,.web-page .content-box .content .base-string-wrapper .base-to-string .string-to-base .info-item .safe .switch .slider.round,.web-page .content-box .content .base-string-wrapper .base-to-string .info-item .safe .switch .slider.round{border-radius:calc(100vw*34 / 1915)}.web-page .content-box .content .base-string-wrapper .string-to-base .info-item .safe .switch .slider.round:before,.web-page .content-box .content .base-string-wrapper .base-to-string .string-to-base .info-item .safe .switch .slider.round:before,.web-page .content-box .content .base-string-wrapper .base-to-string .info-item .safe .switch .slider.round:before{border-radius:50%}.web-page .content-box .content .base-string-wrapper .string-to-base .info-item .error,.web-page .content-box .content .base-string-wrapper .base-to-string .string-to-base .info-item .error,.web-page .content-box .content .base-string-wrapper .base-to-string .info-item .error{font-size:calc(100vw*13 / 1915);color:#cf0000;display:block;height:calc(100vw*16 / 1915)}.web-page .content-box .content .base-string-wrapper .string-to-base .info-item .result div,.web-page .content-box .content .base-string-wrapper .base-to-string .string-to-base .info-item .result div,.web-page .content-box .content .base-string-wrapper .base-to-string .info-item .result div{display:flex;align-items:center;justify-content:space-between}.web-page .content-box .content .base-string-wrapper .string-to-base .info-item .result div button,.web-page .content-box .content .base-string-wrapper .base-to-string .string-to-base .info-item .result div button,.web-page .content-box .content .base-string-wrapper .base-to-string .info-item .result div button{background:none;border:none;cursor:pointer}.web-page .content-box .content .base-string-wrapper .string-to-base .info-item .result div button img,.web-page .content-box .content .base-string-wrapper .base-to-string .string-to-base .info-item .result div button img,.web-page .content-box .content .base-string-wrapper .base-to-string .info-item .result div button img{width:calc(100vw*18 / 1915)}.web-page .content-box .content .explain-wrapper{margin-top:calc(100vw*40/1915)}.web-page .content-box .content .explain-wrapper .tools-explain{margin-top:calc(100vw*20/1915);background:#fff;padding:calc(100vw * 20 / 1915);border-radius:calc(100vw * 6 / 1915);box-shadow:0 0 calc(100vw * 10 / 1915) calc(100vw * 4 / 1915) #c1bada1a}.web-page .content-box .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-box .content .explain-wrapper .tools-explain div span{font-family:HarmonyOS-Bold,Arial,Helvetica,sans-serif;font-size:calc(100vw*15 / 1915)}