@jx3box/jx3box-common-ui 9.5.25 → 9.5.27

package/assets/img/footer/android.svg

@@ -0,0 +1 @@
+<svg fill="#fff" t="1772286060225" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7732" width="64" height="64"><path d="M615.878882 177.494507l42.303478-61.521169c1.811252-2.619664 1.146103-6.252401-1.473561-8.063653l-1.054005-0.726547c-2.619664-1.821485-6.231935-1.146103-8.043187 1.473561l-43.521213 63.291488c-28.427446-12.361539-60.139705-19.268856-93.601818-19.268856-31.753191 0-61.950957 6.221702-89.232301 17.426905l-41.587164-60.477396c-1.801019-2.619664-5.423523-3.284813-8.043187-1.473561l-1.054005 0.726547c-2.619664 1.811252-3.284813 5.443989-1.483794 8.073886l40.215934 58.461483c-63.23009 30.300097-108.664885 88.075964-117.915573 156.299789l438.20018 0C720.552873 265.017886 676.919097 208.296023 615.878882 177.494507zM418.217057 265.621637c-12.054547 0-21.837354-9.813506-21.837354-21.908986 0-12.095479 9.782807-21.898753 21.837354-21.898753 12.06478 0 21.837354 9.803273 21.837354 21.898753C440.054411 255.80813 430.281837 265.621637 418.217057 265.621637zM606.710059 265.621637c-12.054547 0-21.837354-9.813506-21.837354-21.908986 0-12.095479 9.782807-21.898753 21.837354-21.898753 12.06478 0 21.837354 9.803273 21.837354 21.898753C628.547413 255.80813 618.774839 265.621637 606.710059 265.621637z" p-id="7733"></path><path d="M260.904195 419.506423l0 179.446975c0 30.760584-19.596314 55.933917-43.562145 55.933917l-9.680477 0c-23.955598 0-43.562145-25.173332-43.562145-55.933917l0-179.446975c0-30.760584 19.606547-55.923684 43.562145-55.923684l9.680477 0C241.307881 363.582739 260.904195 388.745838 260.904195 419.506423z" p-id="7734"></path><path d="M859.896478 420.570661l0 179.446975c0 30.770817-19.596314 55.933917-43.562145 55.933917l-9.680477 0c-23.955598 0-43.562145-25.163099-43.562145-55.933917l0-179.446975c0-30.760584 19.606547-55.923684 43.562145-55.923684l9.680477 0C840.300164 364.646977 859.896478 389.810077 859.896478 420.570661z" p-id="7735"></path><path d="M732.934878 360.830045l0 354.074178c0 24.579815-20.046568 44.687782-44.554752 44.687782l-36.746926 0 0 102.320387c0 30.760584-19.606547 55.923684-43.562145 55.923684l-9.680477 0c-23.955598 0-43.562145-25.163099-43.562145-55.923684l0-102.320387-81.864496 0 0 101.143585c0 30.760584-19.596314 55.933917-43.562145 55.933917l-9.680477 0c-23.955598 0-43.562145-25.173332-43.562145-55.933917l0-101.143585-40.062438 0c-24.508183 0-44.554752-20.107967-44.554752-44.687782l0-354.074178L732.934878 360.830045z" p-id="7736"></path></svg>

package/assets/img/footer/harmony.svg

@@ -0,0 +1 @@
+<svg fill="#fff" t="1772286133953" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9726" width="64" height="64"><path d="M512 778.688a348.032 348.032 0 0 1-139.072-27.712 345.472 345.472 0 0 1-110.08-75.52 366.336 366.336 0 0 1-73.728-113.664 377.664 377.664 0 0 1-26.112-140.48c0-49.664 8.704-96.192 26.112-139.52a352 352 0 0 1 73.728-113.664 337.984 337.984 0 0 1 110.08-76.416A348.032 348.032 0 0 1 512 64c49.792 0 95.808 9.216 138.112 27.712a335.36 335.36 0 0 1 111.04 76.416 339.84 339.84 0 0 1 72.832 113.728c18.048 43.264 27.072 89.792 27.072 139.52 0 49.6-9.024 96.448-27.072 140.416a353.024 353.024 0 0 1-72.832 113.664 342.72 342.72 0 0 1-111.04 75.52A341.376 341.376 0 0 1 512 778.688z m0-122.304c31.104 0 60.032-5.76 86.784-17.216 27.392-11.52 51.008-27.392 70.912-47.744 20.544-20.416 36.416-44.928 47.616-73.6 11.84-29.312 17.728-61.44 17.728-96.512a248.32 248.32 0 0 0-17.728-95.552 208.128 208.128 0 0 0-47.616-74.496 212.864 212.864 0 0 0-70.912-47.808A217.984 217.984 0 0 0 512 186.304c-31.104 0-60.352 5.76-87.68 17.152-26.816 11.52-50.432 27.392-70.976 47.808a226.432 226.432 0 0 0-47.616 74.496 260.544 260.544 0 0 0-16.768 95.552c0 35.072 5.632 67.2 16.768 96.512 11.84 28.672 27.712 53.184 47.616 73.6 20.48 20.352 44.16 36.288 70.912 47.744 27.392 11.52 56.64 17.216 87.744 17.216zM759.04 843.392H257.664V960h501.248v-116.608z" p-id="9727"></path></svg>

package/assets/img/footer/ios.svg

@@ -0,0 +1 @@
+<svg fill="#fff" t="1772286026018" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6706" width="64" height="64"><path d="M849.124 704.896c-1.04 3.158-17.3 59.873-57.25 118.191-34.578 50.306-70.333 101.019-126.803 101.91-55.533 0.975-73.303-33.136-136.707-33.136-63.324 0-83.23 32.245-135.713 34.111-54.255 2.221-96.004-54.951-130.712-105.011-70.935-102.55-125.553-290.6-52.301-416.626 36.04-63.055 100.82-103.136 171.364-104.231 53.161-1.005 103.74 36.012 136.029 36.012 33.171 0 94.357-44.791 158.906-38.09 27.026 1.152 102.622 11.299 151.328 81.892-3.832 2.607-90.452 53.724-89.487 157.76 1.302 125.597 110.174 166.79 111.346 167.218M633.697 230.75c29.108-35.506 48.235-84.314 43.203-132.785-41.56 1.63-92.197 27.6-122.292 62.897-26.609 30.794-50.062 80.362-43.52 128.27 46.177 2.805 93.657-24.182 122.609-58.382" p-id="6707"></path></svg>

package/assets/img/footer/logo.svg

