{{extend defaultLayout}} {{block 'css'}}
<script src="{{_res_path}}template/extend/js/qrcode.min.js"></script>
<link rel="stylesheet" type="text/css" href="{{_res_path}}template/bilibili/css/comment.css" />
{{/block}} {{block 'main'}}

<div id="text" style="display: none"></div>
<div class="video_info_container">
  <div class="svg_container">
    <img
      src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQmlsaWJpbGkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjE4Ni44NiA5OTkuNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIxODYuODYgOTk5LjY1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMDdBM0Q3O30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjAzMC42MSw4OTIuODJjLTkuNzcsMC0xOC41NSwwLTI2LjM3LTAuOThjLTE2LjYtMC45Ny0zMy4yLTEuOTUtNDkuOC0xLjk1Yy0xMC43NCwwLTEwLjc0LDAtMTEuNzItMTAuNzQNCgkJbC0xNS42My0xNzcuNzRsLTE1LjYyLTE0Ny40NmwtMTAuNzQtOTAuODJsLTkuNzctNzkuMWwtMTcuNTgtMTIzLjA1Yy01Ljg2LTQzLjk0LTEyLjY5LTg2LjkxLTIxLjQ4LTEzMC44Ng0KCQljLTAuOTgtNi44My0wLjk4LTcuODEsNi44NC04Ljc5YzMwLjI3LTUuODYsNjEuNTItOC43OSw5Mi43Ny04Ljc5aDEwLjc0YzQuODgsMC45OCw3LjgxLDMuOTEsOC43OSw5Ljc3bDMuOTEsNjcuMzhsMjcuMzQsMzY0LjI2DQoJCWwxMy42NywxNjYuOTlsOC43OSw5NS43MUwyMDMwLjYxLDg5Mi44MkwyMDMwLjYxLDg5Mi44MnogTTgzMy4zNCwxMTIuNTRoMTcuNThjOC43OSwwLDEwLjc0LDIuOTMsMTAuNzQsMTEuNzJsNy44MiwxMTguMTcNCgkJbDE3LjU4LDI0NS4xMWwxMC43NCwxMjcuOTNsNy44MSw5OC42NGwxNS42MywxNjkuOTJjMCw3LjgxLTAuOTgsOC43OS04Ljc5LDguNzlsLTcwLjMyLTIuOTNjLTQuODgsMC45OC03LjgxLTEuOTUtNy44MS02Ljg0DQoJCWwtMi45My0zNC4xOGMtMi45My0yOS4yOS01Ljg2LTU4LjU5LTcuODEtODguODZsLTE1LjYzLTE1NC4zbC0xNi42LTEzOS42NWwtMTEuNzItOTguNjNsLTEyLjY5LTg5Ljg1DQoJCWMtNS44Ni00MC4wNC0xMi43LTgxLjA1LTE5LjUzLTEyMS4wOWwtNC44OS0yNy4zNGMtMC45Ny00Ljg5LDAtNi44NCw0Ljg5LTcuODJDNzc0Ljc1LDExNi40NSw4MDEuMTIsMTExLjU3LDgzMy4zNCwxMTIuNTQNCgkJTDgzMy4zNCwxMTIuNTRMODMzLjM0LDExMi41NHogTTE4MTUuNzcsNTA2LjFjMjQuNDEsMCwyNy4zNCwwLjk4LDMxLjI1LDI0LjQxYzQuODgsMjkuMyw4Ljc5LDU4LjYsMTEuNzIsODcuODlsMTAuNzQsOTQuNzMNCgkJbDIwLjUxLDIwMS4xN2MwLjk3LDQuODksMCw2Ljg0LTQuODksNi44NGwtNzYuMTcsOC43OWMtNy44MSwwLjk3LTkuNzcsMC0xMC43NC03LjgxbC00My45NS0yMjQuNjFsLTI3LjM0LTE0OS40MmwtMy45MS0yMC41MQ0KCQljLTAuOTctMy45LDAuOTgtNi44Myw0Ljg5LTcuODFDMTc1OC4xNSw1MTIuOTQsMTc4Ny40NSw1MDguMDUsMTgxNS43Nyw1MDYuMUwxODE1Ljc3LDUwNi4xTDE4MTUuNzcsNTA2LjF6IE03MDUuNDEsNTA2LjENCgkJYzI2LjM3LTAuOTgsMjkuMywxLjk1LDMyLjIzLDI2LjM3YzYuODQsNDAuMDQsMTEuNzIsNzkuMSwxNS42MywxMTkuMTRsMTIuNjksMTE3LjE4bDcuODEsNzkuMTFsNi44NCw2My40Nw0KCQljMCw4Ljc5LTAuOTgsMTAuNzUtOC43OSwxMS43MmwtNzIuMjYsNi44NGMtNy44MiwwLjk3LTkuNzcsMC0xMC43NS03LjgxbC01OS41Ny0zMDYuNjVsLTE1LjYyLTg2LjkxDQoJCWMtMC45OC00Ljg4LDAuOTctNy44MSw1Ljg2LTguNzlDNjQ5Ljc1LDUxMi45NCw2NzguMDcsNTA4LjA1LDcwNS40MSw1MDYuMUw3MDUuNDEsNTA2LjFMNzA1LjQxLDUwNi4xeiBNMTA3OC40Niw4MDguODN2MTIxLjF2My45DQoJCWMwLjk4LDUuODYtMS45NSw4Ljc5LTcuODEsNy44MmgtMjMuNDRjLTE2LjYsMC0zMy4yLDAuOTctNDkuOCwxLjk1Yy04Ljc5LDAuOTgtOS43NywwLjk4LTEwLjc1LTkuNzdsLTE1LjYyLTE3NS43OGwtNy44MS04Ni45MQ0KCQlsLTExLjcyLTEzMi44MWMtMC45OC0xMC43NSwwLjk4LTEyLjcsOS43Ni0xMy42OGMyNy4zNS0yLjkzLDU0LjY5LTIuOTMsODIuMDQtMS45NWwyMC41LDIuOTNjNy44MiwyLjkzLDguNzksMy45MSw4Ljc5LDExLjcyDQoJCWwyLjkzLDUyLjczbDAuOTgsNTguNkMxMDc3LjQ5LDcwMi4zOSwxMDc4LjQ2LDc1NS4xMiwxMDc4LjQ2LDgwOC44M0wxMDc4LjQ2LDgwOC44M0wxMDc4LjQ2LDgwOC44M3ogTTIxODYuODYsODE0LjY5djExNC4yNnY1Ljg2DQoJCWMwLDQuODgtMS45NSw3LjgxLTYuODQsNi44NGgtMzUuMTVjLTEzLjY3LDAtMjcuMzUsMC45Ny00MC4wNCwxLjk1Yy03LjgxLDAuOTgtOC43OSwwLTkuNzctOC43OWwtMjAuNS0yMjguNTJsLTEwLjc1LTExMy4yOA0KCQlsLTMuOS01Ny42MWMtMC45OC03LjgyLDAuOTctOS43Nyw4Ljc5LTkuNzdjMzIuMjItMy45MSw2NS40My00Ljg4LDk3LjY1LTAuOThjMTIuNywwLjk4LDE0LjY1LDQuODksMTUuNjMsMTcuNThsMi45MywxMjkuODgNCgkJTDIxODYuODYsODE0LjY5TDIxODYuODYsODE0LjY5eiBNMTc4Ny40NSwyOTguMDljOS43NiwwLDE4LjU1LDAuOTgsMjUuMzksMS45NWM0Ljg4LDAuOTgsNi44MywyLjkzLDcuODEsNy44MmwxMi42OSwxMzUuNzQNCgkJYzIuOTMsMTEuNzIsMC45OCwxMy42Ny0xMC43NCwxMy42N2wtMzMuMiwxLjk1Yy02Ljg0LDAuOTgtOS43NywxLjk2LTkuNzctOC43OGwtMTMuNjctMTEwLjM2bC0zLjktMzEuMjUNCgkJYy0wLjk4LTUuODYsMC45Ny04Ljc5LDYuODMtOS43NkwxNzg3LjQ1LDI5OC4wOUwxNzg3LjQ1LDI5OC4wOXogTTY4MSwyOTguMDljNy44MSwwLDE1LjYzLDAuOTgsMjIuNDYsMS45NQ0KCQljMy45MSwwLjk4LDUuODYsMi45Myw2Ljg0LDcuODJsMy45LDM0LjE4bDkuNzcsMTA2LjQ0YzAuOTgsNy44MSwwLjk4LDguNzktNi44NCw4Ljc5bC0zOC4wOCwxLjk1Yy03LjgxLDAuOTgtOC43OSwwLTkuNzctNy44MQ0KCQlsLTguNzktNzguMTJsLTcuODEtNjUuNDNjLTAuOTgtNC44OSwwLjk4LTcuODIsNS44Ni03LjgyQzY2NS4zOCwyOTkuMDcsNjczLjE5LDI5OC4wOSw2ODEsMjk4LjA5TDY4MSwyOTguMDlMNjgxLDI5OC4wOXoNCgkJIE0xMDcwLjY1LDM5NS43NXY2Ny4zOGMwLjk4LDEwLjc0LTAuOTgsMTAuNzQtOS43NywxMC43NGMtMTIuNjksMC0yNC40MS0wLjk3LTM2LjEzLTEuOTVjLTcuODEtMC45OC04Ljc5LTAuOTgtNy44MS04Ljc5DQoJCWwtMi45My04My4wMWMwLTE4LjU1LDAtMzcuMTEtMC45OC01NS42NmMtMC45Ny04Ljc5LDAtOS43Nyw4Ljc5LTkuNzdjMTMuNjcsMCwyNy4zNCwwLjk4LDQxLjAyLDIuOTNjNy44MSwwLDcuODEsMS45Niw3LjgxLDkuNzcNCgkJVjM5NS43NUwxMDcwLjY1LDM5NS43NXogTTIxODAuMDIsMzk2LjcydjY3LjM5YzAsOC43OS0wLjk3LDkuNzYtOS43Niw5Ljc2bC0zNy4xMS0xLjk1Yy01Ljg2LTAuOTgtOC43OS0zLjkxLTcuODEtOC43OQ0KCQlsLTIuOTMtMTM5LjY1YzAtNy44MSwwLjk3LTguNzksOC43OS04Ljc5YzEyLjY5LDAsMjQuNDEsMC45OCwzNi4xMywxLjk2YzE0LjY1LDAuOTcsMTIuNjksMy45LDEyLjY5LDE0LjY0TDIxODAuMDIsMzk2LjcyDQoJCUwyMTgwLjAyLDM5Ni43MnogTTY1MC43Myw0NDkuNDZjMC45NywxMS43MiwwLDEzLjY3LTExLjcyLDE0LjY1bC0yMy40NCw1Ljg2Yy03LjgxLDIuOTMtOC43OSwwLjk3LTkuNzYtNS44NmwtMjQuNDItMTM3LjcNCgkJYy0yLjkzLTguNzktMC45OC0xMC43NCw3LjgxLTExLjcybDM0LjE4LTUuODZjNy44Mi0wLjk3LDkuNzctMC45Nyw5Ljc3LDYuODRjMi45MywxNi42LDUuODYsMzMuMiw3LjgxLDQ5LjhsOS43Nyw3OC4xMw0KCQlMNjUwLjczLDQ0OS40Nkw2NTAuNzMsNDQ5LjQ2eiBNMTY4OS43OSwzMTUuNjdjMTQuNjUtMi45MywzMC4yNy00Ljg4LDQ1LjktNi44NGM0Ljg4LTAuOTcsNi44MywxLjk2LDcuODEsNi44NGw3LjgxLDUzLjcxDQoJCWMzLjkxLDI2LjM3LDYuODQsNTIuNzMsNy44Miw3OS4xdjcuODFjMC45NywzLjkxLTAuOTgsNi44NC00Ljg5LDcuODJsLTMxLjI1LDYuODNjLTQuODgsMC45OC02LjgzLTAuOTctNy44MS01Ljg2bC0yNS4zOS0xNDUuNQ0KCQlWMzE1LjY3TDE2ODkuNzksMzE1LjY3eiBNOTk2LjQzLDQyMS4xNGMwLDE1LjYyLTAuOTgsMzAuMjctMS45NSw0My45NGMwLDQuODktMS45Niw2Ljg0LTYuODQsNy44MmwtMzAuMjcsMi45Mw0KCQljLTQuODgsMC45Ny02Ljg0LTEuOTYtNi44NC02Ljg0Yy0xLjk1LTE0LjY1LTIuOTMtMjguMzItMy45LTQyLjk3Yy0xLjk2LTI2LjM3LTMuOTEtNTMuNzEtNC44OS04MS4wNWwtMS45NS0xOS41Mw0KCQljLTAuOTgtMy45MSwwLjk4LTUuODYsNC44OC01Ljg2bDQwLjA0LTIuOTNjNi44NCwwLDguNzksMC45Nyw4Ljc5LDguNzlMOTk2LjQzLDQyMS4xNEw5OTYuNDMsNDIxLjE0eiBNMjEwMy44NSw0MDUuNTENCgkJYzAuOTgsMTguNTYsMC45OCwzOC4wOSwwLDU2LjY0YzAuOTgsOC43OS0wLjk3LDEwLjc1LTkuNzYsMTAuNzVsLTI3LjM1LDIuOTNjLTQuODgsMC45Ny03LjgxLTEuOTYtNy44MS02Ljg0DQoJCWMtMC45OC0yNC40MS0yLjkzLTQ5LjgtNC44OC03NC4yMmwtMy45MS02OC4zNmMtMC45OC00Ljg4LDAuOTgtNi44Myw0Ljg4LTYuODNsMzkuMDctMi45M2M2LjgzLDAsNy44MSwwLjk3LDcuODEsOC43OQ0KCQlDMjEwMy44NSwzNTEuOCwyMTA0LjgzLDM3OS4xNSwyMTAzLjg1LDQwNS41MUwyMTAzLjg1LDQwNS41MUwyMTAzLjg1LDQwNS41MXogTTYxMi42NCw3MzguNTJjMTUuNjMsMTguNTYsMTguNTYsMzkuMDYsMTEuNzIsNjEuNTINCgkJYy01Ljg2LDIxLjQ5LTE2LjYsNDAuMDQtMzIuMjMsNTUuNjdjLTI1LjM5LDI2LjM3LTU0LjY4LDQ3Ljg1LTg2LjkxLDY0LjQ1Yy01NS42NiwyOS4zLTExMy4yOCw0OS44MS0xNzQuODEsNjAuNTUNCgkJYy00My45NCw4Ljc5LTg3Ljg5LDE0LjY1LTEzMS44MywxNy41OGMtMTMuNjcsMC45Ny0yNy4zNCwwLjk3LTQxLjAyLDAuOTdoLTI5LjI5Yy03LjgyLDAtOS43Ny0xLjk1LTEwLjc1LTkuNzZsLTYuODMtOTQuNzMNCgkJTDkyLjEzLDcwOC4yNWwtMjAuNS0xNzcuNzRsLTExLjcyLTk0LjcybC0xMi43LTkwLjgyYy02LjgzLTQ5LjgxLTE1LjYyLTk5LjYxLTI0LjQxLTE0OS40MkMxNS45NiwxNTUuNTEsOS4xMywxMTUuNDcsMC4zNCw3NS40NA0KCQljLTAuOTgtNC44OSwwLTguNzksNC44OC05Ljc3TDE0MC45Niw5LjAzYzguNzktMy45MSwxNi42LTYuODQsMjUuMzktOC43OWM1Ljg2LTAuOTgsOC43OSwwLjk4LDcuODEsNi44NA0KCQljMCwxNS42MiwwLDMxLjI1LTAuOTcsNDcuODVsLTAuOTgsMTIuNjljLTAuOTcsNTYuNjQtMC45NywxMTMuMjgsMCwxNzAuOWMwLjk4LDQ5LjgxLDMuOTEsMTAwLjU5LDYuODQsMTUwLjM5DQoJCWM0Ljg4LDc4LjEzLDEyLjY5LDE1Ni4yNSwyMC41MSwyMzMuNGMwLDcuODEsMC45Nyw3LjgxLDkuNzYsNi44NGMxNi42LTIuOTMsMzIuMjMtMy45MSw0OC44My0zLjkxDQoJCWM1MS43NiwwLDEwMy41MSw1Ljg2LDE1My4zMiwxOC41NWM0My45NCwxMC43NSw4NS45NCwyNS40LDEyNy45Myw0My45NWMyMC41MSw5Ljc3LDM5LjA2LDIxLjQ4LDU2LjY0LDM1LjE2DQoJCUM2MDIuODgsNzI3Ljc4LDYwNy43Niw3MzIuNjYsNjEyLjY0LDczOC41Mkw2MTIuNjQsNzM4LjUyTDYxMi42NCw3MzguNTJ6IE0xNzEzLjIzLDcyOS43M2MyMC41MSwxNi42LDI3LjM0LDM5LjA2LDIxLjQ4LDY1LjQzDQoJCWMtNC44OCwyMS40OS0xNC42NSw0MC4wNC0yOS4zLDU2LjY0Yy0yMy40MywyNi4zNy01MC43OCw0Ni44OC04MS4wNSw2My40OGMtNTguNTksMzIuMjMtMTIxLjA5LDU0LjY5LTE4Ny41LDY2LjQxDQoJCWMtMzYuMTMsNi44My03Mi4yNywxMi42OS0xMDguNCwxNS42MmMtMjAuNTEsMS45NS00Mi45NywyLjkzLTY1LjQzLDEuOTVoLTI2LjM3Yy01Ljg1LDAuOTgtOC43OC0xLjk1LTguNzgtNy44MQ0KCQljLTEuOTYtMjcuMzQtMy45MS01NC42OS02Ljg0LTgyLjAzbC0xNS42My0xNjYuOTlsLTE2LjYtMTQ1LjUxbC0yMC41LTE2NC4wNmMtMi45My0yOC4zMi02Ljg0LTU3LjYyLTExLjcyLTg1Ljk0bC0xNy41OC0xMDkuMzgNCgkJYy03LjgxLTUxLjc1LTE3LjU4LTEwMy41MS0yOC4zMi0xNTUuMjdsLTAuOTgtNi44M2MtMS45NS00Ljg5LDAtOC43OSw0Ljg4LTkuNzdjNDcuODYtMTkuNTMsOTQuNzMtNDEuMDIsMTQyLjU4LTU5LjU3DQoJCWMxMi43LTQuODgsMjguMzItMTAuNzQsMjcuMzUsMC45OGMtMy45MSwzNi4xMy0yLjkzLDcyLjI2LTMuOTEsMTA3LjQyYy0wLjk4LDI5LjI5LTAuOTgsNTguNTksMC45OCw4Ni45MXYyMi40Ng0KCQljMCwzNS4xNiwwLjk3LDcwLjMyLDMuOSwxMDQuNDljMS45Niw0NS45LDQuODksOTIuNzgsOC43OSwxMzguNjhsOC43OSw5OC42M2MwLjk4LDE4LjU1LDIuOTMsMzYuMTMsNS44Niw1NC42OQ0KCQljMCwxMC43NCwxLjk1LDkuNzYsMTAuNzQsOC43OWMxNy41OC0yLjkzLDM1LjE2LTMuOTEsNTIuNzQtMy45MWM2MS41MiwwLjk4LDEyMS4wOSwxMC43NCwxNzkuNjgsMjcuMzQNCgkJYzQwLjA0LDEwLjc1LDc4LjEzLDI1LjM5LDExNS4yNCw0NC45M0MxNjgzLjkzLDcwNi4yOSwxNjk4LjU4LDcxNy4wNCwxNzEzLjIzLDcyOS43M0wxNzEzLjIzLDcyOS43M0wxNzEzLjIzLDcyOS43M3oNCgkJIE0zMDEuMTIsOTAxLjYxYzE0LjY1LTguNzksNDAuMDQtMjYuMzcsNzUuMTktNTMuNzFjMzUuMTYtMjguMzIsNTYuNjQtNDYuODgsNjUuNDMtNTYuNjRjLTUyLjczLTIzLjQ0LTEwNy40Mi00My45NS0xNjQuMDYtNjIuNQ0KCQlMMzAxLjEyLDkwMS42MUwzMDEuMTIsOTAxLjYxeiBNMTU0OC4xOSw3OTYuMTRjMi45My0yLjkzLDEuOTUtNC44OC0wLjk4LTYuODRsLTIzLjQ0LTkuNzZjLTQxLjAxLTE3LjU4LTgyLjAzLTMzLjIxLTEyNC4wMi00Ni44OA0KCQlsLTUuODYtMS45NWMtMS45NS0wLjk4LTMuOSwwLTYuODMsMC45OGwyMy40MywxNjguOTRjMi45MywwLDQuODktMC45OCw1Ljg2LTEuOTVjMzguMDktMjcuMzUsNzYuMTctNTUuNjcsMTE0LjI2LTg1Ljk0DQoJCUwxNTQ4LjE5LDc5Ni4xNEwxNTQ4LjE5LDc5Ni4xNHoiLz4NCjwvZz4NCjwvc3ZnPg0K" />
    <div class="top-info">作品类型：{{Type}}</div>
    <div class="top-info">评论数量：{{CommentLength}}条</div>
    {{if Type == '视频'}}
    <div class="top-info">视频大小：{{VideoSize}}MB</div>
    <div class="top-info">视频画质：{{Clarity}}</div>
    {{else if Type == '图集'}}
    <div class="top-info">图片数量：{{ImageLength}}张</div>
    {{else if Type == '动态'}}
    <div class="top-info">附带图片：{{ImageLength}}张</div>
    {{/if}}
  </div>
  <div class="qrcode_box">
    <div class="qrcode" id="qrcode"></div>
    <div class="qrcode_text">{{shareurl}}</div>
  </div>
