Commit c0822ea1 by 王敏

合并分支 'feature/branch_wm' 到 'main'

Feature/branch wm

查看合并请求 !1
parents 0e99ff9e 0c1b4ec0
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="876" height="408" viewBox="0 0 876 408"><g><g style="opacity:0.4000000059604645;"><path d="M0,0L9.10672,0L6.07115,3.03557L3.03557,3.03557L3.03557,6.07115L0,9.10672L0,0Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g><g transform="matrix(-1,0,0,1,1752,0)" style="opacity:0.4000000059604645;"><path d="M876,0L885.10672,0L882.07115,3.03557L879.03557,3.03557L879.03557,6.07115L876,9.10672L876,0Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g><g transform="matrix(1,0,0,-1,0,816)" style="opacity:0.4000000059604645;"><path d="M0,408L9.10672,408L6.07115,411.03557L3.03557,411.03557L3.03557,414.07115L0,417.10672L0,408Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g><g transform="matrix(-1,0,0,-1,1752,816)" style="opacity:0.4000000059604645;"><path d="M876,408L885.10672,408L882.07115,411.03557L879.03557,411.03557L879.03557,414.07115L876,417.10672L876,408Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="224.6484375" height="38" viewBox="0 0 224.6484375 38"><defs><linearGradient x1="1" y1="0.5" x2="0" y2="0.5" id="master_svg0_18916_65591"><stop offset="0%" stop-color="#37F1E7" stop-opacity="1"/><stop offset="100%" stop-color="#37F1E7" stop-opacity="0"/></linearGradient></defs><g><g><path d="M53.74023125,16.56956875L53.74023125,21.39376875L60.80078125,21.39376875L60.80078125,16.56956875L53.74023125,16.56956875ZM53.59375125,24.03046875Q53.05664125,29.62616875,50.26367125,33.25896875L48.07617125,31.305868750000002Q50.77148125,27.39956875,50.85937125,21.39376875L50.85937125,6.530468750000001L73.92578125,6.530468750000001L73.92578125,29.35276875Q73.92578125,32.78046875,70.49808125,32.78046875L67.08008125,32.78046875L66.34768125,29.98746875Q68.27148125,30.13396875,69.56058125,30.13396875Q71.01558125,30.13396875,71.01558125,28.40546875L71.01558125,24.03046875L63.68168125,24.03046875L63.68168125,32.44846875L60.80078125,32.44846875L60.80078125,24.03046875L53.59375125,24.03046875ZM71.01558125,21.39376875L71.01558125,16.56956875L63.68168125,16.56956875L63.68168125,21.39376875L71.01558125,21.39376875ZM71.01558125,13.96206875L71.01558125,9.29416875L63.68168125,9.29416875L63.68168125,13.96206875L71.01558125,13.96206875ZM60.80078125,9.29416875L53.74023125,9.29416875L53.74023125,13.96206875L60.80078125,13.96206875L60.80078125,9.29416875ZM83.30078125,18.51286875L83.30078125,22.60466875L89.82418125000001,22.60466875L89.82418125000001,18.51286875L83.30078125,18.51286875ZM89.82418125000001,25.28046875L83.30078125,25.28046875L83.30078125,27.55586875L80.45898125,27.55586875L80.45898125,9.60666875L89.82418125000001,9.60666875L89.82418125000001,5.73944875L92.67578125,5.73944875L92.67578125,9.60666875L102.36328125,9.60666875L102.36328125,25.28046875L92.67578125,25.28046875L92.67578125,28.19066875Q92.67578125,30.24136875,94.60938125,30.24136875L101.28908125000001,30.24136875Q102.21678125,30.24136875,102.70508125,29.78246875Q103.07618124999999,29.32346875,103.22268125,26.63786875L105.95698125,27.52656875Q105.68358125,31.28636875,104.86328125,32.14566875Q103.98438125,32.90746875,101.75778125,32.90746875L93.96488124999999,32.90746875Q89.82418125000001,32.90746875,89.82418125000001,28.63986875L89.82418125000001,25.28046875ZM92.67578125,22.60466875L99.55078125,22.60466875L99.55078125,18.51286875L92.67578125,18.51286875L92.67578125,22.60466875ZM99.55078125,15.90546875L99.55078125,12.31166875L92.67578125,12.31166875L92.67578125,15.90546875L99.55078125,15.90546875ZM89.82418125000001,12.31166875L83.30078125,12.31166875L83.30078125,15.90546875L89.82418125000001,15.90546875L89.82418125000001,12.31166875ZM134.57028125,28.40546875L121.61128125,28.40546875L121.61128125,25.76876875L131.84568124999998,25.76876875L131.84568124999998,22.59496875L122.62698125,22.59496875L122.62698125,20.08516875L131.84568124999998,20.08516875L131.84568124999998,16.96016875L121.94338125,16.96016875L121.94338125,14.596868749999999Q121.85548125,14.65546875,121.70898125,14.811668749999999Q121.56248125,14.958168749999999,121.48438125,15.01676875L119.92188125,13.08316875Q123.29098125,10.38786875,125.69338125,5.73944875L128.48628125,6.33515875Q127.70508125,7.80976875,127.25588125,8.53246875L132.98828125,8.53246875L132.98828125,10.68086875Q131.69918124999998,12.79996875,130.31248125000002,14.36246875L134.57028125,14.36246875L134.57028125,28.40546875ZM127.01168125,14.36246875Q128.38868125,12.85856875,129.68748125000002,11.10076875L125.44918125,11.10076875Q124.01368125,12.85856875,122.23628125,14.36246875L127.01168125,14.36246875ZM109.16988125,9.63596875L113.57418125,9.63596875L113.57418125,5.76874875L116.32808125,5.76874875L116.32808125,9.63596875L120.13668125,9.63596875L120.13668125,12.15546875L116.32808125,12.15546875L116.32808125,15.876168750000001L120.85938125,15.876168750000001L120.85938125,18.46406875L116.99218125,18.46406875L116.99218125,22.08706875L120.61528125,22.08706875L120.61528125,24.67496875L116.99218125,24.67496875L116.99218125,29.47966875Q119.67778125,30.25116875,128.43748125000002,30.25116875Q133.34958125,30.25116875,135.77148125,30.07536875L135.29298125,32.88786875L129.06248125000002,32.88786875Q118.05668125,32.88786875,115.21488125,31.686668750000003Q113.05668125,30.73946875,111.46488125,28.61056875Q110.88868124999999,31.03246875,109.95118124999999,33.36636875L107.92968125,31.569568750000002Q109.77538125000001,26.41326875,109.98048125,20.11446875L112.49028125,20.38786875Q112.40238125,23.21016875,112.07028125,25.40746875Q113.02738125,26.94066875,114.23828125,27.95626875L114.23828125,18.46406875L108.92578125,18.46406875L108.92578125,15.876168750000001L113.57418125,15.876168750000001L113.57418125,12.15546875L109.16988125,12.15546875L109.16988125,9.63596875ZM138.92578125,8.40546875L142.93948125,8.40546875L142.93948125,5.67108875L145.70308125,5.67108875L145.70308125,8.40546875L149.09178125,8.40546875L149.09178125,11.07146875L145.70308125,11.07146875L145.70308125,13.28826875Q147.92978125000002,12.87816875,149.03278125,12.64376875L149.03278125,15.21206875L145.70308125,15.827368750000002L145.70308125,18.86446875Q145.70308125,21.53046875,142.97848125000002,21.53046875L140.18558124999998,21.53046875L139.58008125,18.86446875Q140.83988125000002,19.04026875,142.00198125,19.04026875Q142.93948125,19.04026875,142.93948125,18.16136875L142.93948125,16.23746875L139.16988125,16.76486875L138.53518125,14.19646875Q140.54688125,14.04996875,142.93948125,13.69846875L142.93948125,11.07146875L138.92578125,11.07146875L138.92578125,8.40546875ZM150.90778125,12.59496875Q151.96278125,13.01486875,153.11478125,13.58126875Q153.51578125,12.27266875,153.63278125,11.07146875L150.30278125,11.07146875L150.30278125,8.40546875L153.69178125000002,8.40546875L153.69178125000002,5.64179875L156.42578125,5.64179875L156.42578125,8.40546875L162.02178125,8.40546875L162.02178125,14.51876875Q162.07978125,18.45426875,162.91978125,18.45426875Q163.39878125,18.45426875,163.84778125,15.153468749999998L166.10378125,16.23746875Q165.74178125,19.09886875,164.93178125,20.32926875Q164.00378125,21.46206875,162.83178125,21.46206875Q161.42578125,21.46206875,160.42978125000002,20.06566875Q159.47278125,18.65936875,159.47278125,14.61636875L159.47278125,11.07146875L156.36678125,11.07146875Q156.18178125,13.20036875,155.61478125,14.889868750000002Q157.41178125,15.83706875,158.80878124999998,16.82346875L157.30478125000002,18.98166875Q155.72278125,17.84886875,154.53078125000002,17.17496875Q153.17378125,19.65546875,150.96678125,21.31566875L152.75378125,21.31566875Q152.63678125,22.15546875,152.42178124999998,23.18086875L163.28078125000002,23.18086875Q163.28078125000002,29.75316875,162.24578125,31.637868750000003Q161.14278124999998,33.46406875,158.36878124999998,33.46406875Q156.65978124999998,33.46406875,154.77578125,33.34686875L154.02378125,30.612468749999998Q156.47478125,30.856668749999997,158.25178125,30.856668749999997Q159.91178125,30.75896875,160.19578124999998,29.27456875Q160.40078125,27.42886875,160.40078125,25.90546875L151.48478125,25.90546875Q150.58578125,27.86836875,149.14078125,29.27456875Q146.28908124999998,31.96016875,139.64848125,33.52266875L138.50588125000002,30.856668749999997Q144.23828125,29.64566875,146.78708125,27.48746875Q147.56878125,26.77456875,148.16378125,25.90546875L138.98438125,25.90546875L138.98438125,23.18086875L149.48278125000002,23.18086875Q149.63878125,22.57536875,149.88278125,21.31566875L150.75178125,21.31566875L148.70078125,19.07926875Q150.90778125,17.72186875,152.11878124999998,15.827368750000002Q151.02578125,15.24136875,149.48278125000002,14.63596875L150.90778125,12.59496875ZM180.80078125,6.530468750000001L195.74178125,6.530468750000001L195.74178125,9.20626875L189.86278125,9.20626875Q189.74578125,10.32926875,189.38478125,12.13596875L194.87278125,12.13596875L194.87278125,26.65746875L192.19678125,26.65746875L192.19678125,14.65546875L184.30678125,14.65546875L184.30678125,26.65746875L181.64078125,26.65746875L181.64078125,12.13596875L186.65078125,12.13596875Q186.83578125,11.11056875,187.07078125,9.20626875L180.80078125,9.20626875L180.80078125,6.530468750000001ZM190.71278125,26.56956875Q193.91578125,29.09886875,196.04478125,31.540268750000003L194.06278125,33.52266875Q192.19678125,31.07146875,188.90578125,28.33706875L190.71278125,26.56956875ZM186.79678125,16.05196875L189.56078125,16.05196875L189.56078125,21.44256875Q189.38478125,26.33516875,187.34378125,29.29416875Q185.39078125,32.00896875,180.91778125,33.52266875L179.38478125,31.090968750000002Q183.63278125,29.65546875,185.18578125,27.48746875Q186.67978125,25.13396875,186.79678125,21.45236875L186.79678125,16.05196875ZM171.82578125,10.62226875Q173.24178125,12.02846875,173.83778125,12.70236875Q175.09778125,11.23746875,176.32778125,9.17696875L169.12078125,9.17696875L169.12078125,6.530468750000001L179.35578125,6.530468750000001L179.35578125,8.75706875Q177.54878125,12.14566875,175.48878125,14.53826875L176.65978125,15.90546875L180.19578125,15.90546875L180.19578125,17.64376875Q179.44378125,21.30586875,178.51578125,23.22966875L176.18178125,22.31166875Q176.96278125,20.69066875,177.52978125,18.54216875L175.06878125,18.54216875L175.06878125,30.632068750000002Q175.06878125,33.40546875,172.54878125,33.40546875L169.59978125,33.40546875L169.03278125,30.81756875Q170.38078124999998,31.00316875,171.61178125,31.00316875Q172.36278125,31.00316875,172.36278125,29.99726875L172.36278125,18.54216875L168.28078125000002,18.54216875L168.28078125000002,15.90546875L173.56478125,15.90546875Q171.78678125,13.91326875,169.71678125,11.94066875L171.82578125,10.62226875ZM200.28278125,6.24726875Q202.74378125,8.25897875,204.48278125,10.32926875L202.62678125,12.18476875Q201.03478125,10.21206875,198.36878125,8.07343875L200.28278125,6.24726875ZM199.80478125,13.60076875Q202.29478125,15.846868749999999,203.88678125,17.97576875L202.06078125,19.84096875Q200.49778125,17.74136875,197.89078125,15.42696875L199.80478125,13.60076875ZM204.27778125,22.77066875Q202.68578125,28.22966875,200.61478125,33.28826875L198.03678125,32.17496875Q200.31278125,26.95036875,201.87478125,21.78436875L204.27778125,22.77066875ZM215.82078125,7.17499875L215.82078125,25.71996875L213.30078125,25.71996875L213.30078125,9.60666875L207.69578125,9.60666875L207.69578125,25.89566875L205.17578125,25.89566875L205.17578125,7.17499875L215.82078125,7.17499875ZM212.50978125,27.02846875Q215.18578125,29.35276875,217.05078125,31.78436875L215.09778125,33.63986875Q213.56478125,31.374168750000003,210.74178125,28.67886875L212.50978125,27.02846875ZM209.17978125,11.34496875L211.52378125,11.34496875L211.52378125,20.84686875Q211.36678125,26.11056875,209.91178125,29.19646875Q208.47678125,32.04806875,205.20478125,33.70816875L203.73978125,31.33516875Q206.81678125,29.79216875,207.95878125,27.42886875Q209.06278125,24.88986875,209.17978125,20.85666875L209.17978125,11.34496875ZM218.75978125,33.40546875L218.15478125,30.75896875Q219.65778125,30.944568750000002,221.06478125,30.944568750000002Q221.97278125,30.944568750000002,221.97278125,29.82146875L221.97278125,5.94452875L224.64878125,5.94452875L224.64878125,30.47576875Q224.64878125,33.40546875,222.01178125,33.40546875L218.75978125,33.40546875ZM217.67578125,8.40546875L220.16578125,8.40546875L220.16578125,26.95036875L217.67578125,26.95036875L217.67578125,8.40546875Z" fill="#FFFFFF" fill-opacity="1"/></g><g transform="matrix(0,1,-1,0,27.3212890625,-12.1416015625)"><path d="M21.4847553125,21.87494375C20.7550753125,22.87814375,21.4717053125,24.28554375,22.7121953125,24.28554375L41.0356453125,24.28554375C42.2760453125,24.28554375,42.9926453125,22.87824375,42.2631453125,21.87504375L33.1023453125,9.277693750000001C32.4962453125,8.44424675,31.253545312500002,8.44418875,30.6473453125,9.27758375L21.4847553125,21.87494375Z" fill="#37F1E7" fill-opacity="1"/></g><g><path d="M13.97271825,29.09134375L25.99725625,20.347043749999997C26.41395625,20.04394375,26.41405625,19.42264375,25.99735625,19.11954375L13.97266125,10.37347375C13.77631925,10.23066375,13.66015625,10.00253375,13.66015625,9.75974375L13.66015625,9.08022375C13.66015625,8.45997175,14.36383625,8.10166075,14.86543625,8.46649775L29.51195625,19.11954375C29.92865625,19.42264375,29.92855625,20.04394375,29.51185625,20.347043749999997L14.86537625,30.99794375C14.36377125,31.36274375,13.66015625,31.00444375,13.66015625,30.38424375L13.66015625,29.70504375C13.66015625,29.46224375,13.77634225,29.23414375,13.97271825,29.09134375" fill-rule="evenodd" fill="url(#master_svg0_18916_65591)" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="224.6484375" height="38" viewBox="0 0 224.6484375 38"><defs><linearGradient x1="1" y1="0.5" x2="0" y2="0.5" id="master_svg0_18916_65591"><stop offset="0%" stop-color="#37F1E7" stop-opacity="1"/><stop offset="100%" stop-color="#37F1E7" stop-opacity="0"/></linearGradient></defs><g><g><path d="M53.74023125,16.56956875L53.74023125,21.39376875L60.80078125,21.39376875L60.80078125,16.56956875L53.74023125,16.56956875ZM53.59375125,24.03046875Q53.05664125,29.62616875,50.26367125,33.25896875L48.07617125,31.305868750000002Q50.77148125,27.39956875,50.85937125,21.39376875L50.85937125,6.530468750000001L73.92578125,6.530468750000001L73.92578125,29.35276875Q73.92578125,32.78046875,70.49808125,32.78046875L67.08008125,32.78046875L66.34768125,29.98746875Q68.27148125,30.13396875,69.56058125,30.13396875Q71.01558125,30.13396875,71.01558125,28.40546875L71.01558125,24.03046875L63.68168125,24.03046875L63.68168125,32.44846875L60.80078125,32.44846875L60.80078125,24.03046875L53.59375125,24.03046875ZM71.01558125,21.39376875L71.01558125,16.56956875L63.68168125,16.56956875L63.68168125,21.39376875L71.01558125,21.39376875ZM71.01558125,13.96206875L71.01558125,9.29416875L63.68168125,9.29416875L63.68168125,13.96206875L71.01558125,13.96206875ZM60.80078125,9.29416875L53.74023125,9.29416875L53.74023125,13.96206875L60.80078125,13.96206875L60.80078125,9.29416875ZM79.05278125000001,13.15156875L88.92578125,13.15156875L88.92578125,15.397668750000001Q86.75778125,25.43666875,79.86328125,30.58316875L78.05668125,28.23946875Q83.87698125,23.92306875,86.10348125,15.90546875L79.05278125000001,15.90546875L79.05278125000001,13.15156875ZM104.30668125,12.03826875Q100.97658125000001,16.15936875,97.15818125,19.18666875Q100.64458125,24.70426875,106.07418125000001,28.32736875L104.26758125,30.944568750000002Q96.98238125,25.00706875,93.68168125,17.86836875L93.68168125,30.21206875Q93.68168125,33.40546875,90.76168125000001,33.40546875L86.82618124999999,33.40546875L86.19138125,30.612468749999998Q88.05668125,30.79806875,89.76558125,30.79806875Q90.80078125,30.79806875,90.80078125,29.50896875L90.80078125,5.71015875L93.68168125,5.71015875L93.68168125,11.92106875Q94.52148125,14.44066875,95.86918125,16.98946875Q99.25778125,14.02066875,101.99218125,10.32926875L104.30668125,12.03826875ZM134.57028125,28.40546875L121.61128125,28.40546875L121.61128125,25.76876875L131.84568124999998,25.76876875L131.84568124999998,22.59496875L122.62698125,22.59496875L122.62698125,20.08516875L131.84568124999998,20.08516875L131.84568124999998,16.96016875L121.94338125,16.96016875L121.94338125,14.596868749999999Q121.85548125,14.65546875,121.70898125,14.811668749999999Q121.56248125,14.958168749999999,121.48438125,15.01676875L119.92188125,13.08316875Q123.29098125,10.38786875,125.69338125,5.73944875L128.48628125,6.33515875Q127.70508125,7.80976875,127.25588125,8.53246875L132.98828125,8.53246875L132.98828125,10.68086875Q131.69918124999998,12.79996875,130.31248125000002,14.36246875L134.57028125,14.36246875L134.57028125,28.40546875ZM127.01168125,14.36246875Q128.38868125,12.85856875,129.68748125000002,11.10076875L125.44918125,11.10076875Q124.01368125,12.85856875,122.23628125,14.36246875L127.01168125,14.36246875ZM109.16988125,9.63596875L113.57418125,9.63596875L113.57418125,5.76874875L116.32808125,5.76874875L116.32808125,9.63596875L120.13668125,9.63596875L120.13668125,12.15546875L116.32808125,12.15546875L116.32808125,15.876168750000001L120.85938125,15.876168750000001L120.85938125,18.46406875L116.99218125,18.46406875L116.99218125,22.08706875L120.61528125,22.08706875L120.61528125,24.67496875L116.99218125,24.67496875L116.99218125,29.47966875Q119.67778125,30.25116875,128.43748125000002,30.25116875Q133.34958125,30.25116875,135.77148125,30.07536875L135.29298125,32.88786875L129.06248125000002,32.88786875Q118.05668125,32.88786875,115.21488125,31.686668750000003Q113.05668125,30.73946875,111.46488125,28.61056875Q110.88868124999999,31.03246875,109.95118124999999,33.36636875L107.92968125,31.569568750000002Q109.77538125000001,26.41326875,109.98048125,20.11446875L112.49028125,20.38786875Q112.40238125,23.21016875,112.07028125,25.40746875Q113.02738125,26.94066875,114.23828125,27.95626875L114.23828125,18.46406875L108.92578125,18.46406875L108.92578125,15.876168750000001L113.57418125,15.876168750000001L113.57418125,12.15546875L109.16988125,12.15546875L109.16988125,9.63596875ZM138.92578125,8.40546875L142.93948125,8.40546875L142.93948125,5.67108875L145.70308125,5.67108875L145.70308125,8.40546875L149.09178125,8.40546875L149.09178125,11.07146875L145.70308125,11.07146875L145.70308125,13.28826875Q147.92978125000002,12.87816875,149.03278125,12.64376875L149.03278125,15.21206875L145.70308125,15.827368750000002L145.70308125,18.86446875Q145.70308125,21.53046875,142.97848125000002,21.53046875L140.18558124999998,21.53046875L139.58008125,18.86446875Q140.83988125000002,19.04026875,142.00198125,19.04026875Q142.93948125,19.04026875,142.93948125,18.16136875L142.93948125,16.23746875L139.16988125,16.76486875L138.53518125,14.19646875Q140.54688125,14.04996875,142.93948125,13.69846875L142.93948125,11.07146875L138.92578125,11.07146875L138.92578125,8.40546875ZM150.90778125,12.59496875Q151.96278125,13.01486875,153.11478125,13.58126875Q153.51578125,12.27266875,153.63278125,11.07146875L150.30278125,11.07146875L150.30278125,8.40546875L153.69178125000002,8.40546875L153.69178125000002,5.64179875L156.42578125,5.64179875L156.42578125,8.40546875L162.02178125,8.40546875L162.02178125,14.51876875Q162.07978125,18.45426875,162.91978125,18.45426875Q163.39878125,18.45426875,163.84778125,15.153468749999998L166.10378125,16.23746875Q165.74178125,19.09886875,164.93178125,20.32926875Q164.00378125,21.46206875,162.83178125,21.46206875Q161.42578125,21.46206875,160.42978125000002,20.06566875Q159.47278125,18.65936875,159.47278125,14.61636875L159.47278125,11.07146875L156.36678125,11.07146875Q156.18178125,13.20036875,155.61478125,14.889868750000002Q157.41178125,15.83706875,158.80878124999998,16.82346875L157.30478125000002,18.98166875Q155.72278125,17.84886875,154.53078125000002,17.17496875Q153.17378125,19.65546875,150.96678125,21.31566875L152.75378125,21.31566875Q152.63678125,22.15546875,152.42178124999998,23.18086875L163.28078125000002,23.18086875Q163.28078125000002,29.75316875,162.24578125,31.637868750000003Q161.14278124999998,33.46406875,158.36878124999998,33.46406875Q156.65978124999998,33.46406875,154.77578125,33.34686875L154.02378125,30.612468749999998Q156.47478125,30.856668749999997,158.25178125,30.856668749999997Q159.91178125,30.75896875,160.19578124999998,29.27456875Q160.40078125,27.42886875,160.40078125,25.90546875L151.48478125,25.90546875Q150.58578125,27.86836875,149.14078125,29.27456875Q146.28908124999998,31.96016875,139.64848125,33.52266875L138.50588125000002,30.856668749999997Q144.23828125,29.64566875,146.78708125,27.48746875Q147.56878125,26.77456875,148.16378125,25.90546875L138.98438125,25.90546875L138.98438125,23.18086875L149.48278125000002,23.18086875Q149.63878125,22.57536875,149.88278125,21.31566875L150.75178125,21.31566875L148.70078125,19.07926875Q150.90778125,17.72186875,152.11878124999998,15.827368750000002Q151.02578125,15.24136875,149.48278125000002,14.63596875L150.90778125,12.59496875ZM180.80078125,6.530468750000001L195.74178125,6.530468750000001L195.74178125,9.20626875L189.86278125,9.20626875Q189.74578125,10.32926875,189.38478125,12.13596875L194.87278125,12.13596875L194.87278125,26.65746875L192.19678125,26.65746875L192.19678125,14.65546875L184.30678125,14.65546875L184.30678125,26.65746875L181.64078125,26.65746875L181.64078125,12.13596875L186.65078125,12.13596875Q186.83578125,11.11056875,187.07078125,9.20626875L180.80078125,9.20626875L180.80078125,6.530468750000001ZM190.71278125,26.56956875Q193.91578125,29.09886875,196.04478125,31.540268750000003L194.06278125,33.52266875Q192.19678125,31.07146875,188.90578125,28.33706875L190.71278125,26.56956875ZM186.79678125,16.05196875L189.56078125,16.05196875L189.56078125,21.44256875Q189.38478125,26.33516875,187.34378125,29.29416875Q185.39078125,32.00896875,180.91778125,33.52266875L179.38478125,31.090968750000002Q183.63278125,29.65546875,185.18578125,27.48746875Q186.67978125,25.13396875,186.79678125,21.45236875L186.79678125,16.05196875ZM171.82578125,10.62226875Q173.24178125,12.02846875,173.83778125,12.70236875Q175.09778125,11.23746875,176.32778125,9.17696875L169.12078125,9.17696875L169.12078125,6.530468750000001L179.35578125,6.530468750000001L179.35578125,8.75706875Q177.54878125,12.14566875,175.48878125,14.53826875L176.65978125,15.90546875L180.19578125,15.90546875L180.19578125,17.64376875Q179.44378125,21.30586875,178.51578125,23.22966875L176.18178125,22.31166875Q176.96278125,20.69066875,177.52978125,18.54216875L175.06878125,18.54216875L175.06878125,30.632068750000002Q175.06878125,33.40546875,172.54878125,33.40546875L169.59978125,33.40546875L169.03278125,30.81756875Q170.38078124999998,31.00316875,171.61178125,31.00316875Q172.36278125,31.00316875,172.36278125,29.99726875L172.36278125,18.54216875L168.28078125000002,18.54216875L168.28078125000002,15.90546875L173.56478125,15.90546875Q171.78678125,13.91326875,169.71678125,11.94066875L171.82578125,10.62226875ZM200.28278125,6.24726875Q202.74378125,8.25897875,204.48278125,10.32926875L202.62678125,12.18476875Q201.03478125,10.21206875,198.36878125,8.07343875L200.28278125,6.24726875ZM199.80478125,13.60076875Q202.29478125,15.846868749999999,203.88678125,17.97576875L202.06078125,19.84096875Q200.49778125,17.74136875,197.89078125,15.42696875L199.80478125,13.60076875ZM204.27778125,22.77066875Q202.68578125,28.22966875,200.61478125,33.28826875L198.03678125,32.17496875Q200.31278125,26.95036875,201.87478125,21.78436875L204.27778125,22.77066875ZM215.82078125,7.17499875L215.82078125,25.71996875L213.30078125,25.71996875L213.30078125,9.60666875L207.69578125,9.60666875L207.69578125,25.89566875L205.17578125,25.89566875L205.17578125,7.17499875L215.82078125,7.17499875ZM212.50978125,27.02846875Q215.18578125,29.35276875,217.05078125,31.78436875L215.09778125,33.63986875Q213.56478125,31.374168750000003,210.74178125,28.67886875L212.50978125,27.02846875ZM209.17978125,11.34496875L211.52378125,11.34496875L211.52378125,20.84686875Q211.36678125,26.11056875,209.91178125,29.19646875Q208.47678125,32.04806875,205.20478125,33.70816875L203.73978125,31.33516875Q206.81678125,29.79216875,207.95878125,27.42886875Q209.06278125,24.88986875,209.17978125,20.85666875L209.17978125,11.34496875ZM218.75978125,33.40546875L218.15478125,30.75896875Q219.65778125,30.944568750000002,221.06478125,30.944568750000002Q221.97278125,30.944568750000002,221.97278125,29.82146875L221.97278125,5.94452875L224.64878125,5.94452875L224.64878125,30.47576875Q224.64878125,33.40546875,222.01178125,33.40546875L218.75978125,33.40546875ZM217.67578125,8.40546875L220.16578125,8.40546875L220.16578125,26.95036875L217.67578125,26.95036875L217.67578125,8.40546875Z" fill="#FFFFFF" fill-opacity="1"/></g><g transform="matrix(0,1,-1,0,27.3212890625,-12.1416015625)"><path d="M21.4847553125,21.87494375C20.7550753125,22.87814375,21.4717053125,24.28554375,22.7121953125,24.28554375L41.0356453125,24.28554375C42.2760453125,24.28554375,42.9926453125,22.87824375,42.2631453125,21.87504375L33.1023453125,9.277693750000001C32.4962453125,8.44424675,31.253545312500002,8.44418875,30.6473453125,9.27758375L21.4847553125,21.87494375Z" fill="#37F1E7" fill-opacity="1"/></g><g><path d="M13.97271825,29.09134375L25.99725625,20.347043749999997C26.41395625,20.04394375,26.41405625,19.42264375,25.99735625,19.11954375L13.97266125,10.37347375C13.77631925,10.23066375,13.66015625,10.00253375,13.66015625,9.75974375L13.66015625,9.08022375C13.66015625,8.45997175,14.36383625,8.10166075,14.86543625,8.46649775L29.51195625,19.11954375C29.92865625,19.42264375,29.92855625,20.04394375,29.51185625,20.347043749999997L14.86537625,30.99794375C14.36377125,31.36274375,13.66015625,31.00444375,13.66015625,30.38424375L13.66015625,29.70504375C13.66015625,29.46224375,13.77634225,29.23414375,13.97271825,29.09134375" fill-rule="evenodd" fill="url(#master_svg0_18916_65591)" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="9" height="9" viewBox="0 0 9 9"><g transform="matrix(-1,0,0,1,18,0)" style="opacity:0.4000000059604645;"><path d="M9,0L18,0L14.96443,3.03557L12.03557,3.03557L12.03557,5.96443L9,9L9,0Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="257" height="38" viewBox="0 0 257 38"><defs><linearGradient x1="1" y1="0.5" x2="0" y2="0.5" id="master_svg0_18916_65591"><stop offset="0%" stop-color="#37F1E7" stop-opacity="1"/><stop offset="100%" stop-color="#37F1E7" stop-opacity="0"/></linearGradient></defs><g><g><path d="M59.03366953125,6.530468750000001L72.68606953125,6.530468750000001L72.68606953125,9.17696875L59.03366953125,9.17696875L59.03366953125,6.530468750000001ZM57.05126953125,13.75706875L74.81496953125,13.75706875L74.81496953125,16.48166875L65.54736953125,16.48166875Q63.477069531249995,21.82346875,61.58246953125,24.67496875Q66.83646953125,24.12816875,70.43996953125,23.31756875Q69.32666953125,20.76876875,68.33056953125,18.97186875L70.64506953125,18.21996875Q73.04736953125,22.30196875,74.90286953125,27.67306875L72.35396953125,28.32736875Q71.90476953125,27.00896875,71.45556953125,25.80776875Q66.38716953125,26.83316875,58.49656953125,27.48746875L57.74466953125,25.02656875Q59.45356953125,24.48946875,62.69576953125,16.48166875L57.05126953125,16.48166875L57.05126953125,13.75706875ZM50.99657953125,5.81757875Q53.96532953125,8.15155875,56.03564953125,10.52456875L53.99462953125,12.62416875Q52.28564953125,10.39766875,49.01415953125,7.702338749999999L50.99657953125,5.81757875ZM68.18406953125,32.85856875Q66.68996953125,32.85856875,62.90086953125,32.79996875Q60.08836953125,32.77066875,58.16456953125,32.29216875Q56.42626953125,31.78436875,55.07860953125,30.19256875Q54.44384953125,29.44066875,53.93603953125,29.44066875Q53.00829953125,29.44066875,50.69384953125,33.49336875L48.59423953125,31.540268750000003Q50.85009953125,27.87816875,52.67626953125,26.97966875L52.67626953125,18.49336875L48.62353953125,18.49336875L48.62353953125,15.846868749999999L55.34228953125,15.846868749999999L55.34228953125,27.22386875L55.76220953125,27.64376875Q56.75829953125,28.84496875,57.89106953125,29.44066875Q59.27786953125,30.10466875,61.79736953125,30.19256875Q65.15676953125,30.25116875,67.76416953125,30.25116875Q69.23876953125,30.25116875,72.23676953125,30.19256875Q74.21926953125,30.16326875,75.71336953125,30.04606875L75.02976953125,32.85856875L68.18406953125,32.85856875ZM84.20946953125,16.53046875L99.77586953125001,16.53046875L99.77586953125001,22.95626875L84.20946953125,22.95626875L84.20946953125,16.53046875ZM97.16846953125,20.85666875L97.16846953125,18.68866875L86.84616953125,18.68866875L86.84616953125,20.85666875L97.16846953125,20.85666875ZM102.55906953125,24.65546875L102.55906953125,33.40546875L99.83446953125,33.40546875L99.83446953125,32.15546875L84.26806953125,32.15546875L84.26806953125,33.40546875L81.50436953125,33.40546875L81.50436953125,24.65546875L102.55906953125,24.65546875ZM84.26806953125,29.78246875L99.83446953125,29.78246875L99.83446953125,26.99916875L84.26806953125,26.99916875L84.26806953125,29.78246875ZM78.92626953125,7.536328749999999L85.43996953125,7.536328749999999L85.43996953125,5.73944875L88.25246953125,5.73944875L88.25246953125,7.536328749999999L95.57666953124999,7.536328749999999L95.57666953124999,5.73944875L98.38916953124999,5.73944875L98.38916953124999,7.536328749999999L104.90286953124999,7.536328749999999L104.90286953124999,10.02656875L98.38916953124999,10.02656875L98.38916953124999,11.55976875L95.57666953124999,11.55976875L95.57666953124999,10.02656875L88.25246953125,10.02656875L88.25246953125,11.55976875L85.43996953125,11.55976875L85.43996953125,10.02656875L78.92626953125,10.02656875L78.92626953125,7.536328749999999ZM104.30716953125,12.25316875L104.30716953125,18.22966875L101.57276953125,18.22966875L101.57276953125,14.65546875L82.25636953125,14.65546875L82.25636953125,18.60076875L79.52196953125,18.60076875L79.52196953125,12.25316875L104.30716953125,12.25316875ZM117.47116953125,12.36056875Q119.87356953125,15.368368749999998,121.88526953125,18.13206875Q123.43796953125,15.124168749999999,124.46336953125,11.41326875L127.28566953125,11.90156875Q125.92826953125,16.85276875,123.77976953125,20.77846875Q126.47506953125,24.79216875,128.24266953125,27.86836875L125.66456953125,29.67496875Q123.89696953125,26.45236875,122.00246953125,23.60076875Q119.26806953125,27.46796875,115.70356953125,30.19256875L113.78956953125,27.71206875Q117.65676953125,24.73356875,120.23486953125,20.89566875Q117.58836953125,17.05776875,115.13716953125,13.80586875L117.47116953125,12.36056875ZM111.48486953125,6.530468750000001L131.42626953125,6.530468750000001L131.42626953125,19.05976875Q131.42626953125,26.21796875,131.84616953124998,28.05386875Q132.19776953125,30.01676875,132.74466953125,30.01676875Q133.16456953124998,30.01676875,133.42826953125,26.36446875L135.98676953125,27.62416875Q135.38136953125002,31.10076875,134.72706953124998,32.28246875Q133.94576953125,33.40546875,133.04736953125,33.40546875Q130.70356953125,33.40546875,129.61966953125,30.49526875Q128.51606953125,27.68276875,128.51606953125,18.99136875L128.51606953125,9.29416875L114.33646953125,9.29416875L114.33646953125,18.59096875Q114.23876953125,27.58516875,110.67426953124999,33.69846875L108.27196953125,31.75506875Q111.35786953125,26.49136875,111.48486953125,18.63986875L111.48486953125,6.530468750000001ZM139.28756953125,6.530468750000001L148.71126953125,6.530468750000001L148.71126953125,8.68866875Q147.33426953125002,12.78046875,145.62546953125002,16.97966875Q148.32126953124998,21.17886875,148.59426953125,24.31366875Q148.59426953125,26.40346875,147.70526953125,27.30196875Q146.42626953125,28.42496875,143.26216953124998,28.48356875L142.40286953125002,25.62226875Q143.37936953125,25.77846875,143.84816953125,25.77846875Q145.02976953125,25.69066875,145.42036953125,25.37816875Q145.80126953125,25.04606875,145.80126953125,24.32346875Q145.80126953125,21.23746875,142.88136953125002,17.40936875Q144.77586953125,12.91716875,145.91846953125,9.10856875L142.05126953125,9.10856875L142.05126953125,33.40546875L139.28756953125,33.40546875L139.28756953125,6.530468750000001ZM151.95326953125,14.96796875Q150.30326953125,16.58906875,148.65326953125,17.71206875L147.20726953125,15.446468750000001Q152.53026953124998,11.65746875,155.40126953125,5.47577875L157.92026953125,5.47577875Q160.38126953124998,11.17886875,166.26026953125,15.35856875L164.72726953125,17.71206875Q162.84226953125,16.38396875,161.49426953124998,15.02656875L161.49426953124998,16.61836875L151.95326953125,16.61836875L151.95326953125,14.96796875ZM160.53726953125,14.03046875Q158.16426953125,11.40346875,156.66026953124998,8.26874875Q154.92226953124998,11.65746875,152.82226953125002,14.03046875L160.53726953125,14.03046875ZM147.56926953125,29.65546875L158.19426953125,29.65546875Q160.04926953125,24.93866875,161.46526953125,18.08316875L164.24826953125,18.83516875Q162.90126953125,24.93866875,160.98726953125,29.65546875L165.59626953125002,29.65546875L165.59626953125002,32.38006875L147.56926953125,32.38006875L147.56926953125,29.65546875ZM151.44626953124998,19.03046875Q152.90126953125,22.75116875,154.11226953125,27.84886875L151.65126953125,28.45426875Q150.57626953125,23.90346875,148.98526953125,19.87026875L151.44626953124998,19.03046875ZM156.25026953125,17.94646875Q157.51026953125,21.63786875,158.49626953125,26.44256875L156.06526953125,27.06756875Q155.18626953125,22.79026875,153.80926953124998,18.71796875L156.25026953125,17.94646875ZM175.64526953125,9.65546875L170.71326953125,9.65546875L170.71326953125,6.87226875L189.07226953125,6.87226875L189.07226953125,8.72776875Q188.35026953125,12.01876875,187.42226953125,15.173068749999999L193.38926953125,15.173068749999999L193.38926953125,16.85276875Q192.07126953125,22.85856875,187.98926953125,26.99916875Q191.23126953125,29.27456875,195.54726953125,31.13006875L193.66226953125,33.68866875Q188.98526953125,31.52066875,185.77226953125,28.97186875Q181.83626953125,32.00896875,176.21126953125,33.83516875L174.56126953125,31.198468750000004Q179.84426953125,29.42106875,183.40826953125,26.93086875Q179.87326953125,23.45426875,177.92026953125,19.28436875Q176.29926953125,28.58126875,170.44026953125,33.56166875L168.25226953125,31.64766875Q175.48926953125,25.54416875,175.64526953125,12.10666875L175.64526953125,9.65546875ZM185.62526953125,25.13396875Q189.04326953125,21.95036875,190.39126953125,17.78046875L183.88726953125,17.78046875Q184.82426953125,15.007068749999998,185.95726953125,9.65546875L178.52626953125,9.65546875L178.52626953125,12.95626875L178.48726953125,13.75706875Q180.10826953125,20.31956875,185.62526953125,25.13396875ZM223.67226953125,18.20036875L217.30526953125,18.20036875L217.30526953125,20.03636875L224.09226953125,20.03636875L224.09226953125,22.37026875L217.30526953125,22.37026875L217.30526953125,24.23556875L224.96126953125,24.23556875L224.96126953125,26.59886875L217.30526953125,26.59886875L217.30526953125,29.03046875L214.55126953125,29.03046875L214.55126953125,26.59886875L207.97926953125,26.59886875L207.97926953125,24.23556875L214.55126953125,24.23556875L214.55126953125,22.37026875L208.90626953125,22.37026875L208.90626953125,20.03636875L214.55126953125,20.03636875L214.55126953125,18.20036875L209.54126953125,18.20036875L209.54126953125,15.83706875L214.55126953125,15.83706875L214.55126953125,13.97186875L208.06726953125,13.97186875L208.06726953125,11.66716875L214.55126953125,11.66716875L214.55126953125,9.86056875L209.54126953125,9.86056875L209.54126953125,7.5265587499999995L214.55126953125,7.5265587499999995L214.55126953125,5.51483875L217.30526953125,5.51483875L217.30526953125,7.5265587499999995L223.67226953125,7.5265587499999995L223.67226953125,11.66716875L225.46926953125,11.66716875L225.46926953125,13.97186875L223.67226953125,13.97186875L223.67226953125,18.20036875ZM217.30526953125,9.86056875L217.30526953125,11.66716875L220.93826953125,11.66716875L220.93826953125,9.86056875L217.30526953125,9.86056875ZM217.30526953125,13.97186875L217.30526953125,15.83706875L220.93826953125,15.83706875L220.93826953125,13.97186875L217.30526953125,13.97186875ZM215.29326953125,30.26096875Q219.50226953125,30.26096875,225.80126953125,30.04606875L225.32226953125,32.78046875L216.52426953125,32.78046875Q208.31126953125,32.78046875,204.70726953125,30.33906875Q204.31726953125,30.05586875,203.98526953125,29.72386875Q202.57826953125,31.715968750000002,200.66426953125,33.25896875L198.79926953125,30.827368749999998Q200.75226953125,29.42106875,202.07126953125,27.38006875Q200.42026953125,24.88986875,199.33626953125,21.16916875L201.73926953125,20.30976875Q202.52026953125,23.09296875,203.47726953125,24.86056875Q204.67826953125,22.07736875,204.95126953125,18.41526875L199.55126953125,18.41526875L199.55126953125,16.25706875Q201.86526953125,13.27846875,204.02426953125,9.59686875L199.55126953125,9.59686875L199.55126953125,6.8917987499999995L207.19726953125,6.8917987499999995L207.19726953125,9.23556875Q205.16626953125,13.04416875,203.21326953125,15.83706875L207.55926953125,15.83706875L207.55926953125,17.54606875Q207.37326953125,23.30776875,205.31326953125,27.43866875Q205.85026953125,28.03436875,206.47526953125,28.42496875Q209.41426953125,30.16326875,215.29326953125,30.26096875ZM244.51226953125,5.50507875Q247.30526953125,9.18666875,248.77026953125,11.95036875L246.52426953125,13.51286875Q244.99026953125,10.66136875,242.38326953125,7.0578087499999995L244.51226953125,5.50507875ZM254.38526953125,7.692578749999999Q252.94026953125,18.19066875,248.43826953125,24.76286875Q251.86526953125,28.65936875,256.29926953125,31.00316875L254.61926953125,33.46406875Q250.21526953125,31.090968750000002,246.72926953125,27.03826875Q243.13526953125,31.237468749999998,238.18426953125,33.46406875L236.62126953125,31.03246875Q241.57226953125,28.74726875,244.87326953125,24.70426875Q240.67426953125,18.85466875,238.18426953125,10.24136875L240.64526953125,8.86446875Q242.71526953125,16.87226875,246.58226953125,22.36056875Q250.42026953125,16.33516875,251.68026953125,7.11640875L254.38526953125,7.692578749999999ZM232.36326953125,5.92499875Q235.30326953125,8.25897875,237.18826953125,10.35856875L235.24426953125,12.34096875Q233.53526953125,10.21206875,230.38126953125,7.80976875L232.36326953125,5.92499875ZM228.28126953125,14.61636875L235.21526953125,14.61636875L235.21526953125,26.92106875Q236.28926953125,25.96406875,237.76426953125,24.48946875L238.54526953125,27.51676875Q235.89926953125,30.06566875,232.78326953125,32.23356875L231.69926953125,29.61636875Q232.48126953125,29.02066875,232.48126953125,28.12226875L232.48126953125,17.35076875L228.28126953125,17.35076875L228.28126953125,14.61636875Z" fill="#FFFFFF" fill-opacity="1"/></g><g transform="matrix(0,1,-1,0,27.3212890625,-12.1416015625)"><path d="M21.4847553125,21.87494375C20.7550753125,22.87814375,21.4717053125,24.28554375,22.7121953125,24.28554375L41.0356453125,24.28554375C42.2760453125,24.28554375,42.9926453125,22.87824375,42.2631453125,21.87504375L33.1023453125,9.277693750000001C32.4962453125,8.44424675,31.253545312500002,8.44418875,30.6473453125,9.27758375L21.4847553125,21.87494375Z" fill="#37F1E7" fill-opacity="1"/></g><g><path d="M13.97271825,29.09134375L25.99725625,20.347043749999997C26.41395625,20.04394375,26.41405625,19.42264375,25.99735625,19.11954375L13.97266125,10.37347375C13.77631925,10.23066375,13.66015625,10.00253375,13.66015625,9.75974375L13.66015625,9.08022375C13.66015625,8.45997175,14.36383625,8.10166075,14.86543625,8.46649775L29.51195625,19.11954375C29.92865625,19.42264375,29.92855625,20.04394375,29.51185625,20.347043749999997L14.86537625,30.99794375C14.36377125,31.36274375,13.66015625,31.00444375,13.66015625,30.38424375L13.66015625,29.70504375C13.66015625,29.46224375,13.77634225,29.23414375,13.97271825,29.09134375" fill-rule="evenodd" fill="url(#master_svg0_18916_65591)" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="9" height="9" viewBox="0 0 9 9"><g transform="matrix(-1,0,0,-1,18,18)" style="opacity:0.4000000059604645;"><path d="M9,9L18,9L14.96443,12.03557L12.03557,12.03557L12.03557,14.96443L9,18L9,9Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="9" height="9" viewBox="0 0 9 9"><g style="opacity:0.4000000059604645;"><path d="M0,0L9,0L5.96443,3.03557L3.03557,3.03557L3.03557,5.96443L0,9L0,0Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="9" height="9" viewBox="0 0 9 9"><g transform="matrix(1,0,0,-1,0,18)" style="opacity:0.4000000059604645;"><path d="M0,9L9,9L5.96443,12.03557L3.03557,12.03557L3.03557,14.96443L0,18L0,9Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g></svg>
\ No newline at end of file
html {
border: 3px solid rgba(255, 255, 255, 0.15);
background-color: #152235;
height: 99vh;
position: relative;
}
body {
padding: 0 10px 80px 20px;
}
.left-top {
width: 9px;
height: 9px;
background: #fffcfc;
position: absolute;
left: -2px;
top: -2px;
}
.right-top {
width: 9px;
height: 9px;
background: #fffcfc;
position: absolute;
right: -2px;
top: -2px;
}
.left-bottom {
width: 9px;
height: 9px;
background: #fffcfc;
position: absolute;
left: -2px;
bottom: -2px;
}
.right-bottom {
width: 9px;
height: 9px;
background: #fffcfc;
position: absolute;
right: -2px;
bottom: -2px;
}
.report-title-bg {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.report-title-bg > img {
width: 504px;
height: 51px;
}
.report-title {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
margin-top: 2px;
}
.report-title-text {
color: #ffffff;
font-family: PingFang SC-Bold, PingFang SC;
font-weight: 400;
line-height: 36px;
font-size: 24px;
}
.dian-wrapper img {
margin-top: 80px;
width: 180px;
height: 42px;
}
.dian-wrapper .dian-main {
width: 100%;
display: flex;
}
.dian-wrapper .dian-main .dian-box1 {
margin-right: 24px;
background: rgba(8, 16, 24, 0.27);
margin-top: 15px;
padding: 20px 10px 0 20px;
width: 50%;
height: 410px;
}
.dian-wrapper .dian-main .dian-zs-1 {
position: absolute;
width: 9px;
height: 9px;
left: 28px;
top: 69px;
}
.dian-wrapper .dian-main .dian-ys-1 {
position: absolute;
width: 9px;
height: 9px;
left: calc(50% - 16px);
top: 69px;
}
.dian-wrapper .dian-main .dian-zx-1 {
position: absolute;
width: 9px;
height: 9px;
left: 28px;
top: 490px;
}
.dian-wrapper .dian-main .dian-yx-1 {
position: absolute;
width: 9px;
height: 9px;
left: calc(50% - 16px);
top: 490px;
}
.dian-wrapper .dian-main .dian-box2 {
background: rgba(8, 16, 24, 0.27);
margin-top: 15px;
padding: 20px 10px 0 20px;
width: 50%;
height: 410px;
}
.dian-wrapper .dian-main .dian-zs-2 {
position: absolute;
width: 9px;
height: 9px;
left: calc(50% + 18px);
top: 69px;
}
.dian-wrapper .dian-main .dian-ys-2 {
position: absolute;
width: 9px;
height: 9px;
left: calc(100% - 27px);
top: 69px;
}
.dian-wrapper .dian-main .dian-zx-2 {
position: absolute;
width: 9px;
height: 9px;
left: calc(50% + 18px);
top: 490px;
}
.dian-wrapper .dian-main .dian-yx-2 {
position: absolute;
width: 9px;
height: 9px;
left: calc(100% - 27px);
top: 490px;
}
.shui-box {
height: 410px;
background: rgba(8, 16, 24, 0.27);
margin-top: 15px;
padding: 20px 10px 0 20px;
width: calc(50% - 42px);
height: 410px;
}
.shui-wrapper .shui-zs {
position: absolute;
width: 9px;
height: 9px;
left: 28px;
top: 640px;
}
.shui-wrapper .shui-ys {
position: absolute;
width: 9px;
height: 9px;
left: calc(50% - 16px);
top: 640px;
}
.shui-wrapper .shui-zx {
position: absolute;
width: 9px;
height: 9px;
left: 28px;
top: 1061px;
}
.shui-wrapper .shui-yx {
position: absolute;
width: 9px;
height: 9px;
left: calc(50% - 16px);
top: 1061px;
}
.shui-wrapper img {
margin-top: 40px;
width: 180px;
height: 42px;
}
.yuny-wrapper {
width: 56%;
}
.yuny-wrapper img {
margin-top: 40px;
margin-bottom: 23px;
width: 210px;
height: 42px;
}
.advise-wrapper-content-item {
display: flex;
margin-bottom: 8px;
}
.advise-wrapper-content-item img {
width: 13px;
height: 13px;
margin-right: 13px;
margin-top: 6px;
}
.advise-wrapper-content-item-text {
font-size: 18px;
color: #fff;
opacity: 0.7;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>能耗数据预测报告</title>
<script src="https://cdn.bootcss.com/echarts/4.7.0/echarts.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
<!-- 如果你没有echarts.min.js文件,用下面的语句代替即可
<script src="https://cdn.bootcss.com/echarts/4.6.0/echarts.min.js"></script>
-->
<link rel="stylesheet" href="energy-ioc.css" />
<style></style>
</head>
<body>
<div class="left-top"></div>
<div class="right-top"></div>
<div class="left-bottom"></div>
<div class="right-bottom"></div>
<div class="report-title-bg">
<img src="../assets/energyPredict/report-header.png" />
</div>
<div class="report-title">
<span class="report-title-text">能耗数据预测报告</span>
</div>
<div class="dian-wrapper">
<img src="../assets/energyPredict/dian.svg" />
<div class="dian-main">
<img class="dian-zs-1" src="../assets/energyPredict/zs.svg" />
<img class="dian-ys-1" src="../assets/energyPredict/ys.svg" />
<img class="dian-zx-1" src="../assets/energyPredict/zx.svg" />
<img class="dian-yx-1" src="../assets/energyPredict/yx.svg" />
<div class="dian-box1" id="forecast-line-e"></div>
<img class="dian-zs-2" src="../assets/energyPredict/zs.svg" />
<img class="dian-ys-2" src="../assets/energyPredict/ys.svg" />
<img class="dian-zx-2" src="../assets/energyPredict/zx.svg" />
<img class="dian-yx-2" src="../assets/energyPredict/yx.svg" />
<div class="dian-box2" id="forecast-bar-e"></div>
</div>
</div>
<div class="shui-wrapper">
<img src="../assets/energyPredict/shui.svg" />
<img class="shui-zs" src="../assets/energyPredict/zs.svg" />
<img class="shui-ys" src="../assets/energyPredict/ys.svg" />
<img class="shui-zx" src="../assets/energyPredict/zx.svg" />
<img class="shui-yx" src="../assets/energyPredict/yx.svg" />
<div class="shui-box" id="forecast-bar-w"></div>
</div>
<div class="yuny-wrapper">
<img src="../assets/energyPredict/yuny.svg" />
<div class="advise-wrapper-content">
<div class="advise-wrapper-content-item">
<img src="../assets/energyPredict/icon.png" />
<div class="advise-wrapper-content-item-text">
根据去年用能情况,预测今年8、9月出现园区限电概率较大,预测6、7月出现全年用电高峰概率较大,请园区做好用电负荷维护与设备巡查工作,增加巡检频次。
</div>
</div>
</div>
</div>
<script type="text/javascript">
var eLine = echarts.init(document.getElementById("forecast-line-e"));
var eBar = echarts.init(document.getElementById("forecast-bar-e"));
var wBar = echarts.init(document.getElementById("forecast-bar-w"));
eLineOption = {
title: {
text: "月度",
textStyle: {
fontSize: 16,
fontWeight: 400,
color: "#fff",
lineHeight: 12,
},
},
grid: {
top: 50,
right: 10,
bottom: 40,
borderWidth: 1,
left: 90,
},
xAxis: {
type: "category",
data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
axisLabel: {
formatter: "{value}月",
interval: 0,
textStyle: {
fontSize: 14,
color: "#A4A9BC",
},
},
axisTick: {
show: false,
},
axisLine: {
show: false,
},
},
yAxis: [
{
nameTextStyle: {
fontSize: 14,
color: "#A4A9BC",
},
type: "value",
minInterval: 20,
splitLine: {
show: true,
lineStyle: {
type: "dashed",
color: "#A4A9BC",
},
},
axisLine: {
show: false,
},
axisLabel: {
formatter: "{value}kWh",
textStyle: {
fontSize: 12, //更改坐标轴文字大小
color: "#A4A9BC",
padding: [0, 0, 0, 0],
},
},
},
],
tooltip: {
trigger: "axis",
axisPointer: {
type: "shadow",
},
},
legend: {
data: ["实际", "预测"],
x: "right",
y: "top",
textStyle: {
color: "#A4A9BC",
},
},
dataZoom: [
{
show: false,
realtime: true,
start: 0,
end: 100,
bottom: 30,
height: 20,
zoomLock: true,
type: "inside",
throttle: 100,
},
],
series: [
{
name: "实际",
data: [
35572.8, 60241.6, 13831323.05, 3659438.97, 0, 0, 0, 3023.4,
3466.2, 8428.8, 54465, 0,
],
type: "line",
symbolSize: 7,
smooth: true,
itemStyle: {
color: "#37F1E7",
},
lineStyle: {
type: "solid",
color: "#37F1E7",
width: 3,
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: `rgba(55, 241, 231,0.3)`,
},
{
offset: 1,
color: `rgba(55, 241, 231,0)`,
},
]),
shadowColor: `rgba(55, 241, 231,0.1)`,
shadowBlur: 10,
opacity: 0.5,
origin: "start",
},
},
{
name: "预测",
data: [0, 0, 0, 1232, 2232, 112, 0, 0, 0, 0, 0, 0],
type: "line",
symbolSize: 7,
smooth: true,
itemStyle: {
color: "#FB6364",
},
lineStyle: {
type: "dotted",
color: "#FB6364",
width: 3,
},
},
],
};
eBarOption = {
title: {
text: "年度",
textStyle: {
fontSize: 16,
fontWeight: 400,
color: "#fff",
lineHeight: 12,
},
},
grid: {
top: 50,
right: 10,
bottom: 40,
borderWidth: 1,
left: 110,
// dataType === "electricity" ? 90 : 40,
},
xAxis: {
type: "category",
data: ["2017", "2018", "2019", "2020", "2021", "2022", "2023"],
axisLabel: {
formatter: "{value}年",
interval: 0,
textStyle: {
fontSize: 14,
color: "#A4A9BC",
},
},
axisTick: {
show: false,
},
axisLine: {
show: false,
},
},
yAxis: [
{
nameTextStyle: {
fontSize: 14,
color: "#A4A9BC",
},
type: "value",
minInterval: 20,
splitLine: {
show: true,
lineStyle: {
type: "dashed",
color: "#A4A9BC",
},
},
axisLine: {
show: false,
},
axisLabel: {
formatter: "{value}kWh",
// dataType === "electricity" ? "{value}kWh" : "{value}m³",
textStyle: {
fontSize: 12, //更改坐标轴文字大小
color: "#A4A9BC",
padding: [0, 0, 0, 0],
},
},
// min: min,
},
],
tooltip: {
trigger: "axis",
axisPointer: {
type: "shadow",
},
},
legend: {
data: ["实际", "预测"],
x: "right",
y: "top",
itemWidth: 7,
itemHeight: 7,
textStyle: {
color: "#A4A9BC",
},
},
dataZoom: [
{
show: false,
realtime: true,
start: 0,
end: 100,
bottom: 30,
height: 20,
zoomLock: true,
type: "inside",
throttle: 100,
},
],
series: [
{
name: "实际",
data: [2155719, 0, 0, 0, 0, 0, 215571972.86],
type: "bar",
showBackground: true,
backgroundStyle: {
color: "rgba(255, 255, 255, 0.05)",
},
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: `rgba(63,241,217,0.2)` },
{ offset: 1, color: "#3FF1D9" },
]),
},
barGap: "0%",
barWidth: 20,
},
{
name: "预测",
showBackground: true,
backgroundStyle: {
color: "rgba(255, 255, 255, 0.05)",
},
data: [1155719, 0, 0, 0, 0, 1252, 215571972],
type: "bar",
itemStyle: {
color: `rgba(251,99,100,0.2)`,
borderColor: "#FB6364",
borderWidth: 2,
borderType: "dashed",
},
barWidth: 20,
},
],
};
wBarOption = {
title: {
text: "年度",
textStyle: {
fontSize: 16,
fontWeight: 400,
color: "#fff",
lineHeight: 12,
},
},
grid: {
top: 50,
right: 10,
bottom: 40,
borderWidth: 1,
left: 60,
},
xAxis: {
type: "category",
data: ["2017", "2018", "2019", "2020", "2021", "2022", "2023"],
axisLabel: {
formatter: "{value}年",
interval: 0,
textStyle: {
fontSize: 14,
color: "#A4A9BC",
},
},
axisTick: {
show: false,
},
axisLine: {
show: false,
},
},
yAxis: [
{
nameTextStyle: {
fontSize: 14,
color: "#A4A9BC",
},
type: "value",
minInterval: 20,
splitLine: {
show: true,
lineStyle: {
type: "dashed",
color: "#A4A9BC",
},
},
axisLine: {
show: false,
},
axisLabel: {
formatter: "{value}m³",
textStyle: {
fontSize: 12, //更改坐标轴文字大小
color: "#A4A9BC",
padding: [0, 0, 0, 0],
},
},
// min: min,
},
],
tooltip: {
trigger: "axis",
axisPointer: {
type: "shadow",
},
},
legend: {
data: ["实际", "预测"],
x: "right",
y: "top",
itemWidth: 7,
itemHeight: 7,
textStyle: {
color: "#A4A9BC",
},
},
dataZoom: [
{
show: false,
realtime: true,
start: 0,
end: 100,
bottom: 30,
height: 20,
zoomLock: true,
type: "inside",
throttle: 100,
},
],
series: [
{
name: "实际",
data: [30, 0, 0, 0, 0, 0, 29],
type: "bar",
showBackground: true,
backgroundStyle: {
color: "rgba(255, 255, 255, 0.05)",
},
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: `rgba(0,221,255,0.2)` },
{ offset: 1, color: "#00DDFF" },
]),
},
barGap: "0%",
barWidth: 20,
},
{
name: "预测",
showBackground: true,
backgroundStyle: {
color: "rgba(255, 255, 255, 0.05)",
},
data: [100, 0, 0, 0, 0, 0, 112],
type: "bar",
itemStyle: {
color: `rgba(251,99,100,0.2)`,
borderColor: "#FB6364",
borderWidth: 2,
borderType: "dashed",
},
barWidth: 20,
},
],
};
eLineOption && eLine.setOption(eLineOption);
eBarOption && eBar.setOption(eBarOption);
wBarOption && wBar.setOption(wBarOption);
window.onresize = function () {
eLine.resize();
eBar.resize();
wBar.resize();
};
</script>
</body>
</html>
html {
border: 3px solid rgba(255, 255, 255, 0.15);
background-color: #152235;
@media screen and (max-width: 1650px) and (min-width: 751px) {
height: 99vh;
}
@media screen and (min-width: 1651px) {
}
position: relative;
}
body {
padding: 0 10px 80px 20px;
}
.left-top {
width: 9px;
height: 9px;
background: #fffcfc;
position: absolute;
left: -2px;
top: -2px;
}
.right-top {
width: 9px;
height: 9px;
background: #fffcfc;
position: absolute;
right: -2px;
top: -2px;
}
.left-bottom {
width: 9px;
height: 9px;
background: #fffcfc;
position: absolute;
left: -2px;
bottom: -2px;
}
.right-bottom {
width: 9px;
height: 9px;
background: #fffcfc;
position: absolute;
right: -2px;
bottom: -2px;
}
.report-title-bg {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.report-title-bg > img {
@media screen and (max-width: 750px) {
width: 42rem;
height: 4.5rem;
}
@media screen and (max-width: 1650px) and (min-width: 751px) {
width: 504px;
height: 51px;
}
@media screen and (min-width: 1651px) {
width: 780px;
height: 82px;
}
}
.report-title {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
@media screen and (max-width: 750px) {
margin-top: 10px;
}
@media screen and (max-width: 1650px) and (min-width: 751px) {
margin-top: 2px;
}
@media screen and (min-width: 1651px) {
margin-top: 15px;
}
}
.report-title-text {
color: #ffffff;
font-family: PingFang SC-Bold, PingFang SC;
font-weight: 400;
line-height: 36px;
@media screen and (max-width: 750px) {
font-size: 2rem;
}
@media screen and (max-width: 1650px) and (min-width: 751px) {
font-size: 24px;
}
@media screen and (min-width: 1651px) {
font-size: 36px;
}
}
.dian-wrapper img {
margin-top: 80px;
/*width: 180px;*/
/*height: 42px;*/
@media screen and (max-width: 750px) {
width: 11rem;
height: 2.35rem;
}
@media screen and (max-width: 1650px) and (min-width: 751px) and (min-width: 751px) {
width: 180px;
height: 42px;
}
@media screen and (min-width: 1651px) {
width: 215px;
height: 50px;
}
}
.dian-wrapper .dian-main {
/*display: flex;*/
width: 100%;
@media screen and (max-width: 750px) {
/*display: flex;*/
}
@media screen and (max-width: 1650px) and (min-width: 751px) {
display: flex;
}
@media screen and (min-width: 1651px) {
display: flex;
}
}
.dian-wrapper .dian-main .dian-box1 {
/*width: 50%;*/
margin-right: 24px;
/*height: 410px;*/
background: rgba(8, 16, 24, 0.27);
margin-top: 15px;
padding: 20px 10px 0 20px;
@media screen and (max-width: 750px) {
width: calc(100% - 2rem);
height: 25rem;
}
@media screen and (max-width: 1650px) and (min-width: 751px) and (min-width: 751px) {
width: 50%;
height: 410px;
}
@media screen and (min-width: 1651px) {
width: 50%;
height: 500px;
}
}
.dian-wrapper .dian-main .dian-zs-1 {
position: absolute;
/*left: 28px;*/
/*top: 69px;*/
width: 9px;
height: 9px;
@media screen and (max-width: 750px) {
left: 1.75rem;
top: 4.05rem;
}
@media screen and (max-width: 1650px) and (min-width: 751px) and (min-width: 751px) {
left: 28px;
top: 69px;
}
@media screen and (min-width: 1651px) {
left: 28px;
top: 77px;
}
}
.dian-wrapper .dian-main .dian-ys-1 {
position: absolute;
/*left: calc(50% - 16px);*/
/*top: 69px;*/
width: 9px;
height: 9px;
@media screen and (max-width: 750px) {
right: 1.25rem;
top: 4.05rem;
}
@media screen and (max-width: 1650px) and (min-width: 751px) and (min-width: 751px) {
left: calc(50% - 16px);
top: 69px;
}
@media screen and (min-width: 1651px) {
left: calc(50% - 16px);
top: 77px;
}
}
.dian-wrapper .dian-main .dian-zx-1 {
position: absolute;
/*left: 28px;*/
/*top: 490px;*/
width: 9px;
height: 9px;
@media screen and (max-width: 750px) {
left: 1.75rem;
top: 29.75rem;
}
@media screen and (max-width: 1650px) and (min-width: 751px) and (min-width: 751px) {
left: 28px;
top: 490px;
}
@media screen and (min-width: 1651px) {
left: 28px;
top: 588px;
}
}
.dian-wrapper .dian-main .dian-yx-1 {
position: absolute;
/*left: calc(50% - 16px);*/
/*top: 490px;*/
width: 9px;
height: 9px;
@media screen and (max-width: 750px) {
right: 1.25rem;
top: 29.75rem;
}
@media screen and (max-width: 1650px) and (min-width: 751px) and (min-width: 751px) {
left: calc(50% - 16px);
top: 490px;
}
@media screen and (min-width: 1651px) {
left: calc(50% - 16px);
top: 588px;
}
}
.dian-wrapper .dian-main .dian-box2 {
/*width: 50%;*/
/*height: 410px;*/
background: rgba(8, 16, 24, 0.27);
margin-top: 15px;
padding: 20px 10px 0 20px;
@media screen and (max-width: 750px) {
width: calc(100% - 2rem);
height: 25rem;
}
@media screen and (max-width: 1650px) and (min-width: 751px) and (min-width: 751px) {
width: 50%;
height: 410px;
}
@media screen and (min-width: 1651px) {
width: 50%;
height: 500px;
}
}
.dian-wrapper .dian-main .dian-zs-2 {
position: absolute;
/*left: calc(50% + 18px);*/
/*top: 69px;*/
width: 9px;
height: 9px;
@media screen and (max-width: 750px) {
left: 1.75rem;
top: 31.25rem;
}
@media screen and (max-width: 1650px) and (min-width: 751px) and (min-width: 751px) {
left: calc(50% + 18px);
top: 69px;
}
@media screen and (min-width: 1651px) {
left: calc(50% + 17px);
top: 77px;
}
}
.dian-wrapper .dian-main .dian-ys-2 {
position: absolute;
/*left: calc(100% - 27px);*/
/*top: 69px;*/
width: 9px;
height: 9px;
@media screen and (max-width: 750px) {
right: 1.25rem;
top: 31.25rem;
}
@media screen and (max-width: 1650px) and (min-width: 751px) and (min-width: 751px) {
left: calc(100% - 27px);
top: 69px;
}
@media screen and (min-width: 1651px) {
left: calc(100% - 27px);
top: 77px;
}
}
.dian-wrapper .dian-main .dian-zx-2 {
position: absolute;
/*left: calc(50% + 18px);*/
/*top: 490px;*/
width: 9px;
height: 9px;
@media screen and (max-width: 750px) {
left: 1.75rem;
top: 56.95rem;
}
@media screen and (max-width: 1650px) and (min-width: 751px) and (min-width: 751px) {
left: calc(50% + 18px);
top: 490px;
}
@media screen and (min-width: 1651px) {
left: calc(50% + 17px);
top: 588px;
}
}
.dian-wrapper .dian-main .dian-yx-2 {
position: absolute;
/*left: calc(100% - 27px);*/
/*top: 490px;*/
width: 9px;
height: 9px;
@media screen and (max-width: 750px) {
right: 1.25rem;
top: 56.95rem;
}
@media screen and (max-width: 1650px) and (min-width: 751px) and (min-width: 751px) {
left: calc(100% - 27px);
top: 490px;
}
@media screen and (min-width: 1651px) {
left: calc(100% - 27px);
top: 588px;
}
}
.shui-box {
/*width: calc(50% - 42px);*/
height: 410px;
background: rgba(8, 16, 24, 0.27);
margin-top: 15px;
padding: 20px 10px 0 20px;
@media screen and (max-width: 750px) {
width: calc(100% - 2rem);
height: 25rem;
}
@media screen and (max-width: 1650px) and (min-width: 751px) and (min-width: 751px) {
width: calc(50% - 42px);
height: 410px;
}
@media screen and (min-width: 1651px) {
width: calc(50% - 42px);
height: 500px;
}
}
.shui-wrapper .shui-zs {
position: absolute;
/*left: 28px;*/
/*top: 640px;*/
width: 9px;
height: 9px;
@media screen and (max-width: 750px) {
left: 1.75rem;
top: 66rem;
}
@media screen and (max-width: 1650px) and (min-width: 751px) and (min-width: 751px) {
left: 28px;
top: 640px;
}
@media screen and (min-width: 1651px) {
left: 28px;
top: 746px;
}
}
.shui-wrapper .shui-ys {
position: absolute;
/*left: calc(50% - 16px);*/
/*top: 640px;*/
width: 9px;
height: 9px;
@media screen and (max-width: 750px) {
right: 1.25rem;
top: 66rem;
}
@media screen and (max-width: 1650px) and (min-width: 751px) and (min-width: 751px) {
left: calc(50% - 16px);
top: 640px;
}
@media screen and (min-width: 1651px) {
left: calc(50% - 16px);
top: 746px;
}
}
.shui-wrapper .shui-zx {
position: absolute;
/*left: 28px;*/
/*top: 1061px;*/
width: 9px;
height: 9px;
@media screen and (max-width: 750px) {
left: 1.75rem;
top: 91.70rem;
}
@media screen and (max-width: 1650px) and (min-width: 751px) and (min-width: 751px) {
left: 28px;
top: 1061px;
}
@media screen and (min-width: 1651px) {
left: 28px;
top: 1251px;
}
}
.shui-wrapper .shui-yx {
position: absolute;
/*left: calc(50% - 16px);*/
/*top: 1061px;*/
width: 9px;
height: 9px;
@media screen and (max-width: 750px) {
right: 1.25rem;
top: 91.70rem;
}
@media screen and (max-width: 1650px) and (min-width: 751px) and (min-width: 751px) {
left: calc(50% - 16px);
top: 1061px;
}
@media screen and (min-width: 1651px) {
left: calc(50% - 16px);
top: 1251px;
}
}
.shui-wrapper img {
margin-top: 40px;
/*width: 180px;*/
/*height: 42px;*/
@media screen and (max-width: 750px) {
width: 11rem;
height: 2.35rem;
}
@media screen and (max-width: 1650px) and (min-width: 751px) and (min-width: 751px) {
width: 180px;
height: 42px;
}
@media screen and (min-width: 1651px) {
width: 215px;
height: 50px;
}
}
.yuny-wrapper {
/*width: 56%;*/
@media screen and (max-width: 750px) {
width: 100%;
}
@media screen and (max-width: 1650px) and (min-width: 751px) {
width: 56%;
}
@media screen and (min-width: 1651px) {
width: 56%;
}
}
.yuny-wrapper img {
margin-top: 40px;
/*width: 210px;*/
/*height: 42px;*/
margin-bottom: 23px;
@media screen and (max-width: 750px) {
width: 13.5rem;
height: 2.4rem;
}
@media screen and (max-width: 1650px) and (min-width: 751px) and (min-width: 751px) {
width: 210px;
height: 42px;
}
@media screen and (min-width: 1651px) {
width: 275px;
height: 55px;
}
}
.advise-wrapper-content-item {
display: flex;
@media screen and (max-width: 750px) {
margin-bottom: 0.57rem;
}
@media screen and (max-width: 1650px) and (min-width: 751px) {
margin-bottom: 8px;
}
@media screen and (min-width: 1651px) {
margin-bottom: 16px;
}
}
.advise-wrapper-content-item img {
@media screen and (max-width: 750px) {
width: 1rem;
height: 1rem;
margin-right: 1rem;
margin-top: 0.4rem;
}
@media screen and (max-width: 1650px) and (min-width: 751px) {
width: 13px;
height: 13px;
margin-right: 13px;
margin-top: 6px;
}
@media screen and (min-width: 1651px) {
width: 20px;
height: 20px;
margin-right: 20px;
margin-top: 10px;
}
}
.advise-wrapper-content-item-text {
@media screen and (max-width: 750px) {
font-size: 1.4rem;
letter-spacing: 3px;
}
@media screen and (max-width: 1650px) and (min-width: 751px) and (min-width: 751px) {
font-size: 18px;
}
@media screen and (min-width: 1651px) {
font-size: 28px;
}
color: #fff;
opacity: 0.7;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>能耗数据预测报告</title>
<script src="https://cdn.bootcss.com/echarts/4.7.0/echarts.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
<!-- 如果你没有echarts.min.js文件,用下面的语句代替即可
<script src="https://cdn.bootcss.com/echarts/4.6.0/echarts.min.js"></script>
-->
<link rel="stylesheet" href="index.css" />
<style></style>
</head>
<body>
<div class="left-top"></div>
<div class="right-top"></div>
<div class="left-bottom"></div>
<div class="right-bottom"></div>
<div class="report-title-bg">
<img src="../assets/report-header.png" />
</div>
<div class="report-title">
<span class="report-title-text">能耗数据预测报告</span>
</div>
<div class="dian-wrapper">
<img src="../assets/energyPredict/dian.svg" />
<div class="dian-main">
<img class="dian-zs-1" src="../assets/energyPredict/zs.svg" />
<img class="dian-ys-1" src="../assets/energyPredict/ys.svg" />
<img class="dian-zx-1" src="../assets/energyPredict/zx.svg" />
<img class="dian-yx-1" src="../assets/energyPredict/yx.svg" />
<div class="dian-box1" id="forecast-line-e"></div>
<img class="dian-zs-2" src="../assets/energyPredict/zs.svg" />
<img class="dian-ys-2" src="../assets/energyPredict/ys.svg" />
<img class="dian-zx-2" src="../assets/energyPredict/zx.svg" />
<img class="dian-yx-2" src="../assets/energyPredict/yx.svg" />
<div class="dian-box2" id="forecast-bar-e"></div>
</div>
</div>
<div class="shui-wrapper">
<img src="../assets/energyPredict/shui.svg" />
<img class="shui-zs" src="../assets/energyPredict/zs.svg" />
<img class="shui-ys" src="../assets/energyPredict/ys.svg" />
<img class="shui-zx" src="../assets/energyPredict/zx.svg" />
<img class="shui-yx" src="../assets/energyPredict/yx.svg" />
<div class="shui-box" id="forecast-bar-w"></div>
</div>
<div class="yuny-wrapper">
<img src="../assets/energyPredict/yuny.svg" />
<div class="advise-wrapper-content">
<div class="advise-wrapper-content-item">
<img src="../assets/icon.png" />
<div class="advise-wrapper-content-item-text">
根据去年用能情况,预测今年8、9月出现园区限电概率较大,预测6、7月出现全年用电高峰概率较大,请园区做好用电负荷维护与设备巡查工作,增加巡检频次。
</div>
</div>
</div>
</div>
<script type="text/javascript">
var eLine = echarts.init(document.getElementById("forecast-line-e"));
var eBar = echarts.init(document.getElementById("forecast-bar-e"));
var wBar = echarts.init(document.getElementById("forecast-bar-w"));
eLineOption = {
title: {
text: "月度",
textStyle: {
fontSize: 16,
fontWeight: 400,
color: "#fff",
lineHeight: 12,
},
},
grid: {
top: 50,
right: 10,
bottom: 40,
borderWidth: 1,
left: 90,
},
xAxis: {
type: "category",
data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
axisLabel: {
formatter: "{value}月",
interval: 0,
textStyle: {
fontSize: 14,
color: "#A4A9BC",
},
},
axisTick: {
show: false,
},
axisLine: {
show: false,
},
},
yAxis: [
{
nameTextStyle: {
fontSize: 14,
color: "#A4A9BC",
},
type: "value",
minInterval: 20,
splitLine: {
show: true,
lineStyle: {
type: "dashed",
color: "#A4A9BC",
},
},
axisLine: {
show: false,
},
axisLabel: {
formatter: "{value}kWh",
textStyle: {
fontSize: 12, //更改坐标轴文字大小
color: "#A4A9BC",
padding: [0, 0, 0, 0],
},
},
},
],
tooltip: {
trigger: "axis",
axisPointer: {
type: "shadow",
},
},
legend: {
data: ["实际", "预测"],
x: "right",
y: "top",
textStyle: {
color: "#A4A9BC",
},
},
dataZoom: [
{
show: false,
realtime: true,
start: 0,
end: 100,
bottom: 30,
height: 20,
zoomLock: true,
type: "inside",
throttle: 100,
},
],
series: [
{
name: "实际",
data: [
35572.8, 60241.6, 13831323.05, 3659438.97, 0, 0, 0, 3023.4,
3466.2, 8428.8, 54465, 0,
],
type: "line",
symbolSize: 7,
smooth: true,
itemStyle: {
color: "#37F1E7",
},
lineStyle: {
type: "solid",
color: "#37F1E7",
width: 3,
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: `rgba(55, 241, 231,0.3)`,
},
{
offset: 1,
color: `rgba(55, 241, 231,0)`,
},
]),
shadowColor: `rgba(55, 241, 231,0.1)`,
shadowBlur: 10,
opacity: 0.5,
origin: "start",
},
},
{
name: "预测",
data: [0, 0, 0, 1232, 2232, 112, 0, 0, 0, 0, 0, 0],
type: "line",
symbolSize: 7,
smooth: true,
itemStyle: {
color: "#FB6364",
},
lineStyle: {
type: "dotted",
color: "#FB6364",
width: 3,
},
},
],
};
eBarOption = {
title: {
text: "年度",
textStyle: {
fontSize: 16,
fontWeight: 400,
color: "#fff",
lineHeight: 12,
},
},
grid: {
top: 50,
right: 10,
bottom: 40,
borderWidth: 1,
left: 110,
// dataType === "electricity" ? 90 : 40,
},
xAxis: {
type: "category",
data: ["2017", "2018", "2019", "2020", "2021", "2022", "2023"],
axisLabel: {
formatter: "{value}年",
interval: 0,
textStyle: {
fontSize: 14,
color: "#A4A9BC",
},
},
axisTick: {
show: false,
},
axisLine: {
show: false,
},
},
yAxis: [
{
nameTextStyle: {
fontSize: 14,
color: "#A4A9BC",
},
type: "value",
minInterval: 20,
splitLine: {
show: true,
lineStyle: {
type: "dashed",
color: "#A4A9BC",
},
},
axisLine: {
show: false,
},
axisLabel: {
formatter: "{value}kWh",
// dataType === "electricity" ? "{value}kWh" : "{value}m³",
textStyle: {
fontSize: 12, //更改坐标轴文字大小
color: "#A4A9BC",
padding: [0, 0, 0, 0],
},
},
// min: min,
},
],
tooltip: {
trigger: "axis",
axisPointer: {
type: "shadow",
},
},
legend: {
data: ["实际", "预测"],
x: "right",
y: "top",
itemWidth: 7,
itemHeight: 7,
textStyle: {
color: "#A4A9BC",
},
},
dataZoom: [
{
show: false,
realtime: true,
start: 0,
end: 100,
bottom: 30,
height: 20,
zoomLock: true,
type: "inside",
throttle: 100,
},
],
series: [
{
name: "实际",
data: [2155719, 0, 0, 0, 0, 0, 215571972.86],
type: "bar",
showBackground: true,
backgroundStyle: {
color: "rgba(255, 255, 255, 0.05)",
},
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: `rgba(63,241,217,0.2)` },
{ offset: 1, color: "#3FF1D9" },
]),
},
barGap: "0%",
barWidth: 20,
},
{
name: "预测",
showBackground: true,
backgroundStyle: {
color: "rgba(255, 255, 255, 0.05)",
},
data: [1155719, 0, 0, 0, 0, 1252, 215571972],
type: "bar",
itemStyle: {
color: `rgba(251,99,100,0.2)`,
borderColor: "#FB6364",
borderWidth: 2,
borderType: "dashed",
},
barWidth: 20,
},
],
};
wBarOption = {
title: {
text: "年度",
textStyle: {
fontSize: 16,
fontWeight: 400,
color: "#fff",
lineHeight: 12,
},
},
grid: {
top: 50,
right: 10,
bottom: 40,
borderWidth: 1,
left: 60,
},
xAxis: {
type: "category",
data: ["2017", "2018", "2019", "2020", "2021", "2022", "2023"],
axisLabel: {
formatter: "{value}年",
interval: 0,
textStyle: {
fontSize: 14,
color: "#A4A9BC",
},
},
axisTick: {
show: false,
},
axisLine: {
show: false,
},
},
yAxis: [
{
nameTextStyle: {
fontSize: 14,
color: "#A4A9BC",
},
type: "value",
minInterval: 20,
splitLine: {
show: true,
lineStyle: {
type: "dashed",
color: "#A4A9BC",
},
},
axisLine: {
show: false,
},
axisLabel: {
formatter: "{value}m³",
textStyle: {
fontSize: 12, //更改坐标轴文字大小
color: "#A4A9BC",
padding: [0, 0, 0, 0],
},
},
// min: min,
},
],
tooltip: {
trigger: "axis",
axisPointer: {
type: "shadow",
},
},
legend: {
data: ["实际", "预测"],
x: "right",
y: "top",
itemWidth: 7,
itemHeight: 7,
textStyle: {
color: "#A4A9BC",
},
},
dataZoom: [
{
show: false,
realtime: true,
start: 0,
end: 100,
bottom: 30,
height: 20,
zoomLock: true,
type: "inside",
throttle: 100,
},
],
series: [
{
name: "实际",
data: [30, 0, 0, 0, 0, 0, 29],
type: "bar",
showBackground: true,
backgroundStyle: {
color: "rgba(255, 255, 255, 0.05)",
},
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: `rgba(0,221,255,0.2)` },
{ offset: 1, color: "#00DDFF" },
]),
},
barGap: "0%",
barWidth: 20,
},
{
name: "预测",
showBackground: true,
backgroundStyle: {
color: "rgba(255, 255, 255, 0.05)",
},
data: [100, 0, 0, 0, 0, 0, 112],
type: "bar",
itemStyle: {
color: `rgba(251,99,100,0.2)`,
borderColor: "#FB6364",
borderWidth: 2,
borderType: "dashed",
},
barWidth: 20,
},
],
};
eLineOption && eLine.setOption(eLineOption);
eBarOption && eBar.setOption(eBarOption);
wBarOption && wBar.setOption(wBarOption);
window.onresize = function () {
eLine.resize();
eBar.resize();
wBar.resize();
};
</script>
</body>
</html>
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论