@@ -0,0 +1,5 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" width="256px" height="256px" viewBox="0 0 256 256">
+ <g>
+  <path fill="#ffffff" class="fil0" d="M129.254 5.842l102.93 59.427 -31.87 18.4 -0.982 -0.566c0.994,-2.975 -0.028,-5.876 -2.019,-8.167l-4.238 -4.874 -4.875 -4.238c-4.609,-4.007 -11.22,-2.951 -13.087,3.295l-45.859 -26.476 -48.092 27.766c-3.008,-2.576 -6.243,-4.596 -7.711,-5.336 0.556,3.007 1.122,5.906 1.436,8.959l-16.692 9.637 -31.87 -18.4 102.929 -59.427zm106.746 66.036l0 118.854 -102.929 59.426 0 -36.801 71.059 -41.026 0 -82.052 31.87 -18.401zm-110.561 178.28l-102.93 -59.426 0 -118.854 31.87 18.401 0 38.385c-3.301,1.009 -6.634,2.304 -9.941,3.888 3.476,1.394 6.816,2.952 9.941,4.768l0 35.011 13.63 7.87c-0.448,5.196 -0.681,10.447 -0.884,15.81 7.698,-0.047 17.263,-0.298 24.365,-2.254l33.949 19.6 0 36.801zm-51.799 -60.661c0.616,-12.288 0.824,-17.667 6.46,-25.262 5.453,5.878 11.556,10.552 18.453,13.546 1.514,0.657 3.062,1.231 4.644,1.718 -10.202,9.114 -15.093,9.273 -29.557,9.998zm55.206 -82.269c-1.804,1.186 -3.492,2.571 -4.996,4.101 -2.432,2.476 -4.35,5.302 -5.436,8.228l6.691 -6.474c1.381,-1.335 2.902,-4.048 3.741,-5.855zm15.54 -14.454c-2.664,0.429 -4.875,1.064 -6.833,1.861 2.112,0.623 4.007,1.195 6.817,2.037 0.006,-1.3 0.011,-2.599 0.016,-3.898zm15.213 -7.165l1.942 0.821 1.516 -1.49c-2.118,-1 -4.351,-1.885 -6.694,-2.647l3.236 3.316zm-7.44 -4.519c-3.687,-0.918 -7.615,-1.549 -11.775,-1.863 2.509,-1.954 8.004,-2.992 11.839,-3.871 -6.24,-2.525 -17.137,-2.863 -26.058,-0.017 -0.495,1.506 -1.483,3.868 -2.685,4.952 -1.586,1.43 -3.063,2.694 -4.373,3.915 10.1,-4.479 20.923,-4.799 31.527,-1.855l1.525 -1.261zm-70.059 -0.501c1.213,7.898 -1.998,20.612 -2.61,22.231 -0.613,1.618 -1.421,3.479 -4.084,10.137 -2.664,6.658 -2.451,19.463 -0.66,23.5 -4.342,-3.055 -9.693,-4.784 -14.795,-2.94 8.582,4.379 13.448,14.094 19.147,21.551 13.089,17.129 29.219,25.133 49.926,19.37 10.231,-2.847 25.104,-22.701 16.335,-30.342 -15.181,8.569 -31.513,-2.404 -32.155,-19.114 -0.467,-12.171 12.786,-24.526 25.65,-26.107 -5.249,-1.572 -7.043,-2.387 -13.788,-1.313 6.068,-4.449 10.642,-7.967 21.017,-8.998 0.637,-1.192 1.667,-2.01 2.687,-2.853 -12.985,-3.363 -31.961,-2.924 -48.429,18.886 4.904,-10.82 8.443,-15.182 20.698,-27.127 3.233,-3.151 2.587,-7.771 2.183,-10.966 -3.448,5.663 -9.754,8.745 -18.349,12.542 -6.518,2.879 -12.428,7.647 -16.78,13.669 -1.091,-4.665 -2.175,-8.865 -5.993,-12.126zm62.075 89.198c1.551,-0.64 3.084,-1.321 4.608,-2.046 -4.35,7.066 -14.86,14.943 -33.852,17.435 20.304,5.345 39.698,2.31 51.914,-10.359 -0.979,1.719 -1.998,3.546 -3.118,5.174 14.984,-8.658 34.487,-34.111 20.514,-58.638 2.36,1.92 4.335,4.253 6.008,7.432 0.11,-11.661 -3.429,-22.244 -10.167,-30.625l-3.947 4.018 7.299 7.124 -5.446 6.584c-2.667,3.225 -4.416,3.231 -7.72,3.242l-4.616 0.018c-0.087,1.544 -0.742,2.979 -1.882,4.027l-0.072 3.376c-0.069,3.225 -1.915,6.394 -5.122,7.359l0.001 0.005c-3.864,1.15 -7.022,3.497 -9.786,6.353 1.943,1.713 3.186,3.805 3.841,6.157 1.06,3.809 0.418,8.087 -1.322,12.281 -1.663,4.008 -4.251,7.851 -7.135,11.083zm-25.774 -43.979l9.782 -9.463c1.993,-1.929 4.901,-6.745 5.964,-10.318 0.226,-0.761 1.197,-1.434 2.541,-1.463l6.485 -0.139 0.357 -1.122c0.196,-0.616 0.459,-0.706 1.011,-0.709l4.176 -0.02c0.213,-0.001 0.378,-0.187 0.379,-0.39l0.037 -9.184c0.007,-1.797 -0.026,-2.719 1.393,-3.893l2.944 -2.433 7.412 7.594 18.945 -18.61 1.185 -4.634c0.463,-1.81 1.741,-1.749 3.146,-0.528l4.538 3.945 3.945 4.538c1.22,1.405 1.282,2.683 -0.528,3.146l-4.634 1.185 -18.611 18.945 7.595 7.412 -2.434 2.943c-1.173,1.42 -2.096,1.387 -3.892,1.394l-9.184 0.037c-0.203,0 -0.389,0.166 -0.39,0.379l-0.02 4.176c-0.003,0.552 -0.093,0.815 -0.709,1.011l-1.122 0.358 -0.139 6.484c-0.029,1.344 -0.703,2.315 -1.463,2.541 -3.573,1.063 -8.389,3.971 -10.318,5.964l-5.142 5.316c-5.88,2.918 -11.824,2.547 -17.096,-2.205 -3.029,-2.731 -5.197,-6.561 -5.943,-10.779 -0.091,-0.512 -0.161,-1.005 -0.21,-1.478z"/>
+ </g>
+</svg>

package/assets/img/footer/miniprogram.svg

