fix: resolve issue when using ad-blocking extensions blocks entire page (#375)

src/contentScripts/views/App.vue

@@ -254,10 +254,12 @@ function handleOsScroll() {
 }
 
 function handleBlockAds() {
+  // Do not use the "ads" keyword. AdGuard, AdBlock, and some ad-blocking extensions will
+  // detect and remove it when the class name contains "ads"
   if (settings.value.blockAds)
-    document.documentElement.classList.add('block-ads')
+    document.documentElement.classList.add('block-useless-contents')
   else
-    document.documentElement.classList.remove('block-ads')
+    document.documentElement.classList.remove('block-useless-contents')
 }
 
 function handleDisableFrostedGlass() {

src/styles/blockAds.scss

@@ -1,4 +1,6 @@
-.block-ads {
+// Do not use the "ads" keyword. AdGuard, AdBlock, and some ad-blocking extensions will
+// detect and remove it when the class name contains "ads"
+.block-useless-contents {
   // 原版首頁最右則推介內容
   .floor-single-card,
   // 首頁不能使用不感興趣的影片都當廣告殺了
@@ -16,7 +18,7 @@
   }
 
   // 首頁推介頂部卡片間距調整
-  .recommended-container_floor-aside .container>*:nth-of-type(n + 8) {
+  .recommended-container_floor-aside .container > *:nth-of-type(n + 8) {
     margin-top: 0px !important;
     margin-bottom: 24px;
   }