/* 隐藏所有滚动条但保留滚动功能 - 增强版 */

/* 全局滚动条样式重置 */
* {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

*::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  display: none !important;
}

/* 根元素滚动条处理 */
html {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* 特定元素滚动条处理 */
.nav-container,
.content-box,
.blog-grid,
.projects-grid,
.blog-card,
.project-card,
.blog-content,
.project-content,
.post-content,
.video-container,
.scrollable-container,
.project-image-grid,
.project-hero,
.project-header,
.project-overview,
.project-challenge,
.project-process,
.project-outcome,
.project-reflection,
.related-projects,
.project-container,
.blog-article-container {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.nav-container::-webkit-scrollbar,
.content-box::-webkit-scrollbar,
.blog-grid::-webkit-scrollbar,
.projects-grid::-webkit-scrollbar,
.blog-card::-webkit-scrollbar,
.project-card::-webkit-scrollbar,
.blog-content::-webkit-scrollbar,
.project-content::-webkit-scrollbar,
.post-content::-webkit-scrollbar,
.video-container::-webkit-scrollbar,
.scrollable-container::-webkit-scrollbar,
.project-image-grid::-webkit-scrollbar,
.project-hero::-webkit-scrollbar,
.project-header::-webkit-scrollbar,
.project-overview::-webkit-scrollbar,
.project-challenge::-webkit-scrollbar,
.project-process::-webkit-scrollbar,
.project-outcome::-webkit-scrollbar,
.project-reflection::-webkit-scrollbar,
.related-projects::-webkit-scrollbar,
.project-container::-webkit-scrollbar,
.blog-article-container::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Safari和Chrome特定规则 */
::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

::-webkit-scrollbar-track {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

::-webkit-scrollbar-thumb {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

/* 强制隐藏滚动条 - 最后的兜底方案 */
html, body {
  overflow: -moz-scrollbars-none !important;
}

@media screen and (min-width: 0\0) {
  html, body {
    -ms-overflow-style: none !important;
  }
}