@@ -0,0 +1 @@
+<svg fill="#fff" t="1772286095811" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8719" width="64" height="64"><path d="M512 981.333333a466.261333 466.261333 0 0 1-331.861333-137.472A466.218667 466.218667 0 0 1 42.666667 512a466.218667 466.218667 0 0 1 137.472-331.861333A466.261333 466.261333 0 0 1 512 42.666667a466.261333 466.261333 0 0 1 331.861333 137.472A466.261333 466.261333 0 0 1 981.333333 512a466.261333 466.261333 0 0 1-137.472 331.861333A466.261333 466.261333 0 0 1 512 981.333333zM361.514667 470.101333a73.429333 73.429333 0 0 0-28.672 6.912c-66.432 29.013333-104.32 70.229333-106.666667 116.053334a167.594667 167.594667 0 0 0 157.866667 180.053333h5.717333a172.8 172.8 0 0 0 111.402667-44.501333 151.978667 151.978667 0 0 0 54.442666-103.253334c1.792-50.517333 1.450667-102.4 1.109334-152.277333v-0.682667c0-19.797333-0.256-40.32-0.256-60.373333a72.533333 72.533333 0 0 1 69.973333-78.506667 140.032 140.032 0 0 1 18.005333-1.194666 71.808 71.808 0 0 1 73.344 46.464c17.834667 44.629333-14.805333 70.4-45.226666 87.893333a111.573333 111.573333 0 0 0-23.893334 14.506667c-15.189333 12.501333-27.989333 26.837333-18.773333 46.933333a38.4 38.4 0 0 0 37.546667 22.826667 77.184 77.184 0 0 0 14.464-1.493334 149.034667 149.034667 0 0 0 107.477333-98.645333 148.096 148.096 0 0 0-18.688-143.701333 178.261333 178.261333 0 0 0-133.802667-58.368 168.874667 168.874667 0 0 0-54.784 8.874666 149.333333 149.333333 0 0 0-107.52 151.850667c-0.853333 64.896-0.853333 128 0 192.853333a73.770667 73.770667 0 0 1-50.346666 81.066667 116.992 116.992 0 0 1-38.144 6.912 72.021333 72.021333 0 0 1-68.522667-43.605333 66.389333 66.389333 0 0 1-4.693333-52.437334 87.082667 87.082667 0 0 1 50.773333-44.8l1.664-0.725333c14.464-6.4 30.805333-13.696 35.797333-27.093333a35.072 35.072 0 0 0-3.370666-27.648 39.125333 39.125333 0 0 0-36.224-23.893334z" p-id="8720"></path></svg>

package/assets/img/footer/qqbot.svg

@@ -0,0 +1,7 @@
+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
+  <g>
+    <path d="M76.53,105.13c-10.22-.3-9,6.85-9.06,14.53.62,4.68-2.24,12.43,8.5,12.5,9.93,0,9.51-6.57,9.41-13.14S86.51,105.42,76.53,105.13Z" style="fill: #0092f3"/>
+    <path d="M124.53,105.17c-10.29-.64-9.33,6.57-9.35,13.72.55,5.43-2.17,13.22,8.54,13.26,9.19,0,9-6.26,8.6-12.34C131.93,114,135.12,105.84,124.53,105.17Z" style="fill: #0092f3"/>
+    <path d="M153.1,77.55A78,78,0,0,0,113.68,56c-.76-.17-1.43-.35-2.05-.54-5.36-2-6.87-4.39-2.9-9,1.31-1.32,2.83-2.79,4.19-4.17A22.87,22.87,0,0,0,115,40c.27-.35.46-.69.69-1s.48-.72.69-1.1a15,15,0,0,0,.87-1.75l.08-.17a16.71,16.71,0,0,0-.82-14.56c-.13-.3-.29-.6-.43-.91,0-.08-.08-.15-.13-.25s-.12-.15-.17-.25A17.6,17.6,0,0,0,100.41,11h-.74A17.6,17.6,0,0,0,84.35,20c0,.1-.12.16-.17.25s-.08.17-.13.25c-.14.31-.3.61-.43.91a16.71,16.71,0,0,0-.82,14.56l.08.17a15,15,0,0,0,.87,1.75c.21.38.46.73.69,1.1s.42.68.69,1a22.87,22.87,0,0,0,2,2.37c1.32,1.32,2.91,2.79,4.19,4.17,4,4.58,2.46,7-2.9,9-.62.19-1.31.37-2,.54A78,78,0,0,0,47,77.55C29.73,94.46,21,118.88,23.54,146.4a48,48,0,0,0,10.08,26.08v.2a40.78,40.78,0,0,0,13.81,10.95l.74.34c.76.35,1.51.67,2.28,1a49.46,49.46,0,0,0,10.75,2.93,99.51,99.51,0,0,0,21.33.91c3.78-.18,7.58-.28,11.37-.32h12.17c3.8,0,7.6.14,11.38.32a99.39,99.39,0,0,0,21.32-.91A49.31,49.31,0,0,0,149.52,185c.78-.31,1.53-.63,2.29-1l.73-.34a40.72,40.72,0,0,0,13.92-10.95v-.2a48,48,0,0,0,10.08-26.08C179.12,118.88,170.35,94.46,153.1,77.55Zm-21,94.42h-1.86c-1.61,0-3.21.08-4.81.11-3.42,0-6.83,0-10.25.06-4.82,0-9.66-.12-14.45-.12H99.46c-4.82,0-9.66.08-14.45.12-3.42,0-6.83,0-10.25-.06-1.6,0-3.21,0-4.81-.11H68.09c-10.63-.89-18.31-4.64-23-11.46A34,34,0,0,1,40.15,146a82.62,82.62,0,0,1-.52-15.08,69.84,69.84,0,0,1,4.86-21.42c4.53-10.67,12.14-20,23.06-27.64.82-.58,1.65-1.11,2.49-1.65.5-.31,1-.64,1.5-.94a57.06,57.06,0,0,1,26.82-8.32h3.26a57,57,0,0,1,26.81,8.32c.52.3,1,.63,1.5.94.84.54,1.67,1.07,2.5,1.65,10.9,7.67,18.52,17,23.06,27.59a69.84,69.84,0,0,1,4.86,21.42,82.62,82.62,0,0,1-.53,15.08A34.13,34.13,0,0,1,155,160.48c-4.69,6.85-12.36,10.6-23,11.49Z" style="fill: #0092f3"/>
+  </g>
+</svg>

package/assets/img/tv/bilibili.svg

@@ -0,0 +1 @@
+<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" ><path fill-rule="evenodd" clip-rule="evenodd" fill="currentColor" d="M3.73252 2.67094C3.33229 2.28484 3.33229 1.64373 3.73252 1.25764C4.11291 0.890684 4.71552 0.890684 5.09591 1.25764L7.21723 3.30403C7.27749 3.36218 7.32869 3.4261 7.37081 3.49407H10.5789C10.6211 3.4261 10.6723 3.36218 10.7325 3.30403L12.8538 1.25764C13.2342 0.890684 13.8368 0.890684 14.2172 1.25764C14.6175 1.64373 14.6175 2.28484 14.2172 2.67094L13.364 3.49407H14C16.2091 3.49407 18 5.28493 18 7.49407V12.9996C18 15.2087 16.2091 16.9996 14 16.9996H4C1.79086 16.9996 0 15.2087 0 12.9996V7.49406C0 5.28492 1.79086 3.49407 4 3.49407H4.58579L3.73252 2.67094ZM4 5.42343C2.89543 5.42343 2 6.31886 2 7.42343V13.0702C2 14.1748 2.89543 15.0702 4 15.0702H14C15.1046 15.0702 16 14.1748 16 13.0702V7.42343C16 6.31886 15.1046 5.42343 14 5.42343H4ZM5 9.31747C5 8.76519 5.44772 8.31747 6 8.31747C6.55228 8.31747 7 8.76519 7 9.31747V10.2115C7 10.7638 6.55228 11.2115 6 11.2115C5.44772 11.2115 5 10.7638 5 10.2115V9.31747ZM12 8.31747C11.4477 8.31747 11 8.76519 11 9.31747V10.2115C11 10.7638 11.4477 11.2115 12 11.2115C12.5523 11.2115 13 10.7638 13 10.2115V9.31747C13 8.76519 12.5523 8.31747 12 8.31747Z"></path></svg>