</div>

<div class="comment-container">
  <!-- <div class="top-info">{{Commentlength}}条评论</div> -->
  {{each CommentsData val}}
  <div class="comment">
    <img src="{{val.avatar}}" class="user-avatar" />
    <img src="{{val.frame}}" class="user-avatar-1" />
    <img src="{{val.icon_big_vip}}" class="user-avatar-2" />
    <div class="comment-content">
      <div class="user-info">
        {{@val.uname}} {{if val.label_type == 1}}
        <div class="Z3o6vw6l" style="background: rgb(254, 44, 85); color: #f4f4f4">作者</div>
        {{/if}} {{if val.status_label != null}}
        <div class="Z3o6vw6l" style="background: rgb(230, 230, 230); color: #777">{{val.status_label}}</div>
        {{/if}}
      </div>
      <div class="comment-text">{{@val.message}}</div>
      {{if (val.img_src || val.sticker) != null}}
      <div class="comment-imgbox">
        <img class="comment-imgbox_1" src="{{val.img_src || val.sticker}}" />
      </div>
      {{/if}}
      <div class="like-section">
        <div class="info-content">
          <div class="additional-info">
            {{val.ctime}} · {{val.location}}&nbsp&nbsp&nbsp&nbsp {{if val.replylength > 0}}
            <span style="color: #b9b9b9; letter-spacing: 3px">{{val.replylength}}回复</span>
            {{else}}
            <span style="color: #555">回复</span>
            {{/if}}
          </div>
          <div class="like_info">
            <div class="like-icon">
              <svg t="1636093575017" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="3323" width="75" height="75">
                <path
                  d="M594.176 151.168a34.048 34.048 0 0 0-29.184 10.816c-11.264 13.184-15.872 24.064-21.504 40.064l-1.92 5.632c-5.632 16.128-12.8 36.864-27.648 63.232-25.408 44.928-50.304 74.432-86.208 97.024-23.04 14.528-43.648 26.368-65.024 32.576v419.648a4569.408 4569.408 0 0 0 339.072-4.672c38.72-2.048 72-21.12 88.96-52.032 21.504-39.36 47.168-95.744 63.552-163.008a782.72 782.72 0 0 0 22.528-163.008c0.448-16.832-13.44-32.256-35.328-32.256h-197.312a32 32 0 0 1-28.608-46.336l0.192-0.32 0.64-1.344 2.56-5.504c2.112-4.8 5.12-11.776 8.32-20.16 6.592-17.088 13.568-39.04 16.768-60.416 4.992-33.344 3.776-60.16-9.344-84.992-14.08-26.688-30.016-33.728-40.512-34.944zM691.84 341.12h149.568c52.736 0 100.864 40.192 99.328 98.048a845.888 845.888 0 0 1-24.32 176.384 742.336 742.336 0 0 1-69.632 178.56c-29.184 53.44-84.48 82.304-141.76 85.248-55.68 2.88-138.304 5.952-235.712 5.952-96 0-183.552-3.008-244.672-5.76-66.432-3.136-123.392-51.392-131.008-119.872a1380.672 1380.672 0 0 1-0.768-296.704c7.68-72.768 70.4-121.792 140.032-121.792h97.728c13.76 0 28.16-5.504 62.976-27.456 24.064-15.104 42.432-35.2 64.512-74.24 11.904-21.184 17.408-36.928 22.912-52.8l2.048-5.888c6.656-18.88 14.4-38.4 33.28-60.416a97.984 97.984 0 0 1 85.12-32.768c35.264 4.096 67.776 26.88 89.792 68.608 22.208 42.176 21.888 84.864 16 124.352a342.464 342.464 0 0 1-15.424 60.544z m-393.216 477.248V405.184H232.96c-40.448 0-72.448 27.712-76.352 64.512a1318.912 1318.912 0 0 0 0.64 282.88c3.904 34.752 32.96 61.248 70.4 62.976 20.8 0.96 44.8 1.92 71.04 2.816z"
                  p-id="3324" fill="#9499a0"></path>
              </svg>
              <span class="like-count">{{val.like}}&nbsp&nbsp&nbsp</span>
              <svg t="1636093677814" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="3933" width="75" height="75">
                <path
                  d="M594.112 872.768a34.048 34.048 0 0 1-29.12-10.816c-11.264-13.248-15.872-24.064-21.504-40.064l-1.92-5.632c-5.632-16.128-12.8-36.864-27.712-63.232-25.344-44.928-50.24-74.432-86.144-97.024-23.104-14.528-43.648-26.432-65.024-32.64V203.84a4570.24 4570.24 0 0 1 339.072 4.672c38.656 2.048 72 21.12 88.896 52.032 21.504 39.36 47.232 95.744 63.552 163.008 16.448 67.52 21.568 123.776 22.592 163.008 0.448 16.832-13.44 32.256-35.392 32.256h-197.248a32 32 0 0 0-28.608 46.336l0.128 0.32 0.64 1.28 2.56 5.568c2.176 4.8 5.12 11.776 8.384 20.16 6.528 17.088 13.568 39.04 16.768 60.416 4.928 33.344 3.712 60.16-9.344 84.992-14.08 26.688-30.016 33.728-40.576 34.944z m97.728-190.016h149.568c52.8 0 100.864-40.128 99.392-97.92a846.336 846.336 0 0 0-24.32-176.448 742.016 742.016 0 0 0-69.632-178.56c-29.248-53.44-84.48-82.304-141.824-85.248-55.68-2.88-138.24-5.952-235.712-5.952-96 0-183.488 3.008-244.672 5.76-66.368 3.136-123.328 51.392-130.944 119.872a1380.608 1380.608 0 0 0-0.768 296.704c7.68 72.768 70.4 121.792 140.032 121.792h97.728c13.76 0 28.16 5.504 62.976 27.392 24.064 15.168 42.432 35.264 64.448 74.368 11.968 21.12 17.472 36.864 22.976 52.736l2.048 5.888c6.656 18.88 14.336 38.4 33.216 60.416 19.456 22.72 51.456 36.736 85.184 32.768 35.2-4.096 67.776-26.88 89.792-68.672 22.208-42.112 21.888-84.8 16-124.288a343.04 343.04 0 0 0-15.488-60.608zM298.688 205.568v413.184H232.96c-40.512 0-72.448-27.712-76.352-64.512a1318.912 1318.912 0 0 1 0.64-282.88c3.904-34.816 32.896-61.248 70.4-62.976 20.8-0.96 44.736-1.92 71.04-2.816z"
                  p-id="3934" fill="#9499a0"></path>
              </svg>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  {{/each}}
</div>
<script>
  qrcode = new QRCode(document.getElementById('qrcode'), {
    width: 600,
    height: 600,
    colorDark: '{{useDarkTheme}}' === 'true' ? '#c3c3c3' : '#3a3a3a',
    colorLight: '{{useDarkTheme}}' === 'true' ? '#121212' : '#f4f4f4',
  })
  qrcode.makeCode('{{share_url}}')
</script>
{{/block}}