feat: 实现响应式布局优化，适配移动端设备

- 修改主页和其他页面的宽度为百分比布局，添加最大宽度限制
- 增加媒体查询规则，针对不同屏幕尺寸调整布局和样式
- 优化导航栏、卡片和列表在移动端的显示效果
- 添加滚动条隐藏样式，提升移动端用户体验

homepage-other-V2.html

@@ -102,7 +102,7 @@
     </script>
     <div id="ajaxwaitid"></div>
     <div id="append_parent"></div>
-    <div class="head-top flexacenter" style="width: 1200px;margin: 20px auto 30px;z-index: 8;">
+    <div class="head-top flexacenter" style="width: 100%; max-width: 1200px; margin: 20px auto 30px; z-index: 8; padding: 0 10px; box-sizing: border-box;">
         <a href="/" class="flexacenter" target="_blank">
             <img class="logo" src="https://oss.gter.net/logo" alt="" />
         </a>