package/assets/img/tv/bilibili2.svg

@@ -0,0 +1 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" ><path fill-rule="evenodd" clip-rule="evenodd" d="M3.73252 2.67094C3.33229 2.28484 3.33229 1.64373 3.73252 1.25764C4.11291 0.890684 4.71552 0.890684 5.09591 1.25764L7.21723 3.30403C7.27749 3.36218 7.32869 3.4261 7.37081 3.49407H10.5789C10.6211 3.4261 10.6723 3.36218 10.7325 3.30403L12.8538 1.25764C13.2342 0.890684 13.8368 0.890684 14.2172 1.25764C14.6175 1.64373 14.6175 2.28484 14.2172 2.67094L13.364 3.49407H14C16.2091 3.49407 18 5.28493 18 7.49407V12.9996C18 15.2087 16.2091 16.9996 14 16.9996H4C1.79086 16.9996 0 15.2087 0 12.9996V7.49406C0 5.28492 1.79086 3.49407 4 3.49407H4.58579L3.73252 2.67094ZM4 5.42343C2.89543 5.42343 2 6.31886 2 7.42343V13.0702C2 14.1748 2.89543 15.0702 4 15.0702H14C15.1046 15.0702 16 14.1748 16 13.0702V7.42343C16 6.31886 15.1046 5.42343 14 5.42343H4ZM5 9.31747C5 8.76519 5.44772 8.31747 6 8.31747C6.55228 8.31747 7 8.76519 7 9.31747V10.2115C7 10.7638 6.55228 11.2115 6 11.2115C5.44772 11.2115 5 10.7638 5 10.2115V9.31747ZM12 8.31747C11.4477 8.31747 11 8.76519 11 9.31747V10.2115C11 10.7638 11.4477 11.2115 12 11.2115C12.5523 11.2115 13 10.7638 13 10.2115V9.31747C13 8.76519 12.5523 8.31747 12 8.31747Z"></path></svg>

package/assets/img/tv/bilibili3.svg

@@ -0,0 +1 @@
+<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" ><path fill-rule="evenodd" clip-rule="evenodd" fill="#469FD1" d="M3.73252 2.67094C3.33229 2.28484 3.33229 1.64373 3.73252 1.25764C4.11291 0.890684 4.71552 0.890684 5.09591 1.25764L7.21723 3.30403C7.27749 3.36218 7.32869 3.4261 7.37081 3.49407H10.5789C10.6211 3.4261 10.6723 3.36218 10.7325 3.30403L12.8538 1.25764C13.2342 0.890684 13.8368 0.890684 14.2172 1.25764C14.6175 1.64373 14.6175 2.28484 14.2172 2.67094L13.364 3.49407H14C16.2091 3.49407 18 5.28493 18 7.49407V12.9996C18 15.2087 16.2091 16.9996 14 16.9996H4C1.79086 16.9996 0 15.2087 0 12.9996V7.49406C0 5.28492 1.79086 3.49407 4 3.49407H4.58579L3.73252 2.67094ZM4 5.42343C2.89543 5.42343 2 6.31886 2 7.42343V13.0702C2 14.1748 2.89543 15.0702 4 15.0702H14C15.1046 15.0702 16 14.1748 16 13.0702V7.42343C16 6.31886 15.1046 5.42343 14 5.42343H4ZM5 9.31747C5 8.76519 5.44772 8.31747 6 8.31747C6.55228 8.31747 7 8.76519 7 9.31747V10.2115C7 10.7638 6.55228 11.2115 6 11.2115C5.44772 11.2115 5 10.7638 5 10.2115V9.31747ZM12 8.31747C11.4477 8.31747 11 8.76519 11 9.31747V10.2115C11 10.7638 11.4477 11.2115 12 11.2115C12.5523 11.2115 13 10.7638 13 10.2115V9.31747C13 8.76519 12.5523 8.31747 12 8.31747Z"></path></svg>

