统一排行榜对齐星雀UI，页面资源后台配置实时刷新

Co-authored-by: Cursor <cursoragent@cursor.com>

miniprogram/pages/guanzhual/guanzhual.wxss

@@ -0,0 +1,95 @@
+/* pages/guanzhual/guanzhual.wxss */
+page {
+    background-color: #ffffff;
+    min-height: 100vh;
+  }
+  
+  .guanzhual-page {
+    padding-bottom: 30rpx;
+    box-sizing: border-box;
+  }
+  
+  /* 头部信息 */
+  .header-info {
+    padding: 30rpx 20rpx 20rpx 20rpx;
+    border-bottom: 2rpx solid #f5f5f5;
+  }
+  
+  .title-section {
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
+    margin-bottom: 12rpx;
+  }
+  
+  .main-title {
+    font-size: 40rpx;
+    font-weight: 600;
+    color: #333333;
+  }
+  
+  .visit-count {
+    font-size: 28rpx;
+    color: #999999;
+  }
+  
+  .sub-info {
+    display: flex;
+    justify-content: space-between;
+    font-size: 26rpx;
+    color: #aaaaaa;
+  }
+  
+  .update-time {
+    color: #888888;
+  }
+  
+  /* 图片列表 */
+  .image-list {
+    padding: 0 8rpx; /* 非常微小的左右边距 */
+  }
+  
+  .image-item {
+    width: 100%;
+    margin-bottom: 6rpx; /* 极小的上下间距 */
+    background-color: #fafafa;
+    overflow: hidden;
+    border-radius: 4rpx;
+  }
+  
+  .image-item image {
+    width: 100%;
+    display: block;
+  }
+  
+  /* 空状态提示 */
+  .empty-tip {
+    padding: 100rpx 0;
+    text-align: center;
+    color: #999999;
+    font-size: 28rpx;
+  }
+  
+  /* 加载状态 */
+  .loading-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 100rpx 0;
+  }
+  
+  .loading-spinner {
+    width: 60rpx;
+    height: 60rpx;
+    border: 4rpx solid #e0e0e0;
+    border-top-color: #00C853;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+    margin-bottom: 20rpx;
+  }
+  
+  @keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+  }