package/assets/img/tv/douyin.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1721198105508" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4516" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M511.744384 511.744128m-511.744128 0a511.744128 511.744128 0 1 0 1023.488256 0 511.744128 511.744128 0 1 0-1023.488256 0Z" fill="#170B1A" p-id="4517"></path><path d="M512.256128 336.215892c0.511744-53.733133 0-107.978011 0.511744-161.711144h110.024988c-0.511744 9.723138 1.023488 18.934533 2.55872 28.145927l-75.226387 6.140929 6.14093 430.888556c0.511744 18.422789-12.793603 59.874063-22.004998 75.738131-14.328836 24.563718-57.827086 47.08046-86.484757 49.63918-17.911044 1.535232-31.216392-3.070465-47.592204-11.770115-12.281859-6.652674-18.934533-43.498251-22.516742-53.221389 28.145927 15.864068 64.991504 14.328836 92.113943-3.582209 26.098951-16.375812 43.498251-46.568716 43.498251-78.296851-1.023488-94.16092-1.023488-188.321839-1.023488-281.971015z m181.157421-31.216392c15.352324 9.723138 32.751624 17.3993 50.662669 20.981509 10.746627 2.558721 20.981509 3.582209 31.728136 3.582209v29.68116c-31.728136-7.164418-100.301849-27.122439-82.390805-54.244878z" fill="#25F4EE" p-id="4518"></path><path d="M313.699406 442.658671c39.404298-24.563718 87.508246-34.798601 133.565218-28.145927v33.775112c-42.986507 1.023488-78.808596 19.446277-113.607197 45.033483-26.098951 19.446277-44.009995 39.404298-57.827086 69.085458-13.305347 28.145927-18.934533 51.686157-18.422789 82.902548 0 34.286857 9.211394 58.850575 25.587207 89.043479 7.676162 13.817091 22.516742 34.798601 18.934532 50.150924-23.54023-16.375812-42.986507-38.38081-57.315342-62.944528-19.446277-32.751624-29.169415-71.644178-28.145927-110.024987 1.535232-35.310345 11.258371-70.108946 30.192904-100.813593 16.375812-27.634183 39.916042-51.686157 67.03848-68.061969z" fill="#25F4EE" p-id="4519"></path><path d="M543.984264 202.650675h82.390804c12.793603 22.004998 11.770115 30.192904 18.934533 44.009995 11.258371 22.004998 19.958021 30.192904 44.521739 54.756621 1.535232 1.023488 2.558721 2.046977 3.582209 3.582209 21.493253 24.563718 50.662669 41.963018 82.390805 49.127437 18.422789 13.305347 5.629185 67.038481 5.629185 95.696151-53.733133 0.511744-108.489755-20.469765-151.988006-52.197901 0 68.573713 0 132.029985 0.511744 201.115443 0 9.211394 0.511744 17.911044 0 27.634183-2.558721 33.263368-17.911044 81.87906-34.7986 110.536731-14.328836 25.075462-33.775112 47.592204-57.315343 64.991504-30.192904 22.516742-67.038481 34.798601-104.395802 35.822089-18.934533 0.511744-38.38081-0.511744-56.803598-4.605697-26.098951-5.629185-51.174413-31.728136-73.17941-47.080459l-1.535233-1.535233c-10.746627-11.258371-20.469765-24.051974-27.634183-38.380809-16.375812-29.681159-25.587206-63.456272-25.587206-97.743129-0.511744-31.216392 6.14093-62.432784 19.446277-90.578711 13.817091-29.681159 34.286857-56.291854 59.874063-75.73813 34.286857-25.587206 75.738131-40.427786 118.724638-41.451275 11.770115 5.629185 3.582209 92.113943 3.582208 92.113943-13.817091-4.605697-32.23988-3.070465-46.568715 0.511744-17.3993 3.582209-26.610695 13.817091-39.916042 25.075463-8.187906 7.164418-15.352324 14.84058-19.958021 24.563718-8.69965 16.375812-8.187906 18.422789-6.652674 36.845577 2.046977 17.3993 5.117441 36.333833 16.887556 49.63918 7.676162 9.723138 12.793603 24.563718 23.028486 31.216392 8.187906 13.305347 18.934533 23.028486 30.704648 28.657671 16.375812 8.69965 34.798601 12.281859 52.709645 10.746627 28.657671-2.046977 55.268366-19.446277 69.597201-44.521739 9.211394-16.375812 13.305347-37.357321 13.305348-55.268366 0-150.964518 0.511744-437.541229 0.511744-437.541229z" fill="#FFFFFF" p-id="4520"></path><path d="M625.35158 202.650675c9.723138 0.511744 18.934533 0 29.169416 0 0 31.728136 10.234883 63.968016 28.657671 90.066966 2.558721 3.582209 4.605697 6.652674 7.164417 9.211394-20.981509-12.793603-37.357321-32.751624-48.615692-54.756621-7.164418-13.305347-12.793603-28.657671-16.375812-44.521739z m150.452774 151.476262c10.746627 2.558721 20.981509 3.582209 31.728136 3.582208v111.048476c-54.244878 0.511744-108.489755-17.3993-153.011494-49.63918v220.561719c0.511744 16.887556-1.023488 33.263368-4.605698 49.63918-10.746627 49.63918-39.404298 93.649175-80.855572 123.330335-22.004998 15.864068-46.568716 26.610695-72.667666 32.23988-31.728136 7.164418-64.47976 6.652674-95.184408-1.535232-36.845577-9.723138-71.644178-30.192904-97.231384-58.338831 22.004998 15.864068 47.08046 26.098951 73.691154 31.728136 18.422789 4.093953 37.869065 5.117441 56.803598 4.605697 37.357321-1.023488 74.202899-13.305347 104.395803-35.822089 23.54023-17.3993 42.474763-39.404298 57.315342-64.991504 16.887556-29.169415 27.122439-61.921039 29.681159-95.184408 0.511744-9.211394 0.511744-17.911044 0-27.634183-1.023488-68.061969-1.023488-136.635682-1.023488-205.209395 44.009995 31.728136 97.743128 48.615692 151.476262 48.103948-0.511744-28.657671 0-57.827086-0.511744-86.484757z" fill="#FE2C55" p-id="4521"></path><path d="M447.264624 440.09995c10.746627 0 22.004998 0.511744 32.23988 2.046977v114.11894c-15.352324-5.117441-32.23988-5.629185-48.103948-2.046976-30.192904 6.652674-55.268366 29.681159-66.014993 58.850574-10.746627 28.657671-6.652674 62.432784 11.258371 86.996502-10.746627-6.14093-19.446277-14.328836-27.122439-24.051974-11.258371-13.305347-18.934533-30.704648-20.981509-48.103948-2.046977-17.911044 1.023488-37.357321 9.723138-53.221389 4.605697-9.723138 11.770115-17.911044 19.958021-25.075463 13.305347-11.258371 30.192904-18.422789 46.568716-23.028485 13.817091-3.070465 28.657671-3.582209 41.963019 1.023488 0.511744-4.605697 0.511744-76.249875 0.511744-87.508246z" fill="#FE2C55" p-id="4522"></path></svg>

package/assets/img/tv/rec.svg

@@ -0,0 +1 @@
+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 494.86 252.5"><path class="cls-1" style="fill:#e51c21;" d="M322,211.11H-72.5a50.26,50.26,0,0,1-50.2-50.2V8.83A50.26,50.26,0,0,1-72.5-41.38H322A50.26,50.26,0,0,1,372.16,8.83V160.91A50.26,50.26,0,0,1,322,211.11ZM-72.5-24A32.85,32.85,0,0,0-105.31,8.83V160.91A32.85,32.85,0,0,0-72.5,193.72H322a32.85,32.85,0,0,0,32.82-32.81V8.83A32.85,32.85,0,0,0,322-24Z" transform="translate(122.7 41.38)"/><path class="cls-2" style="fill:#1b1a1e;" d="M131.92,127.55c0,.36-.36.54-1.07.54s-2.14-.07-3.87-.2-3-.2-3.87-.2-2.32.06-4.16.2-3.24.2-4.17.2a2.53,2.53,0,0,1-2.34-1.67q-2.13-4.53-12.13-28.07-1-2.4-4.87-2.94-.87-.06-6.07-.06c-6.13,0-9.78.08-10.93.26-.94.14-1.4,1.27-1.4,3.4q0,4.67.43,14t.43,13.91c0,.93-.44,1.4-1.33,1.4a40.09,40.09,0,0,1-4-.3,40.54,40.54,0,0,0-4.11-.3c-.75,0-1.91.06-3.46.2s-2.72.2-3.47.2c-1.11,0-1.67-.51-1.67-1.54q0-7.39.7-22.24t.7-22.23q0-21.07-1.53-44.95l-.07-1.06c0-.89.89-1.34,2.8-1.34q5.75,0,17.17-.3t17.11-.3q14.81,0,23.74,7.07,9.86,7.8,9.86,22.14,0,9.87-2.66,15.53-2.81,6-10.4,11.41c-.85.58-1.27,1.13-1.27,1.66s2.65,6.54,8,17.74S131.92,126.84,131.92,127.55ZM113.64,67.07q0-12.06-6.93-16.13-5.13-3-18.47-3-10.8,0-11,1.74-.48,3.6-.47,19.27V81.68a2.83,2.83,0,0,0,.87.26c.8.09,2.11.2,3.93.34q6.33.33,13.67.33Q113.65,82.61,113.64,67.07Z" transform="translate(122.7 41.38)"/><path class="cls-2" style="fill:#1b1a1e;" d="M204.13,114.68a13.21,13.21,0,0,1-.53,3.07c-.4,1.69-.65,2.71-.74,3.07q-.2,2.4-.93,7a1.59,1.59,0,0,1-1.73,1.2,21.73,21.73,0,0,1-2.54-.27q-8.21-1.2-25.4-1.2-4.87,0-14.67.27t-14.67.27c-1.47,0-2.2-.65-2.2-1.94q0-7.47.83-22.44t.83-22.43q0-7.61-.8-28.34-.14-5.34-.73-15.94l-.07-.93c0-1,.54-1.54,1.74-1.54q4.66,0,14,.27t14,.27q4.47,0,13.37-.27t13.37-.27c2.09,0,3.23.65,3.4,1.94a99.57,99.57,0,0,1,1.4,10.93c0,1-.49,1.54-1.46,1.54q-5.67,0-17.17-.64t-17.31-.63q-5.46,0-6.9,1.47c-1,1-1.43,3.4-1.43,7.26v9.94a27.68,27.68,0,0,0,.2,4.73c.4,1.38,1.55,2.07,3.46,2.07.54,0,1.29,0,2.27-.07H166q13.06,0,23.47-.46,4.06-.14,9.6-.67c.94-.09,1.4.31,1.4,1.2a62.31,62.31,0,0,1-.5,6.54,64.92,64.92,0,0,0-.5,6.6c0,.8-.66,1.2-2,1.2q-.79,0-5.93-.47-3.74-.41-16.81-.4-11,0-13.93.27a3,3,0,0,0-3.07,2.8c0-.31.07,1.4.07,5.13v9.87q0,6.93,2.13,8.67,1.67,1.4,8.34,1.4l7.33-.07q4.66,0,26.21-1.6l1-.06C203.69,112.93,204.13,113.48,204.13,114.68Z" transform="translate(122.7 41.38)"/><path class="cls-2" style="fill:#1b1a1e;" d="M288,112.68a4.23,4.23,0,0,1-1.27,2.27Q273.75,130,254.54,130q-20,0-32-14.6-11.19-13.61-11.2-34t11.41-34.14q12.13-14.81,32.07-14.81,20.2,0,31.27,13.67a4.28,4.28,0,0,1,1.07,2.34c0,.75-1.18,3-3.53,6.7s-3.78,5.57-4.27,5.57-1.94-1.09-4.07-3.27a35.68,35.68,0,0,0-7.4-6,25.16,25.16,0,0,0-12.67-3.27q-13.2,0-20.54,10.07-6.54,9-6.53,22.67t6.46,22.87q7.34,10.35,20.48,10.34a26.25,26.25,0,0,0,12.6-3.27,37.28,37.28,0,0,0,8.13-6.07q3.46-3.25,3.8-3.26c.27,0,1.74,1.76,4.41,5.3S288,112.33,288,112.68Z" transform="translate(122.7 41.38)"/><circle class="cls-1" style="fill:#e51c21;" cx="-12.94" cy="81.24" r="28.46" transform="translate(65.69 53.16) rotate(-41.44)"/></svg>

package/assets/img/tv/wechat.svg

@@ -0,0 +1,48 @@
+
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<g>
+	<path style="fill:#8BC34A;" d="M512,320c0-70.688-71.648-128-160-128s-160,57.312-160,128s71.648,128,160,128
+		c14.528,0,28.352-2.048,41.76-4.96L480,480l-29.824-59.616C487.552,396.96,512,360.928,512,320z"/>
+	<path style="fill:#8BC34A;" d="M192,32C85.952,32,0,103.648,0,192c0,50.944,28.736,96.128,73.312,125.376L48,368l68.96-29.536
+		c14.784,5.248,30.144,9.568,46.56,11.584c-2.24-9.76-3.52-19.776-3.52-30.048c0-88.224,86.112-160,192-160
+		c9.696,0,19.168,0.8,28.512,1.952C363.616,87.968,285.696,32,192,32z"/>
+</g>
+<g>
+	<circle style="fill:#FAFAFA;" cx="128" cy="128" r="24"/>
+	<circle style="fill:#FAFAFA;" cx="256" cy="128" r="24"/>
+	<circle style="fill:#FAFAFA;" cx="304" cy="288" r="24"/>
+	<circle style="fill:#FAFAFA;" cx="400" cy="288" r="24"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

package/assets/img/tv/weibo.svg

@@ -0,0 +1,70 @@
+
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<path style="fill:#EA533B;" d="M403.51,247.992c12.189-23.721,13.499-45.899,3.546-63.137
+	c-10.316-17.868-31.605-28.033-59.944-28.622c-20.81-0.427-44.439,4.311-68.131,13.528c8.166-27.851,5.532-49.961-7.876-63.369
+	c-16.113-16.113-44.899-16.666-81.056-1.558c-33.715,14.088-70.764,40.33-104.325,73.889
+	c-49.982,49.983-83.19,107.958-84.779,147.93C0.318,330.616,0,334.579,0,338.441c0,35.793,25.09,69.017,70.648,93.547
+	c43.858,23.617,101.979,36.622,163.656,36.622s119.798-13.005,163.656-36.622c45.558-24.53,70.648-57.754,70.648-93.547
+	C468.609,304.067,445.576,272.184,403.51,247.992z"/>
+<path style="fill:#D93C1C;" d="M260.338,459.932c-61.677,0-119.798-13.005-163.656-36.622
+	c-45.558-24.53-70.648-57.754-70.648-93.547c0-3.863,0.318-7.825,0.945-11.787c1.589-39.973,34.797-97.947,84.78-147.93
+	c33.227-33.226,69.87-59.27,103.314-73.458c-7.854,1.823-16.218,4.566-25.023,8.245c-33.715,14.088-70.764,40.33-104.325,73.889
+	C35.742,228.707,2.534,286.682,0.945,326.654C0.318,330.616,0,334.579,0,338.441c0,35.793,25.09,69.017,70.648,93.547
+	c43.858,23.617,101.979,36.622,163.656,36.622c48.616,0,95.016-8.086,133.969-23.074
+	C335.352,454.941,298.529,459.932,260.338,459.932z"/>
+<path style="fill:#FFFFFF;" d="M364.19,312.032c-2.568-29.565-22.081-55.61-54.944-73.338
+	c-31.681-17.091-72.302-24.49-114.382-20.835c-42.079,3.656-80.818,17.949-109.076,40.247
+	c-29.314,23.131-44.045,52.151-41.476,81.715c2.569,29.565,22.082,55.61,54.946,73.338c26.389,14.236,58.976,21.748,93.447,21.747
+	c6.913,0,13.905-0.302,20.934-0.913c42.079-3.654,80.817-17.948,109.075-40.246C352.029,370.616,366.758,341.596,364.19,312.032z"/>
+<path style="fill:#E5E5E5;" d="M230.36,425.319c-7.029,0.611-14.021,0.913-20.934,0.913c-34.471,0.001-67.059-7.511-93.447-21.747
+	c-32.863-17.729-52.378-43.774-54.946-73.338c-2.569-29.564,12.161-58.584,41.476-81.715c5.799-4.575,12.046-8.808,18.665-12.687
+	c-12.993,5.932-24.911,13.095-35.388,21.361c-29.314,23.131-44.045,52.151-41.476,81.715c2.569,29.565,22.082,55.61,54.946,73.338
+	c26.389,14.236,58.976,21.748,93.447,21.747c6.913,0,13.905-0.302,20.934-0.913c33.445-2.905,64.771-12.535,90.41-27.559
+	C281.994,416.503,256.841,423.019,230.36,425.319z"/>
+<path style="fill:#333333;" d="M286.65,312.533c-9.507-39.544-55.55-62.508-102.638-51.189
+	c-47.088,11.32-77.661,52.703-68.156,92.249c4.682,19.473,18.156,35.492,37.943,45.105c12.283,5.967,26.102,9.003,40.355,9.003
+	c8.042,0,16.221-0.967,24.339-2.918C265.582,393.462,296.157,352.08,286.65,312.533z"/>
+<circle style="fill:#FFFFFF;" cx="177.898" cy="351.457" r="30.373"/>
+<g>
+	<path style="fill:#FFA929;" d="M373.152,117.153c-7.189,0-13.017,5.828-13.017,13.017c0,7.189,5.828,13.017,13.017,13.017
+		c26.318,0,47.729,21.411,47.729,47.729c0,7.189,5.828,13.017,13.017,13.017s13.017-5.828,13.017-13.017
+		C446.914,150.243,413.824,117.153,373.152,117.153z"/>
+	<path style="fill:#FFA929;" d="M364.475,43.39c-3.261,0-6.564,0.108-9.817,0.322c-9.564,0.629-16.808,8.893-16.18,18.458
+		c0.629,9.564,8.9,16.804,18.458,16.18c2.498-0.164,5.035-0.248,7.539-0.248c62.206,0,112.813,50.608,112.813,112.813
+		c0,7.606-0.759,15.204-2.257,22.581c-1.396,6.875,1.691,14.209,7.576,18.025c5.99,3.884,14.111,3.587,19.829-0.675
+		c3.388-2.525,5.774-6.307,6.614-10.445c1.958-9.646,2.95-19.566,2.95-29.487C512,109.571,445.82,43.39,364.475,43.39z"/>
+</g>
+<circle style="fill:#FFFFFF;" cx="234.305" cy="321.085" r="17.356"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-common-ui",
-    "version": "9.5.25",
+    "version": "9.5.27",
     "description": "JX3BOX UI",
     "main": "index.js",
     "scripts": {
@@ -24,8 +24,8 @@
     },
     "dependencies": {
         "@jx3box/jx3box-comment-ui": "^2.0.9",
-        "@jx3box/jx3box-common": "^8.7.6",
-        "@jx3box/jx3box-data": "^3.9.2",
+        "@jx3box/jx3box-common": "^8.7.9",
+        "@jx3box/jx3box-data": "^3.9.3",
         "@jx3box/jx3box-editor": "^2.2.47",
         "@jx3box/reporter": "^0.0.4",
         "axios": "^0.26.1",

package/src/CommonFooter.vue

@@ -0,0 +1,317 @@
+<template>
+    <footer class="box-border bg-gray-900 px-6 py-12 text-gray-400 md:px-10 lg:px-16 xl:px-20">
+        <div class="mx-auto w-full" style="max-width: 92rem">
+            <div
+                class="grid grid-cols-1 gap-10 pb-10 lg:grid-cols-12 lg:gap-8"
+            >
+                <section class="lg:col-span-3">
+                    <div class="flex items-center space-x-3">
+                        <img class="h-9 w-9" svg-inline src="../assets/img/footer/logo.svg" alt="JX3BOX" />
+                        <span class="text-2xl font-bold tracking-tight text-white">JX3BOX</span>
+                    </div>
+                    <p class="mt-5 text-sm leading-7 text-gray-400" style="max-width: 20rem">
+                        一站式剑三工具与资源聚合站。<br>
+                        江湖路远，幸甚有你。
+                    </p>
+                    <div class="mt-6 flex flex-wrap gap-3">
+                        <div v-for="item in socials" :key="item.name">
+                            <el-popover
+                                v-if="item.qrcode"
+                                trigger="hover"
+                                placement="top"
+                                popper-class="c-footer-v4__popover"
+                            >
+                                <div class="flex w-36 flex-col items-center p-3">
+                                    <img
+                                        class="h-32 w-32 rounded-md object-cover"
+                                        :src="item.qrcode"
+                                        :alt="item.name"
+                                    />
+                                    <span class="mt-2 text-xs text-gray-300">{{
+                                        item.label || item.name
+                                    }}</span>
+                                </div>
+                                <a
+                                    slot="reference"
+                                    class="flex h-11 w-11 items-center justify-center rounded-full border border-gray-700 bg-gray-800 transition hover:border-blue-500 hover:bg-blue-600"
+                                    :title="item.name"
+                                    href="javascript:;"
+                                >
+                                    <img class="h-5 w-5" svg-inline :src="item.icon" :alt="item.name" />
+                                </a>
+                            </el-popover>
+                            <a
+                                v-else
+                                class="flex h-11 w-11 items-center justify-center rounded-full border border-gray-700 bg-gray-800 transition hover:border-blue-500 hover:bg-blue-600"
+                                :href="item.href"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                                :title="item.name"
+                            >
+                                <img class="h-5 w-5" svg-inline :src="item.icon" :alt="item.name" />
+                            </a>
+                        </div>
+                    </div>
+                </section>
+
+                <section class="lg:col-span-3">
+                    <div class="grid grid-cols-1 gap-8 sm:grid-cols-3">
+                        <div v-for="group in footerGroups" :key="group.title">
+                            <h3 class="text-sm font-semibold tracking-wide text-white">
+                                {{ group.title }}
+                            </h3>
+                            <div class="mt-4 space-y-3">
+                                <a
+                                    v-for="item in group.links"
+                                    :key="item.name"
+                                    class="block text-xs text-gray-400 transition hover:text-blue-400"
+                                    :href="item.href"
+                                    target="_blank"
+                                    rel="noopener noreferrer"
+                                >
+                                    {{ item.name }}
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </section>
+
+                <section class="lg:col-span-4 lg:col-start-9">
+                    <h3 class="text-sm font-semibold tracking-wide text-white">下载中心</h3>
+                    <div class="mt-4 grid grid-cols-1 gap-3 sm:grid-cols-2">
+                        <div v-for="item in downloadLinks" :key="item.name">
+                            <el-popover
+                                v-if="item.qrcode"
+                                trigger="hover"
+                                placement="top"
+                                popper-class="c-footer-v4__popover"
+                            >
+                                <div class="flex flex-col items-center p-3">
+                                    <img
+                                        class="h-32 w-32 rounded-md object-cover"
+                                        :src="item.qrcode"
+                                        :alt="item.name"
+                                    />
+                                    <span class="mt-2 text-xs text-gray-300">{{ item.label }}</span>
+                                </div>
+                                <a
+                                    slot="reference"
+                                    class="flex h-12 items-center rounded-xl border border-gray-700 bg-gray-800 px-4 text-xs text-gray-300 transition hover:border-blue-500 hover:bg-gray-700"
+                                    :href="item.href || 'javascript:;'"
+                                    :target="item.href ? '_blank' : null"
+                                    :rel="item.href ? 'noopener noreferrer' : null"
+                                >
+                                    <span class="mr-2.5 flex h-4 w-4 items-center justify-center">
+                                        <img class="h-4 w-4" svg-inline :src="item.icon" :alt="item.name" />
+                                    </span>
+                                    <span>{{ item.name }}</span>
+                                </a>
+                            </el-popover>
+                            <a
+                                v-else
+                                class="flex h-12 items-center rounded-xl border border-gray-700 bg-gray-800 px-4 text-xs text-gray-300 transition hover:border-blue-500 hover:bg-gray-700"
+                                :href="item.href || 'javascript:;'"
+                                :target="item.href ? '_blank' : null"
+                                :rel="item.href ? 'noopener noreferrer' : null"
+                            >
+                                <span class="mr-2.5 flex h-4 w-4 items-center justify-center">
+                                    <img class="h-4 w-4" svg-inline :src="item.icon" :alt="item.name" />
+                                </span>
+                                <span>{{ item.name }}</span>
+                            </a>
+                        </div>
+                    </div>
+
+                    <div
+                        class="mt-4 flex items-center justify-between rounded-xl border p-4"
+                        style="
+                            border-color: rgba(59, 130, 246, 0.2);
+                            background-image: linear-gradient(90deg, rgba(30, 64, 175, 0.2), rgba(31, 41, 55, 0.4));
+                        "
+                    >
+                        <div class="flex items-center space-x-3">
+                            <div
+                                class="flex h-10 w-10 items-center justify-center rounded-lg text-blue-400"
+                                style="background-color: rgba(59, 130, 246, 0.2)"
+                            >
+                                <img class="h-6 w-6" src="../assets/img/footer/qqbot.svg" alt="QQ机器人" />
+                            </div>
+                            <div>
+                                <p
+                                    class="font-bold uppercase tracking-wider text-gray-500"
+                                    style="font-size: 10px"
+                                >
+                                    QQ 机器人服务
+                                </p>
+                                <p class="mt-1 font-mono text-sm font-semibold text-white">3889010020</p>
+                            </div>
+                        </div>
+                        <a
+                            class="rounded-md bg-blue-600 px-3 py-1.5 text-xs font-medium text-white transition hover:bg-blue-500"
+                            href="tencent://AddContact/?uin=3889010020&Site=www.jx3box.com&Menu=yes"
+                            target="_blank"
+                            rel="noopener noreferrer"
+                        >
+                            添加
+                        </a>
+                    </div>
+                </section>
+            </div>
+
+            <div
+                class="flex flex-col items-center justify-between pt-8 text-gray-500 md:flex-row"
+                style="border-top: 1px solid rgba(55, 65, 81, 1); font-size: 11px"
+            >
+                <div
+                    class="flex flex-wrap items-center justify-center gap-x-6 gap-y-2 md:justify-start"
+                >
+                    <span>© 2019-2026 JX3BOX. 由开源社区驱动。</span>
+                    <a
+                        class="text-gray-500 hover:underline"
+                        href="https://beian.miit.gov.cn/"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        湘ICP备2021002288号
+                    </a>
+                </div>
+                <div class="mt-4 flex items-center space-x-6 md:mt-0">
+                    <a
+                        class="text-gray-500 transition-colors hover:text-white"
+                        href="https://rx-planet.com/contact"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        联系我们
+                    </a>
+                    <a
+                        class="text-gray-500 transition-colors hover:text-white"
+                        href="https://www.jx3box.com/feedback"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        反馈建议
+                    </a>
+                </div>
+            </div>
+
+        </div>
+    </footer>
+</template>
+
+<script>
+export default {
+    name: "Footer",
+    data() {
+        return {
+            socials: [
+                {
+                    name: "公众号",
+                    key: "wechat",
+                    href: "",
+                    icon: require("../assets/img/tv/wechat.svg"),
+                    qrcode: require("../assets/img/mobile/mp.jpg"),
+                },
+                {
+                    name: "B站",
+                    key: "bilibili",
+                    href: "https://space.bilibili.com/2066064028",
+                    icon: require("../assets/img/tv/bilibili3.svg"),
+                },
+                {
+                    name: "微博",
+                    key: "weibo",
+                    href: "https://weibo.com/jx3box",
+                    icon: require("../assets/img/tv/weibo.svg"),
+                },
+                {
+                    name: "抖音",
+                    key: "douyin",
+                    href: "https://www.douyin.com/user/MS4wLjABAAAAP3OHPy-BYsW6IMiPZfP1FP3J_zYAAYNVVlk9XyoKhOs",
+                    icon: require("../assets/img/tv/douyin.svg"),
+                },
+            ],
+            aboutLinks: [
+                { name: "团队成员", href: "https://www.jx3box.com/about/" },
+                { name: "加入我们", href: "https://www.jx3box.com/notice/21899" },
+                { name: "开发文档", href: "https://www.jx3box.com/tool?subtype=4" },
+                { name: "代码仓库", href: "https://github.com/JX3BOX" },
+            ],
+            legalLinks: [
+                { name: "用户协议", href: "https://www.jx3box.com/about/license" },
+                { name: "创作公约", href: "https://www.jx3box.com/about/treaty" },
+                { name: "隐私政策", href: "https://www.jx3box.com/about/privacy" },
+                { name: "创作激励", href: "https://www.jx3box.com/about/incentives" },
+            ],
+            extraLinks: [
+                { name: "游戏版本", href: "https://www.jx3box.com/topic" },
+                { name: "活动中心", href: "https://www.jx3box.com/event" },
+                { name: "全站地图", href: "https://www.jx3box.com/app/" },
+            ],
+            downloadLinks: [
+                {
+                    name: "App Store",
+                    href: "",
+                    icon: require("../assets/img/footer/ios.svg"),
+                    // qrcode: require("../assets/img/mobile/mp.jpg"),
+                },
+                {
+                    name: "Android",
+                    href: "",
+                    icon: require("../assets/img/footer/android.svg"),
+                    // qrcode: require("../assets/img/mobile/mp.jpg"),
+                },
+                {
+                    name: "鸿蒙 NEXT",
+                    href: "",
+                    icon: require("../assets/img/footer/harmony.svg"),
+                    // qrcode: require("../assets/img/mobile/mp.jpg"),
+                },
+                {
+                    name: "小程序",
+                    label: "JX3BOX小助手",
+                    href: "",
+                    icon: require("../assets/img/footer/miniprogram.svg"),
+                    qrcode: require("../assets/img/mobile/miniprogram.jpg"),
+                },
+            ],
+        };
+    },
+    computed: {
+        footerGroups() {
+            return [
+                {
+                    title: "关于我们",
+                    links: this.aboutLinks,
+                },
+                {
+                    title: "法律合规",
+                    links: this.legalLinks,
+                },
+                {
+                    title: "更多入口",
+                    links: this.extraLinks,
+                },
+            ];
+        },
+    },
+};
+</script>
+
+<style>
+/* @tailwind components; */
+/* @tailwind utilities; */
+
+.c-footer-v4__popover {
+    background: #1f2937;
+    border: 1px solid #374151;
+    border-radius: 12px;
+    box-shadow: 0 16px 40px rgba(3, 7, 18, 0.45);
+    padding: 0 !important;
+}
+
+.c-footer-v4__popover .popper__arrow,
+.c-footer-v4__popover .popper__arrow:after {
+    display: none !important;
+}
+</style>